From 7aba4bb93cf1627ced88b38c895d61b5f281dc02 Mon Sep 17 00:00:00 2001 From: Sylvain Boissel Date: Thu, 25 Apr 2024 14:58:36 +0200 Subject: [PATCH] =?UTF-8?q?Am=C3=A9liorations=20mineures=20des=20templates?= =?UTF-8?q?=20(#142)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * Replaced HTML commments by Django-Template comments * Add favicon in admin * Renamed django project to config * Update doc * Update version number * Update dependencies --- {example => config}/__init__.py | 0 {example => config}/asgi.py | 4 +- {example => config}/settings.py | 6 +- {example => config}/urls.py | 8 ++ {example => config}/wsgi.py | 4 +- dsfr/templates/dsfr/footer.html | 5 +- dsfr/templates/dsfr/form_base.html | 10 +- dsfr/templates/dsfr/theme_modale.html | 6 +- example_app/static/json/search_data.json | 6 +- .../templates/example_app/blocks/footer.html | 5 +- .../templates/example_app/example_form.html | 6 +- .../example_app/example_formset.html | 6 +- .../templates/example_app/page_component.html | 1 - manage.py | 2 +- poetry.lock | 99 ++++++++++--------- pyproject.toml | 2 +- 16 files changed, 88 insertions(+), 82 deletions(-) rename {example => config}/__init__.py (100%) rename {example => config}/asgi.py (73%) rename {example => config}/settings.py (97%) rename {example => config}/urls.py (72%) rename {example => config}/wsgi.py (73%) diff --git a/example/__init__.py b/config/__init__.py similarity index 100% rename from example/__init__.py rename to config/__init__.py diff --git a/example/asgi.py b/config/asgi.py similarity index 73% rename from example/asgi.py rename to config/asgi.py index aad1fda3d..557392bcb 100644 --- a/example/asgi.py +++ b/config/asgi.py @@ -1,5 +1,5 @@ """ -ASGI config for example project. +ASGI config for django-dsfr project. It exposes the ASGI callable as a module-level variable named ``application``. @@ -11,6 +11,6 @@ from django.core.asgi import get_asgi_application -os.environ.setdefault("DJANGO_SETTINGS_MODULE", "example.settings") +os.environ.setdefault("DJANGO_SETTINGS_MODULE", "config.settings") application = get_asgi_application() diff --git a/example/settings.py b/config/settings.py similarity index 97% rename from example/settings.py rename to config/settings.py index 995fe3412..a7b7fa027 100644 --- a/example/settings.py +++ b/config/settings.py @@ -1,5 +1,5 @@ """ -Django settings for example project. +Django settings for django-dsfr project. Generated by 'django-admin startproject' using Django 3.2.5. @@ -61,7 +61,7 @@ "django.middleware.clickjacking.XFrameOptionsMiddleware", ] -ROOT_URLCONF = "example.urls" +ROOT_URLCONF = "config.urls" TEMPLATES = [ { @@ -83,7 +83,7 @@ if DJANGO_VERSION < (5, 0): FORM_RENDERER = "django.forms.renderers.TemplatesSetting" -WSGI_APPLICATION = "example.wsgi.application" +WSGI_APPLICATION = "config.wsgi.application" # Database diff --git a/example/urls.py b/config/urls.py similarity index 72% rename from example/urls.py rename to config/urls.py index e4c4a4260..a127e7e77 100644 --- a/example/urls.py +++ b/config/urls.py @@ -1,10 +1,18 @@ from django.contrib import admin +from django.contrib.staticfiles.storage import staticfiles_storage from django.conf import settings from django.conf.urls.static import static from django.urls import include, path from django.views.generic import RedirectView + urlpatterns = [ + path( + "favicon.ico", + RedirectView.as_view( + url=staticfiles_storage.url("dsfr/dist/favicon/favicon.ico") + ), + ), # The "django-dsfr/" prefix is here because this site is deployed as doc on # https://numerique-gouv.github.io/django-dsfr/ path("admin/", admin.site.urls), diff --git a/example/wsgi.py b/config/wsgi.py similarity index 73% rename from example/wsgi.py rename to config/wsgi.py index 00adc8ad7..6d4c24fa2 100644 --- a/example/wsgi.py +++ b/config/wsgi.py @@ -1,5 +1,5 @@ """ -WSGI config for example project. +WSGI config for django-dsfr project. It exposes the WSGI callable as a module-level variable named ``application``. @@ -11,6 +11,6 @@ from django.core.wsgi import get_wsgi_application -os.environ.setdefault("DJANGO_SETTINGS_MODULE", "example.settings") +os.environ.setdefault("DJANGO_SETTINGS_MODULE", "config.settings") application = get_wsgi_application() diff --git a/dsfr/templates/dsfr/footer.html b/dsfr/templates/dsfr/footer.html index c4432a90c..07ccb1ada 100644 --- a/dsfr/templates/dsfr/footer.html +++ b/dsfr/templates/dsfr/footer.html @@ -20,15 +20,14 @@ src="{{ SITE_CONFIG.operator_logo_file.url }}" alt="{{ SITE_CONFIG.operator_logo_alt }}" {% if SITE_CONFIG.operator_logo_width >= 1 %}style="max-width:{{ SITE_CONFIG.operator_logo_width }}rem;"{% endif %} /> - + {# L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image #} {% else %}
@@ -47,7 +47,7 @@

- + {# L’alternative de l’image (attribut alt) doit rester vide car l’image est illustrative et ne doit pas être restituée aux technologies d’assistance #}

@@ -61,7 +61,7 @@

- + {# L’alternative de l’image (attribut alt) doit rester vide car l’image est illustrative et ne doit pas être restituée aux technologies d’assistance #}

diff --git a/example_app/static/json/search_data.json b/example_app/static/json/search_data.json index d2c47c1f5..4b28e5cb8 100644 --- a/example_app/static/json/search_data.json +++ b/example_app/static/json/search_data.json @@ -2,7 +2,7 @@ { "filename": "homepage", "path": "/django-dsfr/index.html", - "text": "Django-DSFR Documentation Django-dsfr est une application django permettant d\u2019utiliser le syst\u00e8me de design de l\u2019\u00c9tat dans des projets Django. Elle a initialement \u00e9t\u00e9 d\u00e9velopp\u00e9e dans le cadre du d\u00e9fi Open Collectivit\u00e9s et est un travail en cours (les composants sont actuellement d\u00e9velopp\u00e9s au fur et \u00e0 mesure de leur utilisation), cf. la page Composants. Sommaire Installation Utilisation D\u00e9veloppement Notes Installation Voir la page Installation. Utilisation Voir la page Utilisation. Les explications sur l\u2019utilisation de chaque composant figurent sur leur entr\u00e9e d\u00e9di\u00e9e, accessible via la page Composants. D\u00e9veloppement Voir la page Contribuer. Notes Il est possible d\u2019utiliser tous les composants du DSFR directement avec leur code HTML, y compris ceux pour lesquels il n\u2019existe pas encore de balise. De m\u00eame pour certains o\u00f9 il vaut mieux cr\u00e9er un template ad-hoc \u00e0 chaque utilisation, comme les modales.", + "text": "Django-DSFR Documentation Django-dsfr est une application django permettant d\u2019utiliser le syst\u00e8me de design de l\u2019\u00c9tat dans des projets Django. Elle a initialement \u00e9t\u00e9 d\u00e9velopp\u00e9e dans le cadre du d\u00e9fi Open Collectivit\u00e9s et est un travail en cours (les composants sont actuellement d\u00e9velopp\u00e9s au fur et \u00e0 mesure de leur utilisation), cf. la page Composants. Sommaire Installation Utilisation D\u00e9veloppement Notes Installation Voir la page Installation. Utilisation Voir la page Utilisation. Les explications sur l\u2019utilisation de chaque composant figurent sur leur entr\u00e9e d\u00e9di\u00e9e, accessible via la page Composants. D\u00e9veloppement Voir la page Contribuer. Notes Il est possible d\u2019utiliser tous les composants du DSFR directement avec leur code HTML, y compris ceux pour lesquels il n\u2019existe pas de balise. De m\u00eame pour certains o\u00f9 il vaut mieux cr\u00e9er un template ad-hoc \u00e0 chaque utilisation, comme les modales.", "title": "Accueil \u2014 Django-DSFR" }, { @@ -26,13 +26,13 @@ { "filename": "icons", "path": "/django-dsfr/resources/icons/index.html", - "text": "Ic\u00f4nes Sommaire Buildings Business Communication Design Development Device Document Editor Finance Health Logo Map Media Others System User Weather Voir la page de documentation du composant sur le Syst\u00e8me de Design de l\u2019\u00c9tat Ouvre une nouvelle fen\u00eatre Voir la page sur le site d\u2019exemples du Syst\u00e8me de Design de l\u2019\u00c9tat Ouvre une nouvelle fen\u00eatre Cliquer sur une ic\u00f4ne ci-dessous pour copier le nom de sa classe. Buildings Business Communication Design Development Device Document Editor Finance Health Logo Map Media Others System User Weather", + "text": "Ic\u00f4nes Voir la page de documentation du composant sur le Syst\u00e8me de Design de l\u2019\u00c9tat Ouvre une nouvelle fen\u00eatre Voir la page sur le site d\u2019exemples du Syst\u00e8me de Design de l\u2019\u00c9tat Ouvre une nouvelle fen\u00eatre Chercher une ic\u00f4ne par son nom Chercher une ic\u00f4ne Liste compl\u00e8te Sommaire Buildings Business Communication Design Development Device Document Editor Finance Health Logo Map Media Others System User Weather Cliquer sur une ic\u00f4ne ci-dessous pour copier le nom de sa classe. Buildings Business Communication Design Development Device Document Editor Finance Health Logo Map Media Others System User Weather", "title": "Ic\u00f4nes \u2014 Django-DSFR" }, { "filename": "colors", "path": "/django-dsfr/resources/colors/index.html", - "text": "Couleurs Voir la page de pr\u00e9sentation de la palette de couleurs sur le Syst\u00e8me de Design de l\u2019\u00c9tat Ouvre une nouvelle fen\u00eatre Voir la page de r\u00e8gles d\u2019utilisation de la palette de couleurs sur le Syst\u00e8me de Design de l\u2019\u00c9tat Ouvre une nouvelle fen\u00eatre Cartes et tuiles Les cartes et tuiles peuvent prendre un fond gris \u00e0 la place de la couleur par d\u00e9faut. Carte basique Texte de la carte. Il peut prendre jusqu\u2019\u00e0 200 caract\u00e8res, ce qui devrait correspondre \u00e0 environ cinq lignes dans le mode vertical, et deux en horizontal. \u2026 Carte basique Texte de la carte. Il peut prendre jusqu\u2019\u00e0 200 caract\u00e8res, ce qui devrait correspondre \u00e0 environ cinq lignes dans le mode vertical, et deux en horizontal. \u2026 Tuile basique (verticale, MD) Tuile basique (verticale, MD) Tuile basique (verticale, MD) Tuile basique (verticale, MD) Couleurs d\u2019accentuation Certains composants prennent une couleur d\u2019accentuation comme param\u00e8tre. Seules les couleurs illustratives sont prises en compte. Choisissez une couleur ---- Thilleul verveine Bourgeon \u00c9meraude Menthe Archipel \u00c9cume Cumulus Glycine Macaron Tuile Tournesol Moutarde Terre battue Caf\u00e9 cr\u00e8me Caramel Op\u00e9ra Gris galet Citation Personnalise la couleur de l\u2019ic\u00f4ne. D\u00e9velopper vos sites et applications en utilisant des composants pr\u00eats \u00e0 l\u2019emploi, accessibles et ergonomiques Auteur Syst\u00e8me de Design de l'\u00c9tat D\u00e9tail sans lien D\u00e9tail avec lien Ouvre une nouvelle fen\u00eatre Mise en avant Personnalise la couleur du fond et de la bordure. Mise en avant avec bouton normal Cette mise en avant a un bouton normal Bouton normal Mise en exergue Personnalise la couleur de la bordure. Contenu de la mise en exergue Tableau Personnalise la couleur de la bordure et du fond. Tableau basique Colonne 1 Colonne 2 Colonne 3 a b c d e f Tag Personnalise la couleur de la bordure, du fond et de l\u2019ic\u00f4ne. Seuls les tags cliquables sont pris en compte. Tag avec lien Tag avec action", + "text": "Couleurs Voir la page de pr\u00e9sentation de la palette de couleurs sur le Syst\u00e8me de Design de l\u2019\u00c9tat Ouvre une nouvelle fen\u00eatre Voir la page de r\u00e8gles d\u2019utilisation de la palette de couleurs sur le Syst\u00e8me de Design de l\u2019\u00c9tat Ouvre une nouvelle fen\u00eatre Cartes et tuiles Les cartes et tuiles peuvent prendre un fond gris \u00e0 la place de la couleur par d\u00e9faut. Carte basique Texte de la carte. Il peut prendre jusqu\u2019\u00e0 200 caract\u00e8res, ce qui devrait correspondre \u00e0 environ cinq lignes dans le mode vertical, et deux en horizontal. \u2026 Carte basique Texte de la carte. Il peut prendre jusqu\u2019\u00e0 200 caract\u00e8res, ce qui devrait correspondre \u00e0 environ cinq lignes dans le mode vertical, et deux en horizontal. \u2026 Tuile basique (verticale, MD) Tuile basique (verticale, MD) Tuile basique (verticale, MD) Tuile basique (verticale, MD) Couleurs d\u2019accentuation Certains composants prennent une couleur d\u2019accentuation comme param\u00e8tre. Seules les couleurs illustratives sont prises en compte. Choisissez une couleur ---- Tilleul verveine Bourgeon \u00c9meraude Menthe Archipel \u00c9cume Cumulus Glycine Macaron Tuile Tournesol Moutarde Terre battue Caf\u00e9 cr\u00e8me Caramel Op\u00e9ra Gris galet Citation Personnalise la couleur de l\u2019ic\u00f4ne. D\u00e9velopper vos sites et applications en utilisant des composants pr\u00eats \u00e0 l\u2019emploi, accessibles et ergonomiques Auteur Syst\u00e8me de Design de l'\u00c9tat D\u00e9tail sans lien D\u00e9tail avec lien Ouvre une nouvelle fen\u00eatre Mise en avant Personnalise la couleur du fond et de la bordure. Mise en avant avec bouton normal Cette mise en avant a un bouton normal Bouton normal Mise en exergue Personnalise la couleur de la bordure. Contenu de la mise en exergue Tableau Personnalise la couleur de la bordure et du fond. Tableau basique Colonne 1 Colonne 2 Colonne 3 a b c d e f Tag Personnalise la couleur de la bordure, du fond et de l\u2019ic\u00f4ne. Seuls les tags cliquables sont pris en compte. Tag avec lien Tag avec action", "title": "Couleurs \u2014 Django-DSFR" }, { diff --git a/example_app/templates/example_app/blocks/footer.html b/example_app/templates/example_app/blocks/footer.html index 322264e48..8d87e23ab 100644 --- a/example_app/templates/example_app/blocks/footer.html +++ b/example_app/templates/example_app/blocks/footer.html @@ -30,15 +30,14 @@ src="{{ SITE_CONFIG.operator_logo_file.url }}" alt="{{ SITE_CONFIG.operator_logo_alt }}" {% if SITE_CONFIG.operator_logo_width >= 1 %}style="max-width:{{ SITE_CONFIG.operator_logo_width }}rem;"{% endif %} /> - + {# L’alternative de l’image (attribut alt) doit impérativement être renseignée et reprendre le texte visible dans l’image #}
{% else %}