decidim-elections 0.24.3 → 0.25.0.rc4

data/app/packs/src/decidim/elections/voter/new-vote.js

@@ -0,0 +1,83 @@
+/* eslint-disable no-console */
+import VoteQuestionsComponent from "src/decidim/elections/voter/vote_questions.component";
+// The voting component might come from set-preview.js or setup-vote.js, it depends if it's a preview
+// so in the view template we load the component and attach it to window
+const { setupVoteComponent } = window.Decidim;
+
+$(async () => {
+  // UI Elements
+  const $voteWrapper = $(".vote-wrapper");
+  const $ballotHash = $voteWrapper.find(".ballot-hash");
+  const ballotStyleId = $voteWrapper.data("ballotStyleId");
+
+  // Use the questions component
+  const questionsComponent = new VoteQuestionsComponent($voteWrapper);
+  questionsComponent.init();
+  $(document).on("on.zf.toggler", () => {
+    // continue and back btn
+    questionsComponent.init();
+  });
+
+  // Get the vote component and bind it to all UI events
+  const voteComponent = setupVoteComponent($voteWrapper);
+  await voteComponent.bindEvents({
+    onBindEncryptButton(onEventTriggered) {
+      $(".button.confirm").on("click", onEventTriggered);
+    },
+    onStart() {},
+    onVoteEncryption(validVoteFn) {
+      const getFormData = (formData) => {
+        return formData.serializeArray().reduce((acc, { name, value }) => {
+          if (!acc[name]) {
+            acc[name] = [];
+          }
+          acc[name] = [...acc[name], `${name}_${value}`];
+          return acc;
+        }, {});
+      };
+      const formData = getFormData($voteWrapper.find(".answer_input"));
+      validVoteFn(formData, ballotStyleId);
+    },
+    castOrAuditBallot({ encryptedData, encryptedDataHash }) {
+      $voteWrapper.find("#encrypting").addClass("hide");
+      $ballotHash.text(encryptedDataHash);
+      $voteWrapper.find("#ballot_decision").removeClass("hide");
+
+      const $form = $("form.new_vote");
+      $("#vote_encrypted_data", $form).val(encryptedData);
+      $("#vote_encrypted_data_hash", $form).val(encryptedDataHash);
+    },
+    onBindAuditBallotButton(onEventTriggered) {
+      $(".audit_ballot").on("click", onEventTriggered);
+    },
+    onBindCastBallotButton(onEventTriggered) {
+      $(".cast_ballot").on("click", onEventTriggered);
+    },
+    onAuditBallot(auditedData, auditedDataFileName) {
+      const vote = JSON.stringify(auditedData);
+      const link = document.createElement("a");
+      $voteWrapper.find(".button.cast_ballot").addClass("hide");
+      $voteWrapper.find(".button.back").removeClass("hide");
+      questionsComponent.voteCasted = true;
+
+      link.setAttribute("href", `data:text/plain;charset=utf-8,${vote}`);
+      link.setAttribute("download", auditedDataFileName);
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    },
+    onAuditComplete() {
+      console.log("Audit completed");
+    },
+    onCastBallot() {
+      questionsComponent.voteCasted = true;
+      $(".cast_ballot").prop("disabled", true);
+    },
+    onCastComplete() {
+      console.log("Cast completed");
+    },
+    onInvalid() {
+      console.log("Something went wrong.");
+    }
+  });
+});

data/app/packs/src/decidim/elections/voter/setup-preview.js

