feat(elections): Pseudonimize votes after tallying

.credentials/EMAIL_HOST

@@ -0,0 +1 @@
+localhost

.credentials/FROM_EMAIL

@@ -0,0 +1 @@
+Kadenios <kadenios@localhost>

.credentials/SECRET_KEY

@@ -0,0 +1 @@
+insecure-secret-key

.credentials/SERVER_EMAIL

@@ -0,0 +1 @@
+kadenios@localhost

.envrc

@@ -0,0 +1 @@
+use nix

.gitignore

@@ -11,7 +11,9 @@
 
 venv/
 .python-version
+pyrightconfig.json
 
 *.sqlite3
 
 .vscode
+.direnv

01-authens.patch

@@ -0,0 +1,11 @@
+diff --git a/src/authens/utils.py b/src/authens/utils.py
+index 7306506..36063b6 100644
+--- a/src/authens/utils.py
++++ b/src/authens/utils.py
+@@ -16,7 +16,7 @@ def get_cas_client(request):
+         service_url=urlunparse(
+             (request.scheme, request.get_host(), request.path, "", "", "")
+         ),
+-        server_url="https://cas.eleves.ens.fr/",
++        server_url="https://cas-eleves.dgnum.eu/",
+     )

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Klub Dev ENS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -15,7 +15,7 @@ Debian et dérivées (Ubuntu, ...) :
     sudo apt-get install python3-pip python3-dev python3-venv sqlite3
 
 Si vous décidez d'utiliser un environnement virtuel Python (virtualenv;
-fortement conseillé), déplacez-vous dans le dossier où est installé GestioCOF
+fortement conseillé), déplacez-vous dans le dossier où est installé kadenios
 (le dossier où se trouve ce README), et créez-le maintenant :
 
     python3 -m venv venv
@@ -26,11 +26,18 @@ Pour l'activer, il faut taper
 
 depuis le même dossier.
 
-Vous pouvez maintenant installer les dépendances Python depuis le fichier
-`requirements-devel.txt` :
+Une autre solution est d'utiliser [`pyenv`](https://github.com/pyenv/pyenv) et
+[`pyenv-virtualenv`](https://github.com/pyenv/pyenv-virtualenv).
 
-    pip install -U pip  # parfois nécessaire la première fois
-    pip install -r requirements-devel.txt
+    pyenv install 3.7.3
+    pyenv virtualenv 3.7.3 kadenios
+    pyenv local kadenios
+
+Vous pouvez maintenant installer les dépendances Python depuis le fichier
+`requirements-dev.txt` :
+
+    pip install -U pip
+    pip install -r requirements-dev.txt
 
 Nous avons un git hook de pre-commit pour formatter et vérifier que votre code
 vérifie nos conventions. Pour bénéficier des mises à jour du hook, préférez
@@ -46,11 +53,11 @@ Il ne vous reste plus qu'à initialiser les modèles de Django :
 
 Il vous faut ensuite créer un superutilisateur :
 
-    ./manage.py createsuperuser
+    ./manage.py createadmin {username} {password} --superuser
 
 Vous êtes prêts à développer ! Lancer Kadenios en faisant
 
-    python manage.py runserver
+    ./manage.py runserver
 
 ## Fonctionnalités
 

app/settings.py

@@ -0,0 +1,210 @@
+"""
+Django settings for the kadenios project
+"""
+
+from pathlib import Path
+
+from loadcredential import Credentials
+
+from django.urls import reverse_lazy
+from django.utils.translation import gettext_lazy as _
+
+credentials = Credentials(env_prefix="KADENIOS_")
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+# WARNING: keep the secret key used in production secret!
+SECRET_KEY = credentials["SECRET_KEY"]
+
+# WARNING: don't run with debug turned on in production!
+DEBUG = credentials.get_json("DEBUG", False)
+
+ALLOWED_HOSTS = credentials.get_json("ALLOWED_HOSTS", [])
+
+ADMINS = credentials.get_json("ADMINS", [])
+
+
+###
+# List the installed applications
+
+INSTALLED_APPS = [
+    "django.contrib.admin",
+    "django.contrib.auth",
+    "django.contrib.contenttypes",
+    "django.contrib.sessions",
+    "django.contrib.messages",
+    "shared.IgnoreSrcStaticFilesConfig",
+    "background_task",
+    "shared",
+    "elections",
+    "faqs",
+    "authens",
+]
+
+
+###
+# List the installed middlewares
+
+MIDDLEWARE = [
+    "django.middleware.security.SecurityMiddleware",
+    "django.contrib.sessions.middleware.SessionMiddleware",
+    "django.middleware.locale.LocaleMiddleware",
+    "django.middleware.common.CommonMiddleware",
+    "django.middleware.csrf.CsrfViewMiddleware",
+    "django.contrib.auth.middleware.AuthenticationMiddleware",
+    "django.contrib.messages.middleware.MessageMiddleware",
+    "django.middleware.clickjacking.XFrameOptionsMiddleware",
+]
+
+
+###
+# The main url configuration
+
+ROOT_URLCONF = "app.urls"
+
+
+###
+# Template configuration:
+#   - Django Templating Language is used
+#   - Application directories can be used
+
+TEMPLATES = [
+    {
+        "BACKEND": "django.template.backends.django.DjangoTemplates",
+        "DIRS": [],
+        "APP_DIRS": True,
+        "OPTIONS": {
+            "context_processors": [
+                "django.template.context_processors.debug",
+                "django.template.context_processors.request",
+                "django.contrib.auth.context_processors.auth",
+                "django.contrib.messages.context_processors.messages",
+            ],
+        },
+    },
+]
+
+
+###
+# WSGI application configuration
+
+WSGI_APPLICATION = "app.wsgi.application"
+
+
+###
+# E-Mail configuration
+
+DEFAULT_FROM_EMAIL = credentials["FROM_EMAIL"]
+EMAIL_HOST = credentials.get("EMAIL_HOST", "localhost")
+EMAIL_HOST_PASSWORD = credentials.get("EMAIL_HOST_PASSWORD", "")
+EMAIL_HOST_USER = credentials.get("EMAIL_HOST_USER", "")
+EMAIL_USE_SSL = credentials.get("EMAIL_USE_SSL", False)
+SERVER_EMAIL = credentials["SERVER_EMAIL"]
+
+
+###
+# Default primary key field type
+#   -> https://docs.djangoproject.com/en/4.2/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = "django.db.models.AutoField"
+
+
+###
+# Database configuration
+#   -> https://docs.djangoproject.com/en/4.2/ref/settings/#databases
+
+DATABASES = credentials.get_json(
+    "DATABASES",
+    {
+        "default": {
+            "ENGINE": "django.db.backends.sqlite3",
+            "NAME": BASE_DIR / "db.sqlite3",
+        }
+    },
+)
+
+
+###
+# Authentication configuration
+
+AUTH_PASSWORD_VALIDATORS = [
+    {
+        "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
+    },
+    {
+        "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
+    },
+]
+
+AUTH_USER_MODEL = "elections.User"
+AUTHENTICATION_BACKENDS = [
+    "shared.auth.backends.PwdBackend",
+    "shared.auth.backends.CASBackend",
+    "shared.auth.backends.ElectionBackend",
+]
+
+LOGIN_URL = reverse_lazy("authens:login")
+LOGIN_REDIRECT_URL = "/"
+
+AUTHENS_USE_OLDCAS = False
+
+
+###
+# Internationalization configuration
+#   -> https://docs.djangoproject.com/en/4.2/topics/i18n/
+
+LANGUAGE_CODE = "fr-fr"
+TIME_ZONE = "Europe/Paris"
+
+USE_I18N = True
+USE_L10N = True
+USE_TZ = True
+
+LANGUAGES = [
+    ("fr", _("Français")),
+    ("en", _("Anglais")),
+]
+
+LOCALE_PATHS = [BASE_DIR / "shared" / "locale"]
+
+
+###
+# Static files (CSS, JavaScript, Images) configuration
+#   -> https://docs.djangoproject.com/en/4.2/howto/static-files/
+
+STATIC_URL = "/static/"
+STATIC_ROOT = credentials["STATIC_ROOT"]
+
+
+###
+# Background tasks configuration
+#   -> https://django4-background-tasks.readthedocs.io/en/latest/#settings
+
+BACKGROUND_TASK_RUN_ASYNC = True
+BACKGROUND_TASK_ASYNC_THREADS = 4
+
+
+if DEBUG:
+    # Print the e-mails in the console
+    EMAIL_BACKEND = "django.core.mail.backends.console.EmailBackend"
+
+    INSTALLED_APPS += [
+        "debug_toolbar",
+        "django_browser_reload",
+    ]
+
+    MIDDLEWARE += [
+        "debug_toolbar.middleware.DebugToolbarMiddleware",
+        "django_browser_reload.middleware.BrowserReloadMiddleware",
+    ]
+
+    INTERNAL_IPS = ["127.0.0.1"]
+
+    DEBUG_TOOLBAR_CONFIG = {"INSERT_BEFORE": "</footer>"}

app/urls.py

@@ -1,4 +1,5 @@
 from django.conf import settings
+from django.conf.urls.static import static
 from django.contrib import admin
 from django.urls import include, path
 
@@ -6,7 +7,6 @@ from .views import HomeView
 
 urlpatterns = [
     path("", HomeView.as_view(), name="kadenios"),
-    path("admin/", admin.site.urls),
     path("elections/", include("elections.urls")),
     path("faqs/", include("faqs.urls")),
     path("auth/", include("shared.auth.urls")),
@@ -14,6 +14,12 @@ urlpatterns = [
     path("i18n/", include("django.conf.urls.i18n")),
 ]
 
+if settings.DEBUG:
+    urlpatterns += [
+        path("admin/", admin.site.urls),
+        path("__reload__/", include("django_browser_reload.urls")),
+    ] + static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
+
 if "debug_toolbar" in settings.INSTALLED_APPS:
     from debug_toolbar import urls as djdt_urls
 

app/wsgi.py

@@ -11,6 +11,6 @@ import os
 
 from django.core.wsgi import get_wsgi_application
 
-os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'kadenios.settings')
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'app.settings')
 
 application = get_wsgi_application()

default.nix

@@ -0,0 +1,67 @@
+{
+  sources ? import ./npins,
+  pkgs ? import sources.nixpkgs { },
+}:
+
+let
+  nix-pkgs = import sources.nix-pkgs { inherit pkgs; };
+
+  python3 = pkgs.python3.override {
+    packageOverrides = _: _: {
+      inherit (nix-pkgs)
+        django-background-tasks
+        django-browser-reload
+        django-bulma-forms
+        django-translated-fields
+        loadcredential
+        pyrage
+        ;
+
+      authens = nix-pkgs.authens.overridePythonAttrs (old: {
+        patches = [ ./01-authens.patch ];
+      });
+    };
+  };
+in
+
+{
+  devShell = pkgs.mkShell {
+    name = "cas-eleves.dev";
+
+    packages = [
+      (python3.withPackages (ps: [
+        ps.django
+        ps.ipython
+        ps.django-stubs
+
+        ps.markdown
+        ps.numpy
+        ps.networkx
+
+        ps.authens
+        ps.django-background-tasks
+        ps.django-browser-reload
+        ps.django-bulma-forms
+        ps.django-debug-toolbar
+        ps.django-translated-fields
+        ps.loadcredential
+        ps.pyrage
+      ]))
+
+      pkgs.gettext
+      pkgs.gtranslator
+    ];
+
+    env = {
+      CREDENTIALS_DIRECTORY = builtins.toString ./.credentials;
+      KADENIOS_DEBUG = "true";
+      KADENIOS_STATIC_ROOT = builtins.toString ./.static;
+    };
+
+    shellHook = ''
+      if [ ! -d .static ]; then
+        mkdir .static
+      fi
+    '';
+  };
+}

elections/admin.py

@@ -1,12 +0,0 @@
-from django.contrib import admin
-from django.apps import apps
-
-# FIXME: this is a temp workaround to help for development
-
-models = apps.get_models()
-
-for model in models:
-    try:
-        admin.site.register(model)
-    except admin.sites.AlreadyRegistered:
-        pass

elections/forms.py

@@ -14,6 +14,9 @@ class ElectionForm(forms.ModelForm):
 
     def clean(self):
         cleaned_data = super().clean()
+
+        assert cleaned_data is not None
+
         if cleaned_data["start_date"] < timezone.now():
             self.add_error(
                 "start_date", _("Impossible de faire débuter l'élection dans le passé")

elections/migrations/0030_timestamps.py

@@ -0,0 +1,27 @@
+# Generated by Django 3.2.4 on 2021-06-28 20:03
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("elections", "0029_alter_election_visible"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="election",
+            name="time_published",
+            field=models.DateTimeField(
+                default=None, null=True, verbose_name="date de publication"
+            ),
+        ),
+        migrations.AddField(
+            model_name="election",
+            name="time_tallied",
+            field=models.DateTimeField(
+                default=None, null=True, verbose_name="date du dépouillement"
+            ),
+        ),
+    ]

elections/migrations/0031_alter_election_options.py

@@ -0,0 +1,20 @@
+# Generated by Django 3.2.4 on 2021-07-12 16:37
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("elections", "0030_timestamps"),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name="election",
+            options={
+                "ordering": ["-start_date", "-end_date"],
+                "permissions": [("election_admin", "Peut administrer des élections")],
+            },
+        ),
+    ]

elections/migrations/0032_auto_20210820_0023.py

@@ -0,0 +1,29 @@
+# Generated by Django 3.2.6 on 2021-08-19 22:23
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("elections", "0031_alter_election_options"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="user",
+            name="has_valid_email",
+            field=models.BooleanField(
+                default=None, null=True, verbose_name="email valide"
+            ),
+        ),
+        migrations.AlterField(
+            model_name="election",
+            name="sent_mail",
+            field=models.BooleanField(
+                default=False,
+                null=True,
+                verbose_name="mail avec les identifiants envoyé",
+            ),
+        ),
+    ]

elections/migrations/0033_inactive_users.py

@@ -0,0 +1,21 @@
+# Generated by Django 3.2.6 on 2021-10-04 07:49
+
+from django.db import migrations
+
+
+def set_users_inactive(apps, schema_editor):
+    db_alias = schema_editor.connection.alias
+    User = apps.get_model("elections", "User")
+
+    User.objects.using(db_alias).filter(election__isnull=False).update(is_active=False)
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("elections", "0032_auto_20210820_0023"),
+    ]
+
+    operations = [
+        migrations.RunPython(set_users_inactive, migrations.RunPython.noop),
+    ]

elections/migrations/0034_vote_pseudonymous_user_alter_vote_user.py

@@ -0,0 +1,25 @@
+# Generated by Django 4.2.12 on 2024-07-11 12:01
+
+from django.conf import settings
+from django.db import migrations, models
+import django.db.models.deletion
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('elections', '0033_inactive_users'),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name='vote',
+            name='pseudonymous_user',
+            field=models.CharField(blank=True, max_length=16),
+        ),
+        migrations.AlterField(
+            model_name='vote',
+            name='user',
+            field=models.ForeignKey(null=True, on_delete=django.db.models.deletion.CASCADE, to=settings.AUTH_USER_MODEL),
+        ),
+    ]

elections/migrations/0035_auto_20240711_1424.py

@@ -0,0 +1,44 @@
+# Generated by Django 4.2.12 on 2024-07-11 12:24
+
+import random
+
+from django.db import migrations
+
+alphabet = "abcdefghjkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789"
+
+
+def generate_password(size):
+    random.seed()
+
+    return "".join(random.choice(alphabet) for _ in range(size))
+
+
+def pseudonymize_users(apps, _):
+    Question = apps.get_model("elections", "Question")
+    Vote = apps.get_model("elections", "Vote")
+
+    votes = set()
+
+    for q in Question.objects.filter(election__tallied=True).prefetch_related(
+        "options__vote_set"
+    ):
+
+        for v in q.voters.all():
+            pseudonym = generate_password(16)
+
+            for opt in q.options.all():
+                for vote in opt.vote_set.filter(user=v):
+                    vote.pseudonymous_user = pseudonym
+                    vote.user = None
+                    votes.add(vote)
+
+    Vote.objects.bulk_update(votes, ["pseudonymous_user", "user"])
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("elections", "0034_vote_pseudonymous_user_alter_vote_user"),
+    ]
+
+    operations = [migrations.RunPython(pseudonymize_users)]

elections/mixins.py

@@ -1,23 +1,32 @@
+from typing import Any
+
 from django.contrib.auth.mixins import PermissionRequiredMixin
-from django.db.models import Q
+from django.db.models import Q, QuerySet
+from django.http.request import HttpRequest
 from django.urls import reverse
 from django.utils import timezone
 from django.views.generic.detail import SingleObjectMixin
 
+from elections.typing import AuthenticatedRequest
+
 from .models import Election, Option, Question
 
 
 class AdminOnlyMixin(PermissionRequiredMixin):
     """Restreint l'accès aux admins"""
 
-    permission_required = "elections.is_admin"
+    request: AuthenticatedRequest
+
+    permission_required = "elections.election_admin"
 
 
 class SelectElectionMixin:
     """Sélectionne automatiquement les foreignkeys voulues"""
 
-    def get_queryset(self):
-        qs = super().get_queryset()
+    model: type
+
+    def get_queryset(self) -> QuerySet:
+        qs = super().get_queryset()  # pyright: ignore
         if self.model is Question:
             return qs.select_related("election")
         elif self.model is Option:
@@ -28,15 +37,19 @@ class SelectElectionMixin:
 class RestrictAccessMixin(SelectElectionMixin):
     """Permet de restreindre l'accès à des élections/questions/options"""
 
-    f_prefixes = {Election: "", Question: "election__", Option: "question__election__"}
+    f_prefixes = {
+        Election: "",
+        Question: "election__",
+        Option: "question__election__",
+    }
 
-    def get_f_prefix(self):
-        return self.f_prefixes.get(self.model, None)
+    def get_f_prefix(self) -> str:
+        return self.f_prefixes.get(self.model, "")
 
-    def get_filters(self):
+    def get_filters(self) -> dict[str, Any]:
         return {}
 
-    def get_queryset(self):
+    def get_queryset(self) -> QuerySet:
         qs = super().get_queryset()
         if self.model in self.f_prefixes:
             return qs.filter(**self.get_filters())
@@ -47,7 +60,7 @@ class RestrictAccessMixin(SelectElectionMixin):
 class OpenElectionOnlyMixin(RestrictAccessMixin):
     """N'autorise la vue que lorsque l'élection est ouverte"""
 
-    def get_filters(self):
+    def get_filters(self) -> dict[str, Any]:
         f_prefix = self.get_f_prefix()
         # On ne peut modifier que les élections qui n'ont pas commencé, et
         # accessoirement qui ne sont pas dépouillées ou archivées
@@ -67,7 +80,7 @@ class CreatorOnlyMixin(AdminOnlyMixin, RestrictAccessMixin, SingleObjectMixin):
     def get_next_url(self):
         return reverse("kadenios")
 
-    def get_filters(self):
+    def get_filters(self) -> dict[str, Any]:
         filters = super().get_filters()
         # TODO: change the way we collect the user according to the model used
         filters[self.get_f_prefix() + "created_by"] = self.request.user
@@ -77,7 +90,7 @@ class CreatorOnlyMixin(AdminOnlyMixin, RestrictAccessMixin, SingleObjectMixin):
 class CreatorOnlyEditMixin(CreatorOnlyMixin):
     """Permet au créateurice de modifier l'élection implicitement"""
 
-    def get_filters(self):
+    def get_filters(self) -> dict[str, Any]:
         # On ne peut modifier que les élections qui n'ont pas commencé
         filters = super().get_filters()
         filters[self.get_f_prefix() + "start_date__gt"] = timezone.now()
@@ -87,7 +100,7 @@ class CreatorOnlyEditMixin(CreatorOnlyMixin):
 class ClosedElectionMixin(CreatorOnlyMixin):
     """Permet d'agir sur une élection terminée"""
 
-    def get_filters(self):
+    def get_filters(self) -> dict[str, Any]:
         f_prefix = self.get_f_prefix()
         # L'élection doit être terminée et non archivée
         filters = super().get_filters()
