add personal address

backend/web/src/lib/api/endpoints/user.ts

@@ -1,7 +1,12 @@
 import { api } from '../client';
-import { type User } from "$lib/types/api"
+import type { User, Address } from "$lib/types/api"
 
 export const userApi = {
   me: () => api.get<User>('/user/me'),
   update: (id: string, data: Partial<User>) => api.put<User>(`/user/${id}`, data),
+
+  listAddresses: (id: string) => api.get<Address[]>(`/user/${id}/address`),
+  createAddress: (id: string, data: Partial<Address>) => api.post<Address>(`/user/${id}/address`, data),
+  updateAddress: (id: string, data: Partial<Address>) => api.put<Address>(`/user/${id}/address`, data),
+  deleteAddress: (id:string, addrid: string) => api.delete<Address[]>(`/user/${id}/address/${addrid}`),
 };

backend/web/src/lib/components/Sidebar.svelte

@@ -1,6 +1,5 @@
 <script lang="ts">
   import { uiState } from "$lib/state/ui.svelte"
-  import { auth } from "$lib/state/auth.svelte"
   import Menu from "$lib/components/Menu.svelte"
   import { logout } from "$lib/state/auth.svelte"
   import logo from "$lib/assets/logo-txt.png"
@@ -31,9 +30,7 @@
     <Menu label="Tâches" icon="icon-tasks" link="/tasks"/>
     <Menu label="Connaissances" icon="icon-graduation-cap" link="/kb"/>
     <Menu label="Historique" icon="icon-history" link="/history"/>
-    {#if auth.user?.administrator}
     <Menu label="Paramétrage" icon="icon-cog" link="/settings"/>
-    {/if}
 </div>
 
 <div id="profile" class="w-full flex flex-row items-center border-t border-stone-200 dark:border-stone-800">

backend/web/src/lib/types/api.ts

@@ -3,8 +3,14 @@ export interface User {
   firstname: string
   lastname: string
   email: string
-  administrator: boolean
   theme: string
   lang: string
   _version: string
 }
+
+export interface Address {
+  id: string
+  type: string
+  address: string
+  _version: string
+}

backend/web/src/routes/(authenticated)/profile/+page.svelte

@@ -2,17 +2,24 @@
 
   import { SvelteMap } from 'svelte/reactivity';
   import type { PageProps } from './$types';
-  import { type User } from '$lib/types/api'
+  import type {  User, Address } from '$lib/types/api'
   import { userApi } from '$lib/api/endpoints/user'
   import FormError from '$lib/components/FormError.svelte';
   import { applyTheme, themeToLocalStorage } from '$lib/ui/themeswitcher';
   import { validateEmail } from '$lib/utilities/validators'
+	import { onMount } from 'svelte';
 
   let { data }: PageProps = $props();
 
   let form : User = $state(data.me)
+  let addresses : Address[] = $state([] as Address[])
+  let newAddress :  Address = $state({} as Address)
   let errors = new SvelteMap<string,string>()
 
+  onMount(async ()=>  {
+    addresses = await userApi.listAddresses(form.id)
+  })
+
   $effect(()=>{
     themeToLocalStorage(form.theme)
     applyTheme()
@@ -36,6 +43,21 @@
     }
   }
 
+  const handleAddAddress = () => {
+    userApi.createAddress(form.id, newAddress)
+      .then((data)=>{
+        addresses.push(data)
+        newAddress = {} as Address
+      })
+      .catch((error)=>{ console.log(error) })
+  }
+
+  const handleDeleteAddress = (id: string) => {
+    userApi.deleteAddress(form.id,id).then(()=>{
+      addresses = addresses.filter((a)=> a.id!=id)
+    }).catch((error)=>{console.log(error)})
+  }
+
 </script>
 
 <div class="mb-4 formgroup">
@@ -106,4 +128,30 @@
 
 <div class="mb-4 formgroup">
     <h2>Canaux de communication</h2>
+
+            {#each addresses as address (address.id) }
+                <div class="m-2">
+                    <div class="bg-stone-600 rounded flex inline px-2 py-1">
+                        <span>{address.type} : </span>
+                        <span class="font-bold">{address.address}</span>
+                        <button class="ml-4 pointer" onclick={()=>{handleDeleteAddress(address.id)}}>X</button>
+                    </div>
+                </div>
+            {/each}
+            <div class="flex gap-2 mt-6">
+                <div>
+                    <select bind:value={newAddress.type} class="textinput">
+                        <option>Email</option>
+                        <option>Telegram</option>
+                        <option>Whatsapp</option>
+                    </select>
+                </div>
+                <div class="flex-1">
+                    <input type="text" bind:value={newAddress.address} class="textinput" />
+                </div>
+                <div>
+                    <button class="bt" onclick={handleAddAddress}>Ajouter</button>
+                </div>
+            </div>
+
 </div>

backend/web/src/routes/(public)/register/+page.svelte

@@ -31,6 +31,12 @@
     if (!validateEmail(form.email)) {
       errors.set("email","Adresse email invalide !")
     }
+    if (!form.firstname) {
+      errors.set("firstname","Le prénom est obligatoire !")
+    }
+    if (!form.lastname) {
+      errors.set("lastname","Le nom est obligatoire !")
+    }
     if (form.password!==form.verifPassword) {
       errors.set("verifPassword","Les mots de pass ne correspondent pas.")
     }

backend/web/src/routes/layout.css

@@ -28,7 +28,7 @@ h2 {
 	@apply cursor-pointer;
 }
 .bt {
-	@apply cursor-pointer rounded bg-stone-200 px-4 py-2 hover:bg-stone-300 dark:bg-stone-800 dark:hover:bg-stone-700;
+	@apply cursor-pointer rounded bg-stone-200 px-4 py-1 hover:bg-stone-300 dark:bg-stone-800 dark:hover:bg-stone-700;
 }
 .menuitem {
 	@apply text-stone-800 text-stone-950 dark:text-stone-300 hover:dark:text-stone-50;