{template 'header'}
<div id="head-bar">
<div class="head-bar">
<div class="head-bar-back"><a href="{if $back_link}{$back_link}{else}javascript:Dback();" id="back-{$js_pageid}{/if}" data-direction="reverse"><img src="{DT_MOB}static/img/icon-back.png" width="24" height="24"/></a></div>
<div class="head-bar-title">评论列表</div>
<div class="head-bar-right">
{if $EXT[comment_api]}
<a href="javascript:window.location.reload();"><img src="{DT_MOB}static/img/icon-reload.png" width="24" height="24"/></a>
{else}
<a href="javascript:Hcomment();" id="hc-{$js_pageid}" style="display:none;"><img src="{DT_MOB}static/img/icon-cancel.png" width="24" height="24"/></a>
<a href="javascript:Scomment();" id="sc-{$js_pageid}"><img src="{DT_MOB}static/img/icon-add.png" width="24" height="24"/></a>
{/if}
</div>
</div>
<div class="head-bar-fix" id="load-fix-{$js_pageid}" style="height:0;"></div>
<div class="head-bar-fix" id="head-fix-{$js_pageid}"></div>
</div>
{if $EXT[comment_api] == 'changyan'}
<div id="SOHUCS" sid="{$mid}-{$itemid}"></div>
<script id="changyan_mobile_js" charset="utf-8" type="text/javascript" src="http://changyan.sohu.com/upload/mobile/wap-js/changyan_mobile.js?client_id={$EXT[comment_api_id]}&conf={$EXT[comment_api_key]}"></script>
{else}
<style type="text/css">
.quote{border:1px solid #EEEEEE;background:#FFFFFF;padding:10px;margin-bottom:10px;}
.quote_title {font-size:12px;}
.quote_time {font-size:12px;color:#999999;}
.quote_floor {float:right;font-size:10px;color:#999999;}
.quote_content {clear:both;}
.star_a {display:inline-block;margin:12px 10px 12px 0;padding:2px 8px;height:20px;line-height:20px;background:#FF6600;color:#FFFFFF;font-size:12px;border-radius:6px;}
.star_b {display:inline-block;margin:12px 10px 12px 0;padding:2px 8px;height:20px;line-height:20px;background:#EEEEEE;color:#333333;font-size:12px;border-radius:6px;}
.star_e {display:inline-block;margin:10px 0;padding:2px 8px;height:24px;line-height:24px;width:24px;background:url('{DT_MOB}static/img/chat-emoji.png') no-repeat center center;background-size:24px 24px;float:right;}
.emoji {width:100%;background:#FFFFFF;display:none;}
.emoji table {width:100%;}
.emoji td {height:44px;text-align:center;}
.emoji td:hover {background:#F5F5F6;}
</style>
{if $faces}
<div id="emoji-{$js_pageid}" class="emoji bd-b">
<table cellspacing="0" cellpadding="0">
{loop $faces $k $v}
{if $k%10==0}<tr>{/if}
<td onclick="Demoji('{$v}');"><img src="{DT_STATIC}file/face/{$v}.png" width="24"/></td>
{if $k%10==9}</tr>{/if}
{/loop}
</table>
</div>
{/if}
<div class="ui-form bd-b">
<form method="post" id="comment-post">
<input type="hidden" name="mid" value="{$mid}"/>
<input type="hidden" name="itemid" value="{$itemid}"/>
<input type="hidden" name="items" value="{$items}"/>
<input type="hidden" name="page" value="{$page}"/>
<input type="hidden" name="qid" value="0" id="qid"/>
<input type="hidden" name="submit" value="1"/>
<input type="hidden" name="star" value="3" id="star"/>
<div><textarea name="content" id="content-{$js_pageid}" placeholder="我来说两句" onblur="window.scrollTo(0,0);" style="margin:6px 0;height:48px;border:none;" onfocus="Scomment();"></textarea></div>
<section id="box-btn-{$js_pageid}" style="display:none;">
<div class="bd-t" id="box-star">
<span class="star_e" onclick="$('#emoji-{$js_pageid}').slideToggle('fast');"></span>
<span id="star_5" class="star_a" onclick="Dstar(5);">极好</span>
<span id="star_4" class="star_b" onclick="Dstar(4);">好</span>
<span id="star_3" class="star_b" onclick="Dstar(3);">一般</span>
<span id="star_2" class="star_b" onclick="Dstar(2);">差</span>
<span id="star_1" class="star_b" onclick="Dstar(1);">极差</span>
</div>
{if $need_captcha}
<div class="bd-t">{template 'captcha', 'chip'}</div>
{/if}
<div class="blank-16 bd-t"></div>
<input type="button" class="btn-blue" value="发表评论" onclick="Dcomment();"/>
<div class="blank-16"></div>
</section>
</form>	
</div>
{if $lists}
{loop $lists $k $v}
<div class="list-user">
<img src="{useravatar($v[uname])}" width="32" height="32" class="img-circle"/>
<ul>
<li>
<span>{if $v[floor]}{$v[floor]}楼{else}精选{/if}</span><a href="{userurl($v[uname])}" rel="external"><b>{$v[name]}</b></a></li>
<li><img src="{DT_MOB}static/img/star{$v[star]}.png" width="40" style="padding-top:6px;width:40px;"/></li>
</ul>
</div>
<div class="content" id="c_{$v[itemid]}">
{if $v[quotation]}{$v[quotation]}{else}{$v[content]}{/if}
{if $v[reply]}
<br/><span class="px12 f_gray">{if $v[editor]}<span style="color:red;">管理员</span>{else}<span style="color:blue;">{$v[replyer]}</span>{/if} {$v[replytime]} 回复： </span>
<br/>{nl2br($v[reply])}
{/if}
</div>
<div class="ui-tool">
{if $MOD[comment_vote]}
<i class="ui-ico-like" onclick="Dlike(3, 0, {$v[itemid]});">支持 <span id="like-3-0-{$v[itemid]}">{$v[likes]}</span></i>
<i class="ui-ico-hate" onclick="Dhate(3, 0, {$v[itemid]});">反对 <span id="hate-3-0-{$v[itemid]}">{$v[hates]}</span></i>
{/if}
<i class="ui-ico-quote" onclick="Q({$v[itemid]}, '{$v[name]}');">回复 {$v[quotes]}</i>
<i class="ui-ico-report" onclick="R({$v[itemid]});">举报</i>
{if $could_del}
<a href="?mid={$mid}&itemid={$itemid}&page={$page}&action=delete&cid={$v[itemid]}&proxy={$proxy}" target="send" onclick="return confirm('确定要删除此评论吗？')"><i class="ui-ico-delete">删除</i></a>
{/if}
</div>
{/loop}
{else}
<div class="list-empty">暂无评论</div>
{/if}
{if $pages}<div class="pages" id="pages-{$js_pageid}">{$pages}</div>{/if}
<script type="text/javascript">
function R(id) {
	Dreport(3, 0, id, '评论举报，评论ID:'+id+'\n评论内容:\n'+Dd('c_'+id).innerHTML);
}
function Q(qid, username){
	window.scrollTo(0,0);
	Dd('qid').value = qid;
	$('#content-{$js_pageid}').attr('placeholder', '回复 '+username+' 的评论：');
	Dd('content-{$js_pageid}').focus();
}
function Scomment() {
	window.scrollTo(0,0);$('#box-btn-{$js_pageid}').slideDown(300);$('#hc-{$js_pageid}').show();$('#sc-{$js_pageid}').hide();void(0);
}
function Hcomment() {
	if($('#emoji-{$js_pageid}').css('display') != 'none') {
		$('#emoji-{$js_pageid}').hide();
	} else {
		$('#box-btn-{$js_pageid}').slideUp(300);$('#hc-{$js_pageid}').hide();$('#sc-{$js_pageid}').show();
		$('#emoji-{$js_pageid}').hide();
	}
	void(0);
}
function Demoji(v) {
	$('#content-{$js_pageid}').val($('#content-{$js_pageid}').val()+':'+v+')');
}
function Dstar(v) {
	for(var i = 1; i < 6; i++) {
		if(v == i) {
			$('#star').val(i);
			$('#star_'+i).attr('class', 'star_a');
		} else {
			$('#star_'+i).attr('class', 'star_b');
		}
	}
}
function Dcomment() {
	var len;
	len = $('#content-{$js_pageid}').val().length;
	if(len < {$MOD[comment_min]}) {
		Dtoast('{$js_pageid}','正文最少个{$MOD[comment_min]}字，已填写'+len+'个字');
		return false;
	}
	if(len > {$MOD[comment_max]}) {
		Dtoast('{$js_pageid}','正文最多个{$MOD[comment_max]}字，已填写'+len+'个字');
		return false;
	}
	{if $need_captcha}
	if($('#ccaptcha').html().indexOf('ok.png') == -1) {
		Dtoast('{$js_pageid}','请填写验证码');
		return false;
	}
	{/if}
	$.post('index.php', $('#comment-post').serialize(), function(data) {
		if(data.indexOf('alert(') == -1) {
			Dtoast('{$js_pageid}','评论发表成功');
			setTimeout(function() {
				if($('#page-last').length > 0) {
					Go($('#page-last').attr('href'));
				} else {
					window.location.reload();
				}
			}, 1000);
		} else {
			var t0 = data.split("alert('");
			var t1 = t0[1].split("')");
			var msg = t1[0];
			Dtoast('{$js_pageid}',msg);
			if(msg.indexOf('审核') != -1) {
				setTimeout(function() {
					window.location.reload();
				}, 1000);
			} else {
				reloadcaptcha();
			}
		}
	});
}
{if $need_captcha}
$(function(){
	$('#captcha').on('blur', function(){window.scrollTo(0,0);});
	$('#captcha').css({'width':'100px','border':'none','padding':'0','font-size':'16px'});
});
{/if}
</script>
{/if}
{template 'footer'}