decidim-stratified_sortitions 0.0.1

data/app/models/decidim/stratified_sortitions/sample_participant.rb

@@ -0,0 +1,12 @@
+# frozen_string_literal: true
+
+module Decidim
+  module StratifiedSortitions
+    class SampleParticipant < ApplicationRecord
+      belongs_to :decidim_stratified_sortition, class_name: "Decidim::StratifiedSortitions::StratifiedSortition"
+      belongs_to :decidim_stratified_sortitions_sample_import, class_name: "Decidim::StratifiedSortitions::SampleImport", optional: true
+
+      has_many :sample_participant_strata, dependent: :destroy, foreign_key: :decidim_stratified_sortitions_sample_participant_id
+    end
+  end
+end

data/app/models/decidim/stratified_sortitions/sample_participant_stratum.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Decidim
+  module StratifiedSortitions
+    class SampleParticipantStratum < ApplicationRecord
+      belongs_to :decidim_stratified_sortitions_sample_participant, class_name: "Decidim::StratifiedSortitions::SampleParticipant"
+      belongs_to :decidim_stratified_sortitions_stratum, class_name: "Decidim::StratifiedSortitions::Stratum"
+      belongs_to :decidim_stratified_sortitions_substratum, class_name: "Decidim::StratifiedSortitions::Substratum"
+    end
+  end
+end

data/app/models/decidim/stratified_sortitions/stratified_sortition.rb

@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+module Decidim
+  module StratifiedSortitions
+    class StratifiedSortition < ApplicationRecord
+      include Decidim::HasComponent
+      include Decidim::FilterableResource
+      include Decidim::ScopableResource
+      include Decidim::Loggable
+      include Decidim::Resourceable
+      include Decidim::Searchable
+      include Decidim::Traceable
+      include Decidim::TranslatableAttributes
+      include Decidim::Randomable
+      include Decidim::HasUploadValidations
+
+      delegate :mounted_engine, :mounted_admin_engine, :mounted_params, to: :component
+
+      component_manifest_name "stratified_sortitions"
+
+      def self.log_presenter_class_for(_log)
+        Decidim::StratifiedSortitions::AdminLog::StratifiedSortitionPresenter
+      end
+
+      has_many :strata, class_name: "Decidim::StratifiedSortitions::Stratum", foreign_key: "decidim_stratified_sortition_id", dependent: :destroy
+      has_many :sample_imports, class_name: "Decidim::StratifiedSortitions::SampleImport", dependent: :destroy
+      has_many :sample_participants, class_name: "Decidim::StratifiedSortitions::SampleParticipant", foreign_key: "decidim_stratified_sortition_id", dependent: :destroy
+      has_one :panel_portfolio, class_name: "Decidim::StratifiedSortitions::PanelPortfolio", foreign_key: "decidim_stratified_sortitions_stratified_sortition_id",
+                                dependent: :destroy
+
+      scope :search_text_cont, lambda { |search_text|
+        where("title ->> '#{I18n.locale}' ILIKE ?", "%#{search_text}%")
+      }
+
+      scope :with_any_state, lambda { |*values|
+        values = values.flatten.compact_blank
+        return all if values.empty? || values.include?("all")
+
+        where(status: values)
+      }
+
+      def self.ransackable_scopes(_auth_object = nil)
+        [:search_text_cont, :with_any_state]
+      end
+
+      searchable_fields({
+                          participatory_space: :itself,
+                          A: :title,
+                          B: :description,
+                          datetime: :created_at,
+                        })
+
+      def strata_and_substrata_configured?
+        strata.any? && strata.all? { |stratum| stratum.substrata.any? }
+      end
+
+      def can_execute?
+        strata_and_substrata_configured? && !sample_participants.empty? && !executing?
+      end
+
+      def executed?
+        status == "executed"
+      end
+
+      def executing?
+        status == "executing"
+      end
+
+      def failed?
+        status == "failed"
+      end
+    end
+  end
+end

data/app/models/decidim/stratified_sortitions/stratum.rb

