decidim-elections 0.23.1 → 0.24.0.rc2

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;
+  }
+}