feat: astro template for front and fix login(#13)

Reviewed-on: #13
Co-authored-by: Clement <c.boesmier@aptatio.com>
Co-committed-by: Clement <c.boesmier@aptatio.com>

front/src/pages/account/register.astro

@@ -1,77 +1,97 @@
 ---
-import Layout from 'layouts/Layout.astro';
+import Layout from 'layouts/PageLayout.astro';
+//import Layout from 'layouts/Layout.astro';
 import AstroUtils from 'libs/AstroUtils';
 import { getEnv } from 'libs/Env';
+import ContactUs from 'components/widgets/Contact.astro';
+import Oauth from 'components/Oauth.astro';
 
 const pb = Astro.locals.pb
 
-const oauths = await pb.collection('users').listAuthMethods();
-
-
-console.log(JSON.stringify(oauths.authProviders[0]));
-
-let secure = true
-if (getEnv('NODE_ENV', 'production') !== 'production') {
-    secure = false
-}
-
-Astro.cookies.set('provider', oauths.authProviders[0],{
-		httpOnly: true,
-		path: '/',
-		secure: secure,
-		sameSite: 'lax',
-		maxAge: 365000
-	})
-
 if(pb.authStore.isValid){
     return Astro.redirect("/account")
 }
 
+let loged = false
+
 await AstroUtils.wrap(async () => {
     if (Astro.request.method !== 'POST'){
         return
     }
     const form = await Astro.request.formData()
-    if(form.get("type") == "userPassword"){
-        const request = {
-            username: form.get("username") as string,
-            name: form.get("name") as string,
-            email: form.get("email") as string,
-            password: form.get("password") as string,
-            passwordConfirm: form.get("passwordConfirm") as string,
-        }
-        try{
-            await pb.collection('users').create(request)
-            return Astro.redirect('/account/login')
-        }catch(e){
-            console.log(e);
-        }
-    }else if (form.get("type") == "discord2FA") {
-        // console.log("pouet")
-        // await pb.collection('user').authWithOAuth2({provider: 'discord'})
-        // console.log("pouetF");
-        
-    }else{
-        Astro.redirect("/404")
+    const request = {
+        username: form.get("username") as string,
+        name: form.get("name") as string,
+        email: form.get("email") as string,
+        password: form.get("password") as string,
+        passwordConfirm: form.get("passwordConfirm") as string,
     }
-})
+    try{
+        await pb.collection('users').create(request)
+        loged = true
+      }catch(e){
+        console.log(e);
+      }
+    })
+if (loged) {
+  return Astro.redirect('/account/login')
+}
+
+const metadata = {
+  title: 'Register',
+  ignoreTitleTemplate: true,
+};
 ---
 
-<Layout title="register">
-    <form id="account-creation" method="post" enctype="multipart/form-data">
-        <input type="hidden" name="type" value="userPassword">
-        <input required name="name" placeholder="Prénom Nom"/>
-        <input required name="username" placeholder="Pseudo"/>
-        <input required name="email" type="email" placeholder="Renseignez votre email" />
-        <input required name="password" type="password" placeholder="Créez un mot de passe" />
-        <input required name="passwordConfirm" type="password" placeholder="Confirmer votre mot de passe" />
-        <button>Créer un compte</button>
-    </form>
+<Layout metadata={metadata}>
 
-    <button id="OauthDiscord">connexion avec discord</button>
-    <form method="post" enctype="multipart/form-data">
-        <input type="hidden" name="type" value="discord2FA">
-    </form>
-    <a href={oauths.authProviders[0].authUrl + Astro.url.protocol + "//" + Astro.url.host + '/account/oauth'}>discord?</a>
+  <ContactUs
+    formid='account-creation'
+    title='Inscription'
+    subtitle="inscrivez vous pour sauvegardez vos recherche"
+    button='Créer un compte'
+    method='post'
+    enctype="multipart/form-data"
+    inputs={[
+      {
+        type: 'text',
+        name: 'name',
+        label: 'Prénom Nom',
+        placeholder: "Michel Biche"
+      },{
+        type: 'text',
+        name: 'username',
+        label: 'Nom d\'utilisateur',
+        placeholder: "michel85"
+      },{
+        type: 'email',
+        name: 'email',
+        label: 'Adresse email',
+        placeholder: "michel@example.com"
+      },{
+        type: 'password',
+        name: 'password',
+        label: 'Créez un mot de passe',
+      },{
+        type: 'password',
+        name: 'passwordConfirm',
+        label: 'Confirmer votre mot de passe',
+      },
+    ]}
+  />
+  <Oauth/>
+  <form id="account-creation" method="post" enctype="multipart/form-data">
+    <input type="hidden" name="type" value="userPassword">
+    <input required name="name" placeholder="Prénom Nom"/>
+    <input required name="username" placeholder="Pseudo"/>
+    <input required name="email" type="email" placeholder="Renseignez votre email" />
+    <input required name="password" type="password" placeholder="Créez un mot de passe" />
+    <input required name="passwordConfirm" type="password" placeholder="Confirmer votre mot de passe" />
+    <button>Créer un compte</button>
+</form>
+
+<button id="OauthDiscord">connexion avec discord</button>
+<form method="post" enctype="multipart/form-data">
+    <input type="hidden" name="type" value="discord2FA">
+</form>
 </Layout>
-