decidim-decidim_awesome 0.10.2 → 0.11.2

data/app/views/decidim/decidim_awesome/admin/config/_form_proposals.html.erb

@@ -1,108 +1,96 @@
-<div class="row column decidim_awesome-form">
-  <% if config_enabled? :allow_images_in_proposals %>
-    <p class="text-info"><%= t("rich_text_editor_in_public_views", scope: "decidim.decidim_awesome.admin.config") if current_organization.rich_text_editor_in_public_views %></p>
-
-    <%= form.check_box :allow_images_in_proposals, disabled: current_organization.rich_text_editor_in_public_views %>
-    <p class="help-text"><%= t("help.allow_images_in_proposals", scope: "decidim.decidim_awesome.admin.config.form") %></p>
-
-    <% unless current_organization.rich_text_editor_in_public_views %>
+<div class="form__wrapper decidim_awesome-form gap-0">
+  <% if config_enabled?(:allow_images_in_proposals) && !current_organization.rich_text_editor_in_public_views %>
+    <div class="row column">
+      <%= form.check_box :allow_images_in_proposals, help_text: t("help.allow_images_in_proposals", scope: "decidim.decidim_awesome.admin.config.form") %>
       <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :allow_images_in_proposals, constraints: constraints_for(:allow_images_in_proposals) }) %>
-    <% end %>
+    </div>
   <% end %>
-</div>
-
-<% if config_enabled? :additional_proposal_sortings %>
-  </div> <!-- .card-section -->
-  </div><!-- .card -->
 
-  <div class="card">
-    <div class="card-divider">
+  <% if config_enabled?(:additional_proposal_sortings) %>
+    <div class="row column">
       <h2 class="card-title"><%= t("additional_proposal_sortings.title", scope: "decidim.decidim_awesome.admin.config.form") %></h2>
     </div>
-    <div class="card-section">
-      <div class="row column decidim_awesome-form">
-        <%= form.select :additional_proposal_sortings, @form.additional_proposal_sorting_labels, { include_blank: false }, { multiple: true } %>
-        <p class="help-text">
-          <%= t("additional_proposal_sortings.help", scope: "decidim.decidim_awesome.admin.config.form") %> <%= link_to t("additional_proposal_sortings.enable_all", scope: "decidim.decidim_awesome.admin.config.form"), "#", id: "additional_proposal_sortings-enable-all" %>.
-        </p>
-
-        <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :additional_proposal_sortings, constraints: constraints_for(:additional_proposal_sortings) }) %>
-      </div>
-<% end %>
+    <div class="row column">
+      <%= form.select :additional_proposal_sortings, @form.additional_proposal_sorting_labels, { include_blank: false }, { multiple: true } %>
 
-<% if config_enabled? %i(validate_title_min_length validate_title_max_caps_percent validate_title_max_marks_together validate_title_start_with_caps) %>
-  </div> <!-- .card-section -->
-  </div><!-- .card -->
+      <p class="help-text"><%= t("additional_proposal_sortings.help", scope: "decidim.decidim_awesome.admin.config.form") %> <%= link_to t("additional_proposal_sortings.enable_all", scope: "decidim.decidim_awesome.admin.config.form"), "#", id: "additional_proposal_sortings-enable-all" %>.</p>
 
-  <div class="card">
-    <div class="card-divider">
+      <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :additional_proposal_sortings, constraints: constraints_for(:additional_proposal_sortings) }) %>
+    </div>
+  <% end %>
+
+  <% if config_enabled?(:validate_title_min_length, :validate_title_max_caps_percent, :validate_title_max_marks_together, :validate_title_start_with_caps) %>
+    <div class="row column">
       <h2 class="card-title"><%= t("validators.title", scope: "decidim.decidim_awesome.admin.config.form") %></h2>
     </div>
-    <div class="card-section">
-      <div class="row column decidim_awesome-form">
-        <% if config_enabled? :validate_title_start_with_caps %>
-          <%= form.check_box :validate_title_start_with_caps %>
+    <% if config_enabled? :validate_title_start_with_caps %>
+      <div class="row column">
+        <%= form.check_box :validate_title_start_with_caps %>
 
-          <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_title_start_with_caps, constraints: constraints_for(:validate_title_start_with_caps) }) %>
-        <% end %>
+        <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_title_start_with_caps, constraints: constraints_for(:validate_title_start_with_caps) }) %>
+      </div>
+    <% end %>
 
