decidim-admin 0.27.5 → 0.28.0.rc4

data/app/views/decidim/admin/managed_users/promotions/new.html.erb

@@ -1,21 +1,23 @@
-<h2 class="process-title-summary">
-  <%= t(".new_managed_user_promotion") %>
-</h2>
+<% add_decidim_page_title(t(".new_managed_user_promotion")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".new_managed_user_promotion") %>
+  </h2>
+</div>
 
 <div class="section">
-  <div class="callout warning">
-    <p><%= t(".explanation") %></p>
-  </div>
+  <%= cell("decidim/announcement", t(".explanation"), callout_class: "warning" ) %>
 </div>
 
-<%= decidim_form_for(@form, url: impersonatable_user_promotions_path, html: { class: "form new_managed_user_promotion" }) do |f| %>
-  <div class="card">
-    <div class="card-section">
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: impersonatable_user_promotions_path, html: { class: "form form-defaults" }) do |f| %>
       <%= render partial: "form", object: f %>
-    </div>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".promote"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".promote") %>
-  </div>
-<% end %>
+</div>

data/app/views/decidim/admin/metrics/_metrics.html.erb

@@ -5,16 +5,11 @@
     </h2>
   </div>
 
-<div class="grid-y grid-padding-y">
-  <div class="cell grid-x grid-padding-x">
+  <div class="metric__container">
     <%= metrics_presenter.highlighted %>
-  </div>
-
-  <div class="cell grid-x grid-padding-x">
     <%= metrics_presenter.not_highlighted %>
   </div>
 </div>
-</div>
 
 <% if show_link_to_more %>
   <div class="text-center"><%= link_to t(".see_more_metrics"), metrics_path %></div>

data/app/views/decidim/admin/metrics/index.html.erb

@@ -1,7 +1,7 @@
 <%= render(
   partial: "decidim/admin/metrics/metrics",
   locals: {
-    metrics_presenter: metrics_presenter,
+    metrics_presenter:,
     show_link_to_more: false
   }
 ) %>

data/app/views/decidim/admin/moderated_users/_report.html.erb

@@ -1,9 +1,5 @@
 <% if report.details.blank? %>
   <%= t(".reasons.#{report.reason}") %>
 <% else %>
-  <span
-    data-tooltip
-    title="<%= report.details&.truncate(250) %>">
-      <%= t(".reasons.#{report.reason}") %>
-  </span>
+  <%= with_tooltip(strip_tags(report.details), class: :top) { t(".reasons.#{report.reason}") } %>
 <% end %>

data/app/views/decidim/admin/moderated_users/index.html.erb

@@ -1,82 +1,65 @@
 <% add_decidim_page_title(t(".title")) %>
-<div class="card with-overflow">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t(".title") %>
-    </h2>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
 
-    <h2 class="card-title">
-      <div class="inline-block" style="float: right; text-align: right">
-        <table>
-          <tbody>
-          <tr>
-            <td>
-              <%= link_to moderated_users_path(blocked: false), class: "btn btn-small" do %>
-                <%= t("decidim.admin.moderated_users.tabs.unblocked") %>
-              <% end %>
-            </td>
-            <td>|</td>
-            <td>
-              <%= link_to moderated_users_path(blocked: true), class: "btn btn-small" do %>
-                <%= t("decidim.admin.moderated_users.tabs.blocked") %>
-              <% end %>
-            </td>
-          </tr>
-          </tbody>
-        </table>
-      </div>
-    </h2>
-  </div>
+    <div class="card__filter">
+      <%= link_to t("decidim.admin.moderated_users.tabs.unblocked"), moderated_users_path %>
+      |
+      <%= link_to t("decidim.admin.moderated_users.tabs.blocked"), moderated_users_path(blocked: true) %>
+    </div>
+  </h2>
+</div>
 
