correction du menu profils (refs #46)

IGNF · Jun 24, 2024 · 0e28419 · 0e28419
1 parent bda94bc
commit 0e28419
Show file tree

Hide file tree

Showing 4 changed files with 39 additions and 37 deletions.
diff --git a/_includes/layouts/profil.njk b/_includes/layouts/profil.njk
@@ -2,42 +2,34 @@
 layout: layouts/base.njk
 sidemenu: false
 ---
+
 <div class="fr-mb-6w">
     <div class="fr-container fr-mt-6w" data-pagefind-body>
         <div class="fr-grid-row">
-            <div class="fr-col-4">
-                <fieldset class="fr-fieldset" id="profile-hint" aria-labelledby="profile-hint-legend">
-                    <legend class="fr-fieldset__legend--regular fr-fieldset__legend" id="profile-hint-legend">
-                        Je suis
-                    </legend>
-                    <div class="fr-fieldset__element">
-                        <div class="fr-radio-group">
-                            <input type="radio" id="developpeur" name="profile-hint" value="developpeur" onclick="document.location.href='../developpeur/'" {% if developpeur %}checked{% endif %}/>
-                            <label for="developpeur">
-                                Développ·eur·euse
-                            </label>
+            <div class="fr-col-12 fr-col-md-4">
+                <nav class="fr-sidemenu" aria-labelledby="fr-sidemenu-title">
+                    <div class="fr-sidemenu__inner">
+                        <button class="fr-sidemenu__btn"
+                                hidden
+                                aria-controls="fr-sidemenu-wrapper"
+                                aria-expanded="true">Je suis</button>
+                        <div class="fr-collapse" id="fr-sidemenu-wrapper">
+                            <div class="fr-sidemenu__title" id="fr-sidemenu-title">Je suis</div>
+                            <ul class="fr-sidemenu__list">
+                                {% for profil in collections.profils %}
+                                    <li class="fr-sidemenu__item fr-sidemenu__item--active">
+                                        <a class="fr-sidemenu__link"
+                                           href="{{ profil.url }}"
+                                           target="_self"
+                                           {% if profil.url == page.url %}aria-current="page"{% endif %}>{{ profil.data.title }}</a>
+                                    </li>
+                                {% endfor %}
+                            </ul>
                         </div>
                     </div>
-                    <div class="fr-fieldset__element">
-                        <div class="fr-radio-group">
-                            <input type="radio" id="producteur" name="profile-hint" value="producteur" onclick="document.location.href='../producteur/'" {% if producteur %}checked{% endif %}/>
-                            <label for="producteur">
-                                Product·eur·rice
-                            </label>
-                        </div>
-                    </div>
-                    <div class="fr-fieldset__element">
-                        <div class="fr-radio-group">
-                            <input type="radio" id="utilisateur" name="profile-hint" value="utilisateur" onclick="document.location.href='../utilisateur/'" {% if utilisateur %}checked{% endif %}/>
-                            <label for="utilisateur">Utilisat·eur·rice</label>
-                        </div>
-                    </div>
-                </fieldset>
-            </div>
-            <div class="fr-col-8">
-                <h1>{{ title }}</h1>
-                {{ content | safe }}
+                </nav>
             </div>
+            <div class="fr-col-12 fr-col-md-8 fr-py-12v">{{ content | safe }}</div>
         </div>
     </div>
-</div>
+</div>
diff --git a/content/fr/developpeur/index.md b/content/fr/developpeur/index.md
@@ -1,9 +1,13 @@
 ---
-title: Toutes les ressources techniques pour utiliser cartes.gouv.fr et les briques de la Géoplateforme
-layout: layouts/profil.njk
+title: Développeur
 developpeur: true
+layout: "layouts/profil.njk"
+tags: ["profils"]
+slugOverride: developpeur
 ---
 
+# Toutes les ressources techniques pour utiliser cartes.gouv.fr et les briques de la Géoplateforme
+
 Consultez nos guides, FAQ, tutoriels et documentations techniques pour vous accompagner dans la prise en main des outils de la Géoplateforme et cartes.gouv.fr.
 
 ## Entrepôt Géoplateforme

diff --git a/content/fr/producteur/index.md b/content/fr/producteur/index.md
@@ -1,9 +1,12 @@
 ---
-title: Toutes les ressources pour utiliser cartes.gouv.fr
-layout: layouts/profil.njk
+title: Producteur
 producteur: true
+layout: "layouts/profil.njk"
+tags: ["profils"]
 ---
 
+# Toutes les ressources pour utiliser cartes.gouv.fr
+
 Consultez nos guides, FAQ, tutoriels et documentations techniques pour vous accompagner dans la prise en main des outils de cartes.gouv.fr.
 
 Documentation producteur...
diff --git a/content/fr/utilisateur/index.md b/content/fr/utilisateur/index.md
@@ -1,9 +1,12 @@
 ---
-title: Toutes les ressources pour utiliser cartes.gouv.fr
-layout: layouts/profil.njk
+title: Utilisateur
 utilisateur: true
+layout: "layouts/profil.njk"
+tags: ["profils"]
 ---
 
+# Toutes les ressources pour utiliser cartes.gouv.fr
+
 Consultez nos guides, FAQ, tutoriels et documentations techniques pour vous accompagner dans la prise en main des outils de cartes.gouv.fr.
 
 ## Créer mon compte