-        <% if config_enabled? :validate_title_min_length %>
-          <%= form.number_field :validate_title_min_length %>
-          <p class="help-text"><%= t("help.validate_title_min_length", scope: "decidim.decidim_awesome.admin.config.form") %></p>
+    <% if config_enabled?(:validate_title_min_length) %>
+      <div class="row column">
+        <%= form.number_field :validate_title_min_length, help_text: t("help.validate_title_min_length", scope: "decidim.decidim_awesome.admin.config.form") %>
 
-          <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_title_min_length, constraints: constraints_for(:validate_title_min_length) }) %>
-        <% end %>
+        <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_title_min_length, constraints: constraints_for(:validate_title_min_length) }) %>
+      </div>
+    <% end %>
 
-        <% if config_enabled? :validate_title_max_caps_percent %>
-          <%= form.number_field :validate_title_max_caps_percent %>
-          <p class="help-text"><%= t("help.validate_title_max_caps_percent", scope: "decidim.decidim_awesome.admin.config.form") %></p>
+    <% if config_enabled?(:validate_title_max_caps_percent) %>
+      <div class="row column">
+      <%= form.number_field :validate_title_max_caps_percent, help_text: t("help.validate_title_max_caps_percent", scope: "decidim.decidim_awesome.admin.config.form") %>
 
-          <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_title_max_caps_percent, constraints: constraints_for(:validate_title_max_caps_percent) }) %>
-        <% end %>
+      <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_title_max_caps_percent, constraints: constraints_for(:validate_title_max_caps_percent) }) %>
+      </div>
+    <% end %>
 
-        <% if config_enabled? :validate_title_max_marks_together %>
-          <%= form.number_field :validate_title_max_marks_together %>
-          <p class="help-text"><%= t("help.validate_title_max_marks_together", scope: "decidim.decidim_awesome.admin.config.form") %></p>
+    <% if config_enabled?(:validate_title_max_marks_together) %>
+      <div class="row column">
+      <%= form.number_field :validate_title_max_marks_together, help_text: t("help.validate_title_max_marks_together", scope: "decidim.decidim_awesome.admin.config.form") %>
 
-          <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_title_max_marks_together, constraints: constraints_for(:validate_title_max_marks_together) }) %>
-        <% end %>
+      <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_title_max_marks_together, constraints: constraints_for(:validate_title_max_marks_together) }) %>
       </div>
-<% end %>
-
-<% if config_enabled? %i(validate_body_min_length validate_body_max_caps_percent validate_body_max_marks_together validate_body_start_with_caps) %>
-  </div> <!-- .card-section -->
-  </div><!-- .card -->
+    <% end %>
+  <% end %>
 
-  <div class="card">
-    <div class="card-divider">
+  <% if config_enabled?(:validate_body_min_length, :validate_body_max_caps_percent, :validate_body_max_marks_together, :validate_body_start_with_caps) %>
+    <div class="row column">
       <h2 class="card-title"><%= t("validators.body", scope: "decidim.decidim_awesome.admin.config.form") %></h2>
     </div>
-    <div class="card-section">
-        <% if config_enabled? :validate_body_start_with_caps %>
-          <%= form.check_box :validate_body_start_with_caps %>
 
-          <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_body_start_with_caps, constraints: constraints_for(:validate_body_start_with_caps) }) %>
-        <% end %>
+    <% if config_enabled?(:validate_body_start_with_caps) %>
+      <div class="row column">
+        <%= form.check_box :validate_body_start_with_caps %>
+
+        <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_body_start_with_caps, constraints: constraints_for(:validate_body_start_with_caps) }) %>
+      </div>
+    <% end %>
 
-        <% if config_enabled? :validate_body_min_length %>
-          <%= form.number_field :validate_body_min_length %>
-          <p class="help-text"><%= t("help.validate_body_min_length", scope: "decidim.decidim_awesome.admin.config.form") %></p>
+    <% if config_enabled?(:validate_body_min_length) %>
+      <div class="row column">
+        <%= form.number_field :validate_body_min_length, help_text: t("help.validate_body_min_length", scope: "decidim.decidim_awesome.admin.config.form") %>
 
