decidim-admin 0.29.1 → 0.30.0.rc1

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

@@ -0,0 +1,87 @@
+<% add_decidim_page_title(t(".title", taxonomy_name: translated_attribute(taxonomy.name))) %>
+
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title", taxonomy_name: translated_attribute(taxonomy.name)) %>
+    <%= link_to :back, class: "button button__transparent-secondary button__sm" do %>
+      <%= t(".back") %>
+    <% end %>
+  </h1>
+</div>
+
+<div class="item__edit-form">
+  <%= decidim_form_for(@form, html: { class: "form-defaults form edit_taxonomy_" }) do |f| %>
+    <%= render partial: "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 class="item__edit-form">
+  <h2 class="item_show__header-title mb-4">
+    <%= t(".subtitle", taxonomy_name: translated_attribute(taxonomy.name)) %>
+    <%= link_to t(".new_item"), new_taxonomy_item_path(taxonomy), id: "new-item", class: "js-drawer-editor button button__sm button__secondary new" %>
+  </h2>
+
+  <% if collection.any? %>
+    <%= render "filters" %>
+
+    <% if @taxonomies.any? %>
+      <p class="help-text mt-4"><%= t(".description") %></p>
+      <%= render "table", collection: @taxonomies %>
+    <% else %>
+      <p class="mt-8"><%= t("no_items_found", scope: "decidim.admin.taxonomies.index") %></p>
+    <% end %>
+  <% else %>
+    <p class="mt-8"><%= t(".no_items") %></p>
+  <% end %>
+</div>
+
+<%= decidim_drawer id: "item-form" do %>
+  <div data-dialog-container class="layout-content"></div>
+<% end %>
+
+<script>
+  document.addEventListener("decidim:loaded", function() {
+    var drawer = window.Decidim.currentDialogs["item-form"];
+    var drawerButtons = document.querySelectorAll(".js-drawer-editor");
+    var container = drawer.dialog.querySelector("[data-dialog-container]");
+
+    function setDrawerContent(content) {
+      container.innerHTML = content;
+
+      var form = container.querySelector("#taxonomy-item-form");
+      if(!form) {
+        return location.reload();
+      }
+      window.initFoundation(container);
+
+      form.addEventListener("ajax:beforeSend", function(evt) {
+        form.classList.add("spinner-container");
+      });
+
+      form.addEventListener("ajax:success", function(evt) {
+        var [data, _status, xhr] = event.detail;
+        if(xhr.responseURL.indexOf(location.pathname) > -1) {
+          location.href = xhr.responseURL;
+        } else {
+          setDrawerContent(data.body.innerHTML)
+        }
+      });
+    }
+
+    drawerButtons.forEach(function(button) {
+      button.addEventListener("click", function(evt) {
+        evt.preventDefault();
+        container.innerHTML = '<div class="spinner-container">&nbsp;</div>';
+        fetch(button.getAttribute("href"))
+          .then(function(response) { return response.text() })
+          .then(function(html) { setDrawerContent(html) });
+        drawer.open();
+      });
+    });
+  });
+</script>

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

@@ -0,0 +1,28 @@
+<% add_decidim_page_title(t("taxonomies", scope: "decidim.admin.titles")) %>
+
+<div class="card" aria-labelledby="taxonomies-title">
+  <div class="item_show__header">
+    <div class="w-full">
+      <h1 class="item_show__header-title" id="taxonomies-title">
+        <%= t "decidim.admin.titles.taxonomies" %>
+        <% if allowed_to? :create, :taxonomy %>
+          <%= link_to t(".new_taxonomy"), new_taxonomy_path, class: "button button__sm button__secondary new" %>
+        <% end %>
+      </h1>
+      <p class="mt-2 text-gray-600">
+        <%= t(".description") %>
+      </p>
+    </div>
+  </div>
+  <% if collection.any? %>
+    <%= render "filters" %>
+
+    <% if @taxonomies.any? %>
+      <%= render "table", collection: @taxonomies if @taxonomies %>
+    <% else %>
+      <p><%= t(".no_items_found") %></p>
+    <% end %>
+  <% else %>
+    <p><%= t("decidim.admin.taxonomies.no_taxonomies") %></p>
+  <% end %>
+</div>

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

@@ -0,0 +1,16 @@
+<% 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-form">
+  <%= decidim_form_for(@form, url: taxonomies_path, html: { class: "form-defaults form new_taxonomy_" }) do |f| %>
+    <%= render partial: "form", object: f %>
+    <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>