-  <%= admin_filter_selector(:moderated_users) %>
+<%= admin_filter_selector(:moderated_users) %>
+<div class="table-scroll">
+  <table class="table-list">
+    <thead>
+    <tr>
+      <th><%= t(".name") %></th>
+      <th><%= t(".nickname") %></th>
+      <th><%= t(".reason") %></th>
+      <th><%= sort_link(query, :created_at, t("models.moderation.fields.created_at", scope: "decidim.moderations")) %></th>
+      <th><%= sort_link(query, :report_count, t(".reports"), default_order: :desc) %></th>
+      <th class="actions"><%= t(".actions.title") %></th>
+    </tr>
+    </thead>
+    <tbody>
+    <% @moderated_users.each do |moderation| %>
+      <tr data-id="<%= moderation.id %>">
+        <% if moderation.user.nickname.present? %>
+          <td><%= link_to moderation.user.name, decidim.profile_path(moderation.user.nickname) %></td>
+          <td><%= link_to moderation.user.nickname, decidim.profile_path(moderation.user.nickname) %></td>
+        <% else %>
+          <td><%= moderation.user.name %></td>
+          <td><%= moderation.user.nickname %></td>
+        <% end %>
+        <td>
+          <% reports = moderation.reports.map { |report| render "report", report: } %>
+          <%= safe_join(reports, ",") %>
+        </td>
+        <td>
+          <%= l moderation.created_at, format: :decidim_short %>
+        </td>
+        <td>
+          <%= moderation.report_count %>
+        </td>
 
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-        <tr>
-          <th><%= t(".name") %></th>
-          <th><%= t(".nickname") %></th>
-          <th><%= t(".reason") %></th>
-          <th><%= sort_link(query, :report_count, t(".reports"), default_order: :desc) %></th>
-          <th class="actions"><%= t(".actions.title") %></th>
-        </tr>
-        </thead>
-        <tbody>
-        <% @moderated_users.each do |moderation| %>
-          <tr data-id="<%= moderation.id %>">
-            <% if moderation.user.nickname.present? %>
-              <td><%= link_to moderation.user.name, decidim.profile_path(moderation.user.nickname) %></td>
-              <td><%= link_to moderation.user.nickname, decidim.profile_path(moderation.user.nickname) %></td>
+        <td class="actions">
+          <% if !moderation.user.blocked? && allowed_to?(:unreport, :moderate_users) %>
+            <%= icon_link_to "arrow-go-back-line", ignore_moderated_user_path(id: moderation), t(".actions.unreport"), class: "action-icon--unreport", method: :put %>
+          <% end %>
+          <% if allowed_to?(:block, :moderate_users) %>
+            <% if moderation.user.blocked? %>
+              <%= icon_link_to "forbid-2-line", user_block_path(user_id: moderation.user.id), t(".actions.unblock"), class: "action-icon action-icon--disabled", method: :delete %>
             <% else %>
-              <td><%= moderation.user.name %></td>
-              <td><%= moderation.user.nickname %></td>
+              <%= icon_link_to "forbid-2-line", new_user_block_path(user_id: moderation.user.id), t(".actions.block"), class: "action-icon action-icon" %>
             <% end %>
-            <td> <%#= moderation.reason %>
-              <% reports = moderation.reports.map { |report| render "report", report: report } %>
-              <%= safe_join(reports, ",") %>
-            </td>
-            <td>
-              <%= moderation.report_count %>
-            </td>
-
-            <td class="actions">
-              <% if !moderation.user.blocked? && allowed_to?(:unreport, :moderate_users) %>
-                <%= icon_link_to "action-undo", ignore_moderated_user_path(id: moderation), t(".actions.unreport"), class: "action-icon--unreport", method: :put %>
-              <% end %>
-              <% if allowed_to?(:block, :moderate_users) %>
-                <% if moderation.user.blocked? %>
-                  <%= icon_link_to "ban", user_block_path(user_id: moderation.user.id), t(".actions.unblock"), class: "action-icon action-icon--disabled", method: :delete %>
-                <% else %>
-                  <%= icon_link_to "ban", new_user_block_path(user_id: moderation.user.id), t(".actions.block"), class: "action-icon action-icon" %>
-                <% end %>
-              <% end %>
-            </td>
-          </tr>
-        <% end %>
-        </tbody>
-      </table>
-      <%= paginate @moderated_users, theme: "decidim" %>
-    </div>
-  </div>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+    </tbody>
+  </table>
 </div>
+<%= decidim_paginate @moderated_users %>

data/app/views/decidim/admin/moderations/index.html.erb

@@ -1,106 +1,96 @@
 <% add_decidim_page_title(t(".title")) %>
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t(".title") %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
 
