FEATURE: Can search the user directory by name

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

@@ -1,11 +1,16 @@
 export default Ember.Controller.extend({
-  queryParams: ['period', 'order', 'asc'],
+  queryParams: ['period', 'order', 'asc', 'name'],
   period: 'weekly',
   order: 'likes_received',
   asc: null,
+  name: '',
 
   showTimeRead: Ember.computed.equal('period', 'all'),
 
+  _setName: Discourse.debounce(function() {
+    this.set('name', this.get('nameInput'));
+  }, 500).observes('nameInput'),
+
   actions: {
     loadMore() {
       this.get('model').loadMore();

app/assets/javascripts/discourse/lib/debounce.js

@@ -2,11 +2,6 @@
   Debounce a Javascript function. This means if it's called many times in a time limit it
   should only be executed once (at the end of the limit counted from the last call made).
   Original function will be called with the context and arguments from the last call made.
-
-  @method debounce
-  @module Discourse
-  @param {function} func The function to debounce
-  @param {Number} wait how long to wait
 **/
 Discourse.debounce = function(func, wait) {
   var self, args;

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

@@ -2,18 +2,31 @@ export default Discourse.Route.extend({
   queryParams: {
     period: { refreshModel: true },
     order: { refreshModel: true },
-    asc: { refreshModel: true }
+    asc: { refreshModel: true },
+    name: { refreshModel: true, replace: true }
   },
 
   refreshQueryWithoutTransition: true,
 
+  resetController(controller, isExiting, transition) {
+    if (isExiting) {
+      controller.setProperties({
+        period: 'weekly',
+        order: 'likes_received',
+        asc: null,
+        name: ''
+      });
+    }
+  },
+
   model(params) {
     // If we refresh via `refreshModel` set the old model to loading
-    this._period = params.period;
+    this._params = params;
     return this.store.find('directoryItem', params);
   },
 
   setupController(controller, model) {
-    controller.setProperties({ model, period: this._period });
+    const params = this._params;
+    controller.setProperties({ model, period: params.period, nameInput: params.name });
   }
 });

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

@@ -1,11 +1,14 @@
 <div class="container">
   <div class='directory'>
 
+    <div class='clearfix'>
       {{period-chooser period=period}}
+      {{text-field value=nameInput placeholderKey="directory.filter_name" class="filter-name"}}
+    </div>
 
     {{#loading-spinner condition=model.loading}}
       {{#if model.length}}
-        <span class='total-rows'>{{i18n "directory.total_rows" count=model.totalRows}}</span>
+        <div class='total-rows'>{{i18n "directory.total_rows" count=model.totalRows}}</div>
 
         <table>
           <thead>

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

@@ -4,18 +4,19 @@
   .period-chooser {
     float: left;
   }
-  .total-rows {
-    margin-top: 0.5em;
-    color: darken(scale-color-diff(), 20%);
+  .filter-name {
     float: right;
   }
+  .total-rows {
+    color: darken(scale-color-diff(), 20%);
+    text-align: right;
+  }
   .spinner {
     clear: both;
   }
 
   table {
     width: 100%;
-    margin-top: 1em;
     margin-bottom: 1em;
 
     td, th {

app/controllers/directory_items_controller.rb

@@ -23,10 +23,23 @@ class DirectoryItemsController < ApplicationController
     end
     page = params[:page].to_i
 
+    user_ids = nil
+    if params[:name].present?
+      user_ids = UserSearch.new(params[:name]).search.pluck(:id)
+      if user_ids.present?
+        # Add the current user if we have at least one other match
+        if current_user && result.dup.where(user_id: user_ids).count > 0
+          user_ids << current_user.id
+        end
+        result = result.where(user_id: user_ids)
+      else
+        result = result.where('false')
+      end
+    end
 
     result = result.order('users.username')
     result_count = result.dup.count
-    result = result.limit(PAGE_SIZE).offset(PAGE_SIZE * page)
+    result = result.limit(PAGE_SIZE).offset(PAGE_SIZE * page).to_a
 
     more_params = params.slice(:period, :order, :asc)
     more_params[:page] = page + 1

config/locales/client.en.yml

@@ -238,6 +238,7 @@ en:
       sent_by_you: "Sent by <a href='{{userUrl}}'>you</a>"
 
     directory:
+      filter_name: "filter by username"
       title: "User Directory"
       likes_given: "Given"
       likes_received: "Received"
@@ -245,7 +246,7 @@ en:
       time_read: "Time Read"
       topic_count: "Topics"
       post_count: "Replies"
-      no_results: "No results were found for this time period."
+      no_results: "No results were found."
       total_rows:
         one: "1 user"
         other: "%{count} users"