data/app/views/decidim/admin/taxonomy_filters/_check_boxes.html.erb

@@ -0,0 +1,10 @@
+<%= form.collection_check_boxes :taxonomy_items, collection, :value, :name do |item| %>
+  <div>
+    <%= item.label { item.check_box(autocomplete: false) + item.text } %>
+  </div>
+  <% if item.object.children.any? %>
+    <div class="ml-4 js-taxonomy-children" data-parent="<%= item.object.value %>">
+      <%= render "decidim/admin/taxonomy_filters/check_boxes", form:, collection: item.object.children %>
+    </div>
+  <% end %>
+<% end %>

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

@@ -0,0 +1,96 @@
+<div class="form__wrapper">
+  <div class="card pt-4">
+    <div class="card-section">
+      <div class="row column">
+        <%= form.text_field :root_taxonomy_id, value: translated_attribute(root_taxonomy.name), disabled: true, class: "w-full" %>
+        <%= form.hidden_field :root_taxonomy_id %>
+      </div>
+    </div>
+    <div class="card-section">
+      <div class="row column">
+        <%= form.translated :text_field, :name, aria: { label: :name }, placeholder: translated_attribute(root_taxonomy.name), help_text: t(".name_help") %>
+      </div>
+      <div class="row column">
+        <%= form.translated :text_field, :internal_name, aria: { label: :internal_name }, placeholder: translated_attribute(root_taxonomy.name) %>
+      </div>
+    </div>
+  </div>
+
+  <div class="card">
+    <div class="card-section">
+      <% if root_taxonomy.children.any? %>
+        <div class="card-divider">
+          <h2><%= t(".items", count: "<strong class=\"js-filter-children-count\">#{root_taxonomy.all_children.count}</strong>").html_safe %></h2>
+        </div>
+
+        <div class="row column">
+          <div class="table-scroll half-vh">
+            <label><%= check_box_tag "selectAll" %> <%= t(".all") %></label>
+            <%= render "decidim/admin/taxonomy_filters/check_boxes", form:, collection: @form.items_collection %>
+          </div>
+        </div>
+      <% else %>
+        <div class="card-divider">
+          <h2><%= t(".no_items") %></h2>
+        </div>
+      <% end %>
+    </div>
+  </div>
+
+  <div class="card">
+    <div class="card-section">
+      <div class="card-divider">
+        <h2><%= t(".space_filter") %></h2>
+      </div>
+      <div class="row column">
+        <%= form.collection_check_boxes :participatory_space_manifests, @form.available_participatory_space_manifests, :id, :name do |b| %>
+          <div>
+            <%= b.label { b.check_box + b.text } %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+</div>
+
+<script>
+  document.addEventListener("DOMContentLoaded", function() {
+    var selectAll = document.querySelector("[name='selectAll']");
+    var checkBoxes = document.querySelectorAll("[type='checkbox'][name='taxonomy_filter[taxonomy_items][]']");
+    var notChecked = document.querySelectorAll("[type='checkbox'][name='taxonomy_filter[taxonomy_items][]']:not([checked])");
+    var count = document.querySelector(".js-filter-children-count");
+
+    var updateCounter = function() {
+      var checked = Array.from(checkBoxes).filter(function(checkbox) {
+        return checkbox.checked;
+      });
+      count.innerHTML = checked.length;
+    };
+
+    var toggleChildrenSelect = function(checkbox) {
+      var children = document.querySelectorAll(".js-taxonomy-children[data-parent='" + checkbox.value + "'] [type='checkbox'][name='taxonomy_filter[taxonomy_items][]']");
+      children.forEach(function(child) {
+        child.checked = checkbox.checked;
+        toggleChildrenSelect(child);
+      });
+      updateCounter();
+    }
+
+    selectAll.checked = notChecked.length === 0;
+    selectAll.addEventListener("change", function() {
+      checkBoxes.forEach(function(checkbox) {
+        checkbox.checked = selectAll.checked;
+      });
+      updateCounter();
+    });
+
+    checkBoxes.forEach(function(checkbox) {
+      checkbox.addEventListener("change", function() {
+        updateCounter();
+        toggleChildrenSelect(checkbox);
+      });
+    });
+
+    updateCounter();
+  });
+</script>

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

