decidim-participatory_processes 0.27.5 → 0.28.0.rc4

data/app/views/decidim/participatory_processes/admin/participatory_process_groups/index.html.erb

@@ -1,64 +1,59 @@
 <% add_decidim_page_title(t("decidim.admin.titles.participatory_process_groups")) %>
-<% content_for :sidebar_menu_nav do %>
-  <%= sidebar_menu(:admin_participatory_processes_menu).render %>
+<% content_for :breadcrumb_context_menu do %>
+  <div class="process-title-content-breadcrumb-container-right">
+    <% if allowed_to? :create, :process_group %>
+      <%= link_to [:new, :participatory_process_group], class: "button button__sm button__transparent process-title-content-breadcrumb-container-right-link" do %>
+        <%= icon "add-line" %>
+        <span>
+          <%= t("actions.new_process_group", scope: "decidim.admin") %>
+        </span>
+      <% end %>
+    <% end %>
+  </div>
 <% end %>
 
-<div class="process-title">
-  <div class="process-title-content">
-    <%= link_to t("decidim.admin.titles.participatory_process_groups"), decidim_participatory_processes.participatory_processes_path, target: "_blank" %>
-  </div>
-</div>
+<%= admin_tabs(:admin_participatory_processes_menu).render %>
 
 <div class="card">
-  <div class="card-divider">
-    <h2 class="card-title">
-      <%= t "decidim.admin.titles.participatory_process_groups" %>
-      <%= link_to t("actions.new_process_group", scope: "decidim.admin"), [:new, :participatory_process_group], class: "button tiny button--title new" if allowed_to? :create, :process_group %>
-    </h2>
-  </div>
-  <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
+  <div class="table-scroll">
+    <table class="table-list">
+      <thead>
+        <tr>
+          <th><%= t("models.participatory_process_group.fields.title", scope: "decidim.admin") %></th>
+          <th></th>
+        </tr>
+      </thead>
+      <tbody>
+        <% collection.each do |group| %>
           <tr>
-            <th><%= t("models.participatory_process_group.fields.title", scope: "decidim.admin") %></th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% collection.each do |group| %>
-            <tr>
-              <td>
-                <% if group.promoted? %>
-                  <span data-tooltip class="icon-state icon-highlight" data-disable-hover="false" title="<%= t("models.participatory_process.fields.promoted", scope: "decidim.admin") %>">
-                    <%= icon "star" %>
-                  </span>
-                <% end %>
-                <% if allowed_to? :update, :process_group, process_group: group %>
-                  <%= link_to translated_attribute(group.title), [:edit, group] %><br>
-                <% else %>
-                  <%= translated_attribute(group.title) %>
-                <% end %>
-              </td>
-              <td class="table-list__actions">
-                <% if allowed_to? :update, :process_group, process_group: group %>
-                  <%= icon_link_to "pencil", [:edit, group], t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
-                <% else %>
-                  <span class="action-space icon"></span>
-                <% end %>
+            <td>
+              <% if group.promoted? %>
+                <%= icon_with_tooltip "star-s-fill", t("models.assembly.fields.promoted", scope: "decidim.admin") %>
+              <% end %>
+              <% if allowed_to? :update, :process_group, process_group: group %>
+                <%= link_to translated_attribute(group.title), [:edit, group] %>
+              <% else %>
+                <%= translated_attribute(group.title) %>
+              <% end %>
+            </td>
+            <td class="table-list__actions">
+              <% if allowed_to? :update, :process_group, process_group: group %>
+                <%= icon_link_to "pencil-line", [:edit, group], t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
+              <% else %>
+                <span class="action-space icon"></span>
+              <% end %>
 
-                <%= icon_link_to "eye", decidim_participatory_processes.participatory_process_group_path(group), t("actions.preview", scope: "decidim.admin"), class: "action-icon--preview" %>
+              <%= icon_link_to "eye-line", decidim_participatory_processes.participatory_process_group_path(group), t("actions.preview", scope: "decidim.admin"), class: "action-icon--preview", target: "_blank", data: { "external-link": false } %>
 
