decidim-participatory_documents 0.2.0

data/app/models/decidim/participatory_documents/suggestion.rb

@@ -0,0 +1,167 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ParticipatoryDocuments
+    class Suggestion < ApplicationRecord
+      include Decidim::Authorable
+      include Decidim::TranslatableResource
+      include Decidim::TranslatableAttributes
+      include Decidim::HasUploadValidations
+      include Decidim::Traceable
+      include Decidim::Loggable
+      include Decidim::AttachmentMethods
+
+      translatable_fields :body, :answer
+
+      has_one_attached :file
+
+      delegate :attached?, to: :file
+
+      delegate :organization, to: :suggestable, allow_nil: true
+      belongs_to :suggestable, polymorphic: true
+      has_many :valuation_assignments, class_name: "Decidim::ParticipatoryDocuments::ValuationAssignment",
+                                       foreign_key: "decidim_participatory_documents_suggestion_id", dependent: :destroy
+
+      delegate :participatory_space, :component, to: :suggestable, allow_nil: true
+
+      has_many :notes, class_name: "Decidim::ParticipatoryDocuments::SuggestionNote", dependent: :destroy, counter_cache: :suggestion_notes_count
+
+      scope :missing_answer, -> { where(answered_at: nil) }
+      scope :not_published, -> { where(answer_is_published: false) }
+
+      POSSIBLE_STATES = %w(not_answered evaluating accepted rejected withdrawn).freeze
+
+      POSSIBLE_STATES.each do |possible|
+        scope "state_not_#{possible}".to_sym, -> { where.not(state: possible) }
+        scope "state_#{possible}".to_sym, -> { where(state: possible) }
+
+        define_method(:"#{possible}?") do
+          state == possible.to_s
+        end
+        define_method(:"not_#{possible}?") do
+          state != possible.to_s
+        end
+      end
+
+      scope :having_text_answer, lambda {
+        field = Arel::Nodes::InfixOperation.new("->>", arel_table[:answer], Arel::Nodes.build_quoted(I18n.locale))
+        where(Arel::Nodes::InfixOperation.new("", field, Arel.sql("!= ''")))
+      }
+
+      def answered?
+        answered_at.present?
+      end
+
+      def has_answer?
+        translated_attribute(answer).present?
+      end
+
+      scope :sort_by_published_asc, lambda {
+        field = Arel::Nodes::InfixOperation.new("->>", arel_table[:answer], Arel::Nodes.build_quoted(I18n.locale))
+        order("answered_at ASC NULLS FIRST", Arel::Nodes::InfixOperation.new("", field, Arel.sql("ASC")))
+      }
+
+      scope :sort_by_published_desc, lambda {
+        field = Arel::Nodes::InfixOperation.new("->>", arel_table[:answer], Arel::Nodes.build_quoted(I18n.locale))
+        order("answered_at DESC NULLS LAST", Arel::Nodes::InfixOperation.new("", field, Arel.sql("DESC")))
+      }
+
+      scope :sort_by_suggestable_asc, lambda {
+        joins("LEFT JOIN decidim_participatory_documents_documents d ON suggestable_id = d.id and suggestable_type= 'Decidim::ParticipatoryDocuments::Document'")
+          .joins("LEFT JOIN decidim_participatory_documents_sections s ON suggestable_id = s.id and suggestable_type= 'Decidim::ParticipatoryDocuments::Section'")
+          .order(Arel.sql("#{sort_by_suggestable_title_query} ASC NULLS FIRST"))
+      }
+
+      scope :sort_by_suggestable_desc, lambda {
+        joins("LEFT JOIN decidim_participatory_documents_documents d ON suggestable_id = d.id and suggestable_type= 'Decidim::ParticipatoryDocuments::Document'")
+          .joins("LEFT JOIN decidim_participatory_documents_sections s ON suggestable_id = s.id and suggestable_type= 'Decidim::ParticipatoryDocuments::Section'")
+          .order(Arel.sql("#{sort_by_suggestable_title_query} DESC NULLS LAST"))
+      }
+
+      scope :sort_by_author_asc, lambda {
+        joins("LEFT JOIN decidim_users ON decidim_users.id = decidim_author_id").order("decidim_users.name asc")
+      }
+
+      scope :sort_by_author_desc, lambda {
+        joins("LEFT JOIN decidim_users ON decidim_users.id = decidim_author_id").order("decidim_users.name DESC")
+      }
+
+      def self.sort_by_translated_body_asc
+        field = Arel::Nodes::InfixOperation.new("->>", arel_table[:body], Arel::Nodes.build_quoted(I18n.locale))
+        order(Arel::Nodes::InfixOperation.new("", field, Arel.sql("ASC")))
+      end
+
+      def self.sort_by_translated_body_desc
+        field = Arel::Nodes::InfixOperation.new("->>", arel_table[:body], Arel::Nodes.build_quoted(I18n.locale))
+        order(Arel::Nodes::InfixOperation.new("", field, Arel.sql("DESC")))
+      end
+
+      ransacker :body do
+        Arel.sql(%{cast("decidim_participatory_documents_suggestions"."body" as text)})
+      end
+
+      scope :sort_by_valuation_assignments_count_asc, lambda {
+        order(Arel.sql("#{sort_by_valuation_assignments_count_nulls_last_query} ASC NULLS FIRST").to_s)
+      }
+
+      scope :sort_by_valuation_assignments_count_desc, lambda {
+        order(Arel.sql("#{sort_by_valuation_assignments_count_nulls_last_query} DESC NULLS LAST").to_s)
+      }
+
+      def self.ransackable_scopes(_auth = nil)
+        [:valuator_role_ids_has, :dummy_author_ids_has, :dummy_suggestable_id_has]
+      end
+
+      def self.dummy_author_ids_has(value)
+        where(decidim_author_id: value)
+      end
+
+      def self.dummy_suggestable_id_has(value)
+        if value.split("-").first == "d"
+          where(suggestable_id: value.split("-").last, suggestable_type: "Decidim::ParticipatoryDocuments::Document")
+        else
+          where(suggestable_id: value.split("-").last, suggestable_type: "Decidim::ParticipatoryDocuments::Section")
+        end
+      end
+
+      # method to filter by assigned valuator role ID
+      def self.valuator_role_ids_has(value)
+        query = <<-SQL.squish
+        :value = any(
+          (SELECT decidim_participatory_documents_valuation_assignments.valuator_role_id
+          FROM decidim_participatory_documents_valuation_assignments
+          WHERE decidim_participatory_documents_valuation_assignments.decidim_participatory_documents_suggestion_id = decidim_participatory_documents_suggestions.id
+          )
+        )
+        SQL
+        where(query, value: value)
+      end
+
+      # Defines the base query so that ransack can actually sort by this value
+      def self.sort_by_valuation_assignments_count_nulls_last_query
+        <<-SQL.squish
+        (
+          SELECT COUNT(decidim_participatory_documents_valuation_assignments.id)
+          FROM decidim_participatory_documents_valuation_assignments
+          WHERE decidim_participatory_documents_valuation_assignments.decidim_participatory_documents_suggestion_id = decidim_participatory_documents_suggestions.id
+          GROUP BY decidim_participatory_documents_valuation_assignments.decidim_participatory_documents_suggestion_id
+        )
+        SQL
+      end
+
+      def self.sort_by_suggestable_title_query
+        Arel.sql("COALESCE(d.title->>'#{I18n.locale}', s.title->>'#{I18n.locale}')")
+      end
+
+      def valuators
+        valuator_role_ids = valuation_assignments.where(suggestion: self).pluck(:valuator_role_id)
+        user_ids = participatory_space.user_roles(:valuator).where(id: valuator_role_ids).pluck(:decidim_user_id)
+        participatory_space.organization.users.where(id: user_ids)
+      end
+
+      def self.export_serializer
+        Decidim::ParticipatoryDocuments::SuggestionSerializer
+      end
+    end
+  end
+end

