qv/ui/create-election.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Create New Election - qv</title>
    <script src="/static/js/tailwind.min.js"></script>
    <script src="/static/js/alpine.min.js" defer></script>
</head>
<body class="bg-gray-100 font-sans leading-normal tracking-normal">
<div x-data="electionForm" class="container mx-auto p-6 bg-white rounded-lg shadow-lg">
    <main>
        <h1 class="text-3xl font-bold mb-6">Create New Election</h1>
        <form @submit.prevent="createElection" class="space-y-6">

            <div>
                <label for="name" class="block text-sm font-medium text-gray-700">Election Name</label>
                <input type="text" id="name" x-model="election.name" required
                       class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
            </div>

            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
                <div>
                    <label for="tokens" class="block text-sm font-medium text-gray-700">Tokens per Voter</label>
                    <input type="number" id="tokens" x-model.number="election.tokens" min="1" required
                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
                </div>

                <div>
                    <label for="areVotersKnown" class="block text-sm font-medium text-gray-700">Voter Access</label>
                    <select id="areVotersKnown" x-model="election.areVotersKnown" required
                            @change="election.areVotersKnown = JSON.parse(election.areVotersKnown)"
                            class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
                        <option :value=true>Known voters only</option>
                        <option :value=false>Open to anyone</option>
                    </select>
                    <p class="text-sm text-gray-500 mt-1">Known voters only = codes will be generated for distribution.</p>
                </div>
            </div>

            <div>
                <label for="maxVoters" class="block text-sm font-medium text-gray-700">Maximum Number of Voters</label>
                <input type="number" id="maxVoters" x-model.number="election.maxVoters"
                       class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
                <p class="text-sm text-gray-500">0 = unlimited</p>
                <template x-if="election.areVotersKnown && election.maxVoters <= 0">
                    <span class="text-red-500 text-sm">Maximum number of voters must be greater than 0 if voters are known.</span>
                </template>
            </div>

            <div>
                <label for="expiresAt" class="block text-sm font-medium text-gray-700">Expiration Date</label>
                <input type="datetime-local" id="expiresAt" x-model="election.expiresAt" required
                       class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
            </div>

            <div>
                <label class="block text-sm font-medium text-gray-700">Choices</label>
                <div class="space-y-2 mt-2">
                    <template x-for="(choice, index) in election.choices" :key="index">
                        <div class="flex space-x-2 items-center">
                            <input type="text" x-model="election.choices[index]" required
                                   class="block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
                            <button type="button" class="text-red-500 hover:text-red-700"
                                    @click="removeChoice(index)" x-show="election.choices.length > 2">×</button>
                        </div>
                    </template>
                </div>
                <button type="button" @click="addChoice"
                        class="mt-3 inline-flex items-center px-4 py-2 bg-indigo-600 border border-transparent rounded-md font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Add Another Choice
                </button>
            </div>

            <div>
                <button type="submit"
                        class="w-full inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
                    Create Election
                </button>
            </div>

        </form>

        <div x-show="errorMessage || Object.keys(errorDetails).length > 0" class="mt-6 bg-red-100 p-4 rounded-md">
            <h2 class="text-red-700 font-bold" x-text="errorMessage"></h2>
            <ul class="text-red-600 mt-2 space-y-1">
                <template x-for="(message, field) in errorDetails" :key="field">
                    <li><strong x-text="field"></strong>: <span x-text="message"></span></li>
                </template>
            </ul>
        </div>

        <template x-if="createdElectionId != ''">
            <div class="mt-6 bg-green-100 p-4 rounded-md">
                <h2 class="text-green-700 font-bold">Election Created Successfully</h2>
                <p class="mt-2">
                    <a
                            :href="`/election/${createdElectionId}`"
                            class="text-blue-600 underline hover:text-blue-800"
                            target="_blank">
                        View election
                    </a>
                </p>
                <p>
                    <a
                            :href="`/election/${createdElectionId}/results`"
                            class="text-blue-600 underline hover:text-blue-800"
                            target="_blank">
                        View results
                    </a>
                </p>
            </div>
        </template>

        <template x-if="voterIdentities.length > 0">
            <div class="voter-codes">
                <h2 class="text-2xl font-semibold mb-4">Voter Access Codes</h2>
                <div class="codes-container">
                    <button @click="copyAllCodes" class="copy-all-btn bg-indigo-600 text-white py-2 px-4 rounded-md font-medium hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 mb-4">
                        Copy All Codes
                    </button>
                    <div class="codes-list">
                        <template x-for="(code, index) in voterIdentities" :key="index">
                            <div class="code-item flex items-center space-x-3 mb-2">
                                <span class="code-number text-gray-700 font-medium" x-text="index + 1"></span>.
                                <span class="code-text text-gray-900" x-text="code"></span>
                                <button @click="copyCode(code)" class="copy-btn bg-indigo-600 text-white text-sm py-1 px-3 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500">
                                    Copy
                                </button>
                            </div>
                        </template>
                    </div>
                </div>
            </div>
        </template>
    </main>
