decidim-admin 0.0.6 → 0.0.7

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

@@ -1,11 +1,13 @@
-<% provide :title do %>
-  <h2><%= t ".name" %></h2>
-<% end %>
-
-<%= decidim_form_for(@form) do |f| %>
-  <%= render partial: 'form', object: f %>
-
-  <div class="actions">
+<%= decidim_form_for(@form, html: { class: "form new_participatory_process_group" }) do |f| %>
+  <div class="card">
+    <div class="card-divider">
+      <h2 class="card-title"><%= t ".title" %></h2>
+    </div>
+    <div class="card-section">
+      <%= render partial: 'form', object: f %>
+    </div>
+  </div>
+  <div class="button--double form-general-submit">
     <%= f.submit t(".create") %>
   </div>
 <% end %>

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

@@ -1,15 +1,25 @@
-<div class="field">
-  <%= form.translated :text_field, :title, autofocus: true %>
-</div>
+<div class="card">
+  <div class="card-divider">
+    <h2 class="card-title"><%= title %></h2>
+  </div>
 
-<div class="field">
-  <%= form.translated :editor, :description, toolbar: :full, lines: 25 %>
-</div>
+  <div class="card-section">
+    <div class="row column">
+      <%= form.translated :text_field, :title, autofocus: true %>
+    </div>
 
-<div class="field">
-  <%= form.date_field :start_date %>
-</div>
+    <div class="row column">
+      <%= form.translated :editor, :description, toolbar: :full, lines: 25 %>
+    </div>
+
+    <div class="row">
+      <div class="columns xlarge-6">
+        <%= form.date_field :start_date %>
+      </div>
 
-<div class="field">
-  <%= form.date_field :end_date %>
+      <div class="columns xlarge-6">
+        <%= form.date_field :end_date %>
+      </div>
+    </div>
+  </div>
 </div>

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

@@ -1,9 +1,8 @@
-<h3><%= t ".title" %></h3>
 
-<%= decidim_form_for(@form, url: participatory_process_step_path(@participatory_process_step.participatory_process, @participatory_process_step)) do |f| %>
-  <%= render partial: 'form', object: f %>
+<%= 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('.title') } %>
 
-  <div class="actions">
+  <div class="button--double form-general-submit">
     <%= f.submit t(".update") %>
   </div>
 <% end %>

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

@@ -1,53 +1,62 @@
-<section id="steps">
-  <h4><%= t(".steps_title", scope: "decidim.admin") %></h4>
+<div class="card" id="steps">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= t(".steps_title", scope: "decidim.admin") %>
+      <% if can? :create, Decidim::ParticipatoryProcessStep %>
+        <%= link_to t("actions.new", scope: "decidim.admin", name: t("models.participatory_process_step.name", scope: "decidim.admin")), new_participatory_process_step_path(participatory_process), class: 'button tiny button--title' %>
+      <% end %>
+    </h2>
+  </div>
 
