You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
193 lines
7.7 KiB
193 lines
7.7 KiB
{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'}
|