Version 0.1.1 - Ajout d'une page de login et de style
This commit is contained in:
		
							
								
								
									
										35
									
								
								public/javascripts/basics.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										35
									
								
								public/javascripts/basics.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,35 @@
 | 
			
		||||
// Get Document ID
 | 
			
		||||
 | 
			
		||||
function getID(string) {
 | 
			
		||||
 | 
			
		||||
    return document.getElementById(string)
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
class InfoPop {
 | 
			
		||||
    constructor(name) {
 | 
			
		||||
        this.name = name
 | 
			
		||||
        this.element = getID(this.name)
 | 
			
		||||
        this.element.style.fontSize = "14px"
 | 
			
		||||
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    clear() {
 | 
			
		||||
 | 
			
		||||
        this.element.innerHTML = ""
 | 
			
		||||
    }
 | 
			
		||||
    
 | 
			
		||||
    err(text) {
 | 
			
		||||
     
 | 
			
		||||
        this.element.classList.add("yellow")
 | 
			
		||||
        this.element.innerHTML = "<i class='fa fa-warning'></i> " + text
 | 
			
		||||
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
    info(text) {
 | 
			
		||||
   
 | 
			
		||||
        this.element.classList.remove("yellow")
 | 
			
		||||
 | 
			
		||||
        this.element.innerHTML = "<i class='fa fa-info-circle'></i> " + text
 | 
			
		||||
    }
 | 
			
		||||
 | 
			
		||||
}
 | 
			
		||||
							
								
								
									
										22
									
								
								public/javascripts/loginscript.js
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										22
									
								
								public/javascripts/loginscript.js
									
									
									
									
									
										Normal file
									
								
							@@ -0,0 +1,22 @@
 | 
			
		||||
const username = getID("username")
 | 
			
		||||
const password = getID("password")
 | 
			
		||||
const submit = getID("submit")
 | 
			
		||||
 | 
			
		||||
const loginInfo = new InfoPop("login-info")
 | 
			
		||||
 | 
			
		||||
loginInfo.clear()
 | 
			
		||||
 | 
			
		||||
submit.addEventListener("click", () => {
 | 
			
		||||
 | 
			
		||||
    if(!username.value) {
 | 
			
		||||
 | 
			
		||||
        loginInfo.err("Le 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 !")
 | 
			
		||||
    } else {
 | 
			
		||||
 | 
			
		||||
        loginInfo.clear()
 | 
			
		||||
    }
 | 
			
		||||
})
 | 
			
		||||
		Reference in New Issue
	
	Block a user