added modal and template creation
parent
e93cde8675
commit
7d77abe995
@ -0,0 +1,29 @@
|
|||||||
|
<ion-header>
|
||||||
|
<ion-toolbar color="secondary">
|
||||||
|
<ion-title>
|
||||||
|
Add Item
|
||||||
|
</ion-title>
|
||||||
|
<ion-buttons end>
|
||||||
|
<button ion-button icon-only (click)="close()"><ion-icon name="close"></ion-icon></button>
|
||||||
|
</ion-buttons>
|
||||||
|
</ion-toolbar>
|
||||||
|
</ion-header>
|
||||||
|
|
||||||
|
<ion-content>
|
||||||
|
<ion-list>
|
||||||
|
|
||||||
|
<ion-item>
|
||||||
|
<ion-label floating>Title</ion-label>
|
||||||
|
<ion-input type="text" [(ngModel)]="title"></ion-input>
|
||||||
|
</ion-item>
|
||||||
|
|
||||||
|
<ion-item>
|
||||||
|
<ion-label floating>Description</ion-label>
|
||||||
|
<ion-input type="text" [(ngModel)]="type"></ion-input>
|
||||||
|
</ion-item>
|
||||||
|
|
||||||
|
</ion-list>
|
||||||
|
|
||||||
|
<button full ion-button color="secondary" (click)="saveSensor()">Save</button>
|
||||||
|
|
||||||
|
</ion-content>
|
@ -0,0 +1,13 @@
|
|||||||
|
import { NgModule } from '@angular/core';
|
||||||
|
import { IonicPageModule } from 'ionic-angular';
|
||||||
|
import { AddItemPage } from './add-item';
|
||||||
|
|
||||||
|
@NgModule({
|
||||||
|
declarations: [
|
||||||
|
AddItemPage,
|
||||||
|
],
|
||||||
|
imports: [
|
||||||
|
IonicPageModule.forChild(AddItemPage),
|
||||||
|
],
|
||||||
|
})
|
||||||
|
export class AddItemPageModule {}
|
@ -0,0 +1,3 @@
|
|||||||
|
page-add-item {
|
||||||
|
|
||||||
|
}
|
@ -0,0 +1,38 @@
|
|||||||
|
import { Component } from '@angular/core';
|
||||||
|
import { IonicPage, NavController, ViewController } from 'ionic-angular';
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Generated class for the AddItemPage page.
|
||||||
|
*
|
||||||
|
* See https://ionicframework.com/docs/components/#navigation for more info on
|
||||||
|
* Ionic pages and navigation.
|
||||||
|
*/
|
||||||
|
|
||||||
|
@IonicPage()
|
||||||
|
@Component({
|
||||||
|
selector: 'page-add-item',
|
||||||
|
templateUrl: 'add-item.html',
|
||||||
|
})
|
||||||
|
export class AddItemPage {
|
||||||
|
|
||||||
|
title:string;
|
||||||
|
type:string;
|
||||||
|
id:string;
|
||||||
|
constructor(public navCtrl: NavController, public view: ViewController) {
|
||||||
|
}
|
||||||
|
saveSensor(){
|
||||||
|
let newSensor = {
|
||||||
|
title:this.title,
|
||||||
|
type:this.type,
|
||||||
|
id:this.id
|
||||||
|
}
|
||||||
|
this.view.dismiss(newSensor);
|
||||||
|
}
|
||||||
|
close(){
|
||||||
|
this.view.dismiss();
|
||||||
|
}
|
||||||
|
ionViewDidLoad() {
|
||||||
|
console.log('ionViewDidLoad AddItemPage');
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
Loading…
Reference in New Issue