-  <% if can? :create, Decidim::ParticipatoryProcessStep %>
-    <div class="actions title">
-      <%= link_to t("actions.new", scope: "decidim.admin", name: t("models.participatory_process_step.name", scope: "decidim.admin")), new_participatory_process_step_path(participatory_process), class: 'new' %>
-    </div>
-  <% end %>
+  <div class="card-section">
+    <div class="table-scroll">
+      <% if 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(participatory_process) %>">
+            <% participatory_process.steps.each do |step| %>
+              <tr data-id="<%= step.id %>">
+                <td>
+                  <% if step.active? %>
+                    <span class="icon-active"></span>
+                  <% end %>
+                  <%= link_to translated_attribute(step.title), edit_participatory_process_step_path(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 can?(:activate, step) && !step.active? %>
+                    <%= icon_link_to "circle-check", participatory_process_step_activate_path(participatory_process, step), t("actions.activate", scope: "decidim.admin"), class: "action-icon--activate", method: :post %>
+                  <% end %>
+
+                  <% if can? :update, step %>
+                    <%= icon_link_to "pencil", edit_participatory_process_step_path(participatory_process, step), t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
+                  <% end %>
 
-  <% if participatory_process.steps.any? %>
-    <p><%= t(".steps_hint", scope: "decidim.admin") %></p>
-    <table class="stack">
-      <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><%= t("models.participatory_process_step.fields.active", scope: "decidim.admin") %></th>
-          <th class="actions"><%= t("actions.title", scope: "decidim.admin") %></th>
-        </tr>
-      </thead>
-      <tbody class="sortable" data-sort-url="<%= ordering_participatory_process_steps_path(participatory_process) %>">
-        <% participatory_process.steps.each do |step| %>
-          <tr data-id="<%= step.id %>">
-            <td>
-              <%= link_to translated_attribute(step.title), participatory_process_step_path(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>
-              <%= humanize_boolean step.active? %>
-            </td>
-            <td class="actions">
-              <%= link_to t("actions.edit", scope: "decidim.admin"), edit_participatory_process_step_path(participatory_process, step) if can? :update, step %>
-              <% if can?(:activate, step) && !step.active? %>
-                <%= link_to t("actions.activate", scope: "decidim.admin"), participatory_process_step_activate_path(participatory_process, step), method: :post, class: "small button secondary" %>
-              <% end %>
-              <%= link_to t("actions.destroy", scope: "decidim.admin"), participatory_process_step_path(participatory_process, step), method: :delete, class: "small alert button", data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } if can? :destroy, step %>
-            </td>
-          </tr>
-        <% end %>
-      </tbody>
-    </table>
-  <% end %>
-</section>
+                  <% if can? :destroy, step %>
+                    <%= icon_link_to "circle-x", participatory_process_step_path(participatory_process, step), t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+                  <% end %>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      <% end %>
+    </div>
+  </div>
+</div>

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

@@ -1,9 +1,8 @@
-<h3><%= t ".title" %></h3>
+<%= decidim_form_for(@form, html: { class: "form new_participatory_process_step" }) do |f| %>
+  <%= render partial: 'form', object: f, locals: { title: t('.title') } %>
 
-<%= decidim_form_for(@form) do |f| %>
-  <%= render partial: 'form', object: f %>
-
-  <div class="actions">
+  <div class="button--double form-general-submit">
     <%= f.submit t(".create") %>
   </div>
 <% end %>
+ 

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

@@ -0,0 +1,23 @@
+<div class="card">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= title %>
+    </h2>
+  </div>
+
+  <div class="card-section">
+    <div class="row">
+      <div class="columns xlarge-4">
+        <%= form.text_field :name, readonly: @form.persisted? %>
+      </div>
+      <div class="columns xlarge-4">
+        <%= form.email_field :email, readonly: @form.persisted? %>
+      </div>
+      <div class="columns xlarge-4">
+        <%= form.label :role %>
+        <%= select :participatory_process_user_role, :role, Decidim::Admin::ParticipatoryProcessUserRole::ROLES, include_blank: false %>
+      </div>
+    </div>
+
+  </div>
+</div>

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

@@ -0,0 +1,7 @@
+  <%= decidim_form_for(@form, url: participatory_process_user_role_path(@user_role.participatory_process, @user_role), html: { class: "form edit_participatory_process_user_roles" }) do |f| %>
+    <%= render partial: 'form', object: f, locals: { title: t('.title') } %>
+
+    <div class="button--double form-general-submit">
+    <%= f.submit t(".update") %>
+    </div>
+  <% end %>

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

@@ -1,37 +1,49 @@
-<section id="process_admins">
-  <h3><%= t(".process_admins_title", scope: "decidim.admin") %></h3>
-  <table class="stack">
-    <thead>
-      <tr>
-        <th><%= t("models.participatory_process_user_role.fields.email", scope: "decidim.admin") %></th>
-        <th class="actions"><%= t("actions.title", scope: "decidim.admin") %></th>
-      </tr>
-    </thead>
-    <tbody>
-      <% process_admin_roles.each do |role| %>
-        <tr>
-          <td>
-            <%= role.user.email %><br />
-          </td>
-          <td class="actions">
-            <%= link_to t("actions.destroy", scope: "decidim.admin"), participatory_process_user_role_path(participatory_process, role), method: :delete, class: "small alert button", data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } if can? :destroy, role %>
-          </td>
-        </tr>
+<div class='card' id="process_admins">
+  <div class="card-divider">
+    <h2 class="card-title">
+      <%= t(".process_admins_title", scope: "decidim.admin") %>
+      <% if can? :create, Decidim::Admin::ParticipatoryProcessUserRole %>
+         <%= link_to t("actions.new", scope: "decidim.admin", name: t("models.participatory_process_user_role.name", scope: "decidim.admin")), new_participatory_process_user_role_path(participatory_process), class: 'button tiny button--title new' %>
       <% end %>
