decidim-elections 0.25.0.rc4 → 0.26.0.rc1

data/app/packs/src/decidim/elections/admin/trustees_process.js

@@ -0,0 +1,125 @@
+import {
+  Client,
+  Election,
+  MessageParser
+} from "@decidim/decidim-bulletin_board";
+
+const WAIT_TIME_MS = 10 * 1_000;
+
+$(async () => {
+  const $trusteesProcess = $("#trustees_process");
+  const $checkingTrustees = $trusteesProcess.find(".trustee");
+  const electionUniqueId = $trusteesProcess.data("electionUniqueId");
+  const processType = $trusteesProcess.data("processType");
+  const bulletinBoardClient = new Client({
+    apiEndpointUrl: $trusteesProcess.data("apiEndpointUrl")
+  });
+  const election = new Election({
+    uniqueId: electionUniqueId,
+    bulletinBoardClient,
+    typesFilter: ["create_election", processType]
+  });
+
+  const authorityPublicKeyJSON = JSON.stringify(
+    $trusteesProcess.data("authorityPublicKey")
+  );
+  const parser = new MessageParser({ authorityPublicKeyJSON });
+  const trusteesStatuses = {};
+  let lastMessageIndex = 0;
+
+  const missingTrusteesAllowed = $trusteesProcess.data("missingTrusteesAllowed") || 0;
+  const checkPendingActionPath = $trusteesProcess.data("checkPendingActionPath");
+
+  // Fix buttons formaction, that is not working properly
+  const $form = $("form.step");
+  $form.find("button").on("click", (event) => {
+    $form.attr("action", $(event.currentTarget).attr("formaction"));
+    $form.trigger("submit");
+  });
+
+  const updateTrusteesStatuses = async () => {
+    await election.getLogEntries();
+
+    for (
+      ;
+      lastMessageIndex < election.logEntries.length;
+      lastMessageIndex += 1
+    ) {
+      const { messageIdentifier, decodedData } = await parser.parse(
+        election.logEntries[lastMessageIndex]
+      );
+
+      if (messageIdentifier.author.type === "t") {
+        trusteesStatuses[messageIdentifier.author.id] = true;
+      } else if (
+        messageIdentifier.type === "tally" &&
+        messageIdentifier.subtype === "missing_trustee" &&
+        !(decodedData.trustee_id in trusteesStatuses)
+      ) {
+        trusteesStatuses[decodedData.trustee_id] = false;
+      }
+    }
+  }
+
+  const checkPendingAction = async () => {
+    if (!checkPendingActionPath) {
+      return false
+    }
+
+    try {
+      const response = await $.ajax({
+        url: checkPendingActionPath,
+        method: "PATCH",
+        contentType: "application/json",
+        headers: {
+          "X-CSRF-Token": $("meta[name=csrf-token]").attr("content")
+        }
+      })
+
+      return response && response.status === "pending";
+    } catch (err) {
+      return true;
+    }
+  }
+
+  const checkTrusteesActivity = async () => {
+    await updateTrusteesStatuses();
+    const pendingAction = await checkPendingAction();
+    const missingTrustees = Object.values(trusteesStatuses).filter(
+      (present) => !present
+    ).length;
+    const allowReportMissing = missingTrustees < missingTrusteesAllowed;
+
+    $checkingTrustees.each((_index, trustee) => {
+      const $trustee = $(trustee);
+      const trusteeSlug = $trustee.data("trusteeSlug");
+
+      if (trusteeSlug in trusteesStatuses) {
+        if (missingTrusteesAllowed > 0) {
+          $trustee.find(".js-report-missing-trustee").addClass("hide");
+        }
+        $trustee.removeClass("loading");
+        $trustee.find(".loading").hide();
+        if (trusteesStatuses[trusteeSlug]) {
+          $trustee.find(".active").removeClass("hide");
+          $trustee.find(".missing").addClass("hide");
+        } else {
+          $trustee.find(".missing").removeClass("hide");
+        }
+      } else if (allowReportMissing && !pendingAction) {
+        $trustee.find(".js-report-missing-trustee").removeClass("hide");
+      }
+    });
+
+    if (
+      Object.keys(trusteesStatuses).length === $checkingTrustees.length &&
+      missingTrustees <= missingTrusteesAllowed && !pendingAction
+    ) {
+      $(".js-continue-link").removeClass("disabled");
+    } else {
+      setTimeout(checkTrusteesActivity, WAIT_TIME_MS);
+    }
+  };
+
+  await checkTrusteesActivity();
+});

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