@@ -0,0 +1,33 @@
+<div class="table-scroll mt-8" role="table" aria-labelledby="taxonomies-title">
+  <table class="table-list">
+    <thead>
+      <tr role="row">
+        <th><%= t(".internal_name") %></th>
+        <th><%= t(".name") %></th>
+        <th><%= t(".components_count") %></th>
+        <th class="w-16"><%= t(".actions") %></th>
+      </tr>
+    </thead>
+    <tbody role="rowgroup">
+      <% collection.each do |taxonomy_filter| %>
+        <tr>
+          <td><%= translated_attribute(taxonomy_filter.internal_name) %></td>
+          <td><%= translated_attribute(taxonomy_filter.name) %></td>
+          <td><%= taxonomy_filter.components_count %></td>
+          <td>
+            <% if allowed_to? :update, :taxonomy_filter, taxonomy_filter: %>
+              <%= icon_link_to "pencil-line", edit_taxonomy_filter_path(root_taxonomy, taxonomy_filter), t(".edit"), class: "action-icon--edit" %>
+            <% else %>
+              <span class="action-space icon"></span>
+            <% end %>
+            <% if allowed_to? :destroy, :taxonomy_filter, taxonomy_filter: %>
+              <%= icon_link_to "delete-bin-line", taxonomy_filter_path(root_taxonomy, taxonomy_filter), t(".destroy"), class: "action-icon--remove", method: :delete, data: { confirm: t(".confirm_destroy", name: strip_tags(translated_attribute(taxonomy_filter.name))) } %>
+            <% else %>
+              <span class="action-space icon"></span>
+            <% end %>
+          </td>
+        </tr>
+      <% end %>
+    </tbody>
+  </table>
+</div>

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

@@ -0,0 +1,22 @@
+<% add_decidim_page_title(t(".title")) %>
+
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+    <%= link_to :back, class: "button button__transparent-secondary button__sm" do %>
+      <%= t(".back") %>
+    <% end %>
+  </h1>
+</div>
+
+<div class="item__edit-form">
+  <%= decidim_form_for(@form, url: taxonomy_filter_path(root_taxonomy, id: taxonomy_filter), html: { class: "form form-defaults new_taxonomy_filter_" }) do |f| %>
+    <%= render partial: "decidim/admin/taxonomy_filters/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>

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

@@ -0,0 +1,26 @@
+<% add_decidim_page_title(t("decidim.admin.titles.taxonomy_filters", taxonomy: translated_attribute(root_taxonomy.name))) %>
+
+<div class="card" aria-labelledby="taxonomy_filters-title">
+  <div class="item_show__header">
+    <div class="w-full">
+      <h1 class="item_show__header-title" id="taxonomy_filters-title">
+        <%= t("decidim.admin.titles.taxonomy_filters", taxonomy: translated_attribute(root_taxonomy.name)) %>
+        <% if allowed_to? :create, :taxonomy %>
+          <%= link_to t(".new_filter"), new_taxonomy_filter_path(root_taxonomy), class: "button button__sm button__secondary new" %>
+        <% end %>
+      </h1>
+
+      <p class="mt-2 text-gray-600">
+        <%= t(".description") %>
+      </p>
+    </div>
+  </div>
+
+  <div class="card-section p-4">
+    <% if collection.any? %>
+      <%= render "decidim/admin/taxonomy_filters/table" %>
+    <% else %>
+      <p><%= t(".empty") %></p>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,32 @@
+<% add_decidim_page_title(t(".title")) %>
+
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+    <%= link_to :back, class: "button button__transparent-secondary button__sm" do %>
+      <%= t(".back") %>
+    <% end %>
+  </h1>
+</div>
+
+<div class="item__edit-form">
+  <%= decidim_form_for(@form, url: taxonomy_filters_path(root_taxonomy), html: { class: "form form-defaults new_taxonomy_filter_" }) do |f| %>
+    <%= render partial: "decidim/admin/taxonomy_filters/form", object: f %>
+
+    <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", function() {
+    var selectAll = document.querySelector("[name='selectAll']");
+
+    // check all checkboxes on load
+    selectAll.checked = true;
+    selectAll.dispatchEvent(new Event("change"));
+  });
+</script>

data/app/views/decidim/admin/taxonomy_filters_selector/_check_boxes.html.erb