-    </tbody>
-  </table>
+    </h2>
+  </div>
 
-  <%= decidim_form_for :participatory_process_user_role, url: participatory_process_user_roles_path(participatory_process) do |form| %>
-    <div class="field">
-      <%= form.text_field :name %>
-    </div>
-    <div class="field">
-      <%= form.email_field :email %>
-    </div>
-    <div class="field">
-      <%= form.label :roles %>
-      <%= select :participatory_process_user_role, :role, Decidim::Admin::ParticipatoryProcessUserRole::ROLES, include_blank: false %>
+  <div class="card-section">
+    <div class="table-scroll">
+      <table class="stack">
+        <thead>
+          <tr>
+            <th><%= t("models.participatory_process_user_role.fields.name", scope: "decidim.admin") %></th>
+            <th><%= t("models.participatory_process_user_role.fields.email", scope: "decidim.admin") %></th>
+            <th><%= t("models.participatory_process_user_role.fields.role", scope: "decidim.admin") %></th>
+            <th class="actions"></th>
+          </tr>
+        </thead>
+        <tbody>
+          <% process_admin_roles.each do |role| %>
+            <tr>
+              <td>
+                <%= role.user.name %><br />
+              </td>
+              <td>
+                <%= role.user.email %><br />
+              </td>
+              <td>
+                <%= t(".#{role.role}", scope: "decidim.admin") %><br />
+              </td>
+              <td class="table-list__actions">
+                <% if can? :update, role %>
+                  <%= icon_link_to "pencil", edit_participatory_process_user_role_path(participatory_process, role), t("actions.edit", scope: "decidim.admin"), class: "action-icon--edit" %>
+                <% end %>
+
+                <% if can? :destroy, role %>
+                  <%= icon_link_to "circle-x", participatory_process_user_role_path(participatory_process, role), t("actions.destroy", scope: "decidim.admin"), class: "action-icon--remove", method: :delete, data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+                <% end %>
+              </td>
+            </tr>
+          <% end %>
+        </tbody>
+      </table>
     </div>
-    <%= form.submit t("actions.create", scope: "decidim.admin") %>
-  <% end %>
-</section>
+  </div>
+</div>

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

@@ -0,0 +1,7 @@
+  <%= decidim_form_for(@form, html: { class: "form new_participatory_process_user_role" }) do |f| %>
+    <%= render partial: 'form', object: f, locals: { title: t('.title') } %>
+
+    <div class="button--double form-general-submit">
+      <%= f.submit t(".create") %>
+    </div>
+  <% end %>

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