@@ -0,0 +1,22 @@
+# frozen_string_literal: true
+
+module Decidim
+  module StratifiedSortitions
+    class Stratum < ApplicationRecord
+      self.table_name = "decidim_stratified_sortitions_strata"
+
+      include Decidim::TranslatableResource
+      include Decidim::TranslatableAttributes
+
+      belongs_to :stratified_sortition, class_name: "Decidim::StratifiedSortitions::StratifiedSortition", foreign_key: "decidim_stratified_sortition_id"
+      has_many :substrata, class_name: "Decidim::StratifiedSortitions::Substratum", foreign_key: "decidim_stratified_sortitions_stratum_id", dependent: :destroy
+      has_many :sample_participant_strata, class_name: "Decidim::StratifiedSortitions::SampleParticipantStratum",
+                                           foreign_key: "decidim_stratified_sortitions_stratum_id",
+                                           dependent: :destroy
+
+      KINDS = %w(value numeric_range).freeze
+
+      translatable_fields :name
+    end
+  end
+end

data/app/models/decidim/stratified_sortitions/substratum.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Decidim
+  module StratifiedSortitions
+    class Substratum < ApplicationRecord
+      self.table_name = "decidim_stratified_sortitions_substrata"
+
+      include Decidim::TranslatableResource
+      include Decidim::TranslatableAttributes
+
+      belongs_to :stratum, class_name: "Decidim::StratifiedSortitions::Stratum", foreign_key: "decidim_stratified_sortitions_stratum_id"
+      has_many :sample_participant_strata, class_name: "Decidim::StratifiedSortitions::SampleParticipantStratum",
+                                           foreign_key: "decidim_stratified_sortitions_substratum_id",
+                                           dependent: :destroy
+
+      translatable_fields :name
+    end
+  end
+end

data/app/packs/entrypoints/decidim_stratified_sortitions.js

@@ -0,0 +1,10 @@
+import "src/decidim/stratified_sortitions/stratum_fields"
+import "src/decidim/stratified_sortitions/substratum_fields"
+
+import "chartkick/chart.js"
+
+// Images
+require.context("../images", true)
+
+// CSS
+import "stylesheets/stratified_sortitions.scss"

data/app/packs/entrypoints/decidim_stratified_sortitions_admin.js

@@ -0,0 +1,9 @@
+import "src/decidim/stratified_sortitions/stratum_fields"
+import "src/decidim/stratified_sortitions/substratum_fields"
+import "src/decidim/stratified_sortitions/results_tabs"
+
+import "chartkick/chart.js"
+
+import "entrypoints/decidim_stratified_sortitions_admin.scss"
+
+import "src/decidim/stratified_sortitions/upload_sample"

data/app/packs/entrypoints/decidim_stratified_sortitions_admin.scss

@@ -0,0 +1 @@
+@import "stylesheets/decidim/stratified_sortitions/admin/stratified_sortitions.scss";

data/app/packs/images/decidim/stratified_sortitions/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" data-icon="aperture" version="1.1" viewBox="0 0 34 34"><path d="M17 0c9.389 0 17 7.611 17 17s-7.611 17-17 17S0 26.389 0 17 7.611 0 17 0zm0 1.889C8.654 1.889 1.889 8.654 1.889 17S8.654 32.111 17 32.111 32.111 25.346 32.111 17 25.346 1.889 17 1.889zm11.865 10.74a3.15 3.15 0 1 1-6.3 0 3.15 3.15 0 0 1 6.3 0zm-1.89 0a1.26 1.26 0 1 0-2.521 0 1.26 1.26 0 0 0 2.522 0zM15.25 19.136a.944.944 0 0 1 1.89 0v1.792a5.71 5.71 0 1 1-11.423 0v-1.792a.944.944 0 0 1 1.89 0v1.792a3.822 3.822 0 1 0 7.643 0v-1.792zm5.841-6.974l.018.019a.941.941 0 0 1-.02 1.335l-2.514 2.44a.944.944 0 0 1-1.316-1.355l.843-.818a6.237 6.237 0 0 0-6.177 6.23.944.944 0 0 1-1.889 0c0-4.492 3.653-8.12 8.12-8.12h.041l-.958-.986a.944.944 0 0 1 1.355-1.316l2.497 2.571a.941.941 0 0 0-.66-.268h-2.234z"/></svg>

data/app/packs/src/decidim/stratified_sortitions/application.js

@@ -0,0 +1,3 @@
+import "src/decidim/stratified_sortitions/nested_fields"
+
+import "chartkick/chart.js"