@@ -0,0 +1,7 @@
+<% taxonomy_items_options_for_filter(taxonomy_filter).each do |text, id| %>
+  <div class="ml-4">
+    <%= label_tag("checkbox-taxonomy-#{id}", style: "padding-left: #{text.split("&nbsp;").count / 5}em") do
+        check_box_tag("checkbox-taxonomy-#{id}", id, true, autocomplete: false, disabled: true) + text.gsub("&nbsp;", "")
+    end %>
+  </div>
+<% end %>

data/app/views/decidim/admin/taxonomy_filters_selector/_component_table.html.erb

@@ -0,0 +1,25 @@
+<table class="table-list w-full my-4">
+  <thead>
+    <tr>
+      <th><%= t("decidim.admin.taxonomy_filters.table.name") %></th>
+      <th><%= t("decidim.admin.taxonomy_filters.table.internal_name") %></th>
+      <th class="w-16"><%= t("decidim.admin.taxonomy_filters.table.actions") %></th>
+    </tr>
+  </thead>
+  <tbody>
+    <% component.available_taxonomy_filters.each do |taxonomy_filter| %>
+        <%= hidden_field_tag(field_name, taxonomy_filter.id) %>
+      <tr>
+        <td><%= taxonomy_filter.translated_name %></td>
+        <td><%= taxonomy_filter.translated_internal_name %></td>
+        <td>
+          <%= icon_link_to("pencil-line",
+                           decidim_admin.taxonomy_filters_selector_path(component_id: component.id, taxonomy_id: taxonomy_filter.root_taxonomy_id, taxonomy_filter_id: taxonomy_filter.id),
+                           t("decidim.admin.taxonomy_filters.table.edit"),
+                           class: "js-edit-taxonomy-filter",
+                           data: { drawer: "taxonomy_filters-dialog" }) %>
+        </td>
+      </tr>
+    <% end %>
+  </tbody>
+</table>

data/app/views/decidim/admin/taxonomy_filters_selector/_taxonomies_select.html.erb

@@ -0,0 +1,16 @@
+<%= form_with url: new_taxonomy_filters_selector_path, method: :get, local: false, id: "select-taxonomy-filter-form" do |form| %>
+  <div class="form__wrapper">
+    <%= hidden_field_tag :component_id, component.id %>
+    <div class="item__edit-form js-drawer-taxonomy-select">
+      <%= label_tag("available-taxonomies-filter", t(".taxonomies")) %>
+      <%= select_tag "taxonomy_id", options_from_collection_for_select(current_organization.taxonomies.roots, "id", "translated_name", root_taxonomy&.id), include_blank: t(".select_taxonomy") %>
+    </div>
+
+    <% if root_taxonomy %>
+      <div class="item__edit-form js-drawer-filter-select">
+        <%= label_tag("available-filters-filter", t(".filters")) %>
+        <%= select_tag "taxonomy_filter_id", options_from_collection_for_select(root_taxonomy.taxonomy_filters, "id", "translated_internal_name", taxonomy_filter&.id), include_blank: t(".select_filter") %>
+      </div>
+    <% end %>
+  </div>
+<% end %>

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

@@ -0,0 +1 @@
+<%= render "decidim/admin/taxonomy_filters_selector/taxonomies_select" %>

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

@@ -0,0 +1,27 @@
+<% content_for(:action_buttons) do %>
+  <% if taxonomy_filter %>
+    <%= button_tag class: "button button__secondary button__sm", id: "save-taxonomy-filter" do %>
+      <%= t(".save") %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<%= render "decidim/admin/taxonomy_filters_selector/taxonomies_select" %>
+
+<%= form_with url: taxonomy_filters_selector_index_path, method: :post, local: false, id: "save-taxonomy-filter-form" do |form| %>
+  <%= hidden_field_tag :component_id, component.id %>
+  <%= hidden_field_tag :taxonomy_id, root_taxonomy&.id %>
+  <%= hidden_field_tag :taxonomy_filter_id, taxonomy_filter&.id %>
+
+  <% if taxonomy_filter %>
+    <div class="card">
+      <h3 class="mb-4">
+        <strong><%= taxonomy_filter.translated_name %></strong>
+        <span class="float-right"><%= t(".items_count", count: taxonomy_filter.filter_items_count) %></span>
+      </h3>
+      <%= render "decidim/admin/taxonomy_filters_selector/check_boxes", collection: taxonomy_filter.taxonomies %>
+    </div>
+
+    <%= cell("decidim/announcement", t(".add_new_items_html", url: decidim_admin.taxonomy_filters_path(taxonomy_id: root_taxonomy, taxonomy_filter_id: taxonomy_filter))) %>
+  <% end %>
+<% end %>

