44 lines
1.5 KiB
JavaScript
44 lines
1.5 KiB
JavaScript
define(['m', '_', 'util', 'views/topNavBar', 'views/footer'], function (m, _ , util, topNavBar, footer) {
|
|
|
|
var loginComponent = {};
|
|
|
|
loginComponent.logo = function(){
|
|
var style = 'height: 250px; width: 250px; background-size: 250px; background-image: url(images/logosansfond.JPG);';
|
|
return m('div.uk-cover-background.uk-container-center', {style: style});
|
|
};
|
|
|
|
loginComponent.logoLine = function(){
|
|
return m('div.uk-grid.uk-margin',
|
|
m('div.uk-width-1-1', loginComponent.logo()));
|
|
};
|
|
|
|
loginComponent.loginForm = function(){
|
|
return m('div.uk-panel.uk-panel-box.uk-panel-box-secondary.uk-width-large-1-3.uk-container-center.uk-margin', [
|
|
m('form.uk-text-center',
|
|
m('div.uk-form-row', m('label', "Nom d'utilisateur ", m('input[type=text].uk-form-width-small'))),
|
|
m('div.uk-form-row', m('label', "Mot de passe ", m('input[type=password].uk-form-width-small'))),
|
|
m('div.uk-form-row', m('button.uk-button', m("i.fa.fa-mars-double"), " Pénétrez"))
|
|
)
|
|
]);
|
|
};
|
|
|
|
loginComponent.view = function(){
|
|
return m('div', [
|
|
loginComponent.logoLine(),
|
|
loginComponent.loginForm()
|
|
]);
|
|
};
|
|
|
|
var loginPage = {};
|
|
|
|
loginPage.view = function(){
|
|
return [
|
|
m.component(topNavBar),
|
|
m.component(loginComponent),
|
|
m.component(footer)
|
|
];
|
|
};
|
|
|
|
return loginPage;
|
|
});
|