decidim-admin 0.29.1 → 0.30.0.rc1

data/app/views/decidim/admin/newsletters/select_recipients_to_deliver.html.erb

@@ -16,19 +16,49 @@
       <%= cell("decidim/announcement", newsletter_recipients_count_callout_announcement, callout_class: "warning") %>
       <div class="form__wrapper">
         <div class="card mb-2">
-          <div class="card-divider">
-            <h2 class="card-title"><%= t ".select_users" %></h2>
-          </div>
           <div class="card-section">
             <div class="row column">
               <% if current_user.admin? %>
-                <div class="grid-x">
+                <div class="mt-4">
+                  <h2 class="card-title"><%= t ".select_users_general" %></h2>
+                </div>
+                <div class="grid-x mb-4">
                   <div class="cell small-12" id="send_newsletter_to_all_users">
-                    <%= f.check_box :send_to_all_users, help_text: t(".all_users_help") %>
+                    <%= label_tag "newsletter_send_to_all_users" do %>
+                      <%= radio_button_tag "newsletter[send_to_all_users]", "1", @form.send_to_all_users == true, id: "newsletter_send_to_all_users" %>
+                      <%= t(".send_to_all_users") %>
+                    <% end %>
+                    <span class="help-text"><%= t(".all_users_help", default: "Sends a newsletter to all users.") %></span>
+                  </div>
+                  <div class="cell small-12" id="send_newsletter_to_verified_users">
+                    <%= label_tag "newsletter_send_to_verified_users" do %>
+                      <%= radio_button_tag "newsletter[send_to_verified_users]", "1", @form.send_to_verified_users == true, id: "newsletter_send_to_verified_users" %>
+                      <%= t(".send_to_verified_users") %>
+                    <% end %>
+                    <span class="help-text"><%= t(".verified_users_help", default: "Sends a newsletter to all confirmed and verified users via any selected verification method.") %></span>
+                  </div>
+                  <div id="verification_types_for_select" class="my-4 hidden">
+                    <%= cell(
+                          "decidim/admin/multi_select_picker",
+                          nil,
+                          context: {
+                            view_context: self,
+                            current_user:,
+                            select_id: "verification-types-select",
+                            field_name: "newsletter[verification_types][]",
+                            options_for_select: find_verification_types_for_select(current_organization),
+                            selected_values: selected_options(:verification_types).values.flatten,
+                            placeholder: t(".select_verification_types"),
+                            class: "mt-2 js-verification-multiselect"
+                          }
+                        ) %>
                   </div>
                 </div>
                 <hr>
               <% end %>
+              <div class="mt-4">
+                <h2 class="card-title"><%= t ".select_users_for_participatory_space" %></h2>
+              </div>
               <div class="grid-x">
                 <div class="cell small-12 medium-6" id="send_newsletter_to_followers">
                   <%= f.check_box :send_to_participants, help_text: t(".participants_help") %>
@@ -37,6 +67,10 @@
                 <div class="cell small-12 medium-6" id="send_newsletter_to_participants">
                   <%= f.check_box :send_to_followers, help_text: t(".followers_help") %>
                 </div>
+
+                <div class="cell small-12 medium-6" id="send_newsletter_to_private_members">
+                  <%= f.check_box :send_to_private_members, help_text: t(".private_members_help") %>
+                </div>
               </div>
             </div>
           </div>
@@ -52,25 +86,15 @@
             </div>
           </div>
         </div>
-
-        <% if current_user.admin? %>
-          <div class="card mb-2">
-            <div class="card-divider">
-              <h2 class="card-title"><%= t ".select_scopes" %></h2>
-            </div>
-            <div class="card-section">
-              <div class="cell small-12 medium-6 m-4">
-                <%= scopes_select_field f, :scope_ids, options: { include_blank: false }, html_options: { class: "chosen-select", multiple: true, size: 5 } %>
-                <span class="help-text"> <%= t(".scopes_help") %> </span>
-              </div>
-            </div>
-          </div>
-        <% end %>
       </div>
       <div class="item__edit-sticky">
         <div class="item__edit-sticky-container">
           <% unless @newsletter.sent? %>
