From eba991aee6e296201f1834222eca8914c740c293 Mon Sep 17 00:00:00 2001 From: Antoine Duquenoy Date: Mon, 1 Oct 2018 11:43:49 +0200 Subject: [PATCH] Front-end : page de login et page d'accueil --- Front/css/home.css | 12 ++++++++++++ Front/css/login.css | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ Front/index.html | 177 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ Front/js/home.js | 21 +++++++++++++++++++++ Front/js/login.js | 33 +++++++++++++++++++++++++++++++++ Front/login.html | 54 ++++++++++++++++++++++++++++++++++++++++++++++++++++++ 6 files changed, 351 insertions(+), 0 deletions(-) create mode 100644 Front/css/home.css create mode 100644 Front/css/login.css create mode 100644 Front/index.html create mode 100644 Front/js/home.js create mode 100644 Front/js/login.js create mode 100644 Front/login.html diff --git a/Front/css/home.css b/Front/css/home.css new file mode 100644 index 0000000..f1a3ac6 --- /dev/null +++ b/Front/css/home.css @@ -0,0 +1,12 @@ +body { background-color: #FFF; } + +.upload-drop-zone { + height: 200px; + border-width: 2px; + margin-bottom: 20px; + color: #ccc; + border-style: dashed; + border-color: #ccc; + line-height: 200px; + text-align: center +} diff --git a/Front/css/login.css b/Front/css/login.css new file mode 100644 index 0000000..e7ffb69 --- /dev/null +++ b/Front/css/login.css @@ -0,0 +1,54 @@ +body { background-color: #E9EEF2; } + +.form-heading { color:#fff; font-size:23px; } + +.panel h2{ color:#444444; font-size:18px; margin:0 0 8px 0; } + +.panel p { color:#777777; font-size:14px; margin-bottom:30px; line-height:24px; } + +.login-form .form-control { + background: #f7f7f7 none repeat scroll 0 0; + border: 1px solid #d4d4d4; + border-radius: 4px; + font-size: 14px; + height: 50px; + line-height: 50px; +} + +.main-div { + background: #ffffff none repeat scroll 0 0; + border-radius: 5px; + margin: 50px auto; + max-width: 38%; + padding: 50px 70px 70px 71px; +} + +.login-form .form-group { + margin-bottom:10px; +} + +.login-form { text-align:center;} + +.forgot a { + color: #777777; + font-size: 14px; + text-decoration: underline; +} +.login-form .btn.btn-primary { + background: #f0ad4e none repeat scroll 0 0; + border-color: #f0ad4e; + color: #ffffff; + font-size: 14px; + width: 100%; + height: 50px; + line-height: 50px; + padding: 0; +} + +.login-form .btn.btn-primary.reset { + background: #ff9900 none repeat scroll 0 0; +} + +.back { text-align: left; margin-top:10px; } + +.back a {color: #444444; font-size: 13px;text-decoration: none;} diff --git a/Front/index.html b/Front/index.html new file mode 100644 index 0000000..f12bd70 --- /dev/null +++ b/Front/index.html @@ -0,0 +1,177 @@ + + + + + + + + + + + + + + + Accueil + + + +
+ + + +
+ +

Choix des noeuds

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NomIPArchitecture
NixonSystem ArchitectEdinburgh
WintersAccountantTokyo
CoxJunior Technical AuthorSan Francisco
KellySenior Javascript DeveloperEdinburgh
SatouAccountantTokyo
WilliamsonIntegration SpecialistNew York
ChandlerSales AssistantSan Francisco
DavidsonIntegration SpecialistTokyo
HurstJavascript DeveloperSan Francisco
FrostSoftware EngineerEdinburgh
GainesOffice ManagerLondon
FlynnSupport LeadEdinburgh
MarshallRegional DirectorSan Francisco
KennedySenior Marketing DesignerLondon
FitzpatrickRegional DirectorLondon
SilvaMarketing DesignerLondon
ByrdChief Financial Officer (CFO)New York
LittleSystems AdministratorNew York
GreerSoftware EngineerLondon
+ +

Uploader un fichier

+ +
+ +

Choix du fichier

+ +
+ Clic ou dépose un fichier ici +
+ +
+
25%
+
+ +
+
+ +
+ + + + + + + + + + + + diff --git a/Front/js/home.js b/Front/js/home.js new file mode 100644 index 0000000..f5f60a0 --- /dev/null +++ b/Front/js/home.js @@ -0,0 +1,21 @@ +var tableNodes; + +$(document).ready(function() { + + tableNodes = $('#nodes-table').DataTable( { + select: { + style: 'multi' + } + } ); + + tableNodes.on( 'select', function (e, dt, type, indexes) { + var rowData = tableNodes.rows( indexes ).data().toArray(); + console.log(JSON.stringify(rowData)); + } ); + + tableNodes.on( 'deselect', function (e, dt, type, indexes) { + var rowData = tableNodes.rows(indexes).data().toArray(); + console.log(JSON.stringify(rowData)); + } ); + +} ); diff --git a/Front/js/login.js b/Front/js/login.js new file mode 100644 index 0000000..ad56208 --- /dev/null +++ b/Front/js/login.js @@ -0,0 +1,33 @@ + + +new Vue({ + + el: '#app', + + data: { + wrong: false, + user: { + login: "", + password: "", + } + }, + + computed: { + + }, + + methods: { + login: function () { + if(this.user.login == "test") { + this.wrong = true; + window.setTimeout(() => + { + this.wrong = false + console.log("reset") + } + , 4000) + } + } + } + +}) diff --git a/Front/login.html b/Front/login.html new file mode 100644 index 0000000..af60dce --- /dev/null +++ b/Front/login.html @@ -0,0 +1,54 @@ + + + + + + + + + + + + Connexion + + + +
+ +
+ + + + + + + + + + + -- libgit2 0.21.2