-          <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_body_min_length, constraints: constraints_for(:validate_body_min_length) }) %>
-        <% end %>
+        <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_body_min_length, constraints: constraints_for(:validate_body_min_length) }) %>
+      </div>
+    <% end %>
 
-        <% if config_enabled? :validate_body_max_caps_percent %>
-          <%= form.number_field :validate_body_max_caps_percent %>
-          <p class="help-text"><%= t("help.validate_body_max_caps_percent", scope: "decidim.decidim_awesome.admin.config.form") %></p>
+    <% if config_enabled?(:validate_body_max_caps_percent) %>
+      <div class="row column">
+        <%= form.number_field :validate_body_max_caps_percent, help_text: t("help.validate_body_max_caps_percent", scope: "decidim.decidim_awesome.admin.config.form") %>
 
-          <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_body_max_caps_percent, constraints: constraints_for(:validate_body_max_caps_percent) }) %>
-        <% end %>
+        <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_body_max_caps_percent, constraints: constraints_for(:validate_body_max_caps_percent) }) %>
+      </div>
+    <% end %>
 
-        <% if config_enabled? :validate_body_max_marks_together %>
-          <%= form.number_field :validate_body_max_marks_together %>
-          <p class="help-text"><%= t("help.validate_body_max_marks_together", scope: "decidim.decidim_awesome.admin.config.form") %></p>
+    <% if config_enabled?(:validate_body_max_marks_together) %>
+      <div class="row column">
+        <%= form.number_field :validate_body_max_marks_together, help_text: t("help.validate_body_max_marks_together", scope: "decidim.decidim_awesome.admin.config.form") %>
 
-          <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_body_max_marks_together, constraints: constraints_for(:validate_body_max_marks_together) }) %>
-        <% end %>
+        <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :validate_body_max_marks_together, constraints: constraints_for(:validate_body_max_marks_together) }) %>
       </div>
-<% end %>
+    <% end %>
+  <% end %>
+</div>

data/app/views/decidim/decidim_awesome/admin/config/_form_styles.html.erb

@@ -1,16 +1,19 @@
-<div class="row column decidim_awesome-form">
+<div class="form__wrapper row column decidim_awesome-form">
   <% if config_enabled? :scoped_styles %>
-    <p class="help-text"><%= t("help.scoped_styles", scope: "decidim.decidim_awesome.admin.config.form") %>
-      <%= t("help.scoped_styles_variables", scope: "decidim.decidim_awesome.admin.config.form") %>
-    </p>
-    <p class="help-text" style="white-space: unset">
-      <% ["primary", "secondary", "success", "warning", "alert", "highlight", "highlight_alternative"].each do |color| %>
-        <span class="color-box <%= color %>" style="background-color: <%= current_organization.colors[color] %>"></span> var(--<%= color %>)
+    <div class="colors-help">
+      <p><%= t("help.scoped_styles", scope: "decidim.decidim_awesome.admin.config.form") %>
+        <%= t("help.scoped_styles_variables", scope: "decidim.decidim_awesome.admin.config.form") %>
+      </p>
+      <p class="colors">
+        <% ["primary", "secondary", "tertiary", "success", "warning", "alert"].each do |color| %>
+        <span class="color-box <%= color %>" style="background-color: <%= current_organization.colors[color] %>"></span>
+        <code>var(--<%= color %>)</code>
       <% end %>
-    </p>
+      </p>
+    </div>
 
     <% form.object.scoped_styles&.each do |key, value| %>
-      <div class="scoped_styles_container" data-key="<%= key %>">
+      <div class="scoped_styles_container p-4 js-box-container" data-key="<%= key %>">
         <%= render(partial: "decidim/decidim_awesome/admin/config/autoedit_box_label", locals: { var: "scoped_styles", key: key, scope: "scoped_style_#{key}", delete_path: decidim_admin_decidim_awesome.scoped_style_path(key: key) }) %>
         <p class="form-error is-visible" id="custom-style-error-<%= key %>"><%= errors[key.to_sym].join("<br>") if errors %></p>
         <%= text_area_tag key, value, name: "config[scoped_styles][#{key}]", rows: 5 %>
@@ -18,9 +21,10 @@
       </div>
     <% end %>
 