-            <%= f.submit t(".deliver"), class: "button button__sm button__secondary", data: { confirm: t(".confirm_deliver") } %>
+            <%= f.submit t(".deliver"), id: "deliver-button", class: "button button__sm button__secondary", data: { confirm: t(".confirm_deliver") } %>
+            <%= link_to t(".confirm_recipients"), "#",
+                        id: "confirm-recipients-link",
+                        class: "button button__sm button__secondary hidden",
+                        data: { base_url: confirm_recipients_newsletter_path(@newsletter) } %>
           <% end %>
         </div>
       </div>

data/app/views/decidim/admin/participatory_space_private_users/_form.html.erb

@@ -8,6 +8,12 @@
         <div class="columns">
           <%= form.email_field :email, readonly: @form.persisted? %>
         </div>
+        <div class="columns">
+          <%= form.translated :text_field, :role %>
+        </div>
+        <div class="columns">
+          <%= form.check_box :published %>
+        </div>
       </div>
     </div>
   </div>

data/app/views/decidim/admin/participatory_space_private_users/edit.html.erb

@@ -0,0 +1,19 @@
+<% add_decidim_page_title(t(".title")) %>
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+  </h1>
+</div>
+
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: participatory_space_private_user_path(current_participatory_space, @private_user), html: { class: "form-defaults form edit_participatory_space_private_user" }) do |f| %>
+      <%= render partial: "decidim/admin/participatory_space_private_users/form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t(".update"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

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

@@ -4,6 +4,8 @@
     <h1 class="item_show__header-title">
       <%= t(".title") %>
       <% if allowed_to? :create, :space_private_user %>
+        <%= link_to t(".publish_all"), publish_all_participatory_space_private_users_path(current_participatory_space), class: "button button__sm button__secondary publish-all", method: :post %>
+        <%= link_to t(".unpublish_all"), unpublish_all_participatory_space_private_users_path(current_participatory_space), class: "button button__sm button__secondary unpublish-all", method: :post %>
         <%= link_to t(".import_via_csv"), new_participatory_space_private_users_csv_imports_path, class: "button button__sm button__secondary import" %>
         <%= link_to t("actions.participatory_space_private_user.new", scope: "decidim.admin"), url_for(action: :new), class: "button button__sm button__secondary new" %>
       <% end %>
@@ -11,7 +13,7 @@
   </div>
   <%= admin_filter_selector(:participatory_space_private_users) %>
   <% if participatory_space_private_users.any? %>
-    <div class="table-scroll">
+    <div class="table-scroll mt-4">
       <table class="table-list">
         <thead>
           <tr>
@@ -21,6 +23,9 @@
             <th>
               <%= sort_link(query, :email, t("models.user.fields.email", scope: "decidim.admin"), default_order: :desc ) %>
             </th>
+            <th>
+              <%= sort_link(query, :published, t("models.user.fields.published", scope: "decidim.admin"), default_order: :desc ) %>
+            </th>
             <th>
               <%= sort_link(query, :invitation_sent_at, t("models.user.fields.invitation_sent_at", scope: "decidim.admin"), default_order: :desc ) %>
             </th>
@@ -39,6 +44,11 @@
               <td>
                 <%= private_user.user.email %><br>
               </td>
+              <td>
+                <% if private_user.published %>
+                  <%= icon "check-line", class: "text-success" %>
+                <% end %>
+              </td>
               <td>
                 <% if private_user.user.invitation_sent_at %>
                   <%= l private_user.user.invitation_sent_at, format: :short %>
@@ -57,6 +67,10 @@
                 <% if allowed_to? :destroy, :space_private_user, private_user: private_user %>
                   <%= icon_link_to "delete-bin-line", participatory_space_private_user_path(current_participatory_space, private_user), t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
                 <% end %>
