decidim-elections 0.23.6 → 0.24.0.rc1

data/app/assets/javascripts/decidim/elections/vote_questions.component.js.es6

@@ -0,0 +1,129 @@
+/**
+ * Vote Questions component.
+ */
+
+((exports) => {
+  class VoteQuestionsComponent {
+    constructor($voteWrapper) {
+      this.$voteWrapper = $voteWrapper;
+      this.$continueButton = this.$voteWrapper.find("a.focus__next");
+      this.$confirmButton = this.$voteWrapper.find("a.focus__next.confirm");
+      this.$continueSpan = this.$voteWrapper.find("span.disabled-continue");
+      this.$currentStep = "";
+      this.$currentStepMaxSelection = "";
+      this.$answerCounter = 0;
+      this.voteCasted = false;
+      exports.onbeforeunload = () => {
+        if (this.voteCasted) {
+          return null;
+        }
+        return "";
+      }
+    }
+
+    init() {
+      this.setCurrentStep();
+      this.toggleContinueButton();
+      this.$confirmButton.addClass("show").removeClass("hide");
+      $(".evote__counter-min").text(this.$answerCounter);
+      this.answerCounter();
+      this.disableCheckbox();
+    }
+
+    setCurrentStep() {
+      this.$currentStep = this.$voteWrapper.find(".focus__step:visible")
+      this.setSelections();
+      this.onSelectionChange();
+    }
+
+    toggleContinueButton() {
+      if (this.checkAnswers()) {
+        // next step enabled
+        this.$continueButton.addClass("show").removeClass("hide")
+        this.$continueSpan.addClass("hide").removeClass("show")
+      } else {
+        // next step disabled
+        this.$continueButton.addClass("hide").removeClass("show")
+        this.$continueSpan.addClass("show").removeClass("hide")
+      }
+    }
+
+    // check if answers are correctly checked
+    checkAnswers() {
+      const currentAnswersChecked = $(`#${this.$currentStep.attr("id")} .answer_input:checked`).length
+      const notaAnswerChecked = $(`#${this.$currentStep.attr("id")} .nota_input:checked`).length
+
+      return ((currentAnswersChecked >= 1 || notaAnswerChecked > 0) && (currentAnswersChecked <= this.$currentStepMaxSelection));
+    }
+
+    answerCounter() {
+      let checked = $(`#${this.$currentStep.attr("id")} .answer_input:checked`).length
+      $(".evote__counter-min").text(checked);
+    }
+
+    // disable checkboxes if NOTA option is selected
+    disableCheckbox() {
+      $("[data-disabled-by]").on("click", (event) => {
+        if ($(event.target).attr("aria-disabled") || $(event.target).hasClass("is-disabled")) {
+          event.preventDefault();
+        }
+      });
+
+      $("[data-disable-check]").on("change", (event) => {
+        let checkId = $(event.target).attr("id");
+        let checkStatus = event.target.checked;
+
+        this.$currentStep.find(`[data-disabled-by='#${checkId}']`).each((_index, element) => {
+          if (checkStatus) {
+            $(element).addClass("is-disabled");
+            $(element).find("input[type=checkbox]").prop("checked", false);
+            $(element).find("input[type=checkbox]").attr("aria-disabled", "");
+          } else {
+            $(element).removeClass("is-disabled");
+            $(element).find("input[type=checkbox]").removeAttr("aria-disabled");
+          }
+        });
+      });
+    }
+
+    setSelections() {
+      this.$currentStepMaxSelection = this.$currentStep.find(".evote__options").data("max-selection")
+    }
+
+
+    onSelectionChange() {
+      let $voteOptions = this.$currentStep.find(".evote__options");
+      $voteOptions.on("change", () => {
+        this.toggleContinueButton();
+        this.toggleConfirmAnswers();
+        this.answerCounter();
+      });
+    }
+
+    // receive confirmed answers
+    toggleConfirmAnswers() {
+      $(".answer_input:checked").each((_index, element) => {
+        const confirmedAnswer = $(".evote__confirm").find(`#${element.value}`);
+        $(confirmedAnswer).removeClass("hide")
+      })
+
+      $(".answer_input").not(":checked").each((_index, element) => {
+        const confirmedAnswer = $(".evote__confirm").find(`#${element.value}`);
+        $(confirmedAnswer).addClass("hide")
+      })
+
+      $(".nota_input:checked").each((_index, element) => {
+        const confirmedAnswer = $(".evote__confirm").find(`.${element.value}`);
+        $(confirmedAnswer).removeClass("hide")
+      })
+
+      $(".nota_input").not(":checked").each((_index, element) => {
+        const confirmedAnswer = $(".evote__confirm").find(`.${element.value}`);
+        $(confirmedAnswer).addClass("hide")
+      })
+    }
+  }
+
+  exports.Decidim = exports.Decidim || {};
+  exports.Decidim.VoteQuestionsComponent = VoteQuestionsComponent;
+})(window)

