Highlight and add an info label to comments pending approval.

References #37

templates/2k11/admin/comments.inc.tpl

@@ -99,13 +99,15 @@
             {if is_array($comments)}
                 <ul id="serendipity_comments_list" class="clearfix plainList zebra_list">
                 {foreach $comments AS $comment}
-                    <li id="comment_{$comment.id}" class="clearfix {cycle values="odd,even"}"><div class="form_check">
+                    <li id="comment_{$comment.id}" class="clearfix {cycle values="odd,even"} {if ($comment.status == 'pending') || ($comment.status == 'confirm')}pending{/if}"><div class="form_check">
                             <input id="multidelete_comment{$comment.id}" class="multidelete" type="checkbox" name="serendipity[delete][{$comment.id}]" value="{$comment.entry_id}" data-multidelid="comment_{$comment.id}">
                             <label for="serendipity_multidelete_comment_{$comment.id}" class="visuallyhidden">Multiselect this comment</label> {* i18n *}
                         </div>
 
                         <h4 id="c{$comment.id}">{($comment.type == 'NORMAL') ? $CONST.COMMENT : (($comment.type == 'TRACKBACK') ? $CONST.TRACKBACK : $CONST.PINGBACK )} #{$comment.id} – {$CONST.IN_REPLY_TO} <a href="{$comment.entry_url}">{$comment.title|escape}</a> {$CONST.ON} {$comment.timestamp|@formatTime:'%b %e %Y, %H:%M'} <a class="toggle_info" href="#comment_data_{$comment.id}"><span class="icon-info-circled"></span><span class="visuallyhidden"> More</span></a></h4>
-
+                    {if ($comment.status == 'pending') || ($comment.status == 'confirm')}
+                        <span class="comment_status">{$CONST.COMMENTS_FILTER_NEED_APPROVAL}</span>
+                    {/if}
                         <div id="comment_data_{$comment.id}" class="additional_info">
                             <dl class="comment_data clearfix">
                                 <dt>{$CONST.AUTHOR}:</dt>

templates/2k11/admin/style.css

@@ -437,6 +437,7 @@ form > a,
 #serendipityScaleForm .form_field label,
 .filters_toolbar li,
 #dashboard_entries .entry_status,
+.comment_status,
 .tabs > ul > li {
     display: inline-block;
 }
@@ -1615,8 +1616,10 @@ form > .button_link:first-of-type,
 }
 
 .entry_status,
+.comment_status,
 .field_info {
     background: #888;
+    border-radius: 2px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
@@ -1630,8 +1633,20 @@ form > .button_link:first-of-type,
     margin: .75em 0 0;
 }
 
-#entries_list .entry_info .entry_status {
+#entries_list .entry_info .entry_status,
+.comment_status {
     float: right;
+}
+
+.comment_status {
+    margin: .5em;
+}
+
+.pending {
+    color: #666;
+}
+
+#entries_list .entry_info .entry_status {
     margin: 0 .4em .75em 0;
 }