#3527 feature - Added common components like i18n and local storage

rsanchez

2017-03-02 3a29297e886c8f4cc247e065df9a60d6177514a2

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
<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>