data/app/assets/javascripts/decidim/elections/vote_verify.js.es6

@@ -0,0 +1,71 @@
+/* eslint-disable require-jsdoc, prefer-template, func-style, id-length, no-use-before-define, init-declarations, no-invalid-this */
+/* eslint no-unused-vars: ["error", { "args": "none" }] */
+// = require decidim/bulletin_board/decidim-bulletin_board
+
+$(() => {
+  const { Client } = decidimBulletinBoard;
+  const $voteVerifyWrapper = $(".vote-verify-wrapper");
+  const $verifySubmitButton = $voteVerifyWrapper.find("a.focus__next.confirm");
+
+  let $formData = $voteVerifyWrapper.find(".vote-identifier");
+
+  function initStep() {
+    toggleVerifyButton();
+    onVoteIdentifierChange();
+  }
+
+  initStep()
+
+  function onVoteIdentifierChange() {
+    $formData.on("keyup input", (event) => {
+      toggleVerifyButton();
+      hideSuccessCallout();
+      hideErrorCallout();
+    });
+  }
+
+  function toggleVerifyButton() {
+    if ($formData.val().length > 5) {
+      $($verifySubmitButton).removeClass("disabled")
+    } else {
+      $($verifySubmitButton).addClass("disabled")
+    }
+  }
+
+  function hideSuccessCallout() {
+    $voteVerifyWrapper.find(".verify-vote-success").addClass("hide");
+  }
+
+  function hideErrorCallout() {
+    $voteVerifyWrapper.find(".verify-vote-error").addClass("hide");
+  }
+
+  $verifySubmitButton.on("click", (event) => {
+    event.preventDefault();
+    verifyVoteIdentifier();
+  });
+
+  function verifyVoteIdentifier() {
+    const bulletinBoardClient = new Client({
+      apiEndpointUrl: $voteVerifyWrapper.data("apiEndpointUrl"),
+      wsEndpointUrl: $voteVerifyWrapper.data("websocketUrl")
+    });
+
+    bulletinBoardClient.getLogEntry({
+      electionUniqueId: $voteVerifyWrapper.data("electionUniqueId"),
+      contentHash: $formData.val()
+    }).then((result) => {
+      if (result) {
+        hideErrorCallout();
+        $voteVerifyWrapper.find(".verify-vote-success").removeClass("hide");
+      } else {
+        hideSuccessCallout();
+        $voteVerifyWrapper.find(".verify-vote-error").removeClass("hide");
+      }
+    })
+  }
+
+  $(document).on("on.zf.toggler", (event) => {
+    initStep()
+  });
+});

data/app/assets/javascripts/decidim/votings/admin/monitoring_committee_members_form.js.es6

@@ -0,0 +1,35 @@
+((exports) => {
+  const { createFieldDependentInputs } = exports.DecidimAdmin;
+
+  const $participantType = $("#monitoring_committee_member_existing_user");
+
+  createFieldDependentInputs({
+    controllerField: $participantType,
+    wrapperSelector: ".user-fields",
+    dependentFieldsSelector: ".user-fields--email",
+    dependentInputSelector: "input",
+    enablingCondition: ($field) => {
+      return $field.val() === "false"
+    }
+  });
+
+  createFieldDependentInputs({
+    controllerField: $participantType,
+    wrapperSelector: ".user-fields",
+    dependentFieldsSelector: ".user-fields--name",
+    dependentInputSelector: "input",
+    enablingCondition: ($field) => {
+      return $field.val() === "false"
+    }
+  });
+
+  createFieldDependentInputs({
+    controllerField: $participantType,
+    wrapperSelector: ".user-fields",
+    dependentFieldsSelector: ".user-fields--user-picker",
+    dependentInputSelector: "input",
+    enablingCondition: ($field) => {
+      return $field.val() === "true"
+    }
+  });
+})(window);