-    <%= link_to t("new", scope: "decidim.decidim_awesome.admin.config.form_scoped_styles"), decidim_admin_decidim_awesome.scoped_styles_path, method: :post %>
+    <%= link_to decidim_admin_decidim_awesome.scoped_styles_path, method: :post, class: "button button__sm button__text-secondary mr-auto" do %>
+      <%= icon("add-box-line") %>
+      <%= t("new", scope: "decidim.decidim_awesome.admin.config.form_scoped_styles") %>
+    <% end %>
 
   <% end %>
 </div>
-
-<%= javascript_pack_tag "decidim_decidim_awesome_admin_form_exit_warn" %>

data/app/views/decidim/decidim_awesome/admin/config/_form_surveys.html.erb

@@ -1,9 +1,11 @@
-<div class="row column decidim_awesome-form">
+<div class="form__wrapper decidim_awesome-form">
   <% if config_enabled? :auto_save_forms %>
-
-    <%= form.check_box :auto_save_forms %>
-    <p class="help-text"><%= t("help.auto_save_forms", scope: "decidim.decidim_awesome.admin.config.form") %></p>
-
-    <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :auto_save_forms, constraints: constraints_for(:auto_save_forms) }) %>
+    <div class="row column">
+      <%= form.check_box :auto_save_forms %>
+      <span class="help-text mb-4" style="margin-top: -1rem;">
+        <%= t("help.auto_save_forms", scope: "decidim.decidim_awesome.admin.config.form") %>
+      </span>
+      <%= render(partial: "decidim/decidim_awesome/admin/config/constraints", locals: { key: :auto_save_forms, constraints: constraints_for(:auto_save_forms) }) %>
+    </div>
   <% end %>
 </div>

data/app/views/decidim/decidim_awesome/admin/config/show.html.erb

@@ -1,14 +1,24 @@
-<%= decidim_form_for(@form, method: :patch, url: decidim_admin_decidim_awesome.config_path(config_var), html: { class: "awesome-edit-config" }, data: { "safe-path" => decidim_admin_decidim_awesome.config_path(config_var) }) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t(".title", setting: config_var) %></h2>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title", setting: t(config_var, scope: "decidim.decidim_awesome.admin.config.title")) %>
+  </h2>
+</div>
+<div class="card">
+  <div class="card-section">
+    <div class="item__edit item__edit-1col">
+      <div class="item__edit-form">
+        <%= decidim_form_for(@form, method: :patch, url: decidim_admin_decidim_awesome.config_path(config_var), html: { class: "form-defaults awesome-edit-config" }, data: { "safe-path" => decidim_admin_decidim_awesome.config_path(config_var) }) do |f| %>
+          <div class="card-section">
+            <%= render "form_#{config_var}", form: f, errors: defined?(errors) ? errors : nil %>
+          </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>
     </div>
-    <div class="card-section">
-      <%= render partial: "form_#{config_var}", locals: { form: f, errors: defined?(errors) ? errors : nil } %>
-    </div>
-  </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".update") %>
   </div>
-<% end %>
-<%= render partial: "modal" %>
+</div>

data/app/views/decidim/decidim_awesome/admin/constraints/_form.html.erb

@@ -1,4 +1,4 @@
-<div class="field" id="constraint-form-<%= params[:id] %>">
+<div class="form__wrapper" id="constraint-form-<%= params[:id] %>">
 
   <%= form.select :participatory_space_manifest, participatory_space_manifests.invert, include_blank: true %>
   <%= form.select :participatory_space_slug, participatory_spaces_list(@form.participatory_space_manifest).invert, include_blank: true %>
@@ -6,51 +6,3 @@
   <%= form.select :component_id, components_list(@form.participatory_space_manifest, @form.participatory_space_slug).invert, include_blank: true %>
 
 </div>