-                <% if allowed_to? :destroy, :process_group, process_group: group %>
-                  <%= icon_link_to "circle-x", group, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-                <% else %>
-                  <span class="action-space icon"></span>
-                <% end %>
-              </td>
-            </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+              <% if allowed_to? :destroy, :process_group, process_group: group %>
+                <%= icon_link_to "delete-bin-line", group, t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+              <% else %>
+                <span class="action-space icon"></span>
+              <% end %>
+            </td>
+          </tr>
+        <% end %>
+      </tbody>
+    </table>
   </div>
 </div>

data/app/views/decidim/participatory_processes/admin/participatory_process_groups/new.html.erb

@@ -1,8 +1,31 @@
 <% add_decidim_page_title(t("participatory_process_groups.new.title", scope: "decidim.admin")) %>
-<%= decidim_form_for(@form, html: { class: "form new_participatory_process_group" }) do |f| %>
-  <h2 class="process-title-summary"><%= t "participatory_process_groups.new.title", scope: "decidim.admin" %></h2>
-  <%= render partial: "form", object: f %>
-  <div class="button--double form-general-submit">
-    <%= f.submit t("participatory_process_groups.new.create", scope: "decidim.admin") %>
+<% content_for :breadcrumb_context_menu do %>
+  <div class="process-title-content-breadcrumb-container-right">
+    <% if allowed_to? :create, :process_group %>
+      <%= link_to [:new, :participatory_process_group], class: "button button__sm button__transparent process-title-content-breadcrumb-container-right-link" do %>
+        <%= icon "add-line" %>
+        <span>
+          <%= t("actions.new_process_group", scope: "decidim.admin") %>
+        </span>
+      <% end %>
+    <% end %>
   </div>
 <% end %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t "participatory_process_groups.new.title", scope: "decidim.admin" %>
+  </h2>
+</div>
+
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form new_participatory_process_group" }) do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t("participatory_process_groups.new.create", scope: "decidim.admin"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
+  </div>
+</div>

data/app/views/decidim/participatory_processes/admin/participatory_process_imports/_form.html.erb

@@ -1,47 +1,41 @@
-<div class="card" id="processes">
-  <div class="card-divider">
-    <h2 class="card-title"><%= title %></h2>
-  </div>
-  <div class="card-section">
-    <div class="row column">
-      <div class="row">
-        <div class="column xlarge-8">
-          <%= form.translated :text_field, :title, autofocus: true %>
-        </div>
-        <div class="column xlarge-4 slug">
-          <%= form.text_field :slug %>
-          <p class="help-text"><%== t(".slug_help", url: decidim_form_slug_url(:processes, form.object.slug)) %></p>
-        </div>
-        <div class="column xlarge-8">
-          <fieldset>
-            <legend><%= t(".document_legend") %> </legend>
-              <div class="row column">
-                <%= form.upload :document, required: true %>
-              </div>
-          </fieldset>
-        </div>
+<div class="form__wrapper">
+  <div class="card pt-4" id="processes">
+    <div class="card-section">
+      <div class="row column">
+        <%= form.translated :text_field, :title, autofocus: true %>
+      </div>
+
+      <div class="row column">
+        <%= form.text_field :slug, help_text: t(".slug_help_html", url: decidim_form_slug_url(:processes, form.object.slug)) %>
+      </div>
+
+      <div class="row column">
+        <%= form.upload :document, required: true, label: t(".document_legend"), button_class: "button button__sm button__transparent-secondary" %>
       </div>
-      <div class="card">
-        <div class="card-divider">
-          <legend><%= select %></legend>
+
+      <div class="card-divider">
+        <div class="card-title">
+          <%= t("participatory_process_imports.new.select", scope: "decidim.admin") %>
         </div>
-        <div class="card-section">
-          <div class="row">
-            <div class="columns xlarge-3">
-              <%= form.check_box :import_steps %>
-            </div>
-            <div class="columns xlarge-3">
-              <%= form.check_box :import_categories %>
-            </div>
-            <div class="columns xlarge-3">
-              <%= form.check_box :import_attachments %>
-            </div>
-            <div class="columns xlarge-6">
-              <%= form.check_box :import_components %>
-            </div>
+      </div>
+      <div class="card-section">
+        <div class="row">
+          <div class="columns">
+            <%= form.check_box :import_steps %>
+          </div>
+          <div class="columns">
+            <%= form.check_box :import_categories %>
+          </div>
+          <div class="columns">
+            <%= form.check_box :import_attachments %>
+          </div>
+          <div class="columns">
+            <%= form.check_box :import_components %>
           </div>
         </div>
       </div>