data/app/assets/javascripts/decidim/votings/admin/polling_officers_form.js.es6

@@ -0,0 +1,35 @@
+((exports) => {
+  const { createFieldDependentInputs } = exports.DecidimAdmin;
+
+  const $participantType = $("#polling_officer_existing_user");
+
+  createFieldDependentInputs({
+    controllerField: $participantType,
+    wrapperSelector: ".user-fields",
+    dependentFieldsSelector: ".user-fields--email",
+    dependentInputSelector: "input",
+    enablingCondition: ($field) => {
+      return $field.val() === "false"
+    }
+  });
+
+  createFieldDependentInputs({
+    controllerField: $participantType,
+    wrapperSelector: ".user-fields",
+    dependentFieldsSelector: ".user-fields--name",
+    dependentInputSelector: "input",
+    enablingCondition: ($field) => {
+      return $field.val() === "false"
+    }
+  });
+
+  createFieldDependentInputs({
+    controllerField: $participantType,
+    wrapperSelector: ".user-fields",
+    dependentFieldsSelector: ".user-fields--user-picker",
+    dependentInputSelector: "input",
+    enablingCondition: ($field) => {
+      return $field.val() === "true"
+    }
+  });
+})(window);

data/app/assets/javascripts/decidim/votings/admin/polling_officers_picker.js.es6

@@ -0,0 +1,35 @@
+$(() => {
+  const $content = $(".picker-content"),
+      pickerMore = $content.data("picker-more"),
+      pickerPath = $content.data("picker-path"),
+      toggleNoPollingOfficers = () => {
+        const showNoPollingOfficers = $("#polling_officers_list li:visible").length === 0
+        $("#no_polling_officers").toggle(showNoPollingOfficers)
+      }
+
+  let jqxhr = null
+
+  toggleNoPollingOfficers()
+
+  $(".data_picker-modal-content").on("change keyup", "#polling_officers_filter", (event) => {
+    const filter = event.target.value.toLowerCase()
+
+    if (pickerMore) {
+      if (jqxhr !== null) {
+        jqxhr.abort()
+      }
+
+      $content.html("<div class='loading-spinner'></div>")
+      jqxhr = $.get(`${pickerPath}?q=${filter}`, (data) => {
+        $content.html(data)
+        jqxhr = null
+        toggleNoPollingOfficers()
+      })
+    } else {
+      $("#polling_officers_list li").each((index, li) => {
+        $(li).toggle(li.textContent.toLowerCase().includes(filter))
+      })
+      toggleNoPollingOfficers()
+    }
+  })
+})

data/app/assets/javascripts/decidim/votings/admin/polling_stations_form.js.es6

@@ -0,0 +1,5 @@
+(() => {
+  const { attachGeocoding } = window.Decidim;
+  const $form = $(".edit_polling_station, .new_polling_station");
+  attachGeocoding($form.find("#polling_station_address"));
+})(window);

data/app/assets/stylesheets/decidim/elections/elections.scss

@@ -1,9 +1,5 @@
 @import "focus/*";
 