data/app/packs/src/decidim/stratified_sortitions/results_tabs.js

@@ -0,0 +1,59 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const tabContainer = document.querySelector("[data-results-tabs]");
+  if (!tabContainer) return;
+
+  const tabs = tabContainer.querySelectorAll("[data-tab-target]");
+  const panels = document.querySelectorAll("[data-tab-panel]");
+
+  function activateTab(targetId) {
+    tabs.forEach((t) => t.classList.remove("active"));
+    panels.forEach((p) => (p.style.display = "none"));
+
+    const tab = tabContainer.querySelector(`[data-tab-target="${targetId}"]`);
+    if (tab) tab.classList.add("active");
+
+    const targetPanel = document.getElementById(targetId);
+    if (targetPanel) targetPanel.style.display = "";
+  }
+
+  tabs.forEach((tab) => {
+    tab.addEventListener("click", () => {
+      const targetId = tab.dataset.tabTarget;
+
+      // If the tab opens a confirmation modal, don't switch yet
+      if (tab.dataset.dialogOpen) return;
+
+      activateTab(targetId);
+    });
+  });
+
+  // When the user confirms in the participants modal, switch to that tab
+  const confirmBtn = document.getElementById("confirm-show-participants");
+  if (confirmBtn) {
+    confirmBtn.addEventListener("click", () => {
+      activateTab("participants-section");
+
+      // Log the view_participants action
+      const logUrl = confirmBtn.dataset.logUrl;
+      const csrfToken = confirmBtn.dataset.authenticityToken;
+      if (logUrl && csrfToken) {
+        fetch(logUrl, {
+          method: "POST",
+          headers: {
+            "X-CSRF-Token": csrfToken,
+            "Content-Type": "application/json",
+          },
+        }).catch(() => {
+          // Silently ignore log errors
+        });
+      }
+
+      // Close the modal
+      const modal = document.getElementById("confirm-participants-modal");
+      if (modal) {
+        const closeBtn = modal.querySelector("[data-dialog-close]");
+        if (closeBtn) closeBtn.click();
+      }
+    });
+  }
+});

data/app/packs/src/decidim/stratified_sortitions/stratum_fields.js

