he/DzzOffice
1
0
Fork 0
mirror of https://github.com/DzzXH/DzzOffice.git synced 2026-04-24 16:21:38 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化评论等UI

Browse Source
This commit is contained in:
小胡
2024-07-09 23:25:39 +08:00
Unverified
parent 35ca5ef491
commit 59f6308880
14 changed files with 201 additions and 230 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
dzz/comment/images/comment.css
View File

@@ -203,9 +203,6 @@ a.ui-artZoom-hide:hover span, ._tt_tasklist li .ui-artZoom-hide.title_tttl:hover
.line_publishsharewrap .count_cpsw {
display: none
}
.itemfeed .publishsharewrap {
margin-left: 60px;
}
.count_cpsw {
padding: 3px 0;
text-align: right;
@@ -368,20 +365,6 @@ a.ui-artZoom-hide:hover span, ._tt_tasklist li .ui-artZoom-hide.title_tttl:hover
height:25px;
overflow:hidden;
}
.itemfeed {
font-size: 12px;
line-height: 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 5px 0 5px;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
border-radius: var(--radius);
padding: 10px;
margin: 10px 0;
}
.comment_ifed .itemfeed{
border-top: none;
}
.left_ifed .img-avatar{
width:35px;
height:35px;
@@ -403,7 +386,7 @@ a.ui-artZoom-hide:hover span, ._tt_tasklist li .ui-artZoom-hide.title_tttl:hover
position: absolute;
z-index: 1
}
.source_fed a,.right_icfed a{
.text-muted a,.text-muted a{
text-decoration: none;
color: var(--bs-primary);
}
@@ -415,33 +398,12 @@ a.ui-artZoom-hide:hover span, ._tt_tasklist li .ui-artZoom-hide.title_tttl:hover
margin-left: 5px;
margin-right: 5px;
}
.master_mfed {
background: #f2f6fc;
padding: 15px;
border-radius: var(--radius);
}
.item_afed{
padding-bottom:10px;
}
.item_afed:hover {
border-radius: var(--radius)
}
.itemfeed .comment_ifed {
padding:5px 0
}
.content_mmfed{
font-size: larger;
}
.main_fed{
min-height:60px;
}
.action_mfed {
height: 26px;
padding: 10px 0 0;
position: relative;
z-index: 2;
color: #6c757d;
}
.btn_amfed {
float: right;
display:none;
@@ -546,12 +508,10 @@ a.ui-artZoom-hide:hover span, ._tt_tasklist li .ui-artZoom-hide.title_tttl:hover
display: inline-block
}
.item .list_fed {
padding-left: 60px
padding-left: 50px
}
.cmt_fed {
/*padding: 0 5px;*/
margin-top: 1px;
*zoom:1
padding-left: 50px
}
.item_cfed {
padding: 10px 0 10px 40px;
@@ -573,11 +533,8 @@ a.ui-artZoom-hide:hover span, ._tt_tasklist li .ui-artZoom-hide.title_tttl:hover
height: 30px;
line-height: 30px;
}
.master_cfed {
.master_cfed ,.master_mfed{
background: #f2f6fc;
padding: 10px;
border-radius: var(--radius);
font-size: larger;
}
.dehua_mcfed {
@@ -587,9 +544,7 @@ a.ui-artZoom-hide:hover span, ._tt_tasklist li .ui-artZoom-hide.title_tttl:hover
.dehua_mcfed:hover {
color: #2d83cf
}
.action_cfed {
height: 18px;
padding-top: 5px;
.action_cfed ,.action_mfed{
color: #6c757d;
}
.action_cfed .lock_fed {

26
dzz/comment/scripts/comment.js
View File

@@ -2,12 +2,12 @@
function feed_publish(arr,tid,targetid){
var html=''
html+='<div id="comment_'+arr['cid']+'" class="card itemfeed" feed-id="'+arr['cid']+'" style="display:none">';
html+='<div id="comment_'+arr['cid']+'" class="card" feed-id="'+arr['cid']+'" style="display:none"><div class="card-body">';
html+=' <div class="left_ifed"> <a href="user.php?uid='+arr['authorid']+'" title="'+arr['author']+'" hidefocus="true">'+arr['avatar']+'</a> </div>';
html+=' <div class="right_ifed">';
html+=' <div class="main_fed">';
html+=' <div class="source_fed"> <a href="user.php?uid='+arr['authorid']+'" title="'+arr['author']+'" hidefocus="true" class="appuser_sfed">'+arr['author']+'</a><span class="text-muted">'+__lang.reply+'</span> </div>';
html+=' <div class="card master_mfed"><span class="content_mmfed">'+arr['message']+'</span></div>';
html+=' <p class="text-muted"> <a href="user.php?uid='+arr['authorid']+'" title="'+arr['author']+'" hidefocus="true" class="appuser_sfed">'+arr['author']+'</a> '+__lang.reply+'</p>';
html+=' <div class="card master_mfed"><span class="card-body">'+arr['message']+'</span></div>';
html+=' <div class="attachment_fed">';
for(var i in arr['attachs']){
var attach=arr['attachs'][i];
@@ -68,25 +68,25 @@ for(var i in arr['attachs']){
}
html+=' </div>';
html+=' <div class="action_mfed clearfix">';
html+=' <p class="text-muted clearfix">';
html+=' <div class="btn_amfed">';
html+=' <ul>';
html+=' <li class="more_bamfed"><a hidefocus="true" href="javascript:void(0);" onclick="feed_delete(\''+arr['cid']+'\',\'comment_'+arr['cid']+'\')">'+__lang.delete+'</a></li>';
html+=' <li class="reply_bamfed"><a hidefocus="true" href="javascript:void(0);" onclick="getReplyForm(\''+arr['cid']+'\',\'0\',\''+arr['allowattach']+'\',\''+arr['allowat']+'\',\''+arr['allowsmiley']+'\');">'+__lang.reply+'</a></li>';
html+=' </ul>';
html+=' </div>';
html+=' </div>';
html+=' </p>';
html+=' </div>';
html+=' <div id="comment_reply_'+arr['cid']+'" class="comment_ifed" ></div>';
html+=' </div>';
html+='</div>';
html+='</div></div>';
if(targetid && jQuery('#'+targetid).length){
var el=jQuery('#'+targetid+' > .itemfeed:first');
var el=jQuery('#'+targetid+' > .card:first');
if(el.length>0) el.before(html);
else jQuery('#'+targetid).html(html);
}else{
var el=jQuery('#comment_container > .itemfeed:first');
var el=jQuery('#comment_container > .card:first');
if(el.length>0) el.before(html);
else jQuery('#comment_container').html(html);
}
@@ -111,12 +111,12 @@ function feed_reply(arr){
html+='<div id="comment_'+arr['cid']+'" class="cmt_fed">';
html+=' <div class="item_cfed">';
html+=' <div class="left_icfed"> <a href="user.php?uid='+arr['authorid']+'" title="" hidefocus="true"> '+arr['avatar']+' </a> </div>';
html+=' <div class="right_icfed">';
html+=' <a href="user.php?uid='+arr['authorid']+'" title="" class="avatar_mcfed skip_cmfed" hidefocus="true">'+arr['author']+'</a><span class="text-muted">'+' '+__lang.reply+' '+arr['dateline']+'</span><div class="card master_cfed">';
html+=' <p class="text-muted">';
html+=' <a href="user.php?uid='+arr['authorid']+'" title="" class="avatar_mcfed" hidefocus="true">'+arr['author']+'</a>'+' '+__lang.reply+' '+arr['dateline']+'</p><div class="card master_cfed">';
if(arr['rpost']){
html+='<span class="amal_fed">对</span> <a href="user.php?uid='+arr['rpost']['authorid']+'" title="" class="avatar_mcfed skip_cmfed" hidefocus="true" target="_blank">'+arr['rpost']['author']+'</a>';
html+='<span class="amal_fed">对</span> <a href="user.php?uid='+arr['rpost']['authorid']+'" title="" class="avatar_mcfed" hidefocus="true" target="_blank">'+arr['rpost']['author']+'</a>';
}
html+=' <span>'+arr['message']+'</span> ';
html+=' <span class="card-body">'+arr['message']+'</span> ';
html+=' </div>';
html+=' <div class="attachment_fed">';
for(var i in arr['attachs']){
@@ -215,7 +215,7 @@ function feed_reply(arr){
}
function getReplyForm(tid,pid,allowattach,allowat,allowsmiley){
jQuery('#comment_container .itemfeed .publishsharewrap').hide();
jQuery('#comment_container .card .publishsharewrap').hide();
if(!document.getElementById('reply_publish_'+tid)){
var el = jQuery('<div id="reply_publish_'+tid+'"></div>').appendTo('#comment_'+tid);
ajaxget(DZZSCRIPT+'?mod=comment&op=ajax&do=getReplyForm&cid='+tid+'&allowattach='+allowattach+'&allowat='+allowat+'&allowsmiley='+allowsmiley,'reply_publish_'+tid,'reply_publish_'+tid,'','',function(){

15
dzz/comment/template/reply_item.htm
View File

@@ -4,14 +4,15 @@
<div class="left_icfed">
<a href="user.php?uid=$value1[authorid]" title="" hidefocus="true"> {eval echo avatar_block($value1[authorid]);} </a>
</div>
<div class="right_icfed">
<a href="user.php?uid=$value1[authorid]" title="" class="avatar_mcfed skip_cmfed" hidefocus="true">$value1[author]</a>
<!--{if $value1['rpost']}-->
<span class="amal_fed">对</span>
<a href="user.php?uid=$value1[rpost][authorid]" title="" class="avatar_mcfed skip_cmfed" hidefocus="true" target="_blank">$value1[rpost][author]</a>
<!--{/if}--><span class="text-muted">{lang reply} $value[dateline]</span>
<p class="text-muted">
<a href="user.php?uid=$value1[authorid]" title="" class="avatar_mcfed" hidefocus="true">$value1[author]</a>
<!--{if $value1['rpost']}-->
<span class="amal_fed">对</span>
<a href="user.php?uid=$value1[rpost][authorid]" title="" class="avatar_mcfed" hidefocus="true" target="_blank">$value1[rpost][author]</a>
<!--{/if}-->{lang reply} $value[dateline]
</p>
<div class="card master_cfed">
<span>$value1[message]</span>
<span class="card-body">$value1[message]</span>
</div>
<div class="attachment_fed">
<!--{loop $value1[attachs] $attach}-->

235
dzz/comment/template/thread_item.htm
View File

@@ -1,124 +1,123 @@
<div class="card itemfeed " id="comment_$value[cid]">
<a name="comment_$value[cid]"></a>
<div class="left_ifed">
<a href="user.php?uid=$value[authorid]" title="$value[author]" hidefocus="true">{eval echo avatar_block($value[authorid]);}</a>
</div>
<div class="right_ifed">
<div class="main_fed">
<div class="source_fed">
<a href="user.php?uid=$value[authorid]" title="$value[author]" hidefocus="true" class="appuser_sfed">$value[author]</a><span class="text-muted">{lang reply} $value[dateline]</span> </div>
<div class="card master_mfed"><span class="content_mmfed">$value[message]</span></div>
<div class="attachment_fed">
<!--{loop $value[attachs] $attach}-->
<div class="item_afed">
<!--{if $attach[isimage]}-->
<div class="pic_fed clearfix">
<div class="img_pfed">
<a class="min_ipfed" hidefocus="true" href="javascript:;"><img src="$attach[img]" data-original="$attach[img]&original=1" alt="$attach[title]" class="">
</a></div>
</div><div class="file_fed imgfile_fed clearfix">
<a class="min_ipfed" hidefocus="true" href="javascript:;"> $attach[title]<span class="kb_nffed">($attach[filesize])</span>
</a><p class="down_ffed"><a class="min_ipfed" hidefocus="true" href="javascript:;">
</a><a href="javascript:;" title="" hidefocus="true" class="btn_dffed" onclick="feed_downAttach('$attach[qid]')">{lang download}
<!--{if $attach[downloads]>0}-->($attach[downloads]{lang degree})<!--{/if}-->
</a>
<a href="javascript:void(0);" title="" hidefocus="true" class="save_dffed" onclick="feed_attach_saveto('$attach[qid]')">{lang js_saved_my_documents}</a>
</p>
</div>
<!--{elseif $attach['type']=='video'}-->
<div class="file_fed file_fed_{$attach[type]} clearfix">
<div class="ico_ffed " style="margin-right:20px">
<a href="javascript:;" onclick="feed_attach_preview('$attach[qid]')"><img src="$attach[img]" alt="$attach[title]" class="videoclass50_50"></a>
</div>
<p class="name_ffed">$attach[title]</p>
<p class="down_ffed">
<!--{if $attach[preview]>0}-->
<a href="javascript:void(0);" title="" hidefocus="true" class="preview_dffed" onclick="feed_attach_preview('$attach[qid]')">{lang preview}</a>
<!--{/if}-->
</p>
</div>
<!--{elseif $attach['type']=='dzzdoc' || $attach['type']=='link'}-->
<div class="file_fed file_fed_{$attach[type]} clearfix">
<div class="ico_ffed ">
<a href="javascript:;" onclick="feed_attach_preview('$attach[qid]')"><img src="$attach[img]" alt="$attach[title]" style="max-height:50px;"></a>
</div>
<p class="name_ffed">$attach[title]</p>
<p class="down_ffed">
<a href="javascript:void(0);" title="" hidefocus="true" class="preview_dffed" onclick="feed_attach_preview('$attach[qid]')">{lang preview}</a>
</p>
</div>
<!--{else}-->
<div class="file_fed file_fed_{$attach[type]} clearfix">
<div class="ico_ffed"><img src="$attach[img]" alt="$attach[filename]" style="max-height:50px;"> </div>
<p class="name_ffed">$attach[title]
<!--{if $attach['filesize']}--><span class="kb_nffed">($attach[filesize])</span><!--{/if}-->
</p>
<p class="down_ffed">
<!--{if $attach[preview]>0}-->
<a href="javascript:void(0);" title="" hidefocus="true" class="preview_dffed" onclick="feed_attach_preview('$attach[qid]')">{lang preview}</a>
<!--{/if}-->
<a href="javascript:;" title="" hidefocus="true" class="btn_dffed" onclick="feed_downAttach('$attach[qid]')">{lang download}
<!--{if $attach[downloads]>0}--><span class="text-gray">($attach[downloads]{lang degree})</span><!--{/if}-->
</a>
<a href="javascript:void(0);" title="" hidefocus="true" class="save_dffed" onclick="feed_attach_saveto('$attach[qid]')">{lang js_saved_my_documents}</a>
</p>
</div>
<!--{/if}-->
</div>
<!--{/loop}-->
</div>
<div class="action_mfed clearfix">
<div class="btn_amfed">
<ul>
<!--{if $_G[adminid]==1}-->
<li class="more_bacfed">
<a hidefocus="true" href="javascript:void(0);" onclick="feed_edit('$value[cid]','$_GET[allowattach]','$_GET[allowat]','$_GET[allowsmiley]')">{lang edit}</a>
</li>
<!--{/if}-->
<!--{if $_G['uid']==$value[authorid] || $_G[adminid]==1}-->
<!--{if $_G['uid']>0}-->
<li class="more_bamfed">
<a hidefocus="true" href="javascript:void(0);" onclick="feed_delete('$value[cid]','comment_$value[cid]')">{lang delete}</a>
</li>
<!--{/if}-->
<!--{/if}-->
<li class="reply_bamfed">
<a hidefocus="true" href="javascript:void(0);" onclick="getReplyForm('$value[cid]','0','$_GET[allowattach]','$_GET[allowat]','$_GET[allowsmiley]');">评论</a>
</li>
</ul>
</div>
$value[xtllq] <!--{if $_G[adminid]==1}-->$value[ip]<!--{/if}--></div>
<div class="card" id="comment_$value[cid]">
<div class="card-body">
<a name="comment_$value[cid]"></a>
<div class="left_ifed">
<a href="user.php?uid=$value[authorid]" title="$value[author]" hidefocus="true">{eval echo avatar_block($value[authorid]);}</a>
</div>
<div id="comment_reply_{$value[cid]}" class="comment_ifed">
<!--{if $value[replies]>0}-->
<div class="comment_fed" style="display: block;">
<!--{if $_G['uid']>0}-->
<div class="corner_lfed"><span></span></div>
<div class="right_ifed">
<div class="main_fed">
<p class="text-muted">
<a href="user.php?uid=$value[authorid]" title="$value[author]" hidefocus="true" class="appuser_sfed">$value[author]</a> {lang reply} $value[dateline]
</p>
<div class="card master_mfed"><span class="card-body">$value[message]</span></div>
<div class="attachment_fed">
<!--{loop $value[attachs] $attach}-->
<div class="item_afed">
<!--{if $attach[isimage]}-->
<div class="pic_fed clearfix">
<div class="img_pfed">
<a class="min_ipfed" hidefocus="true" href="javascript:;"><img src="$attach[img]" data-original="$attach[img]&original=1" alt="$attach[title]" class=""></a>
</div>
</div>
<div class="file_fed imgfile_fed clearfix">
<a class="min_ipfed" hidefocus="true" href="javascript:;"> $attach[title]<span class="kb_nffed">($attach[filesize])</span></a>
<p class="down_ffed">
<a class="min_ipfed" hidefocus="true" href="javascript:;"></a><a href="javascript:;" title="" hidefocus="true" class="btn_dffed" onclick="feed_downAttach('$attach[qid]')">{lang download}<!--{if $attach[downloads]>0}-->($attach[downloads]{lang degree})<!--{/if}--></a>
<a href="javascript:void(0);" title="" hidefocus="true" class="save_dffed" onclick="feed_attach_saveto('$attach[qid]')">{lang js_saved_my_documents}</a>
</p>
</div>
<!--{elseif $attach['type']=='video'}-->
<div class="file_fed file_fed_{$attach[type]} clearfix">
<div class="ico_ffed " style="margin-right:20px">
<a href="javascript:;" onclick="feed_attach_preview('$attach[qid]')"><img src="$attach[img]" alt="$attach[title]" class="videoclass50_50"></a>
</div>
<p class="name_ffed">$attach[title]</p>
<p class="down_ffed">
<!--{if $attach[preview]>0}-->
<a href="javascript:void(0);" title="" hidefocus="true" class="preview_dffed" onclick="feed_attach_preview('$attach[qid]')">{lang preview}</a>
<!--{/if}-->
</p>
</div>
<!--{elseif $attach['type']=='dzzdoc' || $attach['type']=='link'}-->
<div class="file_fed file_fed_{$attach[type]} clearfix">
<div class="ico_ffed ">
<a href="javascript:;" onclick="feed_attach_preview('$attach[qid]')"><img src="$attach[img]" alt="$attach[title]" style="max-height:50px;"></a>
</div>
<p class="name_ffed">$attach[title]</p>
<p class="down_ffed">
<a href="javascript:void(0);" title="" hidefocus="true" class="preview_dffed" onclick="feed_attach_preview('$attach[qid]')">{lang preview}</a>
</p>
</div>
<!--{else}-->
<div class="file_fed file_fed_{$attach[type]} clearfix">
<div class="ico_ffed"><img src="$attach[img]" alt="$attach[filename]" style="max-height:50px;"> </div>
<p class="name_ffed">$attach[title]
<!--{if $attach['filesize']}--><span class="kb_nffed">($attach[filesize])</span><!--{/if}-->
</p>
<p class="down_ffed">
<!--{if $attach[preview]>0}-->
<a href="javascript:void(0);" title="" hidefocus="true" class="preview_dffed" onclick="feed_attach_preview('$attach[qid]')">{lang preview}</a>
<!--{/if}-->
<a href="javascript:;" title="" hidefocus="true" class="btn_dffed" onclick="feed_downAttach('$attach[qid]')">{lang download}
<!--{if $attach[downloads]>0}--><span class="text-gray">($attach[downloads]{lang degree})</span><!--{/if}-->
</a>
<a href="javascript:void(0);" title="" hidefocus="true" class="save_dffed" onclick="feed_attach_saveto('$attach[qid]')">{lang js_saved_my_documents}</a>
</p>
</div>
<!--{/if}-->
</div>
<!--{/loop}-->
</div>
<div class="action_mfed clearfix">
<div class="btn_amfed">
<ul>
<!--{if $_G[adminid]==1}-->
<li class="more_bacfed">
<a hidefocus="true" href="javascript:void(0);" onclick="feed_edit('$value[cid]','$_GET[allowattach]','$_GET[allowat]','$_GET[allowsmiley]')">{lang edit}</a>
</li>
<!--{/if}-->
<!--{if $_G['uid']==$value[authorid] || $_G[adminid]==1}-->
<!--{if $_G['uid']>0}-->
<li class="more_bamfed">
<a hidefocus="true" href="javascript:void(0);" onclick="feed_delete('$value[cid]','comment_$value[cid]')">{lang delete}</a>
</li>
<!--{/if}-->
<!--{/if}-->
<li class="reply_bamfed">
<a hidefocus="true" href="javascript:void(0);" onclick="getReplyForm('$value[cid]','0','$_GET[allowattach]','$_GET[allowat]','$_GET[allowsmiley]');">评论</a>
</li>
</ul>
</div>
$value[xtllq] <!--{if $_G[adminid]==1}-->$value[ip]<!--{/if}-->
</div>
</div>
<div id="comment_reply_{$value[cid]}" class="comment_ifed">
<!--{if $value[replies]>0}-->
<div class="comment_fed" style="display: block;">
<!--{if $_G['uid']>0}-->
<div class="corner_lfed"><span></span></div>
<!--{/if}-->
</div>
<!--{/if}-->
<!--{if $value[replies]>5}-->
<div class="txt_cfed">
<a class="" href="javascript:void(0);" hidefocus="true" cid="$value[cid]" title="">{lang total}<span class="num_cfed">$value[replies]</span>{lang a_reply}<i></i></a>
</div>
<!--{/if}-->
<!--{if $value[replies]>0}-->
<div id="reply_list_$value[cid]" class="list_cfed ">
<!--{loop $value[replys] $value1}-->
<!--{template reply_item}-->
<!--{/loop}-->
<script type="text/javascript" reload="1">
jQuery('#comment_$value[cid]').find('.txt_cfed a').on('click', function() {
ajaxget('{MOD_URL}&op=ajax&do=getreplys&cid=$value[cid]&allowattach=$_GET[allowattach]&allowat=$_GET[allowat]&allowsmiley=$_GET[allowsmiley]', 'reply_list_$value[cid]', 'reply_list_$value[cid]');
return false;
});
</script>
</div>
<!--{/if}-->
</div>
<!--{/if}-->
<!--{if $value[replies]>5}-->
<div class="txt_cfed">
<a class="" href="javascript:void(0);" hidefocus="true" cid="$value[cid]" title="">{lang total}<span class="num_cfed">$value[replies]</span>{lang a_reply}<i></i></a>
</div>
<!--{/if}-->
<!--{if $value[replies]>0}-->
<div id="reply_list_$value[cid]" class="list_cfed ">
<!--{loop $value[replys] $value1}-->
<!--{template reply_item}-->
<!--{/loop}-->
<script type="text/javascript" reload="1">
jQuery('#comment_$value[cid]').find('.txt_cfed a').on('click', function() {
ajaxget('{MOD_URL}&op=ajax&do=getreplys&cid=$value[cid]&allowattach=$_GET[allowattach]&allowat=$_GET[allowat]&allowsmiley=$_GET[allowsmiley]', 'reply_list_$value[cid]', 'reply_list_$value[cid]');
return false;
});
</script>
</div>
<!--{/if}-->
</div>
</div>
</div>