From 8c2397c4cfac20f035fd24c3415b87c478886e96 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 5 Mar 2024 00:15:52 +0100
Subject: [PATCH 01/32] Base for rest api utilisation

The restConsumer will be the base, then I will create a js file per
"object" (for instance there will be users.js with all endpoints for
users using the restConsumer.js)
---
 frontend/src/i18n.js              | 18 ++----------------
 frontend/src/rest/restConsumer.js | 24 ++++++++++++++++++++++++
 frontend/src/utils.js             | 17 +++++++++++++++++
 3 files changed, 43 insertions(+), 16 deletions(-)
 create mode 100644 frontend/src/rest/restConsumer.js
 create mode 100644 frontend/src/utils.js

diff --git a/frontend/src/i18n.js b/frontend/src/i18n.js
index 02fba50..2b0a2a4 100644
--- a/frontend/src/i18n.js
+++ b/frontend/src/i18n.js
@@ -9,6 +9,8 @@
  *
  */
 
+import { getCookie } from './utils.js';
+
 const default_lang = "EN";
 let langs;
 
@@ -44,22 +46,6 @@ export default i18n;
 // Those functions are utility functions use by previous exported functions.
 //
 
-/**
- * Return the content of a cookie with specified key
- * @param key cookie name
- */
-function getCookie(key){
-	key = key + "="
-	let cookies = decodeURIComponent(document.cookie).split(";");
-	for (let el of cookies) {
-		el = el.trimStart();
-		if(el.indexOf(key) == 0){
-			return el.substr(key.length, el.length);
-		}
-	}
-	return "";
-}
-
 /**
  * Function that load the file with translation from the specified lang and return a dictionnary
  * @param select the language to load. could be null to fetch the cookies for an answer
diff --git a/frontend/src/rest/restConsumer.js b/frontend/src/rest/restConsumer.js
new file mode 100644
index 0000000..a83087c
--- /dev/null
+++ b/frontend/src/rest/restConsumer.js
@@ -0,0 +1,24 @@
+import { getCookie } from './utils.js'
+
+const restURL = import.meta.env.PROD ? "https://clyde.herisson.ovh/api" : "http://localhost:8080"
+
+export async function restGet(endPoint) {
+	return await _rest(endPoint, {method: "GET"});
+}
+
+export async function restPost(endPoint, data) {
+	return await _rest(endPoint, {method: "POST", body: data});
+	
+}
+
+export async function restDelete(endPoint, data) {
+	return await _rest(endPoint, {method: "POST", body: data});
+}
+
+async function _rest(endPoint, config){
+	endPoint.at(0) != "/" ? console.error("Carefull, you certainly should put a / at the begenning of your endPoint ") : true;
+	let session_token = getCookie("session_token");
+	let headers = new Headers({'Authorization': session_token});
+	config['headers'] = headers;
+	return fetch(restURL + endPoint, config).then( e => e.json());
+}
diff --git a/frontend/src/utils.js b/frontend/src/utils.js
new file mode 100644
index 0000000..e79eec4
--- /dev/null
+++ b/frontend/src/utils.js
@@ -0,0 +1,17 @@
+/**
+ * Return the content of a cookie with specified key
+ * @param key cookie name
+ */
+function getCookie(key){
+	key = key + "="
+	let cookies = decodeURIComponent(document.cookie).split(";");
+	for (let el of cookies) {
+		el = el.trimStart();
+		if(el.indexOf(key) == 0){
+			return el.substr(key.length, el.length);
+		}
+	}
+	return "";
+}
+
+export {getCookie};

From 09d5e1c293307265e0ce2547187f293cc69fb64e Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 5 Mar 2024 11:48:04 +0100
Subject: [PATCH 02/32] Document rest

---
 frontend/src/rest/restConsumer.js | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/frontend/src/rest/restConsumer.js b/frontend/src/rest/restConsumer.js