@@ -0,0 +1,302 @@
+import AutoButtonsByPositionComponent from "src/decidim/admin/auto_buttons_by_position.component"
+import AutoLabelByPositionComponent from "src/decidim/admin/auto_label_by_position.component"
+import createLiveTextUpdateComponent from "src/decidim/forms/admin/live_text_update.component"
+import createSortList from "src/decidim/admin/sort_list.component"
+import { initializeSubstrataWrapper } from "src/decidim/stratified_sortitions/substratum_fields"
+import { createAccordion } from "src/decidim/a11y"
+
+$(() => {
+  const wrapperSelector = ".stratified-sortition-strata";
+  const fieldSelector = ".stratified-sortition-stratum";
+
+  const autoLabelByPosition = new AutoLabelByPositionComponent({
+    listSelector: ".stratified-sortition-stratum:not(.hidden)",
+    labelSelector: ".card-title span:first",
+    onPositionComputed: (el, idx) => {
+      $(el).find("input[name$=\\[position\\]]").not("[name*=substrata]").first().val(idx);
+    }
+  });
+
+  const autoButtonsByPosition = new AutoButtonsByPositionComponent({
+    listSelector: ".stratified-sortition-stratum:not(.hidden)",
+    hideOnFirstSelector: ".move-up-stratum",
+    hideOnLastSelector: ".move-down-stratum"
+  });
+
+  const createSortableList = () => {
+    createSortList(".stratified-sortition-strata-list:not(.published)", {
+      handle: ".stratum-divider",
+      placeholder: '<div style="border-style: dashed; border-color: #000"></div>',
+      forcePlaceholderSize: true,
+      onSortUpdate: () => { autoLabelByPosition.run() }
+    });
+  };
+
+  const hideDeletedStratum = ($target) => {
+    const inputDeleted = $target.find("input[name$=\\[deleted\\]]").val();
+
+    if (inputDeleted === "true") {
+      $target.addClass("hidden");
+      $target.hide();
+    }
+  };
+
+  const runComponents = () => {
+    autoLabelByPosition.run();
+    autoButtonsByPosition.run();
+  };
+
+  const expandStratum = ($stratum) => {
+    const $toggle = $stratum.find('.stratum--collapse');
+    if ($toggle.length === 0) return;
+    const ctrl = $toggle.attr('data-controls');
+    const panel = ctrl ? document.getElementById(ctrl) : null;
+    const isExpanded = $toggle.attr('aria-expanded') === 'true';
+
+    if (!isExpanded) {
+      $toggle.trigger('click');
+
+      setTimeout(() => {
+        const nowExpanded = $toggle.attr('aria-expanded') === 'true';
+        if (!nowExpanded && panel) {
+          $toggle.attr('aria-expanded', 'true');
+          panel.setAttribute('aria-hidden', 'false');
+          $(panel).show();
+        }
+      }, 0);
+    }
+  };
+
+  const createCollapsibleStratum = ($target) => {
+    const $collapsible = $target.find(".collapsible");
+    if ($collapsible.length > 0) {
+      const collapsibleId = $collapsible.attr("id").replace("-stratum-card", "");
+      const toggleAttr = `${collapsibleId}-stratum-card`;
+
+      $target.find(".stratum--collapse")
+        .attr("data-controls", toggleAttr)
+        .attr("aria-controls", toggleAttr)
+        .each((_i, btn) => {
+          if (!btn.id) {
+            btn.id = `${toggleAttr}-toggle`;
+          }
+          if (!btn.hasAttribute("aria-expanded")) {
+            btn.setAttribute("aria-expanded", "false");
+          }
+        });
+    }
+  };
+
+  const createDynamicStratumTitle = (fieldId) => {
+    const targetSelector = `#${fieldId} .stratum-title-statement`;
+    const locale = $(targetSelector).data("locale");
+    const maxLength = $(targetSelector).data("max-length");
+    const omission = $(targetSelector).data("omission");
+    const placeholder = $(targetSelector).data("placeholder");
+
+    return createLiveTextUpdateComponent({
+      inputSelector: `#${fieldId} input[name$=\\[name_${locale}\\]]`,
+      targetSelector: targetSelector,
+      maxLength: maxLength,
+      omission: omission,
+      placeholder: placeholder
+    });
+  }
+
+  $(document).on("click", ".add-stratum", function(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    
+    const $button = $(this);
+    const $wrapper = $button.closest(wrapperSelector);
+    const $container = $wrapper.find(".stratified-sortition-strata-list");
+    const $template = $wrapper.find("template.decidim-template, script.decidim-template");
+    
+    if ($template.length && $container.length) {
+
+      const templateContent = $template.html();
+      const uniqueId = new Date().getTime();
+      let newField = templateContent.replace(/(?<!SUB)STRATUM_ID/g, uniqueId);
+      newField = newField.replace(/stratified-sortition-stratum-id/g, `stratified-sortition-stratum-${uniqueId}`);
+      newField = newField.replace(/substrata-\d+/g, `substrata-${uniqueId}`);
+      $container.append(newField);
+      
+      const $newField = $container.find(fieldSelector).last();
+      $newField.find(".stratified-sortition-substrata").each((idx, wrapperEl) => {
+        if (!wrapperEl.id) {
+          wrapperEl.id = `substrata-${uniqueId}`;
+        }
+        initializeSubstrataWrapper(wrapperEl);
+      });
+
+      $newField.find('[data-tabs]').each(function() {
+        new Foundation.Tabs($(this));
+      });
+
+      updateSubstratumFieldsVisibility($newField);
+      createCollapsibleStratum($newField);
+      createDynamicStratumTitle($newField.attr("id"));
+
+      const $newPanel = $newField.find('.collapsible');
+      const $newToggle = $newField.find('.stratum--collapse');
+      if ($newPanel.length && $newToggle.length) {
+        $newToggle.attr('aria-expanded', 'true');
+        $newPanel.attr('aria-hidden', 'false').show();
+      }
+
+      createSortableList();
+      runComponents();
+
+      const newAccordion = $newField[0].querySelector('[data-component="accordion"]');
+      if (newAccordion) {
+        try { createAccordion(newAccordion); } catch (_e) {}
+      }
+
+      if (document && typeof document.dispatchEvent === "function") {
+        try {
+          document.dispatchEvent(new CustomEvent("ajax:loaded", { detail: $newField[0] }));
+        } catch (_e) {}
+      }
+
+    }
+  });
+
+  $(document).on("click", ".remove-stratum", function(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    
+    const $field = $(this).closest(fieldSelector);
+    
+    $field.find("input[name$=\\[deleted\\]]").val("true");
+    $field.addClass("hidden");
+    $field.hide();
+    
+    runComponents();
+  });
+
+  $(document).on("click", ".move-up-stratum", function(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    
+    const $field = $(this).closest(fieldSelector);
+    const $prev = $field.prevAll(fieldSelector + ":not(.hidden)").first();
+    
+    if ($prev.length) {
+      $field.insertBefore($prev);
+      runComponents();
+    }
+  });
+
+  $(document).on("click", ".move-down-stratum", function(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    
+    const $field = $(this).closest(fieldSelector);
+    const $next = $field.nextAll(fieldSelector + ":not(.hidden)").first();
+    
+    if ($next.length) {
+      $field.insertAfter($next);
+      runComponents();
+    }
+  });
+
+  const updateSubstratumFieldsVisibility = ($stratum) => {
+    const kind = $stratum.find("select[id$='_kind']").val();
+    if (kind === "value") {
+      $stratum.find(".substratum-value-field").show();
+      $stratum.find(".substratum-range-field").hide();
+    } else {
+      $stratum.find(".substratum-value-field").hide();
+      $stratum.find(".substratum-range-field").show();
+    }
+  };
+
+  $(document).on("change", "select[id$='_kind']", function() {
+    const $stratum = $(this).closest(fieldSelector);
+    updateSubstratumFieldsVisibility($stratum);
+  });
+
+  const makeRequiredCatalanFields = () => {
+    $(fieldSelector).find(".stratum-fields input[id$='_name_ca']").attr("required", true);
+  };
+
+  $("form").on("submit", function(e) {
+    let hasEmptyName = false;
+    let $firstInvalidStratum = null;
+    
+    $(fieldSelector).each((idx, el) => {
+      const $stratum = $(el);
+      const isDeleted = $stratum.find("input[name$='[deleted]']").val() === "true";
+      const $nameField = $stratum.find(".stratum-fields input[id$='_name_ca']");
+
+      $nameField.removeClass("is-invalid-input");
+      
+      if (!isDeleted) {
+        const nameValue = $nameField.val();
+        if (!nameValue || nameValue.trim() === "") {
+          hasEmptyName = true;
+          $nameField.addClass("is-invalid-input");
+
+          expandStratum($stratum);
+
+          if (!$firstInvalidStratum) {
+            $firstInvalidStratum = $stratum;
+          }
+        }
+      }
+    });
+    
+    if (hasEmptyName) {
+      e.preventDefault();
+      if ($firstInvalidStratum) {
+        $firstInvalidStratum[0].scrollIntoView({ behavior: "smooth", block: "center" });
+      }
+      return false;
+    }
+  });
+
+  createSortableList();
+
+  $(fieldSelector).each((idx, el) => {
+    const $target = $(el);
+    hideDeletedStratum($target);
+    updateSubstratumFieldsVisibility($target);
+    createCollapsibleStratum($target);
+    createDynamicStratumTitle($target.attr("id"));
+  });
+
+  makeRequiredCatalanFields();
+
+  runComponents();
+
+  if (document && typeof document.dispatchEvent === "function") {
+    try {
+      const $root = $(wrapperSelector).first();
+      if ($root.length) {
+        document.dispatchEvent(new CustomEvent("ajax:loaded", { detail: $root[0] }));
+      }
+    } catch (_e) {}
+  }
+})
+
+$(document).on("click", ".stratified-sortition-stratum .stratum--collapse", function(e) {
+  const btn = this;
+
+  if (btn.hasAttribute("role")) return;
+
+  const ctrl = btn.getAttribute("data-controls");
+  if (!ctrl) return;
+  const panel = document.getElementById(ctrl);
+  if (!panel) return;
+
+  const expanded = btn.getAttribute("aria-expanded") === "true";
+  const next = !expanded;
+  btn.setAttribute("aria-expanded", next ? "true" : "false");
+  panel.setAttribute("aria-hidden", next ? "false" : "true");
+
+  if (next) {
+    $(panel).show();
+  } else {
+    $(panel).hide();
+  }
+});