data/app/models/decidim/participatory_documents/suggestion_note.rb

@@ -0,0 +1,18 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ParticipatoryDocuments
+    class SuggestionNote < ApplicationRecord
+      include Decidim::Traceable
+      include Decidim::Loggable
+      belongs_to :suggestion, class_name: "Decidim::ParticipatoryDocuments::Suggestion", counter_cache: true
+      belongs_to :author, foreign_key: "decidim_author_id", class_name: "Decidim::User"
+
+      default_scope { order(created_at: :asc) }
+
+      def self.log_presenter_class_for(_log)
+        Decidim::ParticipatoryDocuments::AdminLog::SuggestionNotePresenter
+      end
+    end
+  end
+end

data/app/models/decidim/participatory_documents/valuation_assignment.rb

@@ -0,0 +1,21 @@
+# frozen_string_literal: true
+
+module Decidim
+  module ParticipatoryDocuments
+    class ValuationAssignment < ApplicationRecord
+      include Decidim::Traceable
+      include Decidim::Loggable
+
+      belongs_to :suggestion, foreign_key: "decidim_participatory_documents_suggestion_id", class_name: "Decidim::ParticipatoryDocuments::Suggestion"
+      belongs_to :valuator_role, polymorphic: true
+
+      def self.log_presenter_class_for(_log)
+        Decidim::ParticipatoryDocuments::AdminLog::ValuationAssignmentPresenter
+      end
+
+      def valuator
+        valuator_role.user
+      end
+    end
+  end
+end