-
-<script type="text/javascript">
-
-(function() {
-  var div = document.getElementById('constraint-form-<%= params[:id] %>');
-  var space_manifest = div.getElementsByTagName("select")[0];
-  var space_slug = div.getElementsByTagName("select")[1];
-  var component_manifest = div.getElementsByTagName("select")[2];
-  var component_id = div.getElementsByTagName("select")[3];
-
-  space_manifest.addEventListener('change', function(e) {
-    var event = new CustomEvent("constraint:change", {
-      detail: [{
-        key: "participatory_space_manifest",
-        value: e.target.value
-      }]
-    });
-    // Dispatch detail as event so main processor will reload accordingly
-    document.body.dispatchEvent(event);
-  });
-
-  space_slug.addEventListener('change', function(e) {
-    var event = new CustomEvent("constraint:change", {
-      detail: [{
-        key: "participatory_space_manifest",
-        value: space_manifest.value
-      },{
-        key: "participatory_space_slug",
-        value: e.target.value
-      }]
-    });
-    // Dispatch detail as event so main processor will reload accordingly
-    document.body.dispatchEvent(event);
-  });
-
-  // Component manfiest and component id are mutually exclusive
-  component_manifest.addEventListener('change', function(e) {
-    if(e.target.value)
-      component_id.value = "";
-  });
-
-  component_id.addEventListener('change', function(e) {
-    if(e.target.value)
-      component_manifest.value = "";
-  });
-})();
-
-</script>

data/app/views/decidim/decidim_awesome/admin/constraints/new.html.erb

@@ -1,14 +1,19 @@
-<%= decidim_form_for(@form, url: constraints_path(key: params[:key]), remote: true) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".constraint" %></h2>
-    </div>
-    <div class="card-section">
+<%= decidim_form_for(@form, url: constraints_path(key: params[:key]), remote: true, html: { class: "form-defaults" }) do |f| %>
+  <div data-dialog-container>
+    <%= icon "lock-line" %>
+    <h2 tabindex="-1" data-dialog-title><%= t ".constraint" %></h2>
+
+    <div>
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <button type="submit" class="button" name="commit" data-close><%= t(".save") %></button>
-    <button class="button hollow" type="button" data-close><%= t(".cancel") %></button>
+
+  <div data-dialog-actions>
+    <button class="button button__sm md:button__lg button__transparent-secondary" type="button"
+      data-dialog-close="<%= "new-modal-#{params[:key]}" %>">
+      <%= t(".cancel") %>
+    </button>
+
+    <%= f.submit t(".save"), class: "button button__sm md:button__lg button__secondary", data: { "dialog-close": "new-modal-#{params[:key]}" } %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/constraints/show.html.erb

@@ -1,14 +1,19 @@
-<%= decidim_form_for(@form, url: constraint_path, method: :patch, remote: true) do |f| %>
-  <div class="card">
-    <div class="card-divider">
-      <h2 class="card-title"><%= t ".constraint" %></h2>
-    </div>
-    <div class="card-section">
+<%= decidim_form_for(@form, url: constraint_path, method: :patch, remote: true, html: { class: "form-defaults" }) do |f| %>
+  <div data-dialog-container>
+    <%= icon "lock-line" %>
+    <h2 tabindex="-1" data-dialog-title><%= t ".constraint" %></h2>
+
+    <div>
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
-    <button class="button hollow" type="button" data-close><%= t(".cancel") %></button>
+
+  <div data-dialog-actions>
+    <button class="button button__sm md:button__lg button__transparent-secondary" type="button"
+      data-dialog-close="<%= "edit-modal-#{params[:key]}" %>">
+      <%= t(".cancel") %>
+    </button>
+
+    <%= f.submit t(".save"), class: "button button__sm md:button__lg button__secondary", data: { "dialog-close": "edit-modal-#{params[:key]}" } %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/_form.html.erb

@@ -1,6 +1,21 @@
-<div>
-    <%= form.text_field :origin, help_text: t(".origin_help") %>
-    <%= form.text_field :destination, help_text: t(".destination_help") %>
-    <%= form.check_box :active %>
-    <%= form.check_box :pass_query, help_text: t(".pass_query_help").html_safe %>
+<div class="flex flex-col">
+    <div class="mb-6">
+        <%= form.text_field :origin, class: "h-12 w-full" %>
+        <p class="help-text">
+            <%= t(".origin_help") %>
+        </p>
+    </div>
+    <div class="mb-6">
+        <%= form.text_field :destination, class: "h-12 w-full" %>
+        <p class="help-text">
+            <%= t(".destination_help") %>
+        </p>
+    </div>
+    <%= form.check_box :active, class: "mb-6" %>
+    <div class="mb-6">
+        <%= form.check_box :pass_query %>
+    </div>
+    <p class="help-text">
+            <%= t(".pass_query_help").html_safe %>
+    </p>
 </div>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/edit.html.erb

