From 229f2097fd191272ece9e9fe894c492d3af4ec61 Mon Sep 17 00:00:00 2001
From: Lilian <lilian@couchet.org>
Date: Tue, 28 Feb 2023 20:08:40 +0100
Subject: [PATCH] add titles head

---
 frontend/src/routes/+layout.svelte            |   5 +
 frontend/src/routes/dashboard/+page.svelte    |   4 +-
 .../routes/exercices/[[slug]]/+page.svelte    |   4 +-
 frontend/src/routes/room/+page.svelte         |   4 +-
 .../src/routes/room/[...slug]/+page.svelte    |   4 +
 frontend/src/routes/room/create/+page.svelte  |   4 +-
 frontend/src/routes/signin/+page.svelte       |   4 +-
 frontend/src/routes/signup/+page.svelte       | 163 +++++++++---------
 8 files changed, 110 insertions(+), 82 deletions(-)

diff --git a/frontend/src/routes/+layout.svelte b/frontend/src/routes/+layout.svelte
index a23f0ad..45d76cf 100644
--- a/frontend/src/routes/+layout.svelte
+++ b/frontend/src/routes/+layout.svelte
@@ -15,6 +15,11 @@
 
 </script>
 
+<svelte:head>
+    <title>Générateur d'exercices</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="icon" type="image/png" href="/favicon.png">
+</svelte:head>
 
 <Notification>
     <Navigation>
diff --git a/frontend/src/routes/dashboard/+page.svelte b/frontend/src/routes/dashboard/+page.svelte
index 20a5fa1..511fd3c 100644
--- a/frontend/src/routes/dashboard/+page.svelte
+++ b/frontend/src/routes/dashboard/+page.svelte
@@ -32,7 +32,9 @@
   $: !$initialLoading && !$isAuth && goto("/");
 
 </script>