+
+                <% if allowed_to? :edit, :space_private_user, private_user: private_user %>
+                  <%= icon_link_to "pencil-line", edit_participatory_space_private_user_path(current_participatory_space, private_user), t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
+                <% end %>
               </td>
             </tr>
           <% end %>

data/app/views/decidim/admin/resource_permissions/_options_form.html.erb

@@ -1,9 +1,14 @@
 <%
   handler_name = local_assigns[:handler_name]
+  ephemeral_warning = local_assigns[:ephemeral_warning]
   schema = form.object.options_schema(handler_name)
   attributes = form.object.options_attributes(handler_name)
 %>
 
+<% if ephemeral_warning %>
+  <%= cell("decidim/announcement", t(".ephemeral_warning", path: decidim_admin.authorization_workflows_path), callout_class: "warning" ) %>
+<% end %>
+
 <%= form.fields_for(:authorization_handlers_options) do |options_form| %>
   <%= options_form.fields_for(handler_name, schema) do |attribute_options_form| %>
     <% attributes.each do |name, attribute| %>

data/app/views/decidim/admin/resource_permissions/edit.html.erb

@@ -28,13 +28,13 @@
                     <%= b.label { b.check_box + b.text } %>
                     <% if permission.authorization_handlers_names.include? b.value %>
                       <div id="authorization-handler-<%= b.value %>" class="authorization-handler">
-                        <%= render "options_form", form: permission_form, handler_name: b.value %>
+                        <%= render "options_form", form: permission_form, handler_name: b.value, ephemeral_warning: b.object.ephemeral? %>
                       </div>
                     <% else %>
                       <% missing_permission = Decidim::Admin::PermissionForm.new(authorization_handlers: { b.value => {} }) %>
                       <%= action_permission_form.fields_for(action, missing_permission) do |missing_permission_form| %>
                         <div id="authorization-handler-<%= b.value %>" class="authorization-handler" style="display:none">
-                          <%= render "options_form", form: missing_permission_form, handler_name: b.value %>
+                          <%= render "options_form", form: missing_permission_form, handler_name: b.value, ephemeral_warning: b.object.ephemeral? %>
                         </div>
                       <% end %>
                     <% end %>

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

@@ -9,6 +9,9 @@
       <% end %>
     </h1>
   </div>
+
+<div class="callout warning"><%= t("scopes.deprecated", scope: "decidim.admin") %></div>
+
   <div class="table-scroll">
     <table class="table-list">
       <thead>

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

@@ -9,6 +9,9 @@
       <% end %>
     </h1>
   </div>
+
+  <div class="callout warning"><%= t("scopes.deprecated", scope: "decidim.admin") %></div>
+
   <% if @scopes.any? %>
     <div class="table-scroll">
       <table class="table-list">

data/app/views/decidim/admin/share_tokens/_form.html.erb

@@ -0,0 +1,52 @@
+<div class="row column">
+  <label><%= t("share_tokens.form.expires_at", scope: "decidim.admin") %></label>
+  <%= form.collection_radio_buttons :no_expiration, [[true, t("share_tokens.form.never_expire", scope: "decidim.admin")], [false, t("share_tokens.form.custom", scope: "decidim.admin")]], :first, :last do |b| %>
+    <div>
+      <%= b.radio_button %>
+      <%= b.label %>
+    </div>
+  <% end %>
+  <div id="expires_at_field_wrapper" class="hidden mt-4 row column">
+    <%= form.datetime_field :expires_at, label: t("share_tokens.form.custom_expiration", scope: "decidim.admin") %>
+  </div>
+</div>
+
+<div class="row column">
+  <label><%= t("share_tokens.form.registered_only", scope: "decidim.admin") %></label>
+  <%= form.collection_radio_buttons :registered_only, [
+      [t("share_tokens.form.true", scope: "decidim.admin"), true],
+      [t("share_tokens.form.false", scope: "decidim.admin"), false]
+    ], :last, :first do |b| %>
+    <div>
+      <%= b.label do %>
+        <%= b.radio_button %>
+        <%= b.text %>
+      <% end %>
+    </div>
+  <% end %>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", () => {
+    const expiresButton = document.querySelector("input[name='share_token[no_expiration]'][value='false']");
+    const expiresAtRadioButtons = document.querySelectorAll("input[name='share_token[no_expiration]']");
+    const expiresAtWrapper = document.getElementById("expires_at_field_wrapper");
+    const expiresAtInput = document.querySelector("input[name='share_token[expires_at]']");
+
+    const toggleExpiresAtField = () => {
+      if (expiresButton.checked) {
+        expiresAtWrapper.classList.remove("hidden");
+      } else {
+        expiresAtWrapper.classList.add("hidden");
+        expiresAtInput.value = "";
+        expiresAtInput.removeAttribute("required");
+      }
+    };
+
+    expiresAtRadioButtons.forEach(expiresAtRadioButton => {
+      expiresAtRadioButton.addEventListener("change", toggleExpiresAtField);
+    });
+
+    toggleExpiresAtField();
+  });
+</script>