@@ -2,144 +2,160 @@
  * This file is responsible to get LogEntries
  * for an election for the election log.
  */
-import { Client, MessageParser } from "@codegram/decidim-bulletin_board";
+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")
+  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 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"]});
+  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
+      uiStep.find(".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()
+    const parsedData = await parser.parse(logEntryStep);
+    const messageTime = new Date(parsedData.decodedData.iat * 1000);
+    const year = messageTime.toDateString();
+    const time = messageTime.toLocaleTimeString();
 
-    uiStep.find(".time").html(`${year} ${time}`)
-  }
+    uiStep.find(".time").html(`${year} ${time}`);
+  };
 
   // 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)
-  }
+    uiStep.find(".card__footer--transparent").removeClass("hide");
+    uiStep.find(".chained-hash").html(logEntryStep.chainedHash);
+  };
 
   // finds the logEntry for each step
   const getLogEntryByMessageId = (step) => {
-    return logEntries.find((logEntry) => logEntry.messageId.includes(step))
-  }
+    return logEntries.find((logEntry) => logEntry.messageId.includes(step));
+  };
 
   // CREATE ELECTION STEP
-  const createElectionLogEntry = getLogEntryByMessageId("create_election")
+  const createElectionLogEntry = getLogEntryByMessageId("create_election");
   if (createElectionLogEntry) {
-    $createElectionStep.find(".no-election-created").addClass("hide")
-    $createElectionStep.find(".election-created").removeClass("hide")
+    $createElectionStep.find(".no-election-created").addClass("hide");
+    $createElectionStep.find(".election-created").removeClass("hide");
 
-    await setMessageTime(createElectionLogEntry, $createElectionStep)
+    await setMessageTime(createElectionLogEntry, $createElectionStep);
 
-    addChainedHash(createElectionLogEntry, $createElectionStep)
+    addChainedHash(createElectionLogEntry, $createElectionStep);
   }
 
   // KEY CEREMONY STEP
-  const startKeyCeremonyLogEntry = getLogEntryByMessageId("start_key_ceremony")
-  const endKeyCeremonyLogEntry = getLogEntryByMessageId("end_key_ceremony")
+  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")
+    $keyCeremonyStep.find(".key-ceremony-not-started").addClass("hide");
+    $keyCeremonyStep.find(".card__text").removeClass("hide");
 
-    await setMessageTime(startKeyCeremonyLogEntry, $keyCeremonyStep)
+    await setMessageTime(startKeyCeremonyLogEntry, $keyCeremonyStep);
 
-    $keyCeremonyStep.find(".key-ceremony-started").removeClass("hide")
-    addChainedHash(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")
+    $keyCeremonyStep.find(".key-ceremony-not-started").addClass("hide");
+    $keyCeremonyStep.find(".card__text").removeClass("hide");
 
-    await setMessageTime(endKeyCeremonyLogEntry, $keyCeremonyStep)
+    await setMessageTime(endKeyCeremonyLogEntry, $keyCeremonyStep);
 
-    $keyCeremonyStep.find(".key-ceremony-started").addClass("hide")
-    $keyCeremonyStep.find(".key-ceremony-completed").removeClass("hide")
-    addChainedHash(endKeyCeremonyLogEntry, $keyCeremonyStep)
+    $keyCeremonyStep.find(".key-ceremony-started").addClass("hide");
+    $keyCeremonyStep.find(".key-ceremony-completed").removeClass("hide");
+    addChainedHash(endKeyCeremonyLogEntry, $keyCeremonyStep);
   }
 
   // VOTING STEP
-  const startVoteLogEntry = getLogEntryByMessageId("start_vote")
-  const endVoteLogEntry = getLogEntryByMessageId("end_vote")
+  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")
+    $voteStep.find(".vote-not-started").addClass("hide");
+    $voteStep.find(".card__text").removeClass("hide");
 