index a83087c..b57839d 100644
--- a/frontend/src/rest/restConsumer.js
+++ b/frontend/src/rest/restConsumer.js
@@ -8,17 +8,27 @@ export async function restGet(endPoint) {
 
 export async function restPost(endPoint, data) {
 	return await _rest(endPoint, {method: "POST", body: data});
-	
 }
 
 export async function restDelete(endPoint, data) {
-	return await _rest(endPoint, {method: "POST", body: data});
+	return await _rest(endPoint, {method: "DELETE", body: data});
 }
 
+/**
+ * backbone for the request made by the frontend
+ *
+ * specification
+ *  - If the user has "session_token" cookie set, it will use it in the authorization field of the http request
+ *  - The result will be returned as a json to access fields easily ( the backend should send json response )
+ *
+ *  @Example _rest("/ping", {user: data}) -> {id:0, txt:"pong"}
+ */
 async function _rest(endPoint, config){
 	endPoint.at(0) != "/" ? console.error("Carefull, you certainly should put a / at the begenning of your endPoint ") : true;
 	let session_token = getCookie("session_token");
 	let headers = new Headers({'Authorization': session_token});
 	config['headers'] = headers;
 	return fetch(restURL + endPoint, config).then( e => e.json());
+
+	// TODO: Handle errors
 }

From 837db9aba98c5c1e4d0c83a99ffb0c5695233003 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 5 Mar 2024 13:18:57 +0100
Subject: [PATCH 03/32] backbone for login

---
 frontend/src/Login.vue            | 17 +++++++++++++----
 frontend/src/rest/Users.js        |  5 +++++
 frontend/src/rest/restConsumer.js |  2 +-
 3 files changed, 19 insertions(+), 5 deletions(-)
 create mode 100644 frontend/src/rest/Users.js

diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index 52e7e19..e0d949a 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -1,16 +1,25 @@
+<script setup>
+	import { ref } from 'vue'
+	import { login } from './rest/Users.js'
+	
+	const username = ref("");	
+	const password = ref("");
+
+</script>
+
 <template>
   <body>
     <div class="logBoxCenterer">
       <div class='loginBox'>
-        <div class="form">
+		 <form @submit.prevent="login(username, password)" class="form">
           <h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
           <div class="inputBox">
             <p>USERNAME</p>
-            <input type="text" required>
+            <input v-model="username" type="text" required>
           </div>
           <div class="inputBox">
             <p>PASSWORD</p>
-            <input type="password" required>
+            <input v-model=password type="password" required>
           </div>
           <div class="register">
             <a>Register</a>
@@ -18,7 +27,7 @@
           <div class="inputBox">
             <input type="submit" value="Login">
           </div>
-        </div>
+        </form>
       </div>
     </div>
   </body>
diff --git a/frontend/src/rest/Users.js b/frontend/src/rest/Users.js
new file mode 100644
index 0000000..2f414df
--- /dev/null
+++ b/frontend/src/rest/Users.js
@@ -0,0 +1,5 @@
+import { restGet, restPost } from './restConsumer.js'
+
+export async function login(user, pass, exp){
+	restPost("/login", {login: user, password: pass, expiration: exp})
+}
diff --git a/frontend/src/rest/restConsumer.js b/frontend/src/rest/restConsumer.js
index b57839d..4632b5f 100644
--- a/frontend/src/rest/restConsumer.js
+++ b/frontend/src/rest/restConsumer.js
@@ -1,4 +1,4 @@
-import { getCookie } from './utils.js'
+import { getCookie } from '../utils.js'
 
 const restURL = import.meta.env.PROD ? "https://clyde.herisson.ovh/api" : "http://localhost:8080"
 

From d1b4023d9216d386a9e2d9f8bde148782b75b159 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 5 Mar 2024 14:58:56 +0100
Subject: [PATCH 04/32] adding register

---
 frontend/src/rest/Users.js | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/rest/Users.js b/frontend/src/rest/Users.js
index 2f414df..b74c9b8 100644
--- a/frontend/src/rest/Users.js
+++ b/frontend/src/rest/Users.js
@@ -1,5 +1,10 @@
 import { restGet, restPost } from './restConsumer.js'
 
 export async function login(user, pass, exp){
-	restPost("/login", {login: user, password: pass, expiration: exp})
+	return restPost("/login", {login: user, password: pass, expiration: exp});
+	//TODO: set token in cookies
+}
+
+export async function register(user, pass, mail){
+	return restPost("/user", {name: user, password: pass, mail: mail});
 }

From 56a14a3e8a36e4394d79a6aa05fa2e8f00da361c Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 5 Mar 2024 14:25:04 +0100
Subject: [PATCH 05/32] adding toast on requests

---
 frontend/src/login.js             |  1 +
 frontend/src/rest/restConsumer.js | 13 ++++++++++---
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/login.js b/frontend/src/login.js
index 3ca2456..5e4180d 100644
--- a/frontend/src/login.js
+++ b/frontend/src/login.js
@@ -1,4 +1,5 @@
 import './assets/main.css'
+import 'vue3-toastify/dist/index.css';
 
 import { createApp } from 'vue'
 import App from './Login.vue'
diff --git a/frontend/src/rest/restConsumer.js b/frontend/src/rest/restConsumer.js
index 4632b5f..2c240c6 100644
--- a/frontend/src/rest/restConsumer.js
+++ b/frontend/src/rest/restConsumer.js
@@ -1,4 +1,5 @@
 import { getCookie } from '../utils.js'
+import { toast } from 'vue3-toastify'
 
 const restURL = import.meta.env.PROD ? "https://clyde.herisson.ovh/api" : "http://localhost:8080"
 
@@ -28,7 +29,13 @@ async function _rest(endPoint, config){
 	let session_token = getCookie("session_token");
 	let headers = new Headers({'Authorization': session_token});
 	config['headers'] = headers;
-	return fetch(restURL + endPoint, config).then( e => e.json());
-
-	// TODO: Handle errors
+	return toast.promise(fetch(restURL + endPoint, config),
+		{
+			pending: config['pending'] != null ? config['pending'] : 'pending',
+			error: config['error'] != null ? config['error'] : 'Network Failure...',
+			success: config['success'] != null ? config['success'] : {render(res){
+				return res.ok ? "Success" : "error";
+			}},
+		})
+		.then( e => e.json()).catch( e => e );
 }

From 1f6904043656597236b28bd5978643a939ffabbc Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 5 Mar 2024 19:31:35 +0100
Subject: [PATCH 06/32] adding patch to restConsumer

---
 frontend/src/rest/restConsumer.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/rest/restConsumer.js b/frontend/src/rest/restConsumer.js
index 2c240c6..25729bd 100644
--- a/frontend/src/rest/restConsumer.js
+++ b/frontend/src/rest/restConsumer.js
@@ -15,6 +15,10 @@ export async function restDelete(endPoint, data) {
 	return await _rest(endPoint, {method: "DELETE", body: data});
 }
 
+export async function restPatch(endPoint, data) {
+	return await _rest(endPoint, {method: "PATCH", body: data});
+}
+
 /**
  * backbone for the request made by the frontend
  *

From 6289be529a5b2d949989008f7ed8c7f2e301eba2 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 5 Mar 2024 23:59:12 +0100
Subject: [PATCH 07/32] package-lock was forgoten

---
 frontend/package-lock.json | 642 -------------------------------------
 1 file changed, 642 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index f1c941f..3165c6e 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -13,7 +13,6 @@
       },
       "devDependencies": {
         "@vitejs/plugin-vue": "^5.0.3",
-        "@vue/test-utils": "^2.4.4",
         "jsdom": "^24.0.0",
         "vite": "^5.0.11"
       }
@@ -397,44 +396,11 @@
         "node": ">=12"
       }
     },
-    "node_modules/@isaacs/cliui": {
-      "version": "8.0.2",
-      "resolved": "https://registry.npmjs.org/@isaacs/cliui/-/cliui-8.0.2.tgz",
-      "integrity": "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA==",
-      "dev": true,
-      "dependencies": {
-        "string-width": "^5.1.2",
-        "string-width-cjs": "npm:string-width@^4.2.0",
-        "strip-ansi": "^7.0.1",
-        "strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-        "wrap-ansi": "^8.1.0",
-        "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
     "node_modules/@jridgewell/sourcemap-codec": {
       "version": "1.4.15",
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
-    "node_modules/@one-ini/wasm": {
-      "version": "0.1.1",
-      "resolved": "https://registry.npmjs.org/@one-ini/wasm/-/wasm-0.1.1.tgz",
-      "integrity": "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw==",
-      "dev": true
-    },
-    "node_modules/@pkgjs/parseargs": {
-      "version": "0.11.0",
-      "resolved": "https://registry.npmjs.org/@pkgjs/parseargs/-/parseargs-0.11.0.tgz",
-      "integrity": "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==",
-      "dev": true,
-      "optional": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.12.0.tgz",
@@ -723,34 +689,6 @@
       "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.4.19.tgz",
       "integrity": "sha512-/KliRRHMF6LoiThEy+4c1Z4KB/gbPrGjWwJR+crg2otgrf/egKzRaCPvJ51S5oetgsgXLfc4Rm5ZgrKHZrtMSw=="
     },
-    "node_modules/@vue/test-utils": {
-      "version": "2.4.4",
-      "resolved": "https://registry.npmjs.org/@vue/test-utils/-/test-utils-2.4.4.tgz",
-      "integrity": "sha512-8jkRxz8pNhClAf4Co4ZrpAoFISdvT3nuSkUlY6Ys6rmTpw3DMWG/X3mw3gQ7QJzgCZO9f+zuE2kW57fi09MW7Q==",
-      "dev": true,
-      "dependencies": {
-        "js-beautify": "^1.14.9",
-        "vue-component-type-helpers": "^1.8.21"
-      },
-      "peerDependencies": {
-        "@vue/server-renderer": "^3.0.1",
-        "vue": "^3.0.1"
-      },
-      "peerDependenciesMeta": {
-        "@vue/server-renderer": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/abbrev": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-2.0.0.tgz",
-      "integrity": "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ==",
-      "dev": true,
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
     "node_modules/agent-base": {
       "version": "7.1.0",
       "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.0.tgz",
@@ -763,57 +701,12 @@
         "node": ">= 14"
       }
     },
-    "node_modules/ansi-regex": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.0.1.tgz",
-      "integrity": "sha512-n5M855fKb2SsfMIiFFoVrABHJC8QtHwVx+mHWP3QcEqBHYienj5dHSgjbxtC0WEZXYt4wcD6zrQElDPhFuZgfA==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-regex?sponsor=1"
-      }
-    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
       "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
       "dev": true
     },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true
-    },
-    "node_modules/brace-expansion": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.1.tgz",
-      "integrity": "sha512-XnAIvQ8eM+kC6aULx6wuQiwVsnzsi9d3WxzV3FpWTGA19F621kwdbsAcFKXgKUHZWsy+mY6iL1sHTxWEFCytDA==",
-      "dev": true,
-      "dependencies": {
-        "balanced-match": "^1.0.0"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true
-    },
     "node_modules/combined-stream": {
       "version": "1.0.8",
       "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
@@ -826,39 +719,6 @@
         "node": ">= 0.8"
       }
     },
-    "node_modules/commander": {
-      "version": "10.0.1",
-      "resolved": "https://registry.npmjs.org/commander/-/commander-10.0.1.tgz",
-      "integrity": "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/config-chain": {
-      "version": "1.1.13",
-      "resolved": "https://registry.npmjs.org/config-chain/-/config-chain-1.1.13.tgz",
-      "integrity": "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ==",
-      "dev": true,
-      "dependencies": {
-        "ini": "^1.3.4",
-        "proto-list": "~1.2.1"
-      }
-    },
-    "node_modules/cross-spawn": {
-      "version": "7.0.3",
-      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz",
-      "integrity": "sha512-iRDPJKUPVEND7dHPO8rkbOnPpyDygcDFtWjpeWNCgy8WP2rXcxXL8TskReQl6OrB2G7+UJrags1q15Fudc7G6w==",
-      "dev": true,
-      "dependencies": {
-        "path-key": "^3.1.0",
-        "shebang-command": "^2.0.0",
-        "which": "^2.0.1"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
     "node_modules/cssstyle": {
       "version": "4.0.1",
       "resolved": "https://registry.npmjs.org/cssstyle/-/cssstyle-4.0.1.tgz",
@@ -921,36 +781,6 @@
         "node": ">=0.4.0"
       }
     },
-    "node_modules/eastasianwidth": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/eastasianwidth/-/eastasianwidth-0.2.0.tgz",
-      "integrity": "sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==",
-      "dev": true
-    },
-    "node_modules/editorconfig": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/editorconfig/-/editorconfig-1.0.4.tgz",
-      "integrity": "sha512-L9Qe08KWTlqYMVvMcTIvMAdl1cDUubzRNYL+WfA4bLDMHe4nemKkpmYzkznE1FwLKu0EEmy6obgQKzMJrg4x9Q==",
-      "dev": true,
-      "dependencies": {
-        "@one-ini/wasm": "0.1.1",
-        "commander": "^10.0.0",
-        "minimatch": "9.0.1",
-        "semver": "^7.5.3"
-      },
-      "bin": {
-        "editorconfig": "bin/editorconfig"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/emoji-regex": {
-      "version": "9.2.2",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-9.2.2.tgz",
-      "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
-      "dev": true
-    },
     "node_modules/entities": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
@@ -1000,22 +830,6 @@
         "@esbuild/win32-x64": "0.19.12"
       }
     },
-    "node_modules/foreground-child": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/foreground-child/-/foreground-child-3.1.1.tgz",
-      "integrity": "sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==",
-      "dev": true,
-      "dependencies": {
-        "cross-spawn": "^7.0.0",
-        "signal-exit": "^4.0.1"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/form-data": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.0.tgz",
@@ -1044,28 +858,6 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
-    "node_modules/glob": {
-      "version": "10.3.10",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-10.3.10.tgz",
-      "integrity": "sha512-fa46+tv1Ak0UPK1TOy/pZrIybNNt4HCv7SDzwyfiOZkvZLEbjsZkJBPtDHVshZjbecAoAGSC20MjLDG/qr679g==",
-      "dev": true,
-      "dependencies": {
-        "foreground-child": "^3.1.0",
-        "jackspeak": "^2.3.5",
-        "minimatch": "^9.0.1",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0",
-        "path-scurry": "^1.10.1"
-      },
-      "bin": {
-        "glob": "dist/esm/bin.mjs"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/html-encoding-sniffer": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/html-encoding-sniffer/-/html-encoding-sniffer-4.0.0.tgz",
@@ -1116,81 +908,12 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/ini": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
-      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
-      "dev": true
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/is-potential-custom-element-name": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/is-potential-custom-element-name/-/is-potential-custom-element-name-1.0.1.tgz",
       "integrity": "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ==",
       "dev": true
     },
-    "node_modules/isexe": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
-    },
-    "node_modules/jackspeak": {
-      "version": "2.3.6",
-      "resolved": "https://registry.npmjs.org/jackspeak/-/jackspeak-2.3.6.tgz",
-      "integrity": "sha512-N3yCS/NegsOBokc8GAdM8UcmfsKiSS8cipheD/nivzr700H+nsMOxJjQnvwOcRYVuFkdH0wGUvW2WbXGmrZGbQ==",
-      "dev": true,
-      "dependencies": {
-        "@isaacs/cliui": "^8.0.2"
-      },
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      },
-      "optionalDependencies": {
-        "@pkgjs/parseargs": "^0.11.0"
-      }
-    },
-    "node_modules/js-beautify": {
-      "version": "1.15.1",
-      "resolved": "https://registry.npmjs.org/js-beautify/-/js-beautify-1.15.1.tgz",
-      "integrity": "sha512-ESjNzSlt/sWE8sciZH8kBF8BPlwXPwhR6pWKAw8bw4Bwj+iZcnKW6ONWUutJ7eObuBZQpiIb8S7OYspWrKt7rA==",
-      "dev": true,
-      "dependencies": {
-        "config-chain": "^1.1.13",
-        "editorconfig": "^1.0.4",
-        "glob": "^10.3.3",
-        "js-cookie": "^3.0.5",
-        "nopt": "^7.2.0"
-      },
-      "bin": {
-        "css-beautify": "js/bin/css-beautify.js",
-        "html-beautify": "js/bin/html-beautify.js",
-        "js-beautify": "js/bin/js-beautify.js"
-      },
-      "engines": {
-        "node": ">=14"
-      }
-    },
-    "node_modules/js-cookie": {
-      "version": "3.0.5",
-      "resolved": "https://registry.npmjs.org/js-cookie/-/js-cookie-3.0.5.tgz",
-      "integrity": "sha512-cEiJEAEoIbWfCZYKWhVwFuvPX1gETRYPw6LlaTKoxD3s2AkXzkCjnp6h0V77ozyqj0jakteJ4YqDJT830+lVGw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      }
-    },
     "node_modules/jsdom": {
       "version": "24.0.0",
       "resolved": "https://registry.npmjs.org/jsdom/-/jsdom-24.0.0.tgz",
@@ -1231,15 +954,6 @@
         }
       }
     },
-    "node_modules/lru-cache": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-10.2.0.tgz",
-      "integrity": "sha512-2bIM8x+VAf6JT4bKAljS1qUWgMsqZRPGJS6FSahIMPVvctcNhyVp7AJu7quxOW9jwkryBReKZY5tY5JYv2n/7Q==",
-      "dev": true,
-      "engines": {
-        "node": "14 || >=16.14"
-      }
-    },
     "node_modules/magic-string": {
       "version": "0.30.7",
       "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.7.tgz",
@@ -1272,30 +986,6 @@
         "node": ">= 0.6"
       }
     },
-    "node_modules/minimatch": {
-      "version": "9.0.1",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.1.tgz",
-      "integrity": "sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==",
-      "dev": true,
-      "dependencies": {
-        "brace-expansion": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/minipass": {
-      "version": "7.0.4",
-      "resolved": "https://registry.npmjs.org/minipass/-/minipass-7.0.4.tgz",
-      "integrity": "sha512-jYofLM5Dam9279rdkWzqHozUo4ybjdZmCsDHePy5V/PbBcVMiSZR97gmAy45aqi8CK1lG2ECd356FU86avfwUQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.2",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.2.tgz",
@@ -1319,21 +1009,6 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
-    "node_modules/nopt": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/nopt/-/nopt-7.2.0.tgz",
-      "integrity": "sha512-CVDtwCdhYIvnAzFoJ6NJ6dX3oga9/HyciQDnG1vQDjSLMeKLJ4A93ZqYKDrgYSr1FBY5/hMYC+2VCi24pgpkGA==",
-      "dev": true,
-      "dependencies": {
-        "abbrev": "^2.0.0"
-      },
-      "bin": {
-        "nopt": "bin/nopt.js"
-      },
-      "engines": {
-        "node": "^14.17.0 || ^16.13.0 || >=18.0.0"
-      }
-    },
     "node_modules/nwsapi": {
       "version": "2.2.7",
       "resolved": "https://registry.npmjs.org/nwsapi/-/nwsapi-2.2.7.tgz",
@@ -1352,31 +1027,6 @@
         "url": "https://github.com/inikulin/parse5?sponsor=1"
       }
     },
-    "node_modules/path-key": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
-      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/path-scurry": {
-      "version": "1.10.1",
-      "resolved": "https://registry.npmjs.org/path-scurry/-/path-scurry-1.10.1.tgz",
-      "integrity": "sha512-MkhCqzzBEpPvxxQ71Md0b1Kk51W01lrYvlMzSUaIzNsODdd7mqhiimSZlr+VegAz5Z6Vzt9Xg2ttE//XBhH3EQ==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^9.1.1 || ^10.0.0",
-        "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-      },
-      "engines": {
-        "node": ">=16 || 14 >=14.17"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/picocolors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
@@ -1409,12 +1059,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/proto-list": {
-      "version": "1.2.4",
-      "resolved": "https://registry.npmjs.org/proto-list/-/proto-list-1.2.4.tgz",
-      "integrity": "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA==",
-      "dev": true
-    },
     "node_modules/psl": {
       "version": "1.9.0",
       "resolved": "https://registry.npmjs.org/psl/-/psl-1.9.0.tgz",
@@ -1498,66 +1142,6 @@
         "node": ">=v12.22.7"
       }
     },
-    "node_modules/semver": {
-      "version": "7.6.0",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-7.6.0.tgz",
-      "integrity": "sha512-EnwXhrlwXMk9gKu5/flx5sv/an57AkRplG3hTK68W7FRDN+k+OWBj65M7719OkA82XLBxrcX0KSHj+X5COhOVg==",
-      "dev": true,
-      "dependencies": {
-        "lru-cache": "^6.0.0"
-      },
-      "bin": {
-        "semver": "bin/semver.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/semver/node_modules/lru-cache": {
-      "version": "6.0.0",
-      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
-      "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
-      "dev": true,
-      "dependencies": {
-        "yallist": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/shebang-command": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
-      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
-      "dev": true,
-      "dependencies": {
-        "shebang-regex": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/shebang-regex": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
-      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/signal-exit": {
-      "version": "4.1.0",
-      "resolved": "https://registry.npmjs.org/signal-exit/-/signal-exit-4.1.0.tgz",
-      "integrity": "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw==",
-      "dev": true,
-      "engines": {
-        "node": ">=14"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
     "node_modules/source-map-js": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
@@ -1566,102 +1150,6 @@
         "node": ">=0.10.0"
       }
     },
-    "node_modules/string-width": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-5.1.2.tgz",
-      "integrity": "sha512-HnLOCR3vjcY8beoNLtcjZ5/nxn2afmME6lhrDrebokqMap+XbeW8n9TXpPDOqdGK5qcI3oT0GKTW6wC7EMiVqA==",
-      "dev": true,
-      "dependencies": {
-        "eastasianwidth": "^0.2.0",
-        "emoji-regex": "^9.2.2",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/string-width-cjs": {
-      "name": "string-width",
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/string-width-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/string-width-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/strip-ansi?sponsor=1"
-      }
-    },
-    "node_modules/strip-ansi-cjs": {
-      "name": "strip-ansi",
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
     "node_modules/symbol-tree": {
       "version": "3.2.4",
       "resolved": "https://registry.npmjs.org/symbol-tree/-/symbol-tree-3.2.4.tgz",
@@ -1789,12 +1277,6 @@
         }
       }
     },
-    "node_modules/vue-component-type-helpers": {
-      "version": "1.8.27",
-      "resolved": "https://registry.npmjs.org/vue-component-type-helpers/-/vue-component-type-helpers-1.8.27.tgz",
-      "integrity": "sha512-0vOfAtI67UjeO1G6UiX5Kd76CqaQ67wrRZiOe7UAb9Jm6GzlUr/fC7CV90XfwapJRjpCMaZFhv1V0ajWRmE9Dg==",
-      "dev": true
-    },
     "node_modules/vue3-toastify": {
       "version": "0.2.1",
       "resolved": "https://registry.npmjs.org/vue3-toastify/-/vue3-toastify-0.2.1.tgz",
@@ -1871,124 +1353,6 @@
         "node": ">=18"
       }
     },
-    "node_modules/which": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
-      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
-      "dev": true,
-      "dependencies": {
-        "isexe": "^2.0.0"
-      },
-      "bin": {
-        "node-which": "bin/node-which"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/wrap-ansi": {
-      "version": "8.1.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-8.1.0.tgz",
-      "integrity": "sha512-si7QWI6zUMq56bESFvagtmzMdGOtoxfR+Sez11Mobfc7tm+VkUckk9bW2UeffTGVUbOksxmSw0AA2gs8g71NCQ==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^6.1.0",
-        "string-width": "^5.0.1",
-        "strip-ansi": "^7.0.1"
-      },
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs": {
-      "name": "wrap-ansi",
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi-cjs/node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
-      "dev": true,
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
     "node_modules/ws": {
       "version": "8.16.0",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.16.0.tgz",
@@ -2024,12 +1388,6 @@
       "resolved": "https://registry.npmjs.org/xmlchars/-/xmlchars-2.2.0.tgz",
       "integrity": "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw==",
       "dev": true
-    },
-    "node_modules/yallist": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
-      "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
-      "dev": true
     }
   }
 }

From e158fa1f87929e643ec93f12c4ba9b4947f17bf1 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Tue, 5 Mar 2024 13:18:57 +0100
Subject: [PATCH 08/32] backbone for login

---
 frontend/src/rest/Users.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/rest/Users.js b/frontend/src/rest/Users.js
index b74c9b8..1bc2884 100644
--- a/frontend/src/rest/Users.js
+++ b/frontend/src/rest/Users.js
@@ -2,9 +2,9 @@ import { restGet, restPost } from './restConsumer.js'
 
 export async function login(user, pass, exp){
 	return restPost("/login", {login: user, password: pass, expiration: exp});
-	//TODO: set token in cookies
 }
 
 export async function register(user, pass, mail){
 	return restPost("/user", {name: user, password: pass, mail: mail});
+	restPost("/login", {login: user, password: pass, expiration: exp})
 }

From aaaba0ddf3cd3b6b78c85408dcb3c5005a3b90e2 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Wed, 6 Mar 2024 14:08:39 +0100
Subject: [PATCH 09/32] User api first draft finished

---
 frontend/src/rest/Users.js | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

diff --git a/frontend/src/rest/Users.js b/frontend/src/rest/Users.js
index 1bc2884..9ca59a1 100644
--- a/frontend/src/rest/Users.js
+++ b/frontend/src/rest/Users.js
@@ -8,3 +8,21 @@ export async function register(user, pass, mail){
 	return restPost("/user", {name: user, password: pass, mail: mail});
 	restPost("/login", {login: user, password: pass, expiration: exp})
 }
+
+/**
+ * get informations on a specific user.
+ * Leaving the id empty will return the user's value based on his token
+ * if the user is not authenticated. then an empty array should be returned
+ */
+export async function getUser(id){
+	const endpoint = "/user" + id != null ? "/" + id : "";
+	return restGet(endpoint);
+}
+
+/**
+ * Reserved for secretary roles. Allow to list all user on the plateform
+ */
+export async function getAllUsers(){
+	return restGet("/users");
+}
+

From 3350533e74c4681b081a383f7a8b84ca84720125 Mon Sep 17 00:00:00 2001
From: Wawilski <Karpinskiwal@gmail.com>
Date: Wed, 6 Mar 2024 14:20:32 +0100
Subject: [PATCH 10/32] Register proto

---
 frontend/public/i18n/EN.txt |   2 +-
 frontend/public/i18n/FR.txt |   2 +-
 frontend/src/Login.vue      | 103 +++++++++++++++++++++++++++++-------
 3 files changed, 87 insertions(+), 20 deletions(-)

diff --git a/frontend/public/i18n/EN.txt b/frontend/public/i18n/EN.txt
index 8ffb03d..870abdb 100644
--- a/frontend/public/i18n/EN.txt
+++ b/frontend/public/i18n/EN.txt
@@ -4,5 +4,5 @@ login.guest.login=log in
 login.guest.register=register
 login.guest.welcome=Please Register here
 login.success=You are now registered as $name 
-
+login.guest.firstname= Firstname
 #=====================================================
diff --git a/frontend/public/i18n/FR.txt b/frontend/public/i18n/FR.txt
index caf4165..4f651ae 100644
--- a/frontend/public/i18n/FR.txt
+++ b/frontend/public/i18n/FR.txt
@@ -4,5 +4,5 @@ login.guest.login=s'identifier
 login.guest.register=s'enregistrer
 login.guest.welcome=Veuillez vous enregistrer ici
 login.success=Vous êtes maintenant identifié comme $name 
-
+login.guest.firstrname= Prénom
 #=====================================================
diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index 52e7e19..4c9250a 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -1,22 +1,85 @@
+<script setup>
+  import { ref } from 'vue'
+  import i18n from './i18n.js'
+  
+  const formname = i18n(login.guest.forname)
+  const login= ref(true)
+  const page = ref(0)
+
+  const message = ref("")
+</script>
+
+
 <template>
   <body>
     <div class="logBoxCenterer">
       <div class='loginBox'>
-        <div class="form">
-          <h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
-          <div class="inputBox">
-            <p>USERNAME</p>
-            <input type="text" required>
+      
+        <div v-if="login">
+          <div class="form">
+            <h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
+              <div class="inputBox">
+                <p>USERNAME</p>
+                
+                <input type="text" required>
+              </div>
+              <div class="inputBox">
+                <p>PASSWORD</p>
+                <input type="password" required>
+              </div>
+              <div class="register">
+                <a @click="login=!login">Register</a>
+              </div>
+              <div class="inputBox">
+                <input type="submit" value="Login">
+              </div>
+            </div>
           </div>
-          <div class="inputBox">
-            <p>PASSWORD</p>
-            <input type="password" required>
-          </div>
-          <div class="register">
-            <a>Register</a>
-          </div>
-          <div class="inputBox">
-            <input type="submit" value="Login">
+
+          <div v-else>
+            <div class="form">
+            <h1 style="color:rgb(239,60,168); font-family: sans-serif; text-align:center;">WELCOME TO THE UNIVERSITY</h1>
+
+            <div v-if="page=== 0">
+              <div class="inputBox">
+                <p>LASTNAME</p>
+                <input type="text" required>
+              </div>
+              <div class="inputBox">
+                <p>{{ forname }}</p>
+                <input type="text" required>
+              </div>
+              <div class="inputBox">
+                <p>PASSWORD</p>
+                <input type="password" required>
+              </div>
+              <div class="inputBox">
+                <button @click="page++">Next page</button>
+              </div>
+              <div @click="(login=!login) && (page=0)" class="register">
+                <a>Already Registered</a>
+              </div>
+            </div>
+            <div v-else>
+              <div class="inputBox">
+                <p>E-MAIL</p>
+                <input type="mail" required>
+              </div>
+              <div class="inputBox">
+                <p>ADDRESS</p>
+                <input type="text" required>
+              </div>
+              <div class="inputBox">
+                <p>COUNTRY</p>
+                <input type="text" required>
+              </div>
+              <div class="inputBox">
+                <button @click="page--">Last page</button>
+              </div>
+              <div @click="(login=!login) && (page=0)" class="register">
+                <a>Already Registered</a>
+              </div>
+            </div>
           </div>
         </div>
       </div>
@@ -83,20 +146,24 @@
 .register{
   color:rgb(239,60,168);
   width: 100%;
-  align-items:center;
   display:flex;
-  justify-content: center;
   cursor: pointer;
 }
 
-input[type = "submit"] {
+
+button , input[type = "submit"] {
+  margin-top:40px;
+  margin-bottom:20px;
   background-color: rgb(239,60,168);
   cursor: pointer;
   padding:10px;
   font-size:1.35em;
+  border:none;
+  border-radius:20px;
+
 }
 
-input[type = "submit"]:active{
+button:active , input[type = "submit"]:active{
   opacity:0.8;
 
 }

From 34a36f8b1e3e6b44c9cbfd1392526596743b6d7d Mon Sep 17 00:00:00 2001
From: Wawilski <Karpinskiwal@gmail.com>
Date: Wed, 6 Mar 2024 14:35:58 +0100
Subject: [PATCH 11/32] i18n try

---
 frontend/src/Login.vue | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index 4c9250a..1d74c4c 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -2,11 +2,10 @@
   import { ref } from 'vue'
   import i18n from './i18n.js'
   
-  const formname = i18n(login.guest.forname)
   const login= ref(true)
   const page = ref(0)
 
-  const message = ref("")
+  const message = ref(i18n("login.guest.login") )
 </script>
 
 
@@ -19,8 +18,7 @@
           <div class="form">
             <h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
               <div class="inputBox">
-                <p>USERNAME</p>
-                
+                <p>USERNAME</p> 
                 <input type="text" required>
               </div>
               <div class="inputBox">
@@ -40,13 +38,13 @@
             <div class="form">
             <h1 style="color:rgb(239,60,168); font-family: sans-serif; text-align:center;">WELCOME TO THE UNIVERSITY</h1>
 
-            <div v-if="page=== 0">
+            <div v-if="page === 0">
               <div class="inputBox">
                 <p>LASTNAME</p>
                 <input type="text" required>
               </div>
               <div class="inputBox">
-                <p>{{ forname }}</p>
+                <p>{{ message }}</p>
                 <input type="text" required>
               </div>
               <div class="inputBox">

From d9ec085d2c12487ade8534d6c8117f47d2a73a76 Mon Sep 17 00:00:00 2001
From: Wawilski <Karpinskiwal@gmail.com>
Date: Wed, 6 Mar 2024 17:41:18 +0100
Subject: [PATCH 12/32] Inputs setup

---
 frontend/public/i18n/EN.txt | 19 ++++++--
 frontend/public/i18n/FR.txt | 19 ++++++--
 frontend/src/Login.vue      | 94 ++++++++++++++++++++++++-------------
 frontend/src/i18n.js        |  2 +-
 4 files changed, 90 insertions(+), 44 deletions(-)

diff --git a/frontend/public/i18n/EN.txt b/frontend/public/i18n/EN.txt
index 870abdb..ab7f59d 100644
--- a/frontend/public/i18n/EN.txt
+++ b/frontend/public/i18n/EN.txt
@@ -1,8 +1,17 @@
 # English translations (some examples to remove)
 
-login.guest.login=log in
-login.guest.register=register
-login.guest.welcome=Please Register here
-login.success=You are now registered as $name 
-login.guest.firstname= Firstname
+login.guest.signin=Sign in
+login.guest.register=Register
+login.guest.alregister=Already Registered
+login.guest.welcome=WELCOME TO THE UNIVERSITY
+login.guest.email=E-MAIL 
+login.guest.firstname= FIRSTNAME
+login.guest.surname=SURNAME
+login.guest.country=COUNTRY
+login.guest.address=ADDRESS
+login.guest.password=PASSWORD
+login.guest.nextpage=Next Page
+login.guest.lastpage=Last Page
+login.guest.submit=Submit
+
 #=====================================================
diff --git a/frontend/public/i18n/FR.txt b/frontend/public/i18n/FR.txt
index 4f651ae..b21259b 100644
--- a/frontend/public/i18n/FR.txt
+++ b/frontend/public/i18n/FR.txt
@@ -1,8 +1,17 @@
 # Traductions françaises (Quelques examples a enlever)
 
-login.guest.login=s'identifier
-login.guest.register=s'enregistrer
-login.guest.welcome=Veuillez vous enregistrer ici
-login.success=Vous êtes maintenant identifié comme $name 
-login.guest.firstrname= Prénom
+login.guest.signin=SE CONNECTER
+login.guest.register=S'enregistrer
+login.guest.alregister=Déjà Enregistré
+login.guest.welcome=BIENVENUE A L'UNIVERSITE
+login.guest.email=E-MAIL 
+login.guest.firstname= PRENOM
+login.guest.surname= NOM
+login.guest.country= PAYS
+login.guest.address=ADRESSE
+login.guest.password= MOT DE PASSE
+login.guest.nextpage=Prochaine Page
+login.guest.lastpage=Derniere Page
+login.guest.submit=Envoyer
+
 #=====================================================
diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index 1d74c4c..d3a0532 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -1,11 +1,21 @@
 <script setup>
   import { ref } from 'vue'
   import i18n from './i18n.js'
-  
   const login= ref(true)
   const page = ref(0)
 
-  const message = ref(i18n("login.guest.login") )
+  const emailIN=ref("")
+  const passwordIN=ref("")
+  const surname=ref("")
+  const firstname=ref("")
+  const passwordOUT=ref("")
+  const emailOUT=ref("")
+  const address=ref("")
+  const country=ref("")
+
+  const inputs = [emailIN,passwordIN]
+  const outputs= [surname,firstname,passwordOUT,emailOUT,address,country]
+ 
 </script>
 
 
@@ -16,66 +26,71 @@
       
         <div v-if="login">
           <div class="form">
-            <h1 style="color:rgb(239,60,168); font-family: sans-serif;">SIGN IN</h1>
+            <h1 style="color:rgb(239,60,168); font-family: sans-serif;">{{i18n("login.guest.signin")}}</h1>
               <div class="inputBox">
-                <p>USERNAME</p> 
-                <input type="text" required>
+                <p>ID / {{i18n("login.guest.email")}}</p> 
+                <input type="text" v-model="emailIN">
               </div>
               <div class="inputBox">
-                <p>PASSWORD</p>
-                <input type="password" required>
+                <p>{{i18n("login.guest.password")}}</p>
+                <input type="password" v-model="passwordIN">
               </div>
               <div class="register">
-                <a @click="login=!login">Register</a>
+                <a @click="login=!login">{{i18n("login.guest.register")}}</a>
               </div>
               <div class="inputBox">
-                <input type="submit" value="Login">
+                <button @click="console.log(inputs)">{{i18n("login.guest.submit")}}</button>
+
               </div>
             </div>
           </div>
 
           <div v-else>
             <div class="form">
-            <h1 style="color:rgb(239,60,168); font-family: sans-serif; text-align:center;">WELCOME TO THE UNIVERSITY</h1>
+            <h1 style="color:rgb(239,60,168); font-family: sans-serif; text-align:center;">{{i18n("login.guest.welcome")}}</h1>
 
             <div v-if="page === 0">
               <div class="inputBox">
-                <p>LASTNAME</p>
-                <input type="text" required>
+                <p>{{i18n("login.guest.surname")}}</p>
+                <input type="text" v-model="surname">
               </div>
               <div class="inputBox">
-                <p>{{ message }}</p>
-                <input type="text" required>
+                <p>{{i18n("login.guest.firstname")}}</p>
+                <input type="text" v-model="firstname">
               </div>
               <div class="inputBox">
-                <p>PASSWORD</p>
-                <input type="password" required>
+                 <p>{{i18n("login.guest.password")}}</p>
+                 <input type="password" v-model="passwordOUT">
               </div>
-              <div class="inputBox">
-                <button @click="page++">Next page</button>
+              <div class="switchpage">
+                <button @click="page++">{{i18n("login.guest.nextpage")}}</button>
+
               </div>
               <div @click="(login=!login) && (page=0)" class="register">
-                <a>Already Registered</a>
+                <a>{{i18n("login.guest.alregister")}}</a>
               </div>
             </div>
             <div v-else>
               <div class="inputBox">
-                <p>E-MAIL</p>
-                <input type="mail" required>
+                <p>{{i18n("login.guest.email")}}</p>
+                <input type="mail" v-model="emailOUT">
               </div>
               <div class="inputBox">
-                <p>ADDRESS</p>
-                <input type="text" required>
+                <p>{{i18n("login.guest.address")}}</p>
+                <input type="text" v-model="address">
               </div>
               <div class="inputBox">
-                <p>COUNTRY</p>
-                <input type="text" required>
+                <p>{{i18n("login.guest.country")}}</p>
+                <input type="text" v-model="country">
               </div>
-              <div class="inputBox">
-                <button @click="page--">Last page</button>
+              <div style="align-self:center;" class="inputBox">
+                <button style="margin-top:25px;" @click="console.log(outputs)">{{i18n("login.guest.submit")}}</button>
               </div>
-              <div @click="(login=!login) && (page=0)" class="register">
-                <a>Already Registered</a>
+              <div  class="switchpage">
+                <button @click="page--">{{i18n("login.guest.lastpage")}}</button>
+              </div>
+              <div  @click="(login=!login) && (page=0)" class="register">
+                <a>{{i18n("login.guest.alregister")}}</a>
               </div>
             </div>
           </div>
@@ -119,7 +134,8 @@
 }
 
 
-.inputBox input {
+.inputBox input,button {
+  
   width:100%;
   background:rgb(255, 0 255);
   border: none;
@@ -148,9 +164,21 @@
   cursor: pointer;
 }
 
+.switchpage{
+  width:100px;
+  background:rgb(255, 0 255);
+  border: none;
+  padding-right:0;
+  padding-top:10px;
+  padding-bottom:10px;
+  outline:none;
+  border-radius: 4px;
+  font-size:0.8em;
+  align-self:right;
 
-button , input[type = "submit"] {
-  margin-top:40px;
+}
+
+button {
   margin-bottom:20px;
   background-color: rgb(239,60,168);
   cursor: pointer;
@@ -161,7 +189,7 @@ button , input[type = "submit"] {
 
 }
 
-button:active , input[type = "submit"]:active{
+button:active ,.switchpage:active{
   opacity:0.8;
 
 }
diff --git a/frontend/src/i18n.js b/frontend/src/i18n.js
index a72ceee..17fdbce 100644
--- a/frontend/src/i18n.js
+++ b/frontend/src/i18n.js
@@ -61,7 +61,7 @@ export async function loadLangs(lang){
 	lang = lang != null ? lang : getCookie("lang");
 	lang = lang != "" ? lang : default_lang;
 
-	const filename = "./i18n/" + lang.toUpperCase() + ".txt";
+	const filename = "/i18n/" + lang.toUpperCase() + ".txt";
 	const content = await (await fetch(filename)).text();
 	const lines = content.split("\n");
 

From 886077349c226c27b71d03485f6eb740fd494439 Mon Sep 17 00:00:00 2001
From: Wawilski <Karpinskiwal@gmail.com>
Date: Wed, 6 Mar 2024 21:00:35 +0100
Subject: [PATCH 13/32] Adding menu button + Cursus

---
 frontend/src/App.vue   |  9 +++++----
 frontend/src/Login.vue | 42 +++++++++++++++++++++++++++++++++++-------
 2 files changed, 40 insertions(+), 11 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index a9d7a8a..64a173a 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -34,9 +34,9 @@
                 <div class="fa-solid fa-bell"  style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
         <li style="float: right;" title="Options">
-            <a href="#Options">
+          <div class="item">
                 <div  class="fa-solid fa-gear"  style="margin-top: 7px; margin-bottom: 3px;"></div>
-            </a></li>
+            </div></li>
       </ul>
     </div>
 
@@ -112,7 +112,7 @@
 		transition-duration: .3s;
 	}
 
-	li a{
+	.item,li a{
 		display: flex;
 		padding: 8px 16px;
 		color:rgb(255, 255, 255);
@@ -159,7 +159,8 @@
 	}
 
 
-	ul.horizontal li a:hover:not(.active){
+	ul.horizontal .item:hover, li a:hover:not(.active){
+
 		background-color: black;
 		border-radius:6px;
 		color:white;
diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index d3a0532..37d885a 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -4,23 +4,29 @@
   const login= ref(true)
   const page = ref(0)
 
-  const emailIN=ref("")
+  const emailID=ref("")
   const passwordIN=ref("")
+
   const surname=ref("")
   const firstname=ref("")
   const passwordOUT=ref("")
   const emailOUT=ref("")
   const address=ref("")
   const country=ref("")
-
-  const inputs = [emailIN,passwordIN]
-  const outputs= [surname,firstname,passwordOUT,emailOUT,address,country]
+  const cursus=ref("")
+  const inputs = [{_emailID:emailID},{_passwordIN:passwordIN}]
+  const outputs= [{_surname:surname},{_firstname:firstname},{_passwordOUT:passwordOUT},{_emailOUT:emailOUT},{_address:address},{_country:country},{_cursus:cursus}]
  
 </script>
 
 
 <template>
   <body>
+    <div class="Home">
+    <a href="/">
+       <img @click="draw" src="./assets/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
+    </a>
+    </div>
     <div class="logBoxCenterer">
       <div class='loginBox'>
       
@@ -29,7 +35,7 @@
             <h1 style="color:rgb(239,60,168); font-family: sans-serif;">{{i18n("login.guest.signin")}}</h1>
               <div class="inputBox">
                 <p>ID / {{i18n("login.guest.email")}}</p> 
-                <input type="text" v-model="emailIN">
+                <input type="text" v-model="emailID">
               </div>
               <div class="inputBox">
                 <p>{{i18n("login.guest.password")}}</p>
@@ -62,6 +68,14 @@
                  <p>{{i18n("login.guest.password")}}</p>
                  <input type="password" v-model="passwordOUT">
               </div>
+              <div class="inputBox">
+                <p>Cursus</p> 
+                  <select v-model="cursus">
+                    <option value="Chemistry">Chemistry</option>
+                    <option value="Psycho">Psychology</option>
+                    <option value="IT">IT</option>
+                  </select>
+              </div>
               <div class="switchpage">
                 <button @click="page++">{{i18n("login.guest.nextpage")}}</button>
 
@@ -101,6 +115,20 @@
 </template>
 
 <style scoped>
+.Home{
+ 	display: flex;
+	padding: 8px 16px;
+	color:rgb(255, 255, 255);
+	text-decoration: none;
+}
+
+.Home:hover{
+  width:40px;
+  background-color: black;
+	border-radius:6px;
+	color:white;
+  transform: translate(0px ,1px);
+}
 
 .logBoxCenterer {
   position: absolute;
@@ -134,7 +162,7 @@
 }
 
 
-.inputBox input,button {
+.inputBox input,button,select {
   
   width:100%;
   background:rgb(255, 0 255);
@@ -178,7 +206,7 @@
 
 }
 
-button {
+button,select{
   margin-bottom:20px;
   background-color: rgb(239,60,168);
   cursor: pointer;

From 8e932b1b673687afb9cea5b1eb98ca0b7fde4e8d Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Thu, 7 Mar 2024 14:51:36 +0100
Subject: [PATCH 14/32] fixing top level await

---
 frontend/package-lock.json | 282 +++++++++++++++++++++++++++++++------
 frontend/package.json      |   1 +
 frontend/vite.config.js    |   2 +
 3 files changed, 243 insertions(+), 42 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 3165c6e..809af17 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -8,6 +8,7 @@
       "name": "clyde",
       "version": "0.0.0",
       "dependencies": {
+        "vite-plugin-top-level-await": "^1.4.1",
         "vue": "^3.4.15",
         "vue3-toastify": "^0.2.1"
       },
@@ -35,7 +36,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "aix"
@@ -51,7 +51,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -67,7 +66,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -83,7 +81,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -99,7 +96,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -115,7 +111,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -131,7 +126,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -147,7 +141,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "freebsd"
@@ -163,7 +156,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -179,7 +171,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -195,7 +186,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -211,7 +201,6 @@
       "cpu": [
         "loong64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -227,7 +216,6 @@
       "cpu": [
         "mips64el"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -243,7 +231,6 @@
       "cpu": [
         "ppc64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -259,7 +246,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -275,7 +261,6 @@
       "cpu": [
         "s390x"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -291,7 +276,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -307,7 +291,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "netbsd"
@@ -323,7 +306,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "openbsd"
@@ -339,7 +321,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "sunos"
@@ -355,7 +336,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -371,7 +351,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -387,7 +366,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -401,6 +379,22 @@
       "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.4.15.tgz",
       "integrity": "sha512-eF2rxCRulEKXHTRiDrDy6erMYWqNw4LPdQ8UQA4huuxaQsVeRPFl2oM8oDGxMFhJUWZf9McpLtJasDDZb/Bpeg=="
     },
+    "node_modules/@rollup/plugin-virtual": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@rollup/plugin-virtual/-/plugin-virtual-3.0.2.tgz",
+      "integrity": "sha512-10monEYsBp3scM4/ND4LNH5Rxvh3e/cVeL3jWTgZ2SrQ+BmUoQcopVQvnaMcOnykb1VkxUFuDAN+0FnpTFRy2A==",
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "peerDependencies": {
+        "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0"
+      },
+      "peerDependenciesMeta": {
+        "rollup": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.12.0.tgz",
@@ -408,7 +402,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -421,7 +414,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "android"
@@ -434,7 +426,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -447,7 +438,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "darwin"
@@ -460,7 +450,6 @@
       "cpu": [
         "arm"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -473,7 +462,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -486,7 +474,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -499,7 +486,6 @@
       "cpu": [
         "riscv64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -512,7 +498,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -525,7 +510,6 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "linux"
@@ -538,7 +522,6 @@
       "cpu": [
         "arm64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -551,7 +534,6 @@
       "cpu": [
         "ia32"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
@@ -564,17 +546,212 @@
       "cpu": [
         "x64"
       ],
-      "dev": true,
       "optional": true,
       "os": [
         "win32"
       ]
     },
+    "node_modules/@swc/core": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core/-/core-1.4.5.tgz",
+      "integrity": "sha512-4/JGkG4b1Z/QwCGgx+Ub46MlzrsZvBk5JSkxm9PcZ4bSX81c+4Y94Xm3iLp5Ka8NxzS5rD4mJSpcYuN3Tw0ceg==",
+      "hasInstallScript": true,
+      "dependencies": {
+        "@swc/counter": "^0.1.2",
+        "@swc/types": "^0.1.5"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/swc"
+      },
+      "optionalDependencies": {
+        "@swc/core-darwin-arm64": "1.4.5",
+        "@swc/core-darwin-x64": "1.4.5",
+        "@swc/core-linux-arm-gnueabihf": "1.4.5",
+        "@swc/core-linux-arm64-gnu": "1.4.5",
+        "@swc/core-linux-arm64-musl": "1.4.5",
+        "@swc/core-linux-x64-gnu": "1.4.5",
+        "@swc/core-linux-x64-musl": "1.4.5",
+        "@swc/core-win32-arm64-msvc": "1.4.5",
+        "@swc/core-win32-ia32-msvc": "1.4.5",
+        "@swc/core-win32-x64-msvc": "1.4.5"
+      },
+      "peerDependencies": {
+        "@swc/helpers": "^0.5.0"
+      },
+      "peerDependenciesMeta": {
+        "@swc/helpers": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@swc/core-darwin-arm64": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-arm64/-/core-darwin-arm64-1.4.5.tgz",
+      "integrity": "sha512-toMSkbByHNfGXESyY1aiq5L3KutgijrNWB/THgdHIA1aIbwtrgMdFQfxpSE+INuuvWYi/Fxarv86EnU7ewbI0Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-darwin-x64": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-darwin-x64/-/core-darwin-x64-1.4.5.tgz",
+      "integrity": "sha512-LN8cbnmb4Gav8UcbBc+L/DEthmzCWZz22rQr6fIEHMN+f0d71fuKnV0ca0hoKbpZn33dlzUmXQE53HRjlRUQbw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm-gnueabihf": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm-gnueabihf/-/core-linux-arm-gnueabihf-1.4.5.tgz",
+      "integrity": "sha512-suRFkhBWmOQxlM4frpos1uqjmHfaEI8FuJ0LL5+yRE7IunNDeQJBKujGZt6taeuxo1KqC0N0Ajr8IluN2wrKpA==",
+      "cpu": [
+        "arm"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-gnu": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-gnu/-/core-linux-arm64-gnu-1.4.5.tgz",
+      "integrity": "sha512-mLKxasQArDGmR6k9c0tkPVUdoo8VfUecocMG1Mx9NYvpidJNaZ3xq9nYM77v7uq1fQqrs/59DM1fJTNRWvv/UQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-arm64-musl": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-arm64-musl/-/core-linux-arm64-musl-1.4.5.tgz",
+      "integrity": "sha512-pgKuyRP7S29U/HMDTx+x8dFcklWxwB9cHFNCNWSE6bS4vHR93jc4quwPX9OEQX5CVHxm+c8+xof043I4OGkAXw==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-gnu": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-gnu/-/core-linux-x64-gnu-1.4.5.tgz",
+      "integrity": "sha512-srR+YN86Oerzoghd0DPCzTbTp08feeJPSr9kkNdmtQWENOa4l/9cJV3+XY6vviw0sEjezPmYnc3SwRxJRaxvEw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-linux-x64-musl": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-linux-x64-musl/-/core-linux-x64-musl-1.4.5.tgz",
+      "integrity": "sha512-aSf41LZtDeG5VXI4RCnzcu0UInPyNm3ip8Kw+sCK+sSqW9o7DgBkyqqbip3RZq84fNUHBQQQQdKXetltsyRRqw==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-arm64-msvc": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-arm64-msvc/-/core-win32-arm64-msvc-1.4.5.tgz",
+      "integrity": "sha512-vU3k8JwRUlTkJMfJQY9E4VvLrsIFOpfhnvbuXB84Amo1cJsz+bYQcC6RSvY7qpaDzDKFdUGbJco4uZTRoRf7Mg==",
+      "cpu": [
+        "arm64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-ia32-msvc": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-ia32-msvc/-/core-win32-ia32-msvc-1.4.5.tgz",
+      "integrity": "sha512-856YRh3frRK2XbrSjDOFBgoAqWJLNRkaEtfGzXfeEoyJlOz0BFsSJHxKlHAFkxRfHe2li9DJRUQFTEhXn4OUWw==",
+      "cpu": [
+        "ia32"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/core-win32-x64-msvc": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/@swc/core-win32-x64-msvc/-/core-win32-x64-msvc-1.4.5.tgz",
+      "integrity": "sha512-j1+kV7jmWY1+NbXAvxAEW165781yLXVZKLcoXIZKmw18EatqMF6w8acg1gDG8C+Iw5aWLkRZVS4pijSh7+DtCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@swc/counter": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@swc/counter/-/counter-0.1.3.tgz",
+      "integrity": "sha512-e2BR4lsJkkRlKZ/qCHPw9ZaSxc0MVUd7gtbtaB7aMvHeJVYe8sOB8DBZkP2DtISHGSku9sCK6T6cnY0CtXrOCQ=="
+    },
+    "node_modules/@swc/types": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/@swc/types/-/types-0.1.5.tgz",
+      "integrity": "sha512-myfUej5naTBWnqOCc/MdVOLVjXUXtIA+NpDrDBKJtLLg2shUjBu3cZmB/85RyitKc55+lUUyl7oRfLOvkr2hsw=="
+    },
     "node_modules/@types/estree": {
       "version": "1.0.5",
       "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.5.tgz",
-      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==",
-      "dev": true
+      "integrity": "sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw=="
     },
     "node_modules/@vitejs/plugin-vue": {
       "version": "5.0.4",
@@ -796,7 +973,6 @@
       "version": "0.19.12",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.19.12.tgz",
       "integrity": "sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==",
-      "dev": true,
       "hasInstallScript": true,
       "bin": {
         "esbuild": "bin/esbuild"
@@ -848,7 +1024,6 @@
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
       "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [
@@ -1090,7 +1265,6 @@
       "version": "4.12.0",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.12.0.tgz",
       "integrity": "sha512-wz66wn4t1OHIJw3+XU7mJJQV/2NAfw5OAk6G6Hoo3zcvz/XOfQ52Vgi+AN4Uxoxi0KBBwk2g8zPrTDA4btSB/Q==",
-      "dev": true,
       "dependencies": {
         "@types/estree": "1.0.5"
       },
@@ -1202,11 +1376,22 @@
         "requires-port": "^1.0.0"
       }
     },
+    "node_modules/uuid": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/uuid/-/uuid-9.0.1.tgz",
+      "integrity": "sha512-b+1eJOlsR9K8HJpow9Ok3fiWOWSIcIzXodvv0rQjVoOVNpWMpxf1wZNpt4y9h10odCNrqnYp1OBzRktckBe3sA==",
+      "funding": [
+        "https://github.com/sponsors/broofa",
+        "https://github.com/sponsors/ctavan"
+      ],
+      "bin": {
+        "uuid": "dist/bin/uuid"
+      }
+    },
     "node_modules/vite": {
       "version": "5.1.3",
       "resolved": "https://registry.npmjs.org/vite/-/vite-5.1.3.tgz",
       "integrity": "sha512-UfmUD36DKkqhi/F75RrxvPpry+9+tTkrXfMNZD+SboZqBCMsxKtO52XeGzzuh7ioz+Eo/SYDBbdb0Z7vgcDJew==",
-      "dev": true,
       "dependencies": {
         "esbuild": "^0.19.3",
         "postcss": "^8.4.35",
@@ -1257,6 +1442,19 @@
         }
       }
     },
+    "node_modules/vite-plugin-top-level-await": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/vite-plugin-top-level-await/-/vite-plugin-top-level-await-1.4.1.tgz",
+      "integrity": "sha512-hogbZ6yT7+AqBaV6lK9JRNvJDn4/IJvHLu6ET06arNfo0t2IsyCaon7el9Xa8OumH+ESuq//SDf8xscZFE0rWw==",
+      "dependencies": {
+        "@rollup/plugin-virtual": "^3.0.2",
+        "@swc/core": "^1.3.100",
+        "uuid": "^9.0.1"
+      },
+      "peerDependencies": {
+        "vite": ">=2.8"
+      }
+    },
     "node_modules/vue": {
       "version": "3.4.19",
       "resolved": "https://registry.npmjs.org/vue/-/vue-3.4.19.tgz",
diff --git a/frontend/package.json b/frontend/package.json
index d92904b..c02c826 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -9,6 +9,7 @@
     "preview": "vite preview"
   },
   "dependencies": {
+    "vite-plugin-top-level-await": "^1.4.1",
     "vue": "^3.4.15",
     "vue3-toastify": "^0.2.1"
   },
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index 7ff998b..c70f843 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -2,11 +2,13 @@ import { fileURLToPath, URL } from 'node:url'
 
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
+import topLevelAwait from 'vite-plugin-top-level-await'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue(),
+    topLevelAwait(),
   ],
   build: {
  	rollupOptions:{

From 204e6a9505ec85e44401fba4f04c53a83efb7999 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Thu, 7 Mar 2024 14:00:50 +0100
Subject: [PATCH 15/32] Base oauth et spring sessions

---
 Documents/JournalDeBord/authentification.md | 30 +++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 Documents/JournalDeBord/authentification.md

diff --git a/Documents/JournalDeBord/authentification.md b/Documents/JournalDeBord/authentification.md
new file mode 100644
index 0000000..4daceaf
--- /dev/null
+++ b/Documents/JournalDeBord/authentification.md
@@ -0,0 +1,30 @@
+# Authentification
+
+## Contexte
+
+Le projet demande de pouvoir authentifier les utilisateurs présents. Le but étant de leurs associer un "contexte"
+(cours, informations personnelles, ...). Pour que ceux-ci puissent accomplir différentes actions nécéssitants une
+identification (permission, personelles, ...).
+
+## Méthode
+
+Lorsque q'un utilisateur se connecte au serveur, nous lui envoyons un token qui sera stocké dans le
+navigateur. Ce token est unique à l'utilisateur et pourra être ré-envoyé dans les futures requetes
+pour identifier l'utilisateur.
+
+## Autres méthodes envisagée
+
+### Oauth2
+
+C'est un protocol d'identification vastement utilisé permettant, en plus d'identifier les requettes,
+de gérer leurs permissions. Un utilisateur créen un token peut lui attribuer des permissions
+spécifique qui restrainderaients les permissions d'utilisation de ce token. C'est très utile pour
+déployer des api de site pouvant notament être accédé par des ordinateurs / bots. Ca n'est en
+revanche pas l'objectif du projet et l'option n'a donc pas été retenue
+
+### Spring Sessions / Tomcat sessions
+
+Il aurait été possible de laisser une librairie automatiser les sessions. Malheuresement, celà
+implique de devoir se plier au format de la dite librairie. L'implémentation d'un système de gestion
+de token maison semblai à la fois, non-imposible et interessant à notre apprentisage. C'est pourquoi
+nous n'avons pas utilisé cette option.

From 3c08022c20e267e07856c4fd28078a7a511265be Mon Sep 17 00:00:00 2001
From: Wawilski <Karpinskiwal@gmail.com>
Date: Thu, 7 Mar 2024 15:42:36 +0100
Subject: [PATCH 16/32] toggle for language(base) + starting inscription menu

---
 frontend/src/App.vue         | 64 ++++++++++++++++++++++++++++++++----
 frontend/src/Inscription.vue |  2 ++
 frontend/src/Login.vue       |  2 ++
 3 files changed, 62 insertions(+), 6 deletions(-)
 create mode 100644 frontend/src/Inscription.vue

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 64a173a..619d199 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -2,7 +2,7 @@
 	import 'https://kit.fontawesome.com/fb3bbd0a95.js'
 	import { toast } from 'vue3-toastify';
 	import { ref } from 'vue'
-
+  import i18n from './i18n.js'
 	const test = ref();
 
 	async function draw(e) {
@@ -10,6 +10,8 @@
 		test.value = await test.value.json();
 		toast(test.value['txt']);
 	}
+
+
 </script>
 
 <template>
@@ -34,9 +36,13 @@
                 <div class="fa-solid fa-bell"  style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
         <li style="float: right;" title="Options">
-          <div class="item">
+            <a href="#Options">
                 <div  class="fa-solid fa-gear"  style="margin-top: 7px; margin-bottom: 3px;"></div>
-            </div></li>
+            </a></li>
+
+        <li style="float:right; margin-top:7.5px;" title="Language">
+            <input type="checkbox" v-model="toggle" true-value="FR" false-value="EN" class="theme-checkbox">
+        </li>
       </ul>
     </div>
 
@@ -112,7 +118,7 @@
 		transition-duration: .3s;
 	}
 
-	.item,li a{
+	li a{
 		display: flex;
 		padding: 8px 16px;
 		color:rgb(255, 255, 255);
@@ -159,8 +165,7 @@
 	}
 
 
-	ul.horizontal .item:hover, li a:hover:not(.active){
-
+	ul.horizontal li a:hover:not(.active){
 		background-color: black;
 		border-radius:6px;
 		color:white;
@@ -194,4 +199,51 @@
 		transition-duration: .3s;
 		padding-left: 5px;
 	  }
+    .theme-checkbox {
+    --toggle-size: 16px;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;
+    width: 80px;
+    height: 40px;
+    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #efefef), color-stop(50%, #2a2a2a)) no-repeat;
+    background: -o-linear-gradient(left, #efefef 50%, rgb(239, 60, 168) 50%) no-repeat;
+    background: linear-gradient(to right, #efefef 50%, rgb(239, 60, 168) 50%) no-repeat;
+    background-size: 205%;
+    background-position: 0;
+    -webkit-transition: 0.4s;
+    -o-transition: 0.4s;
+    transition: 0.4s;
+    border-radius: 99em;
+    position: relative;
+    cursor: pointer;
+    font-size: var(--toggle-size);
+    }
+
+    .theme-checkbox::before {
+    content: "";
+    width: 35px;
+    height: 35px;
+    position: absolute;
+    top: 2px;
+    left: 3px;
+    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #efefef), color-stop(50%, #2rgb(239, 60, 168))) no-repeat;
+    background: -o-linear-gradient(left, #efefef 50%, rgb(239, 60, 168) 50%) no-repeat;
+    background: linear-gradient(to right, #efefef 50%, rgb(239, 60, 168) 50%) no-repeat;
+    background-size: 205%;
+    background-position: 100%;
+    border-radius: 50%;
+    -webkit-transition: 0.4s;
+    -o-transition: 0.4s;
+    transition: 0.4s;
+    }
+
+    .theme-checkbox:checked::before {
+    left: calc(100% - 35px - 3px);
+    background-position: 0;
+    }
+
+    .theme-checkbox:checked {
+    background-position: 100%;
+    }
 </style>
diff --git a/frontend/src/Inscription.vue b/frontend/src/Inscription.vue
new file mode 100644
index 0000000..6beff51
--- /dev/null
+++ b/frontend/src/Inscription.vue
@@ -0,0 +1,2 @@
+<template>
+</template>
diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index 37d885a..d21f074 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -116,6 +116,8 @@
 
 <style scoped>
 .Home{
+  position:absolute;
+  z-index:1;
  	display: flex;
 	padding: 8px 16px;
 	color:rgb(255, 255, 255);

From 93144d0f90b08a5e063428987ffd6345172a37ba Mon Sep 17 00:00:00 2001
From: Bartha Maxime <231026@umons.ac.be>
Date: Thu, 7 Mar 2024 15:43:16 +0100
Subject: [PATCH 17/32] added what is the token and justifications

---
 Documents/JournalDeBord/authentification.md | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/Documents/JournalDeBord/authentification.md b/Documents/JournalDeBord/authentification.md
index 4daceaf..e0178c2 100644
--- a/Documents/JournalDeBord/authentification.md
+++ b/Documents/JournalDeBord/authentification.md
@@ -3,15 +3,21 @@
 ## Contexte
 
 Le projet demande de pouvoir authentifier les utilisateurs présents. Le but étant de leurs associer un "contexte"
-(cours, informations personnelles, ...). Pour que ceux-ci puissent accomplir différentes actions nécéssitants une
-identification (permission, personelles, ...).
+(cours, informations personnelles, ...). Pour que ceux-ci puissent accomplir différentes actions nécéssitantes une
+identification (permission, info personelles, ...).
 
 ## Méthode
 
-Lorsque q'un utilisateur se connecte au serveur, nous lui envoyons un token qui sera stocké dans le
-navigateur. Ce token est unique à l'utilisateur et pourra être ré-envoyé dans les futures requetes
+Lorsque qu'un utilisateur se connecte au serveur, nous lui envoyons un token qui sera stocké dans le
+navigateur. Ce token est unique à l'utilisateur et pourra être ré-envoyé dans les futures requêtes
 pour identifier l'utilisateur.
 
+Ce token est donc une chaine de 64 caractère ASCII aléatoires,ce qui est d'après nos recherches suffisant.
+
+De plus une limite de 5 token par utilisateur sera ajoutée de sorte à 
+1) S'assurer qu'une personne ne noie la base de donnée de tokens.
+2) Ajouter une protection supplémentaire pour assurer qu'un token est bien unique à un utilisateur.
+
 ## Autres méthodes envisagée
 
 ### Oauth2

From b42324987bd5bcf36b62b5ee259d6afb4309236e Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Thu, 7 Mar 2024 22:29:07 +0100
Subject: [PATCH 18/32] stub for courses (#60)

base for the courses api

Reviewed-on: https://git.herisson.ovh/PGL/Clyde/pulls/60
Reviewed-by: Wal <karpinskiwal@gmail.com>
Reviewed-by: Maxime <231026@umons.ac.be>
Co-authored-by: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Co-committed-by: Anthony Debucquoy <debucquoy.anthony@gmail.com>
---
 frontend/src/rest/courses.js | 52 ++++++++++++++++++++++++++++++++++++
 1 file changed, 52 insertions(+)
 create mode 100644 frontend/src/rest/courses.js

diff --git a/frontend/src/rest/courses.js b/frontend/src/rest/courses.js
new file mode 100644
index 0000000..0b98284
--- /dev/null
+++ b/frontend/src/rest/courses.js
@@ -0,0 +1,52 @@
+/**
+ * Courses API
+ */
+
+import { restGet, restPost, restDelete, restPatch } from './restConsumer.js'
+
+/**
+ * Create a new course
+ */
+export async function createCourse(name, credits, faculty, teacher, assistants){
+	return restPost("/courses", {name: name, credits: credits, faculty: faculty, teacher: teacher, assistants: assistants} )
+}
+
+/**
+ * Delete the specified course
+ */
+export async function deleteCourse(id){
+	return restDelete("/course/" + id);
+}
+
+/**
+ * Get informations on a particular course
+ *
+ * @param id identification of the course
+ *
+ * @return all atribute of the specified course
+ *  - name
+ *  - credits
+ *  - faculty
+ *  - teacher
+ *  - assistants : list
+ */
+export async function getCourse(id){
+	return restGet("/course/" + id);
+}
+
+/**
+ * Change the options of a course
+ *
+ * @param id the id of the course
+ * @param changes Object with value to changes
+ *
+ * The changes object can contain:
+ *  - name
+ *  - credits
+ *  - faculty
+ *  - teacher
+ *  - assistants: should be a list and will replace all assistants
+ */
+export async function alterCourse(id, changes){
+	return restPatch("/course/" + id, changes);
+}

From e69ece23d024802656fa0059ac651594d5911043 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Fri, 8 Mar 2024 11:23:32 +0100
Subject: [PATCH 19/32] adding set cookie and set lang (#68)

simple set cookie (je deteste javascript) et un setlang pour le syntastic sugar

Reviewed-on: https://git.herisson.ovh/PGL/Clyde/pulls/68
Reviewed-by: Maxime <231026@umons.ac.be>
Reviewed-by: Wal <karpinskiwal@gmail.com>
Co-authored-by: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Co-committed-by: Anthony Debucquoy <debucquoy.anthony@gmail.com>
---
 frontend/src/i18n.js  | 11 ++++++-----
 frontend/src/utils.js | 12 ++++++++++--
 2 files changed, 16 insertions(+), 7 deletions(-)

diff --git a/frontend/src/i18n.js b/frontend/src/i18n.js
index eaf2dac..d8909f1 100644
--- a/frontend/src/i18n.js
+++ b/frontend/src/i18n.js
@@ -9,7 +9,7 @@
  *
  */
 
-import { getCookie } from './utils.js';
+import { getCookie, setCookie } from './utils.js';
 
 const default_lang = "EN";
 let langs;
@@ -34,10 +34,6 @@ export default function i18n(key, options) {
 	return ret;
 }
 
-//
-// Those functions are utility functions use by previous exported functions.
-//
-
 /**
  * Function that load the file with translation from the specified lang and return a dictionnary
  * @param select the language to load. could be null to fetch the cookies for an answer
@@ -61,3 +57,8 @@ export async function loadLangs(lang){
 	langs = filteredLines;
 }
 await loadLangs();
+
+export async function setLang(lang){
+	setCookie("lang", lang);
+	await loadLangs();
+}
diff --git a/frontend/src/utils.js b/frontend/src/utils.js
index e79eec4..bb9e61f 100644
--- a/frontend/src/utils.js
+++ b/frontend/src/utils.js
@@ -2,7 +2,7 @@
  * Return the content of a cookie with specified key
  * @param key cookie name
  */
-function getCookie(key){
+export function getCookie(key){
 	key = key + "="
 	let cookies = decodeURIComponent(document.cookie).split(";");
 	for (let el of cookies) {
@@ -14,4 +14,12 @@ function getCookie(key){
 	return "";
 }
 
-export {getCookie};
+/**
+ * Return the content of a cookie with specified key
+ * @param key cookie name
+ */
+export function setCookie(key, value){
+	cookie = key + "=" + value + ";";
+	document.cookie = cookie;
+	// Here we can apreciate the stupidity of Javascript :/
+}

From 411183985220b797e1afbe92cb340bab7f73dedd Mon Sep 17 00:00:00 2001
From: Wawilski <Karpinskiwal@gmail.com>
Date: Fri, 8 Mar 2024 11:54:10 +0100
Subject: [PATCH 20/32] Requests setup

---
 frontend/src/App.vue         |  14 ++++-
 frontend/src/Inscription.vue |  30 ++++++++++
 frontend/src/Login.vue       |  24 +++++---
 frontend/src/Request.vue     | 108 +++++++++++++++++++++++++++++++++++
 4 files changed, 165 insertions(+), 11 deletions(-)
 create mode 100644 frontend/src/Request.vue

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 619d199..9241d68 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -3,7 +3,10 @@
 	import { toast } from 'vue3-toastify';
 	import { ref } from 'vue'
   import i18n from './i18n.js'
-	const test = ref();
+  import Inscription from "./Inscription.vue"
+
+
+  const test = ref();
 
 	async function draw(e) {
 		test.value = (await fetch("http://localhost:8080/ping"));
@@ -11,6 +14,8 @@
 		toast(test.value['txt']);
 	}
 
+   
+
 
 </script>
 
@@ -66,11 +71,16 @@
         <li ><a href="#Forum">
             <div class="fa-solid fa-envelope" style="font-size: 40px;" ></div>
             <div class="text">Forum</div></a></li>
+        <li><a href="#Inscription">
+            <div class="fa-solid fa-users" style="font-size: 40px;"></div>
+            <div class="text">Inscription Requests</div></a></li>
     </ul>
 
     </div>
     <div class="page">
-      <div style="background-color: rgb(239,50,168); margin:50px;">Il FAUDRA INSERER LA PAGE ICI</div>
+      <div style=" margin:50px;">
+        <Inscription></Inscription>
+      </div>
     </div>
   </div>
 </template>
diff --git a/frontend/src/Inscription.vue b/frontend/src/Inscription.vue
index 6beff51..0ba7fce 100644
--- a/frontend/src/Inscription.vue
+++ b/frontend/src/Inscription.vue
@@ -1,2 +1,32 @@
+<script setup>
+  import Req from "./Request.vue"
+  const requests_example = [ {
+  id:0,
+  type:"Inscription",
+  lastName:"DoefenschmirtzLEMAGNIFIQUE",
+  firstName:"Jhon",
+  address: "Radiator Springs",
+  country: "USA",
+  birthdate:"2004-02-02",
+  email:"JohnDoe@gmail.com",
+  cursus:"IT",
+  degree:"BAC1",
+  },
+  {
+  id:1,
+  type:"ReInscription",
+  lastName:"Doe",
+  firstName:"Jane",
+  address: "Radiator Springs",
+  country: "USA",
+  birthdate:"2004-03-03",
+  email:"JaneDoe@gmail.com",
+  cursus:"Psychology",
+  degree:"BAC1",
+}]
+</script>
+
 <template>
+  <Req v-for="item of requests_example" v-bind="item">
+      </Req>
 </template>
diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index d21f074..b04f2b1 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -10,12 +10,13 @@
   const surname=ref("")
   const firstname=ref("")
   const passwordOUT=ref("")
+  const passwordConfirm=ref("")
   const emailOUT=ref("")
   const address=ref("")
   const country=ref("")
   const cursus=ref("")
-  const inputs = [{_emailID:emailID},{_passwordIN:passwordIN}]
-  const outputs= [{_surname:surname},{_firstname:firstname},{_passwordOUT:passwordOUT},{_emailOUT:emailOUT},{_address:address},{_country:country},{_cursus:cursus}]
+  const loginInfos = [{_emailID:emailID},{_passwordIN:passwordIN}]
+  const registerInfos= [{_surname:surname},{_firstname:firstname},{_passwordOUT:passwordOUT},{_passwordConfirm:passwordConfirm},{_emailOUT:emailOUT},{_address:address},{_country:country},{_cursus:cursus}]
  
 </script>
 
@@ -69,13 +70,10 @@
                  <input type="password" v-model="passwordOUT">
               </div>
               <div class="inputBox">
-                <p>Cursus</p> 
-                  <select v-model="cursus">
-                    <option value="Chemistry">Chemistry</option>
-                    <option value="Psycho">Psychology</option>
-                    <option value="IT">IT</option>
-                  </select>
+                 <p>CONFIRM {{i18n("login.guest.password")}}</p>
+                 <input type="password" v-model="passwordConfirm">
               </div>
+              
               <div class="switchpage">
                 <button @click="page++">{{i18n("login.guest.nextpage")}}</button>
 
@@ -97,6 +95,14 @@
                 <p>{{i18n("login.guest.country")}}</p>
                 <input type="text" v-model="country">
               </div>
+              <div class="inputBox">
+                <p>Cursus</p> 
+                  <select v-model="cursus">
+                    <option value="Chemistry">Chemistry</option>
+                    <option value="Psycho">Psychology</option>
+                    <option value="IT">IT</option>
+                  </select>
+              </div>
               <div style="align-self:center;" class="inputBox">
                 <button style="margin-top:25px;" @click="console.log(outputs)">{{i18n("login.guest.submit")}}</button>
               </div>
@@ -117,8 +123,8 @@
 <style scoped>
 .Home{
   position:absolute;
-  z-index:1;
  	display: flex;
+  z-index: 100;
 	padding: 8px 16px;
 	color:rgb(255, 255, 255);
 	text-decoration: none;
diff --git a/frontend/src/Request.vue b/frontend/src/Request.vue
new file mode 100644
index 0000000..f3b1bd1
--- /dev/null
+++ b/frontend/src/Request.vue
@@ -0,0 +1,108 @@
+<script setup>
+  const props = defineProps({
+  id: Number,
+  type: String,
+  lastName: String,
+  firstName: String,
+  address: String,
+  country: String,
+  birthDate: String,
+  cursus:String,
+  degree:String,});
+</script>
+
+
+<template>
+  <div class="bodu">
+  <div class="container">
+ 
+    <div class="id"><a>{{id}}</a></div>
+    <div class="type"><a>{{type}}</a></div>
+    <div class="surname"><a>{{lastName}}</a></div>
+    <div class="firstname"><a>{{firstName}}</a></div>
+    <div class="infos"><button style="background-color:rgb(105,05,105);" > More infos </button></div>
+    <div class="accept"><button style="background-color:rgb(0,105,50);">Accept</button></div>
+    <div class="refuse"><button style="background-color:rgb(105,0,0);">Refuse</button></div>
+  </div>
+  </div>
+</template>
+
+<style scoped>
+  .container{
+    color:white;
+    height:100px;
+    font-size:20px;
+    display:grid;
+    grid-template-columns:[firstCol-start]100px[firstCol-end secondCol-start]150px[secondCol-end thirdCol-start]200px[thirdCol-end fourthCol-start]150px[fourthCol-end]150px[fifthCol-end]150px[sixthCol-end]150px[endCol];
+    grid-template-areas:
+    "id type surname firstname infos accept refuse"; 
+    column-gap:10px;
+    
+  }
+  
+  .infos {
+    grid-area:infos;
+    align-self:center;
+  }
+
+  .accept{
+    grid-area:accept;
+    align-self:center;
+  }
+
+  .refuse{
+    grid-area:refuse;
+    align-self:center;
+  }
+
+  .titles {
+    grid-area:titles;
+    background-color:rgb(215,215,215);
+  }
+  .id{
+    grid-area:id;
+    margin-left:40px;
+    align-self:center;
+  }
+
+  .type{
+    grid-area:type;
+    align-self:center;
+  }
+
+  .surname{
+    grid-area:surname;
+    align-self:center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow:ellipsis;
+  }
+
+  .firstname{
+    grid-area:firstname;
+    align-self:center;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow:ellipsis;
+  }
+
+  button{
+    font-size:15px;
+     height:50px;
+     width:100px;
+    border:none;
+    border-radius:20px;
+
+  }
+
+  .bodu {
+    width:100%;
+    margin-bottom:10px;
+    border:2px solid black;
+    border-radius:9px;
+    background-color:rgb(50,50,50);
+  }
+
+
+</style>
+

From acfd366fc83793b750392fed10d9c02391cec975 Mon Sep 17 00:00:00 2001
From: Bartha Maxime <231026@umons.ac.be>
Date: Fri, 8 Mar 2024 12:00:56 +0100
Subject: [PATCH 21/32] fixed the user constructor issue

---
 .../java/ovh/herisson/Clyde/EndPoints/MockController.java | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/MockController.java b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/MockController.java
index 0fc9a24..f7825f6 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/MockController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/MockController.java
@@ -41,10 +41,10 @@ public class MockController {
     @PostMapping("/mock")
     public void postMock(){
 
-        User herobrine = new User("brine","hero","admin@admin.com","in your WalLs","ShadowsLand",new Date(0), Role.Admin,passwordEncoder.encode("admin"));
-        User joe = new User("Mama","Joe","student@student.com","roundabout","DaWarudo",new Date(0), Role.Student,passwordEncoder.encode("student"));
-        User meh = new User("Inspiration","lackOf","secretary@secretary.com","a Box","the street",new Date(0), Role.Teacher,passwordEncoder.encode("secretary"));
-        User joke = new User("CthemBalls","Lemme","teacher@teacher.com","lab","faculty",new Date(0), Role.Teacher,passwordEncoder.encode("teacher"));
+        User herobrine = new User("brine","hero","admin@admin.com","in your WalLs","ShadowsLand",new Date(0), "none",Role.Admin,passwordEncoder.encode("admin"));
+        User joe = new User("Mama","Joe","student@student.com","roundabout","DaWarudo",new Date(0), "None",Role.Student,passwordEncoder.encode("student"));
+        User meh = new User("Inspiration","lackOf","secretary@secretary.com","a Box","the street",new Date(0),"none", Role.Teacher,passwordEncoder.encode("secretary"));
+        User joke = new User("CthemBalls","Lemme","teacher@teacher.com","lab","faculty",new Date(0), "none",Role.Teacher,passwordEncoder.encode("teacher"));
 
         mockUsers = new ArrayList<User>(Arrays.asList(herobrine,joe,meh,joke));
 

From fba30cff9e829e31432a54514485cbace1c44692 Mon Sep 17 00:00:00 2001
From: Bartha Maxime <231026@umons.ac.be>
Date: Fri, 8 Mar 2024 19:08:10 +0100
Subject: [PATCH 22/32] fixed a token encoding issue

---
 .../Clyde/EndPoints/LoginController.java      | 26 +++++++------------
 .../herisson/Clyde/Services/TokenService.java | 11 +++++---
 2 files changed, 18 insertions(+), 19 deletions(-)

diff --git a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/LoginController.java b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/LoginController.java
index d47885f..be8d1df 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/LoginController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/LoginController.java
@@ -1,31 +1,25 @@
 package ovh.herisson.Clyde.EndPoints;
-import org.springframework.http.HttpHeaders;
 import org.springframework.http.ResponseEntity;
 import org.springframework.web.bind.annotation.*;
 import ovh.herisson.Clyde.Responses.UnauthorizedResponse;
 import ovh.herisson.Clyde.Services.AuthenticatorService;
-
 import java.util.Date;
 
 @RestController
 @CrossOrigin(origins = "http://localhost:5173")
 public class LoginController {
     private final AuthenticatorService authServ;
-    public LoginController(AuthenticatorService authServ){
-       this.authServ = authServ;
-    }
-    @PostMapping("/login")
-    public ResponseEntity<String> login(@RequestParam String identifier, String password, Date expirationDate){
 
-        String sessionToken = authServ.login(identifier,password,expirationDate);
-        if (sessionToken == null){
+    public LoginController(AuthenticatorService authServ) {
+        this.authServ = authServ;
+    }
+
+    @PostMapping("/login")
+    public ResponseEntity<String> login(@RequestParam String identifier, String password, Date expirationDate) {
+        String sessionToken = authServ.login(identifier, password, expirationDate);
+        if (sessionToken == null) {
             return new UnauthorizedResponse<>("Identifier or Password incorrect");
         }
-
-        HttpHeaders responseHeaders = new HttpHeaders();
-        responseHeaders.set("Set-Cookie",String.format("session_token=%s",sessionToken));
-        return ResponseEntity.ok().headers(responseHeaders).build();
+        return ResponseEntity.ok().header("Set-Cookie", String.format("session_token=%s", sessionToken)).build();
     }
-}
-
-
+}
\ No newline at end of file
diff --git a/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java b/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
index e619fd8..520d9fe 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
@@ -1,10 +1,12 @@
 package ovh.herisson.Clyde.Services;
 
+
 import org.springframework.stereotype.Service;
 import ovh.herisson.Clyde.Repositories.TokenRepository;
 import ovh.herisson.Clyde.Tables.Token;
 import ovh.herisson.Clyde.Tables.User;
 
+import java.io.UnsupportedEncodingException;
 import java.nio.charset.StandardCharsets;
 import java.security.SecureRandom;
 import java.util.Date;
@@ -22,9 +24,12 @@ public class TokenService {
     public String generateNewToken(){
         byte[] bytes = new byte[64];
         new SecureRandom().nextBytes(bytes);
-        String token = new String(bytes, StandardCharsets.US_ASCII);
-        System.out.println(token);
-        return token;
+        // will never end up in the catch because of the way that SecureRandom.nextBytes is implemented
+        try {
+            return new String(bytes,"ISO_8859_1");
+        } catch (UnsupportedEncodingException e) {
+            throw new RuntimeException(e);
+        }
     }
 
     public User getUserFromToken(String token){

From 7ff47b6e9cffcee0bdd53db1f83f02175a3da409 Mon Sep 17 00:00:00 2001
From: Debucquoy Anthony <d.tonitch@gmail.com>
Date: Fri, 8 Mar 2024 19:23:59 +0100
Subject: [PATCH 23/32] wtf is it doing there ?

---
 frontend/src/rest/Users.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/rest/Users.js b/frontend/src/rest/Users.js
index 9ca59a1..e34d611 100644
--- a/frontend/src/rest/Users.js
+++ b/frontend/src/rest/Users.js
@@ -6,7 +6,6 @@ export async function login(user, pass, exp){
 
 export async function register(user, pass, mail){
 	return restPost("/user", {name: user, password: pass, mail: mail});
-	restPost("/login", {login: user, password: pass, expiration: exp})
 }
 
 /**

From 1383814e34fd88760b85b24715b2e25fa7f063bf Mon Sep 17 00:00:00 2001
From: Bartha Maxime <231026@umons.ac.be>
Date: Fri, 8 Mar 2024 19:57:38 +0100
Subject: [PATCH 24/32] change ASCII to ISO_8859_1

---
 Documents/JournalDeBord/authentification.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Documents/JournalDeBord/authentification.md b/Documents/JournalDeBord/authentification.md
index e0178c2..bd8debe 100644
--- a/Documents/JournalDeBord/authentification.md
+++ b/Documents/JournalDeBord/authentification.md
@@ -12,7 +12,7 @@ Lorsque qu'un utilisateur se connecte au serveur, nous lui envoyons un token qui
 navigateur. Ce token est unique à l'utilisateur et pourra être ré-envoyé dans les futures requêtes
 pour identifier l'utilisateur.
 
-Ce token est donc une chaine de 64 caractère ASCII aléatoires,ce qui est d'après nos recherches suffisant.
+Ce token est donc une chaine de 64 caractères suivant la norme ISO_8859_1(8bits par cararctère) aléatoires,ce qui est d'après nos recherches suffisant.
 
 De plus une limite de 5 token par utilisateur sera ajoutée de sorte à 
 1) S'assurer qu'une personne ne noie la base de donnée de tokens.

From 481c96bec259ad5a3480e919d78792f4b138bad5 Mon Sep 17 00:00:00 2001
From: Wawilski <Karpinskiwal@gmail.com>
Date: Fri, 8 Mar 2024 20:22:00 +0100
Subject: [PATCH 25/32] i18n added but not usable

---
 frontend/public/i18n/EN.txt | 15 ++++++++++++++-
 frontend/public/i18n/FR.txt | 14 +++++++++++++-
 frontend/src/App.vue        | 26 +++++++++++++++-----------
 frontend/src/Login.vue      |  4 ++--
 frontend/src/Request.vue    |  7 ++++---
 5 files changed, 48 insertions(+), 18 deletions(-)

diff --git a/frontend/public/i18n/EN.txt b/frontend/public/i18n/EN.txt
index ab7f59d..bc4eb40 100644
--- a/frontend/public/i18n/EN.txt
+++ b/frontend/public/i18n/EN.txt
@@ -13,5 +13,18 @@ login.guest.password=PASSWORD
 login.guest.nextpage=Next Page
 login.guest.lastpage=Last Page
 login.guest.submit=Submit
-
+login.guest.birthday=BIRTHDAY
+login.guest.confirm=CONFIRM
+app.home=Home
+app.login=Login
+app.notifications=Notifications
+app.settings=Settings
+app.messages=Messages
+app.forum=Forum
+app.schedules=Schedules
+app.inscription.requests=Inscription Requests
+request.moreInfos=More Infos
+request.accept=Accept
+request.refuse=Refuse
 #=====================================================
+
diff --git a/frontend/public/i18n/FR.txt b/frontend/public/i18n/FR.txt
index b21259b..42ab8bf 100644
--- a/frontend/public/i18n/FR.txt
+++ b/frontend/public/i18n/FR.txt
@@ -13,5 +13,17 @@ login.guest.password= MOT DE PASSE
 login.guest.nextpage=Prochaine Page
 login.guest.lastpage=Derniere Page
 login.guest.submit=Envoyer
-
+login.guest.birthday=DATE DE NAISSANCE
+login.guest.confirm=CONFIRMER
+app.home=Home
+app.login=Se connecter
+app.notifications=Notifications
+app.settings=Options
+app.messages=Messages
+app.forum=Forum
+app.schedules=Horaires
+app.inscription.requests=Demandes d'Inscription
+request.moreInfos=Plus d'Infos
+request.accept=Accepter
+request.refuse=Refuser
 #=====================================================
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 9241d68..7dcf25e 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -14,7 +14,11 @@
 		toast(test.value['txt']);
 	}
 
-   
+  const home=ref(i18n("app.home"))
+  const notifications=ref(i18n("app.notifications"))
+  const settings=ref(i18n("app.settings"))
+  const login=ref(i18n("app.login"))
+  
 
 
 </script>
@@ -24,23 +28,23 @@
 
     <div class="topBar">
       <ul class="horizontal">
-        <li title="Home">
+        <li title=home>
             <a href="#home">
                 <img @click="draw" src="./assets/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
             </a></li>
-        <li title="Home">
+        <li title=home>
             <a href="#home">
                 <div class=" fa-solid fa-house" style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
-        <li style="float: right;" title="Account">
+        <li style="float: right;" title=login>
             <a href="/login">
                 <div class="fa-solid fa-user"  style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
-        <li style="float: right;" title="Notifications">
+        <li style="float: right;" title=notifications>
             <a href="#Notifications">
                 <div class="fa-solid fa-bell"  style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
-        <li style="float: right;" title="Options">
+        <li style="float: right;" title=settings>
             <a href="#Options">
                 <div  class="fa-solid fa-gear"  style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
@@ -56,24 +60,24 @@
         <li style="margin-top: 25px;" >
           <a href="#Messages">
             <div class="fa-solid fa-comment" style="font-size: 40px;"></div>
-            <div class="text">Messages</div>
+            <div class="text">{{i18n("app.messages")}}</div>
           </a></li>
         <li >
           <a href="#Notifications">
             <div class="fa-solid fa-bell" style="font-size: 40px;" ></div>
-            <div class="text">Notifications</div>
+            <div class="text">{{i18n("app.notifications")}}</div>
           </a></li>
         <li >
           <a href="#Schedule">
             <div class="fa-solid fa-calendar-days" style="font-size: 40px;"></div>
-            <div class="text">Schedules</div>
+            <div class="text">{{i18n("app.schedules")}}</div>
           </a></li>
         <li ><a href="#Forum">
             <div class="fa-solid fa-envelope" style="font-size: 40px;" ></div>
-            <div class="text">Forum</div></a></li>
+            <div class="text">{{i18n("app.forum")}}</div></a></li>
         <li><a href="#Inscription">
             <div class="fa-solid fa-users" style="font-size: 40px;"></div>
-            <div class="text">Inscription Requests</div></a></li>
+            <div class="text">{{i18n("app.inscription.requests")}}</div></a></li>
     </ul>
 
     </div>
diff --git a/frontend/src/Login.vue b/frontend/src/Login.vue
index 163c731..8f78264 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Login.vue
@@ -73,7 +73,7 @@
                 <input type="text" v-model="firstname">
               </div>
               <div class="inputBox">
-                <p>BIRTHDAY</p>
+                <p>{{i18n("login.guest.birthday")}}</p>
                 <input type="date" v-model="birthday">
               </div>
               <div class="inputBox">
@@ -81,7 +81,7 @@
                  <input type="password" v-model="passwordOUT">
               </div>
               <div class="inputBox">
-                 <p>CONFIRM {{i18n("login.guest.password")}}</p>
+                <p>{{i18n("login.guest.confirm")}} {{i18n("login.guest.password")}}</p>
                  <input type="password" v-model="passwordConfirm">
               </div>
               
diff --git a/frontend/src/Request.vue b/frontend/src/Request.vue
index f3b1bd1..8feec18 100644
--- a/frontend/src/Request.vue
+++ b/frontend/src/Request.vue
@@ -1,4 +1,5 @@
 <script setup>
+  import i18n from "./i18n.js"
   const props = defineProps({
   id: Number,
   type: String,
@@ -20,9 +21,9 @@
     <div class="type"><a>{{type}}</a></div>
     <div class="surname"><a>{{lastName}}</a></div>
     <div class="firstname"><a>{{firstName}}</a></div>
-    <div class="infos"><button style="background-color:rgb(105,05,105);" > More infos </button></div>
-    <div class="accept"><button style="background-color:rgb(0,105,50);">Accept</button></div>
-    <div class="refuse"><button style="background-color:rgb(105,0,0);">Refuse</button></div>
+    <div class="infos"><button style="background-color:rgb(105,05,105);" >{{i18n("request.moreInfos")}}   </button></div>
+    <div class="accept"><button style="background-color:rgb(0,105,50);">{{i18n("request.accept")}}</button></div>
+    <div class="refuse"><button style="background-color:rgb(105,0,0);">{{i18n("request.refuse")}}</button></div>
   </div>
   </div>
 </template>

From 13d9020c7d900c19d89f31ed913a147f3890848a Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Wed, 6 Mar 2024 22:57:01 +0100
Subject: [PATCH 26/32] stub for cursus

---
 frontend/src/rest/cursus.js | 41 +++++++++++++++++++++++++++++++++++++
 1 file changed, 41 insertions(+)
 create mode 100644 frontend/src/rest/cursus.js

diff --git a/frontend/src/rest/cursus.js b/frontend/src/rest/cursus.js
new file mode 100644
index 0000000..c4cd98a
--- /dev/null
+++ b/frontend/src/rest/cursus.js
@@ -0,0 +1,41 @@
+/**
+ * cursus API
+ */
+
+import { restGet, restPost } from './restConsumer.js'
+
+/**
+ * Create a new cursus (bundle of courses)
+ * @param courses	list of courses
+ */
+export async function createCursus(courses){
+	return restPost("/cursus", {courses: courses} );
+}
+
+/**
+ * Delete the specified cursus
+ */
+export async function deleteCursus(id){
+	return restDelete("/cursus/" + id);
+}
+
+/**
+ * Get informations on a particular cursus
+ *
+ * @param id	identification of the cursus
+ *
+ * @return list of courses 
+ */
+export async function getCursus(id){
+	return restGet("/cursus/" + id);
+}
+
+/**
+ * Modify the courses of a cursus
+ *
+ * @param id		the id of the cursus
+ * @param courses	list of new courses 
+ */
+export async function alterCursus(id, courses){
+	return restPatch("/cursus/" + id, courses);
+}

From 8e40638b5e85e439f207a3cc2a676ecb9c8829d7 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Wed, 6 Mar 2024 23:10:29 +0100
Subject: [PATCH 27/32] adding the right dependencies

---
 frontend/src/rest/cursus.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/rest/cursus.js b/frontend/src/rest/cursus.js
index c4cd98a..5aad5be 100644
--- a/frontend/src/rest/cursus.js
+++ b/frontend/src/rest/cursus.js
@@ -2,7 +2,7 @@
  * cursus API
  */
 
-import { restGet, restPost } from './restConsumer.js'
+import { restGet, restPostn, restDelete, restPatch } from './restConsumer.js'
 
 /**
  * Create a new cursus (bundle of courses)

From a524845d06a96155d0e5bbb807b62dd8f994650c Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Wed, 6 Mar 2024 19:22:10 +0100
Subject: [PATCH 28/32] First draft of the register requests api.

I don't think it's currently usable but it serve as a stub for when
backend will support it
---
 frontend/src/rest/ServiceInscription.js | 35 +++++++++++++++++++++++++
 1 file changed, 35 insertions(+)
 create mode 100644 frontend/src/rest/ServiceInscription.js

diff --git a/frontend/src/rest/ServiceInscription.js b/frontend/src/rest/ServiceInscription.js
new file mode 100644
index 0000000..ee75c3b
--- /dev/null
+++ b/frontend/src/rest/ServiceInscription.js
@@ -0,0 +1,35 @@
+/**
+ * functions to handle register requests. 
+ *
+ * TODO: On time of writing, the backend doesn't support these endpoints so it could be modified in the future.
+ */
+import { restGet } from './restConsumer.js'
+
+/**
+ * create a new register requests that can be recovered by the registering service
+ * TODO: add info in the Object (I don't know what will be needed)
+ */
+export async function createRegister(){
+	return restPost("/requests/register"});
+}
+
+/**
+ * list all register request in a list of Objects
+ */
+export async function getRegisters(){
+	return restGet("/requests/register")
+}
+
+/**
+ * Get info on a particular registering request
+ */
+export async function getRegisters(id){
+	return restGet("/requests/register/" + id);
+}
+
+/**
+ * Change the state of a requests.
+ */
+export async function validateRegister(id, state){
+	return restPost("/requests/register/" + id, {state: state});
+}

From 82a3b152f2f02997a7a174eaa953fa9f610e544c Mon Sep 17 00:00:00 2001
From: Bartha Maxime <231026@umons.ac.be>
Date: Fri, 8 Mar 2024 20:54:23 +0100
Subject: [PATCH 29/32] put the params in the body and fixed token issue

---
 .../Clyde/EndPoints/LoginController.java      | 36 ++++++++++++++-----
 .../herisson/Clyde/Services/TokenService.java |  7 ++++
 2 files changed, 35 insertions(+), 8 deletions(-)

diff --git a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/LoginController.java b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/LoginController.java
index be8d1df..8a0722d 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/EndPoints/LoginController.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/EndPoints/LoginController.java
@@ -1,8 +1,11 @@
 package ovh.herisson.Clyde.EndPoints;
+import com.fasterxml.jackson.annotation.JsonFormat;
+import org.springframework.http.HttpHeaders;
 import org.springframework.http.ResponseEntity;
 import org.springframework.web.bind.annotation.*;
 import ovh.herisson.Clyde.Responses.UnauthorizedResponse;
 import ovh.herisson.Clyde.Services.AuthenticatorService;
+
 import java.util.Date;
 
 @RestController
@@ -10,16 +13,33 @@ import java.util.Date;
 public class LoginController {
     private final AuthenticatorService authServ;
 
-    public LoginController(AuthenticatorService authServ) {
-        this.authServ = authServ;
+    static public class RequestLogin{
+        private final String identifier;
+        private final String password;
+        @JsonFormat(pattern="yyyy-MM-dd'T'HH:mm:ss")
+        private final Date expirationDate;
+        public RequestLogin(String identifier, String password, Date expirationDate){
+            this.identifier = identifier;
+            this.password = password;
+            this.expirationDate = expirationDate;
+        }
     }
 
-    @PostMapping("/login")
-    public ResponseEntity<String> login(@RequestParam String identifier, String password, Date expirationDate) {
-        String sessionToken = authServ.login(identifier, password, expirationDate);
-        if (sessionToken == null) {
+    public LoginController(AuthenticatorService authServ){
+        this.authServ = authServ;
+    }
+    @PostMapping(value = "/login")
+    public ResponseEntity<String> login(@RequestBody RequestLogin requestLogin){
+
+        String sessionToken = authServ.login(requestLogin.identifier,requestLogin.password,requestLogin.expirationDate);
+        if (sessionToken == null){
             return new UnauthorizedResponse<>("Identifier or Password incorrect");
         }
-        return ResponseEntity.ok().header("Set-Cookie", String.format("session_token=%s", sessionToken)).build();
+
+        HttpHeaders responseHeaders = new HttpHeaders();
+        responseHeaders.set("Set-Cookie",String.format("session_token=%s",sessionToken));
+        return ResponseEntity.ok().headers(responseHeaders).build();
     }
-}
\ No newline at end of file
+}
+
+
diff --git a/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java b/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
index 520d9fe..4f4e0ad 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
@@ -24,6 +24,13 @@ public class TokenService {
     public String generateNewToken(){
         byte[] bytes = new byte[64];
         new SecureRandom().nextBytes(bytes);
+        for (int i = 0; i < bytes.length; i++) {
+            while (bytes[i] == 0){
+                byte[] temp = new byte[1];
+                new SecureRandom().nextBytes(temp);
+                bytes[i] = temp[0];
+            }
+        }
         // will never end up in the catch because of the way that SecureRandom.nextBytes is implemented
         try {
             return new String(bytes,"ISO_8859_1");

From 619d2601f1853a3cb82c398dea60e74de88f26e0 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Fri, 8 Mar 2024 22:00:15 +0100
Subject: [PATCH 30/32] Fix lang toggle

This is not perfect as the toggle is not set to the right position when
the site is reload but as @Wal_ said he would refactor, I just made a
working sample good enough imo
---
 frontend/src/App.vue  | 4 ++--
 frontend/src/utils.js | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 7dcf25e..0089e41 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -2,7 +2,7 @@
 	import 'https://kit.fontawesome.com/fb3bbd0a95.js'
 	import { toast } from 'vue3-toastify';
 	import { ref } from 'vue'
-  import i18n from './i18n.js'
+  import i18n, { setLang } from './i18n.js'
   import Inscription from "./Inscription.vue"
 
 
@@ -50,7 +50,7 @@
             </a></li>
 
         <li style="float:right; margin-top:7.5px;" title="Language">
-            <input type="checkbox" v-model="toggle" true-value="FR" false-value="EN" class="theme-checkbox">
+            <input type="checkbox" @:click="setLang( toggle? 'fr' : 'en' )" v-model="toggle" class="theme-checkbox">
         </li>
       </ul>
     </div>
diff --git a/frontend/src/utils.js b/frontend/src/utils.js
index bb9e61f..d00e306 100644
--- a/frontend/src/utils.js
+++ b/frontend/src/utils.js
@@ -19,7 +19,7 @@ export function getCookie(key){
  * @param key cookie name
  */
 export function setCookie(key, value){
-	cookie = key + "=" + value + ";";
+	let cookie = key + "=" + value + "; SameSite=Lax";
 	document.cookie = cookie;
 	// Here we can apreciate the stupidity of Javascript :/
 }

From ba8b32160d6f75030671fe0eca8af9bfbde5c872 Mon Sep 17 00:00:00 2001
From: Anthony Debucquoy <debucquoy.anthony@gmail.com>
Date: Fri, 8 Mar 2024 23:35:11 +0100
Subject: [PATCH 31/32] Lots of refactoring
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Removing test mentions in readme
- moving login page as an app
- removing vite broken config
- removing auto-generated and unused vite configuration (base.css)

Overall simplification

(sorry @Wal I kinda destroyed your login page a bit but seems fixable 👉👈)
---
 frontend/README.md                      |  6 --
 frontend/login/index.html               | 11 ----
 frontend/src/App.vue                    | 34 ++++++----
 frontend/src/{ => Apps}/Inscription.vue |  0
 frontend/src/{ => Apps}/Login.vue       | 13 +---
 frontend/src/{ => Apps}/Request.vue     |  2 +-
 frontend/src/assets/base.css            | 86 -------------------------
 frontend/src/login.js                   |  7 --
 frontend/src/main.js                    |  1 +
 frontend/vite.config.js                 |  9 ---
 10 files changed, 25 insertions(+), 144 deletions(-)
 delete mode 100644 frontend/login/index.html
 rename frontend/src/{ => Apps}/Inscription.vue (100%)
 rename frontend/src/{ => Apps}/Login.vue (95%)
 rename frontend/src/{ => Apps}/Request.vue (98%)
 delete mode 100644 frontend/src/assets/base.css
 delete mode 100644 frontend/src/login.js

diff --git a/frontend/README.md b/frontend/README.md
index 39ae23c..251ed06 100644
--- a/frontend/README.md
+++ b/frontend/README.md
@@ -19,9 +19,3 @@ npm run dev
 ```sh
 npm run build
 ```
-
-### Run Unit Tests with [Vitest](https://vitest.dev/)
-
-```sh
-npm run test:unit
-```
diff --git a/frontend/login/index.html b/frontend/login/index.html
deleted file mode 100644
index 05192e0..0000000
--- a/frontend/login/index.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<!DOCTYPE html>
-<html>
-	<head>
-		<meta charset="utf-8">
-		<title>Clyde - Login</title>
-	</head>
-	<body>
-		<div id="app"></div>
-		<script type=module src="/src/login.js"></script>
-	</body>
-</html>
diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 0089e41..51f8882 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -1,18 +1,26 @@
 <script setup>
-	import 'https://kit.fontawesome.com/fb3bbd0a95.js'
-	import { toast } from 'vue3-toastify';
-	import { ref } from 'vue'
+  import { toast } from 'vue3-toastify';
+  import { ref, computed } from 'vue'
   import i18n, { setLang } from './i18n.js'
-  import Inscription from "./Inscription.vue"
 
 
-  const test = ref();
+  // Liste des apps
+  import LoginPage from './Apps/Login.vue'
+  import Inscription from "./Apps/Inscription.vue"
 
-	async function draw(e) {
-		test.value = (await fetch("http://localhost:8080/ping"));
-		test.value = await test.value.json();
-		toast(test.value['txt']);
-	}
+  const apps = {
+  	'/login': LoginPage,
+	'/inscription': Inscription
+  }
+  const currentPath = ref(window.location.hash)
+
+  window.addEventListener('hashchange', () => {
+    currentPath.value = window.location.hash
+  })
+  
+  const currentView = computed(() => {
+    return apps[currentPath.value.slice(1) || '/']
+  })
 
   const home=ref(i18n("app.home"))
   const notifications=ref(i18n("app.notifications"))
@@ -37,7 +45,7 @@
                 <div class=" fa-solid fa-house" style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
         <li style="float: right;" title=login>
-            <a href="/login">
+            <a href="#/login">
                 <div class="fa-solid fa-user"  style="margin-top: 7px; margin-bottom: 3px;"></div>
             </a></li>
         <li style="float: right;" title=notifications>
@@ -75,7 +83,7 @@
         <li ><a href="#Forum">
             <div class="fa-solid fa-envelope" style="font-size: 40px;" ></div>
             <div class="text">{{i18n("app.forum")}}</div></a></li>
-        <li><a href="#Inscription">
+        <li><a href="#/inscription">
             <div class="fa-solid fa-users" style="font-size: 40px;"></div>
             <div class="text">{{i18n("app.inscription.requests")}}</div></a></li>
     </ul>
@@ -83,7 +91,7 @@
     </div>
     <div class="page">
       <div style=" margin:50px;">
-        <Inscription></Inscription>
+		<component :is="currentView" />
       </div>
     </div>
   </div>
diff --git a/frontend/src/Inscription.vue b/frontend/src/Apps/Inscription.vue
similarity index 100%
rename from frontend/src/Inscription.vue
rename to frontend/src/Apps/Inscription.vue
diff --git a/frontend/src/Login.vue b/frontend/src/Apps/Login.vue
similarity index 95%
rename from frontend/src/Login.vue
rename to frontend/src/Apps/Login.vue
index 8f78264..5f053ab 100644
--- a/frontend/src/Login.vue
+++ b/frontend/src/Apps/Login.vue
@@ -1,7 +1,7 @@
 <script setup>
-  import { login , register} from './rest/Users.js'
+  import { login , register} from '@/rest/Users.js'
   import { ref } from 'vue'
-  import i18n from './i18n.js'
+  import i18n from '@/i18n.js'
   const loginPage= ref(true)
   const page = ref(0)
 
@@ -27,12 +27,6 @@
 
 
 <template>
-  <body>
-    <div class="Home">
-    <a href="/">
-       <img @click="draw" src="./assets/Clyde.png" style="width: 40px; height: auto; margin-top:4px">
-    </a>
-    </div>
     <div class="logBoxCenterer">
       <div class='loginBox'>
 
@@ -128,7 +122,6 @@
          </div>
         </div>
       </div>
-  </body>
 </template>
 
 <style scoped>
@@ -150,7 +143,6 @@
 }
 
 .logBoxCenterer {
-  position: absolute;
   width: 100%;
   height:  100%;
   display: flex;
@@ -161,7 +153,6 @@
 
 .loginBox {
   background-color: rgb(24,24,24);
-  position : absolute;
   width: 400px;
   display:flex;
   justify-content: center;
diff --git a/frontend/src/Request.vue b/frontend/src/Apps/Request.vue
similarity index 98%
rename from frontend/src/Request.vue
rename to frontend/src/Apps/Request.vue
index 8feec18..4d63464 100644
--- a/frontend/src/Request.vue
+++ b/frontend/src/Apps/Request.vue
@@ -1,5 +1,5 @@
 <script setup>
-  import i18n from "./i18n.js"
+  import i18n from "@/i18n.js"
   const props = defineProps({
   id: Number,
   type: String,
diff --git a/frontend/src/assets/base.css b/frontend/src/assets/base.css
deleted file mode 100644
index 8816868..0000000
--- a/frontend/src/assets/base.css
+++ /dev/null
@@ -1,86 +0,0 @@
-/* color palette from <https://github.com/vuejs/theme> */
-:root {
-  --vt-c-white: #ffffff;
-  --vt-c-white-soft: #f8f8f8;
-  --vt-c-white-mute: #f2f2f2;
-
-  --vt-c-black: #181818;
-  --vt-c-black-soft: #222222;
-  --vt-c-black-mute: #282828;
-
-  --vt-c-indigo: #2c3e50;
-
-  --vt-c-divider-light-1: rgba(60, 60, 60, 0.29);
-  --vt-c-divider-light-2: rgba(60, 60, 60, 0.12);
-  --vt-c-divider-dark-1: rgba(84, 84, 84, 0.65);
-  --vt-c-divider-dark-2: rgba(84, 84, 84, 0.48);
-
-  --vt-c-text-light-1: var(--vt-c-indigo);
-  --vt-c-text-light-2: rgba(60, 60, 60, 0.66);
-  --vt-c-text-dark-1: var(--vt-c-white);
-  --vt-c-text-dark-2: rgba(235, 235, 235, 0.64);
-}
-
-/* semantic color variables for this project */
-:root {
-  --color-background: var(--vt-c-white);
-  --color-background-soft: var(--vt-c-white-soft);
-  --color-background-mute: var(--vt-c-white-mute);
-
-  --color-border: var(--vt-c-divider-light-2);
-  --color-border-hover: var(--vt-c-divider-light-1);
-
-  --color-heading: var(--vt-c-text-light-1);
-  --color-text: var(--vt-c-text-light-1);
-
-  --section-gap: 160px;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-background: var(--vt-c-black);
-    --color-background-soft: var(--vt-c-black-soft);
-    --color-background-mute: var(--vt-c-black-mute);
-
-    --color-border: var(--vt-c-divider-dark-2);
-    --color-border-hover: var(--vt-c-divider-dark-1);
-
-    --color-heading: var(--vt-c-text-dark-1);
-    --color-text: var(--vt-c-text-dark-2);
-  }
-}
-
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  margin: 0;
-  font-weight: normal;
-}
-
-body {
-  min-height: 100vh;
-  color: var(--color-text);
-  background: var(--color-background);
-  transition:
-    color 0.5s,
-    background-color 0.5s;
-  line-height: 1.6;
-  font-family:
-    Inter,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    Oxygen,
-    Ubuntu,
-    Cantarell,
-    'Fira Sans',
-    'Droid Sans',
-    'Helvetica Neue',
-    sans-serif;
-  font-size: 15px;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
diff --git a/frontend/src/login.js b/frontend/src/login.js
deleted file mode 100644
index 5e4180d..0000000
--- a/frontend/src/login.js
+++ /dev/null
@@ -1,7 +0,0 @@
-import './assets/main.css'
-import 'vue3-toastify/dist/index.css';
-
-import { createApp } from 'vue'
-import App from './Login.vue'
-
-createApp(App).mount('#app')
diff --git a/frontend/src/main.js b/frontend/src/main.js
index 59b267a..a46ba7e 100644
--- a/frontend/src/main.js
+++ b/frontend/src/main.js
@@ -1,5 +1,6 @@
 import './assets/main.css'
 import 'vue3-toastify/dist/index.css';
+import 'https://kit.fontawesome.com/fb3bbd0a95.js'
 
 import { createApp } from 'vue'
 import App from './App.vue'
diff --git a/frontend/vite.config.js b/frontend/vite.config.js
index c70f843..79b748d 100644
--- a/frontend/vite.config.js
+++ b/frontend/vite.config.js
@@ -10,15 +10,6 @@ export default defineConfig({
     vue(),
     topLevelAwait(),
   ],
-  build: {
- 	rollupOptions:{
-		input:{
-			main: './index.html',
-			login: './login/index.html'
-		}
-  
-  	}
-  },
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url))

From 521c98fdc234298f25b7224c72637efd8ccd609c Mon Sep 17 00:00:00 2001
From: Bartha Maxime <231026@umons.ac.be>
Date: Sat, 9 Mar 2024 00:46:40 +0100
Subject: [PATCH 32/32] token is now an writable char thanks to the modulos !

---
 .../main/java/ovh/herisson/Clyde/Services/TokenService.java | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java b/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
index 4f4e0ad..a82951d 100644
--- a/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
+++ b/backend/src/main/java/ovh/herisson/Clyde/Services/TokenService.java
@@ -25,11 +25,7 @@ public class TokenService {
         byte[] bytes = new byte[64];
         new SecureRandom().nextBytes(bytes);
         for (int i = 0; i < bytes.length; i++) {
-            while (bytes[i] == 0){
-                byte[] temp = new byte[1];
-                new SecureRandom().nextBytes(temp);
-                bytes[i] = temp[0];
-            }
+            bytes[i] = (byte) (((bytes[i]+256)%256  %95+ 32));
         }
         // will never end up in the catch because of the way that SecureRandom.nextBytes is implemented
         try {