decidim-term_customizer 0.16.6 → 0.17.0

data/app/forms/decidim/term_customizer/admin/translations_import_form.rb

@@ -0,0 +1,48 @@
+# frozen_string_literal: true
+
+module Decidim
+  module TermCustomizer
+    module Admin
+      # A form object to be used when admin users want to import a collection of proposals
+      # from a participatory text.
+      class TranslationsImportForm < Decidim::Form
+        ACCEPTED_MIME_TYPES = Decidim::TermCustomizer::Import::Readers::ACCEPTED_MIME_TYPES
+        MIME_TYPE_ZIP = "application/zip"
+
+        mimic :translations_import
+
+        attribute :file
+
+        validates :file, presence: true
+        validate :accepted_mime_type
+
+        def file_path
+          file&.path
+        end
+
+        def mime_type
+          file&.content_type
+        end
+
+        def zip_file?
+          mime_type == MIME_TYPE_ZIP
+        end
+
+        def accepted_mime_type
+          accepted_mime_types = ACCEPTED_MIME_TYPES.values + [MIME_TYPE_ZIP]
+          return if accepted_mime_types.include?(mime_type)
+
+          errors.add(
+            :file,
+            I18n.t(
+              "activemodel.errors.models.translations_import.attributes.file.invalid_mime_type",
+              valid_mime_types: ACCEPTED_MIME_TYPES.keys.map do |m|
+                I18n.t("decidim.term_customizer.admin.translations.new_import.accepted_mime_types.#{m}")
+              end.join(", ")
+            )
+          )
+        end
+      end
+    end
+  end
+end

data/app/helpers/decidim/term_customizer/admin/translations_helper.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module Decidim
+  module TermCustomizer
+    module Admin
+      module TranslationsHelper
+        # Public: A formatted collection of mime_type to be used
+        # in forms.
+        def mime_types
+          types = ""
+          accepted_mime_types = Decidim::TermCustomizer::Import::Readers::ACCEPTED_MIME_TYPES.keys
+          accepted_mime_types.each_with_index do |mime_type, index|
+            types += t(".accepted_mime_types.#{mime_type}")
+            types += ", " unless accepted_mime_types.length == index + 1
+          end
+          types
+        end
+      end
+    end
+  end
+end

data/app/jobs/decidim/term_customizer/admin/export_job.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Decidim
+  module TermCustomizer
+    module Admin
+      class ExportJob < ApplicationJob
+        queue_as :default
+
+        def perform(user, set, name, format)
+          export_data = Decidim::Exporters.find_exporter(format).new(
+            set.translations, TranslationSerializer
+          ).export
+
+          ExportMailer.export(user, name, export_data).deliver_now
+        end
+      end
+    end
+  end
+end

data/app/permissions/decidim/term_customizer/admin/permissions.rb

@@ -20,6 +20,7 @@ module Decidim
 
           allowed_translation_set_action?
           allowed_translation_action?
+          allowed_translation_bulk_action?
 
           permission_action
         end
@@ -40,7 +41,7 @@ module Decidim
           case permission_action.action
           when :create, :read
             allow!
-          when :update, :destroy
+          when :update, :destroy, :import, :export
             toggle_allow(translation_set.present?)
           end
         end
@@ -56,6 +57,15 @@ module Decidim
           end
         end
 
+        def allowed_translation_bulk_action?
+          return unless permission_action.subject == :translations
+
+          case permission_action.action
+          when :destroy
+            toggle_allow(translation_set.present?)
+          end
+        end
+
         def read_admin_dashboard_action?
           permission_action.action == :read &&
             permission_action.subject == :admin_dashboard

data/app/views/decidim/term_customizer/admin/add_translations/index.html.erb

@@ -1,12 +1,32 @@
 <div class="card" id="add-translations-search">
   <div class="card-divider">
-    <h2 class="card-title">
-      <%= t "decidim.admin.titles.translations" %>
+    <h2 class="card-title flex--sbc">
+      <div>
+        <%= link_to t("decidim.term_customizer.menu.term_customizer"), root_path %>
+        &gt;
+        <%= link_to translated_attribute(set.name), translation_set_translations_path(set) %>
+        &gt;
+        <%= t "decidim.term_customizer.admin.titles.add_multiple_translations" %>
 
