fix(users): enhance disabled user UI

This commit makes sure the strikethrough and muted classes are applied
to both the username and displayname of the user page.  This gives a
great visual indicator.  I've also added the classes dynamically to
remove the dependency on another template.

client/src/modules/users/users.html

@@ -6,6 +6,16 @@
     </ol>
 
     <div class="toolbar">
+      <div class="toolbar-item">
+        <button
+          type="button"
+          class="btn btn-default text-capitalize"
+          ui-sref="users.create"
+          data-method="create">
+          <i class="fa fa-plus"></i> <span translate>USERS.ADD_USER</span>
+        </button>
+      </div>
+
       <div class="toolbar-item">
         <button
           type="button"
@@ -15,17 +25,8 @@
           ng-class="{ 'btn-info' : UsersCtrl.filterEnabled }">
           <i class="fa fa-filter"></i>
         </button>
-      </div>      
-
-      <div class="toolbar-item">
-        <button
-          type="button"
-          class="btn btn-default text-capitalize"
-          ui-sref="users.create"
-          data-method="create">
-          <i class="fa fa-plus"></i> <span translate>USERS.ADD_USER</span>
-        </button>
       </div>
+
     </div>
   </div>
 </div>

client/src/modules/users/users.js

@@ -13,6 +13,12 @@ function UsersController($state, Users, Notify, Modal, uiGridConstants) {
   vm.filterEnabled = false;
   vm.toggleFilter = toggleFilter;
 
+  // this function selectively applies the muted cell classes to
+  // disabled user entities
+  function muteDisabledCells(grid, row, col, rowRenderIndex, colRenderIndex) {
+    if (row.entity.deactivated) { return 'text-muted strike'; }
+  }
+
   // options for the UI grid
   vm.gridOptions = {
     appScopeProvider  : vm,
@@ -22,8 +28,8 @@ function UsersController($state, Users, Notify, Modal, uiGridConstants) {
     enableSorting     : true,
     onRegisterApi     : onRegisterApiFn,
     columnDefs : [
-      { field : 'display_name', displayName : 'FORM.LABELS.USERNAME', headerCellFilter : 'translate', enableFiltering  : true },
-      { field : 'username', displayName : 'FORM.LABELS.LOGIN', headerCellFilter : 'translate', cellTemplate : '/modules/users/templates/user.name.cell.html', enableFiltering  : true },
+      { field : 'display_name', displayName : 'FORM.LABELS.USERNAME', headerCellFilter : 'translate', cellClass : muteDisabledCells, enableFiltering : true },
+      { field : 'username', displayName : 'FORM.LABELS.LOGIN', headerCellFilter : 'translate', cellClass : muteDisabledCells, enableFiltering  : true },
       { field : 'action', displayName : '', cellTemplate : '/modules/users/templates/grid/action.cell.html', enableSorting : false, enableFiltering  : false },
     ],
   };