decidim-stratified_sortitions 0.0.1

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

@@ -0,0 +1,165 @@
+import AutoButtonsByPositionComponent from "src/decidim/admin/auto_buttons_by_position.component"
+import AutoLabelByPositionComponent from "src/decidim/admin/auto_label_by_position.component"
+import createSortList from "src/decidim/admin/sort_list.component"
+import createDynamicFields from "src/decidim/admin/dynamic_fields.component"
+
+const fieldSelector = ".stratified-sortition-substratum";
+
+const componentsByWrapper = new Map();
+
+const hideDeletedSubstratum = ($target) => {
+  const inputDeleted = $target.find("input[name$=\\[deleted\\]]").val();
+
+  if (inputDeleted === "true") {
+    $target.addClass("hidden");
+    $target.hide();
+  }
+};
+
+const getWrapperForElement = (element) => {
+  return $(element).closest(".stratified-sortition-substrata")[0];
+};
+
+const runComponentsForWrapper = (wrapper) => {
+  const components = componentsByWrapper.get(wrapper);
+  if (components) {
+    components.autoLabelByPosition.run();
+    components.autoButtonsByPosition.run();
+  }
+};
+
+export const initializeSubstrataWrapper = (wrapperEl) => {
+  if (!wrapperEl) {
+    return;
+  }
+  
+  if (componentsByWrapper.has(wrapperEl)) {
+    return;
+  }
+
+  const $wrapper = $(wrapperEl);
+  let $container = $wrapper.find(".stratified-sortition-substrata-list");
+  
+  if ($container.length === 0) {
+    $container = $('<div class="stratified-sortition-substrata-list"></div>');
+    const $template = $wrapper.find("script.decidim-template");
+    if ($template.length) {
+      $template.after($container);
+    } else {
+      $wrapper.append($container);
+    }
+  }
+  
+  const autoLabelByPosition = new AutoLabelByPositionComponent({
+    listSelector: `#${wrapperEl.id} .stratified-sortition-substratum:not(.hidden)`,
+    labelSelector: ".card-title span:first",
+    onPositionComputed: (el, idx) => {
+      $(el).find("input[name$=\\[position\\]]").val(idx);
+    }
+  });
+
+  const autoButtonsByPosition = new AutoButtonsByPositionComponent({
+    listSelector: `#${wrapperEl.id} .stratified-sortition-substratum:not(.hidden)`,
+    hideOnFirstSelector: ".move-up-substratum",
+    hideOnLastSelector: ".move-down-substratum"
+  });
+
+  componentsByWrapper.set(wrapperEl, {
+    autoLabelByPosition,
+    autoButtonsByPosition
+  });
+
+  const createSortableList = () => {
+    createSortList(`#${wrapperEl.id} .stratified-sortition-substrata-list:not(.published)`, {
+      handle: ".substratum-divider",
+      placeholder: '<div style="border-style: dashed; border-color: #000"></div>',
+      forcePlaceholderSize: true,
+      onSortUpdate: () => { autoLabelByPosition.run() }
+    });
+  };
+
+  createSortableList();
+
+  $container.find(fieldSelector).each((idx, el) => {
+    const $target = $(el);
+    hideDeletedSubstratum($target);
+  });
+
+  autoLabelByPosition.run();
+  autoButtonsByPosition.run();
+};
+
+$(() => {
+  $(".stratified-sortition-substrata").each((idx, wrapperEl) => {
+    initializeSubstrataWrapper(wrapperEl);
+  });
+
+  $(document).on("click", ".add-substratum", function(e) {
+    e.preventDefault();
+    const wrapper = getWrapperForElement(this);
+    const $wrapper = $(wrapper);
+    const $container = wrapper.id ? $(`#${wrapper.id} .stratified-sortition-substrata-list`) : $wrapper.find(".stratified-sortition-substrata-list");
+    const $template = $wrapper.find("script.decidim-template");
+    
+    if ($template.length && $container.length) {
+      const templateContent = $template.html();
+      const uniqueId = new Date().getTime();
+      const newField = templateContent.replace(/SUBSTRATUM_ID/g, uniqueId);
+      $container.append(newField);
+
+      const $stratum = $wrapper.closest(".stratified-sortition-stratum");
+      const kind = $stratum.find("select[id$='_kind']").val();
+      const $newSubstratum = $container.find(fieldSelector).last();
+      
+      if (kind === "value") {
+        $newSubstratum.find(".substratum-value-field").show();
+        $newSubstratum.find(".substratum-range-field").hide();
+      } else {
+        $newSubstratum.find(".substratum-value-field").hide();
+        $newSubstratum.find(".substratum-range-field").show();
+      }
+
+      $newSubstratum.find('[data-tabs]').each(function() {
+        new Foundation.Tabs($(this));
+      });
+
+      runComponentsForWrapper(wrapper);
+    }
+  });
+
+  $(document).on("click", ".stratified-sortition-substrata .remove-substratum", function(e) {
+    e.preventDefault();
+    const wrapper = getWrapperForElement(this);
+    const $field = $(this).closest(fieldSelector);
+    
+    $field.find("input[name$=\\[deleted\\]]").val("true");
+    $field.addClass("hidden");
+    $field.hide();
+    
+    runComponentsForWrapper(wrapper);
+  });
+
+  $(document).on("click", ".stratified-sortition-substrata .move-up-substratum", function(e) {
+    e.preventDefault();
+    const wrapper = getWrapperForElement(this);
+    const $field = $(this).closest(fieldSelector);
+    const $prev = $field.prevAll(fieldSelector + ":not(.hidden)").first();
+    
+    if ($prev.length) {
+      $field.insertBefore($prev);
+      runComponentsForWrapper(wrapper);
+    }
+  });
+
+  $(document).on("click", ".stratified-sortition-substrata .move-down-substratum", function(e) {
+    e.preventDefault();
+    const wrapper = getWrapperForElement(this);
+    const $field = $(this).closest(fieldSelector);
+    const $next = $field.nextAll(fieldSelector + ":not(.hidden)").first();
+    
+    if ($next.length) {
+      $field.insertAfter($next);
+      runComponentsForWrapper(wrapper);
+    }
+  });
+})

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

