Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <ion-header>
- <ion-navbar color="primary">
- <div class="row">
- <ion-title>Login</ion-title>
- </div>
- </ion-navbar>
- </ion-header>
- <ion-content padding>
- <div padding-top="100px">
- <form [formGroup]="loginForm" (submit)="loginUser()" novalidate padding id="loginForm">
- <ion-item id="loginItem_1">
- <ion-label stacked id="loginLable">Email</ion-label>
- <ion-input #email formControlName="email" type="email" placeholder="Your email address"
- [class.invalid]="!loginForm.controls.email.valid &&
- loginForm.controls.email.dirty" color="secondary">
- </ion-input>
- </ion-item>
- <ion-item class="error-message" *ngIf="!loginForm.controls.email.valid &&
- loginForm.controls.email.dirty" id="loginItem">
- <p id="loginLable">Please enter a valid email.</p>
- </ion-item>
- <ion-item id="loginItem_2">
- <ion-label stacked id="loginLable">Password</ion-label>
- <ion-input #password formControlName="password" type="password" placeholder="Your password" color="secondary">
- </ion-input>
- </ion-item>
- <button ion-button block type="submit" id="loginButton">
- Login
- </button>
- </form>
- </div>
- <button ion-button block clear (click)="goToResetPassword()">
- I forgot my password
- </button>
- <button ion-button block clear (click)="createAccount()">
- Create a new account
- </button>
- </ion-content>
- <ion-footer>
- <ion-toolbar color="primary">
- <ion-title>Created By</ion-title>
- </ion-toolbar>
- </ion-footer>
Add Comment
Please, Sign In to add comment