-      <div class="card__filter">
-        <%= link_to t("actions.not_hidden", scope: "decidim.moderations"), moderations_path %>
-        |
-        <%= link_to t("actions.hidden", scope: "decidim.moderations"), moderations_path(hidden: true) %>
-      </div>
-    </h2>
-  </div>
-  <%= admin_filter_selector(:moderations) %>
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.moderation.fields.reportable_id", scope: "decidim.moderations") %></th>
-            <th><%= t("models.moderation.fields.reportable_type", scope: "decidim.moderations") %></th>
-            <% if !respond_to?(:current_participatory_space) %>
-              <th><%= t("models.moderation.fields.participatory_space", scope: "decidim.moderations") %></th>
-            <% end %>
-            <th><%= sort_link(query, :report_count, t("models.moderation.fields.report_count", scope: "decidim.moderations")) %></th>
-            <th><%= t("models.moderation.fields.reported_content_url", scope: "decidim.moderations") %></th>
-            <th><%= t("models.moderation.fields.reports", scope: "decidim.moderations") %></th>
-            <th><%= sort_link(query, :created_at, t("models.moderation.fields.created_at", scope: "decidim.moderations")) %></th>
-            <% if params[:hidden] %>
-              <th><%= t("models.moderation.fields.hidden_at", scope: "decidim.moderations") %></th>
+    <div class="card__filter">
+      <%= link_to t("actions.not_hidden", scope: "decidim.moderations"), moderations_path %>
+      |
+      <%= link_to t("actions.hidden", scope: "decidim.moderations"), moderations_path(hidden: true) %>
+    </div>
+  </h2>
+</div>
+<%= admin_filter_selector(:moderations) %>
+<div class="table-scroll">
+  <table class="table-list">
+    <thead>
+      <tr>
+        <th><%= t("models.moderation.fields.reportable_id", scope: "decidim.moderations") %></th>
+        <th><%= t("models.moderation.fields.reportable_type", scope: "decidim.moderations") %></th>
+        <% if !respond_to?(:current_participatory_space) %>
+          <th><%= t("models.moderation.fields.participatory_space", scope: "decidim.moderations") %></th>
+        <% end %>
+        <th><%= t("models.moderation.fields.reported_content_url", scope: "decidim.moderations") %></th>
+        <th><%= t("models.moderation.fields.reports", scope: "decidim.moderations") %></th>
+        <th><%= sort_link(query, :created_at, t("models.moderation.fields.created_at", scope: "decidim.moderations")) %></th>
+        <th><%= sort_link(query, :report_count, t("models.moderation.fields.report_count", scope: "decidim.moderations")) %></th>
+        <% if params[:hidden] %>
+          <th><%= t("models.moderation.fields.hidden_at", scope: "decidim.moderations") %></th>
+        <% end %>
+        <th class="actions"><%= t("actions.title", scope: "decidim.moderations") %></th>
+      </tr>
+    </thead>
+    <tbody>
+      <% moderations.each do |moderation| %>
+        <% next unless moderation.reportable %>
+        <tr data-id="<%= moderation.id %>">
+          <td><%= moderation.reportable.id %></td>
+          <td>
+            <%= moderation.reportable.class.model_name.human %>
+          </td>
+          <% if !respond_to?(:current_participatory_space) %>
+            <td>
+              <%= participatory_space_title_for(moderation.reportable) %>
+            </td>
+          <% end %>
+          <td>
+            <% if (reportable_url = moderation.reportable.reported_content_url) %>
+              <%=
+              with_tooltip strip_tags(reported_content_excerpt_for(moderation.reportable, limit: 250)), class: :top do
+                link_to t("models.moderation.fields.visit_url", scope: "decidim.moderations"), reportable_url
+              end
+              %>
+            <% else %>
+              <%= t("models.moderation.fields.deleted_resource", scope: "decidim.moderations") %>
             <% end %>
