Comunic/ComunicWeb
1
0
Fork 0
mirror of https://github.com/pierre42100/ComunicWeb synced 2025-11-03 19:54:14 +00:00
Code Issues Projects Releases Wiki Activity

Added login form

Browse Source
This commit is contained in:
Pierre
2017-05-24 16:21:34 +02:00
parent 3020abc4bf
commit e04326c9f3
6 changed files with 79 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
assets/js/components/menuBar/common.js
View File

@@ -70,6 +70,17 @@ ComunicWeb.components.menuBar.common = {
ComunicWeb.common.page.openPage("home");
});
//Create navbar collapsed button
var navbarCollapsedButton = createElem("button", navbarHeader);
navbarCollapsedButton.type = "button";
navbarCollapsedButton.className = "navbar-toggle collapsed";
navbarCollapsedButton.setAttribute("data-toggle", "collapse");
navbarCollapsedButton.setAttribute("data-target", "#navbar-collapse");
//Create navbar icon
var navbarCollapsIcon = createElem("i", navbarCollapsedButton);
navbarCollapsIcon.className = "fa fa-bars";
//Now we need to know if user is logged in or not
var userLoggedIn = ComunicWeb.user.userLogin.getUserLoginState();

49
assets/js/components/menuBar/notAuthenticated.js
View File

@@ -8,9 +8,52 @@ ComunicWeb.components.menuBar.notAuthenticated = {
/**
* Add not-authenticated user specific elements
*
* @param {HTMLElement} addElements The container element of the Menubar
* @param {HTMLElement} container The container element of the Menubar
*/
addElements: function(addElements){
addElements: function(container){
//Create an auto-collapsed element
var navbarCollapse = createElem("div", container);
navbarCollapse.id = "navbar-collapse";
navbarCollapse.className = "navbar-collapse pull-right collapse";
//Create login form
var loginForm = createElem("form", navbarCollapse);
loginForm.className = "navbar-form navbar-left menubar-loginForm";
loginForm.setAttribute("role", "login");
loginForm.onsubmit = function(){
//Try to login user; in case of failure redirect
}
//Add email address formGroup
var emailFormGroup = createElem("div", loginForm);
emailFormGroup.className = "form-group";
//Add email input
var emailInput = createElem("input", emailFormGroup);
emailInput.className = "form-control";
emailInput.placeholder = "Email address";
emailInput.type = "email";
//Add password formGroup
var passwordFormGroup = createElem("div", loginForm);
passwordFormGroup.className = "form-group";
//Add password input
var passwordInput = createElem("input", passwordFormGroup);
passwordInput.className = "form-control";
passwordInput.placeholder = "Password";
passwordInput.type = "password";
//Add submit button formGroup
var submitFromGroup = createElem("div", loginForm);
submitFromGroup.className = "form-group";
//Add submit input
var submitInput = createElem("input", submitFromGroup);
submitInput.className = "form-control";
submitInput.value = "Login";
submitInput.type = "submit";
}
}