@@ -0,0 +1,79 @@
+/* eslint-disable require-jsdoc */
+// The wait time used to simulate the encryption of the vote during the preview
+const FAKE_ENCRYPTION_TIME = 1000;
+
+class PreviewVoteComponent {
+  constructor({ electionUniqueId, voterUniqueId }) {
+    this.electionUniqueId = electionUniqueId;
+    this.voterUniqueId = voterUniqueId;
+  }
+
+  async bindEvents({
+    onBindEncryptButton,
+    onStart,
+    onVoteEncryption,
+    castOrAuditBallot,
+    onBindAuditBallotButton,
+    onBindCastBallotButton,
+    onAuditBallot,
+    onCastBallot,
+    onAuditComplete,
+    onCastComplete,
+    onInvalid
+  }) {
+    onBindEncryptButton(async () => {
+      onStart();
+      onVoteEncryption(
+        (plainVote) => {
+          this.fakeEncrypt(plainVote).then((ballot) => {
+            castOrAuditBallot(ballot);
+            onBindAuditBallotButton(() => {
+              onAuditBallot(
+                ballot,
+                `${this.voterUniqueId}-election-${this.electionUniqueId}.txt`
+              );
+              onAuditComplete();
+            });
+
+            onBindCastBallotButton(async () => {
+              await onCastBallot(ballot);
+              onCastComplete();
+            });
+          });
+        },
+        () => {
+          onInvalid();
+        }
+      );
+    });
+  }
+  async fakeEncrypt(plainVote) {
+    await new Promise((resolve) => setTimeout(resolve, FAKE_ENCRYPTION_TIME));
+
+    return {
+      encryptedData: plainVote,
+      encryptedDataHash: this.generateHexString(64),
+      auditableData: plainVote
+    };
+  }
+  generateHexString(length) {
+    return Array(length).
+      fill("").
+      map(() => Math.random().toString(16).charAt(2)).
+      join("");
+  }
+}
+
+export default function setupVoteComponent($voteWrapper) {
+  const voterUniqueId = $voteWrapper.data("voterId");
+  const electionUniqueId = $voteWrapper.data("electionUniqueId");
+
+  return new PreviewVoteComponent({
+    electionUniqueId,
+    voterUniqueId
+  });
+}
+
+window.Decidim = window.Decidim || {};
+window.Decidim.setupVoteComponent = setupVoteComponent;
+

data/app/packs/src/decidim/elections/voter/setup-vote.js

@@ -0,0 +1,50 @@
+/* eslint-disable require-jsdoc */
+
+import { VoteComponent } from "@codegram/decidim-bulletin_board";
+
+import * as VotingSchemesDummy from "@codegram/voting_schemes-dummy";
+const DummyVoterWrapperAdapter = VotingSchemesDummy.VoterWrapperAdapter;
+import * as VotingSchemesElectionGuard from "@codegram/voting_schemes-electionguard";
+const ElectionGuardVoterWrapperAdapter = VotingSchemesElectionGuard.VoterWrapperAdapter;
+
+export default function setupVoteComponent($voteWrapper) {
+  // Data
+  const bulletinBoardClientParams = {
+    apiEndpointUrl: $voteWrapper.data("apiEndpointUrl")
+  };
+  const electionUniqueId = $voteWrapper.data("electionUniqueId");
+  const authorityPublicKeyJSON = JSON.stringify(
+    $voteWrapper.data("authorityPublicKey")
+  );
+  const voterUniqueId = $voteWrapper.data("voterId");
+  const schemeName = $voteWrapper.data("schemeName");
+
+  // Use the correct voter wrapper adapter
+  let voterWrapperAdapter = null;
+
+  if (schemeName === "dummy") {
+    voterWrapperAdapter = new DummyVoterWrapperAdapter({
+      voterId: voterUniqueId
+    });
+  } else if (schemeName === "electionguard") {
+    voterWrapperAdapter = new ElectionGuardVoterWrapperAdapter({
+      voterId: voterUniqueId,
+      workerUrl: "/assets/electionguard/webworker.js"
+    });
+  } else {
+    throw new Error(`Voting scheme ${schemeName} not supported.`);
+  }
+
+  // Returns the vote component
+  return new VoteComponent({
+    bulletinBoardClientParams,
+    authorityPublicKeyJSON,
+    electionUniqueId,
+    voterUniqueId,
+    voterWrapperAdapter
+  });
+}
+
+window.Decidim = window.Decidim || {};
+window.Decidim.setupVoteComponent = setupVoteComponent;
+

