Add some icons to admin dashboard

app/assets/javascripts/admin/models/report.js

@@ -87,7 +87,18 @@ Discourse.Report = Discourse.Model.extend({
       }
     }
     return 'no-change';
-  }.property('data', 'prev30Days')
+  }.property('data', 'prev30Days'),
+
+  icon: function() {
+    switch( this.get('type') ) {
+    case 'flags':
+      return 'icon-flag';
+    case 'likes':
+      return 'icon-heart';
+    default:
+      return null;
+    }
+  }.property('type')
 });
 
 Discourse.Report.reopenClass({

app/assets/javascripts/admin/templates/dashboard.js.handlebars

@@ -138,7 +138,7 @@
     <table class="table table-condensed table-hover">
       <thead>
         <tr>
-          <th>&nbsp;</th>
+          <th class="title" title="{{i18n admin.dashboard.private_messages_title}}"><i class="icon icon-envelope-alt"></i> {{i18n admin.dashboard.private_messages_short}}</th>
           <th>{{i18n admin.dashboard.reports.today}}</th>
           <th>{{i18n admin.dashboard.reports.yesterday}}</th>
           <th>{{i18n admin.dashboard.reports.last_7_days}}</th>

app/assets/javascripts/admin/templates/reports/summed_counts_report.js.handlebars

@@ -1,5 +1,10 @@
 <tr>
-  <td class="title"><a {{bindAttr href="reportUrl"}}>{{title}}</a></td>
+  <td class="title">
+    {{#if icon}}
+      <i {{bindAttr class=":icon icon"}}></i>
+    {{/if}}
+    <a {{bindAttr href="reportUrl"}}>{{title}}</a>
+  </td>
   <td class="value">{{todayCount}}</td>
   <td {{bindAttr class=":value yesterdayTrend"}}>{{yesterdayCount}} <i class="icon up icon-caret-up"></i><i class="icon down icon-caret-down"></i></td>
   <td {{bindAttr class=":value sevenDayTrend"}}>{{lastSevenDaysCount}} <i class="icon up icon-caret-up"></i><i class="icon down icon-caret-down"></i></td>

app/assets/stylesheets/admin/admin_base.scss

@@ -339,6 +339,15 @@ table {
   width: 460px;
   margin-left: 30px;
 
+  h4 {
+    font-weight: normal;
+    margin-bottom: 8px;
+  }
+
+  i.icon {
+    color: #444;
+  }
+
   table {
     width: 100%;
 
@@ -346,6 +355,9 @@ table {
       font-weight: normal;
       text-align: center;
     }
+    th.title {
+      text-align: left;
+    }
     thead {
       tr:hover > td,
       tr:hover > th {

config/locales/client.en.yml

@@ -824,6 +824,8 @@ en:
         no_problems: "No problems were found."
         moderators: 'Moderators:'
         admins: 'Admins:'
+        private_messages_short: "PMs"
+        private_messages_title: "Private Messages"
 
         reports:
           today: "Today"

config/locales/server.en.yml

@@ -306,23 +306,23 @@ en:
       xaxis: "Day"
       yaxis: "Number of Emails"
     user_to_user_private_messages:
-      title: "User-to-User Messages"
+      title: "User-to-User"
       xaxis: "Day"
       yaxis: "Number of private messages"
     system_private_messages:
-      title: "System Messages"
+      title: "System"
       xaxis: "Day"
       yaxis: "Number of private messages"
     moderator_warning_private_messages:
-      title: "Moderator Warning Messages"
+      title: "Moderator Warning"
       xaxis: "Day"
       yaxis: "Number of private messages"
     notify_moderators_private_messages:
-      title: "Notify Moderators Messages"
+      title: "Notify Moderators"
       xaxis: "Day"
       yaxis: "Number of private messages"
     notify_user_private_messages:
-      title: "Nofity User Messages"
+      title: "Nofity User"
       xaxis: "Day"
       yaxis: "Number of private messages"