data/app/views/decidim/admin/taxonomy_filters_selector/show.html.erb

@@ -0,0 +1,18 @@
+<% content_for(:action_buttons) do %>
+  <% if taxonomy_filter %>
+    <%= link_to decidim_admin.taxonomy_filters_selector_path(taxonomy_filter_id: taxonomy_filter.id, taxonomy_id: root_taxonomy.id, component_id: component.id), remote: true, method: :delete, class: "button button__transparent-secondary button__sm", id: "remove-taxonomy-filter" do %>
+      <%= t(".remove") %>
+    <% end %>
+  <% end %>
+<% end %>
+
+<h3 class="text-lg my-4"><%= root_taxonomy.translated_name %></h3>
+<h4 class="text-xl my-4"><%= taxonomy_filter.translated_internal_name %></h4>
+
+<div class="card">
+  <h3 class="mb-4">
+  <strong><%= taxonomy_filter.translated_name %></strong>
+  <span class="float-right"><%= t(".items_count", count: taxonomy_filter.filter_items_count) %></span>
+  </h3>
+  <%= render "decidim/admin/taxonomy_filters_selector/check_boxes", collection: taxonomy_filter.taxonomies %>
+</div>

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

@@ -0,0 +1,8 @@
+<%= display_flash_messages %>
+
+<div class="row column">
+  <%= form.translated :text_field, :item_name, autofocus: true, class: "js-hashtags", hashtaggable: true, aria: { label: :name } %>
+</div>
+<div class="row column">
+  <%= form.select :parent_id, options_for_select(parent_options, selected: selected_parent_id), {} %>
+</div>

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

@@ -0,0 +1,12 @@
+<div class="form__wrapper">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: taxonomy_item_path(taxonomy_id: taxonomy.id, id: taxonomy_item.id ), remote: true, html: { id: "taxonomy-item-form", class: "form-defaults form new_taxonomy_" }) do |f| %>
+      <h1>
+        <%= t ".title", taxonomy: translated_attribute(taxonomy.name) %>
+        <%= f.submit t(".update"), class: "button button__sm button__secondary" %>
+      </h1>
+
+      <%= render partial: "form", object: f %>
+    <% end %>
+  </div>
+</div>

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

@@ -0,0 +1,12 @@
+<div class="form__wrapper">
+  <div class="item__edit-form">
+    <%= decidim_form_for(@form, url: taxonomy_items_path(taxonomy), remote: true, html: { id: "taxonomy-item-form", class: "form-defaults form new_taxonomy_" }) do |f| %>
+      <h1>
+        <%= t ".title", taxonomy: translated_attribute(taxonomy.name) %>
+        <%= f.submit t(".create"), class: "button button__sm button__secondary" %>
+      </h1>
+
+      <%= render partial: "form", object: f %>
+    <% end %>
+  </div>
+</div>

data/app/views/layouts/decidim/admin/taxonomy_filters.html.erb

@@ -0,0 +1,17 @@
+<% content_for :breadcrumb_context_menu do %>
+  <div class="process-title-content-breadcrumb-container-right">
+    <% if allowed_to? :create, :taxonomy_filter %>
+      <%= link_to url_for(action: :new, controller: params[:controller]), class: "button button__sm button__transparent process-title-content-breadcrumb-container-right-link" do %>
+        <%= icon "add-line", class: "w-4 h-4" %>
+        <span>
+          <%= t("actions.new_taxonomy_filter", scope: "decidim.admin.taxonomy_filters") %>
+        </span>
+      <% end %>
+    <% end %>
+    <%= render partial: breadcrumb_manage_partial if breadcrumb_manage_partial.present? %>
+  </div>
+<% end %>
+
+<%= render "layouts/decidim/admin/application" do %>
+  <%= yield %>
+<% end %>

data/app/views/layouts/decidim/admin/taxonomy_filters_selector.html.erb

@@ -0,0 +1,10 @@
+<div class="item_show__header">
+  <h1 class="item_show__header-title">
+    <%= t(".title") %>
+    <%= yield(:action_buttons) %>
+  </h1>
+</div>
+
+<div class="form-defaults">
+  <%= yield %>
+</div>