detalle de elementos se ha cambiado de elementos paginables a elementos modales para mayor performance

src/pages/product-details/product-details.html

@@ -1,6 +1,18 @@
 <ion-header>
     <ion-navbar color="primary">
+         <ion-buttons start>
+            <button ion-button>
+                <ion-icon name="close" (click)="dismiss()"></ion-icon>
+            </button>
+         </ion-buttons>
+
         <ion-title>Producto</ion-title>
+
+        <ion-buttons end>
+            <button ion-button>
+                <ion-icon name="more"></ion-icon>
+            </button>
+        </ion-buttons>
     </ion-navbar>
 
 </ion-header>

src/pages/product-details/product-details.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { NavController } from 'ionic-angular';
+import { NavParams, ViewController } from 'ionic-angular';
 import { Product } from '../../models/product'
 import { DataProvider } from '../../providers/data-provider'
 
@@ -10,7 +10,7 @@ import { DataProvider } from '../../providers/data-provider'
 })
 export class ProductDetailsPage {
 
-    constructor(public navCtrl: NavController, public data: DataProvider) {}
+    constructor(public params: NavParams, public viewCtrl: ViewController,  public data: DataProvider) {}
 
     ionViewDidLoad() {
         this.data.save('product', {

src/pages/product-list/product-list.ts

@@ -1,5 +1,5 @@
 import { Component } from '@angular/core';
-import { NavController } from 'ionic-angular';
+import { NavController, ModalController, NavParams } from 'ionic-angular';
 import { DefaultListable } from '../../defaults/default-listable';
 import { INavigable } from '../../interfaces/navigable-interface';
 import { Product } from '../../models/product';
@@ -13,7 +13,7 @@ import { DataProvider } from '../../providers/data-provider'
 })
 export class ProductListPage extends DefaultListable<Product> implements INavigable {
 
-    constructor(public navCtrl: NavController, public data: DataProvider) {
+    constructor(public navCtrl: NavController, public modalCtrl: ModalController, public data: DataProvider) {
         super();
 
         this.initialize();
@@ -32,6 +32,7 @@ export class ProductListPage extends DefaultListable<Product> implements INaviga
      * Goto page
      */
     goToPage(page: any) {
-        this.navCtrl.push(ProductDetailsPage);
+        let modal = this.modalCtrl.create(ProductDetailsPage);
+        modal.present();
     }
 }

src/providers/data-provider.ts

@@ -85,8 +85,17 @@ export class DataProvider {
     /**
      *
      */
-    getAll(type: string): Promise<string> {
-        return new Promise<string>((resolve, reject) => {
+    delete(type: string, data: any): any {
+        return new Promise((resolve, reject) => {
+            resolve(this.data.rel.del(type, data));
+        });
+    }
+
+    /**
+     *
+     */
+    getAll(type: string): any {
+        return new Promise((resolve, reject) => {
             resolve(this.data.rel.find(type));
         });