added pages and inputs for login
parent
e6ef341fcc
commit
8b2f2484f9
@ -0,0 +1,39 @@
|
||||
<ion-header>
|
||||
<ion-navbar>
|
||||
<button ion-button menuToggle>
|
||||
<ion-icon name="menu"></ion-icon>
|
||||
</button>
|
||||
<ion-title>Login</ion-title>
|
||||
</ion-navbar>
|
||||
</ion-header>
|
||||
|
||||
|
||||
<ion-content padding>
|
||||
<ion-grid *ngIf="loading;else nonloading">
|
||||
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>
|
||||
</ng-template>
|
||||
</ion-content>
|
||||
|
@ -0,0 +1,13 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { IonicPageModule } from 'ionic-angular';
|
||||
import { LoginPage } from './login';
|
||||
|
||||
@NgModule({
|
||||
declarations: [
|
||||
LoginPage,
|
||||
],
|
||||
imports: [
|
||||
IonicPageModule.forChild(LoginPage),
|
||||
],
|
||||
})
|
||||
export class LoginPageModule {}
|
@ -0,0 +1,3 @@
|
||||
page-login {
|
||||
|
||||
}
|
@ -0,0 +1,33 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { IonicPage, NavController, NavParams } from 'ionic-angular';
|
||||
import {MySenseBoxPage} from "../my-sense-box/my-sense-box"
|
||||
/**
|
||||
* Generated class for the LoginPage page.
|
||||
*
|
||||
* See https://ionicframework.com/docs/components/#navigation for more info on
|
||||
* Ionic pages and navigation.
|
||||
*/
|
||||
|
||||
@IonicPage()
|
||||
@Component({
|
||||
selector: 'page-login',
|
||||
templateUrl: 'login.html',
|
||||
})
|
||||
export class LoginPage {
|
||||
userName: string;
|
||||
password: string;
|
||||
public loading=false;
|
||||
constructor(public navCtrl: NavController, public navParams: NavParams) {
|
||||
}
|
||||
|
||||
submitLogin(){
|
||||
this.loading = true;
|
||||
|
||||
//this.navCtrl.push(MySenseBoxPage)
|
||||
}
|
||||
|
||||
ionViewDidLoad() {
|
||||
console.log('ionViewDidLoad LoginPage');
|
||||
}
|
||||
|
||||
}
|
@ -0,0 +1,18 @@
|
||||
<!--
|
||||
Generated template for the MySenseBoxPage page.
|
||||
|
||||
See http://ionicframework.com/docs/components/#navigation for more info on
|
||||
Ionic pages and navigation.
|
||||
-->
|
||||
<ion-header>
|
||||
|
||||
<ion-navbar>
|
||||
<ion-title>mySenseBox</ion-title>
|
||||
</ion-navbar>
|
||||
|
||||
</ion-header>
|
||||
|
||||
|
||||
<ion-content padding>
|
||||
|
||||
</ion-content>
|
@ -0,0 +1,13 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { IonicPageModule } from 'ionic-angular';
|
||||
import { MySenseBoxPage } from './my-sense-box';
|
||||
|
||||
@NgModule({
|
||||
declarations: [
|
||||
MySenseBoxPage,
|
||||
],
|
||||
imports: [
|
||||
IonicPageModule.forChild(MySenseBoxPage),
|
||||
],
|
||||
})
|
||||
export class MySenseBoxPageModule {}
|
@ -0,0 +1,3 @@
|
||||
page-my-sense-box {
|
||||
|
||||
}
|
@ -0,0 +1,25 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { IonicPage, NavController, NavParams } from 'ionic-angular';
|
||||
|
||||
/**
|
||||
* Generated class for the MySenseBoxPage page.
|
||||
*
|
||||
* See https://ionicframework.com/docs/components/#navigation for more info on
|
||||
* Ionic pages and navigation.
|
||||
*/
|
||||
|
||||
@IonicPage()
|
||||
@Component({
|
||||
selector: 'page-my-sense-box',
|
||||
templateUrl: 'my-sense-box.html',
|
||||
})
|
||||
export class MySenseBoxPage {
|
||||
|
||||
constructor(public navCtrl: NavController, public navParams: NavParams) {
|
||||
}
|
||||
|
||||
ionViewDidLoad() {
|
||||
console.log('ionViewDidLoad MySenseBoxPage');
|
||||
}
|
||||
|
||||
}
|
@ -0,0 +1,18 @@
|
||||
<!--
|
||||
Generated template for the SensorsPage page.
|
||||
|
||||
See http://ionicframework.com/docs/components/#navigation for more info on
|
||||
Ionic pages and navigation.
|
||||
-->
|
||||
<ion-header>
|
||||
|
||||
<ion-navbar>
|
||||
<ion-title>sensors</ion-title>
|
||||
</ion-navbar>
|
||||
|
||||
</ion-header>
|
||||
|
||||
|
||||
<ion-content padding>
|
||||
|
||||
</ion-content>
|
@ -0,0 +1,13 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
import { IonicPageModule } from 'ionic-angular';
|
||||
import { SensorsPage } from './sensors';
|
||||
|
||||
@NgModule({
|
||||
declarations: [
|
||||
SensorsPage,
|
||||
],
|
||||
imports: [
|
||||
IonicPageModule.forChild(SensorsPage),
|
||||
],
|
||||
})
|
||||
export class SensorsPageModule {}
|
@ -0,0 +1,3 @@
|
||||
page-sensors {
|
||||
|
||||
}
|
@ -0,0 +1,25 @@
|
||||
import { Component } from '@angular/core';
|
||||
import { IonicPage, NavController, NavParams } from 'ionic-angular';
|
||||
|
||||
/**
|
||||
* Generated class for the SensorsPage page.
|
||||
*
|
||||
* See https://ionicframework.com/docs/components/#navigation for more info on
|
||||
* Ionic pages and navigation.
|
||||
*/
|
||||
|
||||
@IonicPage()
|
||||
@Component({
|
||||
selector: 'page-sensors',
|
||||
templateUrl: 'sensors.html',
|
||||
})
|
||||
export class SensorsPage {
|
||||
|
||||
constructor(public navCtrl: NavController, public navParams: NavParams) {
|
||||
}
|
||||
|
||||
ionViewDidLoad() {
|
||||
console.log('ionViewDidLoad SensorsPage');
|
||||
}
|
||||
|
||||
}
|
Loading…
Reference in New Issue