guide de contrib

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

@@ -1,9 +1,9 @@
 <div class="layout">
   <div class="aside">
     <div class="toolbar">
-      
+      <!-- <span class="loading-indicator">⏳</span> -->
       @if (isLoading) {
-        <span class="loading">⏳ Chargement...</span>
+        <span class="loading-indicator">⏳</span>
       }
     </div>
     
@@ -73,9 +73,37 @@
     <!-- <app-unlocated-events [events]="filteredFeatures"></app-unlocated-events> -->
     
     <hr>
-    
-    <app-edit-form [selected]="selected" (saved)="onSaved($event)" (created)="onCreated($event)" (deleted)="onDeleted($event)"></app-edit-form>
+    @if(showEditForm){
+
+    <div class="guide">
+      <h3>Guide</h3>
+        <ul>
+          <li> Créer un évènement: Cliquez sur le bouton "+" pour créer un nouvel évènement. Sélectionnez un preset, remplissez les informations, cliquez quelque part sur la carte pour définir un emplacement. Puis appuyez sur créer.</li>
+          <li> Mettre à jour un évènement: Sélectionnez un évènement sur la carte ou dans la liste pour le modifier.</li>
+        </ul>
+    </div>
+    <app-edit-form [selected]="selected" (saved)="onSaved($event)" (created)="onCreated($event)" (deleted)="onDeleted($event)" (canceled)="onCanceled()"></app-edit-form>
+  }
+
+  @if(selected !== null){
+    <div class="selected">
+
+      <h3>  sélectionné:</h3>
+
+{{selected.properties.label}}
+{{selected.properties.name}}
+</div>
+  }    
+    <div id="fixed_actions">
+      <button class="button btn btn-primary" (click)="createEvent()" title="Créer un évènement">+</button>
+      <button class="button" (click)="toggleView()" title="Basculer carte / tableau">📊</button>
+      <div class="downloaders"> 
+        <button class="button" (click)="downloadGeoJSON()" title="Télécharger GeoJSON">📥 GeoJSON</button>
+        <button class="button" (click)="downloadCSV()" title="Télécharger CSV">📥 CSV</button>
+      </div>
+    </div>
   </div>
+  
   <div class="main">
     @if (!showTable) {
       <div class="map">