decidim-elections 0.23.1 → 0.24.0.rc2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6a0f747013771fec07b9fbd8be612b78a8caa04fd62ecba9369ada02f3bbd953
-  data.tar.gz: 0d76eb075fded31ac6ce1aeb8a72f52d84e158a141c6b62139f55dd8968ac584
+  metadata.gz: 60832512a83be2c28933a82f146cba69c4e55e704b2516b43296d2c82e7c8669
+  data.tar.gz: 68fecb9645fc4bba7b9c64e9c6d3de420ba13a77aa04a40e401b883376cad882
 SHA512:
-  metadata.gz: e2cd3f42c453319de74d0e6b99bd129f0f1e527decc20e500f5b019dd42c31e2c231a05ca961c85dbd5df1aa889180a27f60fe43548b28b56d4ed89806d56a04
-  data.tar.gz: e3b59fa5c38a91491ebd694eccdd8f2691d9fcad5613e94b63d5e296f378d4a544e4c48173db2213525421dc5103b779681af2b2bf053a0eb8168d4ae657643d
+  metadata.gz: 43d91e7c5d48d6e83f0db0eb843c724f86532a62d249301974b5968404efe9e30cc1d7dbeaa071839d02119e6595cfb45c9a68dcc7646672e7324d1b8f29a57e
+  data.tar.gz: ce428f9d81a27ffed42271e36f476b6af63c16fbb5df6fa9dfc02ce7430a3b10cffdf5bd9763b65be80af5b03faf325a9bb4fbbed79c9b14b677aaa3a0292940

data/README.md

@@ -8,6 +8,8 @@ The Elections module adds elections to any participatory space.
 
 Elections will be available as a Component for a Participatory Space.
 