@@ -0,0 +1,16 @@
+document.addEventListener("DOMContentLoaded", () => {
+  const form = document.getElementById("sample-upload-form");
+  if (!form) return;
+
+  const modal = form.querySelector("[data-dialog]");
+  if (!modal) return;
+
+  const saveButton = modal.querySelector("[data-dropzone-save]");
+  if (!saveButton) return;
+
+  saveButton.addEventListener("click", () => {
+    // Allow Decidim's upload_field.js handler to run first (updateActiveUploads),
+    // then submit the form.
+    setTimeout(() => form.submit(), 100);
+  });
+});

data/app/packs/stylesheets/decidim/stratified_sortitions/admin/stratified_sortitions.scss

@@ -0,0 +1,210 @@
+.stratified_sortition_header {
+  border: 0;
+}
+
+.stratified_sortition_nav {
+  border-bottom: 2px solid #CCC;
+  margin-bottom: 20px;
+  overflow: visible;
+
+  .import-sample-btn {
+    display: inline-flex;
+    gap: 0.4rem;
+    align-items: center;
+    justify-content: center;
+    min-width: 200px;
+    position: relative;
+    top: 3px;
+    border-bottom: 2px solid transparent;
+    color: #ccc;
+    fill: #ccc;
+
+    button {
+      all: unset;
+      display: inline-flex;
+      gap: 0.4rem;
+      align-items: center;
+      cursor: pointer;
+      padding: 0.5rem 0;
+    }
+    
+    &:hover {
+      color: rgba(21, 90, 191, 0.7);
+      fill: rgba(21, 90, 191, 0.7);
+      border-bottom: 2px solid rgba(21, 90, 191, 0.7);
+    }
+  }
+
+  .active {
+    color: rgba(21, 90, 191, 1);
+    fill: rgba(21, 90, 191, 1);
+    border-bottom: 2px solid rgba(21, 90, 191, 1);
+  }
+
+  button[disabled] {
+    cursor: not-allowed !important;
+  }
+}
+
+.stratum-fields,
+.substratum-fields {
+  display: flex;
+  gap: 1rem;
+  align-items: center;
+  justify-content: space-between;
+  
+  .translated-field {
+    width: 100%;
+  }
+}
+
+
+.example-file-census-container {
+  padding:1em;
+  background:#e2e5ee;
+
+  td {
+    padding-right: 1em;
+  }
+}
+
+.form-upload-census-container {
+  display:flex;
+  gap:1em;
+}
+
+.last-census-upload {
+  color: #6b7280;
+}
+
+.chart-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-top: 1em;
+  gap: 1em;
+}
+
+.chart-col {
+  display: flex;
+  flex-direction: column;
+  margin-top: 1em;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.charts-column {
+  flex: 1 1 0%;
+  min-width: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.target {
+  border-left: 1px solid #6B7280CC;
+}
+
+@media (max-width: 900px) {
+  .chart-row {
+    flex-direction: column;
+    gap: 2em;
+  }
+
+  .charts-column {
+    flex: 1 1 auto;
+  }
+
+  .target {
+    border-left: none;
+  }
+}
+
+.stratified-sortition-stratum {
+  button[aria-expanded="true"] {
+    .icon-collapse {
+      @apply block;
+    }
+
+    .icon-expand {
+      @apply hidden;
+    }
+  }
+
+  button[aria-expanded="false"] {
+    .icon-collapse {
+      @apply hidden;
+    }
+
+    .icon-expand {
+      @apply block;
+    }
+  }
+}
+
+input[readonly] {
+  cursor: not-allowed;
+  background-color: #f3f4f6;
+}
+
+.actions-container {
+  justify-content: space-between;
+
+  .export-buttons {
+    display: flex;
+    gap: 0.5rem;
+  }
+}
+
+.results-sub-nav {
+  border-bottom: 2px solid #CCC;
+  margin-bottom: 20px;
+  margin-top: 8px;
+  overflow: visible;
+
+  .results-tab {
+    display: inline-flex;
+    gap: 0.4rem;
+    align-items: center;
+    justify-content: center;
+    padding: 0.5rem 1rem;
+    position: relative;
+    top: 2px;
+    border: none;
+    border-bottom: 2px solid transparent;
+    background: none;
+    color: #999;
+    fill: #999;
+    cursor: pointer;
+    font-size: 0.9rem;
+    font-weight: 500;
+
+    &:hover {
+      color: rgba(21, 90, 191, 0.7);
+      fill: rgba(21, 90, 191, 0.7);
+      border-bottom: 2px solid rgba(21, 90, 191, 0.7);
+    }
+
+    &.active {
+      color: rgba(21, 90, 191, 1);
+      fill: rgba(21, 90, 191, 1);
+      border-bottom: 2px solid rgba(21, 90, 191, 1);
+    }
+  }
+}
+
+.upload-census-btn {
+  margin: 0 !important;
+}
+
+.upload-disabled-wrapper {
+  cursor: not-allowed;
+  width: auto;
+
+  .upload-census-btn {
+    pointer-events: none;
+    border: 1px solid #3e4c5c;
+    background-color: #efefef;
+    color: #3e4c5c;
+  }
+}

data/app/packs/stylesheets/decidim/stratified_sortitions/charts_pdf.scss

@@ -0,0 +1,148 @@
+/* =========================================================
+   BASE
+   ========================================================= */
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body {
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 12px;
+  color: #333;
+  padding: 20px 25px;
+}
+
+/* =========================================================
+   TYPOGRAPHY
+   ========================================================= */
+h1 {
+  font-size: 16px;
+  text-align: center;
+  margin-bottom: 2px;
+}
+
+h2 {
+  font-size: 11px;
+  text-align: center;
+  color: #666;
+  font-style: italic;
+  margin-bottom: 8px;
+}
+
+h3 {
+  font-size: 11px;
+  margin-bottom: 4px;
+  text-transform: uppercase;
+  color: #333;
+}
+
+hr {
+  border: none;
+  border-top: 1px solid #ccc;
+  margin: 6px 0 8px;
+}
+
+/* =========================================================
+   HEADER INFO BLOCK
+   ========================================================= */
+.info {
+  font-size: 9px;
+  color: #555;
+  line-height: 1.5;
+}
+
+.info p {
+  margin: 0;
+}
+
+/* =========================================================
+   COLUMN HEADERS
+   ========================================================= */
+.column-headers {
+  width: 100%;
+  margin-top: 12px;
+  border-bottom: 1px solid #ddd;
+  padding-bottom: 4px;
+  margin-bottom: 8px;
+  border-collapse: collapse;
+}
+
+.column-headers .col-header {
+  width: 33.33%;
+  text-align: center;
+  font-weight: bold;
+  font-size: 10px;
+}
+
+/* =========================================================
+   STRATUM SECTIONS
+   ========================================================= */
+.stratum-section {
+  margin-bottom: 10px;
+  page-break-inside: avoid;
+}
+
+.stratum-title {
+  font-size: 11px;
+  font-weight: bold;
+  text-transform: uppercase;
+  color: #333;
+  margin-bottom: 4px;
+  padding-left: 2px;
+}
+
+/* =========================================================
+   CHARTS TABLE (3-column layout)
+   ========================================================= */
+.charts-table {
+  width: 100%;
+  border-collapse: collapse;
+  table-layout: fixed;
+}
+
+.chart-cell {
+  width: 33.33%;
+  text-align: center;
+  padding: 4px 8px;
+  vertical-align: top;
+}
+
+.chart-cell + .chart-cell {
+  border-left: 1px solid #ddd;
+}
+
+/* =========================================================
+   LEGEND
+   ========================================================= */
+.legend {
+  font-size: 8px;
+  text-align: center;
+  display: block;
+  margin-top: 4px;
+}
+
+.legend-item {
+  margin-bottom: 4px;
+  margin-right: 8px;
+  text-align: left;
+  display: inline-block;
+}
+
+.legend-color {
+  width: 9px;
+  height: 9px;
+  display: inline-block;
+  margin-right: 4px;
+  vertical-align: middle;
+}
+
+/* =========================================================
+   NO DATA STATE
+   ========================================================= */
+.no-data {
+  color: #999;
+  font-size: 9px;
+  padding: 20px 0;
+}

data/app/packs/stylesheets/stratified_sortitions.scss

@@ -0,0 +1,56 @@
+.stratified-sortition {
+  &__aside-element {
+    &-item {
+      @apply border-b border-gray-3 py-4 first:pt-0 last:pb-0 last:border-b-0;
+    }
+
+    &-item__title {
+      @apply text-sm block text-gray-2 mb-1;
+    }
+
+    &-item__text {
+      @apply text-md block font-semibold text-gray-2;
+    }
+
+    &-item__numbers {
+      @apply text-md block text-gray-2;
+    }
+  }
+
+  &__aside__count-number {
+    @apply text-5xl block text-center text-gray-2 font-bold;
+  }
+
+  &__aside__count-text {
+    @apply text-gray-2 text-sm block text-center;
+  }
+}
+
+a.stratified-sortition__aside-element-item__title {
+  @apply text-secondary underline;
+}
+
+.chart-col {
+  margin-bottom: 50px;
+  min-width: 0;
+  overflow: hidden;
+}
+
+.target {
+  border-left: 1px solid #6B7280CC;
+}
+
+.public-charts {
+  flex-wrap: wrap;
+}
+
+.charts-column {
+  flex: 1 1 0%;
+  min-width: 0;
+  overflow: hidden;
+  padding: 1rem;
+
+  h3 { 
+    text-align: center;
+  }
+}

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

@@ -0,0 +1,74 @@
+# frozen_string_literal: true
+
+module Decidim
+  module StratifiedSortitions
+    module Admin
+      class Permissions < Decidim::DefaultPermissions
+        def permissions
+          # The public part needs to be implemented yet
+          return permission_action if permission_action.scope != :admin
+
+          allow! if permission_action.subject == :stratified_sortitions && read_permission_action?
+
+          allow! if permission_action.subject == :stratified_sortition && create_permission_action?
+
+          allow! if permission_action.subject == :stratified_sortition && edit_permission_action?
+
+          allow! if permission_action.subject == :stratified_sortition && destroy_permission_action?
+
+          allow! if permission_action.subject == :stratified_sortition && publish_permission_action?
+
+          allow! if permission_action.subject == :stratified_sortition && duplicate_permission_action?
+
+          allow! if permission_action.subject == :stratified_sortition && export_permission_action?
+
+          allow! if permission_action.subject == :stratified_sortition && upload_sample_permission_action?
+
+          permission_action
+        end
+
+        private
+
+        def read_permission_action?
+          permission_action.action == :read
+        end
+
+        def create_permission_action?
+          permission_action.action == :create
+        end
+
+        def edit_permission_action?
+          permission_action.action == :edit
+        end
+
+        def update_permission_action?
+          permission_action.action == :update
+        end
+
+        def destroy_permission_action?
+          permission_action.action == :destroy
+        end
+
+        def publish_permission_action?
+          permission_action.action == :publish
+        end
+
+        def export_permission_action?
+          permission_action.action == :export_surveys
+        end
+
+        def upload_sample_permission_action?
+          permission_action.action == :upload_sample
+        end
+
+        def duplicate_permission_action?
+          permission_action.action == :duplicate
+        end
+
+        def stratified_sortition
+          @stratified_sortition ||= context.fetch(:stratified_sortition, nil)
+        end
+      end
+    end
+  end
+end

data/app/permissions/decidim/stratified_sortitions/permissions.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Decidim
+  module StratifiedSortitions
+    class Permissions < Decidim::DefaultPermissions
+      def permissions
+        return permission_action unless user
+        # Delegate the admin permission checks to the admin permissions class
+        return Decidim::StratifiedSortitions::Admin::Permissions.new(user, permission_action, context).permissions if permission_action.scope == :admin
+
+        allow! if permission_action.subject == :stratified_sortition
+
+        permission_action
+      end
+
+      private
+
+      def stratified_sortition
+        @stratified_sortition ||= context.fetch(:stratified_sortition, nil)
+      end
+    end
+  end
+end