FEATURE: show silence reason when viewing silenced users (#30635)

This adds the Silence Reason column to silenced user lists.

This feature helps combat large spam attacks cause you can quickly see
why a user was silenced and then bulk act on all the silenced users

app/assets/javascripts/admin/addon/controllers/admin-users-list-show.js

@@ -77,6 +77,11 @@ export default class AdminUsersListShowController extends Controller {
     ).canAdminCheckEmails;
   }
 
+  @computed("query")
+  get showSilenceReason() {
+    return this.query === "silenced";
+  }
+
   resetFilters() {
     this._page = 1;
     this._results = [];

app/assets/javascripts/admin/addon/templates/users-list-show.hbs

@@ -122,14 +122,16 @@
           @asc={{this.asc}}
           @automatic={{true}}
         />
-        <TableHeaderToggle
-          @onToggle={{this.updateOrder}}
-          @field="topics_viewed"
-          @labelKey="admin.user.topics_entered"
-          @order={{this.order}}
-          @asc={{this.asc}}
-          @automatic={{true}}
-        />
+        {{#unless this.showSilenceReason}}
+          <TableHeaderToggle
+            @onToggle={{this.updateOrder}}
+            @field="topics_viewed"
+            @labelKey="admin.user.topics_entered"
+            @order={{this.order}}
+            @asc={{this.asc}}
+            @automatic={{true}}
+          />
+        {{/unless}}
         <TableHeaderToggle
           @onToggle={{this.updateOrder}}
           @field="posts_read"
@@ -154,6 +156,16 @@
           @asc={{this.asc}}
           @automatic={{true}}
         />
+        {{#if this.showSilenceReason}}
+          <TableHeaderToggle
+            @onToggle={{this.updateOrder}}
+            @field="silence_reason"
+            @labelKey="admin.users.silence_reason"
+            @order={{this.order}}
+            @asc={{this.asc}}
+            @automatic={{true}}
+          />
+        {{/if}}
         <PluginOutlet
           @name="admin-users-list-thead-after"
           @outletArgs={{hash order=this.order asc=this.asc}}
@@ -270,14 +282,17 @@
                 {{format-duration user.last_seen_age}}
               </span>
             </div>
-            <div class="directory-table__cell topics-entered">
-              <span class="directory-table__label">
-                <span>{{i18n "admin.user.topics_entered"}}</span>
-              </span>
-              <span class="directory-table__value">
-                {{number user.topics_entered}}
-              </span>
-            </div>
+
+            {{#unless this.showSilenceReason}}
+              <div class="directory-table__cell topics-entered">
+                <span class="directory-table__label">
+                  <span>{{i18n "admin.user.topics_entered"}}</span>
+                </span>
+                <span class="directory-table__value">
+                  {{number user.topics_entered}}
+                </span>
+              </div>
+            {{/unless}}
             <div class="directory-table__cell posts-read">
               <span class="directory-table__label">
                 <span>{{i18n "admin.user.posts_read_count"}}</span>
@@ -306,6 +321,20 @@
               </span>
             </div>
 
+            {{#if this.showSilenceReason}}
+              <div
+                class="directory-table__cell silence_reason"
+                title={{user.silence_reason}}
+              >
+                <span class="directory-table__label">
+                  <span>{{i18n "admin.users.silence_reason"}}</span>
+                </span>
+                <span class="directory-table__value">
+                  {{user.silence_reason}}
+                </span>
+              </div>
+            {{/if}}
+
             <PluginOutlet
               @name="admin-users-list-td-after"
               @outletArgs={{hash user=user query=this.query}}

app/assets/stylesheets/common/admin/users.scss

@@ -149,6 +149,18 @@
         }
       }
     }
+
+    &__cell.silence_reason {
+      text-align: left;
+      justify-content: start;
+
+      span {
+        max-width: 12em;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
   }
 
   .directory-table__cell {

app/controllers/admin/users_controller.rb

@@ -32,7 +32,7 @@ class Admin::UsersController < Admin::StaffController
   def index
     users = ::AdminUserIndexQuery.new(params).find_users
 
-    opts = { include_can_be_deleted: true }
+    opts = { include_can_be_deleted: true, include_silence_reason: true }
     if params[:show_emails] == "true"
       StaffActionLogger.new(current_user).log_show_emails(users, context: request.path)
       opts[:emails_desired] = true

app/serializers/admin_user_list_serializer.rb

@@ -25,7 +25,8 @@ class AdminUserListSerializer < BasicUserSerializer
              :time_read,
              :staged,
              :second_factor_enabled,
-             :can_be_deleted
+             :can_be_deleted,
+             :silence_reason
 
   %i[days_visited posts_read_count topics_entered post_count].each do |sym|
     attributes sym
@@ -120,4 +121,8 @@ class AdminUserListSerializer < BasicUserSerializer
   def include_can_be_deleted?
     @options[:include_can_be_deleted]
   end
+
+  def include_silence_reason?
+    @options[:include_silence_reason]
+  end
 end