Merge branch 'angular2' of https://git.curisit.net/gitblit/git/common/secur...

César Calvo

2017-03-15 abb9cc75e166c32cfa97244c497e6a69d14ea114

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
<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>