@@ -1,13 +1,13 @@
-<%= decidim_form_for(@form, url: custom_redirect_path, method: :patch, html: { class: :form }) do |f| %>
+<%= decidim_form_for(@form, url: custom_redirect_path, method: :patch, html: { class: "form-defaults form new_custom_redirect_" }) do |f| %>
   <div class="card">
-    <div class="card-divider">
+    <div class="bg-gray-6 p-4 rounded-t">
       <h2 class="card-title"><%= t ".title" %></h2>
     </div>
-    <div class="card-section">
+    <div class="card-section p-4">
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
+  <div class="flex items-center justify-center mt-12 w-full text-white form-general-submit">
+    <%= f.submit t(".save"), class: "button button__lg button__secondary" %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/index.html.erb

@@ -1,21 +1,22 @@
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t(".title") %>
+    <%= link_to t(".new"), decidim_admin_decidim_awesome.new_custom_redirect_path, class: "button button__secondary button__xs tiny button--title text-white" %>
+  </h2>
+</div>
+
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t(".title") %>
-      <%= link_to t(".new"), decidim_admin_decidim_awesome.new_custom_redirect_path, class: "button tiny button--title" %>
-    </h2>
-  </div>
-  <div class="card-section">
-  <p class="help-text"><%= t(".description").html_safe %></p>
-  <div class="row column decidim_awesome-form">
+  <div class="card-section p-4">
+  <p class="help-text -mt-2 mb-4"><%= t(".description").html_safe %></p>
+  <div class="table-scroll decidim_awesome-form">
     <table class="table-list custom-redirections-table">
       <thead>
         <tr>
           <th><%= t("custom_redirect.active", scope: "activemodel.attributes") %></th>
           <th><%= t("custom_redirect.origin", scope: "activemodel.attributes") %></th>
           <th><%= t("custom_redirect.destination", scope: "activemodel.attributes") %></th>
-          <th class="redirect-status"><%= link_to(t(".check_redirections"), "#", class: "button small pull-right secondary check-custom-redirections") if current_config.present? %></th>
-          <th class="actions"></th>
+          <th class="redirect-status"><%= link_to(t(".check_redirections"), "#", class: "button button__secondary button__xs pull-right secondary check-custom-redirections") if current_config.present? %></th>
+          <th class="actions"><%= t("decidim.decidim_awesome.admin.actions") %></th>
         </tr>
       </thead>
       <tbody>
@@ -26,8 +27,8 @@
             <td><%= item["destination"] %></td>
             <td class="redirect-status"></td>
             <td class="table-list__actions">
-              <%= icon_link_to "pencil", decidim_admin_decidim_awesome.edit_custom_redirect_path(md5(origin)), t(".edit"), class: "action-icon--edit" %>
-              <%= icon_link_to "circle-x", decidim_admin_decidim_awesome.custom_redirect_path(md5(origin)), t(".remove"), method: :delete, class: "action-icon--remove", data: { confirm: t(".confirm_destroy") } %>
+              <%= icon_link_to "pencil-line", decidim_admin_decidim_awesome.edit_custom_redirect_path(md5(origin)), t(".edit"), class: "action-icon--edit" %>
+              <%= icon_link_to "close-circle-line", decidim_admin_decidim_awesome.custom_redirect_path(md5(origin)), t(".remove"), method: :delete, class: "action-icon--remove", data: { confirm: t(".confirm_destroy") } %>
             </td>
           </tr>
         <% end %>

data/app/views/decidim/decidim_awesome/admin/custom_redirects/new.html.erb

@@ -1,13 +1,13 @@
-<%= decidim_form_for(@form, url: custom_redirects_path, html: { class: :form }) do |f| %>
+<%= decidim_form_for(@form, url: custom_redirects_path, html: { class: "form-defaults form new_custom_redirect_" }) do |f| %>
   <div class="card">
-    <div class="card-divider">
+    <div class="bg-gray-6 p-4 rounded-t">
       <h2 class="card-title"><%= t ".title" %></h2>
     </div>
-    <div class="card-section">
+    <div class="card-section p-4">
       <%= render partial: "form", object: f %>
     </div>
   </div>
-  <div class="button--double form-general-submit">
-    <%= f.submit t(".save") %>
+  <div class="flex items-center justify-center mt-12 w-full text-white form-general-submit">
+    <%= f.submit t(".save"), class: "button button__lg button__secondary" %>
   </div>
 <% end %>