-            <th class="actions"><%= t("actions.title", scope: "decidim.moderations") %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% moderations.each do |moderation| %>
-            <% next unless moderation.reportable %>
-            <tr data-id="<%= moderation.id %>">
-              <td><%= moderation.reportable.id %></td>
-              <td>
-                <%= moderation.reportable.class.model_name.human %>
-              </td>
-              <% if !respond_to?(:current_participatory_space) %>
-                <td>
-                  <%= participatory_space_title_for(moderation.reportable) %>
-                </td>
-              <% end %>
-              <td>
-                <%= moderation.report_count %>
-              </td>
-              <td>
-                <% if (reportable_url = moderation.reportable.reported_content_url) %>
-                  <%=
-                    link_to t("models.moderation.fields.visit_url", scope: "decidim.moderations"), reportable_url, data: { tooltip: true }, title: strip_tags(reported_content_excerpt_for(moderation.reportable, limit: 250))
-                  %>
-                <% else %>
-                  <%= t("models.moderation.fields.deleted_resource", scope: "decidim.moderations") %>
-                <% end %>
-              </td>
-              <td>
-                <% reports = moderation.reports.map { |report| render "report", report: report } %>
-                <%= safe_join(reports, ",") %>
-              </td>
-              <td>
-                <%= l(moderation.created_at, format: :long) %>
-              </td>
-              <% if params[:hidden] %>
-                <td>
-                  <%= l(moderation.hidden_at, format: :long) if moderation.hidden_at.present? %>
-                </td>
-              <% end %>
-              <td class="actions">
-                <%= icon_link_to "fullscreen-enter",
-                                  moderation_reports_path(moderation_id: moderation),
-                                  t("actions.expand", scope: "decidim.moderations"),
-                                  class: "action-icon--expand" %>
-                <% if !moderation.reportable.hidden? && allowed_to?(:unreport, permission_resource) %>
-                  <%= icon_link_to "action-undo",
-                                   unreport_moderation_path(id: moderation),
-                                   t("actions.unreport", scope: "decidim.moderations"),
-                                   class: "action-icon--unreport",
-                                   method: :put %>
-                <% end %>
-                <% if !moderation.reportable.hidden? && allowed_to?(:hide, permission_resource) %>
-                  <%= icon_link_to "eye",
-                                   hide_moderation_path(id: moderation),
-                                   t("actions.hide", scope: "decidim.moderations"),
-                                   class: "action-icon--hide",
-                                   method: :put %>
-                <% end %>
-                <% if moderation.reportable.hidden? && allowed_to?(:unhide, permission_resource) %>
-                  <%= icon_link_to "eye",
-                                   unhide_moderation_path(id: moderation),
-                                   t("actions.unhide", scope: "decidim.moderations"),
-                                   method: :put %>
-                <% end %>
-
-              </td>
-            </tr>
+          </td>
+          <td>
+            <% reports = moderation.reports.map { |report| render "report", report: } %>
+            <%= safe_join(reports, ",") %>
+          </td>
+          <td>
+            <%= l(moderation.created_at, format: :long) %>
+          </td>
+          <td>
+            <%= moderation.report_count %>
+          </td>
+          <% if params[:hidden] %>
+            <td>
+              <%= l(moderation.hidden_at, format: :long) if moderation.hidden_at.present? %>
+            </td>
           <% end %>
-        </tbody>
-      </table>
-      <%= paginate moderations, theme: "decidim" %>
-    </div>
-  </div>
+          <td class="actions">
+            <%= icon_link_to "fullscreen-line",
+                             moderation_reports_path(moderation_id: moderation),
+                             t("actions.expand", scope: "decidim.moderations"),
+                             class: "action-icon--expand" %>
+            <% if !moderation.reportable.hidden? && allowed_to?(:unreport, permission_resource) %>
+              <%= icon_link_to "arrow-go-back-line",
+                               unreport_moderation_path(id: moderation),
+                               t("actions.unreport", scope: "decidim.moderations"),
+                               class: "action-icon--unreport",
+                               method: :put %>
+            <% end %>
+            <% if !moderation.reportable.hidden? && allowed_to?(:hide, permission_resource) %>
+              <%= icon_link_to "eye-line", hide_moderation_path(id: moderation), t("actions.hide", scope: "decidim.moderations"), class: "action-icon--hide", method: :put %>
+            <% end %>
+            <% if moderation.reportable.hidden? && allowed_to?(:unhide, permission_resource) %>
+              <%= icon_link_to "eye-line", unhide_moderation_path(id: moderation), t("actions.unhide", scope: "decidim.moderations"), method: :put %>
+            <% end %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
 </div>
+<%= decidim_paginate moderations %>

data/app/views/decidim/admin/moderations/reports/index.html.erb

@@ -1,106 +1,105 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <div>
       <%= link_to "#{t("title", scope: "decidim.admin.moderations.index")} > ", moderations_path %>
       <%= t(".title") %>
