decidim-elections 0.27.4 → 0.28.0.rc5

data/app/packs/src/decidim/elections/election_log.js

@@ -6,156 +6,154 @@ import { Client, MessageParser } from "@decidim/decidim-bulletin_board";
 
 $(async () => {
   // UI Elements
-  const $electionLog = $(".election-log");
-  const $createElectionStep = $electionLog.find("#create-election-step");
-  const $keyCeremonyStep = $electionLog.find("#key-ceremony-step");
-  const $voteStep = $electionLog.find("#vote-step");
-  const $tallyStep = $electionLog.find("#tally-step");
-  const $resultStep = $electionLog.find("#results-step");
-
-  // Data
-  const authorityPublicKeyJSON = JSON.stringify(
-    $electionLog.data("authorityPublicKey")
-  );
-  const bulletinBoardClient = new Client({
-    apiEndpointUrl: $electionLog.data("apiEndpointUrl")
-  });
-  const electionUniqueId = `${$electionLog.data(
-    "authoritySlug"
-  )}.${$electionLog.data("electionId")}`;
-  const parser = new MessageParser({ authorityPublicKeyJSON });
-  const logEntries = await bulletinBoardClient.getElectionLogEntries({
-    electionUniqueId: electionUniqueId,
-    types: [
-      "create_election",
-      "start_key_ceremony",
-      "end_key_ceremony",
-      "start_vote",
-      "end_vote",
-      "start_tally",
-      "end_tally",
-      "publish_results"
-    ]
-  });
-
-  // Functions to be used for each step
-
-  // adds the `iat` of the message to the UI
-  const setMessageTime = async (logEntryStep, uiStep) => {
-    if (!logEntryStep.signedData) {
-      uiStep.find(".time").html("");
-      return;
+  const $electionLog = $("#election-log");
+
+  if ($electionLog.length) {
+    const $createElectionStep = $electionLog.find("#create-election-step");
+    const $keyCeremonyStep = $electionLog.find("#key-ceremony-step");
+    const $voteStep = $electionLog.find("#vote-step");
+    const $tallyStep = $electionLog.find("#tally-step");
+    const $resultStep = $electionLog.find("#results-step");
+
+    // Data
+    const authorityPublicKeyJSON = JSON.stringify(
+      $electionLog.data("authorityPublicKey")
+    );
+    const bulletinBoardClient = new Client({
+      apiEndpointUrl: $electionLog.data("apiEndpointUrl")
+    });
+    const electionUniqueId = `${$electionLog.data(
+      "authoritySlug"
+    )}.${$electionLog.data("electionId")}`;
+    const parser = new MessageParser({ authorityPublicKeyJSON });
+    const logEntries = await bulletinBoardClient.getElectionLogEntries({
+      electionUniqueId: electionUniqueId,
+      types: [
+        "create_election",
+        "start_key_ceremony",
+        "end_key_ceremony",
+        "start_vote",
+        "end_vote",
+        "start_tally",
+        "end_tally",
+        "publish_results"
+      ]
+    });
+
+    // Functions to be used for each step
+
+    // adds the `iat` of the message to the UI
+    const setMessageTime = async (logEntryStep, uiStep) => {
+      if (!logEntryStep.signedData) {
+        uiStep.find("[data-time]").html("");
+        return;
+      }
+
+      const parsedData = await parser.parse(logEntryStep);
+      const messageTime = new Date(parsedData.decodedData.iat * 1000);
+      const year = messageTime.toDateString();
+      const time = messageTime.toLocaleTimeString();
+
+      uiStep.find("[data-time]").html(`${year} ${time}`);
+    };
+
+    // adds the chained Hash of the message to the UI
+    const addChainedHash = (logEntryStep, uiStep) => {
+      const $hash = uiStep.find("[data-chained-hash]");
+
+      $hash.parent().attr("hidden", false);
+      $hash.html(logEntryStep.chainedHash);
+    };
+
+    // finds the logEntry for each step
+    const getLogEntryByMessageId = (step) => {
+      return logEntries.find((logEntry) => logEntry.messageId.includes(step));
+    };
+
+    // CREATE ELECTION STEP
+    const createElectionLogEntry = getLogEntryByMessageId("create_election");
+    if (createElectionLogEntry) {
+      $createElectionStep.find("[data-no-election-created]").attr("hidden", true);
+      $createElectionStep.find("[data-election-created]").attr("hidden", false);
+
+      await setMessageTime(createElectionLogEntry, $createElectionStep);
+
+      addChainedHash(createElectionLogEntry, $createElectionStep);
     }
 
-    const parsedData = await parser.parse(logEntryStep);
-    const messageTime = new Date(parsedData.decodedData.iat * 1000);
-    const year = messageTime.toDateString();
-    const time = messageTime.toLocaleTimeString();
+    // KEY CEREMONY STEP
+    const startKeyCeremonyLogEntry = getLogEntryByMessageId("start_key_ceremony");
+    const endKeyCeremonyLogEntry = getLogEntryByMessageId("end_key_ceremony");
 
-    uiStep.find(".time").html(`${year} ${time}`);
-  };
+    if (startKeyCeremonyLogEntry && !endKeyCeremonyLogEntry) {
+      $keyCeremonyStep.find("[data-key-ceremony-not-started]").attr("hidden", true);
 
-  // adds the chained Hash of the message to the UI
-  const addChainedHash = (logEntryStep, uiStep) => {
-    uiStep.find(".card__footer--transparent").removeClass("hide");
-    uiStep.find(".chained-hash").html(logEntryStep.chainedHash);
-  };
+      await setMessageTime(startKeyCeremonyLogEntry, $keyCeremonyStep);
 
-  // finds the logEntry for each step
-  const getLogEntryByMessageId = (step) => {
-    return logEntries.find((logEntry) => logEntry.messageId.includes(step));
-  };
+      $keyCeremonyStep.find("[data-key-ceremony-started]").attr("hidden", false);
+      addChainedHash(startKeyCeremonyLogEntry, $keyCeremonyStep);
+    } else if (endKeyCeremonyLogEntry) {
+      $keyCeremonyStep.find("[data-key-ceremony-not-started]").attr("hidden", true);
 
-  // CREATE ELECTION STEP
-  const createElectionLogEntry = getLogEntryByMessageId("create_election");
-  if (createElectionLogEntry) {
-    $createElectionStep.find(".no-election-created").addClass("hide");
-    $createElectionStep.find(".election-created").removeClass("hide");
+      await setMessageTime(endKeyCeremonyLogEntry, $keyCeremonyStep);
 
-    await setMessageTime(createElectionLogEntry, $createElectionStep);
-
-    addChainedHash(createElectionLogEntry, $createElectionStep);
-  }
-
-  // KEY CEREMONY STEP
-  const startKeyCeremonyLogEntry = getLogEntryByMessageId("start_key_ceremony");
-  const endKeyCeremonyLogEntry = getLogEntryByMessageId("end_key_ceremony");
-
-  if (startKeyCeremonyLogEntry && !endKeyCeremonyLogEntry) {
-    $keyCeremonyStep.find(".key-ceremony-not-started").addClass("hide");
-    $keyCeremonyStep.find(".card__text").removeClass("hide");
-
-    await setMessageTime(startKeyCeremonyLogEntry, $keyCeremonyStep);
-
-    $keyCeremonyStep.find(".key-ceremony-started").removeClass("hide");
-    addChainedHash(startKeyCeremonyLogEntry, $keyCeremonyStep);
-  } else if (endKeyCeremonyLogEntry) {
-    $keyCeremonyStep.find(".key-ceremony-not-started").addClass("hide");
-    $keyCeremonyStep.find(".card__text").removeClass("hide");
-
-    await setMessageTime(endKeyCeremonyLogEntry, $keyCeremonyStep);
-
-    $keyCeremonyStep.find(".key-ceremony-started").addClass("hide");
-    $keyCeremonyStep.find(".key-ceremony-completed").removeClass("hide");
-    addChainedHash(endKeyCeremonyLogEntry, $keyCeremonyStep);
-  }
+      $keyCeremonyStep.find("[data-key-ceremony-started]").attr("hidden", true);
+      $keyCeremonyStep.find("[data-key-ceremony-completed]").attr("hidden", false);
+      addChainedHash(endKeyCeremonyLogEntry, $keyCeremonyStep);
+    }
 
-  // VOTING STEP
-  const startVoteLogEntry = getLogEntryByMessageId("start_vote");
-  const endVoteLogEntry = getLogEntryByMessageId("end_vote");
+    // VOTING STEP
+    const startVoteLogEntry = getLogEntryByMessageId("start_vote");
+    const endVoteLogEntry = getLogEntryByMessageId("end_vote");
 
-  if (startVoteLogEntry && !endVoteLogEntry) {
-    $voteStep.find(".vote-not-started").addClass("hide");
-    $voteStep.find(".card__text").removeClass("hide");
+    if (startVoteLogEntry && !endVoteLogEntry) {
+      $voteStep.find("[data-vote-not-started]").attr("hidden", true);
 
-    await setMessageTime(startVoteLogEntry, $voteStep);
+      await setMessageTime(startVoteLogEntry, $voteStep);
 
-    $voteStep.find(".vote-started").removeClass("hide");
-    addChainedHash(startVoteLogEntry, $voteStep);
-  } else if (endVoteLogEntry) {
-    $voteStep.find(".vote-not-started").addClass("hide");
-    $voteStep.find(".card__text").removeClass("hide");
+      $voteStep.find("[data-vote-started]").attr("hidden", false);
+      addChainedHash(startVoteLogEntry, $voteStep);
+    } else if (endVoteLogEntry) {
+      $voteStep.find("[data-vote-not-started]").attr("hidden", true);
 
-    await setMessageTime(endVoteLogEntry, $voteStep);
+      await setMessageTime(endVoteLogEntry, $voteStep);
 
-    $voteStep.find(".vote-started").addClass("hide");
-    $voteStep.find(".vote-completed").removeClass("hide");
-    addChainedHash(endVoteLogEntry, $voteStep);
-  }
+      $voteStep.find("[data-vote-started]").attr("hidden", true);
+      $voteStep.find("[data-vote-completed]").attr("hidden", false);
+      addChainedHash(endVoteLogEntry, $voteStep);
+    }
 
-  // TALLY STEP
-  const startTallyLogEntry = getLogEntryByMessageId("start_tally");
-  const endTallyLogEntry = getLogEntryByMessageId("end_tally");
+    // TALLY STEP
+    const startTallyLogEntry = getLogEntryByMessageId("start_tally");
+    const endTallyLogEntry = getLogEntryByMessageId("end_tally");
 
-  if (startTallyLogEntry && !endTallyLogEntry) {
-    $tallyStep.find(".tally-not-started").addClass("hide");
-    $tallyStep.find(".card__text").removeClass("hide");
+    if (startTallyLogEntry && !endTallyLogEntry) {
+      $tallyStep.find("[data-tally-not-started]").attr("hidden", true);
 
-    await setMessageTime(startTallyLogEntry, $tallyStep);
+      await setMessageTime(startTallyLogEntry, $tallyStep);
 
-    $tallyStep.find(".tally-started").removeClass("hide");
-    addChainedHash(startTallyLogEntry, $tallyStep);
-  } else if (endTallyLogEntry) {
-    $tallyStep.find(".tally-not-started").addClass("hide");
-    $tallyStep.find(".card__text").removeClass("hide");
+      $tallyStep.find("[data-tally-started]").attr("hidden", false);
+      addChainedHash(startTallyLogEntry, $tallyStep);
+    } else if (endTallyLogEntry) {
+      $tallyStep.find("[data-tally-not-started]").attr("hidden", true);
 
-    await setMessageTime(endTallyLogEntry, $tallyStep);
+      await setMessageTime(endTallyLogEntry, $tallyStep);
 
-    $tallyStep.find(".tally-started").addClass("hide");
-    $tallyStep.find(".tally-completed").removeClass("hide");
-    addChainedHash(endTallyLogEntry, $tallyStep);
-  }
+      $tallyStep.find("[data-tally-started]").attr("hidden", true);
+      $tallyStep.find("[data-tally-completed]").attr("hidden", false);
+      addChainedHash(endTallyLogEntry, $tallyStep);
+    }
 
-  // RESULTS STEP
-  const resultsLogEntry = getLogEntryByMessageId("publish_results");
+    // RESULTS STEP
+    const resultsLogEntry = getLogEntryByMessageId("publish_results");
 
-  if (resultsLogEntry) {
-    $resultStep.find(".results-not-published").addClass("hide");
-    $resultStep.find(".card__text").removeClass("hide");
+    if (resultsLogEntry) {
+      $resultStep.find("[data-results-not-published]").attr("hidden", true);
 
-    await setMessageTime(resultsLogEntry, $resultStep);
+      await setMessageTime(resultsLogEntry, $resultStep);
 
-    $resultStep.find(".results-published").removeClass("hide");
-    addChainedHash(resultsLogEntry, $resultStep);
+      $resultStep.find("[data-results-published]").attr("hidden", false);
+      addChainedHash(resultsLogEntry, $resultStep);
+    }
   }
 });

data/app/packs/src/decidim/elections/trustee/key_ceremony.js

@@ -18,149 +18,148 @@ import { TrusteeWrapperAdapter as ElectionGuardTrusteeWrapperAdapter } from "@de
  */
 $(() => {
   // UI Elements
-  const $keyCeremony = $(".trustee-step");
-  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(".", "-")}`);
-  };
-  const TRUSTEE_AUTHORIZATION_EXPIRATION_TIME_IN_HOURS = 2;
-
-  // Data
-  const bulletinBoardClientParams = {
-    apiEndpointUrl: $keyCeremony.data("apiEndpointUrl")
-  };
-  const electionUniqueId = `${$keyCeremony.data(
-    "authoritySlug"
-  )}.${$keyCeremony.data("electionId")}`;
-  const authorityPublicKeyJSON = JSON.stringify(
-    $keyCeremony.data("authorityPublicKey")
-  );
-  const schemeName = $keyCeremony.data("schemeName");
-
-  const trusteeContext = {
-    uniqueId: $keyCeremony.data("trusteeSlug"),
-    publicKeyJSON: JSON.stringify($keyCeremony.data("trusteePublicKey"))
-  };
-
-  let currentStep = null;
-  const trusteeIdentificationKeys = new IdentificationKeys(
-    trusteeContext.uniqueId,
-    trusteeContext.publicKeyJSON
-  );
-
-  // Use the correct trustee wrapper adapter
-  let trusteeWrapperAdapter = null;
-
-  if (schemeName === "dummy") {
-    trusteeWrapperAdapter = new DummyTrusteeWrapperAdapter({
-      trusteeId: trusteeContext.uniqueId
-    });
-  } else if (schemeName === "electionguard") {
-    trusteeWrapperAdapter = new ElectionGuardTrusteeWrapperAdapter({
-      trusteeId: trusteeContext.uniqueId,
-      workerUrl: "/assets/electionguard/webworker.js"
-    });
-  } else {
-    throw new Error(`Voting scheme ${schemeName} not supported.`);
-  }
-
-  // Use the key ceremony component and bind all UI events
-  const component = new KeyCeremonyComponent({
-    authorityPublicKeyJSON,
-    trusteeUniqueId: trusteeContext.uniqueId,
-    trusteeIdentificationKeys,
-    trusteeWrapperAdapter
-  });
-
-  trusteeIdentificationKeys.present(async (exists) => {
-    if (exists) {
-      await component.setupElection({
-        bulletinBoardClientParams,
-        electionUniqueId,
-        authorizationExpirationTimestamp:
-          Math.ceil(Number(new Date()) / 1000) +
-          TRUSTEE_AUTHORIZATION_EXPIRATION_TIME_IN_HOURS * 3600
+  const $keyCeremony = $("#trustee-step");
+  const trusteeStep = $keyCeremony.data("currentStep")
+
+  if ($keyCeremony.length && trusteeStep === "key_ceremony") {
+    const $startButton = $keyCeremony.find("#start");
+    const $backButton = $keyCeremony.find("#back");
+
+    const getStepRow = (step) => {
+      return $(`#${step.replace(".", "-")}`);
+    };
+    const TRUSTEE_AUTHORIZATION_EXPIRATION_TIME_IN_HOURS = 2;
+
+    // Data
+    const bulletinBoardClientParams = {
+      apiEndpointUrl: $keyCeremony.data("apiEndpointUrl")
+    };
+    const electionUniqueId = `${$keyCeremony.data(
+      "authoritySlug"
+    )}.${$keyCeremony.data("electionId")}`;
+    const authorityPublicKeyJSON = JSON.stringify(
+      $keyCeremony.data("authorityPublicKey")
+    );
+    const schemeName = $keyCeremony.data("schemeName");
+
+    const trusteeContext = {
+      uniqueId: $keyCeremony.data("trusteeSlug"),
+      publicKeyJSON: JSON.stringify($keyCeremony.data("trusteePublicKey"))
+    };
+
+    let currentStep = null;
+    const trusteeIdentificationKeys = new IdentificationKeys(
+      trusteeContext.uniqueId,
+      trusteeContext.publicKeyJSON
+    );
+
+    // Use the correct trustee wrapper adapter
+    let trusteeWrapperAdapter = null;
+
+    if (schemeName === "dummy") {
+      trusteeWrapperAdapter = new DummyTrusteeWrapperAdapter({
+        trusteeId: trusteeContext.uniqueId
       });
+    } else if (schemeName === "electionguard") {
+      trusteeWrapperAdapter = new ElectionGuardTrusteeWrapperAdapter({
+        trusteeId: trusteeContext.uniqueId,
+        workerUrl: "/assets/electionguard/webworker.js"
+      });
+    } else {
+      throw new Error(`Voting scheme ${schemeName} not supported.`);
+    }
 
-      await component.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);
-        },
-        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;
+    // Use the key ceremony component and bind all UI events
+    const component = new KeyCeremonyComponent({
+      authorityPublicKeyJSON,
+      trusteeUniqueId: trusteeContext.uniqueId,
+      trusteeIdentificationKeys,
+      trusteeWrapperAdapter
+    });
 
