ui ui ui

script/views/loginPage.js

@@ -0,0 +1,43 @@
+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;
+});