-    </h2>
-  </div>
-  <div class="card-section moderation-details">
-    <div class="callout warning">
-      <%= icon "info" %>
-      <span class="callout-text"><%= t(".callout_html", icon: icon("flag")) %></span>
     </div>
-    <dl>
-      <dt><%= t("models.moderation.fields.reported_content_url", scope: "decidim.moderations") %></dt>
-      <% if (reportable_url = moderation.reportable.reported_content_url) %>
-        <dd><%= link_to moderation.reportable.reported_content_url, reportable_url, target: "_blank" %></dd>
-      <% else %>
-        <dd><%= t("models.moderation.fields.deleted_resource", scope: "decidim.moderations") %></dd>
-      <% end %>
+  </h2>
+</div>
+
+<div class="card-section moderation-details">
+  <%= cell("decidim/announcement", t(".callout_html", icon: icon("flag-line")), callout_class: "warning") %>
+  <dl>
+    <dt><%= t("models.moderation.fields.reported_content_url", scope: "decidim.moderations") %></dt>
+    <% if (reportable_url = moderation.reportable.reported_content_url) %>
+      <dd><%= link_to moderation.reportable.reported_content_url, reportable_url, target: "_blank" %></dd>
+    <% else %>
+      <dd><%= t("models.moderation.fields.deleted_resource", scope: "decidim.moderations") %></dd>
+    <% end %>
 
-      <dt><%= t("models.moderation.fields.reportable_id", scope: "decidim.moderations") %></dt>
-      <dd><%= moderation.reportable.id %></dd>
+    <dt><%= t("models.moderation.fields.reportable_id", scope: "decidim.moderations") %></dt>
+    <dd><%= moderation.reportable.id %></dd>
 
+    <% if translatable_resource?(moderation.reportable) %>
+      <dt><%= t(".content_original_language") %></dt>
+      <dd><%= locale_name moderation.reportable.content_original_language %> </dd>
+    <% end %>
+
+    <dt>
+      <%= t(".reported_content") %>
       <% if translatable_resource?(moderation.reportable) %>
-        <dt><%= t(".content_original_language") %></dt>
-        <dd><%= locale_name moderation.reportable.content_original_language %> </dd>
+        <button
+          class="toggle-content"
+          data-see-original-button-label="<%= t(".see_original") %>"
+          data-see-current-button-label="<%= t(".see_current") %>">
+          <%= t(".see_original") %>
+        </button>
       <% end %>
-
-      <dt>
-        <%= t(".reported_content") %>
-        <% if translatable_resource?(moderation.reportable) %>
-          <button
-            class="toggle-content"
-            data-see-original-button-label="<%= t(".see_original") %>"
-            data-see-current-button-label="<%= t(".see_current") %>">
-            <%= t(".see_original") %>
-          </button>
-        <% end %>
-      </dt>
-      <dd class="reported-content">
-        <div class="current">
-          <%= reported_content_for moderation.reportable %>
+    </dt>
+    <dd class="reported-content">
+      <div class="current">
+        <%= reported_content_for moderation.reportable %>
+      </div>
+      <% if translatable_resource?(moderation.reportable) %>
+        <div class="original">
+          <%= reported_content_for moderation.reportable, locale: moderation.reportable.content_original_language %>
         </div>
-        <% if translatable_resource?(moderation.reportable) %>
-          <div class="original">
-            <%= reported_content_for moderation.reportable, locale: moderation.reportable.content_original_language %>
-          </div>
-        <% end %>
-      </dd>
+      <% end %>
+    </dd>
 
-      <dt><%= t(".author") %></dt>
-      <dd>
-        <%= reportable_author_name(moderation.reportable) %>
-      </dd>
+    <dt><%= t(".author") %></dt>
+    <dd>
+      <%= reportable_author_name(moderation.reportable) %>
+    </dd>
 
-      <dt><%= t("models.moderation.fields.reportable_type", scope: "decidim.moderations") %></dt>
-      <dd><%= moderation.reportable.class.name.demodulize %></dd>
+    <dt><%= t("models.moderation.fields.reportable_type", scope: "decidim.moderations") %></dt>
+    <dd><%= moderation.reportable.class.name.demodulize %></dd>
 