-
+<svelte:head>
+  <title>Profil - {$user != null ? $user.username: ""}</title>
+</svelte:head>
 <div>
   {#if $user != null}
     <h1>Mon compte</h1>
diff --git a/frontend/src/routes/exercices/[[slug]]/+page.svelte b/frontend/src/routes/exercices/[[slug]]/+page.svelte
index 5209806..aa4ad15 100644
--- a/frontend/src/routes/exercices/[[slug]]/+page.svelte
+++ b/frontend/src/routes/exercices/[[slug]]/+page.svelte
@@ -3,5 +3,7 @@
 
   /** @type {import('./$types').PageData} */  
 </script>
-
+<svelte:head>
+  <title>Exercices</title>
+</svelte:head>
 <Feed />
\ No newline at end of file
diff --git a/frontend/src/routes/room/+page.svelte b/frontend/src/routes/room/+page.svelte
index f48720e..c422964 100644
--- a/frontend/src/routes/room/+page.svelte
+++ b/frontend/src/routes/room/+page.svelte
@@ -11,7 +11,9 @@
         <button class="primary-btn" on:click={()=>{goto('/room/create')}}>Créer</button>
     </div>
 </div>
-
+<svelte:head>
+    <title>Rejoindre</title>
+</svelte:head>
 <style lang="scss">
     h1{
         font-size: 4rem;
diff --git a/frontend/src/routes/room/[...slug]/+page.svelte b/frontend/src/routes/room/[...slug]/+page.svelte
index 8382cf3..682faa3 100644
--- a/frontend/src/routes/room/[...slug]/+page.svelte
+++ b/frontend/src/routes/room/[...slug]/+page.svelte
@@ -463,6 +463,10 @@
 
 </script>
 
+<svelte:head>
+  <title>{$room != null ? $room.name: "Salle - Chargement"}</title>
+</svelte:head>
+
 <div class="container">
   <div class="full" class:fade>
     {#if $page.url.searchParams.get('a') == "waiting"}
diff --git a/frontend/src/routes/room/create/+page.svelte b/frontend/src/routes/room/create/+page.svelte
index 80ca869..acd919a 100644
--- a/frontend/src/routes/room/create/+page.svelte
+++ b/frontend/src/routes/room/create/+page.svelte
@@ -48,7 +48,9 @@
     </button>
   </form>
 </div>
-
+<svelte:head>
+  <title>Créer une salle</title>
+</svelte:head>
 <style lang="scss">
   h1 {
     font-size: 3em;
diff --git a/frontend/src/routes/signin/+page.svelte b/frontend/src/routes/signin/+page.svelte
index 928d0a7..ddcb111 100644
--- a/frontend/src/routes/signin/+page.svelte
+++ b/frontend/src/routes/signin/+page.svelte
@@ -13,7 +13,9 @@
 	}
 	let loading = false
 </script>
-
+<svelte:head>
+	<title>Se connecter</title>
+</svelte:head>
 <div class="parent">
 	<div>
 		<h1>Se connecter</h1>
diff --git a/frontend/src/routes/signup/+page.svelte b/frontend/src/routes/signup/+page.svelte
index 73f3b85..ce3b053 100644
--- a/frontend/src/routes/signup/+page.svelte
+++ b/frontend/src/routes/signup/+page.svelte
@@ -1,68 +1,74 @@
 <script lang="ts">
-	import InputWithLabel from '../../components/forms/InputWithLabel.svelte';
-	import { form, field } from 'svelte-forms';
-	import { getContext, onMount } from 'svelte';
-	import { required, max, min, matchField, pattern } from 'svelte-forms/validators';
-	import { errorMsg } from '../../utils/forms';
-	import { writable } from 'svelte/store';
-	import { goto } from '$app/navigation';
-	let errors = {
-		password_error: null,
-		username_error: null,
-		confirm_error: null
-	};
-	const { register, isAuth, initialLoading } = getContext('auth');
-	const username = field('username', '', [required(), max(20)]);
-	const password = field('password', '', [required(), min(8), pattern(/[0-9]/), pattern(/[A-Z]/)]);
-	const confirm = field('confirm', '', [required(), matchField(password)]);
-	const myForm = form(username, password, confirm);
+  import InputWithLabel from "../../components/forms/InputWithLabel.svelte";
+  import { form, field } from "svelte-forms";
+  import { getContext, onMount } from "svelte";
+  import { required, max, min, matchField, pattern } from "svelte-forms/validators";
+  import { errorMsg } from "../../utils/forms";
+  import { writable } from "svelte/store";
+  import { goto } from "$app/navigation";
 
-	$: !$initialLoading && !!$isAuth && goto('/dashboard');
-	let loading = false
+  let errors = {
+    password_error: null,
+    username_error: null,
+    confirm_error: null
+  };
+  const { register, isAuth, initialLoading } = getContext("auth");
+  const username = field("username", "", [required(), max(20)]);
+  const password = field("password", "", [required(), min(8), pattern(/[0-9]/), pattern(/[A-Z]/)]);
+  const confirm = field("confirm", "", [required(), matchField(password)]);
+  const myForm = form(username, password, confirm);
+
+  $: !$initialLoading && !!$isAuth && goto("/dashboard");
+  let loading = false;
 </script>
 
+
+<svelte:head>
+  <title>S'inscrire</title>
+</svelte:head>
+
 <div class="parent">
-	<div>
-		<h1>S'inscrire</h1>
-		<InputWithLabel
-			change={(e) => {
+  <div>
+    <h1>S'inscrire</h1>
+    <InputWithLabel
+      change={(e) => {
 				errors.username_error = null;
 			}}
-			type="text"
-			bind:value={$username.value}
-			label="Nom d'utilisateur"
-			errors={[
+      type="text"
+      bind:value={$username.value}
+      label="Nom d'utilisateur"
+      errors={[
 				...errorMsg($myForm, 'username'),
 				...(errors.username_error != null ? [errors.username_error] : [])
 			]}
-		/>
-		<InputWithLabel
-			change={(e) => {
+    />
+    <InputWithLabel
+      change={(e) => {
 				errors.password_error = null;
 			}}
-			type="password"
-			bind:value={$password.value}
-			label="Mot de passe"
-			errors={[
+      type="password"
+      bind:value={$password.value}
+      label="Mot de passe"
+      errors={[
 				...errorMsg($myForm, 'password'),
 				...(errors.password_error != null ? [errors.password_error] : [])
 			]}
-		/>
-		<InputWithLabel
-			type="password"
-			change={(e) => {
+    />
+    <InputWithLabel
+      type="password"
+      change={(e) => {
 				errors.confirm_error = null;
 			}}
-			bind:value={$confirm.value}
-			label="Confirmation"
-			errors={[
+      bind:value={$confirm.value}
+      label="Confirmation"
+      errors={[
 				...errorMsg($myForm, 'confirm'),
 				...(errors.confirm_error != null ? [errors.confirm_error] : [])
 			]}
-		/>
-		<button
-			class="primary-btn"
-			on:click={() => {
+    />
+    <button
+      class="primary-btn"
+      on:click={() => {
 				loading = true
 				register($username.value, $password.value, $confirm.value).then(()=>{loading=false}).catch((r) => {
 					loading = false
@@ -71,39 +77,42 @@
 					errors = { ...errors, ...r.data.detail };
 				});
 			}}
-			disabled={!$myForm.valid}
-		>
-<!--			loading et span.spinner else text-->
-			{#if loading}
-				<span class="spinner"></span>
-			{:else}
-				S'inscrire
-			{/if}
-		</button>
-	</div>
+      disabled={!$myForm.valid}
+    >
+      <!--			loading et span.spinner else text-->
+      {#if loading}
+        <span class="spinner"></span>
+      {:else}
+        S'inscrire
+      {/if}
+    </button>
+  </div>
 </div>
 
 <style lang="scss">
-	h1 {
-		font-size: 4em;
-	}
-	.parent {
-		width: 100%;
-		display: flex;
-		justify-content: center;
-		margin-top: 50px;
-		div {
-			display: flex;
-			flex-direction: column;
-			align-items: center;
-			gap: 20px;
-			width: min(100%, 666px);
-			padding: 7px 20px;
-		}
-	}
-	.spinner{
-		width: 15px;
-		height: 15px;
-		border-width: 2px!important;
-	}
+  h1 {
+    font-size: 4em;
+  }
+
+  .parent {
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    margin-top: 50px;
+
+    div {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 20px;
+      width: min(100%, 666px);
+      padding: 7px 20px;
+    }
+  }
+
+  .spinner {
+    width: 15px;
+    height: 15px;
+    border-width: 2px !important;
+  }
 </style>