-      <%= link_to t("actions.back", scope: "decidim.admin"), translation_set_translations_path(set), class: "button tiny button--title" %>
+        <a data-toggle="help-panel" class="label secondary">
+          <%= icon("info") %>
+          <%= t("actions.help", scope: "decidim.term_customizer.admin") %>
+        </a>
+      </div>
+
+      <div class="flex--cc flex-gap--1">
+        <div id="js-other-actions-wrapper">
+          <%= link_to t("actions.back", scope: "decidim.term_customizer.admin"), translation_set_translations_path(set), class: "button hollow tiny button--simple" %>
+        </div>
+      </div>
     </h2>
   </div>
   <div class="card-section">
+    <div id="help-panel" class="callout help-text hide" data-toggler=".hide">
+      <p><strong><%= t ".help_title" %></strong></p>
+      <%= t ".help_html", button_name: t(".add") %>
+    </div>
+
     <div class="filters row">
       <div class="column medium-4">
         <%= form_tag search_translation_set_add_translations_path, method: :get do %>
@@ -29,7 +49,7 @@
               <td>{{translation_key}}</td>
               <td>{{translation_term}}</td>
               <td>
-                <input type="hidden" name="keys[]" value="{{translation_key}}">
+                <input type="hidden" name="keys[]" value="{{translation_key}}" />
                 <%= icon_link_to "circle-x", "#", t("actions.destroy", scope: "decidim.admin"), class: "remove-translation-key action-icon--remove" %>
               </td>
             </tr>
@@ -38,8 +58,8 @@
           <table class="table-list">
             <thead>
               <tr>
-                <th><%= t("models.translations.fields.key", scope: "decidim.admin") %></th>
-                <th><%= t("models.translations.fields.term", scope: "decidim.admin") %></th>
+                <th><%= t("models.translations.fields.key", scope: "decidim.term_customizer.admin") %></th>
+                <th><%= t("models.translations.fields.term", scope: "decidim.term_customizer.admin") %></th>
                 <th></th>
               </tr>
             </thead>

data/app/views/decidim/term_customizer/admin/translation_sets/_form.html.erb

@@ -1,9 +1,33 @@
 <div class="card">
   <div class="card-divider">
-    <h2 class="card-title"><%= t "translation_sets.form.title", scope: "decidim.term_customizer.admin" %></h2>
+    <h2 class="card-title flex--sbc">
+      <div>
+        <%= link_to t("decidim.term_customizer.menu.term_customizer"), root_path %>
+        &gt;
+        <%= t "translation_sets.form.title", scope: "decidim.term_customizer.admin" %>
+
+        <a data-toggle="help-panel" class="label secondary">
+          <%= icon("info") %>
+          <%= t("actions.help", scope: "decidim.term_customizer.admin") %>
+        </a>
+      </div>
+
+      <div class="flex--cc flex-gap--1">
+        <div id="js-other-actions-wrapper">
+          <%= link_to t("actions.back", scope: "decidim.term_customizer.admin"), root_path, class: "button hollow tiny button--simple" %>
+        </div>
+      </div>
+    </h2>
   </div>
 
   <div class="card-section">
+    <div id="help-panel" class="callout help-text hide" data-toggler=".hide">
+      <p><strong><%= t ".help_title" %></strong></p>
+      <%= t ".help_html" %>
+      <p><strong><%= t ".constraint_help_title" %></strong></p>
+      <%= t ".constraint_help_html" %>
+    </div>
+
     <div class="row column">
       <%= form.translated :text_field, :name, autofocus: true %>
     </div>

data/app/views/decidim/term_customizer/admin/translation_sets/index.html.erb

@@ -2,53 +2,59 @@
   <div class="card-divider">
     <h2 class="card-title flex--sbc">
       <div>
-        <%= t "decidim.admin.titles.translation_sets" %>
+        <%= t "decidim.term_customizer.admin.titles.translation_sets" %>
       </div>
 
       <div class="flex--cc flex-gap--1">
         <div id="js-other-actions-wrapper">
           <% if allowed_to? :create, :translation_set %>
-            <%= link_to t("actions.new_translation_set", scope: "decidim.admin"), new_translation_set_path, class: "button tiny button--simple" %>
+            <%= link_to t("actions.new_translation_set", scope: "decidim.term_customizer.admin"), new_translation_set_path, class: "button tiny button--simple" %>
           <% end %>
           <% if allowed_to? :update, :organization %>