-    await setMessageTime(startVoteLogEntry, $voteStep)
+    await setMessageTime(startVoteLogEntry, $voteStep);
 
-    $voteStep.find(".vote-started").removeClass("hide")
-    addChainedHash(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(".vote-not-started").addClass("hide");
+    $voteStep.find(".card__text").removeClass("hide");
 
-    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(".vote-started").addClass("hide");
+    $voteStep.find(".vote-completed").removeClass("hide");
+    addChainedHash(endVoteLogEntry, $voteStep);
   }
 
   // TALLY STEP
-  const startTallyLogEntry = getLogEntryByMessageId("start_tally")
-  const endTallyLogEntry = getLogEntryByMessageId("end_tally")
+  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")
+    $tallyStep.find(".tally-not-started").addClass("hide");
+    $tallyStep.find(".card__text").removeClass("hide");
 
-    await setMessageTime(startTallyLogEntry, $tallyStep)
+    await setMessageTime(startTallyLogEntry, $tallyStep);
 
-    $tallyStep.find(".tally-started").removeClass("hide")
-    addChainedHash(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(".tally-not-started").addClass("hide");
+    $tallyStep.find(".card__text").removeClass("hide");
 
-    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(".tally-started").addClass("hide");
+    $tallyStep.find(".tally-completed").removeClass("hide");
+    addChainedHash(endTallyLogEntry, $tallyStep);
   }
 
   // RESULTS STEP
-  const resultsLogEntry = getLogEntryByMessageId("publish_results")
+  const resultsLogEntry = getLogEntryByMessageId("publish_results");
 
   if (resultsLogEntry) {
-    $resultStep.find(".results-not-published").addClass("hide")
-    $resultStep.find(".card__text").removeClass("hide")
+    $resultStep.find(".results-not-published").addClass("hide");
+    $resultStep.find(".card__text").removeClass("hide");
 
-    await setMessageTime(resultsLogEntry, $resultStep)
+    await setMessageTime(resultsLogEntry, $resultStep);
 
-    $resultStep.find(".results-published").removeClass("hide")
-    addChainedHash(resultsLogEntry, $resultStep)
+    $resultStep.find(".results-published").removeClass("hide");
+    addChainedHash(resultsLogEntry, $resultStep);
   }
 });

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

@@ -3,10 +3,10 @@ import {
   MessageIdentifier,
   IdentificationKeys,
   MESSAGE_RECEIVED
-} from "@codegram/decidim-bulletin_board";
+} from "@decidim/decidim-bulletin_board";
 
-import { TrusteeWrapperAdapter as DummyTrusteeWrapperAdapter } from "@codegram/voting_schemes-dummy";
-import { TrusteeWrapperAdapter as ElectionGuardTrusteeWrapperAdapter } from "@codegram/voting_schemes-electionguard";
+import { TrusteeWrapperAdapter as DummyTrusteeWrapperAdapter } from "@decidim/voting_schemes-dummy";
+import { TrusteeWrapperAdapter as ElectionGuardTrusteeWrapperAdapter } from "@decidim/voting_schemes-electionguard";
 
 /**
  * This file is responsible to generate election keys,

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

@@ -3,10 +3,10 @@ import {
   IdentificationKeys,
   MessageIdentifier,
   MESSAGE_RECEIVED
-} from "@codegram/decidim-bulletin_board";
+} from "@decidim/decidim-bulletin_board";
 
-import { TrusteeWrapperAdapter as DummyTrusteeWrapperAdapter } from "@codegram/voting_schemes-dummy";
-import { TrusteeWrapperAdapter as ElectionGuardTrusteeWrapperAdapter } from "@codegram/voting_schemes-electionguard";
+import { TrusteeWrapperAdapter as DummyTrusteeWrapperAdapter } from "@decidim/voting_schemes-dummy";
+import { TrusteeWrapperAdapter as ElectionGuardTrusteeWrapperAdapter } from "@decidim/voting_schemes-electionguard";
 
 $(() => {
   // UI Elements

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

@@ -1,6 +1,6 @@
 /* eslint-disable require-jsdoc, no-alert, func-style */
 