data/app/views/decidim/decidim_awesome/admin/maintenance/_private_data.html.erb

@@ -0,0 +1,44 @@
+<div class="mb-8">
+  <p class="help-text"><%= t(".help_html", time_ago:) %>
+</div>
+
+<% if collection.empty? %>
+  <div class="callout warning"><%= t(".no_data", time_ago:) %></div>
+<% else %>
+  <div class="table-scroll autorefresh" data-url="<%= maintenance_path(:private_data).split("?").first %>">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t(".component") %></th>
+          <th><%= t(".items_count") %></th>
+          <th><%= t(".last_date") %></th>
+          <th><%= t("decidim.decidim_awesome.admin.actions") %></th>
+        </tr>
+      </thead>
+
+      <tbody>
+      <% collection.each do |resource| %>
+        <% item = present(resource) %>
+        <tr data-id="<%= item.id %>">
+          <td><%= link_to item.name, item.path %></td>
+          <td data-autorefresh="total"><%= item.total %></td>
+          <td data-autorefresh="time_ago"><%= item.time_ago %></td>
+          <td data-autorefresh="done">
+            <% if item.locked? %>
+              <span class="loading-spinner primary" title="<%= t(".removing") %>"></span>
+            <% elsif item.destroyable? %>
+              <%= link_to destroy_private_data_maintenance_path(:private_data, resource_id: item), method: :delete, class: "button button__primary button__xs tiny", data: { confirm: t(".confirm_delete") } do %>
+                <%= icon "delete-bin-line" %>
+                <%= t(".delete") %>
+              <% end %>
+            <% else %>
+              <span class="not-destroyable" title="<%= t(".not_destroyable") %>"><%= icon "forbid-line" %></span>
+            <% end %>
+          </td>
+        </tr>
+      <% end %>
+      </tbody>
+    </table>
+  </div>
+<% end %>
+<%= paginate collection, theme: "decidim" %>

data/app/views/decidim/decidim_awesome/admin/maintenance/show.html.erb

@@ -0,0 +1,44 @@
+<div class="card-section section_<%= current_view %>">
+  <%= render current_view %>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    const wrappers = document.querySelectorAll('.autorefresh');
+
+    function updateTableWithJsonData(element) {
+      const trs = element.querySelectorAll('tr[data-id]');
+      const tr_ids = [...trs].map(tr => parseInt(tr.dataset.id, 10));
+
+      fetch(element.dataset.url + "?" + new URLSearchParams({resources: tr_ids}))
+        .then(response => response.json())
+        .then(data => {
+          trs.forEach(tr => {
+            const items = tr.querySelectorAll('[data-autorefresh]');
+            const id = parseInt(tr.dataset.id, 10);
+            const newData = data.find(item => item.id === id);
+            // console.log("newData", newData, "items", items, "id", id, "tr", tr, "data", data);
+            if (newData) {
+              items.forEach(item => {
+                const field = item.dataset.autorefresh;
+                if (field && newData[field]) {
+                  item.innerHTML = newData[field];
+                }
+              });
+              if (newData.locked) {
+                setTimeout(() => updateTableWithJsonData(element), 1000);
+              }
+            }
+          });
+        })
+        .catch(error => {
+          console.error('Error fetching data:', error);
+        });
+    }
+
+    wrappers.forEach(element => {
+      updateTableWithJsonData(element);
+    });
+  });
+</script>
+</script>

data/app/views/decidim/decidim_awesome/admin/menu_hacks/_form.html.erb

@@ -1,7 +1,7 @@
-<div>
-    <%= form.translated :text_field, :raw_label, help_text: t(".label_help") %>
-    <%= form.text_field :url , readonly: form.object.url.present? %>
-    <%= form.text_field :position %>
-    <%= form.select :target, target_options %>
-    <%= form.select :visibility, visibility_options %>
+<div class="form__wrapper gap-0">
+    <%= form.translated :text_field, :raw_label, class: "mb-6", help_text: t(".label_help") %>
+    <%= form.text_field :url , class: "mb-6", readonly: form.object.url.present? %>
+    <%= form.text_field :position, class: "mb-6" %>
+    <%= form.select :target, target_options, {}, class: "mb-6" %>
+    <%= form.select :visibility, visibility_options, {}, class: "mb-8" %>
 </div>