data/app/views/decidim/admin/share_tokens/edit.html.erb

@@ -0,0 +1,33 @@
+<% add_decidim_page_title(t(".title", name: resource_title)) %>
+
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t ".title", name: resource_title %>
+    <a class="button button__sm button__secondary" href="<%= share_tokens_path %>"><%= t("share_tokens.index.back_to_share_tokens", scope: "decidim.admin") %></a>
+  </h1>
+</div>
+<div class="item__edit-form">
+  <%= decidim_form_for(@form, url: share_tokens_path(:update, id: current_token), html: { class: "form-defaults form edit_share_token" }) do |f| %>
+    <div class="card">
+      <div class="card-section">
+        <div class="form__wrapper">
+          <div class="card pt-4">
+            <div class="row column">
+              <label for="share_token-token"><%= t("token", scope: "decidim.admin.models.share_token.fields") %></label>
+              <div class="flex gap-4">
+                <%= text_field_tag :token, current_token.token, id: "share_token-token", aria: { label: t("token", scope: "decidim.admin.models.share_token.fields") }, disabled: true %>
+                <button type="button" class="button button__sm button__secondary text-nowrap" data-clipboard-copy="#share_token-token" data-clipboard-content="<%= current_token.url %>" data-clipboard-copy-label="<%= t("copied", scope: "decidim.admin.share_tokens.index") %>" data-clipboard-copy-message="<%= t("copy_message", scope: "decidim.admin.share_tokens.index") %>"><%= t("actions.copy_link", scope: "decidim.admin.share_tokens") %></button>
+              </div>
+            </div>
+            <%= render partial: "form", object: f %>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="item__edit-sticky">
+      <div class="item__edit-sticky-container">
+        <%= f.submit t(".update"), class: "button button__sm button__secondary" %>
+      </div>
+    </div>
+  <% end %>
+</div>

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

