index.html.erb in decidim-admin-0.0.7

- old
+ new
@@ -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 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? :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 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>
\ No newline at end of file