style agenda

frontend/src/app/pages/home/home.html

@@ -1,64 +1,79 @@
 <div class="layout">
   <div class="aside">
     <div class="toolbar">
-      <strong>OpenEventDatabase</strong>
-      <span class="muted">{{filteredFeatures.length}} évènements</span>
+      
       @if (isLoading) {
         <span class="loading">⏳ Chargement...</span>
       }
     </div>
     
-    <div class="controls">
-      <div class="control-group">
-        <label>Jours à venir</label>
-        <input 
-          type="number" 
-          class="input" 
-          [(ngModel)]="daysAhead" 
-          (ngModelChange)="onDaysAheadChange()"
-          min="1" 
-          max="30"
-          placeholder="7">
-      </div>
-      
-      <div class="control-group">
-        <label>
-          <input 
-            type="checkbox" 
-            [(ngModel)]="autoReloadEnabled" 
-            (change)="toggleAutoReload()">
-          Rechargement auto (1min)
-        </label>
-      </div>
-      
-      <div class="control-group">
-        <button 
-          class="btn btn-sm" 
-          (click)="goToNewCategories()">
-          📋 Nouvelles catégories
-        </button>
-      </div>
-    </div>
+    
     
     <div class="filters">
-      <label>Filtre rapide</label>
+
+      <label (click)="showFilters = !showFilters">
+        Filtre rapide
+        @if (showFilters) {
+          <span>▼</span>
+        } @else {
+          <span>▶</span>
+        }
+      </label>
+
+      <div class="filters-group">
+        @if (showFilters) {
+          <span class="muted">{{filteredFeatures.length}} évènements chargés</span>
+          <hr>
+          <div class="controls">
+            <div class="control-group">
+              <label>Jours à venir</label>
+              <input 
+                type="number" 
+                class="input" 
+                [(ngModel)]="daysAhead" 
+                (ngModelChange)="onDaysAheadChange()"
+                min="1" 
+                max="30"
+                placeholder="7">
+            </div>
+            
+            <div class="control-group">
+              <label>
+                <input 
+                  type="checkbox" 
+                  [(ngModel)]="autoReloadEnabled" 
+                  (change)="toggleAutoReload()">
+                Rechargement auto (1min)
+              </label>
+            </div>
+          </div>
+
+      
       <input class="input" type="text" placeholder="Rechercher..." [(ngModel)]="searchText" (ngModelChange)="onSearchChange()">
       
       <div class="control-group">
         <label>Filtrer par type d'événement</label>
         <select class="input" [(ngModel)]="selectedWhatFilter" (ngModelChange)="onWhatFilterChange()">
-          <option value="">Tous les types</option>
-          @for (whatType of availableWhatTypes; track whatType) {
-            <option [value]="whatType">{{whatType}}</option>
+        <option value="">Tous les types</option>
+        @for (whatType of availableWhatTypes; track whatType) {
+          <option [value]="whatType">{{whatType}}</option>
           }
         </select>
       </div>
+
+
+      <app-osm></app-osm>
+
+      <app-menu></app-menu>
+      <hr>
+      }
     </div>
+    </div>
+   
+    <!-- <app-unlocated-events [events]="filteredFeatures"></app-unlocated-events> -->
+    
     <hr>
-    <app-unlocated-events [events]="filteredFeatures"></app-unlocated-events>
-    <app-menu></app-menu>
-    <hr>
-    <app-osm></app-osm>
+    
     <app-edit-form [selected]="selected" (saved)="onSaved($event)" (created)="onCreated($event)" (deleted)="onDeleted($event)"></app-edit-form>
   </div>
   <div class="main">

frontend/src/app/pages/home/home.ts

@@ -32,6 +32,7 @@ export class Home implements OnInit, OnDestroy {
   filteredFeatures: Array<any> = [];
   selected: any | null = null;
   showTable = false;
+  showFilters = false;
   
   // Nouvelles propriétés pour le rechargement automatique et la sélection de jours
   autoReloadEnabled = true;

frontend/src/app/pages/home/menu/menu.html

@@ -1,16 +1,9 @@
 <menu>
   OpenEventDatabase
-  <nav>
-
-  
-  <a routerLink="/agenda">agenda</a>
-  <a routerLink="/unlocated-events">événements non localisés</a>
-  <a href="/demo/stats">stats</a>
-  <a href="https://source.cipherbliss.com/tykayn/oedb-backend">sources</a>
-</nav>
-  
+ 
+ <!-- 
   <div id="editor_form">
-   <!-- <div id="search_input">
+    <div id="search_input">
       <input type="text" value="" placeholder="Rechercher une catégorie d'évènement">
     </div>
      <div id="what_categories">
@@ -56,10 +49,10 @@
       <option value="point"></option>
       <option value="polyline"></option>
       <option value="bbox"></option>
-    </select> -->
+    </select> 
 
   </div>
-
+-->
   <!-- <div id="found_list">
     <h2>données</h2>
     (liste des éléments trouvés)

frontend/src/app/pages/home/menu/menu.scss

@@ -1,17 +1,6 @@
 :host {
   display: block;
-  nav{
-    a {
-      padding: 10px;
-      border-radius: 10px;
-      border: 1px solid rgba(0,0,0,0.08);
-      display: block;
-      margin-bottom: 10px;
-      &:hover{
-        background-color: #f0f0f0;
-      }
-    }
-  }
+
 }
 
 #what_categories {