@@ -0,0 +1,47 @@
+<div class="card share_tokens">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
+      <%= t(".title", name: resource_title) %>
+      <a class="button button__sm button__secondary" href="<%= share_tokens_path(:new) %>"><%= icon "add-line" %><%= t(".new_share_token_button") %></a>
+    </h2>
+  </div>
+  <div class="mb-4">
+    <p class="help-text whitespace-pre-line"><%= t(".share_tokens_help_html", clipboard: icon("clipboard-line", class: "inline-block mb-1")) %></p>
+  </div>
+  <% if @share_tokens.any? %>
+    <div class="table-scroll">
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= sort_link(query, :token, t("models.share_token.fields.token", scope: "decidim.admin"), default_order: :desc) %></th>
+            <th class="w-32"><%= sort_link(query, :expires_at, t("models.share_token.fields.expires_at", scope: "decidim.admin"), default_order: :desc) %></th>
+            <th class="w-32"><%= sort_link(query, :registered_only, t("models.share_token.fields.registered_only", scope: "decidim.admin"), default_order: :desc) %></th>
+            <th class="w-32"><%= sort_link(query, :times_used, t("models.share_token.fields.times_used", scope: "decidim.admin"), default_order: :desc) %></th>
+            <th class="w-32"><%= t("models.share_token.fields.actions", scope: "decidim.admin") %></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% @share_tokens.each do |share_token| %>
+            <tr>
+              <td id="js-token-<%= share_token.id %>"><%= share_token.token %></td>
+              <td><%= share_token.expires_at.present? ?
+                        content_tag(:span, l(share_token.expires_at, format: :decidim_short), class: share_token.expired? ? "text-warning" : nil ) :
+                        content_tag(:em, t(".never")) %></td>
+              <td><%= t("booleans.#{share_token.registered_only.present?}") %></td>
+              <td><%= share_token.times_used %></td>
+              <td class="table-list__actions">
+                <%= icon_link_to "pencil-line", share_tokens_path(:edit, id: share_token ), t("actions.edit", scope: "decidim.admin.share_tokens"), class: "action-icon--edit" %>
+                <%= icon_link_to "clipboard-line", "#", t("actions.copy_link", scope: "decidim.admin.share_tokens"), class: "action-icon--copy", data: { "clipboard-copy" => "#js-token-#{share_token.id}", "clipboard-content" => share_token.url,"clipboard-copy-label" => t(".copied"),"clipboard-copy-message" => t(".copy_message") } %>
+                <%= icon_link_to "eye-line", share_token.url, t("actions.preview", scope: "decidim.admin.share_tokens"), class: "action-icon--preview", target: :blank %>
+                <%= icon_link_to "delete-bin-line", share_tokens_path(:destroy, id: share_token ), t("actions.destroy", scope: "decidim.admin.share_tokens"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin.share_tokens") } %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
+    </div>
+  <% else %>
+    <p><%= t(".empty_html", new_token_link: link_to(t(".create_new_token"), share_tokens_path(:new) , class: "button button__text-secondary")) %></p>
+  <% end %>
+</div>
+<%= decidim_paginate @share_tokens %>

data/app/views/decidim/admin/share_tokens/new.html.erb

@@ -0,0 +1,69 @@
+<% add_decidim_page_title(t(".title", name: resource_title)) %>
+
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t ".title", name: resource_title %>
+    <a class="button button__sm button__secondary" href="<%= share_tokens_path %>"><%= t("share_tokens.index.back_to_share_tokens", scope: "decidim.admin") %></a>
+  </h1>
+</div>
+<div class="item__edit-form">
+  <%= decidim_form_for(@form, url: share_tokens_path(:create), html: { class: "form-defaults form new_share_token" }) do |f| %>
+    <div class="card">
+      <div class="card-section">
+        <div class="form__wrapper">
+          <div class="card pt-4">
+            <div class="row column">
+              <label><%= t("share_tokens.form.token", scope: "decidim.admin") %></label>
+                <%= f.collection_radio_buttons :automatic_token, [
+                  [t("share_tokens.form.automatic", scope: "decidim.admin"), true],
+                  [t("share_tokens.form.custom", scope: "decidim.admin"), false]
+                ], :last, :first do |b| %>
+                <div>
+                  <%= b.label do %>
+                    <%= b.radio_button %>
+                    <%= b.text %>
+                  <% end %>
+                </div>
+              <% end %>
+              <div id="token-field-wrapper" class="hidden">
+                <%= f.text_field :token, label: t("share_tokens.form.custom_token", scope: "decidim.admin"), style: "text-transform: uppercase" %>
+              </div>
+            </div>
+            <%= render partial: "form", object: f %>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="item__edit-sticky">
+      <div class="item__edit-sticky-container">
+        <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+      </div>
+    </div>
+  <% end %>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", () => {
+    const automaticTokenRadioButton = document.querySelector("input[name='share_token[automatic_token]'][value='true']");
+    const automaticTokenRadioButtons = document.querySelectorAll("input[name='share_token[automatic_token]']");
+    const tokenWrapper = document.getElementById("token-field-wrapper");
+    const tokenInput = document.querySelector("input[name='share_token[token]']");
+
+    const toggleTokenField = () => {
+      if (automaticTokenRadioButton.checked) {
+        tokenWrapper.classList.add("hidden");
+        tokenInput.value = "";
+        tokenInput.removeAttribute("required");
+      } else {
+        tokenWrapper.classList.remove("hidden");
+        tokenInput.focus();
+      }
+    };
+
+    automaticTokenRadioButtons.forEach(button => {
+      button.addEventListener("change", toggleTokenField);
+    });
+
+    toggleTokenField();
+  });
+</script>