-li.card-data__item{
-  flex-direction: inherit;
-}
-
 .card__icondata ul li:not(:first-child) strong,
 .card__block ul li:not(:first-child) strong{
   font-size: 100%;

data/app/assets/stylesheets/decidim/elections/focus/_accordion.scss

@@ -0,0 +1,36 @@
+.accordion{
+  background: transparent;
+
+  .accordion-title{
+    font-size: $global-font-size;
+    color: inherit;
+    border: 0;
+    border-radius: 0;
+
+    span{
+      cursor: move;
+    }
+
+    &:focus{
+      background: transparent;
+    }
+  }
+
+  .accordion-item{
+    // Override Foundation
+    &:first-child > :first-child,
+    &:last-child:not(.is-active) > .accordion-title{
+      border: 0;
+      border-radius: 0;
+    }
+  }
+
+  .accordion-content{
+    border: 0;
+
+    .tabs-title > a[aria-selected="true"],
+    .tabs-content{
+      background: transparent;
+    }
+  }
+}

data/app/assets/stylesheets/decidim/elections/focus/_evote.scss

@@ -1,3 +1,8 @@
+.vote-wrapper{
+  display: flex;
+  flex-grow: 1;
+}
+
 .evote{
   $checkfocus: 1px dotted rgba(black, .5);
   $checkfocus-offset: .1em;
@@ -276,4 +281,57 @@
   &__poll-id{
     overflow-wrap: anywhere;
   }
+
+  &__preview{
+    .accordion-title::before{
+      font-size: 1.5rem;
+      margin-top: -.75rem;
+      color: $anchor-color;
+      font-weight: normal;
+    }
+  }
+
+  &__preview-question{
+    border: $border;
+    font-weight: 600;
+
+    &:not(:first-child){
+      border-top: 0;
+    }
+
+    .label{
+      margin-left: .5rem;
+    }
+  }
+
+  &__preview-result{
+    line-height: 1.2;
+    margin-bottom: 1rem;
+  }
+
+  &__preview-option{
+    margin-bottom: -.2rem;
+    font-size: 1rem;
+  }
+
+  &__preview-bar{
+    display: flex;
+    align-items: center;
+
+    .progress{
+      flex-grow: 1;
+      margin-right: 1rem;
+    }
+  }
+
+  &__preview-label{
+    font-size: .8rem;
+    margin-top: -.2rem;
+  }
+
+  &__preview-perc{
+    width: 2rem;
+    text-align: right;
+    font-weight: bold;
+  }
 }

data/app/assets/stylesheets/decidim/elections/trustee_zone.scss

@@ -0,0 +1,24 @@
+#not_supported_browser,
+#submit_identification_keys{
+  display: none;
+
+  &.visible{
+    display: inherit;
+
+    & + div{
+      display: none;
+    }
+  }
+}
+
+.step_status{
+  span{
+    display: none;
+  }
+
+  &[data-step-status="pending"] .pending,
+  &[data-step-status="processing"] .processing,
+  &[data-step-status="completed"] .completed{
+    display: block;
+  }
+}

data/app/assets/stylesheets/decidim/votings/votings/_votings-header.scss

@@ -0,0 +1,99 @@
+.votings-header{
+  margin-bottom: $margin-sm;
+
+  @include breakpoint(medium){
+    margin-bottom: $margin-m;
+  }
+
+  .heading2{
+    font-weight: bold;
+  }
+}
+
+.votings-header__main{
+  background-size: cover;
+  position: relative;
+  z-index: 0;
+  display: flex;
+  flex-direction: column;
+
+  &::after{
+    content: "";
+    display: block;
+    position: absolute;
+    z-index: -1;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba($black, .6);
+  }
+}
+
+.votings-header__container{
+  position: relative;
+  z-index: 1;
+  padding: 0 0 0 1rem;
+
+  @include breakpoint(mediumlarge){
+    display: flex;
+    align-items: stretch;
+
+    .columns{
+      > *{
+        height: 100%;
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+      }
+    }
+  }
+}
+
+.votings-header__info{
+  padding: 1rem 1.5rem 1rem 1rem;
+  text-align: center;
+
+  @include breakpoint(medium){
+    padding: 1rem 1.5rem 1rem 1rem;
+  }
+
+  @include breakpoint(mediumlarge){
+    padding-left: 2rem;
+    text-align: left;
+  }
+}
+
+.votings-header__extra{
+  background: rgba($dark-gray, .8);
+  color: $white;
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 16rem;
+  padding: 1rem;
+  margin-bottom: 1.5rem;
+
+  @include breakpoint(medium){
+    margin-left: -1rem;
+    margin-right: 0;
+    margin-bottom: 0;
+    max-width: 150%;
+    padding: 2rem 1rem;
+  }
+}
+
+.votings-header__extra-title{
+  display: block;
+  font-weight: 600;
+  font-size: 1rem;
+
+  @include breakpoint(medium){
+    font-size: 1.1rem;
+  }
+
+  line-height: 1;
+}
+
+.votings-header__extra-date{
+  font-weight: 900;
+}

data/app/assets/stylesheets/decidim/votings/votings/_votings-home-banner.scss