</div>

<script>
    document.addEventListener("alpine:init", () => {
        Alpine.data("electionForm", () => ({
            election: {
                name: "",
                tokens: 100,
                areVotersKnown: true,
                maxVoters: 0,
                expiresAt: "",
                choices: ["", ""]
            },
            createdElectionId: "",
            errorMessage: "",
            errorDetails: {},
            voterIdentities: [],

            addChoice() {
                this.election.choices.push("");
            },

            removeChoice(index) {
                this.election.choices.splice(index, 1);
            },

            async createElection() {
                this.errorMessage = "";
                this.errorDetails = {};
                this.createdElectionId = "";
                this.voterIdentities = [];

                const payload = {
                    ...this.election,
                    expiresAt: this.election.expiresAt + ":00Z",
                    choices: this.election.choices.filter(choice => choice.trim() !== "")
                };

                try {
                    const response = await fetch("/api/election", {
                        method: "POST",
                        headers: {
                            "Content-Type": "application/json"
                        },
                        body: JSON.stringify(payload)
                    });

                    if (!response.ok) {
                        const errorData = await response.json();
                        this.errorMessage = errorData.message || "An error occurred.";
                        this.errorDetails = errorData.details?.fields || {};
                        return;
                    }

                    const locationHeader = response.headers.get("Location");
                    this.createdElectionId = locationHeader.replace("/election/", "");

                    const contentType = response.headers.get("Content-Type") ?? "";
                    if (contentType.includes("application/json")) {
                        const data = await response.json();
                        this.voterIdentities = data.voterIdentities;
                    }
                } catch (error) {
                    console.log(error);
                    this.errorMessage = "Failed to create election.";
                }
            },

            copyCode(code) {
                navigator.clipboard.writeText(code).then(() => {
                    alert("Code copied to clipboard!");
                }).catch(err => {
                    console.error("Failed to copy code: ", err);
                });
            },

            async copyAllCodes() {
                const allCodes = this.voterIdentities.join("\n");
                await navigator.clipboard.writeText(allCodes)
                .catch(err => {
                    console.error("Failed to copy all codes: ", err);
                });
            }
        }));
    });
</script>
</body>
</html>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								<!DOCTYPE html>
 								<html lang="en">
 								<head>
 								    <meta charset="UTF-8">
 								    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-												Add index page and link to share more easily

											
										
										
											2025-01-20 10:13:59 +01:00
+								    <title>Create New Election - qv</title>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								    <script src="/static/js/tailwind.min.js"></script>
 								    <script src="/static/js/alpine.min.js" defer></script>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								</head>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								<body class="bg-gray-100 font-sans leading-normal tracking-normal">
 								<div x-data="electionForm" class="container mx-auto p-6 bg-white rounded-lg shadow-lg">
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								    <main>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								        <h1 class="text-3xl font-bold mb-6">Create New Election</h1>
 								        <form @submit.prevent="createElection" class="space-y-6">
 								            <div>
 								                <label for="name" class="block text-sm font-medium text-gray-700">Election Name</label>
 								                <input type="text" id="name" x-model="election.name" required
 								                       class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								            </div>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								            <div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
 								                <div>
 								                    <label for="tokens" class="block text-sm font-medium text-gray-700">Tokens per Voter</label>
 								                    <input type="number" id="tokens" x-model.number="election.tokens" min="1" required
 								                           class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								                </div>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								                <div>
 								                    <label for="areVotersKnown" class="block text-sm font-medium text-gray-700">Voter Access</label>
 								                    <select id="areVotersKnown" x-model="election.areVotersKnown" required
-												Fix maxVoters minimum value and value of boolean areVotersKnown

											
										
										
											2025-01-14 19:49:12 +01:00
+								                            @change="election.areVotersKnown = JSON.parse(election.areVotersKnown)"
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								                            class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
-												Fix maxVoters minimum value and value of boolean areVotersKnown

											
										
										
											2025-01-14 19:49:12 +01:00
+								                        <option :value=true>Known voters only</option>
 								                        <option :value=false>Open to anyone</option>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								                    </select>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								                    <p class="text-sm text-gray-500 mt-1">Known voters only = codes will be generated for distribution.</p>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								                </div>
 								            </div>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								            <div>
 								                <label for="maxVoters" class="block text-sm font-medium text-gray-700">Maximum Number of Voters</label>
-												Fix maxVoters minimum value and value of boolean areVotersKnown

											
										
										
											2025-01-14 19:49:12 +01:00
