Merge pull request #30 from entrepreneur-interet-general/sp10

Sp10

Author: Ash-Crow

README.md

@@ -19,6 +19,7 @@ Le site est développé en utilisant le framework [Django](https://www.djangopro
 
 - **[django-francedata](https://github.com/entrepreneur-interet-general/django-francedata/)** : Contient des tables reprenant la structure des collectivités locales françaises (communes, EPCI à fiscalité propre, départements, régions) ainsi que des tables de données associées pour gérer des données concernant ces collectivités, importées depuis [data.gouv.fr](https://www.data.gouv.fr/fr/) et [banatic](https://www.banatic.interieur.gouv.fr/V5/accueil/index.php).
 - **aspic** : Contient la structure de la base aspic (Application de la DGCL sur les intercommunalités, destinée aux préfectures), actuellement utilisée pour les données concernant les collectivités locales. Elle est appelée à disparaître à terme.
+- **dashboard** : Contient les personnalisations des panneaux d’administration de Django (dans `templates/admin`) et Wagtail (dans `templates/wagtailadmin` et `wagtail_hooks.py`)
 - **[django-feed-reader](https://github.com/Ash-Crow/django-feed-reader)** : Un agrégateur de flux RSS permettant de récupérer les métadonnées sur les publications des différents sites des services statistiques des ministères (SSM). Il est prévu de remplacer ce fonctionnement par une application récupérant ces métadonnées sur la future version de la [bibliothèque nationale de la statistique publique](https://www.insee.fr/fr/information/1303569), en s'appuyant sur l'[API de Gallica](https://api.bnf.fr/fr/api-gallica-de-recherche)
 - **[django-dsfr](https://github.com/entrepreneur-interet-general/django-dsfr)** : Permet d'utiliser facilement le [système de design de l'État](https://www.systeme-de-design.gouv.fr/) dans des templates Django.
 - **pages** : Application basée sur le moteur de CMS [Wagtail](https://wagtail.io/) qui gère les pages dynamiques du site, dont la page d’accueil.

config/settings.py

@@ -36,6 +36,8 @@
 # Application definition
 
 INSTALLED_APPS = [
+    "dsfr",
+    "dashboard",
     "django.contrib.admin",
     "django.contrib.auth",
     "django.contrib.contenttypes",
@@ -45,8 +47,8 @@
     "django.contrib.postgres",
     "corsheaders",
     "wagtail.contrib.forms",
-    "wagtail.contrib.redirects",
     "wagtail.contrib.modeladmin",
+    "wagtail.contrib.redirects",
     "wagtail.contrib.styleguide",
     "wagtail.embeds",
     "wagtail.sites",
@@ -63,7 +65,6 @@
     "taggit",
     "analytical",
     "feeds",
-    "dsfr",
     "francedata.apps.FrancedataConfig",
     "aspic.apps.AspicConfig",
     "core",
@@ -170,7 +171,7 @@
 MATOMO_SITE_ID = LOCAL_MATOMO_SITE_ID
 
 # Wagtail
-WAGTAIL_SITE_NAME = "Open Collectivités - gestion du contenu"
+WAGTAIL_SITE_NAME = "Open Collectivités — Gestion des contenus"
 
 # Allow bulk deletions
 DATA_UPLOAD_MAX_NUMBER_FIELDS = None

core/context_processors.py

@@ -9,12 +9,15 @@ def topics_processor(request: HttpRequest) -> dict:
     topics = []
 
     for topic in raw_topics:
+        if "media" in topic.icon_path:
+            icon_path = f"/media/{topic.icon_path}"
+        else:
+            icon_path = f"/static{topic.icon_path}"
         topics.append(
             {
                 "title": topic.name,
                 "url": f"{page_publications}?topic={topic.id}",
-                "image_path": f"/static{topic.icon_path}",
-                "svg_icon": True,
+                "image_path": icon_path,
             }
         )
     return {"context_topics": topics}

core/services/publications.py

@@ -14,13 +14,17 @@ def list_documents(
     before: str = None,
     after: str = None,
     limit: int = None,
+    commune: int = None,
+    epci: int = None,
+    departement: int = None,
+    region: int = None,
 ):
     """
     Lists **published** documents, with optional filters
     """
     qs = Document.objects.filter(is_published=True)
 
-    # Filters
+    # Generic filters
     if topic:
         qs = qs.filter(topics__id=topic)
     if scope:
@@ -31,6 +35,18 @@ def list_documents(
         qs = qs.filter(publication_pages__id=publication_page)
     if source_org:
         qs = qs.filter(source__editor__id=source_org)
+
+    # Specific collectivity filters
+    if commune:
+        qs = qs.filter(communes__id=commune)
+    if epci:
+        qs = qs.filter(epcis__id=epci)
+    if departement:
+        qs = qs.filter(departements__id=departement)
+    if region:
+        qs = qs.filter(regions__id=region)
+
+    # Date filters
     if before:
         parsed_date = dateparser.parse(before)
         qs = qs.filter(last_update__lte=parsed_date)
@@ -197,3 +213,43 @@ def publication_filters(request):
     response["extra_count"] = extra_filters_count
 
     return response
+
+
+def list_publications_for_collectivity(collectivity_type: str, collectivity_id: int):
+    if collectivity_type == "commune":
+        level_title = "Utiles à toutes les communes"
+        instance_title = "Concernant cette commune"
+        publication_page_id = 1
+        publications_for_instance = list_documents(commune=collectivity_id, limit=8)
+    elif collectivity_type == "epci":
+        level_title = "Utiles à tous les EPCI"
+        instance_title = "Concernant cet EPCI"
+        publication_page_id = 4
+        publications_for_instance = list_documents(epci=collectivity_id, limit=8)
+    elif collectivity_type == "departement":
+        level_title = "Utiles à tous les départements"
+        instance_title = "Concernant ce département"
+        publication_page_id = 2
+        publications_for_instance = list_documents(departement=collectivity_id, limit=8)
+    elif collectivity_type == "region":
+        level_title = "Utiles à toutes les régions"
+        instance_title = "Concernant cette région"
+        publication_page_id = 3
+        publications_for_instance = list_documents(region=collectivity_id, limit=8)
+
+    publications = {"collectivity_type": collectivity_type}
+    level = {}
+    level["title"] = level_title
+    level["publication_page_id"] = publication_page_id
+    publications_for_level = list_documents(
+        publication_page=publication_page_id, limit=8
+    )
+    level["cards"] = documents_to_cards(publications_for_level)
+    publications["level"] = level
+
+    instance = {}
+    instance["title"] = instance_title
+    instance["id"] = collectivity_id
+    instance["cards"] = documents_to_cards(publications_for_instance)
+    publications["instance"] = instance
+    return publications

core/static/css/main.css

@@ -30,18 +30,6 @@
     margin-top: 1em;
 }
 
-.oc-padding-bottom-3em {
-    padding-bottom: 3em;
-}
-
-.oc-padding-top-1em {
-    padding-top: 1em;
-}
-
-.oc-padding-top-2em {
-    padding-top: 2em;
-}
-
 .oc-clear {
     clear: both;
 }
@@ -62,27 +50,32 @@
     z-index: 100;
 }
 
+
+/* Actually only stick the header on desktop */
 @media (min-width: 768px) {
     .oc-sticky-header {
         position: sticky;
     }
 
-    .oc-mobile-only {
-        display: none;
-    }
 }
 
-@media (max-width: 767px) {
-    .oc-desktop-only {
-        display: none;
+/* Push the summary bar to the right side on desktop and make it stick */
+@media (min-width: 768px) {
+    #oc-collectivity-main>article {
+        order: 1;
     }
-}
 
-.oc-sticky-block {
-    position: sticky;
-    top: 20px;
+    #oc-collectivity-main>aside {
+        order: 2;
+    }
+
+    #oc-collectivity-main>aside nav {
+        position: sticky;
+        top: 20px;
+    }
 }
 
+
 .oc-tile-row>.fr-tile {
     margin-bottom: 2em;
 }
@@ -128,12 +121,24 @@
 }
 
 /* When using svg icons instead of images in the tiles */
-.oc-svg-icon {
+.oc-svg-icon,
+.oc-svg-icons img {
     width: 100%;
 }
 
 /* Set the color of svg icons in dark mode */
-
-:root[data-fr-theme="dark"i] .oc-svg-icon {
+:root[data-fr-theme="dark"i] .oc-svg-icon,
+:root[data-fr-theme="dark"i] .oc-svg-icons img {
     filter: brightness(0) saturate(100%) invert(61%) sepia(11%) saturate(2548%) hue-rotate(202deg) brightness(103%) contrast(102%);
+}
+
+.oc-privacy-icon {
+    margin-left: 2rem;
+    color: var(--g500);
+}
+
+.oc-heading-with-sidelink {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
 }

core/static/img/placeholder-80-80.png

@@ -2,7 +2,7 @@
 {% load static %}
 
 {% block content %}
-<div class="fr-container oc-padding-top-2em oc-padding-bottom-3em">
+<div class="fr-container fr-mt-4w fr-mb-6w">
   <div class="fr-grid-row fr-grid-row--gutters ">
     <div class="fr-col-12 fr-col-md-6">
       <h1>La page recherchée n’existe plus</h1>

core/static/img/placeholder.jpg

@@ -2,7 +2,7 @@
 {% load static %}
 
 {% block content %}
-<div class="fr-container oc-padding-top-2em oc-padding-bottom-3em">
+<div class="fr-container fr-mt-4w fr-mb-6w">
   <div class="fr-grid-row fr-grid-row--gutters ">
     <div class="fr-col-12 fr-col-md-6">
       <h1>Page actuellement indisponible</h1>

core/templates/core/404.html

@@ -2,7 +2,7 @@
 {% load static %}
 
 {% block content %}
-<div class="fr-container oc-padding-top-2em oc-padding-bottom-3em">
+<div class="fr-container fr-mt-4w fr-mb-6w">
   <div class="fr-grid-row fr-grid-row--gutters ">
     <div class="fr-col-12 fr-col-md-6">
       <h1>Le site est actuellement inaccessible</h1>