Commit 9cf219dbda8335ee4173090f30c69aaab076206f
1 parent
5fb601d0e2
Exists in
master
and in
1 other branch
materialized login form
Showing 1 changed file with 38 additions and 35 deletions Side-by-side Diff
templates/login.html
View file @
9cf219d
| 1 | -<div class="container"> | |
| 2 | - <div class="row"> | |
| 3 | - <div class="col s6"> | |
| 4 | - <ul class="tabs"> | |
| 5 | - <li class="tab col s3"><a href="#register-tab">Sign Up</a></li> | |
| 6 | - <li class="tab col s3"><a class="active" href="#login-tab">Login</a></li> | |
| 7 | - </ul> | |
| 8 | - </div> | |
| 9 | - <!--LOGIN TAB--> | |
| 10 | - <div id="login-tab" class="col s12"> | |
| 11 | - <div class="check-element animate-show" role="alert" ng-show="loginError"> | |
| 12 | - <span style="color:#8E2323">Invalid username or password!!</span> | |
| 13 | - </div> | |
| 1 | +<div class="row"> | |
| 2 | +<div class="offset-s2 col s8"> | |
| 3 | + <ul class="tabs"> | |
| 14 | 4 | <div class="row"> |
| 15 | - <div class="input-field col s6"> | |
| 5 | + <li class="tab col s6 "><a href="#register-tab">Sign Up</a></li> | |
| 6 | + <li class="tab col s6 "><a class="active" href="#login-tab">Login</a></li> | |
| 7 | + </div> | |
| 8 | + </ul> | |
| 9 | +</div> | |
| 10 | +</div> | |
| 11 | +<div class="row"> | |
| 12 | +<div class="offset-s2 col s8"> | |
| 13 | +<div class="card"> | |
| 14 | + <!--LOGIN TAB--> | |
| 15 | + <div id="login-tab" class="row col s12"> | |
| 16 | + <div class="card-content"> | |
| 17 | + <div class="check-element animate-show" role="alert" ng-show="loginError"> | |
| 18 | + <span style="color:#8E2323">Invalid username or password!!</span> | |
| 19 | + </div> | |
| 20 | + <div class="input-field"> | |
| 16 | 21 | <input id="email" type="email" class="validate" ng-model="loginEmail"/> |
| 17 | 22 | <label for="email">Email</label> |
| 18 | 23 | </div> |
| 19 | - </div> | |
| 20 | - <div class="row"> | |
| 21 | - <div class="input-field col s6"> | |
| 24 | + <div class="input-field"> | |
| 22 | 25 | <input id="password" type="password" class="validate" ng-model="loginPassword"/> |
| 23 | 26 | <label for="password">Password</label> |
| 24 | 27 | </div> |
| 25 | 28 | </div> |
| 26 | - <div class="row"> | |
| 27 | - <button class="btn waves-effect waves-light right-align" type="submit" name="action" | |
| 28 | - ng-click="login(loginEmail, loginPassword)">Login | |
| 29 | - </button> | |
| 29 | + <div class="card-action"> | |
| 30 | + <button class="btn waves-effect waves-light col s12" type="submit" name="action" | |
| 31 | + ng-click="login(loginEmail, loginPassword)">Login</button> | |
| 30 | 32 | </div> |
| 31 | 33 | </div> |
| 32 | 34 | <!--REGISTER TAB--> |
| 33 | - <div id="register-tab" class="col s12"> | |
| 34 | - <div class="row"> | |
| 35 | - <div class="input-field col s6"> | |
| 36 | - <input type="email" class="validate" ng-model="loginEmail"/> | |
| 35 | + <div id="register-tab" class="row col s12"> | |
| 36 | + <div class="card-content"> | |
| 37 | + <div class="input-field"> | |
| 38 | + <input id="email" type="email" class="validate" ng-model="loginEmail"/> | |
| 37 | 39 | <label for="email">Email</label> |
| 38 | 40 | </div> |
| 39 | - </div> | |
| 40 | - <div class="row"> | |
| 41 | - <div class="input-field col s6"> | |
| 41 | + <div class="input-field"> | |
| 42 | 42 | <input type="password" class="validate" ng-model="registerPassword"/> |
| 43 | 43 | <label for="password">Password</label> |
| 44 | 44 | </div> |
| 45 | 45 | </div> |
| 46 | - <div class="row"> | |
| 47 | - <button class="btn waves-effect waves-light left-align" type="" name="action" | |
| 48 | - ng-click="signUp(loginEmail, registerPassword)">Register | |
| 49 | - </button> | |
| 46 | + <div class="card-action"> | |
| 47 | + <button class="btn waves-effect waves-light col s12" type="" name="action" | |
| 48 | + ng-click="signUp(loginEmail, registerPassword)">Register</button> | |
| 50 | 49 | </div> |
| 51 | 50 | </div> |
| 52 | - </div> | |
| 53 | - <a class="trigger-password-reset" ng-click="triggerPasswordReset()" href="#">Forgot Password?</a> | |
| 51 | + | |
| 52 | + <div class="row offset-s1 col s12"> | |
| 53 | + <a class="trigger-password-reset" ng-click="triggerPasswordReset()" href="#">Forgot Password?</a> | |
| 54 | + </div> | |
| 55 | +</div> | |
| 56 | +</div> | |
| 54 | 57 | </div> |