data/app/views/decidim/admin/shared/landing_page_content_blocks/edit.html.erb

@@ -6,7 +6,7 @@
 </div>
 <div class="item__edit item__edit-1col">
   <div class="item__edit-form">
-    <%= decidim_form_for(@form, html: { class: "form-defaults form edit_content_block [&_button]:button [&_button]:button__sm [&_button]:button__secondary" }, url: resource_landing_page_content_block_path) do |form| %>
+    <%= decidim_form_for(@form, html: { class: "form-defaults form edit_content_block" }, url: resource_landing_page_content_block_path) do |form| %>
       <div class="form__wrapper">
         <div class="card py-4">
           <div class="card-section">

data/app/views/decidim/admin/taxonomies/_filters.html.erb

@@ -0,0 +1,19 @@
+  <div class="filters__section">
+    <div class="fcell search mt-4">
+      <%= search_form_for(@query, url: url_for) do |form| %>
+        <div class="input-group">
+          <%= form.search_field(
+                :name_or_children_name_cont,
+                class: "input-group-field bg-secondary/5",
+                label: false,
+                placeholder: t("filters.search_placeholder", scope: "decidim.admin.taxonomies")
+              ) %>
+          <div class="input-group-button">
+            <button type="submit" class="text-secondary" aria-label="<%= t("decidim.search.term_input_placeholder") %>">
+              <%= icon "search-line", class: "fill-secondary w-4 h-4" %>
+            </button>
+          </div>
+        </div>
+      <% end %>
+    </div>
+  </div>

data/app/views/decidim/admin/taxonomies/_form.html.erb

@@ -0,0 +1,5 @@
+<div class="form__wrapper">
+  <div class="pt-4">
+    <%= form.translated :text_field, :name, autofocus: true, class: "js-hashtags", hashtaggable: true, aria: { label: :name } %>
+  </div>
+</div>

data/app/views/decidim/admin/taxonomies/_row.html.erb

@@ -0,0 +1,40 @@
+<tr class="draggable-taxonomy" data-taxonomy-id="<%= taxonomy.id %>" role="row">
+  <td role="cell" class="w-12 js-drag-handle"><%== icon("draggable", class: "dragger") %></td>
+  <td role="cell">
+    <ul class="taxonomy">
+      <% if taxonomy.root? %>
+        <li><%= link_to translated_attribute(taxonomy.name), edit_taxonomy_path(taxonomy), class: "js-drawer-editor" %></li>
+        <li><%= taxonomy.all_children.count %></li>
+        <li><%= taxonomy.filters_count %></li>
+      <% else %>
+        <li><%= link_to translated_attribute(taxonomy.name), edit_taxonomy_item_path(taxonomy_id: taxonomy.root_taxonomy.id, id: taxonomy.id), class: "js-drawer-editor" %></li>
+        <li><%= taxonomy.taxonomizations_count %></li>
+      <% end %>
+
+      <li class="taxonomy-list__actions"><%= render "taxonomy_actions", taxonomy: %></li>
+    </ul>
+    <% if with_children && taxonomy.children.any? %>
+      <div class="js-sortable js-draggable-<%= taxonomy.id %>"
+           data-draggable-handle=".js-drag-handle"
+           data-draggable-accept-from=".js-draggable-<%= taxonomy.id %>"
+           data-sort-url="<%= reorder_taxonomies_path %>"
+           data-parent-id="<%= taxonomy.id %>">
+        <% taxonomy.children.each do |child| %>
+          <%= render partial: "decidim/admin/taxonomies/row_children", locals: { child:, class_name: "", grandchild: false } %>
+
+          <% if child.children.any? %>
+            <div class="js-sortable js-draggable-<%= child.id %>"
+                 data-draggable-handle=".js-drag-handle"
+                 data-draggable-accept-from=".js-draggable-<%= child.id %>"
+                 data-sort-url="<%= reorder_taxonomies_path %>"
+                 data-parent-id="<%= child.id %>">
+              <% child.children.each do |grandchild| %>
+                <%= render partial: "decidim/admin/taxonomies/row_children", locals: { child: grandchild, class_name: "ml-6", grandchild: true } %>
+              <% end %>
+            </div>
+          <% end %>
+        <% end %>
+      </div>
+    <% end %>
+  </td>
+</tr>