-import { IdentificationKeys } from "@codegram/decidim-bulletin_board";
+import { IdentificationKeys } from "@decidim/decidim-bulletin_board";
 
 $(() => {
   function identificationKeys() {
@@ -8,7 +8,10 @@ $(() => {
     const $trusteeSlug = $("#trustee_slug", $form);
     const $trusteePublicKey = $("#trustee_public_key", $form);
 
-    window.trusteeIdentificationKeys = new IdentificationKeys($trusteeSlug.val(), $trusteePublicKey.val());
+    window.trusteeIdentificationKeys = new IdentificationKeys(
+      $trusteeSlug.val(),
+      $trusteePublicKey.val()
+    );
     if (!window.trusteeIdentificationKeys.browserSupport) {
       $("#not_supported_browser").addClass("visible");
       return;
@@ -18,13 +21,18 @@ $(() => {
     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", $generate).on("click", () => {
+      window.trusteeIdentificationKeys.
+        generate().
+        then(() => {
+          $trusteePublicKey.val(
+            JSON.stringify(window.trusteeIdentificationKeys.publicKey)
+          );
+          $submit.addClass("visible");
+        }).
+        catch(() => {
+          alert($generate.data("error"));
+        });
     });
 
     $("button.hollow", $submit).click(() => {
@@ -33,12 +41,15 @@ $(() => {
     });
 
     $("button", $upload).click(() => {
-      window.trusteeIdentificationKeys.upload().then(() => {
-        $upload.addClass("hide");
-      }).catch((errorMessage) => {
-        alert($upload.data(errorMessage));
-      });
-    })
+      window.trusteeIdentificationKeys.
+        upload().
+        then(() => {
+          $upload.addClass("hide");
+        }).
+        catch((errorMessage) => {
+          alert($upload.data(errorMessage));
+        });
+    });
 
     window.trusteeIdentificationKeys.present((result) => {
       $upload.toggleClass("hide", result);
@@ -46,6 +57,6 @@ $(() => {
   }
 
   $(document).ready(() => {
-    identificationKeys()
-  })
-})
+    identificationKeys();
+  });
+});

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

@@ -1,4 +1,4 @@
-import { Client } from "@codegram/decidim-bulletin_board";
+import { Client } from "@decidim/decidim-bulletin_board";
 
 $(async () => {
   const $castingVoteWrapper = $(".casting-vote-wrapper");

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

@@ -1,11 +1,12 @@
 /* eslint-disable require-jsdoc */
 
-import { VoteComponent } from "@codegram/decidim-bulletin_board";
+import { VoteComponent } from "@decidim/decidim-bulletin_board";
 
-import * as VotingSchemesDummy from "@codegram/voting_schemes-dummy";
+import * as VotingSchemesDummy from "@decidim/voting_schemes-dummy";
 const DummyVoterWrapperAdapter = VotingSchemesDummy.VoterWrapperAdapter;
-import * as VotingSchemesElectionGuard from "@codegram/voting_schemes-electionguard";
-const ElectionGuardVoterWrapperAdapter = VotingSchemesElectionGuard.VoterWrapperAdapter;
+import * as VotingSchemesElectionGuard from "@decidim/voting_schemes-electionguard";
+const ElectionGuardVoterWrapperAdapter =
+  VotingSchemesElectionGuard.VoterWrapperAdapter;
 
 export default function setupVoteComponent($voteWrapper) {
   // Data
@@ -47,4 +48,3 @@ export default function setupVoteComponent($voteWrapper) {
 
 window.Decidim = window.Decidim || {};
 window.Decidim.setupVoteComponent = setupVoteComponent;
-

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

@@ -1,7 +1,7 @@
 /* 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" }] */
 
-import { Client } from "@codegram/decidim-bulletin_board";
+import { Client } from "@decidim/decidim-bulletin_board";
 
 $(() => {
   const $voteVerifyWrapper = $(".verify-vote-wrapper");

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

@@ -1,4 +1,4 @@
-import { Client } from "@codegram/decidim-bulletin_board";
+import { Client } from "@decidim/decidim-bulletin_board";
 
 $(async () => {
   const $inPersonVoteWrapper = $(".in-person-vote-wrapper");

data/app/presenters/decidim/elections/admin_log/election_presenter.rb

@@ -15,26 +15,51 @@ module Decidim
       class ElectionPresenter < Decidim::Log::BasePresenter
         private
 
-        def diff_fields_mapping
-          {
-            name: :i18n,
-            published_at: :date,
-            weight: :integer
-          }
-        end
-
         def i18n_labels_scope
           "activemodel.attributes.election"
         end
 
         def action_string
           case action
-          when "publish", "unpublish", "setup", "start_key_ceremony", "start_vote", "end_vote", "start_tally", "publish_results"
+          when "publish", "unpublish", "create", "delete", "update",
+               "setup", "start_key_ceremony", "start_vote", "end_vote", "start_tally", "report_missing_trustee", "publish_results"
             "decidim.elections.admin_log.election.#{action}"
           else
             super
           end
         end
+
+        def i18n_params
+          super.merge(trustee_info)
+        end
+
+        def trustee_info
+          return {} unless action == "report_missing_trustee"
+
+          {
+            trustee_name: if trustee
+                            Decidim::Log::UserPresenter.new(trustee.user, h, trustee_extra).present
+                          else
+                            trustee_extra["name"]
+                          end
+          }
+        end
+
+        def trustee
+          @trustee ||= Decidim::Elections::Trustee.find(action_log.extra["extra"]["trustee_id"]) if action_log.extra["extra"]["trustee_id"]
+        end
+
+        def trustee_extra
+          info = {
+            "name" => trustee.name,
+            "nickname" => trustee.user&.nickname
+          }
+
+          info["name"] ||= action_log.extra["extra"]["name"]
+          info["nickname"] ||= action_log.extra["extra"]["nickname"]
+
+          info
+        end
       end
     end
   end

data/app/presenters/decidim/elections/admin_log/trustee_presenter.rb

@@ -0,0 +1,50 @@
+# frozen_string_literal: true
+
+module Decidim
+  module Elections
+    module AdminLog
+      # This class holds the logic to present a `Decidim::Trustee`
+      # for the `AdminLog` log.
+      #
+      # Usage should be automatic and you shouldn't need to call this class
+      # directly, but here's an example:
+      #
+      #    action_log = Decidim::ActionLog.last
+      #    view_helpers # => this comes from the views
+      #    TrusteePresenter.new(action_log, view_helpers).present
+      class TrusteePresenter < Decidim::Log::BasePresenter
+        private
+
+        def trustee_user
+          @trustee_user ||= action_log.resource&.user
+        end
+
+        def trustee_user_extra
+          {
+            "name" => trustee_user.name,
+            "nickname" => trustee_user.nickname
+          }
+        end
+
+        def trustee_user_presenter
+          @trustee_user_presenter ||= Decidim::Log::UserPresenter.new(trustee_user, h, trustee_user_extra)
+        end
+
+        def i18n_params
+          super.merge(
+            trustee_user: trustee_user.present? ? trustee_user_presenter.present : resource_presenter.try(:present)
+          )
+        end
+
+        def action_string
+          case action
+          when "create"
+            "decidim.elections.admin_log.trustee.#{action}"
+          else
+            super
+          end
+        end
+      end
+    end
+  end
+end

data/app/presenters/decidim/elections/trustee_presenter.rb

@@ -11,11 +11,15 @@ module Decidim
       end
 
       def public_key_thumbprint
-        @public_key_thumbprint ||= jwk_thumbprint(JSON.parse(trustee.public_key)) if trustee.public_key.present?
+        @public_key_thumbprint ||= format_thumbprint(jwk_thumbprint(JSON.parse(trustee.public_key))) if trustee.public_key.present?
       end
 
       private
 
+      def format_thumbprint(thumbprint)
+        "<pre class='text-small text-muted'>#{thumbprint[0..14]}\n#{thumbprint[15..-16]}\n#{thumbprint[-15..-1]}</pre>".html_safe
+      end
+
       def jwk_thumbprint(key)
         Base64.urlsafe_encode64(Digest::SHA256.digest(key.slice("e", "kty", "n").to_json), padding: false)
       end