+								                <input type="number" id="maxVoters" x-model.number="election.maxVoters"
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								                       class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
 								                <p class="text-sm text-gray-500">0 = unlimited</p>
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
+								                <template x-if="election.areVotersKnown && election.maxVoters <= 0">
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								                    <span class="text-red-500 text-sm">Maximum number of voters must be greater than 0 if voters are known.</span>
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
+								                </template>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								            </div>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								            <div>
 								                <label for="expiresAt" class="block text-sm font-medium text-gray-700">Expiration Date</label>
 								                <input type="datetime-local" id="expiresAt" x-model="election.expiresAt" required
 								                       class="mt-1 block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								            </div>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								            <div>
 								                <label class="block text-sm font-medium text-gray-700">Choices</label>
 								                <div class="space-y-2 mt-2">
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
+								                    <template x-for="(choice, index) in election.choices" :key="index">
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								                        <div class="flex space-x-2 items-center">
 								                            <input type="text" x-model="election.choices[index]" required
 								                                   class="block w-full border-gray-300 rounded-md shadow-sm focus:ring-indigo-500 focus:border-indigo-500">
 								                            <button type="button" class="text-red-500 hover:text-red-700"
 								                                    @click="removeChoice(index)" x-show="election.choices.length > 2">×</button>
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
+								                        </div>
 								                    </template>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								                </div>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								                <button type="button" @click="addChoice"
 								                        class="mt-3 inline-flex items-center px-4 py-2 bg-indigo-600 border border-transparent rounded-md font-medium text-white hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
 								                    Add Another Choice
 								                </button>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								            </div>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								            <div>
 								                <button type="submit"
 								                        class="w-full inline-flex justify-center py-2 px-4 border border-transparent shadow-sm text-sm font-medium rounded-md text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500">
 								                    Create Election
 								                </button>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								            </div>
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								        </form>
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								        <div x-show="errorMessage || Object.keys(errorDetails).length > 0" class="mt-6 bg-red-100 p-4 rounded-md">
 								            <h2 class="text-red-700 font-bold" x-text="errorMessage"></h2>
 								            <ul class="text-red-600 mt-2 space-y-1">
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
+								                <template x-for="(message, field) in errorDetails" :key="field">
 								                    <li><strong x-text="field"></strong>: <span x-text="message"></span></li>
 								                </template>
 								            </ul>
 								        </div>
-												Add index page and link to share more easily

											
										
										
											2025-01-20 10:13:59 +01:00
+								        <template x-if="createdElectionId != ''">
-												Use TailwindCSS

											
										
										
											2025-01-14 13:31:33 +01:00
+								            <div class="mt-6 bg-green-100 p-4 rounded-md">
 								                <h2 class="text-green-700 font-bold">Election Created Successfully</h2>
-												Add index page and link to share more easily

											
										
										
											2025-01-20 10:13:59 +01:00
+								                <p class="mt-2">
 								                    <a
 								                            :href="`/election/${createdElectionId}`"
 								                            class="text-blue-600 underline hover:text-blue-800"
 								                            target="_blank">
-												Add links for election results after creating

											
										
										
											2025-01-22 08:08:28 +01:00
+								                        View election
 								                    </a>
 								                </p>
 								                <p>
 								                    <a
 								                            :href="`/election/${createdElectionId}/results`"
 								                            class="text-blue-600 underline hover:text-blue-800"
 								                            target="_blank">
 								                        View results
-												Add index page and link to share more easily

											
										
										
											2025-01-20 10:13:59 +01:00