@@ -102,9 +115,11 @@ class NotArchivedMixin:
     ou dont on est l'admin
     """
 
-    def get_queryset(self):
+    request: HttpRequest
+
+    def get_queryset(self) -> QuerySet:
         user = self.request.user
-        qs = super().get_queryset()
+        qs = super().get_queryset()  # pyright: ignore
         if user.is_authenticated:
             return qs.filter(Q(archived=False, visible=True) | Q(created_by=user))
 

elections/models.py

@@ -1,17 +1,22 @@
+from typing import TYPE_CHECKING
+
 from translated_fields import TranslatedFieldWithFallback
 
 from django.conf import settings
 from django.contrib.auth.models import AbstractUser
 from django.db import models, transaction
+from django.http.request import HttpRequest
 from django.template.loader import render_to_string
 from django.utils.translation import gettext_lazy as _
 
+from shared.auth import CONNECTION_METHODS
+from shared.auth.utils import generate_password
+from shared.json import Serializer
 from shared.utils import choices_length
 
 from .staticdefs import (
     BALLOT_TYPE,
     CAST_FUNCTIONS,
-    CONNECTION_METHODS,
     QUESTION_TYPES,
     TALLY_FUNCTIONS,
     VALIDATE_FUNCTIONS,
@@ -24,12 +29,20 @@ from .utils import (
     ValidateFunctions,
 )
 
+if TYPE_CHECKING:
+    from django.db.models.fields.related_descriptors import ManyRelatedManager
+    from django.utils.functional import _StrPromise
+
+
 # #############################################################################
 #  Models regarding an election
 # #############################################################################
 
 
 class Election(models.Model):
+    registered_voters: models.Manager["User"]
+    questions: models.Manager["Question"]
+
     name = TranslatedFieldWithFallback(models.CharField(_("nom"), max_length=255))
     short_name = models.SlugField(_("nom bref"), unique=True)
     description = TranslatedFieldWithFallback(
@@ -50,7 +63,7 @@ class Election(models.Model):
     )
 
     sent_mail = models.BooleanField(
-        _("mail avec les identifiants envoyé"), default=False
+        _("mail avec les identifiants envoyé"), null=True, default=False
     )
 
     created_by = models.ForeignKey(
@@ -72,14 +85,24 @@ class Election(models.Model):
 
     archived = models.BooleanField(_("archivée"), default=False)
 
+    time_tallied = models.DateTimeField(
+        _("date du dépouillement"), null=True, default=None
+    )
+    time_published = models.DateTimeField(
+        _("date de publication"), null=True, default=None
+    )
+
     class Meta:
         permissions = [
-            ("is_admin", _("Peut administrer des élections")),
+            ("election_admin", _("Peut administrer des élections")),
         ]
         ordering = ["-start_date", "-end_date"]
 
 
-class Question(models.Model):
+class Question(Serializer, models.Model):
+    options: models.Manager["Option"]
+    duels: models.Manager["Duel"]
+
     election = models.ForeignKey(
         Election, related_name="questions", on_delete=models.CASCADE
     )
@@ -103,22 +126,44 @@ class Question(models.Model):
         blank=True,
     )
 
-    def is_form_valid(self, vote_form):
+    serializable_fields = ["text_en", "text_fr", "type"]
+
+    def is_form_valid(self, vote_form) -> bool:
         validate_function = getattr(ValidateFunctions, VALIDATE_FUNCTIONS[self.type])
         return vote_form.is_valid() and validate_function(vote_form)
 
     @transaction.atomic
-    def cast_ballot(self, user, vote_form):
+    def cast_ballot(self, user: "User", vote_form) -> None:
         cast_function = getattr(CastFunctions, CAST_FUNCTIONS[self.type])
         cast_function(user, vote_form)
 
     @transaction.atomic
-    def tally(self):
+    def tally(self) -> None:
         tally_function = getattr(TallyFunctions, TALLY_FUNCTIONS[self.type])
         tally_function(self)
 
+    @transaction.atomic
+    def pseudonymize(self):
+        """
+        Generates a random id for each voter
+        """
+
+        options = list(self.options.prefetch_related("vote_set"))
+        votes: set[Vote] = set()
+
+        for v in self.voters.all():
+            pseudonym = generate_password(16)
+
+            for opt in options:
+                for vote in opt.vote_set.filter(user=v):
+                    vote.pseudonymous_user = pseudonym
+                    vote.user = None
+                    votes.add(vote)
+
+        Vote.objects.bulk_update(votes, ["pseudonymous_user", "user"])
+
     @property
-    def results(self):
+    def results(self) -> str:
         return render_to_string(
             f"elections/results/{self.vote_type}_export.txt", {"question": self}
         )
@@ -140,14 +185,16 @@ class Question(models.Model):
     def vote_type(self):
         return BALLOT_TYPE[self.type]
 
-    def __str__(self):
-        return self.text
+    def __str__(self) -> str:
+        return str(self.text)
 
     class Meta:
         ordering = ["id"]
 
 
-class Option(models.Model):
+class Option(Serializer, models.Model):
+    vote_set: models.Manager["Vote"]
+
     question = models.ForeignKey(
         Question, related_name="options", on_delete=models.CASCADE
     )
@@ -158,22 +205,27 @@ class Option(models.Model):
     voters = models.ManyToManyField(
         settings.AUTH_USER_MODEL,
         related_name="votes",
-        through="Vote",
+        through="elections.Vote",
         blank=True,
     )
     # For now, we store the amount of votes received after the election is tallied
     nb_votes = models.PositiveSmallIntegerField(_("nombre de votes reçus"), default=0)
 
+    serializable_fields = ["text_fr", "text_en", "abbreviation"]
+
     def save(self, *args, **kwargs):
         # On enlève les espaces et on passe tout en majuscules
         self.abbreviation = "".join(self.abbreviation.upper().split())
 
         super().save(*args, **kwargs)
 
-    def __str__(self):
+    def get_abbr(self, default: str) -> str:
+        return self.abbreviation or default
+
+    def __str__(self) -> str:
         if self.abbreviation:
-            return self.abbreviation + " - " + self.text
-        return self.text
+            return f"{self.abbreviation} - {self.text}"
+        return str(self.text)
 
     class Meta:
         ordering = ["id"]
@@ -181,12 +233,22 @@ class Option(models.Model):
 
 class Vote(models.Model):
     option = models.ForeignKey(Option, on_delete=models.CASCADE)
-    user = models.ForeignKey(settings.AUTH_USER_MODEL, on_delete=models.CASCADE)
+    user = models.ForeignKey(
+        settings.AUTH_USER_MODEL, on_delete=models.CASCADE, null=True
+    )
+    pseudonymous_user = models.CharField(max_length=16, blank=True)
 
     class Meta:
         ordering = ["option"]
 
 
+class RankedVote(Vote):
+    rank: "Rank"
+
+    class Meta:
+        abstract = True
+
+
 class Rank(models.Model):
     vote = models.OneToOneField(Vote, on_delete=models.CASCADE)
     rank = models.PositiveSmallIntegerField(_("rang de l'option"))
@@ -214,6 +276,10 @@ class Duel(models.Model):
 
 
 class User(AbstractUser):
+    cast_elections: "ManyRelatedManager[Election]"
+    cast_questions: "ManyRelatedManager[Question]"
+    votes: "ManyRelatedManager[Vote]"
+
     election = models.ForeignKey(
         Election,
         related_name="registered_voters",
@@ -222,27 +288,33 @@ class User(AbstractUser):
         on_delete=models.CASCADE,
     )
     full_name = models.CharField(_("Nom et Prénom"), max_length=150, blank=True)
+    has_valid_email = models.BooleanField(_("email valide"), null=True, default=None)
 
     @property
-    def base_username(self):
+    def base_username(self) -> str:
         return "__".join(self.username.split("__")[1:])
 
-    def can_vote(self, request, election):
+    def can_vote(self, request: HttpRequest, election: Election) -> bool:
         # Si c'est un·e utilisateur·ice CAS, iel peut voter dans les élections
         # ouvertes à tou·te·s
         if self.election is None:
             # If the user is connected via CAS, request.session["CASCONNECTED"] is set
             # to True by authens
-            return not election.restricted and request.session.get("CASCONNECTED")
+            return not election.restricted and request.session.get(
+                "CASCONNECTED", False
+            )
 
         # Pour les élections restreintes, il faut y être associé
         return election.restricted and (self.election == election)
 
-    def get_prefix(self):
+    def is_admin(self, election: Election) -> bool:
+        return election.created_by == self or self.is_staff
+
+    def get_prefix(self) -> str:
         return self.username.split("__")[0]
 
     @property
-    def connection_method(self):
+    def connection_method(self) -> "_StrPromise":
         method = self.username.split("__")[0]
         return CONNECTION_METHODS.get(method, _("identifiants spécifiques"))
 

elections/staticdefs.py

@@ -1,31 +1,24 @@
 from django.utils.translation import gettext_lazy as _
 
-MAIL_VOTERS = (
-    "Dear {full_name},\n"
-    "\n"
-    "\n"
-    "Election URL: {election_url}\n"
-    "\n"
-    "Your voter ID: {username}\n"
-    "Your password: {password}\n"
-    "\n"
-    "-- \n"
-    "Kadenios"
-)
+MAIL_VOTERS = """Dear {full_name},
 
-MAIL_VOTE_DELETED = (
-    "Dear {full_name},\n"
-    "\n"
-    "Your vote for {election_name} has been removed."
-    "\n"
-    "-- \n"
-    "Kadenios"
-)
+Election URL: {election_url}
+The election will take place from {start} to {end}.
 
