Version 0.1.2 - Ajout du systême d'authentification

public/javascripts/basics.js

@@ -9,13 +9,14 @@ class InfoPop {
     constructor(name) {
         this.name = name
         this.element = getID(this.name)
+        this.element.innerHTML = " "
         this.element.style.fontSize = "14px"
-
+        this.element.style.position = "sticky"
     }
 
     clear() {
 
-        this.element.innerHTML = ""
+        this.element.innerHTML = "&nbsp"
     }
     
     err(text) {

public/javascripts/loginscript.js

@@ -10,13 +10,57 @@ submit.addEventListener("click", () => {
 
     if(!username.value) {
 
-        loginInfo.err("Le nom d'utilisateur est nécéssaire pour se connecter !")
+        loginInfo.err("Un nom d'utilisateur est nécéssaire pour se connecter !")
 
     } else if(!password.value) {
 
-        loginInfo.err("Le mot de passe est nécéssaire pour se connecter !")
+        loginInfo.err("Un mot de passe est nécéssaire pour se connecter !")
     } else {
 
-        loginInfo.clear()
+        
+        login()
     }
-})
+})
+
+password.addEventListener("keyup", (event) => {
+    if (event.key === "Enter") {
+       login()
+    }
+});
+
+function login() {
+
+    loginInfo.clear()
+
+    fetch('/login', {
+        method: 'POST',
+        redirect: 'follow',
+        headers: {
+            'Accept': 'application/json',
+            'Content-Type': 'application/json'
+        },
+        body: JSON.stringify({
+            username: username.value,
+            password: password.value
+        })
+    })
+    .then(response => redirect(response))
+
+    async function redirect(response) {
+
+        response = await response.text()
+
+        if(response == "AUTH_FAILED") {
+      
+            loginInfo.err("Le nom d'utilisateur et le mot de passe sont incorrects.")
+
+        } else if(response == "AUTH_SUCCESS") {
+            
+            window.location.href = "/"
+
+        }
+
+       
+
+    } 
+}