add frontend ng

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

@@ -1,5 +1,6 @@
-import { Component } from '@angular/core';
+import { Component, inject } from '@angular/core';
 import {Menu} from './menu/menu';
+import { OedbApi } from '../../services/oedb-api';
 
 @Component({
   selector: 'app-home',
@@ -10,4 +11,12 @@ import {Menu} from './menu/menu';
   styleUrl: './home.scss'
 })
 export class Home {
+
+  OedbApi = inject(OedbApi);
+
+  constructor() {
+    this.OedbApi.getEvents({}).subscribe((events) => {
+      console.log(events);
+    });
+  }
 }

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

@@ -9,8 +9,6 @@
       <input type="text" value="" placeholder="Rechercher une catégorie d'évènement">
     </div>
     <div id="what_categories">
-
-
       @for (oedbc of oedb_what_categories; track $index) {
         <div class="category">
           <div class="emoji">
@@ -63,8 +61,24 @@
     <ul>
       <li></li>
     </ul>
-    (bouton pour exporter)
+  </div>
+  <div id="actions">
+
+    (actions)
     <button class="button">exporter</button>
+    <button class="button">envoyer</button>
+    <button class="button">créer</button>
+    <button class="button">supprimer</button>
+    <button class="button">oui, toujours là</button>
+    <button class="button">non plus là</button>
+    <button class="button">pouet pouet!</button>
+  </div>
+  <div id="user_infos">
+    login OSM:
+    <a href="https://www.openstreetmap.org/user/tykayn">tykayn</a>
+    <br>
+    points de l'utilisateur:
+    12 points.
   </div>
 
 </menu>