@@ -0,0 +1,11 @@
+.votings-home-banner{
+  .votings-header__main{
+    &::after{
+      display: none;
+    }
+  }
+
+  .votings-header__container{
+    min-height: 8rem;
+  }
+}

data/app/assets/stylesheets/decidim/votings/votings.scss

@@ -0,0 +1 @@
+// @import "votings/*";

data/app/cells/decidim/votings/content_block_cell.rb

@@ -0,0 +1,17 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Votings
+    class ContentBlockCell < Decidim::Admin::ContentBlockCell
+      delegate :scoped_resource, to: :controller
+
+      def edit_content_block_path
+        decidim_votings.edit_voting_landing_page_content_block_path(scoped_resource, manifest_name)
+      end
+
+      def decidim_votings
+        Decidim::Votings::AdminEngine.routes.url_helpers
+      end
+    end
+  end
+end

data/app/cells/decidim/votings/content_blocks/highlighted_votings/show.erb

@@ -0,0 +1,30 @@
+<section class="wrapper-home home-section">
+  <div class="row" id="highlighted-votings">
+    <h3 class="section-heading"><%= t("active_votings", scope: i18n_scope) %></h3>
+    <div class="row collapse">
+      <div class="row small-up-1 smallmedium-up-2 mediumlarge-up-3
+        large-up-4 card-grid">
+        <% highlighted_votings.each do |voting| %>
+          <div class="column">
+            <%= link_to decidim_votings.voting_path(voting), class: "card card--voting card--mini" do %>
+              <div aria-hidden="true" class="card__image-top"
+                style="background-image:url(<%= voting.banner_image.url %>)"></div>
+              <div class="card__content">
+                <span class="card__title card__link"><%= translated_attribute voting.title %></span>
+              </div>
+            <% end %>
+          </div>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <div class="row" id="see-all-votings">
+    <div class="columns small-centered small-12
+      smallmedium-8 medium-6 large-4">
+      <%= link_to t("see_all_votings", scope: i18n_scope),
+                  decidim_votings.votings_path,
+                  class: "button expanded hollow button--sc home-section__cta",
+                  title: t("votings_button_title", scope: i18n_scope) %>
+    </div>
+  </div>
+</section>

data/app/cells/decidim/votings/content_blocks/highlighted_votings_cell.rb

@@ -0,0 +1,33 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Votings
+    module ContentBlocks
+      class HighlightedVotingsCell < Decidim::ViewModel
+        delegate :current_user, to: :controller
+
+        def show
+          render if highlighted_votings.any?
+        end
+
+        def max_results
+          model.settings.max_results
+        end
+
+        def highlighted_votings
+          OrganizationPrioritizedVotings.new(current_organization, current_user)
+                                        .query
+                                        .limit(max_results)
+        end
+
+        def i18n_scope
+          "decidim.votings.pages.home.highlighted_votings"
+        end
+
+        def decidim_votings
+          Decidim::Votings::Engine.routes.url_helpers
+        end
+      end
+    end
+  end
+end

data/app/cells/decidim/votings/content_blocks/highlighted_votings_settings_form/show.erb

@@ -0,0 +1,3 @@
+<% form.fields_for :settings, form.object.settings do |settings_fields| %>
+  <%= settings_fields.select :max_results, [4, 8, 12], prompt: "", label: label %>
+<% end %>

data/app/cells/decidim/votings/content_blocks/highlighted_votings_settings_form_cell.rb

@@ -0,0 +1,19 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Votings
+    module ContentBlocks
+      class HighlightedVotingsSettingsFormCell < Decidim::ViewModel
+        alias form model
+
+        def content_block
+          options[:content_block]
+        end
+
+        def label
+          I18n.t("decidim.votings.admin.content_blocks.highlighted_votings.max_results")
+        end
+      end
+    end
+  end
+end

data/app/cells/decidim/votings/content_blocks/landing_page/attachments_and_folders_cell.rb

@@ -0,0 +1,15 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Votings
+    module ContentBlocks
+      module LandingPage
+        class AttachmentsAndFoldersCell < Decidim::ViewModel
+          def show
+            content_tag(:div, "AttachmentsAndFoldersCell")
+          end
+        end
+      end
+    end
+  end
+end