From ad2dfd30462797bdc6d60bd81d07ea4ec16bf529 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jes=C3=BAs=20=C3=81ngel=20Gonz=C3=A1lez?=
 <jesusgonzalez@wazuh.com>
Date: Thu, 25 Jan 2018 13:44:53 +0100
Subject: [PATCH] Login view

---
 public/templates/auth/login.html | 39 +++++++++++++++++++++++---------
 1 file changed, 28 insertions(+), 11 deletions(-)

diff --git a/public/templates/auth/login.html b/public/templates/auth/login.html
index 65a07c319..6abee63d0 100644
--- a/public/templates/auth/login.html
+++ b/public/templates/auth/login.html
@@ -1,13 +1,30 @@
-<md-content flex ng-controller="loginController" layout="column">
-    <md-input-container class="md-block">
-        <label>Password</label>
-        <input required type="password" name="passwordField" ng-model="passwordField"  minlength="1" maxlength="100" />
-        <md-button type="submit" class="buttonBlueLightSettings md-raised md-primary">
-            <i class="fa fa-plus-circle settings-template-3" aria-hidden="true"></i> Submit
-        </md-button>
-    
-        <div role="alert" ng-show="errorFromRequest">
-          {{ errorFromRequest }}
+<md-content ng-cloak flex ng-controller="loginController" layout="column">
+    <div flex layout="column">
+
+        <div flex layout="row"></div>
+        <div flex class="height-250" layout="row">
+            <span flex></span>
+            <md-card flex="30">
+                <md-card-title>
+                    <h3>
+                        <i class="fa fa-lock" aria-hidden="true"></i> Login required</h3>
+                </md-card-title>
+                <md-card-content>
+                    <md-input-container class="md-block">
+                        <label>Password</label>
+                        <input required type="password" name="passwordField" ng-model="passwordField" minlength="1" maxlength="100" />
+                        <md-button ng-click="submit(passwordField)" class="buttonBlueLightSettings md-raised md-primary pull-right">
+                            <i class="fa fa-check settings-template-3" aria-hidden="true"></i> Submit
+                        </md-button>
+
+                        <div role="alert" ng-show="errorFromRequest">
+                            {{ errorFromRequest }}
+                        </div>
+                    </md-input-container>
+                </md-card-content>
+            </md-card>
+            <span flex></span>
         </div>
-      </md-input-container>
+        <div flex layout="row"></div>
+    </div>
 </md-content>
\ No newline at end of file