From 5b7206be5ba83d6711a5f82a47a5b03e144a6ff1 Mon Sep 17 00:00:00 2001
From: jimafisk <jimafisk@gmail.com>
Date: Wed, 23 Aug 2023 21:51:10 -0400
Subject: [PATCH] Add login.

---
 layouts/global/html.svelte | 11 ++++++++---
 layouts/global/nav.svelte  | 12 ++++++++++--
 2 files changed, 18 insertions(+), 5 deletions(-)
diff --git a/layouts/global/html.svelte b/layouts/global/html.svelte
index d771f9f..85b0805 100755
--- a/layouts/global/html.svelte
+++ b/layouts/global/html.svelte
@@ -2,13 +2,18 @@
   import Head from './head.svelte';
   import Nav from './nav.svelte';
 
-  export let layout, content, allContent;
+  export let layout, content, allContent, user, admin;
 </script>
 
 <html lang="en">
 <Head title={content.filename} />
 <body>
-  <Nav {allContent} {content} />
-  <svelte:component this={layout} {...content.fields} {allContent} />
+  {#if user && $user.isAuthenticated}
+    <svelte:component this={$user.menu} bind:content {user} />
+  {/if}
+  <main>
+    <Nav {allContent} {content} {user} />
+    <svelte:component this={layout} {...content.fields} {allContent} />
+  </main>
 </body>
 </html>
diff --git a/layouts/global/nav.svelte b/layouts/global/nav.svelte
index e7aabf5..e2e6b2c 100644
--- a/layouts/global/nav.svelte
+++ b/layouts/global/nav.svelte
@@ -1,5 +1,5 @@
 <script>
-  export let allContent, content;
+  export let allContent, content, user;
 
   let lang = content.path.split('/')[1]; // set default language
 
@@ -12,7 +12,7 @@
   <span id="page-links">
   {#each allContent as page}
     {#if page.path.startsWith('pages/'+lang) && page.filename == '_index.json'}
-      <a href="/{page.path}">Home</a>
+      <a href="/{page.path}">{lang == 'en' ? 'Home' : 'Maison'}</a>
     {/if}
   {/each}
   </span>
@@ -29,6 +29,14 @@
       <a href="/{page.path}">{page.fields.title}</a>
     {/if}
   {/each}
+  {#if user && $user.isAuthenticated}
+    <button on:click|preventDefault={$user.logout()}>{lang == 'en' ? 'Logout' : 'Se déconnecter'}</button>
+  {:else}
+    <button on:click|preventDefault={$user.login()}>{lang == 'en' ? 'Login' : 'Se connecter'}</button>
+  {/if}
+  </span>
+
+  <span id="auth">
   </span>
 
 </nav>