data/app/packs/entrypoints/decidim_participatory_documents.js

@@ -0,0 +1,6 @@
+// Images
+require.context("../images", true)
+
+import "entrypoints/decidim_participatory_documents.scss";
+
+import "../src/decidim/participatory_documents/skip_cookie_warning.js"

data/app/packs/entrypoints/decidim_participatory_documents.scss

@@ -0,0 +1,18 @@
+/* stylelint-disable selector-type-no-unknown */
+@import "stylesheets/decidim/variables";
+@import "stylesheets/decidim/utils/mixins";
+
+.pdf-viewer-container {
+  height: calc(100vh - 30rem);
+  min-height: 50em;
+  padding: 0;
+}
+
+pdf-iframe {
+  &::before {
+    @include spinner(25px, #fff, var(--primary), 800ms);
+
+    content: "";
+    vertical-align: middle;
+  }
+}

data/app/packs/entrypoints/decidim_participatory_documents_admin.js

@@ -0,0 +1,7 @@
+// Images
+require.context("../images", true)
+
+import "entrypoints/decidim_participatory_documents_admin.scss";
+
+import "../src/decidim/participatory_documents/admin/manage_bulk_suggestions.js"
+import "../src/decidim/participatory_documents/admin/preview_box_color.js"

data/app/packs/entrypoints/decidim_participatory_documents_admin.scss

@@ -0,0 +1,69 @@
+@use "sass:meta";
+
+@import "stylesheets/decidim/participatory_documents/pdf/defaults.scss";
+
+.process-content {
+  flex-direction: column;
+  display: flex;
+  flex-grow: 1;
+}
+
+.layout-content > .container {
+  height: 100%;
+}
+
+.container .full-height {
+  height: 100%;
+}
+
+.pdf-viewer-container {
+  height: calc(100vh - 30rem);
+  min-height: 50em;
+  margin: 0;
+  padding: 0;
+}
+
+.box-preview {
+  @include meta.load-css("stylesheets/decidim/participatory_documents/pdf/polygons.scss");
+  @include meta.load-css("stylesheets/decidim/participatory_documents/pdf/admin_polygons.scss");
+
+  .box {
+    border-style: dotted;
+    border-width: 2px;
+    position: absolute;
+    width: 50%;
+    height: 50%;
+    top: 25%;
+    left: 25%;
+
+    .box-controls {
+      display: block;
+
+      .control.group {
+        display: inline-block;
+      }
+    }
+
+    &::after {
+      content: "";
+    }
+
+    &:hover {
+      resize: both;
+      overflow: hidden;
+      border-style: solid;
+
+      &::before {
+        left: 0;
+      }
+    }
+  }
+
+  fieldset {
+    position: relative;
+
+    h4 {
+      font-weight: 600;
+    }
+  }
+}

data/app/packs/entrypoints/decidim_participatory_documents_editor.js

@@ -0,0 +1,12 @@
+import "../src/decidim/participatory_documents/pdf_admin.js"
+
+import "entrypoints/decidim_participatory_documents_editor.scss";
+
+import $ from "jquery"; // eslint-disable-line id-length
+import "foundation-sites";
+
+
+const csrfToken = document.getElementsByName("csrf-token");
+$.ajaxSetup({
+  headers: { "X-CSRF-Token": csrfToken.length && csrfToken[0].content }
+});

data/app/packs/entrypoints/decidim_participatory_documents_editor.scss

@@ -0,0 +1,33 @@
+@use "sass:meta";
+
+@import "stylesheets/decidim/participatory_documents/pdf/defaults.scss";
+@import "stylesheets/decidim/participatory_documents/pdf/tweaks.scss";
+@import "stylesheets/decidim/participatory_documents/pdf/admin_tweaks.scss";
+@import "stylesheets/decidim/participatory_documents/pdf/admin_modals.scss";
+@import "stylesheets/decidim/participatory_documents/pdf/notifications.scss";
+
+// Scope editor boxes to the annotationslayer of the pdf to avoid any possible collision
+.annotationEditorLayer {
+  @include meta.load-css("stylesheets/decidim/participatory_documents/pdf/polygons.scss");
+
+  &.polygon-ready {
+    &.admin {
+      cursor: crosshair;
+
+      &.grouping {
+        cursor: not-allowed;
+
+        .box {
+          cursor: cell;
+          // When grouping do not put any opacity and allow events, otherwise cannot select the box
+          &.blocked {
+            pointer-events: all;
+            opacity: 1;
+          }
+        }
+      }
+
+      @include meta.load-css("stylesheets/decidim/participatory_documents/pdf/admin_polygons.scss");
+    }
+  }
+}

data/app/packs/entrypoints/decidim_participatory_documents_viewer.js

@@ -0,0 +1,6 @@
+import "../src/decidim/participatory_documents/pdf.js"
+
+// Images
+require.context("../images", true)
+
+import "entrypoints/decidim_participatory_documents_viewer.scss";

data/app/packs/entrypoints/decidim_participatory_documents_viewer.scss

@@ -0,0 +1,11 @@
+@use "sass:meta";
+
+@import "stylesheets/decidim/participatory_documents/pdf/defaults.scss";
+@import 'stylesheets/decidim/participatory_documents/pdf/tweaks.scss';
+@import "stylesheets/decidim/participatory_documents/pdf/modals.scss";
+@import 'stylesheets/decidim/participatory_documents/pdf/notifications.scss';
+
+// Scope everything to the annotationslayer of the pdf to avoid any possible collision
+.annotationEditorLayer {
+  @include meta.load-css('stylesheets/decidim/participatory_documents/pdf/polygons.scss');
+}

data/app/packs/images/badge.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="42px" xmlns="http://www.w3.org/2000/svg">
+  <g>
+    <path d="M 0 42  L 0 0  L 32 0  L 32 42  L 16 31  L 0 42  Z" fill-rule="nonzero" fill="#1e98d7" stroke="none"/>
+  </g>
+</svg>

data/app/packs/images/fullscreen.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="16px" height="16px" xmlns="http://www.w3.org/2000/svg">
+  <g transform="matrix(1 0 0 1 -9 -13 )">
+    <path d="M 2.2857142857142856 13.714285714285714  L 2.2857142857142856 10.285714285714286  L 0 10.285714285714286  L 0 16  L 5.714285714285714 16  L 5.714285714285714 13.714285714285714  L 2.2857142857142856 13.714285714285714  Z M 0 0  L 0 5.714285714285714  L 2.2857142857142856 5.714285714285714  L 2.2857142857142856 2.2857142857142856  L 5.714285714285714 2.2857142857142856  L 5.714285714285714 0  L 0 0  Z M 13.714285714285714 10.285714285714286  L 13.714285714285714 13.714285714285714  L 10.285714285714286 13.714285714285714  L 10.285714285714286 16  L 16 16  L 16 10.285714285714286  L 13.714285714285714 10.285714285714286  Z M 16 0  L 10.285714285714286 0  L 10.285714285714286 2.2857142857142856  L 13.714285714285714 2.2857142857142856  L 13.714285714285714 5.714285714285714  L 16 5.714285714285714  L 16 0  Z " fill-rule="nonzero" fill="#333333" stroke="none" transform="matrix(1 0 0 1 9 13 )"/>
+  </g>
+</svg>

data/app/packs/images/fullscreen_exit.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+
+<!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools -->
+<svg width="800px" height="800px" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+
+<rect x="0" fill="none" width="24" height="24"/>
+
+<g>
+
+<path d="M14 10V4h2v2.59l3.29-3.29 1.41 1.41L17.41 8H20v2zM4 10V8h2.59l-3.3-3.29 1.42-1.42L8 6.59V4h2v6zm16 4v2h-2.59l3.29 3.29-1.41 1.41L16 17.41V20h-2v-6zm-10 0v6H8v-2.59l-3.29 3.3-1.42-1.42L6.59 16H4v-2z"/>
+
+</g>
+
+</svg>

data/app/packs/images/group.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><title>Copy Link</title><path d="M12,0A12,12,0,1,0,24,12,12,12,0,0,0,12,0Zm0,22A10,10,0,1,1,22,12,10,10,0,0,1,12,22Z"/><path d="M19.36,8.68,18.23,6.86a1.93,1.93,0,0,0-2.66-.61L12.9,7.91a1.93,1.93,0,0,0-.62,2.65l0,.06-1.7,1.06,0-.06A1.93,1.93,0,0,0,7.93,11L5.26,12.66a1.94,1.94,0,0,0-.62,2.66l1.13,1.82a2,2,0,0,0,1.64.91,1.92,1.92,0,0,0,1-.3l2.67-1.66a1.93,1.93,0,0,0,.62-2.65l0-.06,1.7-1.06,0,.06a1.92,1.92,0,0,0,2.65.62l2.67-1.66A1.94,1.94,0,0,0,19.36,8.68ZM7.43,16l-1-1.7,2.54-1.58L10,14.43Zm7.65-4.76L14,9.57,16.57,8l1.05,1.7Z"/></svg>

data/app/packs/images/move.svg

@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 297 297" style="enable-background:new 0 0 297 297;" xml:space="preserve">
+<path d="M212.558,240.674c4.061-13.175,17.306-61.74,17.306-78.623v-8.64h37.298l-8.783,11.402
+	c-3.315,4.305-2.515,10.483,1.79,13.799c1.789,1.379,3.901,2.046,5.998,2.046c2.948-0.001,5.863-1.32,7.802-3.836l20.987-27.246
+	c2.727-3.539,2.727-8.47,0-12.009l-20.987-27.247c-3.316-4.305-9.494-5.104-13.8-1.79c-4.305,3.316-5.105,9.495-1.79,13.8
+	l8.783,11.402h-37.298v-21.575c0-7.933-6.36-14.387-14.181-14.387c-7.816,0-14.177,6.454-14.177,14.387v15.881
+	c0,1.54-1.254,2.794-2.794,2.794c-1.54,0-2.793-1.254-2.793-2.794V85.365c0-7.931-6.361-14.383-14.18-14.383
+	c-7.816,0-14.175,6.452-14.175,14.383v31.336c0,1.54-1.254,2.794-2.794,2.794c-1.54,0-2.793-1.254-2.793-2.794V70.708
+	c0-7.93-6.361-14.382-14.18-14.382c-7.816,0-14.177,6.452-14.177,14.382v34.66c0,1.541-1.254,2.795-2.794,2.795
+	c-1.541,0-2.794-1.254-2.794-2.795V82.845c0-7.933-6.362-14.386-14.185-14.386c-7.817,0-14.178,6.453-14.178,14.386v67.011
+	c0,1.541-1.253,2.795-2.794,2.795c-1.54,0-2.794-1.254-2.794-2.795V114.23l-7.529,0.705c-0.076,0.008-0.151,0.015-0.229,0.015
+	c-10.788,0-11.748,9.834-11.833,18.783H29.839l8.783-11.402c3.315-4.305,2.515-10.483-1.79-13.8
+	c-4.305-3.316-10.482-2.515-13.8,1.79L2.044,137.568c-2.726,3.539-2.726,8.47,0,12.009l20.988,27.246
+	c1.938,2.517,4.854,3.836,7.802,3.836c2.097,0,4.209-0.668,5.998-2.046c4.305-3.315,5.105-9.494,1.79-13.799l-8.783-11.402h44.889
+	c0.701,17.626,3.43,38.152,14.057,57.92c3.258,6.067,11.774,24.697,14.307,29.343H212.558z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>

data/app/packs/images/participatory_documents.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 17.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="100px" height="100px" viewBox="0 0 100 100" enable-background="new 0 0 100 100" xml:space="preserve">
+<g>
+	<path d="M88.231,71.062c0,0-0.001,0-0.001,0h-7.263V23.959h-0.051c0.003-0.07,0.021-0.135,0.021-0.206
+		c0-2.635-2.137-4.772-4.772-4.772l0,0H28.99v-7.068h0c0-1.487-1.205-2.692-2.693-2.693h-4.571c-1.488,0-2.693,1.205-2.693,2.693
+		c0,0,0,0,0,0.001v7.067h-7.263c0,0-0.001,0-0.001,0c-1.487,0-2.692,1.205-2.693,2.693v4.571c0,1.488,1.205,2.693,2.693,2.693
+		c0,0,0.001,0,0.001,0h7.263v47.103h0.052c-0.003,0.07-0.021,0.135-0.021,0.206c0,2.635,2.137,4.772,4.772,4.772l0,0H71.01v7.068
+		c0,1.487,1.205,2.692,2.693,2.693h4.571c1.488,0,2.693-1.205,2.693-2.693v-7.068h7.263c0,0,0,0,0.001,0
+		c1.487,0,2.692-1.205,2.693-2.693v-4.571C90.923,72.267,89.719,71.062,88.231,71.062z M28.99,71.063V28.937h42.02v42.125H28.99z"/>
+</g>
+</svg>

data/app/packs/src/decidim/participatory_documents/admin/manage_bulk_suggestions.js

@@ -0,0 +1,133 @@
+const selectedSuggestionsCount = function() {
+  return document.querySelectorAll(".table-list .js-check-all-suggestion:checked").length
+}
+
+// const showOtherActionsButtons = function(){
+//   document.getElementById("js-other-actions-wrapper").classList.remove("hide");
+// }
+// const hideOtherActionsButtons = function () {
+//   document.getElementById("js-other-actions-wrapper").classList.add("hide");
+// }
+
+const showBulkActionsButton = function() {
+  if (selectedSuggestionsCount() > 0) {
+    document.getElementById("js-bulk-actions-button").classList.remove("hide");
+  }
+}
+const hideBulkActionsButton = function(force = false) {
+  if (selectedSuggestionsCount() === 0 || force === true) {
+    document.getElementById("js-bulk-actions-button").classList.add("hide");
+    document.getElementById("js-bulk-actions-dropdown").classList.remove("is-open");
+  }
+}
+
+
+const selectedSuggestionsNotPublishedAnswerCount = function() {
+  return document.querySelectorAll(".table-list [data-published-state=false] .js-check-all-suggestion:checked").length;
+}
+
+const selectedSugestionsCountUpdate = function() {
+  const selectedSuggestions = selectedSuggestionsCount();
+  const selectedSuggestionsNotPublishedCount = selectedSuggestionsNotPublishedAnswerCount();
+  if (selectedSuggestions === 0) {
+    document.getElementById("js-selected-suggestions-count").innerHTML = "";
+  } else {
+    document.getElementById("js-selected-suggestions-count").innerHTML = selectedSuggestions;
+  }
+
+  if (selectedSuggestionsNotPublishedCount > 0) {
+    document.querySelector("button[data-action=\"publish-answers\"]").parentElement.classList.remove("hide");
+    document.getElementById("js-form-publish-answers-number").innerText = selectedSuggestionsNotPublishedCount;
+  } else {
+    document.querySelector("button[data-action=\"publish-answers\"]").parentElement.classList.add("hide");
+  }
+}
+
+const hideBulkActionForms = function() {
+  document.querySelectorAll(".js-bulk-action-form").forEach((form) => {
+    form.classList.add("hide");
+  });
+}
+window.showBulkActionsButton = showBulkActionsButton
+window.hideBulkActionsButton = hideBulkActionsButton
+window.selectedSuggestionsCount = selectedSuggestionsCount
+window.selectedSugestionsCountUpdate = selectedSugestionsCountUpdate
+window.hideBulkActionForms = hideBulkActionForms
+
+window.addEventListener("load", () => {
+
+  if (document.querySelectorAll(".js-bulk-action-form").length) {
+    hideBulkActionForms();
+    document.getElementById("js-bulk-actions-button").classList.add("hide");
+    document.querySelectorAll("#js-bulk-actions-dropdown ul li button").forEach((button) => {
+      button.addEventListener("click", (evt) => {
+        evt.preventDefault();
+        let action = evt.target.dataset.action;
+
+        if (action) {
+          document.getElementById(`js-${action}-actions`).classList.remove("hide");
+          hideBulkActionsButton(true);
+          // hideOtherActionsButtons();
+        }
+
+      })
+    });
+
+    const checkAll = document.getElementById("suggestions_bulk");
+    checkAll.addEventListener("change", () => {
+      document.querySelectorAll(".js-check-all-suggestion").forEach((suggestion) => {
+        suggestion.checked = checkAll.checked;
+      });
+      document.querySelectorAll(".table-list .js-check-all-suggestion").forEach((suggestion) => {
+        suggestion.checked = checkAll.checked;
+        suggestion.closest("tr").classList.toggle("selected");
+      });
+
+      if (checkAll.checked) {
+        showBulkActionsButton();
+      } else {
+        hideBulkActionsButton();
+      }
+
+      selectedSugestionsCountUpdate();
+    });
+
+    document.querySelectorAll(".js-check-all-suggestion").forEach((checkbox) => {
+      checkbox.addEventListener("change", (evt) => {
+        let suggestionId = evt.target.value;
+        let checked = evt.target.checked;
+
+        let selector = ".table-list .js-check-all-suggestion"
+        document.getElementById("suggestions_bulk").checked =
+                    document.querySelectorAll(`${selector}:checked`).length === document.querySelectorAll(selector).length;
+
+        if (checked) {
+          showBulkActionsButton();
+          evt.target.closest("tr").classList.add("selected");
+        } else {
+          hideBulkActionsButton();
+          evt.target.closest("tr").classList.remove("selected");
+        }
+
+        if (selectedSuggestionsCount() === 0) {
+          hideBulkActionsButton();
+        }
+
+        console.log(`.js-bulk-action-form .js-suggestion-id-${suggestionId}`);
+        document.querySelectorAll(`.js-bulk-action-form .js-suggestion-id-${suggestionId}`).forEach((element) => {
+          element.checked = checked;
+        })
+
+        selectedSugestionsCountUpdate();
+      });
+    });
+
+    document.querySelectorAll(".js-cancel-bulk-action").forEach((cancel) => {
+      cancel.addEventListener("click", () => {
+        hideBulkActionForms()
+        showBulkActionsButton();
+        // showOtherActionsButtons();
+      })
+    })
+  }
+});

data/app/packs/src/decidim/participatory_documents/admin/preview_box_color.js

@@ -0,0 +1,14 @@
+window.addEventListener("load", () => {
+  const root = document.querySelector("html");
+  const color = document.querySelector("#document_box_color");
+  const opacity = document.querySelector("#document_box_opacity");
+  const applyColor = () => {
+    root.style.setProperty("--box-color", color.value);
+    root.style.setProperty("--box-color-rgba", color.value + parseInt(opacity.value * 255 / 100, 10).toString(16));
+  };
+
+  if (color && opacity) {
+    color.addEventListener("change", applyColor);
+    opacity.addEventListener("change", applyColor);
+  }
+});

data/app/packs/src/decidim/participatory_documents/global.js

@@ -0,0 +1,22 @@
+window.toggleFullscreen = () => {
+  let viewer = document.getElementById("outerContainer");
+
+  if (document.fullscreenElement) {
+    document.exitFullscreen();
+  } else {
+    viewer.requestFullscreen();
+  }
+}
+
+document.addEventListener("fullscreenchange", () => {
+  let fsElement = document.fullscreenElement;
+
+  const button = document.getElementById("fullscreenButton");
+  if (fsElement) {
+    button.classList.add("exit");
+    button.textContent = button.dataset.exit;
+  } else {
+    button.classList.remove("exit");
+    button.textContent = button.dataset.fullscreen;
+  }
+});