-CONNECTION_METHODS = {
-    "pwd": _("mot de passe"),
-    "cas": _("CAS"),
-}
+Your voter ID: {username}
+Your password: {password}
+
+-- 
+Kadenios
+"""
+
+MAIL_VOTE_DELETED = """Dear {full_name},
+
+Your vote for {election_name} has been removed.
+
+-- 
+Kadenios
+"""
 
 QUESTION_TYPES = [
     ("assentiment", _("Assentiment")),

elections/tasks.py

@@ -0,0 +1,20 @@
+from background_task import background
+
+from .models import Election
+from .utils import send_mail
+
+
+@background
+def send_election_mail(election_pk: int, subject: str, body: str, reply_to: str):
+    election = Election.objects.get(pk=election_pk)
+    send_mail(election, subject, body, reply_to)
+    election.sent_mail = True
+    election.save(update_fields=["sent_mail"])
+
+
+@background
+def pseudonimize_election(election_pk: int):
+    election = Election.objects.get(pk=election_pk)
+
+    for q in election.questions.all():
+        q.pseudonymize()

elections/templates/elections/admin/option.html

@@ -0,0 +1,40 @@
+{% load i18n markdown %}
+
+<div class="panel-block" id="o_{{ o.pk }}">
+  {% if o.question.election.start_date > current_time %}
+  <span class="tags has-addons mb-0">
+    <a class="tag is-danger is-light is-outlined has-tooltip-primary mb-0 del" data-tooltip="{% trans "Supprimer" %}" data-url="{% url 'election.del-option' o.pk %}" data-target="o_{{ o.pk }}">
+      <span class="icon">
+        <i class="fas fa-times"></i>
+      </span>
+    </a>
+
+    <a class="tag is-info is-light is-outlined has-tooltip-primary mb-0 modal-button" data-tooltip="{% trans "Modifier" %}" data-post_url="{% url 'election.mod-option' o.pk %}" data-target="modal-option" data-json='{{ o.to_json }}' data-title="{% trans "Modifier l'option" %}" data-parent="o_{{ o.pk }}">
+      <span class="icon">
+        <i class="fas fa-edit"></i>
+      </span>
+    </a>
+  </span>
+
+  {% elif o.question.election.tallied %}
+  <span class="tag {% if o.winner %}is-success{% else %}is-primary{% endif %}">
+    <span class="icon-text">
+      {% if q.vote_type == "select" %}
+      <span class="icon">
+        <i class="fas fa-vote-yea"></i>
+      </span>
+      <span>{{ o.nb_votes }}</span>
+
+      {% elif q.vote_type == "rank" %}
+
+      <span class="icon">
+        <i class="fas fa-layer-group"></i>
+      </span>
+      <span>{% if o.abbreviation %}{{ o.abbreviation }}{% else %}{{ forloop.counter }}{% endif %}</span>
+      {% endif %}
+    </span>
+    {% endif %}
+  </span>
+
+  <span class="ml-2">{{ o }}</span>
+</div>

elections/templates/elections/admin/question.html

@@ -0,0 +1,67 @@
+{% load i18n markdown %}
+
+<div class="panel" id="q_{{ q.pk }}">
+  <div class="panel-heading is-size-6">
+    <div class="level is-mobile">
+      <div class="level-left is-flex-shrink-1 mr-2">
+        <span class="mr-2">
+          <span class="icon">
+            <i class="fas fa-poll-h"></i>
+          </span>
+          <span>{{ q }}</span>
+        </span>
+
+        {% if q.election.start_date > current_time %}
+        <a class="tag is-outlined is-light is-danger del" data-url="{% url 'election.del-question' q.pk %}" data-target="q_{{ q.pk }}">
+          <span class="icon-text">
+            <span class="icon">
+              <i class="fas fa-times"></i>
+            </span>
+            <span>{% trans "Supprimer" %}</span>
+          </span>
+        </a>
+
+        <a class="tag is-outlined is-light is-info ml-1 modal-button" data-post_url="{% url 'election.mod-question' q.pk %}" data-target="modal-question" data-json='{{ q.to_json }}' data-title="{% trans "Modifier la question" %}" data-parent="q_{{ q.pk }}">
+          <span class="icon-text">
+            <span class="icon">
+              <i class="fas fa-edit"></i>
+            </span>
+            <span>{% trans "Modifier" %}</span>
+          </span>
+        </a>
+        {% endif %}
+      </div>
+
+      <div class="level-right">
+        <span class="tag is-outlined is-primary is-light">{{ q.get_type_display }}</span>
+      </div>
+    </div>
+  </div>
+
+  {# Liste des options possibles #}
+  <div id="options_{{ q.pk }}">
+    {% for o in q.options.all %}
+    {% include 'elections/admin/option.html' %}
+    {% endfor %}
+  </div>
+
+  {# Permet d'afficher une ligne #}
+  <div class="panel-block py-0"></div>
+
+  {# Affiche plus d'informations sur le résultat #}
+  {% if q.election.tallied %}
+  {{ q.get_results_data }}
+  {% endif %}
+
+  {# Rajout d'une option #}
+  {% if q.election.start_date > current_time %}
+  <div class="panel-block">
+    <button class="button modal-button is-primary is-outlined is-fullwidth option" data-post_url="{% url 'election.add-option' q.pk %}" data-target="modal-option" data-title="{% trans "Rajouter une option" %}" data-json='{"text_fr": "", "text_en": "", "abbreviation": ""}' data-next="options_{{ q.pk }}">
+      <span class="icon">
+        <i class="fas fa-plus"></i>
+      </span>
+      <span>{% trans "Rajouter une option" %}</span>
+    </button>
+  </div>
+  {% endif %}
+</div>

elections/templates/elections/ballots/rank.html

@@ -3,13 +3,13 @@
     <thead>
       <tr>
         {% for o in options %}
-        <th>{{ o }}</th>
+        <th class="has-text-centered">{{ o }}</th>
         {% endfor %}
       </tr>
     </thead>
 
     <tbody>
-      {% for ballot in ballots.values %}
+      {% for ballot in ballots %}
       <tr>
         {% for r in ballot %}
         <td class="has-text-centered">{{ r }}</td>

elections/templates/elections/ballots/select.html

@@ -3,13 +3,13 @@
     <thead>
       <tr>
         {% for o in options %}
-        <th>{{ o }}</th>
+        <th class="has-text-centered">{{ o }}</th>
         {% endfor %}
       </tr>
     </thead>
 
     <tbody>
-      {% for ballot in ballots.values %}
+      {% for ballot in ballots %}
       <tr>
         {% for v in ballot %}
         <td class="has-text-centered">

elections/templates/elections/election.html

@@ -4,38 +4,16 @@
 
 {% block content %}
 
-<div class="level">
+<div class="level mb-2 is-mobile">
   {# Titre de l'élection #}
-  <div class="level-left is-flex-shrink-1">
+  <div class="level-left is-flex-shrink-1 pr-3">
     <h1 class="title">{{ election.name }}</h1>
   </div>
 
-  <div class="level-right">
-    {# Liste des votant·e·s #}
-    <div class="level-item">
-      <a class="button is-primary is-light is-outlined" href="{% url 'election.voters' election.pk %}">
-        <span class="icon">
-          <i class="fas fa-clipboard-list"></i>
-        </span>
-        <span>{% trans "Votant·e·s" %}</span>
-      </a>
-    </div>
-
-    {# Liste des bulletins #}
-    {% if election.results_public %}
-    <div class="level-item">
-      <a class="button is-primary is-light is-outlined" href="{% url 'election.ballots' election.pk %}">
-        <span class="icon">
-          <i class="fas fa-list"></i>
-        </span>
-        <span>{% trans "Bulletins" %}</span>
-      </a>
-    </div>
-    {% endif %}
-
-    {% if election.start_date < current_time %}
+  <div class="level-right is-flex is-flex-shrink-1">
     {# Statut de l'élection #}
-    <div class="level-item">
+    {% if election.start_date < current_time %}
+    <div class="level-item is-flex-shrink-1">
       <span class="tag is-medium is-outlined is-light is-primary">
         {% if election.end_date < current_time %}
         {% trans "Élection terminée" %}
@@ -46,56 +24,111 @@
     </div>
     {% endif %}
 
-    {# Lien vers la page d'administration #}
-    {% if election.created_by == user %}
     <div class="level-item">
-      <a class="button has-tooltip-primary" href="{% url 'election.admin' election.pk %}" data-tooltip="{% trans "Administrer" %}">
-        <span class="icon">
-          <i class="fas fa-cog"></i>
-        </span>
-      </a>
+      <div class="dropdown is-right">
+        <div class="dropdown-trigger">
+          <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
+            <span class="icon">
+              <i class="fas fa-ellipsis-v" aria-hidden="true"></i>
+            </span>
+          </button>
+        </div>
+
+        <div class="dropdown-menu" id="dropdown-menu" role="menu">
+          <div class="dropdown-content">
+            {# Lien vers la page d'administration #}
+            {% if election.created_by == user %}
+            <a class="dropdown-item" href="{% url 'election.admin' election.pk %}">
+              <span class="icon">
+                <i class="fas fa-cog"></i>
+              </span>
+              <span>{% trans "Administrer" %}</span>
+            </a>
+
+            <hr class="dropdown-divider">
+            {% endif %}
+
+            {# Liste des votant·e·s #}
+            <a class="dropdown-item" href="{% url 'election.voters' election.pk %}">
+              <span class="icon">
+                <i class="fas fa-clipboard-list"></i>
+              </span>
+              <span>{% trans "Votant·e·s" %}</span>
+            </a>
+
+            {# Liste des bulletins #}
+            {% if election.results_public %}
+            <a class="dropdown-item" href="{% url 'election.ballots' election.pk %}">
+              <span class="icon">
+                <i class="fas fa-list"></i>
+              </span>
+              <span>{% trans "Bulletins" %}</span>
+            </a>
+            {% endif %}
+          </div>
+        </div>
+      </div>
     </div>
-    {% endif %}
   </div>
 </div>
 
 <div class="level">
   {# Dates d'ouverture de l'élection #}
-  <div class="level-left">
-    <div class="level-item">
-      <span class="tag is-medium is-primary">
-        <span class="icon-text">
+  <div class="level-left is-flex-shrink-1 pr-3">
+    <div class="level is-mobile">
+      <div class="level-item">
+        <span class="tag is-medium is-primary">
           <span>{{ election.start_date|date:"d/m/Y H:i" }}</span>
           <span class="icon">
             <i class="fas fa-long-arrow-alt-right"></i>
           </span>
           <span>{{ election.end_date|date:"d/m/Y H:i" }}</span>
         </span>
-      </span>
-    </div>
+      </div>
 
-    {# Créateurice de l'élection #}
-    <div class="level-item">
-      <span class="tag is-primary is-light is-outlined">{% blocktrans with creator=election.created_by.full_name %}Créé par {{ creator }}{% endblocktrans %}</span>
+      {# Créateurice de l'élection #}
+      <div class="level-item is-flex-shrink-1">
+        <span class="tag is-primary is-light is-outlined">{% blocktrans with creator=election.created_by.full_name %}Créé par {{ creator }}{% endblocktrans %}</span>
+      </div>
     </div>
   </div>
 
   {# Confirmation de vote #}
   {% if has_voted %}
-  <div class="level-right">
-    <div class="level-item">
+  <div class="level-right is-flex-shrink-1">
+    <div class="level-item is-flex-shrink-1">
       <div class="tag is-medium is-outlined is-success is-light">
-        <span class="icon-text">
-          <span class="icon">
-            <i class="fas fa-check"></i>
-          </span>
-          <span>{% trans "Votre vote a bien été enregistré." %}</span>
+        <span class="icon">
+          <i class="fas fa-check"></i>
         </span>
+        <span>{% trans "Votre vote a bien été enregistré." %}</span>
       </div>
     </div>
   </div>
   {% endif %}
 </div>
+
+<div class="level">
+  <div class="level-left is-flex">
+    {# Date du dépouillement #}
+    {% if election.time_tallied %}
+    <div class="level-item is-flex-grow-1 mb-0">
+      <span class="tag is-success is-light is-outlined">
+        {% blocktrans with timestamp=election.time_tallied|date:"d/m/Y H:i" %}Dépouillé le {{ timestamp }}{% endblocktrans %}
+      </span>
+    </div>
+    {% endif %}
+
+    {# Date de la publication #}
+    {% if election.time_published %}
+    <div class="level-item is-flex-grow-1 mb-0">
+      <span class="tag is-info is-light is-outlined">
+        {% blocktrans with timestamp=election.time_published|date:"d/m/Y H:i" %}Publié le {{ timestamp }}{% endblocktrans %}
+      </span>
+    </div>
+    {% endif %}
+  </div>
+</div>
 <hr>
 
 {# Précisions sur les modalités de vote #}
@@ -106,7 +139,23 @@
 {% endif %}
 
 {# Indications de connexion #}
-{% if election.start_date < current_time and election.end_date > current_time %}
+{% if election.start_date > current_time %}
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <div class="tile is-child notification is-primary is-light">
+      <div class="has-text-centered mb-2">
+        <p class="subtitle">
+          <span class="icon">
+            <i class="fas fa-clock"></i>
+          </span>
+          <span class="ml-3">{% blocktrans with _date=election.start_date|date:"d/m/Y" _time=election.start_date|date:_("H:i") %}Le vote ouvrira le <b>{{ _date }}</b> à <b>{{ _time }}</b>.{% endblocktrans %}</span>
+        </p>
+        <p>{% trans "Revenez sur cette page quand le vote sera ouvert pour vous connecter et participer." %}</p>
+      </div>
+    </div>
+  </div>
+</div>
+{% elif election.end_date > current_time %}
 {% if can_vote %}
 <div class="columns is-centered tile is-ancestor">
   <div class="column is-one-third tile is-parent">
@@ -150,7 +199,7 @@
           </div>
         </a>
         {% else %}
-        <a class="tile is-child notification is-primary" href="{% url 'authens:login.cas' %}">
+        <a class="tile is-child notification is-primary" href="{% url 'authens:login.cas' %}?next={% url 'election.view' election.pk %}">
           <div class="subtitle has-text-centered mb-2">
             <span class="icon-text">
               <span class="icon has-text-white">
@@ -179,9 +228,9 @@
 {% for q in election.questions.all %}
 <div class="panel" id="q_{{ q.pk }}">
   <div class="panel-heading is-size-6">
-    <div class="level">
+    <div class="level is-mobile">
       <div class="level-left is-flex-shrink-1">
-        <span class="icon-text">
+        <span class="mr-3">
           <span class="icon">
             <i class="fas fa-poll-h"></i>
           </span>

elections/templates/elections/election_admin.html

@@ -2,27 +2,64 @@
 {% load i18n markdown %}
 
 
-{% block extra_head %}
+{% block custom_js %}
 <script>
-  document.addEventListener('DOMContentLoaded', () => {
-    var $modalButtons = document.querySelectorAll('.modal-button') || [];
+  const _fm = b => {
+    b.addEventListener('click', () => {
+      const f = _$('form', _id(b.dataset.target), false);
+      f.dataset.next = b.dataset.next;
+      f.dataset.origin = b.dataset.parent
 
-    $modalButtons.forEach($el => {
-      $el.addEventListener('click', () => {
-        var $target = document.getElementById($el.dataset.target);
-        var $target_form = $target.querySelector("form");
-        var modal_title = '';
-        $target_form.action = $el.dataset.post_url;
-        $target.querySelector('.modal-card-title').innerHTML = $el.dataset.title;
+      const d = JSON.parse(b.dataset.json);
 
-        if ($el.classList.contains('question')) {
-          $target_form.querySelector('#id_text_fr').value = $el.dataset.q_fr || '';
-          $target_form.querySelector('#id_text_en').value = $el.dataset.q_en || '';
-          $target_form.querySelector('#id_type').value = $el.dataset.type || 'assentiment';
-        } else if ($el.classList.contains('option')) {
-          $target_form.querySelector('#id_text_fr').value = $el.dataset.o_fr || '';
-          $target_form.querySelector('#id_text_en').value = $el.dataset.o_en || '';
-          $target_form.querySelector('#id_abbreviation').value = $el.dataset.abbr || '';
+      for (const [k, v] of Object.entries(d)) {
+        _$(`[name='${k}']`, f, false).value = v;
+      }
+    });
+  }
+
+  _$('.modal-button').forEach(_fm);
+
+  const _del = d => {
+    d.addEventListener('click', () => {
+      _get(d.dataset.url, r => {
+        if (r.success && r.action == 'delete') {
+          _id(d.dataset.target).remove()
+        }
+
+        if (r.message) {
+          _notif(r.message.content, r.message.class);
+        }
+      });
+    });
+  }
+
+  _$('.del').forEach(_del);
+
+  _$('form').forEach(f => {
+    f.addEventListener('submit', event => {
+      event.preventDefault();
+
+      _post(f.action, f, r => {
+        if (r.success) {
+          const e = document.createElement('div');
+          e.innerHTML = r.html;
+          // On initialise les boutons
+          _$('.modal-button', e).forEach(b => {
+            _om(b);
+            _fm(b);
+          });
+          _$('.del', e).forEach(_del);
+
+          if (r.action == 'create') {
+            _id(f.dataset.next).appendChild(e.firstElementChild);
+          } else if (r.action == 'update') {
+            const n = _id(f.dataset.origin);
+            n.parentNode.replaceChild(e.firstElementChild, n);
+          }
+          // On ferme le modal
+          document.documentElement.classList.remove('is-clipped');
+          _id(f.dataset.modal).classList.remove('is-active');
         }
       });
     });
@@ -43,142 +80,142 @@
   <div class="level-right">
     {# Visibilité de l'élection #}
     <div class="level-item">
-      {% if not election.visible %}
-      <span class="tag is-medium is-outlined is-warning is-light">
-        <span class="icon">
-          <i class="fas fa-eye-slash"></i>
-        </span>
-        <span>{% trans "Élection invisible" %}</span>
-      </span>
-      {% else %}
-      <span class="tag is-medium is-outlined is-primary is-light">
-        <span class="icon">
-          <i class="fas fa-eye"></i>
-        </span>
-        <span>{% trans "Élection visible" %}</span>
-      </span>
-      {% endif %}
-    </div>
-
-    {# Menu d'actions #}
-    <div class="level-item">
-      <div class="dropdown is-right">
-        <div class="dropdown-trigger">
-          <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
-            <span class="icon-text">
-              <span class="icon">
-                <i class="fas fa-cog" aria-hidden="true"></i>
-              </span>
-              <span>{% trans "Actions" %}</span>
+      <div class="level is-mobile">
+        <div class="level-item">
+          {% if not election.visible %}
+          <span class="tag is-medium is-outlined is-warning is-light">
+            <span class="icon">
+              <i class="fas fa-eye-slash"></i>
             </span>
-          </button>
+            <span>{% trans "Élection invisible" %}</span>
+          </span>
+          {% else %}
+          <span class="tag is-medium is-outlined is-primary is-light">
+            <span class="icon">
+              <i class="fas fa-eye"></i>
+            </span>
+            <span>{% trans "Élection visible" %}</span>
+          </span>
+          {% endif %}
         </div>
 
-        <div class="dropdown-menu" id="dropdown-menu" role="menu">
-          <div class="dropdown-content">
-            {# Vue classique #}
-            <a class="dropdown-item" href="{% url 'election.view' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-exchange-alt"></i>
-              </span>
-              <span>{% trans "Vue classique" %}
-            </a>
+        {# Menu d'actions #}
+        <div class="level-item">
+          <div class="dropdown is-right">
+            <div class="dropdown-trigger">
+              <button class="button" aria-haspopup="true" aria-controls="dropdown-menu">
+                <span class="icon">
+                  <i class="fas fa-cog" aria-hidden="true"></i>
+                </span>
+              </button>
+            </div>
 
-            <hr class="dropdown-divider">
+            <div class="dropdown-menu" id="dropdown-menu" role="menu">
+              <div class="dropdown-content">
+                {# Vue classique #}
+                <a class="dropdown-item" href="{% url 'election.view' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-exchange-alt"></i>
+                  </span>
+                  <span>{% trans "Vue classique" %}
+                </a>
 
-            {% if not election.visible %}
-            {# Rend l'élection visible par tout le monde #}
-            <a class="dropdown-item" href="{% url 'election.set-visible' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-eye"></i>
-              </span>
-              <span>{% trans "Rendre l'élection visible" %}
-            </a>
-            {% endif %}
+                <hr class="dropdown-divider">
 
-            {# Téléchargement de la liste des votant·e·s #}
-            <a class="dropdown-item" href="{% url 'election.export-voters' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-file-download"></i>
-              </span>
-              <span>{% trans "Exporter les votant·e·s" %}
-            </a>
+                {% if not election.visible %}
+                {# Rend l'élection visible par tout le monde #}
+                <a class="dropdown-item" href="{% url 'election.set-visible' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-eye"></i>
+                  </span>
+                  <span>{% trans "Rendre l'élection visible" %}
+                </a>
+                {% endif %}
 
-            {% if election.start_date > current_time %}
-            {# Modification de l'élection #}
-            <a class="dropdown-item" href="{% url 'election.update' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-edit"></i>
-              </span>
-              <span>{% trans "Modifier" %}</span>
-            </a>
+                {# Téléchargement de la liste des votant·e·s #}
+                <a class="dropdown-item" href="{% url 'election.export-voters' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-file-download"></i>
+                  </span>
+                  <span>{% trans "Exporter les votant·e·s" %}
+                </a>
 
-            {# Gestion des votant·e·s #}
-            {% if election.restricted %}
-            <a class="dropdown-item" href="{% url 'election.upload-voters' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-file-import"></i>
-              </span>
-              <span>{% trans "Gestion de la liste de votant·e·s" %}</span>
-            </a>
-            {% endif %}
+                {% if election.start_date > current_time %}
+                {# Modification de l'élection #}
+                <a class="dropdown-item" href="{% url 'election.update' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-edit"></i>
+                  </span>
+                  <span>{% trans "Modifier" %}</span>
+                </a>
 
-            {% elif election.end_date < current_time %}
+                {# Gestion des votant·e·s #}
+                {% if election.restricted %}
+                <a class="dropdown-item" href="{% url 'election.upload-voters' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-file-import"></i>
+                  </span>
+                  <span>{% trans "Gestion de la liste de votant·e·s" %}</span>
+                </a>
+                {% endif %}
 
-            {% if not election.tallied %}
-            {# Liste des votants #}
-            <a class="dropdown-item" href="{% url 'election.voters' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-list"></i>
-              </span>
-              <span>{% trans "Liste des votant·e·s" %}</span>
-            </a>
+                {% elif election.end_date < current_time %}
 
-            {# Dépouillement #}
-            <a class="dropdown-item" href="{% url 'election.tally' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-poll-h"></i>
-              </span>
-              <span>{% trans "Dépouiller" %}</span>
-            </a>
+                {% if not election.tallied %}
+                {# Liste des votants #}
+                <a class="dropdown-item" href="{% url 'election.voters' election.pk %}?prev=admin">
+                  <span class="icon">
+                    <i class="fas fa-list"></i>
+                  </span>
+                  <span>{% trans "Liste des votant·e·s" %}</span>
+                </a>
 
-            {% else %}
+                {# Dépouillement #}
+                <a class="dropdown-item" href="{% url 'election.tally' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-poll-h"></i>
+                  </span>
+                  <span>{% trans "Dépouiller" %}</span>
+                </a>
 
-            {# Publication des résultats #}
-            {% if not election.archived %}
-            <a class="dropdown-item" href="{% url 'election.publish' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-edit"></i>
-              </span>
-              {% if not election.results_public %}
-              <span>{% trans "Publier" %}</span>
-              {% else %}
-              <span>{% trans "Dépublier" %}</span>
-              {% endif %}
-            </a>
-            {% endif %}
+                {% else %}
 
-            {# Export des résultats #}
-            <a class="dropdown-item" href="{% url 'election.download-results' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-save"></i>
-              </span>
-              <span>{% trans "Télécharger les résultats" %}</span>
-            </a>
+                {# Publication des résultats #}
+                {% if not election.archived %}
+                <a class="dropdown-item" href="{% url 'election.publish' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-edit"></i>
+                  </span>
+                  {% if not election.results_public %}
+                  <span>{% trans "Publier" %}</span>
+                  {% else %}
+                  <span>{% trans "Dépublier" %}</span>
+                  {% endif %}
+                </a>
+                {% endif %}
 
-            {# Archivage #}
-            {% if not election.archived %}
-            <a class="dropdown-item" href="{% url 'election.archive' election.pk %}">
-              <span class="icon">
-                <i class="fas fa-archive"></i>
-              </span>
-              <span>{% trans "Archiver" %}</span>
-            </a>
-            {% endif %}
-            {% endif %}
+                {# Export des résultats #}
+                <a class="dropdown-item" href="{% url 'election.download-results' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-save"></i>
+                  </span>
+                  <span>{% trans "Télécharger les résultats" %}</span>
+                </a>
 
-            {% endif %}
+                {# Archivage #}
+                {% if not election.archived %}
+                <a class="dropdown-item" href="{% url 'election.archive' election.pk %}">
+                  <span class="icon">
+                    <i class="fas fa-archive"></i>
+                  </span>
+                  <span>{% trans "Archiver" %}</span>
+                </a>
+                {% endif %}
+                {% endif %}
 
+                {% endif %}
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -219,109 +256,11 @@
 {% endif %}
 
 {# Liste des questions #}
-{% for q in election.questions.all %}
-<div class="panel" id="q_{{ q.pk }}">
-  <div class="panel-heading is-size-6">
-    <div class="level">
-      <div class="level-left is-flex-shrink-1">
-        <div class="level-item is-flex-shrink-1">
-          <span class="icon-text">
-            <span class="icon">
-              <i class="fas fa-poll-h"></i>
-            </span>
-            <span>{{ q }}</span>
-          </span>
-        </div>
-
-        {% if election.start_date > current_time %}
-        <div class="level-item">
-          <a class="tag is-outlined is-light is-danger" href="{% url 'election.del-question' q.pk %}">
-            <span class="icon-text">
-              <span class="icon">
-                <i class="fas fa-times"></i>
-              </span>
-              <span>{% trans "Supprimer" %}</span>
-            </span>
-          </a>
-
-          <a class="tag is-outlined is-light is-info ml-1 modal-button question" data-post_url="{% url 'election.mod-question' q.pk %}" data-target="modal-question" data-type="{{ q.type }}" data-q_en="{{ q.text_en }}" data-q_fr="{{ q.text_fr }}" data-title="{% trans "Modifier la question" %}">
-            <span class="icon-text">
-              <span class="icon">
-                <i class="fas fa-edit"></i>
-              </span>
-              <span>{% trans "Modifier" %}</span>
-            </span>
-          </a>
-        </div>
-        {% endif %}
-      </div>
-
-      <div class="level-right">
-        <span class="tag is-outlined is-primary is-light">{{ q.get_type_display }}</span>
-      </div>
-    </div>
-  </div>
-
-  {# Liste des options possibles #}
-  {% for o in q.options.all %}
-  <div class="panel-block" id="o_{{ o.pk }}">
-    {% if election.start_date > current_time %}
-    <span class="tags has-addons mb-0">
-      <a class="tag is-danger is-light is-outlined has-tooltip-primary mb-0" data-tooltip="{% trans "Supprimer" %}" href="{% url 'election.del-option' o.pk %}">
-        <span class="icon">
-          <i class="fas fa-times"></i>
-        </span>
-      </a>
-
-      <a class="tag is-info is-light is-outlined has-tooltip-primary mb-0 modal-button option" data-tooltip="{% trans "Modifier" %}" data-post_url="{% url 'election.mod-option' o.pk %}" data-target="modal-option" data-o_en="{{ o.text_en }}" data-o_fr="{{ o.text_fr }}" data-abbr="{{ o.abbreviation }}" data-title="{% trans "Modifier l'option" %}">
-        <span class="icon">
-          <i class="fas fa-edit"></i>
-        </span>
-      </a>
-    </span>
-
-    {% elif election.tallied %}
-    <span class="tag {% if o.winner %}is-success{% else %}is-primary{% endif %}">
-      <span class="icon-text">
-        {% if q.vote_type == "select" %}
-        <span class="icon">
-          <i class="fas fa-vote-yea"></i>
-        </span>
-        <span>{{ o.nb_votes }}</span>
-
-        {% elif q.vote_type == "rank" %}
-
-        <span class="icon">
-          <i class="fas fa-layer-group"></i>
-        </span>
-        <span>{% if o.abbreviation %}{{ o.abbreviation }}{% else %}{{ forloop.counter }}{% endif %}</span>
-        {% endif %}
-      </span>
-      {% endif %}
-    </span>
-
-    <span class="ml-2">{{ o }}</span>
-  </div>
+<div id="questions" class="block">
+  {% for q in election.questions.all %}
+  {% include 'elections/admin/question.html' %}
   {% endfor %}
-
-  {# Affiche plus d'informations sur le résultat #}
-  {% if election.tallied %}
-  {{ q.get_results_data }}
-  {% endif %}
-
-  {# Rajout d'une option #}
-  {% if election.start_date > current_time %}
-  <div class="panel-block">
-    <button class="button modal-button is-primary is-outlined is-fullwidth option" data-post_url="{% url 'election.add-option' q.pk %}" data-target="modal-option" data-title="{% trans "Rajouter une option" %}">
-      <span class="icon">
-        <i class="fas fa-plus"></i>
-      </span>
-      <span>{% trans "Rajouter une option" %}</span>
-    </button>
-  </div>
-  {% endif %}
 </div>
-{% endfor %}
 
 {# Rajout d'une question #}
 {% if election.start_date > current_time %}
@@ -336,7 +275,7 @@
 
 <div class="columns is-centered" id="q_add">
   <div class="column is-two-thirds">
-    <button class="button modal-button is-primary is-outlined is-fullwidth question" data-post_url="{% url 'election.add-question' election.pk %}" data-target="modal-question" data-title="{% trans "Rajouter une question" %}">
+    <button class="button modal-button is-primary is-outlined is-fullwidth question" data-post_url="{% url 'election.add-question' election.pk %}" data-target="modal-question" data-title="{% trans "Rajouter une question" %}" data-next="questions" data-json='{"text_fr": "", "text_en": "", "type": "assentiment"}'>
       <span class="icon">
         <i class="fas fa-question"></i>
       </span>

elections/templates/elections/election_ballots.html

@@ -3,9 +3,9 @@
 
 
 {% block content %}
-<div class="level">
+<div class="level is-mobile">
   {# Titre de l'élection #}
-  <div class="level-left is-flex-shrink-1">
+  <div class="level-left is-flex-shrink-1 pr-3">
     <h1 class="title">{{ election.name }}</h1>
   </div>
 

elections/templates/elections/election_create.html

@@ -6,16 +6,16 @@
 {# DateTimePicker #}
 <script src="{% static 'vendor/datetimepicker/picker.js' %}"></script>
 <link rel="stylesheet" href="{% static 'vendor/datetimepicker/picker.css' %}">
+{% endblock %}
 
+{% block custom_js %}
 <script>
   {% get_current_language as LANGUAGE_CODE %}
-  document.addEventListener('DOMContentLoaded', () => {
-    new DateTimePicker('input[name=start_date]', {
-      lang: '{{ LANGUAGE_CODE }}',
-    });
-    new DateTimePicker('input[name=end_date]', {
-      lang: '{{ LANGUAGE_CODE }}',
-    });
+  new DateTimePicker('input[name=start_date]', {
+    lang: '{{ LANGUAGE_CODE }}',
+  });
+  new DateTimePicker('input[name=end_date]', {
+    lang: '{{ LANGUAGE_CODE }}',
   });
 
 </script>

elections/templates/elections/election_list.html

@@ -4,14 +4,14 @@
 
 {% block content %}
 
-<div class="level">
-  <div class="level-left">
-    <div class="level-item">
+<div class="level is-mobile">
+  <div class="level-left is-flex-shrink-1 pr-3">
+    <div class="level-item is-flex-shrink-1">
       <h1 class="title">{% trans "Liste des élections" %}</h1>
     </div>
   </div>
 
-  {% if perms.elections.is_admin %}
+  {% if perms.elections.election_admin %}
   <div class="level-right">
     <div class="level-item">
       <a class="button is-light is-outlined is-primary" href={% url 'election.create' %}>
@@ -29,13 +29,13 @@
 {% for e in election_list %}
 <div class="panel is-primary is-radiusless">
   <div class="panel-heading is-size-6 is-radiusless">
-    <div class="level">
+    <div class="level is-mobile mb-0">
       <div class="level-left is-flex-shrink-1">
         <div class="level-item is-flex-shrink-1">
           <a class="has-text-primary-light" href="{% url 'election.view' e.pk %}"><u>{{ e.name }}</u></a>
         </div>
 
-        <div class="level-item">
+        <div class="level-item is-hidden-touch">
           <span class="tag is-primary is-light">
             <span class="icon-text">
               <span>{{ e.start_date|date:"d/m/Y H:i" }}</span>
@@ -49,47 +49,72 @@
       </div>
 
       <div class="level-right">
-        {% if not e.visible %}
         <div class="level-item">
+          {% if not e.visible %}
           <span class="tag is-warning is-light">
             <span class="icon">
               <i class="fas fa-eye-slash"></i>
             </span>
             <span>{% trans "Élection invisible" %}</span>
           </span>
-        </div>
-        {% endif %}
+          {% endif %}
 
-        {% if e.tallied %}
-        <div class="level-item">
-          <span class="tag is-success is-light">{% trans "Élection dépouillée" %}</span>
-        </div>
-        {% endif %}
 
-        {% if e.results_public %}
-        <div class="level-item">
-          <span class="tag is-info is-light">{% trans "Élection publiée" %}</span>
-        </div>
-        {% endif %}
-
-        {% if e.archived %}
-        <div class="level-item">
-          <span class="tag is-danger is-light">{% trans "Élection archivée" %}</span>
-        </div>
-        {% endif %}
-
-        {% if e.created_by == user %}
-        <div class="level-item">
+          {% if e.created_by == user %}
           <a class="has-text-primary-light ml-3 has-tooltip-light" href="{% url 'election.admin' e.pk %}" data-tooltip="{% trans "Administrer" %}">
             <span class="icon">
               <i class="fas fa-cog"></i>
             </span>
           </a>
+          {% endif %}
         </div>
+      </div>
+    </div>
+
+    <div class="is-hidden-desktop mt-2">
+      <span class="tag is-primary is-light">
+        <span class="icon-text">
+          <span>{{ e.start_date|date:"d/m/Y H:i" }}</span>
+          <span class="icon has-text-primary">
+            <i class="fas fa-long-arrow-alt-right"></i>
+          </span>
+          <span>{{ e.end_date|date:"d/m/Y H:i" }}</span>
+        </span>
+      </span>
+    </div>
+  </div>
+
+  {% if e.tallied or e.results_public or e.archived %}
+  <div class="panel-block">
+    <div class="is-flex-grow-1">
+      <div class="tags">
+        {% if e.tallied %}
+        <span class="tag is-success is-light is-outlined">
+          {% if e.time_tallied %}
+          {% blocktrans with timestamp=e.time_tallied|date:"d/m/Y H:i" %}Élection dépouillée le {{ timestamp }}{% endblocktrans %}
+          {% else %}
+          {% trans "Élection dépouillée" %}
+          {% endif %}
+        </span>
+        {% endif %}
+
+        {% if e.results_public %}
+        <span class="tag is-info is-light is-outlined">
+          {% if e.time_published %}
+          {% blocktrans with timestamp=e.time_published|date:"d/m/Y H:i" %}Élection publiée le {{ timestamp }}{% endblocktrans %}
+          {% else %}
+          {% trans "Élection publiée" %}
+          {% endif %}
+        </span>
+        {% endif %}
+
+        {% if e.archived %}
+        <span class="tag is-danger is-light is-outlined">{% trans "Élection archivée" %}</span>
         {% endif %}
       </div>
     </div>
   </div>
+  {% endif %}
 
   {% if e.description %}
   <div class="panel-block">

elections/templates/elections/election_update.html

@@ -6,16 +6,16 @@
 {# DateTimePicker #}
 <script src="{% static 'vendor/datetimepicker/picker.js' %}"></script>
 <link rel="stylesheet" href="{% static 'vendor/datetimepicker/picker.css' %}">
+{% endblock %}
 
+{% block custom_js %}
 <script>
   {% get_current_language as LANGUAGE_CODE %}
-  document.addEventListener('DOMContentLoaded', () => {
-    new DateTimePicker('input[name=start_date]', {
-      lang: '{{ LANGUAGE_CODE }}',
-    });
-    new DateTimePicker('input[name=end_date]', {
-      lang: '{{ LANGUAGE_CODE }}',
-    });
+  new DateTimePicker('input[name=start_date]', {
+    lang: '{{ LANGUAGE_CODE }}',
+  });
+  new DateTimePicker('input[name=end_date]', {
+    lang: '{{ LANGUAGE_CODE }}',
   });
 
 </script>

elections/templates/elections/election_upload_voters.html

@@ -3,6 +3,11 @@
 
 
 {% block extra_head %}
+{# Pendant l'envoi on rafraîchit automatiquement #}
+{% if election.sent_mail is None %}
+<meta http-equiv="refresh" content="20">
+{% endif %}
+
 <script>
   {% if not election.sent_mail %}
   document.addEventListener('DOMContentLoaded', () => {
@@ -21,24 +26,38 @@
 
 {% block content %}
 
-<div class="level is-flex-widescreen">
-  <div class="level-left">
-    <div class="item-level">
+<div class="level is-mobile">
+  <div class="level-left is-flex-shrink-1">
+    <div class="item-level is-flex-shrink-1 pr-3">
       <h1 class="title">{% trans "Gestion de la liste de votant·e·s" %}</h1>
     </div>
   </div>
 
   <div class="level-right">
-    {% if not election.sent_mail %}
-    <div class="level-item">
+    <div class="level-item is-hidden-touch">
+      {% if election.sent_mail is False %}
       <a class="button is-light is-outlined is-primary" href="{% url 'election.mail-voters' election.pk %}">
         <span class="icon">
           <i class="fas fa-envelope-open"></i>
         </span>
         <span>{% trans "Envoyer le mail d'annonce" %}</span>
       </a>
+      {% elif election.sent_mail is None %}
+      <a class="button is-light is-outlined is-warning" href="javascript:location.reload();">
+        <span class="icon">
+          <i class="fas fa-sync-alt"></i>
+        </span>
+        <span>{% trans "Mail en cours de distribution" %}</span>
+      </a>
+      {% else %}
+      <span class="button is-light is-outlined is-success">
+        <span class="icon">
+          <i class="fas fa-check"></i>
+        </span>
+        <span>{% trans "Mail envoyé" %}</span>
+      </span>
+      {% endif %}
     </div>
-    {% endif %}
 
     <div class="level-item">
       <a class="button is-primary" href="{% url 'election.admin' election.pk %}">
@@ -50,6 +69,31 @@
     </div>
   </div>
 </div>
+
+<div class="level-item is-hidden-desktop">
+  {% if election.sent_mail is False %}
+  <a class="button is-light is-outlined is-primary" href="{% url 'election.mail-voters' election.pk %}">
+    <span class="icon">
+      <i class="fas fa-envelope-open"></i>
+    </span>
+    <span>{% trans "Envoyer le mail d'annonce" %}</span>
+  </a>
+  {% elif election.sent_mail is None %}
+  <a class="button is-light is-outlined is-warning" href="javascript:location.reload();">
+    <span class="icon">
+      <i class="fas fa-sync-alt"></i>
+    </span>
+    <span>{% trans "Mail en cours de distribution" %}</span>
+  </a>
+  {% else %}
+  <span class="button is-light is-outlined is-success">
+    <span class="icon">
+      <i class="fas fa-check"></i>
+    </span>
+    <span>{% trans "Mail envoyé" %}</span>
+  </span>
+  {% endif %}
+</div>
 <hr>
 
 {# Si on a déjà envoyé le mail avec les identifiants, on ne peut plus changer la liste #}
@@ -99,26 +143,39 @@
 <hr>
 
 <div class="columns is-centered">
-  <div class="column is-two-thirds">
-    <table class="table is-fullwidth is-bordered is-striped has-text-centered">
-      <thead>
-        <tr>
-          <th>{% trans "Login" %}</th>
-          <th>{% trans "Nom" %}</th>
-          <th>{% trans "Email" %}</th>
-        </tr>
-      </thead>
+  <div class="column is-12">
+    <div class="table-container">
+      <table class="table is-fullwidth is-bordered is-striped has-text-centered">
+        <thead>
+          <tr>
+            <th>{% trans "Login" %}</th>
+            <th>{% trans "Nom" %}</th>
+            <th>{% trans "Email" %}</th>
+          </tr>
+        </thead>
 
-      <tbody>
-        {% for v in voters %}
-        <tr>
-          <td>{{ v.base_username }}</td>
-          <td>{{ v.full_name }}</td>
-          <td>{{ v.email }}</td>
-        </tr>
-        {% endfor %}
-      </tbody>
-    </table>
+        <tbody>
+          {% for v in voters %}
+          <tr>
+            <td>{{ v.base_username }}</td>
+            <td>{{ v.full_name }}</td>
+            <td>
+              {{ v.email }}
+              {% if v.has_valid_email %}
+              <span class="icon has-text-success is-pulled-right">
+                <i class="fas fa-check"></i>
+              </span>
+              {% elif v.has_valid_email is False %}
+              <span class="icon has-text-danger is-pulled-right">
+                <i class="fas fa-times"></i>
+              </span>
+              {% endif %}
+            </td>
+          </tr>
+          {% endfor %}
+        </tbody>
+      </table>
+    </div>
   </div>
 </div>
 {% endif %}

elections/templates/elections/election_voters.html

@@ -2,128 +2,225 @@
 {% load i18n markdown %}
 
 
-{% block extra_head %}
-<script>
-  document.addEventListener('DOMContentLoaded', () => {
-    const $del_modal = document.getElementById('modal-delete');
-    const $del_title = $del_modal.querySelector('.modal-card-title');
-    const $del_form = $del_modal.querySelector('form');
-
-    $del_buttons = document.querySelectorAll('.modal-button.delete-vote')
-
-    $del_buttons.forEach($del => {
-      $del.addEventListener('click', () => {
-        $del_form.action = $del.dataset.post_url;
-        $del_title.innerHTML = $del.dataset.tooltip;
+{% block custom_js %}
+  {% if can_delete %}
+    <script>
+      _$('.modal-button').forEach(b => {
+        b.addEventListener('click', () => {
+          const f = _$('form', _id(b.dataset.target), false);
+          f.dataset.target = b.dataset.origin;
+          _$('[name="delete"]', f, false).value = 'non';
+        });
       });
-    });
-  });
 
-</script>
+      _$('form').forEach(f => {
+        f.addEventListener('submit', event => {
+          event.preventDefault();
 
+          if (_$('[name="delete"]', f, false).value == 'oui') {
+            _get(f.action, r => {
+              if (r.success && r.action == 'delete') {
+                {% if election.restricted %}
+                  const r = _id(f.dataset.target);
+                  _$('.modal-button', r, false).remove();
+                  const i = _$('.fas', r, false);
+                  i.classList.remove('fa-check');
+                  i.classList.add('fa-times');
+                {% else %}
+                  _id(f.dataset.target).remove()
+                {% endif %}
+
+                // On ferme le modal
+                document.documentElement.classList.remove('is-clipped');
+                _id(f.dataset.modal).classList.remove('is-active');
+              }
+
+              if (r.message) {
+                _notif(r.message.content, r.message.class);
+              }
+            });
+          } else {
+            document.documentElement.classList.remove('is-clipped');
+            _id(f.dataset.modal).classList.remove('is-active');
+          }
+        });
+      });
+
+    </script>
+  {% endif %}
 {% endblock %}
 
+
 {% block content %}
 
-<div class="level">
-  {# Titre de l'élection #}
-  <div class="level-left is-flex-shrink-1">
-    <h1 class="title">{{ election.name }}</h1>
-  </div>
+  <div class="level is-mobile">
+    {# Titre de l'élection #}
+    <div class="level-left is-flex-shrink-1 mr-3">
+      <h1 class="title">{{ election.name }}</h1>
+    </div>
 
-  <div class="level-right">
-    <div class="level-item">
-      <a class="button is-primary" href="{% if can_delete %}{% url 'election.admin' election.pk %}{% else %}{% url 'election.view' election.pk %}{% endif %}">
-        <span class="icon">
-          <i class="fas fa-undo-alt"></i>
-        </span>
-        <span>{% trans "Retour" %}</span>
-      </a>
+    <div class="level-right">
+      <div class="level-item">
+        <a class="button is-primary" href="{% if from_admin %}{% url 'election.admin' election.pk %}{% else %}{% url 'election.view' election.pk %}{% endif %}">
+          <span class="icon">
+            <i class="fas fa-undo-alt"></i>
+          </span>
+          <span>{% trans "Retour" %}</span>
+        </a>
+      </div>
     </div>
   </div>
-</div>
 
-<div class="level">
-  <div class="level-left">
-    <h3 class="subtitle">{% trans "Liste des votant·e·s" %} ({{ voters|length }})</h3>
+  <div class="level">
+    <div class="level-left">
+      <h3 class="subtitle">{% trans "Liste des votant·e·s" %} ({{ voters|length }})</h3>
+    </div>
   </div>
-</div>
-<hr>
+  <hr>
 
-{# Précisions sur les modalités de vote #}
-{% if election.vote_restrictions %}
-<div class="message is-warning">
-  <div class="message-body content">{{ election.vote_restrictions|markdown|safe }}</div>
-</div>
-{% endif %}
+  {# Précisions sur les modalités de vote #}
+  {% if election.vote_restrictions %}
+    <div class="message is-warning">
+      <div class="message-body content">{{ election.vote_restrictions|markdown|safe }}</div>
+    </div>
+  {% endif %}
 
-<div class="message is-warning">
-  <div class="message-body">
-    {% if election.restricted %}
-    {% trans "Seules les personnes présentes sur cette liste peuvent voter, vous avez dû recevoir un mail avec vos identifiants de connexion." %}
-    {% else %}
-    {% trans "Pour voter lors de cette élection, vous devez vous connecter à l'aide du CAS élève, d'autres restrictions peuvent s'appliquer et votre vote pourra être supprimé si vous n'avez pas le droit de vote." %}
-    {% endif %}
+  <div class="message is-warning">
+    <div class="message-body">
+      {% if election.restricted %}
+        {% trans "Seules les personnes présentes sur cette liste peuvent voter, vous avez dû recevoir un mail avec vos identifiants de connexion." %}
+      {% else %}
+        {% trans "Pour voter lors de cette élection, vous devez vous connecter à l'aide du CAS élève, d'autres restrictions peuvent s'appliquer et votre vote pourra être supprimé si vous n'avez pas le droit de vote." %}
+      {% endif %}
+    </div>
   </div>
-</div>
 
-<div class="columns is-centered">
-  <div class="column is-two-thirds">
-    {% if can_delete %}
-    {% include "forms/modal-form.html" with modal_id="delete" form=d_form %}
-    {% endif %}
-
-    <table class="table is-striped is-fullwidth">
-      <thead>
-        <tr>
-          <th>{% trans "Nom" %}</th>
-          <th class="has-text-centered">{% trans "Vote enregistré" %}</th>
-          {% if can_delete %}
-          <th class="has-text-centered">{% trans "Supprimer" %}</th>
-          {% endif %}
-        <tr>
-      </thead>
-      <tbody>
-        {% if election.restricted %}
-        {% for v in election.registered_voters.all %}
-        <tr>
-          <td>{{ v.full_name }} ({{ v.base_username }})</td>
-          <td class="has-text-centered">
-            <span class="icon">
-              {% if v in voters %}
-              <i class="fas fa-check"></i>
-              {% else %}
-              <i class="fas fa-times"></i>
-              {% endif %}
-            </span>
-          </td>
-        </tr>
-        {% endfor %}
-        {% else %}
-        {% for v in voters %}
-        <tr id="v_{{ forloop.counter }}">
-          <td>{{ v.full_name }} ({{ v.base_username }})</td>
-          <td class="has-text-centered">
-            <span class="icon">
-              <i class="fas fa-check"></i>
-            </span>
-          </td>
-          {% if can_delete %}
-          <td class="has-text-centered">
-            {% blocktrans with v_name=v.full_name asvar v_delete %}Supprimer le vote de {{ v_name }}{% endblocktrans %}
-            <a class="tag is-danger has-tooltip-primary modal-button delete-vote" data-target="modal-delete" data-tooltip="{{ v_delete }}" data-post_url="{% url 'election.delete-vote' election.pk v.pk forloop.counter %}">
-              <span class="icon">
-                <i class="fas fa-user-minus"></i>
-              </span>
-            </a>
-            {% endif %}
-        </tr>
-        {% endfor %}
+  {% if can_vote or is_admin %}
+    <div class="columns is-centered">
+      <div class="column is-narrow">
+        {% if can_delete %}
+          {% include "forms/modal-form.html" with modal_id="delete" form=d_form %}
         {% endif %}
-    </table>
 
-  </div>
-</div>
+        <table class="table is-striped is-fullwidth">
+          <thead>
+            <tr>
+              <th>{% trans "Nom" %}</th>
+              <th class="has-text-centered">{% trans "Vote enregistré" %}</th>
+              {% if can_delete %}
+                <th class="has-text-centered">{% trans "Supprimer" %}</th>
+              {% endif %}
+            </tr>
+          </thead>
+
+          <tbody>
+            {% if election.restricted %}
+              {% for v in election.registered_voters.all %}
+                <tr id="v_{{ forloop.counter }}">
+                  <td>{{ v.full_name }} ({{ v.base_username }})</td>
+                  {% if v in voters %}
+                    <td class="has-text-centered">
+                      <span class="icon">
+                        <i class="fas fa-check"></i>
+                      </span>
+                    </td>
+                    {% if can_delete %}
+                      <td class="has-text-centered">
+                        {% blocktrans with v_name=v.full_name asvar v_delete %}Supprimer le vote de {{ v_name }}{% endblocktrans %}
+                        <a class="tag is-danger modal-button delete-vote" data-target="modal-delete" data-post_url="{% url 'election.delete-vote' election.pk v.pk forloop.counter %}" data-title="{{ v_delete }}" data-origin="v_{{ forloop.counter }}">
+                          <span class="icon">
+                            <i class="fas fa-user-minus"></i>
+                          </span>
+                        </a>
+                      </td>
+                    {% endif %}
+                  {% else %}
+                    <td class="has-text-centered">
+                      <span class="icon">
+                        <i class="fas fa-times"></i>
+                      </span>
+                    </td>
+                    {% if can_delete %}
+                      <td></td>
+                    {% endif %}
+                  {% endif %}
+                </tr>
+              {% endfor %}
+
+            {% else %}
+
+              {% for v in voters %}
+                <tr id="v_{{ forloop.counter }}">
+                  <td>{{ v.full_name }} ({{ v.base_username }})</td>
+                  <td class="has-text-centered">
+                    <span class="icon">
+                      <i class="fas fa-check"></i>
+                    </span>
+                  </td>
+                  {% if can_delete %}
+                    <td class="has-text-centered">
+                      {% blocktrans with v_name=v.full_name asvar v_delete %}Supprimer le vote de {{ v_name }}{% endblocktrans %}
+                      <a class="tag is-danger modal-button delete-vote" data-target="modal-delete" data-post_url="{% url 'election.delete-vote' election.pk v.pk forloop.counter %}" data-title="{{ v_delete }}" data-origin="v_{{ forloop.counter }}">
+                        <span class="icon">
+                          <i class="fas fa-user-minus"></i>
+                        </span>
+                      </a>
+                    </td>
+                  {% endif %}
+                </tr>
+              {% endfor %}
+            {% endif %}
+          </tbody>
+        </table>
+
+      </div>
+    </div>
+
+  {% else %}
+
+    <div class="notification is-danger is-light has-text-centered">
+      <b>{% trans "Pour voir la liste des votant·e·s vous devez être connecté·e." %}</b>
+      {% if election.restricted %}
+        <br>
+        <span class="icon">
+          <i class="fas fa-info-circle"></i>
+        </span>
+        <i>{% trans "La connexion doit s'effectuer via les identifiants reçus par mail." %}</i>
+      {% endif %}
+    </div>
+
+    <div class="columns is-centered">
+      <div class="column is-half">
+        <div class="tile is-ancestor">
+          <div class="tile is-parent">
+            {% if election.restricted %}
+              <a class="tile is-child notification is-primary" href="{% url 'auth.election' election.pk %}?next={% url 'election.voters' election.pk %}">
+                <div class="subtitle has-text-centered mb-2">
+                  <span class="icon-text">
+                    <span class="icon has-text-white">
+                      <i class="fas fa-unlock"></i>
+                    </span>
+                    <span class="ml-3">{% trans "Connexion par identifiants" %}</span>
+                  </span>
+                </div>
+              </a>
+            {% else %}
+              <a class="tile is-child notification is-primary" href="{% url 'authens:login.cas' %}?next={% url 'election.voters' election.pk %}">
+                <div class="subtitle has-text-centered mb-2">
+                  <span class="icon-text">
+                    <span class="icon has-text-white">
+                      <i class="fas fa-school"></i>
+                    </span>
+                    <span class="ml-3">{% trans "Connexion via CAS" %}</span>
+                  </span>
+                </div>
+              </a>
+            {% endif %}
+          </div>
+        </div>
+      </div>
+    </div>
+  {% endif %}
 
 
 {% endblock %}

elections/templates/elections/option_update.html

@@ -1,19 +0,0 @@
-{% extends "base.html" %}
-{% load i18n static string %}
-
-
-{% block content %}
-
-{% for error in form.non_field_errors %}
-<div class="notification is-danger">
-  {{ error }}
-</div>
-{% endfor %}
-
-<h1 class="title">{% trans "Modification d'une option" %}</h1>
-<hr>
-
-{% url 'election.admin' option.question.election.pk as r_url %}
-{% include "forms/common-form.html" with anchor=o_|concatenate:option.pk %}
-
-{% endblock %}

elections/templates/elections/question_update.html

@@ -1,19 +0,0 @@
-{% extends "base.html" %}
-{% load i18n static string %}
-
-
-{% block content %}
-
-{% for error in form.non_field_errors %}
-<div class="notification is-danger">
-  {{ error }}
-</div>
-{% endfor %}
-
-<h1 class="title">{% trans "Modification d'une question" %}</h1>
-<hr>
-
-{% url 'election.admin' question.election.pk as r_url %}
-{% include "forms/common-form.html" with errors=False r_anchor="q_"|concatenate:question.pk %}
-
-{% endblock %}

elections/templates/elections/results/rank.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 <div class="panel-block">
-  <div class="columns is-centered is-flex-grow-1">
+  <div class="columns is-centered is-flex-grow-1 is-mobile">
     <div class="column is-narrow">
       <table class="table is-bordered is-striped">
         <thead>
@@ -24,7 +24,6 @@
 
         <tbody>
           {% for line, o in matrix %}
-          {% with loser=forloop.counter %}
           <tr>
             <th class="has-text-centered">
               <span class="icon-text">
@@ -36,10 +35,9 @@
             </th>
 
             {% for cell, class in line %}
-            <td class="has-text-centered has-tooltip-primary {{ class }}" {% if cell %}data-tooltip="{% blocktrans with winner=forloop.counter %}L'option {{ winner }} est préférée à l'option {{ loser }} par {{ cell }} voix.{% endblocktrans %}{% endif %}">{{ cell }}</td>
+            <td class="has-text-centered has-tooltip-primary {{ class }}" {% if cell.value %}data-tooltip="{% blocktrans with winner=cell.winner loser=cell.loser value=cell.value %}L'option {{ winner }} est préférée à l'option {{ loser }} par {{ value }} voix.{% endblocktrans %}{% endif %}">{{ cell.value }}</td>
             {% endfor %}
           </tr>
-          {% endwith %}
           {% endfor %}
         </tbody>
       </table>

elections/templates/elections/vote.html

@@ -29,7 +29,7 @@
     <form action="" method="post">
       {% csrf_token %}
 
-    {% block vote_form %}{% endblock %}
+      {% block vote_form %}{% endblock %}
 
       <div class="field is-grouped is-centered">
         <div class="control is-expanded">

elections/templates/elections/vote/rank.html

@@ -5,30 +5,30 @@
 {% block extra_head %}
 <script>
   const nb_options = {{ nb_options }};
-  var ranks_used = nb_options;
-  var rank_zones = new Array(nb_options + 1);
+  const rank_zones = new Array(nb_options + 1);
+  let ranks_used = nb_options;
   var $unranked;
 
-  function getLabelText($input) {
-    var label = $input.closest('.field').querySelector('.label label').innerHTML;
+  function getLabelText(i) {
+    const label = _$('.label label', i.closest('.field'), false).innerHTML;
     return label.substring(0, label.length - 1).trim();
   }
 
   function collapseRanks() {
     // On décale pour éviter les rangs vides
-    for (let i = 1; i < nb_options; i++) {
+    for (let j = 1; j < nb_options; j++) {
       // On a au moins le tag avec le numéro du rang
-      if (rank_zones[i].childElementCount == 1) {
+      if (rank_zones[j].childElementCount == 1) {
         // On cherche le prochain rang avec des options
-        var next_rank = i + 1;
+        let next_rank = j + 1;
         for (; next_rank < nb_options && rank_zones[next_rank].childElementCount == 1; next_rank++) {}
 
         // On déplace les options
         while (rank_zones[next_rank].childElementCount > 1) {
-          let $tile = rank_zones[next_rank].lastChild;
-          let $input = document.getElementById($tile.dataset.input);
-          $input.value = i.toString();
-          rank_zones[i].append($tile);
+          const t = rank_zones[next_rank].lastChild;
+          const i = _id(t.dataset.input);
+          i.value = j.toString();
+          rank_zones[j].append(t);
         }
       }
     }
@@ -36,14 +36,6 @@
     // On recalcule ranks_used
     for (ranks_used = 0; ranks_used < nb_options && rank_zones[ranks_used + 1].childElementCount > 1; ranks_used++) {}
 
-    // On affiche le bouton + si besoin
-    // let $add_rank = document.getElementById('rank-add');
-    // if (ranks_used < (nb_options - 1)) {
-    //   $add_rank.parentElement.classList.remove('is-hidden')
-    // } else {
-    //   $add_rank.parentElement.classList.add('is-hidden')
-    // }
-
     // On cache les zones non utilisées, sauf une
     for (let i = 1; i <= nb_options; i++) {
       if (i > (ranks_used + 1)) {
@@ -55,19 +47,19 @@
   }
 
   function moveOptions() {
-    (document.querySelectorAll('.control .input') || []).forEach($input => {
+    _$('.control .input').forEach(i => {
       // On rajoute la tuile dans le classement ou dans les non classées
-      const rank = parseInt($input.value);
-      var $tile = document.getElementById(`tile-${$input.id}`);
+      const r = parseInt(i.value);
+      const t = _id(`tile-${i.id}`);
 
-      if (!(typeof rank === 'undefined') && rank > 0 && rank <= nb_options) {
-        rank_zones[rank].appendChild($tile);
-        rank_zones[rank].parentElement.classList.remove('is-hidden');
-        ranks_used = Math.max(rank, ranks_used);
+      if (!(typeof r === 'undefined') && r > 0 && r <= nb_options) {
+        rank_zones[r].appendChild(t);
+        rank_zones[r].parentElement.classList.remove('is-hidden');
+        ranks_used = Math.max(r, ranks_used);
       } else {
-        $unranked.appendChild($tile);
+        $unranked.appendChild(t);
         // On enlève les valeurs non règlementaires
-        $input.value = '';
+        i.value = '';
       }
     });
   }
@@ -87,26 +79,19 @@
     // On récupère l'id de la tuile à déplacer
     const data = event.dataTransfer.getData('text/plain');
 
-    var $target = event.target.closest('.drop-zone');
+    const d = event.target.closest('.drop-zone');
 
-    if ($target.id == 'rank-add') {
-      ranks_used += 1;
-
-      $target = rank_zones[ranks_used];
-      $target.parentElement.classList.remove('is-hidden');
-    }
-
-    const rank = $target.dataset.rank;
-    var $tile = document.getElementById(data);
-    var $input = document.getElementById($tile.dataset.input);
+    const r = d.dataset.rank;
+    const t = _id(data);
+    const i = _id(t.dataset.input);
 
     // Si on ne change pas de rang, pas besoin de déplacer l'option
-    if ($input.value != rank) {
+    if (i.value != r) {
       // On déplace l'option
-      $target.appendChild($tile);
+      d.appendChild(t);
 
       // On enregistre le rang dans le formulaire
-      $input.value = rank;
+      i.value = r;
     }
 
     collapseRanks();
@@ -114,37 +99,35 @@
 
   document.addEventListener('DOMContentLoaded', () => {
     // Affiche le modal et remplit le récapitulatif
-    document.getElementById('confirm-button').addEventListener('click', () => {
-      var $modal_body = document.getElementById('modal-body');
+    _id('confirm-button').addEventListener('click', () => {
+      const ranks = new Array(nb_options + 1);
 
-      var ranks = new Array(nb_options + 1);
+      _$('.control .input').forEach(i => {
+        const r = parseInt(i.value) || nb_options;
 
-      (document.querySelectorAll('.control .input') || []).forEach($input => {
-        var rank = parseInt($input.value) || nb_options;
+        const o = getLabelText(i)
 
-        var option = getLabelText($input)
-
-        if (rank > 0 && rank <= nb_options) {
-          ranks[rank] = (ranks[rank] || []).concat([option]);
+        if (r > 0 && r <= nb_options) {
+          ranks[r] = (ranks[r] || []).concat([o]);
         } else {
-          ranks[nb_options] = (ranks[nb_options] || []).concat([option]);
+          ranks[nb_options] = (ranks[nb_options] || []).concat([o]);
         }
       });
 
-      var table_rows = '';
+      let trs = '';
 
-      for (let i = 1; i <= nb_options; i++) {
-        var option_list = '';
+      for (let j = 1; j <= nb_options; j++) {
+        let option_list = '';
 
-        if (!(typeof ranks[i] === 'undefined')) {
-          for (option of ranks[i]) {
+        if (!(typeof ranks[j] === 'undefined')) {
+          for (option of ranks[j]) {
             option_list += `${option}<br>`;
           }
         }
-        table_rows += `<tr><th>${i}</th><td><div>${option_list}</div></td></tr>\n`
+        trs += `<tr><th>${j}</th><td><div>${option_list}</div></td></tr>\n`
       }
 
-      $modal_body.innerHTML = `
+      _id('modal-body').innerHTML = `
       <table class="table is-fullwidth is-striped">
         <thead>
           <tr>
@@ -153,62 +136,60 @@
           </tr>
         </thead>
         <tbody>
-          ${table_rows}
+          ${trs}
         </tbody>
       </table>`;
     });
 
     // Change le mode de remplissge de formulaire (input vs drag & drop)
-    document.getElementById('change-method').addEventListener('click', () => {
-      var $hide = document.getElementById('hide-form');
-      var $drag_zone = document.getElementById('drag-zone');
-      var $method_button = document.getElementById('change-method');
+    _id('change-method').addEventListener('click', () => {
+      const h = _id('hide-form');
+      const d = _id('drag-zone');
+      const b = _id('change-method');
 
       // On échange ce qui est visible
-      $hide.classList.toggle('is-hidden');
-      $drag_zone.classList.toggle('is-hidden');
+      h.classList.toggle('is-hidden');
+      d.classList.toggle('is-hidden');
 
-      if ($hide.classList.contains('is-hidden')) {
-        $method_button.innerHTML = "{% trans "Utiliser le formulaire classique" %}";
+      if (h.classList.contains('is-hidden')) {
+        b.innerHTML = "{% trans "Utiliser le formulaire classique" %}";
 
         moveOptions();
         collapseRanks();
       } else {
-        $method_button.innerHTML = "{% trans "Utiliser le cliquer-déposer" %}";
+        b.innerHTML = "{% trans "Utiliser le cliquer-déposer" %}";
       }
     });
 
     // Initialise les éléments pour le formulaire interactif
-    $unranked = document.getElementById('unranked');
+    $unranked = _id('unranked');
 
     for (let i = 1; i <= nb_options; i++) {
-      rank_zones[i] = document.getElementById(`rank-${i}`);
+      rank_zones[i] = _id(`rank-${i}`);
     }
 
-    (document.querySelectorAll('.control .input') || []).forEach($input => {
-      var option = getLabelText($input);
-
+    _$('.control .input').forEach(i => {
       // On créé une tuile avec le nom de l'option
-      var $tile = document.createElement('div');
+      const t = document.createElement('div');
 
-      $tile.classList.add('tile', 'is-parent', 'is-flex-grow-0');
-      $tile.id = `tile-${$input.id}`;
-      $tile.dataset.input = $input.id;
-      $tile.innerHTML = `<p class="tile is-child notification is-primary">${option}</p>`;
+      t.classList.add('tile', 'is-parent', 'is-flex-grow-0');
+      t.id = `tile-${i.id}`;
+      t.dataset.input = i.id;
+      t.innerHTML = `<p class="tile is-child notification is-primary is-grabable">${getLabelText(i)}</p>`;
 
-      $tile.setAttribute('draggable', true);
-      $tile.addEventListener('dragstart', dragstart_handler);
+      t.setAttribute('draggable', true);
+      t.addEventListener('dragstart', dragstart_handler);
 
       // Par défaut on ajoute la tuile dans undefined
-      $unranked.appendChild($tile);
+      $unranked.appendChild(t);
     });
 
     moveOptions();
     collapseRanks();
 
-    document.querySelectorAll('.drop-zone').forEach($zone => {
-      $zone.addEventListener('drop', drop_handler);
-      $zone.addEventListener('dragover', dragover_handler);
+    _$('.drop-zone').forEach(z => {
+      z.addEventListener('drop', drop_handler);
+      z.addEventListener('dragover', dragover_handler);
     });
   });
 
@@ -236,23 +217,12 @@
       </div>
     </div>
     {% endfor %}
+  </div>
 
-    <div class="tile is-parent is-flex-grow-0 is-hidden">
-      <div id="rank-add" class="tile is-child notification has-text-centered drop-zone">
-        <span class="icon-text subtitle has-text-primary">
-          <span class="icon">
-            <i class="fas fa-plus"></i>
-          </span>
-          <span>{% trans "Ajouter un rang" %}</span>
-        </span>
-      </div>
+  <div class="tile is-parent">
+    <div id="unranked" class="tile is-vertical drop-zone notification" data-rank="">
     </div>
   </div>
-
-    <div class="tile is-parent">
-  <div id="unranked" class="tile is-vertical drop-zone notification" data-rank="">
-  </div>
-  </div>
 </div>
 
 <div id="hide-form" class="block is-hidden">

elections/templates/elections/vote/select.html

@@ -5,19 +5,16 @@
 {% block extra_head %}
 <script>
   document.addEventListener('DOMContentLoaded', () => {
-    document.getElementById('confirm-button').addEventListener('click', () => {
-      var $modal_body = document.getElementById('modal-body');
+    _id('confirm-button').addEventListener('click', () => {
+      let selected_rows = '';
 
-      var selected_rows = '';
-
-      (document.querySelectorAll('.checkbox input') || []).forEach($checkbox => {
-        if ($checkbox.checked) {
-          let option_text = $checkbox.nextSibling.textContent.trim();
-          selected_rows += '<tr><td>' + option_text + '</td></tr>\n';
+      _$('.checkbox input').forEach(c => {
+        if (c.checked) {
+          selected_rows += `<tr><td>${c.nextSibling.textContent.trim()}</td></tr>\n`;
         }
       });
 
-      $modal_body.innerHTML = `
+      _id('modal-body').innerHTML = `
       <table class="table is-fullwidth">
         <thead>
           <tr>

elections/tests/test_models.py

@@ -1,3 +1,5 @@
+from typing import TYPE_CHECKING
+
 from django.conf import settings
 from django.contrib.auth import get_user_model
 from django.test import TestCase
@@ -5,7 +7,10 @@ from django.utils.translation import gettext_lazy as _
 
 from .test_utils import create_election
 
-User = get_user_model()
+if TYPE_CHECKING:
+    from elections.typing import User
+else:
+    User = get_user_model()
 
 
 class UserTests(TestCase):
@@ -40,8 +45,11 @@ class UserTests(TestCase):
         session["CASCONNECTED"] = True
         session.save()
 
+        assert session.session_key is not None
+
         # On sauvegarde le cookie de session
         session_cookie_name = settings.SESSION_COOKIE_NAME
+
         self.client.cookies[session_cookie_name] = session.session_key
 
         self.assertFalse(self.cas_user.can_vote(self.client, self.election_1))

elections/tests/test_views.py

@@ -1,11 +1,16 @@
-from django.contrib.auth import get_user_model
+from typing import TYPE_CHECKING
+
 from django.contrib.auth.models import Permission
 from django.test import TestCase
 from django.urls import reverse
 
 from .test_utils import create_election
 
-User = get_user_model()
+if TYPE_CHECKING:
+    from elections.typing import User
+else:
+    from django.contrib.auth import get_user_model
+    User = get_user_model()
 
 
 class AdminViewsTest(TestCase):

elections/typing.py

@@ -0,0 +1,7 @@
+from django.http.request import HttpRequest
+
+from elections.models import User
+
+
+class AuthenticatedRequest(HttpRequest):
+    user: User

elections/urls.py

@@ -49,33 +49,33 @@ urlpatterns = [
     # Question views
     path(
         "add-question/<int:pk>",
-        views.AddQuestionView.as_view(),
+        views.CreateQuestionView.as_view(),
         name="election.add-question",
     ),
     path(
         "mod-question/<int:pk>",
-        views.ModQuestionView.as_view(),
+        views.UpdateQuestionView.as_view(),
         name="election.mod-question",
     ),
     path(
         "del-question/<int:pk>",
-        views.DelQuestionView.as_view(),
+        views.DeleteQuestionView.as_view(),
         name="election.del-question",
     ),
     # Option views
     path(
         "add-option/<int:pk>",
-        views.AddOptionView.as_view(),
+        views.CreateOptionView.as_view(),
         name="election.add-option",
     ),
     path(
         "mod-option/<int:pk>",
-        views.ModOptionView.as_view(),
+        views.UpdateOptionView.as_view(),
         name="election.mod-option",
     ),
     path(
         "del-option/<int:pk>",
-        views.DelOptionView.as_view(),
+        views.DeleteOptionView.as_view(),
         name="election.del-option",
     ),
     # Common views

elections/utils.py

@@ -1,30 +1,46 @@
 import csv
 import io
+import smtplib
+from typing import TYPE_CHECKING, TypeGuard
 
 import networkx as nx
 import numpy as np
 from networkx.algorithms.dag import ancestors, descendants
+from numpy._typing import NDArray
 
 from django.contrib.auth import get_user_model
 from django.contrib.auth.hashers import make_password
 from django.core.exceptions import ValidationError
-from django.core.mail import EmailMessage  # , get_connection
+from django.core.files.base import File
+from django.core.mail import EmailMessage
 from django.core.validators import validate_email
+from django.forms import BaseFormSet
 from django.template.loader import render_to_string
 from django.urls import reverse
 from django.utils.translation import gettext_lazy as _
 
 from shared.auth.utils import generate_password
 
+if TYPE_CHECKING:
+    from elections.forms import RankVoteForm, SelectVoteForm
+    from elections.models import Election, Question, RankedVote, Vote
+    from elections.typing import User
+
+
 # #############################################################################
 #  Classes pour différencier les différents types de questions
 # #############################################################################
 
 
+def has_rank(v: "Vote") -> TypeGuard["RankedVote"]:
+    return hasattr(v, "rank")
+
+
 class CastFunctions:
     """Classe pour enregistrer les votes"""
 
-    def cast_select(user, vote_form):
+    @staticmethod
+    def cast_select(user: "User", vote_form: "BaseFormSet[SelectVoteForm]"):
         """On enregistre un vote classique"""
         selected, n_selected = [], []
         for v in vote_form:
@@ -36,7 +52,8 @@ class CastFunctions:
         user.votes.add(*selected)
         user.votes.remove(*n_selected)
 
-    def cast_rank(user, vote_form):
+    @staticmethod
+    def cast_rank(user: "User", vote_form: "BaseFormSet[RankVoteForm]"):
         """On enregistre un vote par classement"""
         from .models import Rank, Vote
 
@@ -52,7 +69,8 @@ class CastFunctions:
 
         for v in vote_form:
             vote = votes[v.instance]
-            if hasattr(vote, "rank"):
+
+            if has_rank(vote):
                 vote.rank.rank = v.cleaned_data["rank"]
                 ranks_update.append(vote.rank)
             else:
@@ -65,7 +83,8 @@ class CastFunctions:
 class TallyFunctions:
     """Classe pour gérer les dépouillements"""
 
-    def tally_select(question):
+    @staticmethod
+    def tally_select(question: "Question") -> None:
         """On dépouille un vote classique"""
         from .models import Option
 
@@ -85,7 +104,8 @@ class TallyFunctions:
 
         Option.objects.bulk_update(options, ["nb_votes", "winner"])
 
-    def tally_schultze(question):
+    @staticmethod
+    def tally_schultze(question: "Question") -> None:
         """On dépouille un vote par classement et on crée la matrice des duels"""
         from .models import Duel, Option, Rank
 
@@ -101,12 +121,12 @@ class TallyFunctions:
             else:
                 ranks_by_user[user] = [r]
 
-        ballots = []
+        ballots: list[NDArray[np.int_]] = []
 
         # Pour chaque votant·e, on regarde son classement
         for user in ranks_by_user:
             votes = ranks_by_user[user]
-            ballot = np.zeros((nb_options, nb_options))
+            ballot = np.zeros((nb_options, nb_options), dtype=int)
 
             for i in range(nb_options):
                 for j in range(i):
@@ -120,6 +140,9 @@ class TallyFunctions:
             # des duels
             duels = sum(ballots)
 
+            # As ballots is not empty, sum cannot be 0
+            assert duels != 0
+
             # Configuration du graphe
             graph = nx.DiGraph()
 
@@ -162,11 +185,11 @@ class TallyFunctions:
                     # le plus faible
                     min_weight = min(nx.get_edge_attributes(graph, "weight").values())
                     min_edges = []
-                    for (u, v) in graph.edges():
+                    for u, v in graph.edges():
                         if graph[u][v]["weight"] == min_weight:
                             min_edges.append((u, v))
 
-                    for (u, v) in min_edges:
+                    for u, v in min_edges:
                         graph.remove_edge(u, v)
 
             # Les options gagnantes sont celles encore présentes dans le graphe
@@ -180,29 +203,31 @@ class TallyFunctions:
 class ValidateFunctions:
     """Classe pour valider les formsets selon le type de question"""
 
-    def always_true(vote_form):
-        """Retourne True pour les votes sans validation particulière"""
+    @staticmethod
+    def always_true(_) -> bool:
+        """Renvoie True pour les votes sans validation particulière"""
         return True
 
-    def unique_selected(vote_form):
+    @staticmethod
+    def unique_selected(vote_form: "BaseFormSet[SelectVoteForm]") -> bool:
         """Vérifie qu'une seule option est choisie"""
