Add a new setting to add the theme toggle to the footer

config/settings.py

@@ -53,6 +53,7 @@
     "wagtail.search",
     "wagtail",
     "wagtailmenus",
+    "wagtail_modeladmin",
     "taggit",
     "django.contrib.auth",
     "django.contrib.contenttypes",

content_manager/migrations/0010_rename_footer_theme_modale_cmsdsfrconfig_theme_modale_button.py

@@ -0,0 +1,17 @@
+# Generated by Django 4.2.7 on 2023-11-27 16:23
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("content_manager", "0009_cmsdsfrconfig_footer_theme_modale_and_more"),
+    ]
+
+    operations = [
+        migrations.RenameField(
+            model_name="cmsdsfrconfig",
+            old_name="footer_theme_modale",
+            new_name="theme_modale_button",
+        ),
+    ]

content_manager/models.py

@@ -108,7 +108,7 @@ class Meta:
     ]
 
 
-@register_setting(icon="code")
+@register_setting(icon="cog")
 class CmsDsfrConfig(BaseSiteSetting):
     class Meta:
         verbose_name = "Configuration du site"
@@ -161,6 +161,8 @@ class Meta:
         blank=True,
         help_text="Balises HTML autorisés",
     )
+
+    theme_modale_button = models.BooleanField("Choix du thème clair/sombre", default=False)
     mourning = models.BooleanField("Mise en berne", default=False)
 
     panels = [
@@ -172,4 +174,5 @@ class Meta:
         FieldPanel("site_tagline"),
         FieldPanel("footer_description"),
         FieldPanel("mourning"),
+        FieldPanel("theme_modale_button"),
     ]

pyproject.toml

@@ -26,6 +26,7 @@ dj-static = "^0.0.6"
 wagtailmenus = "^3.1.9"
 boto3 = "^1.29.1"
 django-storages = "^1.14.2"
+wagtail-modeladmin = "^1.0.0"
 
 
 [tool.poetry.group.dev.dependencies]

templates/blocks/footer.html

@@ -13,4 +13,11 @@
 
 {% block footer_links %}
   {% flat_menu handle="footer" template="menus/custom_flat_menu_footer.html"  %}
+  {% if settings.content_manager.CmsDsfrConfig.theme_modale_button %}
+    <li class="fr-footer__bottom-item">
+      <button id="footer__bottom-link__parametres-affichage" aria-controls="fr-theme-modal" data-fr-opened="false" class="fr-icon-theme-fill fr-link--icon-left fr-footer__bottom-link" data-fr-js-modal-button="true">
+        Paramètres d’affichage
+      </button>
+    </li>
+  {% endif %}
 {% endblock footer_links %}