+
+      </div>
     </div>
   </div>
 </div>

data/app/views/decidim/participatory_processes/admin/participatory_process_imports/new.html.erb

@@ -1,7 +1,20 @@
-<%= decidim_form_for(@form, url: imports_path, method: :post, html: { class: "form import_participatory_process" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t("participatory_process_imports.new.title", scope: "decidim.admin"), select: t("participatory_process_imports.new.select", scope: "decidim.admin") } %>
+<% add_decidim_page_title(t("participatory_process_imports.new.title", scope: "decidim.admin")) %>
 
-  <div class="button--double form-general-submit">
-    <%= f.submit t("participatory_process_imports.new.import", scope: "decidim.admin") %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t("participatory_process_imports.new.title", scope: "decidim.admin") %>
+  </h2>
+</div>
+
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: imports_path, method: :post, html: { class: "form-defaults form import_participatory_process" }) do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t("participatory_process_imports.new.import", scope: "decidim.admin"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/participatory_processes/admin/participatory_process_steps/_form.html.erb

@@ -1,36 +1,29 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= title %></h2>
-  </div>
-
-  <div class="card-section">
-    <div class="row column">
-      <%= form.translated :text_field, :title, autofocus: true %>
-    </div>
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div id="panel-title" class="card-section">
+      <div class="row column">
+        <%= form.translated :text_field, :title, autofocus: true, aria: { label: :title } %>
+      </div>
 
-    <div class="row column">
-      <%= form.translated :editor, :description %>
-    </div>
+      <div class="row column">
+        <%= form.translated :editor, :description, aria: { label: :description } %>
+      </div>
 
-    <div class="row">
-      <div class="columns xlarge-6">
-        <%= form.date_field :start_date %>
+      <div class="row column">
+        <%= form.datetime_field :start_date %>
       </div>
 
-      <div class="columns xlarge-6">
-        <%= form.date_field :end_date %>
+      <div class="row column">
+        <%= form.datetime_field :end_date %>
       </div>
-    </div>
 
-    <div class="row">
-      <div class="columns xlarge-6 slug">
-        <%= form.text_field :cta_path %>
-        <p class="help-text"><%== t(".cta_path_help", url: decidim_form_slug_url("processes/" + current_participatory_process.slug, form.object.cta_path)) %></p>
+      <div class="row column slug">
+        <%= form.text_field :cta_path,
+                            help_text: t(".cta_path_help_html", url: decidim_form_slug_url("processes/" + current_participatory_process.slug, form.object.cta_path)) %>
       </div>
 
-      <div class="columns xlarge-6">
-        <%= form.translated :text_field, :cta_text %>
-        <p class="help-text"><%= t(".cta_text_help") %></p>
+      <div class="row column">
+        <%= form.translated :text_field, :cta_text, help_text: t(".cta_text_help") %>
       </div>
     </div>
   </div>

data/app/views/decidim/participatory_processes/admin/participatory_process_steps/edit.html.erb

@@ -1,9 +1,20 @@
 <% add_decidim_page_title(t("participatory_process_steps.edit.title", scope: "decidim.admin")) %>
 
-<%= decidim_form_for(@form, url: participatory_process_step_path(@participatory_process_step.participatory_process, @participatory_process_step), html: { class: "form edit_participatory_process_step" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t("participatory_process_steps.edit.title", scope: "decidim.admin") } %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t("participatory_process_steps.edit.title", scope: "decidim.admin") %>
+  </h2>
+</div>
 
-  <div class="button--double form-general-submit">
-    <%= f.submit t("participatory_process_steps.edit.update", scope: "decidim.admin") %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: participatory_process_step_path(@participatory_process_step.participatory_process, @participatory_process_step), html: { class: "form form-defaults edit_participatory_process_step" }) do |f| %>
+      <%= render partial: "form", object: f, locals: { title: t("participatory_process_steps.edit.title", scope: "decidim.admin") } %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t("participatory_process_steps.edit.update", scope: "decidim.admin"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/participatory_processes/admin/participatory_process_steps/index.html.erb

@@ -1,69 +1,69 @@
+<% add_decidim_page_title(t("participatory_process_steps.index.steps_title", scope: "decidim.admin")) %>
 <div class="card" id="steps">
-  <div class="card-divider">
-    <h2 class="card-title">
+  <div class="item_show__header">
+    <h2 class="item_show__header-title">
       <%= t("participatory_process_steps.index.steps_title", scope: "decidim.admin") %>
       <% if allowed_to? :create, :process_step %>
-        <%= link_to t("actions.new_process_step", scope: "decidim.admin"), new_participatory_process_step_path(current_participatory_process), class: "button tiny button--title" %>
+        <%= link_to t("actions.new_process_step", scope: "decidim.admin"), new_participatory_process_step_path(current_participatory_process), class: "button button__sm button__secondary ml-auto" %>
       <% end %>
     </h2>
   </div>
-
-  <div class="card-section">
+  <% if current_participatory_process.steps.any? %>
     <div class="table-scroll">
-      <% if current_participatory_process.steps.any? %>
-        <table class="table-list">
-          <thead>
-            <tr>
-              <th><%= t("models.participatory_process_step.fields.title", scope: "decidim.admin") %></th>
-              <th><%= t("models.participatory_process_step.fields.start_date", scope: "decidim.admin") %></th>
-              <th><%= t("models.participatory_process_step.fields.end_date", scope: "decidim.admin") %></th>
-              <th class="actions"></th>
-            </tr>
-          </thead>
-          <tbody class="sortable" data-sort-url="<%= ordering_participatory_process_steps_path(current_participatory_process) %>">
-            <% current_participatory_process.steps.each do |step| %>
-              <tr data-id="<%= step.id %>">
-                <td>
-                  <span class="table-list__actions"><%= icon("move", class: "action-icon") %></span>
+      <table class="table-list">
+        <thead>
+          <tr>
+            <th><%= t("models.participatory_process_step.fields.title", scope: "decidim.admin") %></th>
+            <th><%= t("models.participatory_process_step.fields.start_date", scope: "decidim.admin") %></th>
+            <th><%= t("models.participatory_process_step.fields.end_date", scope: "decidim.admin") %></th>
+            <th class="actions"></th>
+          </tr>
+        </thead>
+        <tbody class="sortable" data-sort-url="<%= ordering_participatory_process_steps_path(current_participatory_process) %>">
+          <% current_participatory_process.steps.each do |step| %>
+            <tr data-id="<%= step.id %>">
+              <td>
+                <div class="flex items-center gap-x-2">
+                  <%= icon "drag-move-2-line" %>
                   <% if step.active? %>
                     <span class="icon-active"></span>
                   <% end %>
                   <%= link_to translated_attribute(step.title), edit_participatory_process_step_path(current_participatory_process, step) %><br>
-                </td>
-                <td>
-                  <% if step.start_date %>
-                    <%= l step.start_date.to_date, format: :long %>
-                  <% end %>
-                </td>
-                <td>
-                  <% if step.end_date %>
-                    <%= l step.end_date.to_date, format: :long %>
-                  <% end %>
-                </td>
-                <td class="table-list__actions">
-                  <% if allowed_to?(:activate, :process_step, process_step: step) && !step.active? %>
-                    <%= icon_link_to "circle-check", participatory_process_step_activate_path(current_participatory_process, step), t("actions.activate", scope: "decidim.admin"), class: "action-icon--activate", method: :post %>
-                  <% else %>
-                    <span class="action-space icon"></span>
-                  <% end %>
+                </div>
+              </td>
+              <td>
+                <% if step.start_date %>
+                  <%= l step.start_date, format: :long %>
+                <% end %>
+              </td>
+              <td>
+                <% if step.end_date %>
+                  <%= l step.end_date, format: :long %>
+                <% end %>
+              </td>
+              <td class="table-list__actions">
+                <% if allowed_to? :update, :process_step, process_step: step %>
+                  <%= icon_link_to "pencil-line", edit_participatory_process_step_path(current_participatory_process, step), t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
+                <% else %>
+                  <span class="action-space icon"></span>
+                <% end %>
 
-                  <% if allowed_to? :update, :process_step, process_step: step %>
-                    <%= icon_link_to "pencil", edit_participatory_process_step_path(current_participatory_process, step), t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
-                  <% else %>
-                    <span class="action-space icon"></span>
-                  <% end %>
+                <% if allowed_to?(:activate, :process_step, process_step: step) && !step.active? %>
+                  <%= icon_link_to "check-line", participatory_process_step_activate_path(current_participatory_process, step), t("actions.activate", scope: "decidim.admin"), class: "action-icon--activate", method: :post %>
+                <% else %>
+                  <span class="action-space icon"></span>
+                <% end %>
 
-                  <% if allowed_to? :destroy, :process_step, process_step: step %>
-                    <%= icon_link_to "circle-x", participatory_process_step_path(current_participatory_process, step), t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-                  <% else %>
-                    <span class="action-space icon"></span>
-                  <% end %>
-                </td>
-              </tr>
-            <% end %>
-          </tbody>
-        </table>
-      <% end %>
+                <% if allowed_to? :destroy, :process_step, process_step: step %>
+                  <%= icon_link_to "delete-bin-line", participatory_process_step_path(current_participatory_process, step), t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+                <% else %>
+                  <span class="action-space icon"></span>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
     </div>
-  </div>
+  <% end %>
 </div>

data/app/views/decidim/participatory_processes/admin/participatory_process_steps/new.html.erb

@@ -1,7 +1,20 @@
-<%= decidim_form_for(@form, html: { class: "form new_participatory_process_step" }) do |f| %>
-  <%= render partial: "form", object: f, locals: { title: t("participatory_process_steps.new.title", scope: "decidim.admin") } %>
+<% add_decidim_page_title(t("participatory_process_steps.new.title", scope: "decidim.admin")) %>
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
+    <%= t("participatory_process_steps.new.title", scope: "decidim.admin") %>
+  </h2>
+</div>
 
-  <div class="button--double form-general-submit">
-    <%= f.submit t("participatory_process_steps.new.create", scope: "decidim.admin") %>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form form-defaults new_participatory_process_step" }) do |f| %>
+      <%= render partial: "form", object: f, locals: { title: t("participatory_process_steps.new.title", scope: "decidim.admin") } %>
+
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t("participatory_process_steps.new.create", scope: "decidim.admin"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>

data/app/views/decidim/participatory_processes/admin/participatory_process_steps/show.html.erb

@@ -8,8 +8,8 @@
 
 <dl>
   <%= display_for @participatory_process_step,
-    :title,
-    :description %>
+                  :title,
+                  :description %>
   <dt><%= display_label(@participatory_process_step, :start_date) %></dt>
   <dd><%= l @participatory_process_step.start_date, format: :short if @participatory_process_step.start_date.present? %></dd>
   <dt><%= display_label(@participatory_process_step, :end_date) %></dt>

data/app/views/decidim/participatory_processes/admin/participatory_process_types/_form.html.erb

@@ -1,11 +1,9 @@
-<div class="card">
-  <div class="card-divider">
-    <h2 class="card-title"><%= t("participatory_process_types.form.title", scope: "decidim.admin") %></h2>
-  </div>
-
-  <div class="card-section">
-    <div class="row column">
-      <%= form.translated :text_field, :title, autofocus: true %>
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column">
+        <%= form.translated :text_field, :title, autofocus: true, aria: { label: :title } %>
+      </div>
     </div>
   </div>
 </div>

data/app/views/decidim/participatory_processes/admin/participatory_process_types/edit.html.erb

@@ -1,10 +1,18 @@
 <% add_decidim_page_title t("participatory_process_types.edit.title", scope: "decidim.admin") %>
-<%= decidim_form_for(@form, html: { class: "form edit_participatory_process_type" }) do |f| %>
-  <h2 class="process-title-summary">
+<div class="item_show__header">
+  <h2 class="item_show__header-title">
     <%= t("participatory_process_types.edit.title", scope: "decidim.admin") %>
   </h2>
-  <%= render partial: "form", object: f %>
-  <div class="button--double form-general-submit">
-    <%= f.submit t("participatory_process_types.edit.update", scope: "decidim.admin"), class: "button" %>
+</div>
+<div class="item__edit item__edit-1col">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, html: { class: "form-defaults form edit_participatory_process_type" }) do |f| %>
+      <%= render partial: "form", object: f %>
+      <div class="item__edit-sticky">
+        <div class="item__edit-sticky-container">
+          <%= f.submit t("participatory_process_types.edit.update", scope: "decidim.admin"), class: "button button__sm button__secondary" %>
+        </div>
+      </div>
+    <% end %>
   </div>
-<% end %>
+</div>