-            const $currentStep = getStepRow(currentStep);
-            if ($currentStep.data("step-status") !== "completed") {
-              $currentStep.attr("data-step-status", "processing");
+    trusteeIdentificationKeys.present(async (exists) => {
+      if (exists) {
+        await component.setupElection({
+          bulletinBoardClientParams,
+          electionUniqueId,
+          authorizationExpirationTimestamp:
+            Math.ceil(Number(new Date()) / 1000) +
+            TRUSTEE_AUTHORIZATION_EXPIRATION_TIME_IN_HOURS * 3600
+        });
+
+        await component.bindEvents({
+          onBindRestoreButton(onEventTriggered) {
+            $("#restore-button-input").on("change", onEventTriggered);
+          },
+          onBindStartButton(onEventTriggered) {
+            $startButton.on("click", onEventTriggered);
+          },
+          onBindBackupButton(backupData, backupFilename, onEventTriggered) {
+            const $backupButton = $("#download-election-keys");
+
+            $backupButton.attr(
+              "href",
+              `data:text/plain;charset=utf-8,${backupData}`
+            );
+            $backupButton.attr("download", backupFilename);
+            $backupButton.on("click", onEventTriggered);
+          },
+          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");
+              }
             }
+          },
+          onComplete() {
+            const $allSteps = $(".step_status");
+            $allSteps.attr("data-step-status", "completed");
+
+            $startButton.attr("hidden", true);
+            $backButton.attr("hidden", false);
+
+            $.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);
+          },
+          onRestore() {
+            window.Decidim.currentDialogs["show-restore-modal"].close()
+          },
+          onTrusteeNeedsToBeRestored() {
+            window.Decidim.currentDialogs["show-restore-modal"].open()
+          },
+          onBackupNeeded() {
+            window.Decidim.currentDialogs["show-backup-modal"].open()
+          },
+          onBackupStarted() {
+            window.Decidim.currentDialogs["show-backup-modal"].close()
           }
-        },
-        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");
-        }
-      });
+        });
 
-      $startButton.prop("disabled", false);
-    }
-  });
+        $startButton.prop("disabled", false);
+      }
+    });
+  }
 });