+								                    </a>
 								                </p>
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								            </div>
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
+								        </template>
-												Add voterIdentities to copy again and fix issue if there was no body in the response (in the case of unknown voters election)

											
										
										
											2025-01-14 20:07:02 +01:00
 								        <template x-if="voterIdentities.length > 0">
 								            <div class="voter-codes">
 								                <h2 class="text-2xl font-semibold mb-4">Voter Access Codes</h2>
 								                <div class="codes-container">
 								                    <button @click="copyAllCodes" class="copy-all-btn bg-indigo-600 text-white py-2 px-4 rounded-md font-medium hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 mb-4">
 								                        Copy All Codes
 								                    </button>
 								                    <div class="codes-list">
 								                        <template x-for="(code, index) in voterIdentities" :key="index">
 								                            <div class="code-item flex items-center space-x-3 mb-2">
 								                                <span class="code-number text-gray-700 font-medium" x-text="index + 1"></span>.
 								                                <span class="code-text text-gray-900" x-text="code"></span>
 								                                <button @click="copyCode(code)" class="copy-btn bg-indigo-600 text-white text-sm py-1 px-3 rounded-md hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500">
 								                                    Copy
 								                                </button>
 								                            </div>
 								                        </template>
 								                    </div>
 								                </div>
 								            </div>
 								        </template>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								    </main>
 								</div>
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
 								<script>
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
+								    document.addEventListener("alpine:init", () => {
 								        Alpine.data("electionForm", () => ({
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
+								            election: {
 								                name: "",
 								                tokens: 100,
 								                areVotersKnown: true,
 								                maxVoters: 0,
 								                expiresAt: "",
-												Remove comments

											
										
										
											2025-01-14 12:51:53 +01:00
+								                choices: ["", ""]
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
+								            },
-												Add index page and link to share more easily

											
										
										
											2025-01-20 10:13:59 +01:00
+								            createdElectionId: "",
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
+								            errorMessage: "",
 								            errorDetails: {},
-												Add voterIdentities to copy again and fix issue if there was no body in the response (in the case of unknown voters election)

											
										
										
											2025-01-14 20:07:02 +01:00
+								            voterIdentities: [],
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								            addChoice() {
-												Remove comments

											
										
										
											2025-01-14 12:51:53 +01:00
+								                this.election.choices.push("");
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								            },
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								            removeChoice(index) {
-												Remove comments

											
										
										
											2025-01-14 12:51:53 +01:00
+								                this.election.choices.splice(index, 1);
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								            },
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
+								            async createElection() {
 								                this.errorMessage = "";
 								                this.errorDetails = {};
-												Add index page and link to share more easily

											
										
										
											2025-01-20 10:13:59 +01:00
+								                this.createdElectionId = "";
-												Add voterIdentities to copy again and fix issue if there was no body in the response (in the case of unknown voters election)

											
										
										
											2025-01-14 20:07:02 +01:00
+								                this.voterIdentities = [];
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
 								                const payload = {
 								                    ...this.election,
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
+								                    expiresAt: this.election.expiresAt + ":00Z",
 								                    choices: this.election.choices.filter(choice => choice.trim() !== "")
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								                };
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
+								                try {
 								                    const response = await fetch("/api/election", {
 								                        method: "POST",
 								                        headers: {
 								                            "Content-Type": "application/json"
 								                        },
 								                        body: JSON.stringify(payload)
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								                    });
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
 								                    if (!response.ok) {
 								                        const errorData = await response.json();
 								                        this.errorMessage = errorData.message || "An error occurred.";
 								                        this.errorDetails = errorData.details?.fields || {};
 								                        return;
 								                    }
 								                    const locationHeader = response.headers.get("Location");
 								                    this.createdElectionId = locationHeader.replace("/election/", "");
-												Add voterIdentities to copy again and fix issue if there was no body in the response (in the case of unknown voters election)

											
										
										
											2025-01-14 20:07:02 +01:00
 								                    const contentType = response.headers.get("Content-Type") ?? "";
 								                    if (contentType.includes("application/json")) {
 								                        const data = await response.json();
 								                        this.voterIdentities = data.voterIdentities;
 								                    }
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
+								                } catch (error) {
-												Add voterIdentities to copy again and fix issue if there was no body in the response (in the case of unknown voters election)

											
										
										
											2025-01-14 20:07:02 +01:00
+								                    console.log(error);
-												Add error returned from the request

											
										
										
											2025-01-14 12:51:29 +01:00
+								                    this.errorMessage = "Failed to create election.";
 								                }
-												Add voterIdentities to copy again and fix issue if there was no body in the response (in the case of unknown voters election)

											
										
										
											2025-01-14 20:07:02 +01:00
+								            },
 								            copyCode(code) {
 								                navigator.clipboard.writeText(code).then(() => {
 								                    alert("Code copied to clipboard!");
 								                }).catch(err => {
 								                    console.error("Failed to copy code: ", err);
 								                });
 								            },
-												Change copyAllCodes to async function

											
										
										
											2025-01-16 16:36:25 +01:00
+								            async copyAllCodes() {
-												Add voterIdentities to copy again and fix issue if there was no body in the response (in the case of unknown voters election)

											
										
										
											2025-01-14 20:07:02 +01:00
+								                const allCodes = this.voterIdentities.join("\n");
-												Change copyAllCodes to async function

											
										
										
											2025-01-16 16:36:25 +01:00
+								                await navigator.clipboard.writeText(allCodes)
 								                .catch(err => {
-												Add voterIdentities to copy again and fix issue if there was no body in the response (in the case of unknown voters election)

											
										
										
											2025-01-14 20:07:02 +01:00
+								                    console.error("Failed to copy all codes: ", err);
 								                });
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								            }
-												Convert to Alpine.js frontend

											
										
										
											2025-01-14 12:35:32 +01:00
+								        }));
-												Add page to create an election

											
										
										
											2025-01-13 19:58:42 +01:00
+								    });
 								</script>
-												Add create-election.html

											
										
										
											2025-01-13 10:56:36 +01:00
+								</body>
 								</html>