-        nb_selected = 0
-        for v in vote_form:
-            nb_selected += v.cleaned_data["selected"]
+
+        nb_selected = sum(v.cleaned_data["selected"] for v in vote_form)
 
         if nb_selected == 0:
-            vote_form._non_form_errors.append(
+            vote_form._non_form_errors.append(  # pyright: ignore
                 ValidationError(_("Vous devez sélectionnner une option."))
             )
             return False
         elif nb_selected > 1:
-            vote_form._non_form_errors.append(
+            vote_form._non_form_errors.append(  # pyright: ignore
                 ValidationError(_("Vous ne pouvez pas sélectionner plus d'une option."))
             )
             return False
         return True
 
-    def limit_ranks(vote_form):
+    @staticmethod
+    def limit_ranks(vote_form: "BaseFormSet[RankVoteForm]"):
         """Limite le classement au nombre d'options"""
         nb_options = len(vote_form)
         valid = True
@@ -228,28 +253,34 @@ class ValidateFunctions:
 class ResultsData:
     """Classe pour afficher des informations supplémentaires après la fin d'une élection"""
 
-    def select(question):
+    @staticmethod
+    def select(_: "Question") -> str:
         """On renvoie l'explication des couleurs"""
         return render_to_string("elections/results/select.html")
 
-    def rank(question):
+    @staticmethod
+    def rank(question: "Question") -> str:
         """On récupère la matrice des résultats et on l'affiche"""
         duels = question.duels.all()
         options = list(question.options.all())
         n = len(options)
 
-        _matrix = np.zeros((n, n), dtype=int)
-        matrix = np.zeros((n, n), dtype=tuple)
+        _matrix = np.full((n, n), {"value": 0}, dtype=dict)
+        matrix = np.empty((n, n), dtype=tuple)
 
         for d in duels:
             i, j = options.index(d.loser), options.index(d.winner)
-            _matrix[i, j] = d.amount
+            _matrix[i, j] = {
+                "value": d.amount,
+                "winner": d.winner.get_abbr(j + 1),
+                "loser": d.loser.get_abbr(i + 1),
+            }
 
         for i in range(n):
             for j in range(n):
-                if _matrix[i, j] > _matrix[j, i]:
+                if _matrix[i, j]["value"] > _matrix[j, i]["value"]:
                     matrix[i, j] = (_matrix[i, j], "is-success")
-                elif _matrix[i, j] < _matrix[j, i]:
+                elif _matrix[i, j]["value"] < _matrix[j, i]["value"]:
                     matrix[i, j] = (_matrix[i, j], "is-danger")
                 else:
                     matrix[i, j] = (_matrix[i, j], "")
@@ -265,37 +296,40 @@ class ResultsData:
 class BallotsData:
     """Classe pour afficher les bulletins d'une question"""
 
-    def select(question):
+    @staticmethod
+    def select(question: "Question") -> str:
         """Renvoie un tableau affichant les options sélectionnées pour chaque bulletin"""
         from .models import Vote
 
-        votes = Vote.objects.filter(option__question=question).select_related("user")
+        votes = Vote.objects.filter(option__question=question)
 
         options = list(question.options.all())
 
         ballots = {}
         for v in votes:
-            ballot = ballots.get(v.user, [False] * len(options))
+            ballot = ballots.get(v.pseudonymous_user, [False] * len(options))
             ballot[options.index(v.option)] = True
 
-            ballots[v.user] = ballot
+            ballots[v.pseudonymous_user] = ballot
 
         return render_to_string(
-            "elections/ballots/select.html", {"options": options, "ballots": ballots}
+            "elections/ballots/select.html",
+            {"options": options, "ballots": sorted(ballots.values(), reverse=True)},
         )
 
-    def rank(question):
+    @staticmethod
+    def rank(question: "Question") -> str:
         """Renvoie un tableau contenant les classements des options par bulletin"""
         from .models import Rank
 
         options = list(question.options.all())
-        ranks = Rank.objects.select_related("vote__user").filter(
+        ranks = Rank.objects.select_related("vote").filter(
             vote__option__in=options
         )
         ranks_by_user = {}
 
         for r in ranks:
-            user = r.vote.user
+            user = r.vote.pseudonymous_user
             if user in ranks_by_user:
                 ranks_by_user[user].append(r.rank)
             else:
@@ -303,7 +337,7 @@ class BallotsData:
 
         return render_to_string(
             "elections/ballots/rank.html",
-            {"options": options, "ballots": ranks_by_user},
+            {"options": options, "ballots": sorted(ranks_by_user.values())},
         )
 
 
@@ -312,20 +346,30 @@ class BallotsData:
 # #############################################################################
 
 
-def create_users(election, csv_file):
+def create_users(election: "Election", csv_file: File):
     """Crée les votant·e·s pour l'élection donnée, en remplissant les champs
     `username`, `election` et `full_name`.
     """
+    User = get_user_model()
+
     dialect = csv.Sniffer().sniff(csv_file.readline().decode("utf-8"))
     csv_file.seek(0)
     reader = csv.reader(io.StringIO(csv_file.read().decode("utf-8")), dialect)
-    for (username, full_name, email) in reader:
-        election.registered_voters.create(
-            username=f"{election.id}__{username}", email=email, full_name=full_name
+
+    users = [
+        User(
+            election=election,
+            username=f"{election.pk}__{username}",
+            email=email,
+            full_name=full_name,
         )
+        for (username, full_name, email) in reader
+    ]
+
+    User.objects.bulk_create(users)
 
 
-def check_csv(csv_file):
+def check_csv(csv_file: File):
     """Vérifie que le fichier donnant la liste de votant·e·s est bien formé"""
     try:
         dialect = csv.Sniffer().sniff(csv_file.readline().decode("utf-8"))
@@ -378,32 +422,47 @@ def check_csv(csv_file):
     return errors
 
 
-def send_mail(election, mail_form):
+def send_mail(election: "Election", subject: str, body: str, reply_to: str) -> None:
     """Envoie le mail d'annonce de l'élection avec identifiants et mot de passe
     aux votant·e·s, le mdp est généré en même temps que le mail est envoyé.
     """
-    User = get_user_model()
 
-    voters = list(election.registered_voters.all())
-    e_url = reverse("election.view", args=[election.id])
+    # On n'envoie le mail qu'aux personnes qui n'en n'ont pas déjà reçu un
+    voters = list(election.registered_voters.exclude(has_valid_email=True))
+    e_url = reverse("election.view", args=[election.pk])
     url = f"https://vote.eleves.ens.fr{e_url}"
+    start = election.start_date.strftime("%d/%m/%Y %H:%M %Z")
+    end = election.end_date.strftime("%d/%m/%Y %H:%M %Z")
     messages = []
     for v in voters:
         password = generate_password()
         v.password = make_password(password)
         messages.append(
-            EmailMessage(
-                subject=mail_form.cleaned_data["objet"],
-                body=mail_form.cleaned_data["message"].format(
-                    full_name=v.full_name,
-                    election_url=url,
-                    username=v.base_username,
-                    password=password,
+            (
+                EmailMessage(
+                    subject=subject,
+                    body=body.format(
+                        full_name=v.full_name,
+                        election_url=url,
+                        start=start,
+                        end=end,
+                        username=v.base_username,
+                        password=password,
+                    ),
+                    to=[v.email],
+                    reply_to=[reply_to],
+                    # On modifie l'adresse de retour d'erreur
+                    headers={"From": "Kadenios <klub-dev@ens.fr>"},
                 ),
-                to=[v.email],
+                v,
             )
         )
-    # get_connection(fail_silently=False).send_messages(messages)
-    for m in messages:
-        m.send()
-    User.objects.bulk_update(voters, ["password"])
+
+    for m, v in messages:
+        try:
+            m.send()
+            v.has_valid_email = True
+        except smtplib.SMTPException:
+            v.has_valid_email = False
+
+        v.save()

elections/views.py

@@ -1,17 +1,15 @@
 import csv
+from typing import TYPE_CHECKING
 
 from django.contrib import messages
-from django.contrib.auth import get_user_model
 from django.contrib.messages.views import SuccessMessageMixin
 from django.core.mail import EmailMessage
 from django.db import transaction
 from django.http import Http404, HttpResponse, HttpResponseRedirect
 from django.urls import reverse
 from django.utils import timezone
-from django.utils.decorators import method_decorator
 from django.utils.text import slugify
 from django.utils.translation import gettext_lazy as _
-from django.views.decorators.http import require_POST
 from django.views.generic import (
     CreateView,
     DetailView,
@@ -21,7 +19,9 @@ from django.views.generic import (
     View,
 )
 
-from shared.views import BackgroundUpdateView
+from elections.typing import AuthenticatedRequest
+from shared.json import JsonCreateView, JsonDeleteView, JsonUpdateView
+from shared.views import BackgroundUpdateView, TimeMixin
 
 from .forms import (
     DeleteVoteForm,
@@ -41,9 +41,15 @@ from .mixins import (
 )
 from .models import Election, Option, Question, Vote
 from .staticdefs import MAIL_VOTE_DELETED, MAIL_VOTERS, QUESTION_TYPES, VOTE_RULES
-from .utils import create_users, send_mail
+from .tasks import pseudonimize_election, send_election_mail
+from .utils import create_users
 
-User = get_user_model()
+if TYPE_CHECKING:
+    from elections.typing import User
+else:
+    from django.contrib.auth import get_user_model
+
+    User = get_user_model()
 
 # TODO: access control *everywhere*
 
@@ -53,6 +59,8 @@ User = get_user_model()
 
 
 class ElectionCreateView(AdminOnlyMixin, SuccessMessageMixin, CreateView):
+    object: Election
+
     model = Election
     form_class = ElectionForm
     success_message = _("Élection créée avec succès !")
@@ -61,7 +69,7 @@ class ElectionCreateView(AdminOnlyMixin, SuccessMessageMixin, CreateView):
     def get_success_url(self):
         return reverse("election.admin", args=[self.object.pk])
 
-    def form_valid(self, form):
+    def form_valid(self, form: ElectionForm):
         # We need to add the short name and the creator od the election
         form.instance.short_name = slugify(
             form.instance.start_date.strftime("%Y-%m-%d") + "_" + form.instance.name
@@ -71,7 +79,26 @@ class ElectionCreateView(AdminOnlyMixin, SuccessMessageMixin, CreateView):
         return super().form_valid(form)
 
 
-class ElectionAdminView(CreatorOnlyMixin, DetailView):
+class ElectionDeleteView(CreatorOnlyMixin, BackgroundUpdateView):
+    model = Election
+    pattern_name = "election.list"
+
+    def get_object(self):
+        obj: Election = super().get_object()
+        # On ne peut supprimer que les élections n'ayant pas eu de vote et dont
+        # le mail d'annonce n'a pas été fait
+        if obj.voters.exists() or obj.sent_mail:
+            raise Http404
+        return obj
+
+    def get(self, request, *args, **kwargs):
+        self.get_object().delete()
+        return super().get(request, *args, **kwargs)
+
+
+class ElectionAdminView(CreatorOnlyMixin, TimeMixin, DetailView):
+    object: Election
+
     model = Election
     template_name = "elections/election_admin.html"
 
@@ -81,7 +108,6 @@ class ElectionAdminView(CreatorOnlyMixin, DetailView):
     def get_context_data(self, **kwargs):
         kwargs.update(
             {
-                "current_time": timezone.now(),
                 "question_types": QUESTION_TYPES,
                 "o_form": OptionForm,
                 "q_form": QuestionForm,
@@ -99,7 +125,7 @@ class ElectionSetVisibleView(CreatorOnlyMixin, BackgroundUpdateView):
     success_message = _("Élection visible !")
 
     def get(self, request, *args, **kwargs):
-        self.election = self.get_object()
+        self.election: Election = self.get_object()
         self.election.visible = True
         self.election.save()
         return super().get(request, *args, **kwargs)
@@ -125,7 +151,7 @@ class ElectionUploadVotersView(CreatorOnlyEditMixin, SuccessMessageMixin, FormVi
     model = Election
     form_class = UploadVotersForm
     success_message = _("Liste de votant·e·s importée avec succès !")
-    template_name = "elections/upload_voters.html"
+    template_name = "elections/election_upload_voters.html"
 
     def get_queryset(self):
         # On ne peut ajouter une liste d'électeurs que sur une élection restreinte
@@ -158,8 +184,8 @@ class ElectionUploadVotersView(CreatorOnlyEditMixin, SuccessMessageMixin, FormVi
 class ElectionMailVotersView(CreatorOnlyEditMixin, SuccessMessageMixin, FormView):
     model = Election
     form_class = VoterMailForm
-    success_message = _("Mail d'annonce envoyé avec succès !")
-    template_name = "elections/mail_voters.html"
+    success_message = _("Mail d'annonce en cours d'envoi !")
+    template_name = "elections/election_mail_voters.html"
 
     def get_queryset(self):
         # On ne peut envoyer un mail que sur une élection restreinte qui n'a pas
@@ -181,9 +207,14 @@ class ElectionMailVotersView(CreatorOnlyEditMixin, SuccessMessageMixin, FormView
         return super().post(request, *args, **kwargs)
 
     def form_valid(self, form):
-        self.object.sent_mail = True
-        send_mail(self.object, form)
+        self.object.sent_mail = None
         self.object.save()
+        send_election_mail(
+            election_pk=self.object.pk,
+            subject=form.cleaned_data["objet"],
+            body=form.cleaned_data["message"],
+            reply_to=self.request.user.email,
+        )
         return super().form_valid(form)
 
 
@@ -210,64 +241,42 @@ class ElectionUpdateView(CreatorOnlyEditMixin, SuccessMessageMixin, UpdateView):
         return super().form_valid(form)
 
 
-class DeleteVoteView(ClosedElectionMixin, FormView):
+class DeleteVoteView(ClosedElectionMixin, JsonDeleteView):
+    voter: User
+
     model = Election
-    template_name = "elections/delete_vote.html"
-    form_class = DeleteVoteForm
 
-    def get_success_url(self):
-        return reverse("election.voters", args=[self.object.pk]) + "#v_{anchor}".format(
-            **self.kwargs
-        )
-
-    def get_form_kwargs(self):
-        kwargs = super().get_form_kwargs()
-        kwargs["voter"] = self.voter
-        return kwargs
-
-    def get_queryset(self):
-        # On n'affiche la page que pour les élections ouvertes à toustes
-        return super().get_queryset().filter(restricted=False)
-
-    def get_context_data(self, **kwargs):
-        context = super().get_context_data(**kwargs)
-        context["anchor"] = self.kwargs["anchor"]
-        return context
-
-    def get(self, request, *args, **kwargs):
-        self.object = super().get_object()
-        self.voter = User.objects.get(pk=self.kwargs["user_pk"])
-        return super().get(request, *args, **kwargs)
-
-    def post(self, request, *args, **kwargs):
-        self.object = super().get_object()
-        self.voter = User.objects.get(pk=self.kwargs["user_pk"])
-        return super().post(request, *args, **kwargs)
+    def get_message(self):
+        return {
+            "content": _("Vote de {} supprimé !").format(self.voter.full_name),
+            "class": "success",
+        }
 
     @transaction.atomic
-    def form_valid(self, form):
-        if form.cleaned_data["delete"] == "oui":
-            # On envoie un mail à la personne lui indiquant que le vote est supprimé
-            EmailMessage(
-                subject="Vote removed",
-                body=MAIL_VOTE_DELETED.format(
-                    full_name=self.voter.full_name,
-                    election_name=self.object.name,
-                ),
-                to=[self.voter.email],
-            ).send()
+    def get(self, request, *args, **kwargs):
+        election = self.get_object()
+        self.voter = User.objects.get(pk=self.kwargs["user_pk"])
 
-            # On supprime les votes
-            Vote.objects.filter(
-                user=self.voter,
-                option__question__election=self.object,
-            ).delete()
+        # On envoie un mail à la personne lui indiquant que le vote est supprimé
+        EmailMessage(
+            subject="Vote removed",
+            body=MAIL_VOTE_DELETED.format(
+                full_name=self.voter.full_name,
+                election_name=election.name,
+            ),
+            to=[self.voter.email],
+        ).send()
 
-            # On marque les questions comme non votées
-            self.voter.cast_elections.remove(self.object)
-            self.voter.cast_questions.remove(*list(self.object.questions.all()))
+        # On supprime les votes
+        Vote.objects.filter(
+            user=self.voter,
+            option__question__election=election,
+        ).delete()
 
-        return super().form_valid(form)
+        # On marque les questions comme non votées
+        self.voter.cast_elections.remove(election)
+        self.voter.cast_questions.remove(*list(election.questions.all()))
+        return self.render_to_json(action="delete")
 
 
 class ElectionTallyView(ClosedElectionMixin, BackgroundUpdateView):
@@ -289,7 +298,11 @@ class ElectionTallyView(ClosedElectionMixin, BackgroundUpdateView):
             q.tally()
 
         election.tallied = True
+        election.time_tallied = timezone.now()
         election.save()
+
+        pseudonimize_election(election.pk)
+
         return super().get(request, *args, **kwargs)
 
 
@@ -305,6 +318,10 @@ class ElectionChangePublicationView(ClosedElectionMixin, BackgroundUpdateView):
     def get(self, request, *args, **kwargs):
         self.election = self.get_object()
         self.election.results_public = not self.election.results_public
+        self.election.time_published = (
+            timezone.now() if self.election.results_public else None
+        )
+
         self.election.save()
         return super().get(request, *args, **kwargs)
 
@@ -341,46 +358,27 @@ class ElectionArchiveView(ClosedElectionMixin, BackgroundUpdateView):
 # #############################################################################
 
 
-@method_decorator(require_POST, name="dispatch")
-class AddQuestionView(CreatorOnlyEditMixin, CreateView):
+class CreateQuestionView(CreatorOnlyEditMixin, TimeMixin, JsonCreateView):
     model = Election
     form_class = QuestionForm
-
-    def get_success_url(self):
-        return reverse("election.admin", args=[self.election.pk]) + "#q_add"
+    context_object_name = "q"
+    template_name = "elections/admin/question.html"
 
     def form_valid(self, form):
-        self.election = self.get_object()
-        # On ajoute l'élection voulue à la question créée
-        form.instance.election = self.election
+        form.instance.election = self.get_object()
         return super().form_valid(form)
 
 
-class ModQuestionView(CreatorOnlyEditMixin, SuccessMessageMixin, UpdateView):
+class UpdateQuestionView(CreatorOnlyEditMixin, TimeMixin, JsonUpdateView):
     model = Question
     form_class = QuestionForm
-    success_message = _("Question modifiée avec succès !")
-    template_name = "elections/question_update.html"
-
-    def get_success_url(self):
-        return (
-            reverse("election.admin", args=[self.object.election.pk])
-            + f"#q_{self.object.pk}"
-        )
+    context_object_name = "q"
+    template_name = "elections/admin/question.html"
 
 
-class DelQuestionView(CreatorOnlyEditMixin, BackgroundUpdateView):
+class DeleteQuestionView(CreatorOnlyEditMixin, JsonDeleteView):
     model = Question
-    success_message = _("Question supprimée !")
-
-    def get_redirect_url(self, *args, **kwargs):
-        return reverse("election.admin", args=[self.election.pk]) + "#q_add"
-
-    def get(self, request, *args, **kwargs):
-        question = self.get_object()
-        self.election = question.election
-        question.delete()
-        return super().get(request, *args, **kwargs)
+    message = _("Question supprimée !")
 
 
 # #############################################################################
@@ -388,49 +386,27 @@ class DelQuestionView(CreatorOnlyEditMixin, BackgroundUpdateView):
 # #############################################################################
 
 
-@method_decorator(require_POST, name="dispatch")
-class AddOptionView(CreatorOnlyEditMixin, CreateView):
+class CreateOptionView(CreatorOnlyEditMixin, TimeMixin, JsonCreateView):
     model = Question
     form_class = OptionForm
-
-    def get_success_url(self):
-        return (
-            reverse("election.admin", args=[self.question.election.pk])
-            + f"#q_{self.question.pk}"
-        )
+    context_object_name = "o"
+    template_name = "elections/admin/option.html"
 
     def form_valid(self, form):
-        self.question = self.get_object()
-        # On ajoute l'élection voulue à la question créée
-        form.instance.question = self.question
+        form.instance.question = self.get_object()
         return super().form_valid(form)
 
 
-class ModOptionView(CreatorOnlyEditMixin, SuccessMessageMixin, UpdateView):
+class UpdateOptionView(CreatorOnlyEditMixin, TimeMixin, JsonUpdateView):
     model = Option
     form_class = OptionForm
-    success_message = _("Option modifiée avec succès !")
-    template_name = "elections/option_update.html"
-
-    def get_success_url(self):
-        return (
-            reverse("election.admin", args=[self.object.question.election.pk])
-            + f"#o_{self.object.pk}"
-        )
+    context_object_name = "o"
+    template_name = "elections/admin/option.html"
 
 
-class DelOptionView(CreatorOnlyEditMixin, BackgroundUpdateView):
+class DeleteOptionView(CreatorOnlyEditMixin, JsonDeleteView):
     model = Option
-    success_message = _("Option supprimée !")
-
-    def get_redirect_url(self, *args, **kwargs):
-        return reverse("election.admin", args=[self.election.pk]) + "#q_add"
-
-    def get(self, request, *args, **kwargs):
-        option = self.get_object()
-        self.election = option.question.election
-        option.delete()
-        return super().get(request, *args, **kwargs)
+    message = _("Option supprimée !")
 
 
 # #############################################################################
@@ -455,7 +431,7 @@ class ElectionView(NotArchivedMixin, DetailView):
         context = super().get_context_data(**kwargs)
         context["current_time"] = timezone.now()
 
-        if user.is_authenticated:
+        if user.is_authenticated and isinstance(user, User):
             context["can_vote"] = user.can_vote(self.request, context["election"])
             context["cast_questions"] = user.cast_questions.all()
             context["has_voted"] = user.cast_elections.filter(
@@ -483,10 +459,11 @@ class ElectionVotersView(NotArchivedMixin, DetailView):
         election = context["election"]
         voters = list(election.voters.all())
 
-        if user.is_authenticated:
+        if user.is_authenticated and isinstance(user, User):
+            context["can_vote"] = user.can_vote(self.request, context["election"])
+            context["is_admin"] = user.is_admin(election)
             can_delete = (
-                not election.restricted
-                and election.created_by == user
+                election.created_by == user
                 and election.end_date < timezone.now()
                 and not election.tallied
             )
@@ -494,6 +471,7 @@ class ElectionVotersView(NotArchivedMixin, DetailView):
                 context["d_form"] = DeleteVoteForm()
 
             context["can_delete"] = can_delete
+            context["from_admin"] = self.request.GET.get("prev") == "admin"
         context["voters"] = voters
 
         return context
@@ -507,12 +485,14 @@ class ElectionBallotsView(NotArchivedMixin, DetailView):
         return (
             super()
             .get_queryset()
-            .filter(tallied=True)
+            .filter(results_public=True, tallied=True)
             .prefetch_related("questions__options")
         )
 
 
 class VoteView(OpenElectionOnlyMixin, DetailView):
+    request: AuthenticatedRequest
+
     model = Question
 
     def dispatch(self, request, *args, **kwargs):

faqs/migrations/0002_alter_faq_options.py

@@ -0,0 +1,17 @@
+# Generated by Django 3.2.4 on 2021-07-12 17:29
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("faqs", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name="faq",
+            options={"permissions": [("faq_admin", "Can create faqs")]},
+        ),
+    ]

faqs/mixins.py

@@ -4,7 +4,7 @@ from django.contrib.auth.mixins import PermissionRequiredMixin
 class AdminOnlyMixin(PermissionRequiredMixin):
     """Restreint l'accès aux admins"""
 
-    permission_required = "faqs.is_author"
+    permission_required = "faqs.faq_admin"
 
 
 class CreatorOnlyMixin(AdminOnlyMixin):

faqs/models.py

@@ -25,7 +25,7 @@ class Faq(models.Model):
 
     class Meta:
         permissions = [
-            ("is_author", "Can create faqs"),
+            ("faq_admin", "Can create faqs"),
         ]
         constraints = [
             models.UniqueConstraint(fields=["anchor"], name="unique_faq_anchor")

faqs/templates/faqs/faq_list.html

@@ -11,7 +11,7 @@
     </div>
   </div>
 
-  {% if perms.faqs.is_author %}
+  {% if perms.faqs.faq_admin %}
   <div class="level-right">
     <div class="level-item">
       <a class="button is-light is-outlined is-primary" href={% url 'faq.create' %}>

kadenios/apps.py

@@ -1,5 +0,0 @@
-from django.contrib.staticfiles.apps import StaticFilesConfig
-
-
-class IgnoreSrcStaticFilesConfig(StaticFilesConfig):
-    ignore_patterns = StaticFilesConfig.ignore_patterns + ["src/**"]

kadenios/settings/.gitignore

@@ -1 +0,0 @@
-secret.py

kadenios/settings/common.py

@@ -1,150 +0,0 @@
-"""
-Paramètres communs entre dev et prod
-"""
-
-import os
-import sys
-
-from django.urls import reverse_lazy
-from django.utils.translation import gettext_lazy as _
-
-# #############################################################################
-#  Secrets
-# #############################################################################
-
-try:
-    from . import secret
-except ImportError:
-    raise ImportError(
-        "The secret.py file is missing.\n"
-        "For a development environment, simply copy secret_example.py"
-    )
-
-
-def import_secret(name):
-    """
-    Shorthand for importing a value from the secret module and raising an
-    informative exception if a secret is missing.
-    """
-    try:
-        return getattr(secret, name)
-    except AttributeError:
-        raise RuntimeError("Secret missing: {}".format(name))
-
-
-SECRET_KEY = import_secret("SECRET_KEY")
-ADMINS = import_secret("ADMINS")
-SERVER_EMAIL = import_secret("SERVER_EMAIL")
-EMAIL_HOST = import_secret("EMAIL_HOST")
-
-
-# #############################################################################
-#  Paramètres par défaut pour Django
-# #############################################################################
-
-DEBUG = False
-TESTING = len(sys.argv) > 1 and sys.argv[1] == "test"
-BASE_DIR = os.path.dirname(os.path.dirname(os.path.dirname(os.path.abspath(__file__))))
-
-INSTALLED_APPS = [
-    "django.contrib.admin",
-    "django.contrib.auth",
-    "django.contrib.contenttypes",
-    "django.contrib.sessions",
-    "django.contrib.messages",
-    "kadenios.apps.IgnoreSrcStaticFilesConfig",
-    "shared",
-    "elections",
-    "faqs",
-    "authens",
-]
-
-MIDDLEWARE = [
-    "django.middleware.security.SecurityMiddleware",
-    "django.contrib.sessions.middleware.SessionMiddleware",
-    "django.middleware.locale.LocaleMiddleware",
-    "django.middleware.common.CommonMiddleware",
-    "django.middleware.csrf.CsrfViewMiddleware",
-    "django.contrib.auth.middleware.AuthenticationMiddleware",
-    "django.contrib.messages.middleware.MessageMiddleware",
-    "django.middleware.clickjacking.XFrameOptionsMiddleware",
-]
-
-ROOT_URLCONF = "kadenios.urls"
-
-TEMPLATES = [
-    {
-        "BACKEND": "django.template.backends.django.DjangoTemplates",
-        "DIRS": [],
-        "APP_DIRS": True,
-        "OPTIONS": {
-            "context_processors": [
-                "django.template.context_processors.debug",
-                "django.template.context_processors.request",
-                "django.contrib.auth.context_processors.auth",
-                "django.contrib.messages.context_processors.messages",
-            ],
-        },
-    },
-]
-
-WSGI_APPLICATION = "kadenios.wsgi.application"
-
-DEFAULT_AUTO_FIELD = "django.db.models.AutoField"
-
-DEFAULT_FROM_EMAIL = "Kadenios <klub-dev@ens.fr>"
-
-# #############################################################################
-#  Paramètres d'authentification
-# #############################################################################
-
-AUTH_PASSWORD_VALIDATORS = [
-    {
-        "NAME": "django.contrib.auth.password_validation.UserAttributeSimilarityValidator",
-    },
-    {
-        "NAME": "django.contrib.auth.password_validation.MinimumLengthValidator",
-    },
-    {
-        "NAME": "django.contrib.auth.password_validation.CommonPasswordValidator",
-    },
-    {
-        "NAME": "django.contrib.auth.password_validation.NumericPasswordValidator",
-    },
-]
-
-AUTH_USER_MODEL = "elections.User"
-AUTHENTICATION_BACKENDS = [
-    "shared.auth.backends.PwdBackend",
-    "shared.auth.backends.CASBackend",
-    "shared.auth.backends.ElectionBackend",
-]
-
-LOGIN_URL = reverse_lazy("authens:login")
-LOGIN_REDIRECT_URL = "/"
-
-AUTHENS_USE_OLDCAS = False
-
-# #############################################################################
-#  Paramètres de langage
-# #############################################################################
-
-LANGUAGE_CODE = "fr-fr"
-TIME_ZONE = "Europe/Paris"
-
-USE_I18N = True
-USE_L10N = True
-USE_TZ = True
-
-LANGUAGES = [
-    ("fr", _("Français")),
-    ("en", _("Anglais")),
-]
-
-LOCALE_PATHS = [os.path.join(BASE_DIR, "shared", "locale")]
-
-# #############################################################################
-#  Paramètres des fichiers statiques
-# #############################################################################
-
-STATIC_URL = "/static/"

kadenios/settings/local.py

@@ -1,55 +0,0 @@
-"""
-Paramètre pour le développement local
-"""
-
-import os
-
-from .common import *  # noqa
-from .common import BASE_DIR, INSTALLED_APPS, MIDDLEWARE, TESTING
-
-# #############################################################################
-#  Paramètres Django
-# #############################################################################
-
-ALLOWED_HOSTS = []
-
-DEBUG = True
-EMAIL_BACKEND = "django.core.mail.backends.console.EmailBackend"
-
-STATIC_URL = "/static/"
-
-DATABASES = {
-    "default": {
-        "ENGINE": "django.db.backends.sqlite3",
-        "NAME": os.path.join(BASE_DIR, "db.sqlite3"),
-    }
-}
-
-# Use the default cache backend for local development
-CACHES = {"default": {"BACKEND": "django.core.cache.backends.locmem.LocMemCache"}}
-
-# Pas besoin de sécurité en local
-AUTH_PASSWORD_VALIDATORS = []
-PASSWORD_HASHERS = ["django.contrib.auth.hashers.MD5PasswordHasher"]
-
-# #############################################################################
-#  Paramètres pour la Django Debug Toolbar
-# #############################################################################
-
-
-def show_toolbar(request):
-    """
-    On active la debug-toolbar en mode développement local sauf :
-    - dans l'admin où ça ne sert pas à grand chose;
-    - si la variable d'environnement DJANGO_NO_DDT est à 1 → ça permet de la désactiver
-      sans modifier ce fichier en exécutant `export DJANGO_NO_DDT=1` dans le terminal
-      qui lance `./manage.py runserver`.
-    """
-    env_no_ddt = bool(os.environ.get("DJANGO_NO_DDT", None))
-    return DEBUG and not env_no_ddt and not request.path.startswith("/admin/")
-
-
-if not TESTING:
-    INSTALLED_APPS = INSTALLED_APPS + ["debug_toolbar"]
-    MIDDLEWARE = ["debug_toolbar.middleware.DebugToolbarMiddleware"] + MIDDLEWARE
-    DEBUG_TOOLBAR_CONFIG = {"SHOW_TOOLBAR_CALLBACK": show_toolbar}

kadenios/settings/prod.py

@@ -1,68 +0,0 @@
-"""
-Paramètres pour la mise en production
-"""
-
-import os
-
-from .common import *  # noqa
-from .common import BASE_DIR, import_secret
-
-# #############################################################################
-#  Secrets de production
-# #############################################################################
-
-REDIS_PASSWD = import_secret("REDIS_PASSWD")
-REDIS_DB = import_secret("REDIS_DB")
-REDIS_HOST = import_secret("REDIS_HOST")
-REDIS_PORT = import_secret("REDIS_PORT")
-
-DBNAME = import_secret("DBNAME")
-DBUSER = import_secret("DBUSER")
-DBPASSWD = import_secret("DBPASSWD")
-
-# #############################################################################
-#  À modifier possiblement lors de la mise en production
-# #############################################################################
-
-ALLOWED_HOSTS = ["vote.eleves.ens.fr"]
-
-STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), "static")
-
-# #############################################################################
-#  Paramètres du cache
-# #############################################################################
-
-CACHES = {
-    "default": {
-        "BACKEND": "django_redis.cache.RedisCache",
-        "LOCATION": "redis://:{passwd}@{host}:{port}/{db}".format(
-            passwd=REDIS_PASSWD, host=REDIS_HOST, port=REDIS_PORT, db=REDIS_DB
-        ),
-    }
-}
-
-# #############################################################################
-#  Paramètres de la base de données
-# #############################################################################
-
-DATABASES = {
-    "default": {
-        "ENGINE": "django.db.backends.postgresql_psycopg2",
-        "NAME": DBNAME,
-        "USER": DBUSER,
-        "PASSWORD": DBPASSWD,
-        "HOST": os.environ.get("DBHOST", ""),
-    }
-}
-
-# #############################################################################
-#  Paramètres Https
-# #############################################################################
-
-SESSION_COOKIE_SECURE = True
-CSRF_COOKIE_SECURE = True
-SECURE_SSL_REDIRECT = True
-
-SECURE_HSTS_SECONDS = 31536000
-SECURE_HSTS_PRELOAD = True
-SECURE_HSTS_INCLUDE_SUBDOMAINS = True

kadenios/settings/secret_example.py

@@ -1,14 +0,0 @@
-SECRET_KEY = "f*!6tw8c74)&k_&4$toiw@e=8m00xv_(tmjf9_#wq30wg_7n^8"
-ADMINS = None
-SERVER_EMAIL = "root@localhost"
-EMAIL_HOST = None
-
-
-DBUSER = "kadenios"
-DBNAME = "kadenios"
-DBPASSWD = "O1LxCADDA6Px5SiKvifjvdp3DSjfbp"
-
-REDIS_PASSWD = "dummy"
-REDIS_PORT = 6379
-REDIS_DB = 0
-REDIS_HOST = "127.0.0.1"

manage.py

@@ -5,7 +5,7 @@ import sys
 
 
 def main():
-    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "kadenios.settings.local")
+    os.environ.setdefault("DJANGO_SETTINGS_MODULE", "app.settings")
     try:
         from django.core.management import execute_from_command_line
     except ImportError as exc:

npins/default.nix

@@ -0,0 +1,80 @@
+# Generated by npins. Do not modify; will be overwritten regularly
+let
+  data = builtins.fromJSON (builtins.readFile ./sources.json);
+  version = data.version;
+
+  mkSource =
+    spec:
+    assert spec ? type;
+    let
+      path =
+        if spec.type == "Git" then
+          mkGitSource spec
+        else if spec.type == "GitRelease" then
+          mkGitSource spec
+        else if spec.type == "PyPi" then
+          mkPyPiSource spec
+        else if spec.type == "Channel" then
+          mkChannelSource spec
+        else
+          builtins.throw "Unknown source type ${spec.type}";
+    in
+    spec // { outPath = path; };
+
+  mkGitSource =
+    {
+      repository,
+      revision,
+      url ? null,
+      hash,
+      branch ? null,
+      ...
+    }:
+    assert repository ? type;
+    # At the moment, either it is a plain git repository (which has an url), or it is a GitHub/GitLab repository
+    # In the latter case, there we will always be an url to the tarball
+    if url != null then
+      (builtins.fetchTarball {
+        inherit url;
+        sha256 = hash;
+      })
+    else
+      assert repository.type == "Git";
+      let
+        urlToName =
+          url: rev:
+          let
+            matched = builtins.match "^.*/([^/]*)(\\.git)?$" repository.url;
+
+            short = builtins.substring 0 7 rev;
+
+            appendShort = if (builtins.match "[a-f0-9]*" rev) != null then "-${short}" else "";
+          in
+          "${if matched == null then "source" else builtins.head matched}${appendShort}";
+        name = urlToName repository.url revision;
+      in
+      builtins.fetchGit {
+        url = repository.url;
+        rev = revision;
+        inherit name;
+        narHash = hash;
+      };
+
+  mkPyPiSource =
+    { url, hash, ... }:
+    builtins.fetchurl {
+      inherit url;
+      sha256 = hash;
+    };
+
+  mkChannelSource =
+    { url, hash, ... }:
+    builtins.fetchTarball {
+      inherit url;
+      sha256 = hash;
+    };
+in
+if version == 4 then
+  builtins.mapAttrs (_: mkSource) data.pins
+else
+  throw "Unsupported format version ${toString version} in sources.json. Try running `npins upgrade`"

npins/sources.json

@@ -0,0 +1,22 @@
+{
+  "pins": {
+    "nix-pkgs": {
+      "type": "Git",
+      "repository": {
+        "type": "Git",
+        "url": "https://git.hubrecht.ovh/hubrecht/nix-pkgs.git"
+      },
+      "branch": "main",
+      "revision": "22e90684e355bdd1e257c661b6275c7490f8c50b",
+      "url": null,
+      "hash": "sha256-yEZAv3bK7+gxNM8/31ONwdPIXlyQ5QnNnPDnWl3bXZo="
+    },
+    "nixpkgs": {
+      "type": "Channel",
+      "name": "nixpkgs-unstable",
+      "url": "https://releases.nixos.org/nixpkgs/nixpkgs-24.11pre646460.0aeab749216e/nixexprs.tar.xz",
+      "hash": "0xa73bs0n28x731hf6ipqrlji0p3qf2a42vfm6g8snnhaab9mfwj"
+    }
+  },
+  "version": 4
+}

pyproject.toml

@@ -0,0 +1,3 @@
+[tool.pyright]
+reportIncompatibleMethodOverride = false
+reportIncompatibleVariableOverride = false

requirements.txt

@@ -1,7 +1,7 @@
 django==3.2.*
-django-translated-fields==0.11.1
+django-translated-fields==0.11.*
 authens>=0.1b2
 markdown
 numpy
 networkx
-python-csv
+django-background-tasks

shared/__init__.py

@@ -0,0 +1,5 @@
+from django.contrib.staticfiles.apps import StaticFilesConfig
+
+
+class IgnoreSrcStaticFilesConfig(StaticFilesConfig):
+    ignore_patterns = StaticFilesConfig.ignore_patterns + ["src/**"]

shared/admin.py

@@ -0,0 +1,13 @@
+from django.apps import apps
+from django.conf import settings
+from django.contrib import admin
+from django.contrib.admin.sites import AlreadyRegistered
+
+if settings.DEBUG:
+    models = apps.get_models()
+
+    for model in models:
+        try:
+            admin.site.register(model)
+        except AlreadyRegistered:
+            pass

shared/auth/__init__.py

@@ -0,0 +1,5 @@
+from .staticdefs import CONNECTION_METHODS
+
+__all__ = [
+    "CONNECTION_METHODS",
+]

shared/auth/backends.py

@@ -1,9 +1,15 @@
+from typing import TYPE_CHECKING
+
 from authens.backends import ENSCASBackend
 
-from django.contrib.auth import get_user_model
 from django.contrib.auth.backends import ModelBackend
+from django.core.exceptions import PermissionDenied
 
-User = get_user_model()
+if TYPE_CHECKING:
+    from elections.typing import User
+else:
+    from django.contrib.auth import get_user_model
+    User = get_user_model()
 
 
 class CASBackend(ENSCASBackend):
@@ -18,6 +24,12 @@ class CASBackend(ENSCASBackend):
 
         return User.objects.create_user(username=username, email=email, full_name=name)
 
+    def _get_or_create(self, cas_login, attributes):
+        try:
+            return super()._get_or_create(cas_login, attributes)
+        except ValueError:
+            raise PermissionDenied
+
 
 class PwdBackend(ModelBackend):
     """Password authentication"""
@@ -51,4 +63,3 @@ class ElectionBackend(ModelBackend):
 
         if user.check_password(password):
             return user
-        return None

shared/auth/forms.py

@@ -1,11 +1,16 @@
+from typing import TYPE_CHECKING
+
 from django import forms
 from django.contrib.auth import authenticate
 from django.contrib.auth import forms as auth_forms
-from django.contrib.auth import get_user_model
 from django.core.validators import validate_email
 from django.utils.translation import gettext_lazy as _
 
-User = get_user_model()
+if TYPE_CHECKING:
+    from elections.typing import User
+else:
+    from django.contrib.auth import get_user_model
+    User = get_user_model()
 
 
 class ElectionAuthForm(forms.Form):
@@ -82,3 +87,38 @@ class PwdUserForm(forms.ModelForm):
     class Meta:
         model = User
         fields = ["username", "full_name", "email"]
+
+
+class UserAdminForm(forms.Form):
+    """
+    Allows to select an user and give them some admin permissions
+    """
+
+    username = forms.CharField(label=_("Nom d'utilisateur"), max_length=150)
+
+    full_admin = forms.BooleanField(
+        label=_("Passer administrateur de Kadenios"), required=False
+    )
+    faq_admin = forms.BooleanField(
+        label=_("Autoriser à créer des FAQs"), required=False
+    )
+    election_admin = forms.BooleanField(
+        label=_("Autoriser à créer des élections"), required=False
+    )
+
+    def clean(self):
+        cleaned_data = super().clean()
+        username = cleaned_data["username"]
+
+        if not username[:5] in ["cas__", "pwd__"]:
+            self.add_error(
+                "username",
+                _(
+                    "Format de login invalide, seuls les comptes CAS ou avec "
+                    "mot de passe sont modifiables"
+                ),
+            )
+        elif not User.objects.filter(username=username).exists():
+            self.add_error("username", _("Pas d'utilisateur·rice avec ce login"))
+
+        return cleaned_data

shared/auth/staticdefs.py

@@ -0,0 +1,6 @@
+from django.utils.translation import gettext_lazy as _
+
+CONNECTION_METHODS = {
+    "pwd": _("mot de passe"),
+    "cas": _("CAS"),
+}

shared/auth/urls.py

@@ -9,4 +9,10 @@ urlpatterns = [
         name="auth.election",
     ),
     path("pwd-create", views.CreatePwdAccount.as_view(), name="auth.create-account"),
+    path("admin", views.AdminPanelView.as_view(), name="auth.admin"),
+    path(
+        "permissions", views.PermissionManagementView.as_view(), name="auth.permissions"
+    ),
+    path("accounts", views.AccountListView.as_view(), name="auth.accounts"),
+    path("admins", views.AdminAccountsView.as_view(), name="auth.admins"),
 ]

shared/auth/utils.py

@@ -4,12 +4,10 @@ import random
 #  Fonctions universelles
 # #############################################################################
 
+alphabet = "abcdefghjkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789"
+
 
 def generate_password(size=15):
     random.seed()
-    alphabet = "abcdefghjkmnopqrstuvwxyzABCDEFGHJKLMNPQRSTUVWXYZ23456789"
-    password = ""
-    for i in range(size):
-        password += random.choice(alphabet)
 
-    return password
+    return "".join(random.choice(alphabet) for _ in range(size))

shared/auth/views.py

@@ -1,15 +1,43 @@
-from django.contrib.admin.views.decorators import staff_member_required
-from django.contrib.auth import get_user_model
+from typing import TYPE_CHECKING
+
 from django.contrib.auth import views as auth_views
 from django.contrib.auth.hashers import make_password
-from django.urls import reverse_lazy
-from django.utils.decorators import method_decorator
-from django.views.generic.edit import CreateView
+from django.contrib.auth.mixins import LoginRequiredMixin, UserPassesTestMixin
+from django.contrib.auth.models import Permission
+from django.contrib.messages.views import SuccessMessageMixin
+from django.db.models import QuerySet
+from django.urls import reverse, reverse_lazy
+from django.utils.translation import gettext_lazy as _
+from django.views.generic import CreateView, FormView, ListView, TemplateView
 
-from .forms import ElectionAuthForm, PwdUserForm
+from elections.typing import AuthenticatedRequest
+
+from .forms import ElectionAuthForm, PwdUserForm, UserAdminForm
 from .utils import generate_password
 
-User = get_user_model()
+if TYPE_CHECKING:
+    from elections.typing import User
+else:
+    from django.contrib.auth import get_user_model
+    User = get_user_model()
+
+
+# #############################################################################
+#  Mixin to restrict access to staff members
+# #############################################################################
+
+
+class StaffMemberMixin(UserPassesTestMixin):
+    """
+    Mixin permettant de restreindre l'accès aux membres `staff`, si la personne
+    n'est pas connectée, renvoie sur la page d'authentification
+    """
+
+    request: AuthenticatedRequest
+
+    def test_func(self):
+        return self.request.user.is_active and self.request.user.is_staff
+
 
 # #############################################################################
 #  Election Specific Login
@@ -28,21 +56,136 @@ class ElectionLoginView(auth_views.LoginView):
         return super().get_context_data(**kwargs)
 
 
+# #############################################################################
+#  Admin Panel
+# #############################################################################
+
+
+class AdminPanelView(StaffMemberMixin, TemplateView):
+    template_name = "auth/admin-panel.html"
+
+
 # #############################################################################
 #  Creation of Password Accounts
 # #############################################################################
 
 
-@method_decorator(staff_member_required, name="dispatch")
-class CreatePwdAccount(CreateView):
+class CreatePwdAccount(StaffMemberMixin, SuccessMessageMixin, CreateView):
     model = User
     form_class = PwdUserForm
     template_name = "auth/create-user.html"
-    success_url = reverse_lazy("auth.create-account")
+    success_url = reverse_lazy("auth.admin")
+    success_message = _("Compte créé avec succès")
 
     def form_valid(self, form):
         # On enregistre un mot de passe aléatoire
         form.instance.password = make_password(generate_password(32))
 
-        # On envoie un mail pour réinitialiser le mot de passe
         return super().form_valid(form)
+
+
+# #############################################################################
+#  List of password and CAS users
+# #############################################################################
+
+
+class AccountListView(StaffMemberMixin, ListView):
+    model = User
+    template_name = "auth/account-list.html"
+
+    def get_context_data(self, **kwargs):
+        ctx = super().get_context_data(**kwargs)
+        qs: QuerySet = self.get_queryset()  # pyright: ignore
+
+        ctx["cas_users"] = qs.filter(username__startswith="cas__")
+        ctx["pwd_users"] = qs.filter(username__startswith="pwd__")
+        ctx["e_manager"] = User.objects.with_perm(
+            Permission.objects.get(codename="election_admin"),
+            backend="shared.auth.backends.PwdBackend",
+        )
+        ctx["f_manager"] = User.objects.with_perm(
+            Permission.objects.get(codename="faq_admin"),
+            backend="shared.auth.backends.PwdBackend",
+        )
+
+        return ctx
+
+
+# #############################################################################
+#  Permission management
+# #############################################################################
+
+
+class PermissionManagementView(StaffMemberMixin, SuccessMessageMixin, FormView):
+    form_class = UserAdminForm
+    template_name = "auth/permission-management.html"
+    success_message = _("Permissions modifiées avec succès !")
+
+    def get_context_data(self, **kwargs):
+        kwargs.update({"username": self.request.GET.get("user", None)})
+        return super().get_context_data(**kwargs)
+
+    def get_initial(self):
+        username = self.request.GET.get("user", None)
+        if username is not None:
+            user = User.objects.filter(username=username).first()
+
+            if user is not None:
+                return {
+                    "username": username,
+                    "full_admin": user.is_staff,
+                    "election_admin": user.has_perm("elections.election_admin"),
+                    "faq_admin": user.has_perm("faqs.faq_admin"),
+                }
+
+        return {}
+
+    def get_success_url(self):
+        return reverse("auth.permissions") + f"?user={self.user}"
+
+    def form_valid(self, form):
+        user = User.objects.get(username=form.cleaned_data["username"])
+        self.user = user.username
+
+        # Kadenios admin
+        user.is_staff = form.cleaned_data["full_admin"]
+
+        # Election admin
+        election_perm = Permission.objects.get(codename="election_admin")
+        if form.cleaned_data["election_admin"]:
+            election_perm.user_set.add(user)  # pyright: ignore
+        else:
+            election_perm.user_set.remove(user)  # pyright: ignore
+
+        # FAQ admin
+        faq_perm = Permission.objects.get(codename="faq_admin")
+        if form.cleaned_data["faq_admin"]:
+            faq_perm.user_set.add(user)  # pyright: ignore
+        else:
+            faq_perm.user_set.remove(user)  # pyright: ignore
+
+        user.save()
+        return super().form_valid(form)
+
+
+# #############################################################################
+#  List of special accounts
+# #############################################################################
+
+
+class AdminAccountsView(LoginRequiredMixin, TemplateView):
+    template_name = "auth/admin-accounts.html"
+
+    def get_context_data(self, **kwargs):
+        ctx = super().get_context_data(**kwargs)
+
+        ctx["admin"] = User.objects.filter(is_staff=True)
+        ctx["e_manager"] = User.objects.with_perm(
+            Permission.objects.get(codename="election_admin"),
+            backend="shared.auth.backends.PwdBackend",
+        )
+        ctx["f_manager"] = User.objects.with_perm(
+            Permission.objects.get(codename="faq_admin"),
+            backend="shared.auth.backends.PwdBackend",
+        )
+        return ctx

shared/json/__init__.py

@@ -0,0 +1,10 @@
+from .mixins import Serializer  # noqa
+from .views import JsonCreateView, JsonDeleteView, JsonDetailView, JsonUpdateView
+
+__all__ = [
+    "Serializer",
+    "JsonCreateView",
+    "JsonDeleteView",
+    "JsonDetailView",
+    "JsonUpdateView",
+]

shared/json/mixins.py

@@ -0,0 +1,21 @@
+import json
+
+
+class Serializer:
+    serializable_fields = []
+
+    def get_serializable_fields(self):
+        return self.serializable_fields
+
+    def to_json(self):
+        data = {}
+
+        for field in self.get_serializable_fields():
+            if hasattr(self, field):
+                data.update({field: getattr(self, field)})
+            else:
+                raise AttributeError(
+                    "This object does not have a field named '{}'".format(field)
+                )
+
+        return json.dumps(data)

shared/json/views.py

@@ -0,0 +1,105 @@
+from typing import Any
+
+from django.http import JsonResponse
+from django.template.response import TemplateResponse
+from django.utils.decorators import method_decorator
+from django.views.decorators.http import require_POST
+from django.views.generic.base import TemplateResponseMixin, View
+from django.views.generic.detail import SingleObjectMixin
+from django.views.generic.edit import FormMixin, ModelFormMixin, ProcessFormView
+
+# #############################################################################
+#  Views for use with AJAX
+# #############################################################################
+
+
+class JsonMixin:
+    success = True
+    errors = {}
+
+    def get_data(self, **kwargs):
+        data = {"success": self.success, "errors": self.errors}
+        data.update(kwargs)
+        return data
+
+    def render_to_json(self, **kwargs):
+        return JsonResponse(self.get_data(**kwargs))
+
+
+class JsonFormMixin(JsonMixin, FormMixin):
+    def form_valid(self, form):
+        """If the form is valid, return success"""
+        return self.render_to_json()
+
+    def form_invalid(self, form):
+        """If the form is invalid, return the errors and no success"""
+        return self.render_to_json(success=False, errors=form.errors)
+
+
+class JsonModelFormMixin(JsonFormMixin, ModelFormMixin):
+    def form_valid(self, form):
+        """Override form_valid to return a JSON response"""
+        self.object = form.save()
+        return super().form_valid(form)
+
+
+class JsonMessageMixin:
+    message = ""
+
+    def get_message(self):
+        return {"content": self.message, "class": "success"}
+
+    def get_data(self, **kwargs):
+        kwargs.update(message=self.get_message())
+        return super().get_data(**kwargs)  # pyright: ignore
+
+
+class TypedResponseMixin(TemplateResponseMixin):
+    def render_to_response(
+        self, context: dict[str, Any], **response_kwargs: Any
+    ) -> TemplateResponse:
+        return super().render_to_response(context, **response_kwargs)  # pyright: ignore
+
+
+class JsonDetailView(JsonMixin, SingleObjectMixin, TypedResponseMixin, View):
+    def get(self, request, *args, **kwargs):
+        self.object = self.get_object()
+        context = self.get_context_data(object=self.object)
+        return self.render_to_json(
+            html=self.render_to_response(context).rendered_content
+        )
+
+
+class JsonDeleteView(JsonMessageMixin, JsonDetailView):
+    def get(self, request, *args, **kwargs):
+        obj = self.get_object()
+        obj.delete()
+        return self.render_to_json(action="delete")
+
+
+@method_decorator(require_POST, name="dispatch")
+class JsonCreateView(
+    JsonMessageMixin, JsonModelFormMixin, TypedResponseMixin, ProcessFormView
+):
+    def render_to_json(self, **kwargs):
+        context = self.get_context_data(object=self.object)
+        kwargs.update(
+            html=self.render_to_response(context).rendered_content, action="create"
+        )
+        return super().render_to_json(**kwargs)
+
+
+@method_decorator(require_POST, name="dispatch")
+class JsonUpdateView(
+    JsonMessageMixin, JsonModelFormMixin, TypedResponseMixin, ProcessFormView
+):
+    def post(self, request, *args, **kwargs):
+        self.object = self.get_object()
+        return super().post(request, *args, **kwargs)
+
+    def render_to_json(self, **kwargs):
+        context = self.get_context_data(object=self.object)
+        kwargs.update(
+            html=self.render_to_response(context).rendered_content, action="update"
+        )
+        return super().render_to_json(**kwargs)

shared/management/commands/createadmin.py

@@ -0,0 +1,53 @@
+from typing import TYPE_CHECKING
+
+from django.contrib.auth import get_user_model
+from django.contrib.auth.hashers import make_password
+from django.contrib.auth.models import Permission
+from django.core.management.base import BaseCommand, CommandError
+
+if TYPE_CHECKING:
+    from elections.typing import User
+else:
+    User = get_user_model()
+
+
+class Command(BaseCommand):
+    help = "Creates an administrator role with the specified credentials"
+
+    def add_arguments(self, parser):
+        # Credentials
+        parser.add_argument("base_username", type=str, help="Username")
+        parser.add_argument("password", type=str, help="Password")
+        parser.add_argument("full_name", nargs="?", type=str, help="Full name")
+        parser.add_argument(
+            "--superuser", action="store_true", help="Create a superuser account"
+        )
+
+    def handle(self, *args, **kwargs):
+        base_username = kwargs["base_username"]
+        password = kwargs["password"]
+
+        user, created = User.objects.get_or_create(username=f"pwd__{base_username}")
+
+        if not created:
+            raise CommandError("Un utilisateur avec ce nom existe déjà")
+
+        user.is_staff = True
+        user.password = make_password(password)
+
+        if kwargs["full_name"]:
+            user.full_name = kwargs["full_name"]
+
+        if kwargs["superuser"]:
+            user.is_superuser = True
+
+        user.save()
+
+        Permission.objects.get(
+            codename="election_admin"
+        ).user_set.add(  # pyright: ignore
+            user
+        )
+        Permission.objects.get(codename="faq_admin").user_set.add(  # pyright: ignore
+            user
+        )

shared/static/css/main.css

@@ -10577,6 +10577,7 @@ body {
   height: auto;
   min-height: 2em;
   white-space: unset;
+  text-align: center;
 }
 
 .message.is-primary .message-body hr {
@@ -10586,4 +10587,16 @@ body {
   background-color: #ffdd57;
 }
 
+.is-grabable {
+  cursor: move;
+}
+
+#scroll-button {
+  position: fixed;
+  bottom: 1em;
+  right: 1em;
+  z-index: 30;
+  padding: 1.5rem;
+}
+
 /*# sourceMappingURL=main.css.map */

shared/static/js/main.js

@@ -0,0 +1,167 @@
+const _$ = (s, e = document, a = true) => {
+  const r = e.querySelectorAll(s) || [];
+  if (!a) {
+    return r.item(0);
+  }
+  return r;
+};
+
+const _id = s => document.getElementById(s);
+
+const _get = (u, f) => {
+  const xhr = new XMLHttpRequest();
+
+  xhr.responseType = 'json';
+  xhr.addEventListener('load', () => {
+    f(xhr.response);
+  });
+  xhr.open('GET', u);
+  xhr.send();
+};
+
+const _post = (u, d, f) => {
+  const xhr = new XMLHttpRequest();
+  const fd = new FormData(d);
+
+  xhr.responseType = 'json';
+  xhr.addEventListener('load', () => {
+    f(xhr.response);
+  });
+  xhr.open('POST', u);
+  xhr.send(fd);
+};
+
+const _notif = (m, c) => {
+  const n = document.createElement('div');
+  n.classList.add('notification', 'is-light');
+  if (c !== undefined) {
+    n.classList.add(`is-${c}`);
+  }
+  n.innerHTML = `${m}<button class="delete"></button>`;
+
+  _id('notifications').insertBefore(n, _id('content'))
+
+  _$('.delete', n, false).addEventListener('click', () => {
+    n.remove();
+  });
+}
+
+const _om = b => {
+  b.addEventListener('click', () => {
+    const m = _id(b.dataset.target);
+    if ('post_url' in b.dataset) {
+      _$('form', m, false).action = b.dataset.post_url;
+    };
+
+    if ('title' in b.dataset) {
+      _$('.modal-card-title', m, false).innerHTML = b.dataset.title;
+    };
+
+    document.documentElement.classList.add('is-clipped');
+    m.classList.add('is-active');
+  });
+}
+
+const _cm = b => {
+  b.addEventListener('click', () => {
+    document.documentElement.classList.remove('is-clipped');
+    _id(b.dataset.closes).classList.remove('is-active')
+  });
+}
+
+const _sm = '.modal';
+const _smb = '.modal-button';
+const _smc = '.modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button-close';
+
+document.addEventListener('DOMContentLoaded', () => {
+  // Delete notifications
+  _$('.notification .delete').forEach(d => {
+    const n = d.parentNode;
+
+    d.addEventListener('click', () => {
+      n.remove();
+    });
+  });
+
+  // Interact with dropdowns
+  const ds = _$('.dropdown:not(.is-hoverable)');
+
+  ds.forEach(d => {
+    d.addEventListener('click', e => {
+      e.stopPropagation();
+      d.classList.toggle('is-active');
+    });
+  });
+
+  document.addEventListener('click', () => {
+    ds.forEach(d => {
+      d.classList.remove('is-active');
+    });
+  });
+
+  // Interact with modals
+  const ms = _$(_sm);
+  const mbs = _$(_smb);
+  const mcs = _$(_smc);
+
+  mbs.forEach(_om);
+
+  mcs.forEach(_cm);
+
+  document.addEventListener('keydown', ev => {
+    const e = ev || window.event;
+    if (e.keyCode === 27) {
+      ds.forEach(d => {
+        d.classList.remove('is-active');
+      });
+
+      document.documentElement.classList.remove('is-clipped');
+
+      ms.forEach(m => {
+        m.classList.remove('is-active');
+      });
+    }
+  });
+
+  // Language selection
+  _$('.dropdown-item.lang-selector').forEach(l => {
+    l.addEventListener('click', () => {
+      _id('lang-input').value = l.dataset.lang;
+      _id('lang-form').submit();
+    });
+  });
+
+  // Disable button after form submission
+  _$('form').forEach(f => {
+    f.addEventListener('submit', () => {
+      _$('button[type=submit]', f).forEach(b => {
+        b.classList.add('is-loading');
+        setTimeout(() => {
+          b.classList.remove('is-loading');
+        }, 1000);
+      });
+    });
+  });
+
+  // Scroll to top button
+  const up = _id('scroll-button');
+  if (document.documentElement.scrollTop >= 100) {
+    up.classList.remove('is-hidden');
+  }
+
+  window.onscroll = () => {
+    if (document.documentElement.scrollTop >= 100) {
+      up.classList.remove('is-hidden');
+    } else {
+      up.classList.add('is-hidden');
+    }
+  }
+
+  up.addEventListener('click', () => {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
+  });
+
+});

shared/static/src/sass/main.sass

@@ -36,6 +36,7 @@ body
   height: auto
   min-height: 2em
   white-space: unset
+  text-align: center
 
 .message
   &.is-primary
@@ -46,3 +47,13 @@ body
     .message-body
       hr
         background-color: $warning
+
+.is-grabable
+  cursor: move
+
+#scroll-button
+  position: fixed
+  bottom: 1em
+  right: 1em
+  z-index: 30
+  padding: 1.5rem

shared/static/vendor/datetimepicker/picker.js

@@ -43,10 +43,11 @@ class DateTimePicker {
       throw TypeError('Selector required to construct a DateTimePicker');
     }
 
-    this.target = document.querySelector(selector);
+    this.target = _$(selector, document, false);
     if (!this.target) {
       throw Error(`The selector '{selector}' doesn't give any results`);
     }
+
     this.target.addEventListener('click', () => {
       document.documentElement.classList.add('is-clipped');
       this.modal.classList.add('is-active');
@@ -67,9 +68,10 @@ class DateTimePicker {
 
     // Création du modal
     this.modal = document.createElement('div');
+    this.modal.id = `modal-${this.target.id}`;
     this.modal.classList.add('modal');
-    this.modal.innerHTML = `<div class="modal-background"></div><div class="modal-card"><header class="modal-card-head"><div class="field is-grouped has-addons is-flex-grow-1"><div class="control"><a class="button"><span class="icon"><i class="fas fa-chevron-left"></i></span></a></div><div class="control is-expanded"><a class="button is-fullwidth"></a></div><div class="control"><a class="button"><span class="icon"><i class="fas fa-chevron-right"></i></span></a></div></div></header><section class="modal-card-body"><div class="columns is-centered is-mobile"><div class="column is-narrow"></div></div></section><footer class="modal-card-foot is-block"><div class="field is-horizontal is-flex-grow-1"><div class="field-label is-normal"><label class="label">${_horaire[this.config.lang]}</label></div><div class="field-body"><div class="field has-addons"><div class="control"><div class="select is-left"><select><option>00</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option></select></div></div><div class="control"><button class="button is-static has-text-primary"><b>h</b></button></div></div><div class="field has-addons"><div class="control"><div class="select"><select><option>00</option><option>05</option><option>10</option><option>15</option><option>20</option><option>25</option><option>30</option><option>35</option><option>40</option><option>45</option><option>50</option><option>55</option></select></div></div><div class="control"><button class="button is-static has-text-primary"><b>min</b></button></div></div></div></div><br><button class="button is-primary is-fullwidth button-close">${_valider[this.config.lang]}</button></footer></div><button class="modal-close is-large" aria-label="close"></button>`;
-    let _controls = this.modal.querySelectorAll('header a.button');
+    this.modal.innerHTML = `<div class="modal-background" data-closes="${this.modal.id}"></div><div class="modal-card"><header class="modal-card-head"><div class="field is-grouped has-addons is-flex-grow-1"><div class="control"><a class="button"><span class="icon"><i class="fas fa-chevron-left"></i></span></a></div><div class="control is-expanded"><a class="button is-fullwidth"></a></div><div class="control"><a class="button"><span class="icon"><i class="fas fa-chevron-right"></i></span></a></div></div></header><section class="modal-card-body"><div class="columns is-centered is-mobile"><div class="column is-narrow"></div></div></section><footer class="modal-card-foot is-block"><div class="field is-horizontal is-flex-grow-1"><div class="field-label is-normal"><label class="label">${_horaire[this.config.lang]}</label></div><div class="field-body"><div class="field has-addons"><div class="control"><div class="select is-left"><select><option>00</option><option>01</option><option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option><option>13</option><option>14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option>21</option><option>22</option><option>23</option></select></div></div><div class="control"><button class="button is-static has-text-primary"><b>h</b></button></div></div><div class="field has-addons"><div class="control"><div class="select"><select><option>00</option><option>05</option><option>10</option><option>15</option><option>20</option><option>25</option><option>30</option><option>35</option><option>40</option><option>45</option><option>50</option><option>55</option></select></div></div><div class="control"><button class="button is-static has-text-primary"><b>min</b></button></div></div></div></div><br><button class="button is-primary is-fullwidth button-close" data-closes="${this.modal.id}">${_valider[this.config.lang]}</button></footer></div><button class="modal-close is-large" data-closes="${this.modal.id}" aria-label="close"></button>`;
+    let _controls = _$('header a.button', this.modal);
     this._leftArrow = _controls[0];
     this._menu = _controls[1];
     this._rightArrow = _controls[2];
@@ -113,7 +115,7 @@ class DateTimePicker {
       }
     });
 
-    let _selects = this.modal.querySelectorAll('footer select');
+    let _selects = _$('footer select', this.modal);
     this._hour = _selects[0];
     this._minutes = _selects[1];
 
@@ -154,7 +156,7 @@ class DateTimePicker {
 
     this._menu.innerHTML = `<b>${months[_beginning.getMonth()]} ${_beginning.getFullYear()}</b>`;
 
-    const _body = this.modal.querySelector('.modal-card section .column');
+    const _body = _$('.modal-card section .column', this.modal, false);
     _body.innerHTML = `<table class="table has-text-centered is-narrow"><thead><tr><th>${days[0]}</th><th>${days[1]}</th><th>${days[2]}</th><th>${days[3]}</th><th>${days[4]}</th><th>${days[5]}</th><th>${days[6]}</th></tr></thead><tbody></tbody></table>`;
 
     // Création du tableau

shared/templates/403.html

@@ -3,10 +3,11 @@
 
 
 {% block content %}
-<p class="title">{% trans "Erreur 403" %}</p>
+
+<h1 class="title">{% trans "Erreur 403" %}</h1>
 <hr>
 
-<div class="hero is-danger">
+<div class="hero is-dark">
   <div class="hero-body">
     <div class="subtitle">
       <span class="icon-text">
@@ -18,4 +19,5 @@
     </div>
   </div>
 </div>
+
 {% endblock %}

shared/templates/404.html

@@ -3,7 +3,8 @@
 
 
 {% block content %}
-<p class="title">{% trans "Erreur 404" %}</p>
+
+<h1 class="title">{% trans "Erreur 404" %}</h1>
 <hr>
 
 <div class="hero is-warning">
@@ -16,7 +17,7 @@
         <span>{% blocktrans with host=request.get_host %}La page à l'adresse « {{ host }}{{ request_path }} » n'a pas pu être trouvée.{% endblocktrans %}</span>
       </span>
     </div>
-    {% if exception != "Resolver404" %}<p>{{ exception }}</p>{% endif %}
   </div>
 </div>
+
 {% endblock %}

shared/templates/500.html

@@ -3,7 +3,8 @@
 
 
 {% block content %}
-<p class="title">{% trans "Erreur 500" %}</p>
+
+<h1 class="title">{% trans "Erreur 500" %}</h1>
 <hr>
 
 <div class="hero is-danger">
@@ -18,4 +19,5 @@
     </div>
   </div>
 </div>
+
 {% endblock %}

shared/templates/auth/account-list.html

@@ -0,0 +1,128 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+
+{% block custom_js %}
+<script>
+  function initSearch(input) {
+    const s = _id(input);
+    const us = _$('a.panel-block', s.closest('div.panel'));
+
+    s.addEventListener('input', () => {
+      const username = s.value.toLowerCase();
+
+      us.forEach(u => {
+        if (u.id.includes(username)) {
+          u.classList.remove('is-hidden');
+        } else {
+          u.classList.add('is-hidden');
+        }
+      });
+    });
+  }
+
+  initSearch('pwd_search');
+  initSearch('cas_search');
+
+</script>
+{% endblock %}
+
+
+{% block content %}
+
+<h1 class="title">{% trans "Liste des comptes" %}</h1>
+<hr>
+
+<div class="columns">
+  {# Password Accounts #}
+  <div class="column is-half">
+    <div class="panel">
+      <p class="panel-heading is-radiusless">{% trans "Comptes avec mot de passe" %}</p>
+
+      {# Search bar #}
+      <div class="panel-block">
+        <p class="control has-icons-left">
+          <input class="input" type="text" id="pwd_search" placeholder="{% trans "Search" %}">
+          <span class="icon is-left">
+            <i class="fas fa-search"></i>
+          </span>
+        </p>
+      </div>
+
+      {# List of users #}
+      {% for u in pwd_users %}
+      <a class="panel-block" href="{% url 'auth.permissions' %}?user={{ u.username }}" id={{ u.base_username|lower }}>
+        <div class="level is-mobile is-flex-grow-1">
+          <div class="level-left is-flex-shrink-1 pr-3">
+            <span class="panel-icon">
+              <i class="fas fa-user-cog"></i>
+            </span>
+            <span class="ml-2" style="overlay=clip">{{ u.full_name }} ({{ u.base_username }})</span>
+          </div>
+
+          <div class="level-right">
+            <span class="panel-icon has-text-{% if u in e_manager %}primary{% else %}grey-lighter{% endif %}">
+              <i class="fas fa-vote-yea"></i>
+            </span>
+
+            <span class="panel-icon has-text-{% if u in f_manager %}primary{% else %}grey-lighter{% endif %}">
+              <i class="fas fa-question"></i>
+            </span>
+
+            <span class="panel-icon has-text-{% if u.is_staff %}danger{% else %}grey-lighter{% endif %}">
+              <i class="fas fa-user-shield"></i>
+            </span>
+          </div>
+        </div>
+      </a>
+      {% endfor %}
+    </div>
+  </div>
+
+  {# CAS Accounts #}
+  <div class="column is-half">
+    <div class="panel">
+      <p class="panel-heading is-radiusless">{% trans "Comptes CAS" %}</p>
+
+      {# Search bar #}
+      <div class="panel-block">
+        <p class="control has-icons-left">
+          <input class="input" type="text" id="cas_search" placeholder="{% trans "Search" %}">
+          <span class="icon is-left">
+            <i class="fas fa-search"></i>
+          </span>
+        </p>
+      </div>
+
+      {# List of users #}
+      {% for u in cas_users %}
+      <a class="panel-block" href="{% url 'auth.permissions' %}?user={{ u.username }}" id={{ u.base_username|lower }}>
+        <div class="level is-mobile is-flex-grow-1">
+          <div class="level-left is-flex-shrink-1 pr-3">
+            <span class="panel-icon">
+              <i class="fas fa-user-cog"></i>
+            </span>
+            <span class="ml-2">{{ u.full_name }} ({{ u.base_username }})</span>
+          </div>
+
+          <div class="level-right">
+            <span class="panel-icon has-text-{% if u in e_manager %}primary{% else %}grey-lighter{% endif %}">
+              <i class="fas fa-vote-yea"></i>
+            </span>
+
+            <span class="panel-icon has-text-{% if u in f_manager %}primary{% else %}grey-lighter{% endif %}">
+              <i class="fas fa-question"></i>
+            </span>
+
+            <span class="panel-icon has-text-{% if u.is_staff %}danger{% else %}grey-lighter{% endif %}">
+              <i class="fas fa-user-shield"></i>
+            </span>
+          </div>
+        </div>
+      </a>
+      {% endfor %}
+    </div>
+  </div>
+</div>
+
+{% endblock %}

shared/templates/auth/admin-accounts.html

@@ -0,0 +1,47 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+
+{% block content %}
+<h1 class="title">{% trans "Liste des comptes spéciaux" %}</h1>
+<hr>
+
+<div class="notification">
+  <h3 class="subtitle has-text-weight-semibold">{% trans "Gestionnaires de Kadenios" %}</h3>
+
+  <div class="field is-grouped">
+    {% for a in admin %}
+    <div class="control">
+      <span class="tag is-primary">{{ a.full_name }}</span>
+    </div>
+    {% endfor %}
+  </div>
+</div>
+
+<div class="notification">
+  <h3 class="subtitle has-text-weight-semibold">{% trans "Gestionnaires d'élections" %}</h3>
+
+  <div class="field is-grouped">
+    {% for m in e_manager %}
+    <div class="control">
+      <span class="tag is-primary">{{ m.full_name }}</span>
+    </div>
+    {% endfor %}
+  </div>
+</div>
+
+{% comment %}
+<div class="notification">
+  <h3 class="subtitle has-text-weight-semibold">{% trans "Gestionnaires de FAQs" %}</h3>
+
+  <div class="field is-grouped">
+    {% for m in f_manager %}
+    <div class="control">
+      <span class="tag is-primary">{{ m.full_name }}</span>
+    </div>
+    {% endfor %}
+  </div>
+</div>
+{% endcomment %}
+
+{% endblock %}

shared/templates/auth/admin-panel.html

@@ -0,0 +1,38 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+
+{% block content %}
+
+<h1 class="title">{% trans "Gestion de Kadenios" %}</h1>
+<hr>
+
+<div class="tile is-ancestor">
+  <div class="tile is-parent">
+    <a class="tile is-child notification is-light px-0" href="{% url 'auth.create-account' %}">
+      <div class="subtitle has-text-centered">
+        <span class="icon-text">
+          <span class="icon">
+            <i class="fas fa-user-plus"></i>
+          </span>
+          <span class="ml-3">{% trans "Créer un nouveau compte" %}</span>
+        </span>
+      </div>
+    </a>
+  </div>
+
+  <div class="tile is-parent">
+    <a class="tile is-child notification is-light px-0" href="{% url 'auth.accounts' %}">
+      <div class="subtitle has-text-centered">
+        <span class="icon-text">
+          <span class="icon">
+            <i class="fas fa-stream"></i>
+          </span>
+          <span class="ml-3">{% trans "Liste des comptes" %}</span>
+        </span>
+      </div>
+    </a>
+  </div>
+</div>
+
+{% endblock %}

shared/templates/auth/create-user.html

@@ -23,6 +23,15 @@
             <span>{% trans "Enregistrer" %}</span>
           </button>
         </div>
+
+        <div class="control">
+          <a class="button is-primary" href="{% url 'auth.admin' %}">
+            <span class="icon">
+              <i class="fas fa-undo-alt"></i>
+            </span>
+            <span>{% trans "Retour" %}</span>
+          </a>
+        </div>
       </div>
     </form>
   </div>

shared/templates/auth/election_login.html

@@ -6,37 +6,51 @@
 
 {% block content %}
 
-<h1 class="title">{% trans "Connexion par mot de passe" %}</h1>
-<hr>
+  <h1 class="title">{% trans "Connexion par mot de passe" %}</h1>
+  <hr>
 
-<div class="columns is-centered">
-  <div class="column is-two-thirds">
-    <form action="" method="post">
-      {% csrf_token %}
+  <div class="columns is-centered">
+    <div class="column is-two-thirds">
 
-      {% include "forms/form.html" with errors=True %}
-
-      <div class="field is-grouped is-centered">
-        <div class="control is-expanded">
-          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
-            <span class="icon">
-              <i class="fas fa-check"></i>
-            </span>
-            <span>{% trans "Enregistrer" %}</span>
-          </button>
-        </div>
-
-        <div class="control">
-          <a class="button is-primary" href="{% url 'election.view' election_id %}">
-            <span class="icon">
-              <i class="fas fa-undo-alt"></i>
-            </span>
-            <span>{% trans "Retour" %}</span>
-          </a>
+      <div class="tile is-ancestor py-3">
+        <div class="tile is-parent">
+          <div class="tile is-child notification is-primary is-light">
+            <div class="has-text-centered">
+              <span class="icon">
+                <i class="fas fa-info"></i>
+              </span>
+              <span>{% trans "La connexion doit s'effectuer via les identifiants reçus par mail." %}</span>
+            </div>
+          </div>
         </div>
       </div>
-    </form>
+
+      <form action="" method="post">
+        {% csrf_token %}
+
+        {% include "forms/form.html" with errors=True %}
+
+        <div class="field is-grouped is-centered">
+          <div class="control is-expanded">
+            <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
+              <span class="icon">
+                <i class="fas fa-check"></i>
+              </span>
+              <span>{% trans "Enregistrer" %}</span>
+            </button>
+          </div>
+
+          <div class="control">
+            <a class="button is-primary" href="{{ request.GET.next }}">
+              <span class="icon">
+                <i class="fas fa-undo-alt"></i>
+              </span>
+              <span>{% trans "Retour" %}</span>
+            </a>
+          </div>
+        </div>
+      </form>
+    </div>
   </div>
-</div>
 
 {% endblock %}

shared/templates/auth/permission-management.html

@@ -0,0 +1,46 @@
+{% extends "base.html" %}
+{% load i18n %}
+
+
+{% block content %}
+
+<h1 class="title">{% trans "Gestion des permissions" %}</h1>
+<hr>
+
+<div class="message is-primary">
+  <p class="message-body">
+    {% trans "Pour modifier un compte CAS, le nom d'utilisateur doit commencer par <code>cas__</code>, pour un compte avec mot de passe, <code>pwd__</code>." %}
+  </p>
+</div>
+
+<div class="columns is-centered">
+  <div class="column is-two-thirds">
+    <form action="" method="post">
+      {% csrf_token %}
+
+      {% include "forms/form.html" with errors=True %}
+
+      <div class="field is-grouped is-centered">
+        <div class="control is-expanded">
+          <button class="button is-fullwidth is-outlined is-primary is-light" type="submit">
+            <span class="icon">
+              <i class="fas fa-check"></i>
+            </span>
+            <span>{% trans "Enregistrer" %}</span>
+          </button>
+        </div>
+
+        <div class="control">
+          <a class="button is-primary" href="{% url 'auth.accounts' %}">
+            <span class="icon">
+              <i class="fas fa-undo-alt"></i>
+            </span>
+            <span>{% trans "Retour" %}</span>
+          </a>
+        </div>
+      </div>
+    </form>
+  </div>
+</div>
+
+{% endblock %}

shared/templates/authens/login_switch.html

@@ -37,5 +37,17 @@
   </div>
 </div>
 
+<div class="tile is-ancestor pt-6">
+  <div class="tile is-parent">
+    <div class="tile is-child notification is-warning">
+      <div class="has-text-centered">
+        <span class="icon">
+          <i class="fas fa-exclamation-triangle"></i>
+        </span>
+        <span>{% trans "La connexion par identifiants reçus par mail pour un vote particulier se fera directement sur la page du vote lorsqu'il sera ouvert." %}</span>
+      </div>
+    </div>
+  </div>
+</div>
 
 {% endblock %}

shared/templates/authens/pwd_login.html

@@ -11,7 +11,20 @@
 
 <div class="columns is-centered">
   <div class="column is-two-thirds">
-    <form action="" method="post">
+    <div class="tile is-ancestor">
+      <div class="tile is-parent">
+        <div class="tile is-child notification is-warning">
+          <div class="has-text-centered">
+            <span class="icon">
+              <i class="fas fa-exclamation-triangle"></i>
+            </span>
+            <span>{% trans "La connexion par identifiants reçus par mail pour un vote particulier se fera directement sur la page du vote lorsqu'il sera ouvert." %}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <form class="pt-4" method="post">
       {% csrf_token %}
 
       {% include "forms/form.html" with errors=True %}