From 2762277c60db7df5ad3214b10a0dd93d4f2f1128 Mon Sep 17 00:00:00 2001 From: rsanchez <rsanchez@curisit.net> Date: Fri, 10 Mar 2017 08:53:44 +0000 Subject: [PATCH] #3527 feature - Added more features to angular2 version --- securis/src/main/webapp/src/app/login.form.html | 76 +++++++++++++++++++++++++------------ 1 files changed, 51 insertions(+), 25 deletions(-) diff --git a/securis/src/main/webapp/src/app/login.form.html b/securis/src/main/webapp/src/app/login.form.html index 3d9d09e..a7db464 100644 --- a/securis/src/main/webapp/src/app/login.form.html +++ b/securis/src/main/webapp/src/app/login.form.html @@ -1,25 +1,51 @@ -<md-card> - <md-card-title layout="row" layout-align="start end"><md-icon class="md-icon-logo" svgSrc="assets/icons/logo.svg"></md-icon> <span class="md-app-title" i18n> - SeCuris Login</span></md-card-title> - <md-card-subtitle>Sign in via your current SeCuris account</md-card-subtitle> - <md-divider></md-divider> - <md-card-content> - <form #loginForm="ngForm" class="inset"> - <div layout="row"> - <md-input-container> - <input mdInput flex placeholder="Username" type="text" [(ngModel)]="data.username" name="username" required /> - </md-input-container> - </div> - <div layout="row"> - <md-input-container> - <input mdInput (keyup.enter)="loginForm.form.valid && login()" flex placeholder="Password" type="password" [(ngModel)]="data.password" name="password" required/> - </md-input-container> - </div> - </form> - <div id="invalid-auth-msg" *ngIf="invalidError" class="tc-red-600 text-center" flex i18n>The username or password is incorrect. Please try again.</div> - </md-card-content> - <md-divider></md-divider> - <md-card-actions> - <button flex [disabled]="!loginForm.form.valid" md-raised-button color="primary" (click)="login()">Sign In</button> - </md-card-actions> -</md-card> \ No newline at end of file +<td-layout-card-over> + <md-toolbar role="toolbar" class="mat-secondary"> + <div class="mat-toolbar-layout"> + <md-toolbar-row class="mat-toolbar-row">SeCuris Sign in</md-toolbar-row> + </div> + </md-toolbar> + <div class="margin" layout-align-gt-xs="center start" layout-fill="" layout-gt-xs="row"> + <div flex-gt-xs="70"> + + <md-card> + <md-card-title> + <div layout="row" layout-align="center center"> + <md-icon class="login-logo" svgIcon="assets:logo"></md-icon> + </div> + </md-card-title> + <md-card-subtitle> + <div layout="row" layout-align="center center" i18n> + Sign in via your current SeCuris account + </div> + </md-card-subtitle> + <md-divider></md-divider> + <md-card-content> + <form #loginForm="ngForm" class="inset" (keyup.enter)="login()"> + <div layout="column" layout-align="start center"> + <div layout="row" layout-align="start center"> + <md-icon class="form-icon">face</md-icon> + <md-input-container class="md-icon-float"> + <input mdInput flex placeholder="Username" type="text" [(ngModel)]="data.username" name="username" required /> + </md-input-container> + </div> + <div layout="row" layout-align="start center"> + <md-icon class="form-icon">vpn_key</md-icon> + <md-input-container class="md-icon-float"> + <input mdInput (keyup.enter)="loginForm.form.valid && false" flex placeholder="Password" type="password" [(ngModel)]="data.password" + name="password" required/> + </md-input-container> + </div> + </div> + </form> + <div id="invalid-auth-msg" *ngIf="invalidError" class="tc-red-600 text-center" flex i18n>The username or password is incorrect. Please try again.</div> + </md-card-content> + <md-divider></md-divider> + <md-card-actions> + <div layout="row" layout-align="center center" class="margin"> + <button flex="50" [disabled]="!loginForm.form.valid" md-raised-button color="primary" (click)="login()">Sign In</button> + </div> + </md-card-actions> + </md-card> + </div> + </div> +</td-layout-card-over> \ No newline at end of file -- Gitblit v1.3.2