data/app/views/decidim/admin/taxonomies/_row_children.html.erb

@@ -0,0 +1,8 @@
+<ul class="taxonomy <%= class_name %>" data-taxonomy-id="<%= child.id %>">
+  <li class="js-drag-handle">
+    <%== icon("draggable", class: "dragger with-children") %>
+    <%= link_to translated_attribute(child.name), edit_taxonomy_item_path(taxonomy_id: child.root_taxonomy.id, id: child.id), class: "js-drawer-editor" %>
+  </li>
+  <li><%= child.taxonomizations_count %></li>
+  <li class="taxonomy-list__actions"><%= render "taxonomy_actions", taxonomy: child %></li>
+</ul>

data/app/views/decidim/admin/taxonomies/_table.html.erb

@@ -0,0 +1,86 @@
+<div class="table-scroll mt-8" role="table" aria-labelledby="taxonomies-title">
+  <table class="table-list">
+    <thead>
+    <tr role="row">
+      <th scope="col" role="columnheader" class="w-12"><span class="sr-only">Move</span></th>
+      <th scope="col" role="columnheader">
+        <ul class="taxonomy">
+          <li><%= t("decidim.admin.taxonomies.name") %></li>
+          <% if taxonomy.blank? %>
+            <li><%= t("decidim.admin.taxonomies.total_items") %></li>
+            <li><%= t("decidim.admin.taxonomies.total_filters") %></li>
+          <% else %>
+            <li><%= t("decidim.admin.taxonomies.count") %></li>
+          <% end %>
+          <li><%= t("decidim.admin.taxonomies.actions.actions") %></li>
+        </ul>
+      </th>
+    </tr>
+    </thead>
+    <%#
+     If you ever reach this template as source of inspiration for a table row drag and drop functionality,
+     please take in to account that this is intended to manage a complex case, as it has the capability of nesting elements (a draggable within a draggable) so that you can reorder parents and children.
+     In Decidim there are two ways to implement a sortable (but both use the same library html5sortable.es).
+
+     The simpler one is just to add the [data-draggable-table] attribute in the parent element, it requires to also add the [data-sort-url] attribute. This URL will be used to send a PUT request and ignore the result.
+    This implementation is used for instance in the admin's components table.
+
+     For cases when you need more control you can use the second implementation, which is the one used here.
+     It uses the "js-sortable" class to initialize the element and allows you to use all the options documented in https://github.com/lukasoppermann/html5sortable as [data-sortable-OPTION] in the html.
+     Take into account, that, if using the second option, you need to implement the "sortupdate" event by yourself (see this file for an example). This allows you to control the return of the request for instance.
+    %>
+    <tbody class="js-sortable js-draggable-root" data-draggable-handle=".js-drag-handle" data-draggable-accept-from=".js-draggable-root" data-sort-url="<%= reorder_taxonomies_path %>" role="rowgroup">
+      <% if path = path_to_prev_page(collection) %>
+        <tr class="draggable-taxonomy change-page" data-prev-page="<%= path %>" data-taxonomy-id="<%= collection.page(collection.prev_page).per(per_page).last&.id %>"><td colspan="2"><%= t(".to_prev_page") %></td></tr>
+      <% end %>
+
+      <% collection.each do |taxonomy| %>
+        <%= render "row", taxonomy:, with_children: !taxonomy.root? %>
+      <% end %>
+      <% if path = path_to_next_page(collection) %>
+        <tr class="draggable-taxonomy change-page" data-next-page="<%= path %>" data-taxonomy-id="<%= collection.page(collection.next_page).per(per_page).first&.id %>"><td colspan="2"><%= t(".to_next_page") %></td></tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>
+
+<%= decidim_paginate collection %>
+
+<script>
+  window.addEventListener("DOMContentLoaded", () => {
+    const sortables = document.querySelectorAll(".js-sortable");
+    const nextPage = document.querySelector("[data-next-page]");
+    const prevPage = document.querySelector("[data-prev-page]");
+    const token = document.querySelector('meta[name="csrf-token"]');
+
+    sortables.forEach(function(sortable) {
+      sortable.addEventListener("sortupdate", function (event) {
+        sortable.classList.add("spinner-container");
+        const itemsId = Array.from(event.target.children).map(item => item.dataset.taxonomyId);
+        const parentId = event.target.dataset.parentId || event.target.closest('[data-taxonomy-id]')?.dataset.taxonomyId || null;
+
+        fetch(sortable.dataset.sortUrl, {
+          method: "PATCH",
+          headers: {
+            "Content-Type": "application/json",
+            "X-CSRF-Token": token && token.getAttribute("content")
+          },
+          body: JSON.stringify({page: <%= collection.current_page %>, per_page: <%= per_page %>, ids_order: itemsId, parent_id: parentId})
+        }).then(function(response) {
+          if(response.ok) {
+            // If moved on top of the next page, lets go to the next page
+            if(!document.querySelector(".draggable-taxonomy:last-child").hasAttribute("data-next-page") && nextPage) {
+              location.href = nextPage.dataset.nextPage;
+            }
+            // If moved on top of the previous page, lets go to the previous page
+            else if(!document.querySelector(".draggable-taxonomy:first-child").hasAttribute("data-prev-page") && prevPage) {
+              location.href = prevPage.dataset.prevPage;
+            } else {
+              sortable.classList.remove("spinner-container");
+            }
+          }
+        });
+      });
+    });
+  });
+</script>