data/app/{assets/javascripts/decidim/elections/vote_verify.js.es6 → packs/src/decidim/elections/voter/verify-vote.js}

@@ -1,10 +1,10 @@
 /* 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
+
+import { Client } from "@codegram/decidim-bulletin_board";
 
 $(() => {
-  const { Client } = decidimBulletinBoard;
-  const $voteVerifyWrapper = $(".vote-verify-wrapper");
+  const $voteVerifyWrapper = $(".verify-vote-wrapper");
   const $verifySubmitButton = $voteVerifyWrapper.find("a.focus__next.confirm");
 
   let $formData = $voteVerifyWrapper.find(".vote-identifier");
@@ -14,7 +14,7 @@ $(() => {
     onVoteIdentifierChange();
   }
 
-  initStep()
+  initStep();
 
   function onVoteIdentifierChange() {
     $formData.on("keyup input", (event) => {
@@ -26,9 +26,9 @@ $(() => {
 
   function toggleVerifyButton() {
     if ($formData.val().length > 5) {
-      $($verifySubmitButton).removeClass("disabled")
+      $($verifySubmitButton).removeClass("disabled");
     } else {
-      $($verifySubmitButton).addClass("disabled")
+      $($verifySubmitButton).addClass("disabled");
     }
   }
 
@@ -47,25 +47,26 @@ $(() => {
 
   function verifyVoteIdentifier() {
     const bulletinBoardClient = new Client({
-      apiEndpointUrl: $voteVerifyWrapper.data("apiEndpointUrl"),
-      wsEndpointUrl: $voteVerifyWrapper.data("websocketUrl")
+      apiEndpointUrl: $voteVerifyWrapper.data("apiEndpointUrl")
     });
 
-    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");
-      }
-    })
+    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()
+    initStep();
   });
 });

data/app/packs/src/decidim/elections/voter/vote_questions.component.js

@@ -0,0 +1,124 @@
+/**
+ * Vote Questions component.
+ */
+
+export default 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;
+    window.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")
+    })
+  }
+}

data/app/{assets/javascripts/decidim/votings/admin/monitoring_committee_members_form.js.es6 → packs/src/decidim/votings/admin/monitoring_committee_members_form.js}

@@ -1,6 +1,6 @@
-((exports) => {
-  const { createFieldDependentInputs } = exports.DecidimAdmin;
+import createFieldDependentInputs from "src/decidim/admin/field_dependent_inputs.component"
 
+$(() => {
   const $participantType = $("#monitoring_committee_member_existing_user");
 
   createFieldDependentInputs({
@@ -32,4 +32,4 @@
       return $field.val() === "true"
     }
   });
-})(window);
+})

data/app/{assets/javascripts/decidim/votings/admin/polling_officers_form.js.es6 → packs/src/decidim/votings/admin/polling_officers_form.js}

@@ -1,6 +1,6 @@
-((exports) => {
-  const { createFieldDependentInputs } = exports.DecidimAdmin;
+import createFieldDependentInputs from "src/decidim/admin/field_dependent_inputs.component"
 
+$(() => {
   const $participantType = $("#polling_officer_existing_user");
 
   createFieldDependentInputs({
@@ -32,4 +32,4 @@
       return $field.val() === "true"
     }
   });
-})(window);
+})

data/app/{assets/javascripts/decidim/votings/admin/polling_stations_form.js.es6 → packs/src/decidim/votings/admin/polling_stations_form.js}

@@ -1,5 +1,6 @@
-(() => {
-  const { attachGeocoding } = window.Decidim;
+import attachGeocoding from "src/decidim/geocoding/attach_input"
+
+$(() => {
   const $form = $(".edit_polling_station, .new_polling_station");
   attachGeocoding($form.find("#polling_station_address"));
-})(window);
+})

