From 16057e3457a511a8a8b21b3bd668d61b99009b32 Mon Sep 17 00:00:00 2001 From: Jonas_Jones <91549607+J-onasJones@users.noreply.github.com> Date: Wed, 24 Nov 2021 00:08:49 +0100 Subject: [PATCH] Delete login/js directory --- login/js/auth.js | 20 ------------ login/js/login.js | 77 ----------------------------------------------- 2 files changed, 97 deletions(-) delete mode 100644 login/js/auth.js delete mode 100644 login/js/login.js diff --git a/login/js/auth.js b/login/js/auth.js deleted file mode 100644 index 082013e..0000000 --- a/login/js/auth.js +++ /dev/null @@ -1,20 +0,0 @@ -class Auth { - constructor() { - document.querySelector("body").style.display = "none"; - const auth = localStorage.getItem("auth"); - this.validateAuth(auth); - } - - validateAuth(auth) { - if (auth != 1) { - window.location.replace("/"); - } else { - document.querySelector("body").style.display = "block"; - } - } - - logOut() { - localStorage.removeItem("auth"); - window.location.replace("/"); - } -} diff --git a/login/js/login.js b/login/js/login.js deleted file mode 100644 index 0b4b5b6..0000000 --- a/login/js/login.js +++ /dev/null @@ -1,77 +0,0 @@ -class Login { - constructor(form, fields) { - this.form = form; - this.fields = fields; - this.validateonSubmit(); - } - - validateonSubmit() { - let self = this; - - this.form.addEventListener("submit", (e) => { - e.preventDefault(); - var error = 0; - self.fields.forEach((field) => { - const input = document.querySelector(`#${field}`); - if (self.validateFields(input) == false) { - error++; - } - }); - if (error == 0) { - //do login api here - localStorage.setItem("auth", 1); - this.form.submit(); - } - }); - } - - validateFields(field) { - if (field.value.trim() === "") { - this.setStatus( - field, - `${field.previousElementSibling.innerText} cannot be blank`, - "error" - ); - return false; - } else { - if (field.type == "password") { - if (field.value.length < 8) { - this.setStatus( - field, - `${field.previousElementSibling.innerText} must be at least 8 characters`, - "error" - ); - return false; - } else { - this.setStatus(field, null, "success"); - return true; - } - } else { - this.setStatus(field, null, "success"); - return true; - } - } - } - - setStatus(field, message, status) { - const errorMessage = field.parentElement.querySelector(".error-message"); - - if (status == "success") { - if (errorMessage) { - errorMessage.innerText = ""; - } - field.classList.remove("input-error"); - } - - if (status == "error") { - errorMessage.innerText = message; - field.classList.add("input-error"); - } - } -} - -const form = document.querySelector(".loginForm"); -if (form) { - const fields = ["username", "password"]; - const validator = new Login(form, fields); -}