panel latéral sur graphe avancé

public/css/city-sidebar.css

@@ -28,6 +28,10 @@
         width: 75%;
         z-index: 1001;
     }
+    .main-footer {
+        margin-left: 25%;
+        width: 75%;
+    }
 }
 
 /* Mobile styles */
@@ -45,6 +49,10 @@
         margin-left: 0;
         width: 100%;
     }
+    .main-footer {
+        margin-left: 0;
+        width: 100%;
+    }
 }
 
 .city-sidebar .nav-link {

templates/admin/followup_graph.html.twig

@@ -2,8 +2,22 @@
 
 {% block title %}Suivi des objets OSM - {{ stats.name }}{% endblock %}
 
+{% block stylesheets %}
+    {{ parent() }}
+    <link href='{{ asset('css/city-sidebar.css') }}' rel='stylesheet' />
+{% endblock %}
+
 {% block body %}
-<div class="container mt-4">
+<div class="container-fluid">
+    <div class="row">
+        <!-- Sidebar de navigation -->
+        <div class="col-12">
+            {% include 'admin/_city_sidebar.html.twig' with {'stats': stats, 'active_menu': 'followup_graph'} %}
+        </div>
+
+        <!-- Contenu principal -->
+        <div class="col-md-9 col-lg-10 main-content">
+            <div class="p-4">
                 <h1>Suivi des objets OSM pour {{ stats.name }} ({{ stats.zone }})</h1>
     <div class="mb-3 d-flex flex-wrap gap-2">
         <a href="{{ path('admin_followup', {'insee_code': stats.zone}) }}" class="btn btn-warning">
@@ -162,6 +176,9 @@
         </tbody>
     </table>
     <a href="{{ path('app_admin_stats', {'insee_code': stats.zone}) }}" class="btn btn-secondary mt-3"><i class="bi bi-arrow-left"></i> Retour à la fiche ville</a>
+            </div>
+        </div>
+    </div>
 </div>
 {% endblock %}
 

templates/admin/followup_theme_graph.html.twig

@@ -5,6 +5,7 @@
 {% block stylesheets %}
     {{ parent() }}
     <link href='{{ asset('js/maplibre/maplibre-gl.css') }}' rel='stylesheet'/>
+    <link href='{{ asset('css/city-sidebar.css') }}' rel='stylesheet' />
     <style>
         .chart-container {
             width: 100%;
@@ -123,7 +124,15 @@
 
 {% block body %}
     <div class="container-fluid">
+        <div class="row">
+            <!-- Sidebar de navigation -->
+            <div class="col-12">
+                {% include 'admin/_city_sidebar.html.twig' with {'stats': stats, 'active_menu': 'followup_graph'} %}
+            </div>
 
+            <!-- Contenu principal -->
+            <div class="col-md-9 col-lg-10 main-content">
+                <div class="p-4">
                     {# DEBUG : Affichage des objets Place trouvés pour cette ville #}
                     {% if places is defined %}
                     <div class="alert alert-warning" style="font-size:0.95em;">
@@ -294,6 +303,10 @@
     <a href="https://forum.openstreetmap.fr/t/osm-mon-commerce/34403/11" class="btn btn-info suggestion-footer-btn mt-4 mb-2" target="_blank" rel="noopener">
         <i class="bi bi-chat-dots"></i> Faire une suggestion
     </a>
+                </div>
+            </div>
+        </div>
+    </div>
 
 {% endblock %}