-            <%= link_to t("actions.clear_cache", scope: "decidim.admin"), clear_caches_path, method: :delete, class: "button tiny button--simple", data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+            <%= link_to t("actions.clear_cache", scope: "decidim.term_customizer.admin"), clear_caches_path, method: :delete, class: "button tiny button--simple", data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
           <% end %>
         </div>
       </div>
     </h2>
   </div>
   <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.translation_sets.fields.name", scope: "decidim.admin") %></th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% @sets.each do |set| %>
+    <% if @sets.count > 0 %>
+      <div class="table-scroll">
+        <table class="table-list">
+          <thead>
             <tr>
-              <td>
-                <% if allowed_to? :read, :translation %>
-                  <%= link_to translated_attribute(set.name), translation_set_translations_path(set) %><br />
-                <% else %>
-                  <%= translated_attribute(set.name) %>
-                <% end %>
-              </td>
-              <td class="table-list__actions">
-                <% if allowed_to? :update, :translation_set, translation_set: set %>
-                  <%= icon_link_to "pencil", edit_translation_set_path(set), t("actions.configure", scope: "decidim.admin"), class: "action-icon--new" %>
-                <% end %>
-
-                <% if allowed_to? :destroy, :translation_set, translation_set: set %>
-                  <%= icon_link_to "circle-x", translation_set_path(set), t("actions.destroy", scope: "decidim.admin"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-                <% end %>
-              </td>
+              <th><%= t("models.translation_sets.fields.name", scope: "decidim.term_customizer.admin") %></th>
+              <th></th>
             </tr>
-          <% end %>
-        </tbody>
-      </table>
-    </div>
+          </thead>
+          <tbody>
+            <% @sets.each do |set| %>
+              <tr>
+                <td>
+                  <% if allowed_to? :read, :translation %>
+                    <%= link_to translated_attribute(set.name), translation_set_translations_path(set) %><br />
+                  <% else %>
+                    <%= translated_attribute(set.name) %>
+                  <% end %>
+                </td>
+                <td class="table-list__actions">
+                  <% if allowed_to? :update, :translation_set, translation_set: set %>
+                    <%= icon_link_to "pencil", edit_translation_set_path(set), t("actions.configure", scope: "decidim.admin"), class: "action-icon--new" %>
+                  <% end %>
+
+                  <% if allowed_to? :destroy, :translation_set, translation_set: set %>
+                    <%= icon_link_to "circle-x", translation_set_path(set), t("actions.destroy", scope: "decidim.admin"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+                  <% end %>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+      </div>
+    <% else %>
+      <div class="text-center">
+        <%= t ".no_records_html", new_set_link: new_translation_set_path, button_name: t("decidim.term_customizer.admin.actions.new_translation_set") %>
+      </div>
+    <% end %>
   </div>
 </div>

data/app/views/decidim/term_customizer/admin/translations/_export_dropdown.html.erb

@@ -0,0 +1,8 @@
+<span class="exports dropdown tiny button button--simple" data-toggle="export-dropdown"><%= t "actions.export", scope: "decidim.admin" %></span>
+<div class="dropdown-pane" id="export-dropdown" data-dropdown data-position=bottom data-alignment=right data-auto-focus="true" data-close-on-click="true">
+  <ul class="vertical menu add-components">
+    <% %w{CSV JSON Excel}.each do |format| %>
+      <li class="exports--format--<%= format.downcase %> exports--translations"><%= link_to t("decidim.admin.exports.export_as", name: t("decidim.term_customizer.admin.titles.translations"), export_format: format.upcase), export_translation_set_path(set, format: format), method: :post %></li>
+    <% end %>
+  </ul>
+</div>

data/app/views/decidim/term_customizer/admin/translations/_form.html.erb

@@ -1,9 +1,35 @@
 <div class="card">
   <div class="card-divider">
-    <h2 class="card-title"><%= t "translations.form.title", scope: "decidim.term_customizer.admin" %></h2>
+    <h2 class="card-title flex--sbc">
+      <div>
+        <%= link_to t("decidim.term_customizer.menu.term_customizer"), root_path %>
+        &gt;
+        <%= link_to translated_attribute(set.name), translation_set_translations_path(set) %>
+        &gt;
+        <%= t "translations.form.title", scope: "decidim.term_customizer.admin" %>
+
+        <a data-toggle="help-panel" class="label secondary">
+          <%= icon("info") %>
+          <%= t("actions.help", scope: "decidim.term_customizer.admin") %>
+        </a>
+      </div>
+
+      <div class="flex--cc flex-gap--1">
+        <div id="js-other-actions-wrapper">
+          <%= link_to t("actions.back", scope: "decidim.term_customizer.admin"), translation_set_translations_path(set), class: "button hollow tiny button--simple" %>
+        </div>
+      </div>
+    </h2>
   </div>
 
   <div class="card-section">
+    <div id="help-panel" class="callout help-text hide" data-toggler=".hide">
+      <p><strong><%= t ".help_title" %></strong></p>
+      <%= t ".help_html" %>
+      <p><strong><%= t ".term_help_title" %></strong></p>
+      <%= t ".term_help_html" %>
+    </div>
+
     <div class="row column">
       <%= form.text_field :key, autofocus: true %>
     </div>

data/app/views/decidim/term_customizer/admin/translations/bulk_actions/_destroy.html.erb

@@ -0,0 +1,13 @@
+<div id="js-destroy-translations-actions" class="hide js-bulk-action-form">
+  <%= form_tag(translation_set_translations_destroy_path(set), method: :delete, id: "js-form-destroy-translations", class: "flex--cc flex-gap--1") do %>
+    <div class="checkboxes hide">
+      <% translations.each do |translation| %>
+        <%= check_box_tag "translation_ids[]", translation.id, false, class: "js-check-all-translation js-translation-id-#{translation.id}" %>
+      <% end %>
+    </div>
+
+    <%= submit_tag(t("actions.destroy", scope: "decidim.admin"), id: "js-submit-destroy-translations", class: "button small button--simple float-left") %>
+
+    <button id="js-cancel-destroy-translations" class="button tiny clear compact js-cancel-bulk-action" type="button"><%= t("decidim.term_customizer.admin.actions.cancel") %></button>
+  <% end %>
+</div>

data/app/views/decidim/term_customizer/admin/translations/bulk_actions/_dropdown.html.erb

@@ -0,0 +1,26 @@
+<div id="js-bulk-actions-wrapper">
+  <button
+    id="js-bulk-actions-button"
+    class="button button--nomargin tiny success light dropdown"
+    type="button"
+    data-toggle="js-bulk-actions-dropdown">
+    <%= t("decidim.term_customizer.admin.translations.index.actions") %>
+  </button>
+
+  <div
+    id="js-bulk-actions-dropdown"
+    class="dropdown-pane"
+    data-position="bottom"
+    data-alignment="right"
+    data-dropdown="dropdown"
+    data-auto-focus="false"
+    data-events="resize">
+    <ul class="list-reset">
+      <li>
+        <button type="button" data-action="destroy-translations">
+          <%= t("actions.destroy", scope: "decidim.admin") %>
+        </button>
+      </li>
+    </ul>
+  </div>
+</div>

data/app/views/decidim/term_customizer/admin/translations/index.html.erb

@@ -2,56 +2,84 @@
   <div class="card-divider">
     <h2 class="card-title flex--sbc">
       <div>
-        <%= t "decidim.admin.titles.translations" %>
+        <%= link_to t("decidim.term_customizer.menu.term_customizer"), root_path %>
+        &gt;
+        <%= translated_attribute(set.name) %>
+
+        <span id="js-selected-proposals-count" class="component-counter component-counter--inline" title="<%= t("decidim.term_customizer.admin.translations.index.selected") %>"></span>
       </div>
 
       <div class="flex--cc flex-gap--1">
+        <%= render partial: "decidim/term_customizer/admin/translations/bulk_actions/dropdown" %>
+
         <div id="js-other-actions-wrapper">
           <% if allowed_to? :create, :translation %>
-            <%= link_to t("actions.add_multiple_translations", scope: "decidim.admin"), translation_set_add_translations_path(set), class: "button tiny button--simple" %>
-            <%= link_to t("actions.new_translation", scope: "decidim.admin"), new_translation_set_translation_path(set), class: "button tiny button--simple" %>
+            <%= link_to t("actions.add_multiple_translations", scope: "decidim.term_customizer.admin"), translation_set_add_translations_path(set), class: "button tiny button--simple" %>
+            <%= link_to t("actions.new_translation", scope: "decidim.term_customizer.admin"), new_translation_set_translation_path(set), class: "button tiny button--simple" %>
+          <% end %>
+          <% if allowed_to? :import, :translation_set, translation_set: set %>
+            <%= link_to t("actions.import", scope: "decidim.term_customizer.admin"), import_translation_set_translations_path(set), class: "button tiny button--simple" %>
+          <% end %>
+          <% if allowed_to? :export, :translation_set, translation_set: set %>
+            <%= render partial: "export_dropdown" %>
           <% end %>
         </div>
+
+        <%= render partial: "decidim/term_customizer/admin/translations/bulk_actions/destroy" %>
       </div>
     </h2>
   </div>
   <div class="card-section">
-    <div class="table-scroll">
-      <table class="table-list">
-        <thead>
-          <tr>
-            <th><%= t("models.translations.fields.key", scope: "decidim.admin") %></th>
-            <th><%= t("models.translations.fields.original_term", scope: "decidim.admin") %></th>
-            <th><%= t("models.translations.fields.term", scope: "decidim.admin") %></th>
-            <th></th>
-          </tr>
-        </thead>
-        <tbody>
-          <% @translations.each do |translation| %>
+    <% if @translations.count > 0 %>
+      <div class="table-scroll">
+        <table class="table-list">
+          <thead>
             <tr>
-              <td>
-                <%= translation.key %>
-              </td>
-              <td>
-                <%= @directory.translations.term(translation.key) %>
-              </td>
-              <td>
-                <%= translation.value %>
-              </td>
-              <td class="table-list__actions">
-                <% if allowed_to? :update, :translation, translation: translation %>
-                  <%= icon_link_to "pencil", edit_translation_set_translation_path(set, translation), t("actions.configure", scope: "decidim.admin"), class: "action-icon--new" %>
-                <% end %>
-
-                <% if allowed_to? :destroy, :translation, translation: translation %>
-                  <%= icon_link_to "circle-x", translation_set_translation_path(set, translation), t("actions.destroy", scope: "decidim.admin"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
-                <% end %>
-              </td>
+              <th>
+                <%= check_box_tag "translations_bulk", "all", false, class: "js-check-all" %>
+              </th>
+              <th><%= t("models.translations.fields.key", scope: "decidim.term_customizer.admin") %></th>
+              <th><%= t("models.translations.fields.original_term", scope: "decidim.term_customizer.admin") %></th>
+              <th><%= t("models.translations.fields.term", scope: "decidim.term_customizer.admin") %></th>
+              <th></th>
             </tr>
-          <% end %>
-        </tbody>
-      </table>
-      <%= paginate @translations, theme: "decidim" %>
-    </div>
+          </thead>
+          <tbody>
+            <% @translations.each do |translation| %>
+              <tr>
+                <td>
+                  <%= check_box_tag "translation_ids_s[]", translation.id, false, class: "js-check-all-translation js-translation-list-check  js-translation-id-#{translation.id}" %><br />
+                </td>
+                <td>
+                  <%= translation.key %>
+                </td>
+                <td>
+                  <%= @directory.translations.term(translation.key) %>
+                </td>
+                <td>
+                  <%= translation.value %>
+                </td>
+                <td class="table-list__actions">
+                  <% if allowed_to? :update, :translation, translation: translation %>
+                    <%= icon_link_to "pencil", edit_translation_set_translation_path(set, translation), t("actions.configure", scope: "decidim.admin"), class: "action-icon--new" %>
+                  <% end %>
+
+                  <% if allowed_to? :destroy, :translation, translation: translation %>
+                    <%= icon_link_to "circle-x", translation_set_translation_path(set, translation), t("actions.destroy", scope: "decidim.admin"), method: :delete, class: "action-icon--remove", data: { confirm: t("actions.confirm_destroy", scope: "decidim.admin") } %>
+                  <% end %>
+                </td>
+              </tr>
+            <% end %>
+          </tbody>
+        </table>
+        <%= paginate @translations, theme: "decidim" %>
+      </div>
+    <% else %>
+      <div class="text-center">
+        <%= t ".no_records_html", add_multiple_link: translation_set_add_translations_path(set), button_name: t("decidim.term_customizer.admin.actions.add_multiple_translations") %>
+      </div>
+    <% end %>
   </div>
 </div>
+
+<%= javascript_include_tag "decidim/term_customizer/admin/translations_admin_bulk" %>