deps updated and list engine changed

package.json

@@ -1,50 +1,49 @@
 {
-  "name": "ionic-hello-world",
-  "author": "Ionic Framework",
-  "homepage": "http://ionicframework.com/",
-  "private": true,
-  "scripts": {
-    "clean": "ionic-app-scripts clean",
-    "build": "ionic-app-scripts build",
-    "ionic:build": "ionic-app-scripts build",
-    "ionic:serve": "ionic-app-scripts serve"
-  },
-  "dependencies": {
-    "@angular/common": "2.4.1",
-    "@angular/compiler": "2.2.1",
-    "@angular/compiler-cli": "2.2.1",
-    "@angular/core": "2.2.1",
-    "@angular/forms": "2.2.1",
-    "@angular/http": "2.2.1",
-    "@angular/platform-browser": "2.2.1",
-    "@angular/platform-browser-dynamic": "2.2.1",
-    "@angular/platform-server": "2.2.1",
-    "@ionic/storage": "1.1.7",
-    "angular2-odoo-jsonrpc": "0.0.7",
-    "glob": "^7.1.1",
-    "ionic-angular": "2.0.0",
-    "ionic-native": "2.4.1",
-    "ionicons": "3.0.0",
-    "ng2-validation": "^3.3.0",
-    "pouchdb": "^6.1.2",
-    "pouchdb-find": "^0.10.5",
-    "rxjs": "5.0.0-beta.12",
-    "sw-toolbox": "3.4.0",
-    "zone.js": "0.6.26"
-  },
-  "devDependencies": {
-    "@ionic/app-scripts": "1.0.0",
-    "@types/node": "^7.0.5",
-    "typescript": "2.0.9"
-  },
-  "cordovaPlugins": [
-    "cordova-plugin-whitelist",
-    "cordova-plugin-console",
-    "cordova-plugin-statusbar",
-    "cordova-plugin-device",
-    "cordova-plugin-splashscreen",
-    "ionic-plugin-keyboard"
-  ],
-  "cordovaPlatforms": [],
-  "description": "odoo-mobile-v3: An Ionic project"
+    "name": "ionic-hello-world",
+    "author": "Ionic Framework",
+    "homepage": "http://ionicframework.com/",
+    "private": true,
+    "scripts": {
+        "clean": "ionic-app-scripts clean",
+        "build": "ionic-app-scripts build",
+        "ionic:build": "ionic-app-scripts build",
+        "ionic:serve": "ionic-app-scripts serve"
+    },
+    "dependencies": {
+        "@angular/common": "2.4.8",
+        "@angular/compiler": "2.4.8",
+        "@angular/compiler-cli": "2.4.8",
+        "@angular/core": "2.4.8",
+        "@angular/forms": "2.4.8",
+        "@angular/http": "2.4.8",
+        "@angular/platform-browser": "2.4.8",
+        "@angular/platform-browser-dynamic": "2.4.8",
+        "@angular/platform-server": "2.4.8",
+        "@ionic-native/core": "3.1.0",
+        "@ionic-native/splash-screen": "3.1.0",
+        "@ionic-native/status-bar": "3.1.0",
+        "@ionic/storage": "2.0.0",
+        "angular2-odoo-jsonrpc": "0.0.7",
+        "ionic-angular": "2.3.0",
+        "ionicons": "3.0.0",
+        "pouchdb": "^6.1.2",
+        "pouchdb-find": "^0.10.5",
+        "rxjs": "5.0.1",
+        "sw-toolbox": "3.4.0",
+        "zone.js": "0.7.2"
+    },
+    "devDependencies": {
+        "@ionic/app-scripts": "1.1.4",
+        "typescript": "2.0.9"
+    },
+    "cordovaPlugins": [
+        "cordova-plugin-console",
+        "cordova-plugin-statusbar",
+        "cordova-plugin-whitelist",
+        "cordova-plugin-device",
+        "cordova-plugin-splashscreen",
+        "ionic-plugin-keyboard"
+    ],
+    "cordovaPlatforms": [],
+    "description": "myApp: An Ionic project"
 }

src/app/app.html

@@ -8,14 +8,14 @@
     <ion-content>
         <ion-list inset>
             <button ion-item menuClose (click)="nav.setRoot(homePage)">
-                <ion-icon color="primary" name="home" style="padding-right: 25px;"></ion-icon>
+                <ion-icon color="primary" name="home" style="padding-right: 20px;"></ion-icon>
                 Inicio
             </button>
 
             <div *ngFor="let e of (entries | menu: true)">
                 <ion-list-header>{{ e.title }}</ion-list-header>
                 <button ion-item menuClose *ngFor="let p of (e.pages | menu: true)" (click)="openPage(p)">
-                    <ion-icon color="primary" name="{{ p.icon }}" style="padding-right: 25px;"></ion-icon>
+                    <ion-icon color="primary" name="{{ p.icon }}" style="padding-right: 20px;"></ion-icon>
                     {{ p.title }}
                 </button>
             </div>

