Improve UX of user status (active/inactive)

modules/identity/src/Volo.Abp.Identity.Web/Pages/Identity/Users/index.js

@@ -60,7 +60,7 @@
                                     _dataTable.ajax.reload();
                                 });
                         },
-                    } 
+                    }
                 ]
             );
         }
@@ -79,6 +79,14 @@
                     {
                         title: l('UserName'),
                         data: 'userName',
+                        render: function (data, type, row) {
+                            row.userName = $.fn.dataTable.render.text().display(row.userName);
+                            if (!row.isActive) {
+                                return '<i class="fa fa-lock"></i> <span class="opc-65">' + row.userName + '</span>';
+                            }
+
+                            return row.userName ;
+                        }
                     },
                     {
                         title: l('EmailAddress'),
@@ -93,7 +101,7 @@
         },
         0 //adds as the first contributor
     );
-    
+
     $(function () {
         var _$wrapper = $('#IdentityUsersWrapper');
         var _$table = _$wrapper.find('table');