+In order to celebrate [End-to-end auditable votings](https://en.wikipedia.org/wiki/End-to-end_auditable_voting_systems) using the Elections module, you will need to connect your Decidim instance with an instance of the [Decidim Bulletin Board application](https://github.com/decidim/decidim-bulletin-board/). To create this connection, please check the [instructions](https://github.com/decidim/decidim/blob/develop/docs/services/elections_bulletin_board.md).
+
 ## Installation
 
 Add this line to your application's Gemfile:

data/app/assets/config/admin/decidim_votings_manifest.js

@@ -0,0 +1,4 @@
+//= link decidim/votings/admin/polling_officers_form.js
+//= link decidim/votings/admin/polling_officers_picker.js
+//= link decidim/votings/admin/polling_stations_form.js
+//= link decidim/votings/admin/monitoring_committee_members_form.js

data/app/assets/config/decidim_elections_manifest.css

@@ -0,0 +1,3 @@
+/*
+ *= link decidim/elections/trustee_zone.scss
+ */

data/app/assets/config/decidim_elections_manifest.js

@@ -1,2 +1,8 @@
+//= link decidim/elections/admin/pending_action.js
+//= link decidim/elections/admin/vote_statistics.js.es6
+//= link decidim/elections/trustee_zone/key_ceremony.js
+//= link decidim/elections/trustee_zone/tally.js
+//= link decidim/elections/trustee_zone.js
 //= link decidim/elections/vote.js
+//= link decidim/elections/vote_verify.js
 //= link_tree ../images/decidim

data/app/assets/config/decidim_votings_manifest.css

@@ -0,0 +1,3 @@
+/*
+ *= link decidim/votings/votings.scss
+ */

data/app/assets/images/decidim/votings/icon.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 8 8"><path d="M2.91-.03a1 1 0 0 0-.13.03 1 1 0 0 0-.78 1v2a1 1 0 1 0 2 0v-2a1 1 0 0 0-1.09-1.03zm-2.56 2.03a.5.5 0 0 0-.34.5v.5c0 1.48 1.09 2.69 2.5 2.94v1.06h-.5c-.55 0-1 .45-1 1h4.01c0-.55-.45-1-1-1h-.5v-1.06c1.41-.24 2.5-1.46 2.5-2.94v-.5a.5.5 0 1 0-1 0v.5c0 1.11-.89 2-2 2-1.11 0-2-.89-2-2v-.5a.5.5 0 0 0-.59-.5.5.5 0 0 0-.06 0z" transform="translate(1)"/></svg>

data/app/assets/javascripts/decidim/elections/admin/pending_action.js.es6

@@ -0,0 +1,16 @@
+// = require decidim/bulletin_board/decidim-bulletin_board
+
+$(() => {
+  const { Client } = decidimBulletinBoard;
+  const $form = $("form.step");
+  const $pendingAction = $form.find("#pending_action")
+  const bulletinBoardClient = new Client({
+    apiEndpointUrl: $pendingAction.data("apiEndpointUrl")
+  });
+  const messageId = $pendingAction.data("messageId")
+
+  bulletinBoardClient.waitForPendingMessageToBeProcessed(messageId).then(() => {
+    $form.submit();
+  });
+});
+

data/app/assets/javascripts/decidim/elections/admin/vote_statistics.js.es6

@@ -0,0 +1,11 @@
+/* eslint-disable no-inline-comments */
+/* eslint-disable line-comment-position */
+// fetches Vote stats every 3 seconds
+
+$(() => {
+  const WAIT_TIME_MS = 3000; // 3s
+
+  setInterval(function() {
+    $("#vote-stats").load($("#vote-stats").data("refreshUrl"));
+  }, WAIT_TIME_MS);
+})

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

@@ -0,0 +1,54 @@
+/* eslint-disable require-jsdoc, no-alert, func-style */
+// = require decidim/bulletin_board/decidim-bulletin_board
+
+window.Decidim = window.Decidim || {};
+
+$(() => {
+  const { IdentificationKeys } = window.decidimBulletinBoard;
+
+  function identificationKeys() {
+    const $form = $(".trustee_zone form");
+    const $trusteeUniqueId = $("#trustee_unique_id", $form);
+    const $trusteePublicKey = $("#trustee_public_key", $form);
+
+    window.trusteeIdentificationKeys = new IdentificationKeys($trusteeUniqueId.val(), $trusteePublicKey.val());
+    if (!window.trusteeIdentificationKeys.browserSupport) {
+      $("#not_supported_browser").addClass("visible");
+      return;
+    }
+
+    const $submit = $("#submit_identification_keys");
+    const $generate = $("#generate_identification_keys");
+    const $upload = $("#upload_identification_keys");
+
+    $("button", $generate).click(() => {
+      window.trusteeIdentificationKeys.generate().then(() => {
+        $trusteePublicKey.val(JSON.stringify(window.trusteeIdentificationKeys.publicKey));
+        $submit.addClass("visible");
+      }).catch(() => {
+        alert($generate.data("error"))
+      });
+    });
+
+    $("button.hollow", $submit).click(() => {
+      $trusteePublicKey.val("");
+      $submit.removeClass("visible");
+    });
+
+    $("button", $upload).click(() => {
+      window.trusteeIdentificationKeys.upload().then(() => {
+        $upload.addClass("hide");
+      }).catch((errorMessage) => {
+        alert($upload.data(errorMessage));
+      });
+    })
+
+    window.trusteeIdentificationKeys.present((result) => {
+      $upload.toggleClass("hide", result);
+    });
+  }
+
+  $(document).ready(() => {
+    identificationKeys()
+  })
+})

data/app/assets/javascripts/decidim/elections/trustee_zone/key_ceremony.js.es6

@@ -0,0 +1,126 @@
+// = require decidim/bulletin_board/decidim-bulletin_board
+
+/**
+ * This file is responsible to generate election keys,
+ * create a backup of keys for the trustee and
+ * update the election bulletin board status
+ */
+$(() => {
+  const {
+    KeyCeremonyComponent,
+    MessageIdentifier,
+    IdentificationKeys,
+    MESSAGE_RECEIVED
+  } = window.decidimBulletinBoard;
+
+  // UI Elements
+  const $keyCeremony = $(".key-ceremony");
+  const $startButton = $keyCeremony.find(".start");
+  const $backupModal = $("#show-backup-modal");
+  const $backupButton = $backupModal.find(".download-election-keys");
+  const $backButton = $keyCeremony.find(".back");
+  const $restoreModal = $("#show-restore-modal");
+  const $restoreButton = $restoreModal.find(".upload-election-keys");
+  const getStepRow = (step) => {
+    return $(`#${step.replace(".", "-")}`);
+  };
+
+  // Data
+  const bulletinBoardClientParams = {
+    apiEndpointUrl: $keyCeremony.data("apiEndpointUrl")
+  }
+  const electionUniqueId = `${$keyCeremony.data("authorityUniqueId")}.${$keyCeremony.data("electionId")}`
+  const trusteeContext = {
+    uniqueId: $keyCeremony.data("trusteeUniqueId"),
+    publicKeyJSON: JSON.stringify($keyCeremony.data("trusteePublicKey"))
+  };
+  let currentStep = null;
+  const trusteeIdentificationKeys = new IdentificationKeys(
+    trusteeContext.uniqueId,
+    trusteeContext.publicKeyJSON
+  );
+
+  // Use the key ceremony controller and bind all UI events
+  const controller = new KeyCeremonyComponent({
+    bulletinBoardClientParams,
+    electionUniqueId,
+    trusteeUniqueId: trusteeContext.uniqueId,
+    trusteeIdentificationKeys
+  });
+
+  trusteeIdentificationKeys.present(async (exists) => {
+    if (exists) {
+      await controller.bindEvents({
+        onBindRestoreButton(onEventTriggered) {
+          $restoreButton.on("change", ".restore-button-input", onEventTriggered);
+        },
+        onBindStartButton(onEventTriggered) {
+          $startButton.on("click", onEventTriggered);
+        },
+        onBindBackupButton(backupData, backupFilename, onEventTriggered) {
+          $backupButton.attr(
+            "href",
+            `data:text/plain;charset=utf-8,${backupData}`
+          );
+          $backupButton.attr("download", backupFilename);
+          $backupButton.on("click", onEventTriggered);
+        },
+        onSetup() {
+          $startButton.prop("disabled", false);
+        },
+        onEvent(event) {
+          let messageIdentifier = MessageIdentifier.parse(
+            event.message.messageId
+          );
+
+          if (event.type === MESSAGE_RECEIVED) {
+            if (currentStep && currentStep !== messageIdentifier.typeSubtype) {
+              const $previousStep = getStepRow(currentStep);
+              $previousStep.attr("data-step-status", "completed");
+            }
+            currentStep = messageIdentifier.typeSubtype;
+
+            const $currentStep = getStepRow(currentStep);
+            if ($currentStep.data("step-status") !== "completed") {
+              $currentStep.attr("data-step-status", "processing");
+            }
+          }
+        },
+        onRestore() {
+          $restoreModal.foundation("close");
+        },
+        onComplete() {
+          const $allSteps = $(".step_status");
+          $allSteps.attr("data-step-status", "completed");
+
+          $startButton.addClass("hide");
+          $backButton.removeClass("hide");
+
+          $.ajax({
+            method: "PATCH",
+            url: $keyCeremony.data("updateElectionStatusUrl"),
+            contentType: "application/json",
+            data: JSON.stringify({
+              status: "key_ceremony"
+            }),
+            headers: {
+              "X-CSRF-Token": $("meta[name=csrf-token]").attr("content")
+            }
+          });
+        },
+        onStart() {
+          $startButton.prop("disabled", true);
+        },
+        onTrusteeNeedsToBeRestored() {
+          $restoreModal.foundation("open");
+        },
+        onBackupNeeded() {
+          $backupModal.foundation("open");
+        },
+        onBackupStarted() {
+          $backupModal.foundation("close");
+        }
+      });
+    }
+  });
+});

data/app/assets/javascripts/decidim/elections/trustee_zone/tally.js.es6

@@ -0,0 +1,104 @@
+// = require decidim/bulletin_board/decidim-bulletin_board
+
+$(() => {
+  const { TallyComponent, IdentificationKeys, MessageIdentifier, MESSAGE_RECEIVED } = window.decidimBulletinBoard;
+
+  // UI Elements
+  const $tally = $(".tally");
+  const $startButton = $tally.find(".start");
+  const getStepRow = (step) => {
+    return $(`#${step.replace(".", "-")}`);
+  };
+  const $restoreModal = $("#show-restore-modal");
+  const $restoreButton = $restoreModal.find(".upload-election-keys");
+  const $backButton = $tally.find(".back");
+
+  // Data
+  const bulletinBoardClientParams = {
+    apiEndpointUrl: $tally.data("apiEndpointUrl")
+  };
+  const electionUniqueId = `${$tally.data("authorityUniqueId")}.${$tally.data("electionId")}`
+  const trusteeContext = {
+    uniqueId: $tally.data("trusteeUniqueId"),
+    publicKeyJSON: JSON.stringify($tally.data("trusteePublicKey"))
+  };
+  const trusteeIdentificationKeys = new IdentificationKeys(
+    trusteeContext.uniqueId,
+    trusteeContext.publicKeyJSON
+  );
+  let currentStep = null;
+
+  // Use the tally component and bind all UI events
+  const component = new TallyComponent({
+    bulletinBoardClientParams,
+    electionUniqueId,
+    trusteeUniqueId: trusteeContext.uniqueId,
+    trusteeIdentificationKeys
+  });
+
+  const bindComponentEvents = async () => {
+    await component.bindEvents({
+      onEvent(event) {
+        let messageIdentifier = MessageIdentifier.parse(
+          event.message.messageId
+        );
+
+        if (event.type === MESSAGE_RECEIVED) {
+          if (currentStep && currentStep !== messageIdentifier.typeSubtype) {
+            const $previousStep = getStepRow(currentStep);
+            $previousStep.attr("data-step-status", "completed");
+          }
+          currentStep = messageIdentifier.typeSubtype;
+
+          const $currentStep = getStepRow(currentStep);
+          if ($currentStep.data("step-status") !== "completed") {
+            $currentStep.attr("data-step-status", "processing");
+          }
+        }
+      },
+      onSetup() {
+        $startButton.prop("disabled", false);
+      },
+      onBindStartButton(onEventTriggered) {
+        $startButton.on("click", onEventTriggered);
+      },
+      onStart() {
+        $startButton.prop("disabled", true);
+      },
+      onComplete() {
+        const $allSteps = $(".step_status");
+        $allSteps.attr("data-step-status", "completed");
+
+        $startButton.addClass("hide");
+        $backButton.removeClass("hide");
+
+        $.ajax({
+          method: "PATCH",
+          url: $tally.data("updateElectionStatusUrl"),
+          contentType: "application/json",
+          data: JSON.stringify({
+            status: "tally"
+          }),
+          headers: {
+            "X-CSRF-Token": $("meta[name=csrf-token]").attr("content")
+          }
+        });
+      },
+      onTrusteeNeedsToBeRestored() {
+        $restoreModal.foundation("open");
+      },
+      onBindRestoreButton(onEventTriggered) {
+        $restoreButton.on("change", ".restore-button-input", onEventTriggered);
+      },
+      onRestore() {
+        $restoreModal.foundation("close");
+      }
+    });
+  };
+
+  trusteeIdentificationKeys.present(async (exists) => {
+    if (exists) {
+      await bindComponentEvents();
+    }
+  });
+});

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

@@ -1,170 +1,117 @@
-/* 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" }] */
-
-$(() => {
-  const $vote = $(".focus");
-  const $continueButton = $vote.find("a.focus__next");
-  const $confirmButton = $vote.find("a.focus__next.confirm");
-  const $continueSpan = $vote.find("span.disabled-continue");
-  let $answerCounter = 0;
-  let $currentStep,
-      $currentStepMaxSelection = "";
-  let $formData = $vote.find(".answer_input");
-
-  function initStep() {
-    setCurrentStep();
-    toggleContinueButton();
-    $($confirmButton).addClass("show").removeClass("hide");
-    $(".evote__counter-min").text($answerCounter);
-    answerCounter();
-    disableCheckbox();
-  }
-
-  initStep()
-
-  function setCurrentStep() {
-    $currentStep = $vote.find(".focus__step:visible")
-    setSelections();
-    onSelectionChange();
-  }
-
-  function setSelections() {
-    $currentStepMaxSelection = $currentStep.find(".evote__options").data("max-selection")
-  }
+// = require decidim/bulletin_board/decidim-bulletin_board
+// = require ./vote_questions.component
+
+$(async () => {
+  const { VoteQuestionsComponent } = window.Decidim;
+  const { VoteComponent } = window.decidimBulletinBoard;
+
+  // UI Elements
+  const $voteWrapper = $(".vote-wrapper");
+
+  // Data
+  const bulletinBoardClientParams = {
+    apiEndpointUrl: $voteWrapper.data("apiEndpointUrl")
+  };
+  const electionUniqueId = $voteWrapper.data("electionUniqueId");
+  const voterUniqueId = $voteWrapper.data("voterId");
+
+  // Use the questions component
+  const questionsComponent = new VoteQuestionsComponent($voteWrapper);
+  questionsComponent.init();
+  $(document).on("on.zf.toggler", () => {
+    // continue and back btn
+    questionsComponent.init()
+  });
 
-  function onSelectionChange() {
-    let $voteOptions = $currentStep.find(".evote__options");
-    $voteOptions.on("change", (event) => {
-      toggleContinueButton();
-      toggleConfirmAnswers();
-      answerCounter();
-    });
-  }
+  // Use the voter component and bind all UI events
+  const voteComponent = new VoteComponent({
+    bulletinBoardClientParams,
+    electionUniqueId,
+    voterUniqueId
+  });
 
-  // disable checkboxes if NOTA option is selected
-  function disableCheckbox() {
-    $("[data-disabled-by]").on("click", function(e) {
-      if ($(this).attr("aria-disabled") || $(this).hasClass("is-disabled")) {
-        e.preventDefault();
+  await voteComponent.bindEvents({
+    onSetup() {},
+    onBindStartButton(onEventTriggered) {
+      $(".button.confirm").on("click", onEventTriggered);
+    },
+    onStart() {},
+    onVoteValidation(validVoteFn) {
+      const getFormData = (formData) => {
+        return formData.serializeArray().reduce((acc, {name, value}) => {
+          if (!acc[name]) {
+            acc[name] = [];
+          }
+          acc[name] = [...acc[name], value];
+          return acc;
+        }, {"ballot_style": "unique"});
       }
-    });
-
-    $("[data-disable-check]").on("change", function() {
-      let checkId = $(this).attr("id");
-      let checkStatus = this.checked;
 
-      $($currentStep).find("[data-disabled-by='#" + checkId + "']").each(function() {
-        if (checkStatus) {
-          $(this).addClass("is-disabled");
-          $(this).find("input[type=checkbox]").prop("checked", false);
-        } else {
-          $(this).removeClass("is-disabled");
+      const formData = getFormData($voteWrapper.find(".answer_input"));
+      validVoteFn(formData);
+    },
+    async onVoteEncrypted({encryptedVote, encryptedVoteHash}) {
+      const simulatePreviewDelay = () => {
+        return new Promise((resolve) => setTimeout(resolve, 500));
+      };
+      const isPreview = $voteWrapper.data("booth-mode") === "preview";
+
+      await $.ajax({
+        method: "POST",
+        url: $voteWrapper.data("castVoteUrl"),
+        contentType: "application/json",
+        data: JSON.stringify({ encrypted_vote: encryptedVote, encrypted_vote_hash: encryptedVoteHash }), // eslint-disable-line camelcase
+        headers: {
+          "X-CSRF-Token": $("meta[name=csrf-token]").attr("content")
         }
-
-        $(this).find("input[type=checkbox]").attr("aria-disabled", checkStatus);
       });
-    });
-  }
-
-  function toggleContinueButton() {
-    if (checkAnswers() === true) {
-      // next step enabled
-      $($continueButton).addClass("show").removeClass("hide")
-      $($continueSpan).addClass("hide").removeClass("show")
-    } else {
-      // next step disabled
-      $($continueButton).addClass("hide").removeClass("show")
-      $($continueSpan).addClass("show").removeClass("hide")
-    }
-  }
-
-  // check if answers are correctly checked
-  function checkAnswers() {
-    let currentAnswersChecked = $("#" + $currentStep.attr("id") + " .answer_input:checked").length
-    let notaAnswerChecked = $("#" + $currentStep.attr("id") + " .nota_input:checked").length
-
-    if ((currentAnswersChecked >= 1 || notaAnswerChecked > 0) && (currentAnswersChecked <= $currentStepMaxSelection)) {
-      return true;
-    }
-
-    return false;
-  }
-
-  // receive confirmed answers
-  function toggleConfirmAnswers() {
-    $(".answer_input:checked").each(function() {
-      let confirmedAnswer = $(".evote__confirm").find("#" + this.value);
-      $(confirmedAnswer).removeClass("hide")
-    })
-
-    $(".answer_input").not(":checked").each(function() {
-      let confirmedAnswer = $(".evote__confirm").find("#" + this.value);
-      $(confirmedAnswer).addClass("hide")
-    })
 
-    $(".nota_input:checked").each(function() {
-      let confirmedAnswer = $(".evote__confirm").find("." + this.value);
-      $(confirmedAnswer).removeClass("hide")
-    })
-
-    $(".nota_input").not(":checked").each(function() {
-      let confirmedAnswer = $(".evote__confirm").find("." + this.value);
-      $(confirmedAnswer).addClass("hide")
-    })
-  }
-
-  function answerCounter() {
-    let checked = $("#" + $currentStep.attr("id") + " .answer_input:checked").length
-    $(".evote__counter-min").text(checked);
-  }
-
-  // get form Data
-  function getFormData(formData) {
-    let unindexedArray = formData.serializeArray();
-    let indexedArray = {};
-    $.map(unindexedArray, function(n, i) {
-      indexedArray[n.name] = n.value;
-    });
-
-    return indexedArray;
-  }
-
-  // confirm vote
-  $(".button.confirm").on("click", (event) => {
-    const boothMode = $(event.currentTarget).data("booth-mode");
-    const formData = getFormData($formData);
-    castVote(boothMode, formData)
-  });
-
-  // cast vote
-  function castVote(boothMode, formData) {
-    // log form Data
-    console.log(`Your vote got encrypted successfully. The booth mode is ${boothMode}. Your vote content is:`, formData) // eslint-disable-line no-console
-
-    window.setTimeout(function() {
-      $($vote).find("#encrypting").addClass("hide")
-      $($vote).find("#confirmed_page").removeClass("hide")
-      window.confirmed = true;
-    }, 3000)
-  }
-
-  // exit message before confirming
-  const $form = $(".evote__options");
-  if ($form.length > 0) {
-
-    window.onbeforeunload = () => {
-      const voteCast = window.confirmed;
-
-      if (voteCast) {
-        return null;
+      if (isPreview) {
+        await simulatePreviewDelay();
+        $voteWrapper.find("#encrypting").addClass("hide");
+        $voteWrapper.find("#confirmed_page").removeClass("hide");
+        $voteWrapper.find(".vote-confirmed-result").hide();
+        questionsComponent.voteCasted = true;
+        await simulatePreviewDelay()
+        $voteWrapper.find(".vote-confirmed-processing").hide();
+        $voteWrapper.find(".vote-confirmed-result").show();
+      } else {
+        const messageId = $voteWrapper.find(".vote-confirmed-result").data("messageId");
+        const voteId = $voteWrapper.find(".vote-confirmed-result").data("voteId");
+        const pendingMessage = await voteComponent.bulletinBoardClient.waitForPendingMessageToBeProcessed(messageId);
+
+        await $.ajax({
+          method: "PATCH",
+          url: $voteWrapper.data("updateVoteStatusUrl"),
+          contentType: "application/json",
+          data: JSON.stringify({ vote_id: voteId }), // eslint-disable-line camelcase
+          headers: {
+            "X-CSRF-Token": $("meta[name=csrf-token]").attr("content")
+          }
+        });
+
+        if (pendingMessage.status === "accepted") {
+          $voteWrapper.find("#encrypting").addClass("hide");
+          $voteWrapper.find("#confirmed_page").removeClass("hide");
+          $voteWrapper.find(".vote-confirmed-result").hide();
+          questionsComponent.voteCasted = true;
+
+          const logEntry = await voteComponent.voter.verifyVote(encryptedVoteHash);
+
+          if (logEntry) {
+            $voteWrapper.find(".vote-confirmed-processing").hide();
+            $voteWrapper.find(".vote-confirmed-result").show();
+          } else {
+            const $error = $voteWrapper.find(".vote-confirmed-result").data("error");
+            alert($error); // eslint-disable-line no-alert
+          }
+        } else {
+          const $error = $voteWrapper.find(".vote-confirmed-result").data("error");
+          alert($error); // eslint-disable-line no-alert
+        }
       }
-
-      return "";
-    }
-  }
-
-  $(document).on("on.zf.toggler", (event) => {
-    // continue and back btn
-    initStep()
+    },
+    onComplete() {},
+    onInvalid() {}
   });
 });