mirror of
https://github.com/sensebox/blockly-app
synced 2025-07-01 17:00:25 +02:00
styled login page
This commit is contained in:
parent
8b2f2484f9
commit
5fbd4d1d99
2 changed files with 32 additions and 25 deletions
|
@ -10,30 +10,37 @@
|
|||
|
||||
<ion-content padding>
|
||||
<ion-grid *ngIf="loading;else nonloading">
|
||||
loading
|
||||
loading
|
||||
</ion-grid>
|
||||
<ng-template late #nonloading>
|
||||
<ion-card>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-item>
|
||||
<ion-label>userName</ion-label>
|
||||
<ion-input placeholder="userName" [(ngModel)]="userName"></ion-input>
|
||||
</ion-item>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-item>
|
||||
<ion-label>Password</ion-label>
|
||||
<ion-input placeholder="Password" [(ngModel)]="password"></ion-input>
|
||||
</ion-item>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-item>
|
||||
<button full ion-button color="secondary" (click)="submitLogin()">Login</button>
|
||||
</ion-item>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
</ion-card>
|
||||
<ion-grid>
|
||||
<ion-row>
|
||||
<ion-item>
|
||||
<ion-label>
|
||||
<ion-icon name="person"></ion-icon>
|
||||
</ion-label>
|
||||
<ion-input placeholder="userName" [(ngModel)]="userName"></ion-input>
|
||||
</ion-item>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-item>
|
||||
<ion-label>
|
||||
<ion-icon name="lock"></ion-icon>
|
||||
</ion-label>
|
||||
<ion-input placeholder="Password" [(ngModel)]="password"></ion-input>
|
||||
</ion-item>
|
||||
</ion-row>
|
||||
<ion-row>
|
||||
<ion-col col-8>
|
||||
</ion-col>
|
||||
<ion-col col-4>
|
||||
<ion-item>
|
||||
<button full ion-button color="secondary" (click)="submitLogin()"><ion-icon name="send"></ion-icon>Login</button>
|
||||
</ion-item>
|
||||
</ion-col>
|
||||
</ion-row>
|
||||
</ion-grid>
|
||||
</ion-card>
|
||||
</ng-template>
|
||||
</ion-content>
|
||||
|
||||
</ion-content>
|
|
@ -22,8 +22,8 @@ export class LoginPage {
|
|||
|
||||
submitLogin(){
|
||||
this.loading = true;
|
||||
|
||||
//this.navCtrl.push(MySenseBoxPage)
|
||||
// make api call to login with the credentials
|
||||
this.navCtrl.push(MySenseBoxPage)
|
||||
}
|
||||
|
||||
ionViewDidLoad() {
|
||||
|
|
Loading…
Add table
Reference in a new issue