UX: User directory tweaks.

Also includes Better refresh semantics for query params (avoids
transition)

app/assets/javascripts/discourse/routes/discourse.js.es6

@@ -2,6 +2,18 @@ import showModal from 'discourse/lib/show-modal';
 
 const DiscourseRoute = Ember.Route.extend({
 
+  refreshModel: null,
+
+  refresh: function() {
+    // Implement `refreshModel` to avoid a full transition to ourselves
+    if (!this.refreshModel) { return this._super(); }
+
+    if (!this.router.router.activeTransition) {
+      const params = this.controller.getProperties(Object.keys(this.queryParams));
+      this.refreshModel(params);
+    }
+  },
+
   /**
     NOT called every time we enter a route on Discourse.
     Only called the FIRST time we enter a route.

app/assets/javascripts/discourse/routes/users.js.es6

@@ -2,16 +2,18 @@ export default Discourse.Route.extend({
   queryParams: {
     period: { refreshModel: true },
     order: { refreshModel: true },
-    asc: { refreshModel: true },
+    asc: { refreshModel: true }
+  },
+
+  refreshModel(params) {
+    const controller = this.controllerFor('users');
+    controller.set('model.loading', true);
+
+    this.model(params).then(model => this.setupController(controller, model));
   },
 
   model(params) {
     // If we refresh via `refreshModel` set the old model to loading
-    const existing = this.modelFor('users');
-    if (existing) {
-      existing.set('loading', true);
-    }
-
     this._period = params.period;
     return this.store.find('directoryItem', params);
   },

app/assets/javascripts/discourse/templates/users.hbs

@@ -29,7 +29,7 @@
                 <td>{{number item.model.post_count}}</td>
                 <td>{{number item.model.topics_entered}}</td>
                 {{#if showTimeRead}}
-                  <td>{{unbound item.model.time_read}}</td>
+                <td><span class='time-read'>{{unbound item.model.time_read}}</span></td>
                 {{/if}}
               </tr>
             {{/each}}

app/assets/stylesheets/common/base/directory.scss

@@ -22,7 +22,11 @@
       padding: 0.5em;
       text-align: left;
       border-bottom: 1px solid scale-color-diff();
-      vertical-align: top;
+
+      .number, .time-read {
+        font-size: 1.4em;
+        color: darken(scale-color-diff(), 40%);
+      }
     }
 
     tr.me {
@@ -41,7 +45,7 @@
         margin-right: 0.5em;
       }
       i.fa-chevron-down, i.fa-chevron-up {
-        margin-left: 1em;
+        margin-left: 0.5em;
       }
 
       &:hover {

config/locales/client.en.yml

@@ -239,8 +239,8 @@ en:
 
     directory:
       title: "User Directory"
-      likes_given: "Likes Given"
+      likes_given: "Given"
-      likes_received: "Likes Received"
+      likes_received: "Received"
       topics_entered: "Topics Entered"
       time_read: "Time Read"
       topic_count: "Topics"