@@ -1,73 +1,104 @@
-<div class="field">
-  <%= form.translated :text_field, :title, autofocus: true %>
-</div>
-
-<div class="field">
-  <%= form.translated :text_field, :subtitle %>
-</div>
-
-<div class="field">
-  <%= form.text_field :slug %>
-</div>
-
-<div class="field">
-  <%= form.text_field :hashtag %>
-</div>
-
-<div class="field">
-  <%= form.translated :editor, :short_description %>
-</div>
-
-<div class="field">
-  <%= form.translated :editor, :description, toolbar: :full, lines: 25 %>
-</div>
-
-<div class="field">
-  <%= form.file_field :hero_image %>
-</div>
-
-<div class="field">
-  <%= form.file_field :banner_image %>
-</div>
-
-<div class="field">
-  <%= form.check_box :promoted %>
-</div>
-
-<div class="field">
-  <%= form.date_field :end_date %>
-</div>
-
-<div class="field">
-  <%= form.translated :text_field, :meta_scope %>
-</div>
-
-<div class="field">
-  <%= form.translated :text_field, :developer_group %>
-</div>
-
-<div class="field">
-  <%= form.translated :text_field, :local_area %>
-</div>
-
-<div class="field">
-  <%= form.translated :text_field, :target %>
-</div>
-
-<div class="field">
-  <%= form.translated :text_field, :participatory_scope %>
-</div>
-
-<div class="field">
-  <%= form.translated :text_field, :participatory_structure %>
-</div>
-
-<div class="field">
-  <%= form.collection_select :scope_id, organization_scopes, :id, :name %>
-</div>
-
-<div class="field">
-  <% if process_groups_for_select %>
-    <%= form.select :participatory_process_group_id, process_groups_for_select, prompt: I18n.t("decidim.participatory_processes.participatory_process_groups.none") %>
-  <% end %>
+<div class="card">
+  <div class="card-divider">
+    <h2 class="card-title"><%= t ".title" %></h2>
+  </div>
+
+  <div class="card-section">
+    <div class="row column">
+      <%= form.translated :text_field, :title, autofocus: true %>
+    </div>
+
+    <div class="row column">
+      <%= form.translated :text_field, :subtitle %>
+    </div>
+
+    <div class="row">
+      <div class="columns xlarge-6">
+        <%= form.text_field :slug %>
+      </div>
+
+      <div class="columns xlarge-6">
+        <%= form.text_field :hashtag %>
+      </div>
+    </div>
+
+    <div class="row column">
+      <%= form.check_box :promoted %>
+    </div>
+
+    <div class="row column">
+      <%= form.translated :editor, :short_description %>
+    </div>
+
+    <div class="row column">
+      <%= form.translated :editor, :description, toolbar: :full, lines: 25 %>
+    </div>
+
+    <div class="row">
+      <div class="columns xlarge-6">
+        <%= form.file_field :hero_image %>
+        <% if @participatory_process && @participatory_process.hero_image.present? %>
+          <label><%= t('.current_image') %></label>
+          <%= image_tag @participatory_process.hero_image.url %>
+          <label><%= t('.url') %></label>
+          <%= link_to @participatory_process.hero_image.url, @participatory_process.hero_image.url, target: "_blank" %>
+        <% end %>
+      </div>
+
+      <div class="columns xlarge-6">
+        <%= form.file_field :banner_image %>
+        <% if @participatory_process && @participatory_process.banner_image.present? %>
+          <label><%= t('.current_image') %></label>
+          <%= image_tag @participatory_process.banner_image.url %>
+          <label><%= t('.url') %></label>
+          <%= link_to @participatory_process.banner_image.url, @participatory_process.banner_image.url, target: "_blank" %>
+        <% end %>
+      </div>
+    </div>
+
+
+    <div class="row">
+      <div class="columns xlarge-6">
+        <%= form.date_field :end_date %>
+      </div>
+
+      <div class="columns xlarge-6">
+        <%= form.translated :text_field, :meta_scope %>
+      </div>
+    </div>
+
+    <div class="row">
+      <div class="columns xlarge-6">
+        <%= form.translated :text_field, :developer_group %>
+      </div>
+
+      <div class="columns xlarge-6">
+        <%= form.translated :text_field, :local_area %>
+      </div>
+    </div>
+
+    <div class="row">
+      <div class="columns xlarge-6">
+        <%= form.translated :text_field, :target %>
+      </div>
+
+      <div class="columns xlarge-6">
+        <%= form.collection_select :scope_id, organization_scopes, :id, :name %>
+      </div>
+    </div>
+
+    <div class="row column">
+      <%= form.translated :text_field, :participatory_scope %>
+    </div>
+
+    <div class="row column">
+      <%= form.translated :text_field, :participatory_structure %>
+    </div>
+
+    <div class="row column">
+      <% if process_groups_for_select %>
+        <%= form.select :participatory_process_group_id, process_groups_for_select, prompt: I18n.t("decidim.participatory_processes.participatory_process_groups.none") %>
+      <% end %>
+    </div>
+  </div>
 </div>