data/app/views/decidim/admin/taxonomies/_taxonomy_actions.html.erb

@@ -0,0 +1,15 @@
+<% if allowed_to? :update, :taxonomy, taxonomy: taxonomy %>
+  <% if taxonomy.root? %>
+    <%= icon_link_to "pencil-line", edit_taxonomy_path(taxonomy), t("actions.edit", scope: "decidim.admin.taxonomies"), class: "action-icon--edit js-drawer-editor" %>
+    <%= icon_link_to "filter-line", taxonomy_filters_path(taxonomy), t("actions.filters", scope: "decidim.admin.taxonomies"), class: "-action-icon--edit" %>
+  <% else %>
+    <%= icon_link_to "pencil-line", edit_taxonomy_item_path(taxonomy_id: taxonomy.root_taxonomy.id, id: taxonomy.id), t("actions.edit", scope: "decidim.admin.taxonomies"), class: "action-icon--edit js-drawer-editor" %>
+  <% end %>
+<% else %>
+  <span class="action-space icon"></span>
+<% end %>
+<% if allowed_to? :destroy, :taxonomy, taxonomy: taxonomy %>
+  <%= icon_link_to "delete-bin-line", taxonomy, t("actions.destroy", scope: "decidim.admin.taxonomies"), class: "action-icon--remove", method: :delete, data: { confirm: t(".confirm_destroy", name: strip_tags(translated_attribute(taxonomy.name))) } %>
+<% else %>
+  <span class="action-space icon"></span>
+<% end %>