src/pages/customers/customers.html

@@ -7,13 +7,12 @@
   	</ion-navbar>
 </ion-header>
 <ion-content>
-	<ion-list [virtualScroll]="getItems()" approxItemHeight="105px">
-		<ion-item *virtualItem="let item" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
+	<ion-list>
+		<ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
 			<ion-thumbnail item-left>
 				<img src="./assets/images/customer.png" *ngIf="!item.image_medium"/>
 				<img [src]="item.image_medium | sanitizeUrl" *ngIf="item.image_medium"/>
 			</ion-thumbnail>
-
 			<h2>{{ item.name }}</h2>
 			<p>
 				<strong>Ciudad:</strong>

src/pages/leads/leads.html

@@ -7,9 +7,9 @@
     </ion-navbar>
 </ion-header>
 <ion-content>
-   <ion-list [virtualScroll]="getItems()" approxItemHeight="35px">
-		<ion-item *virtualItem="let item" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
-			<h2>{{ item.contact_name || "Sin Contacto" }}</h2>
+    <ion-list>
+        <ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
+            <h2>{{ item.contact_name || "Sin Contacto" }}</h2>
             <p>{{ item.name }}</p>
             <p>
                 <strong>Probabilidad:</strong>
@@ -27,8 +27,8 @@
                 <strong>Dirección:</strong>
                 {{ item.street || "n/a"}}
             </p>
-		</ion-item>
-	</ion-list>
+        </ion-item>
+    </ion-list>
     <ion-fab right bottom>
         <button ion-fab (click)="goToDetails()">
             <ion-icon name="add"></ion-icon>

src/pages/orders/orders.html

@@ -7,9 +7,9 @@
     </ion-navbar>
 </ion-header>
 <ion-content>
-    <ion-list [virtualScroll]="getItems()" approxItemHeight="141px">
-		<ion-item *virtualItem="let item" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
-			<h2>{{ item.name }}</h2>
+    <ion-list>
+        <ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
+            <h2>{{ item.name }}</h2>
             <p>
                 <strong>Cantidad:</strong>
                 {{ item.cart_quantity }}
@@ -30,8 +30,8 @@
                 <strong>Fecha:</strong>
                 {{ item.date_order }}
             </p>
-		</ion-item>
-	</ion-list>
+        </ion-item>
+    </ion-list>
     <ion-fab right bottom>
         <button ion-fab (click)="goToDetails()">
             <ion-icon name="add"></ion-icon>

src/pages/phonecalls/phonecalls.html

@@ -7,9 +7,9 @@
     </ion-navbar>
 </ion-header>
 <ion-content>
-  <ion-list [virtualScroll]="getItems()" approxItemHeight="215px">
-		<ion-item *virtualItem="let item" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
-			<h2>{{ item.date }}</h2>
+    <ion-list>
+        <ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
+            <h2>{{ item.date }}</h2>
             <p>{{ item.name }}</p>
             <p>
                 <strong>Celular:</strong>
@@ -19,8 +19,8 @@
                 <strong>Teléfono:</strong>
                 {{ item.partner_phone }}
             </p>
-		</ion-item>
-	</ion-list>
+        </ion-item>
+    </ion-list>
     <ion-fab right bottom>
         <button ion-fab (click)="goToDetails()">
             <ion-icon name="add"></ion-icon>

src/pages/products/products.html

@@ -7,8 +7,8 @@
     </ion-navbar>
 </ion-header>
 <ion-content>
-    <ion-list [virtualScroll]="getItems()" approxItemHeight="97px">
-		<ion-item *virtualItem="let item" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
+	<ion-list>
+		<ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
 			<ion-thumbnail item-left>
                 <img src="./assets/images/product.png" *ngIf="!item.image_medium"/>
 				<img [src]="item.image_medium | sanitizeUrl" *ngIf="item.image_medium"/>

src/pages/variants/variants.html

@@ -1,27 +1,18 @@
 <ion-header>
-
     <ion-navbar>
-
         <button ion-button menuToggle>
             <ion-icon name="menu"></ion-icon>
         </button>
-
         <ion-title>Variantes</ion-title>
     </ion-navbar>
-
 </ion-header>
-
-
 <ion-content>
-    <ion-list [virtualScroll]="getItems()" approxItemHeight="140px">
-
-		<ion-item *virtualItem="let item">
-
+	<ion-list>
+		<ion-item *ngFor="let item of getItems()" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
 			<ion-thumbnail item-left>
                 <img src="./assets/images/product.png" *ngIf="!item.image_medium"/>
 				<img [src]="item.image_medium | sanitizeUrl" *ngIf="item.image_medium"/>
 			</ion-thumbnail>
-
 			<h2>{{ item.name }}</h2>
 			<p>
 				<strong>Precio:</strong>
@@ -32,7 +23,5 @@
 				{{ item.qty_available }}
 			</p>
 		</ion-item>
-
 	</ion-list>
-
 </ion-content>