/
sign-in.component.ionic.ts
96 lines (87 loc) · 3.24 KB
/
sign-in.component.ionic.ts
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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
// tslint:disable
/*
* Copyright 2017-2018 Amazon.com, Inc. or its affiliates. All Rights Reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License"). You may not use this file except in compliance with
* the License. A copy of the License is located at
*
* http://aws.amazon.com/apache2.0/
*
* or in the "license" file accompanying this file. This file is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
* CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions
* and limitations under the License.
*/
// tslint:enable
import { Component, Input, Inject } from '@angular/core';
import { AmplifyService } from '../../../providers/amplify.service';
import { AuthState } from '../../../providers/auth.state';
import { SignInComponentCore } from './sign-in.component.core';
const template = `
<div class="amplify-authenticator" *ngIf="_show">
<div class="amplify-form-body">
<div class="amplify-form-header">
{{ this.amplifyService.i18n().get('Sign in to your account') }}
</div>
<ion-list lines="none">
<ion-item lines="none">
<ion-label class="amplify-input-label" for="username" position="stacked">
{{ this.amplifyService.i18n().get('Username *') }}
</ion-label>
<ion-input type="text"
#username
class="amplify-form-input"
(keyup)="setUsername($event.target.value)"
></ion-input>
</ion-item>
<ion-item lines="none">
<ion-label class="amplify-input-label" for="password" position="stacked">
{{ this.amplifyService.i18n().get('Password *') }}
</ion-label>
<ion-input
#password
type="password"
class="amplify-form-input"
(keyup)="setPassword(password.value)"
(keyup.enter)="onSignIn()"
></ion-input>
</ion-item>
</ion-list>
<div class="amplify-form-actions">
<div class="amplify-form-row">
<ion-button expand="block" color="primary"
(click)="onSignIn()"
>{{ this.amplifyService.i18n().get('Sign In') }}</ion-button>
</div>
<div class="amplify-form-row">
<div class="amplify-form-signup">
{{ this.amplifyService.i18n().get('No account?') }}
<a class="amplify-form-link" (click)="onSignUp()">
{{ this.amplifyService.i18n().get('Create account') }}
</a>
</div>
<div class="amplify-form-signup">
<a class="amplify-form-link" (click)="onForgotPassword()">
{{ this.amplifyService.i18n().get('Reset Password') }}
</a>
</div>
</div>
</div>
</div>
<div class="amplify-alert" *ngIf="errorMessage">
<div class="amplify-alert-body">
<span class="amplify-alert-icon">⚠</span>
<div class="amplify-alert-message">{{ this.amplifyService.i18n().get(errorMessage) }}</div>
<a class="amplify-alert-close" (click)="onAlertClose()">×</a>
</div>
</div>
</div>
`;
@Component({
selector: 'amplify-auth-sign-in-ionic',
template
})
export class SignInComponentIonic extends SignInComponentCore {
constructor(@Inject(AmplifyService) protected amplifyService: AmplifyService) {
super(amplifyService);
}
}