-      <dt><%= t("models.moderation.fields.created_at", scope: "decidim.moderations") %></dt>
-      <dd><%= l(moderation.created_at, format: :long) %></dd>
+    <dt><%= t("models.moderation.fields.created_at", scope: "decidim.moderations") %></dt>
+    <dd><%= l(moderation.created_at, format: :long) %></dd>
 
-      <dt><%= t(".participatory_space") %></dt>
-      <dd><%= translated_attribute moderation.participatory_space.title %></dd>
-      </div>
-    </dl>
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.report.fields.reason", scope: "decidim.moderations") %></th>
-            <th><%= t("models.report.fields.locale", scope: "decidim.moderations") %></th>
-            <th><%= t("models.report.fields.details", scope: "decidim.moderations") %></th>
-            <th class="actions"><%= t("actions.title", scope: "decidim.moderations") %></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% reports.each do |report| %>
-            <tr data-id="<%= report.id %>">
-              <td><%= t("decidim.admin.moderations.report.reasons.#{report.reason}") %></td>
-              <td><%= report.locale.present? ? locale_name(report.locale) : "" %></td>
-              <td><%= report.details&.truncate(250) %></td>
-              <td class="actions">
-                <%= icon_link_to "fullscreen-enter",
-                                  moderation_report_path(moderation_id: moderation, id: report.id),
-                                  t("actions.expand", scope: "decidim.moderations"),
-                                  class: "action-icon--expand" %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
-  </div>
+    <dt><%= t(".participatory_space") %></dt>
+    <dd><%= translated_attribute moderation.participatory_space.title %></dd>
+  </dl>
 </div>
-
-<div class="button--double form-general-submit">
-  <% if !moderation.reportable.hidden? && allowed_to?(:unreport, permission_resource) %>
-    <%= link_to t("actions.unreport", scope: "decidim.moderations"), unreport_moderation_path(id: moderation), method: :put, class: "button" %>
-  <% end %>
-  <% if !moderation.reportable.hidden? && allowed_to?(:hide, permission_resource) %>
-    <%= link_to t("actions.hide", scope: "decidim.moderations"), hide_moderation_path(id: moderation), method: :put, class: "button alert" %>
-  <% end %>
-  <% if moderation.reportable.hidden? && allowed_to?(:unhide, permission_resource) %>
-    <%= link_to t("actions.unhide", scope: "decidim.moderations"), unhide_moderation_path(id: moderation), method: :put, class: "button alert" %>
-  <% end %>
+<div class="table-scroll">
+  <table class="table-list">
+    <thead>
+    <tr>
+      <th><%= t("models.report.fields.reason", scope: "decidim.moderations") %></th>
+      <th><%= t("models.report.fields.locale", scope: "decidim.moderations") %></th>
+      <th><%= t("models.report.fields.details", scope: "decidim.moderations") %></th>
+      <th class="actions"><%= t("actions.title", scope: "decidim.moderations") %></th>
+    </tr>
+    </thead>
+    <tbody>
+    <% reports.each do |report| %>
+      <tr data-id="<%= report.id %>">
+        <td><%= t("decidim.admin.moderations.report.reasons.#{report.reason}") %></td>
+        <td><%= report.locale.present? ? locale_name(report.locale) : "" %></td>
+        <td><%= report.details&.truncate(250) %></td>
+        <td class="actions">
+          <%= icon_link_to "fullscreen-line",
+                           moderation_report_path(moderation_id: moderation, id: report.id),
+                           t("actions.expand", scope: "decidim.moderations"),
+                           class: "action-icon--expand" %>
+        </td>
+      </tr>
+    <% end %>
+    </tbody>
+  </table>
+</div>
+<div class="item__edit-sticky">
+  <div class="item__edit-sticky-container">
+    <% if !moderation.reportable.hidden? && allowed_to?(:unreport, permission_resource) %>
+      <%= link_to t("actions.unreport", scope: "decidim.moderations"), unreport_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary" %>
+    <% end %>
+    <% if !moderation.reportable.hidden? && allowed_to?(:hide, permission_resource) %>
+      <%= link_to t("actions.hide", scope: "decidim.moderations"), hide_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary alert" %>
+    <% end %>
+    <% if moderation.reportable.hidden? && allowed_to?(:unhide, permission_resource) %>
+      <%= link_to t("actions.unhide", scope: "decidim.moderations"), unhide_moderation_path(id: moderation), method: :put, class: "button button__sm button__secondary alert" %>
+    <% end %>
+  </div>
 </div>