data/app/packs/src/decidim/votings/admin/update_census_dataset_status.js

@@ -0,0 +1,13 @@
+$(() => {
+  const updateCensusDatasetStatus = () => {
+    const $wrapper = $("#census-creating-data-wrapper");
+    const updateStatusUrl = $wrapper.data("updateStatusUrl")
+
+    if ($wrapper.length > 0) {
+      $.get(updateStatusUrl);
+    }
+  }
+
+  // 1 minute
+  setInterval(updateCensusDatasetStatus, 60000);
+});

data/app/packs/src/decidim/votings/in-person-vote.js

@@ -0,0 +1,20 @@
+import { Client } from "@codegram/decidim-bulletin_board";
+
+$(async () => {
+  const $inPersonVoteWrapper = $(".in-person-vote-wrapper");
+  if ($inPersonVoteWrapper.length > 0) {
+    const bulletinBoardClient = new Client({
+      apiEndpointUrl: $inPersonVoteWrapper.data("apiEndpointUrl")
+    });
+    const messageId = $inPersonVoteWrapper.data("messageId");
+
+    await bulletinBoardClient.waitForPendingMessageToBeProcessed(messageId);
+
+    $("form.update_vote_status").trigger("submit");
+  }
+
+  $(".js-verify-document").on("click", () => {
+    $("#verify-document").hide();
+    $("#complete-voting").removeClass("hide");
+  });
+});

data/app/packs/src/decidim/votings/polling_officer_zone/edit-closure.js

@@ -0,0 +1,26 @@
+$(() => {
+  const $validBallotsInput = $("#closure_result__ballot_results__valid_ballots_count");
+  const $blankBallotsInput = $("#closure_result__ballot_results__blank_ballots_count");
+  const $nullBallotsInput = $("#closure_result__ballot_results__null_ballots_count");
+
+  const checkTotals = () => {
+    const totalBallots = $("#closure_result-total-ballots").data("total-ballots");
+    const validBallotsCount = parseInt($validBallotsInput.val(), 10);
+    const blankBallotsCount = parseInt($blankBallotsInput.val(), 10);
+    const nullBallotsCount = parseInt($nullBallotsInput.val(), 10);
+
+    let recount = validBallotsCount + blankBallotsCount + nullBallotsCount
+
+    if (recount === totalBallots) {
+      $("#submit-ballot-recount").removeClass("hide");
+      $("#btn-modal-closure-results-count-error").addClass("hide");
+    } else {
+      $("#submit-ballot-recount").addClass("hide");
+      $("#btn-modal-closure-results-count-error").removeClass("hide");
+    }
+  };
+
+  $validBallotsInput.on("blur", checkTotals);
+  $blankBallotsInput.on("blur", checkTotals);
+  $nullBallotsInput.on("blur", checkTotals);
+});

data/app/packs/src/decidim/votings/polling_officer_zone/in-person-vote.js

@@ -0,0 +1,5 @@
+$(() => {
+  $("#person_voted_checkbox").on("change", (event) => {
+    $("#submit_complete_voting").toggleClass("disabled", !$(event.target).is(":checked"));
+  });
+});

data/app/packs/src/decidim/votings/polling_officer_zone/new-closure.js

