-
Notifications
You must be signed in to change notification settings - Fork 246
/
signup.page.html
49 lines (42 loc) · 1.79 KB
/
signup.page.html
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
<ion-header>
<ion-toolbar>
<ion-buttons slot="start">
<ion-back-button defaultHref="/login"></ion-back-button>
</ion-buttons>
<ion-title>Sign up</ion-title>
</ion-toolbar>
</ion-header>
<ion-content class="ion-padding">
<form #form="ngForm" (ngSubmit)="signup(form.value)" novalidate>
<ion-list lines="none">
<ion-item>
<ion-input #name="ngModel" [class.invalid]="name.errors && name.dirty" [required]="true"
errorText="Name is required" label="Name"
labelPlacement="stacked" name="name" ngModel
type="text"></ion-input>
</ion-item>
<ion-item>
<ion-input #email="ngModel" [class.invalid]="email.errors && email.dirty" [required]="true" email
errorText="Email is required"
label="Email"
labelPlacement="stacked" name="email" ngModel
type="email"></ion-input>
</ion-item>
<ion-item>
<ion-input #username="ngModel" [class.invalid]="username.errors && username.dirty" [required]="true"
errorText="Username is required" label="Username"
labelPlacement="stacked" name="username" ngModel
type="text"></ion-input>
</ion-item>
<ion-item>
<ion-input #password="ngModel" [class.invalid]="password.errors && password.dirty" [required]="true"
errorText="Password is required" label="Password"
labelPlacement="stacked" name="password" ngModel
type="password"></ion-input>
</ion-item>
<div class="ion-padding">
<ion-button [disabled]="!form.valid" color="primary" expand="block" type="submit">Sign up</ion-button>
</div>
</ion-list>
</form>
</ion-content>