@@ -0,0 +1,35 @@
+$(() => {
+  const $submitBtn = $("#submit-verify-votes");
+  const $modalBtn = $("#btn-modal-closure-count-error");
+  const $totalBallotsInput = $("#envelopes_result_total_ballots_count");
+  const $electionVotesInput = $("#envelopes_result_election_votes_count");
+
+  const checkValues = () => {
+    const totalBallotsInputValue = parseInt($totalBallotsInput.val(), 10);
+    const electionVotesInputValue = parseInt($electionVotesInput.val(), 10);
+
+
+    if (totalBallotsInputValue === electionVotesInputValue) {
+      $submitBtn.removeClass("disabled hide");
+      $modalBtn.addClass("hide");
+    } else {
+      $submitBtn.addClass("hide");
+      $modalBtn.removeClass("hide");
+    }
+  };
+
+  $totalBallotsInput.on("blur", checkValues);
+
+  $("#submit-verify-votes").addClass("disabled");
+
+  $totalBallotsInput.on("keyup", function() {
+    $("#modal-total-ballots-value").html(parseInt($totalBallotsInput.val(), 10));
+    $("#envelopes_result_polling_officer_notes").val("")
+  });
+
+  $("#envelopes_result_polling_officer_notes").on("keyup", function() {
+    let modalPollingOfficerNotes = $("#envelopes_result_polling_officer_notes").val()
+
+    $("#btn-submit-from-modal").toggleClass("disabled", !modalPollingOfficerNotes.trim());
+  });
+});

data/app/packs/src/decidim/votings/polling_officer_zone/sign-closure.js

@@ -0,0 +1,13 @@
+$(() => {
+  const $submitBtn = $("#btn-submit-from-modal");
+  const $modalBtn = $("#btn-modal-closure-sign");
+  const $signCheckbox = $("#closure_sign_signed");
+
+  const changeButtonProps = (event) => {
+    const notSigned = !$(event.target).is(":checked");
+    $modalBtn.prop("disabled", notSigned);
+    $submitBtn.prop("disabled", notSigned);
+  };
+
+  $signCheckbox.on("change", changeButtonProps);
+});

data/app/packs/src/decidim/votings/voting-description-cell.js

@@ -0,0 +1,41 @@
+$(() => {
+  const isShowMoreButton = ($button) => $button.hasClass("show-more-content");
+
+  const remToPx = (count) => {
+    const unit = $("html").css("font-size");
+
+    if (typeof count !== "undefined" && count > 0) {
+      return (parseInt(unit, 10) || 0) * count;
+    }
+    return parseInt(unit, 10) || 0;
+  };
+
+  const $button = $(".voting-description-cell .content-height-toggler .button");
+  const $content = $button.closest(".voting-description-cell").find(".content");
+  const contentHeight = $content.height();
+
+  let contentMaxHeight = remToPx(7.8);
+  if ($("#introductory-image").length) {
+    contentMaxHeight = $("#introductory-image").height();
+  }
+
+  if (contentHeight < contentMaxHeight) {
+    $button.hide();
+  } else {
+    $content.css("max-height", contentMaxHeight);
+  }
+
+  $button.on("click", (event) => {
+    const $buttonTextMore = $button.find(".button-text.show-more-content");
+    const $buttonTextLess = $button.find(".button-text.show-less-content");
+
+    let newHeight = contentMaxHeight;
+    if (isShowMoreButton($(event.target))) {
+      newHeight = contentHeight;
+    }
+
+    $content.css("max-height", newHeight);
+    $buttonTextLess.toggleClass("hide");
+    $buttonTextMore.toggleClass("hide");
+  });
+});

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

@@ -0,0 +1,8 @@
+@import "stylesheets/decidim/elections/focus/accordion";
+@import "stylesheets/decidim/elections/focus/evote";
+@import "stylesheets/decidim/elections/focus/focus";
+
+.card__icondata ul li:not(:first-child) strong,
+.card__block ul li:not(:first-child) strong{
+  font-size: 100%;
+}

data/app/{assets → packs}/stylesheets/decidim/elections/focus/_evote.scss

@@ -22,6 +22,11 @@
     text-align: center;
   }
 
+  &__grid .row{
+    display: block;
+    text-align: left;
+  }
+
   &__content{
     margin: 1rem auto;
 
@@ -223,7 +228,9 @@
     letter-spacing: normal;
   }
 
-  &__encrypting{
+  &__encrypting,
+  &__casting,
+  &__confirming{
     width: 200px;
     height: 40px;
     display: flex;