Browse Source

hecho el módulo de preferencias de aplicación

robert2206 8 years ago
parent
commit
dc0cfc74f5
3 changed files with 73 additions and 13 deletions
  1. 30 11
      src/pages/settings/settings.html
  2. 4 1
      src/pages/settings/settings.scss
  3. 39 1
      src/pages/settings/settings.ts

+ 30 - 11
src/pages/settings/settings.html

@@ -14,21 +14,40 @@
 
 
 <ion-content padding>
-    <ion-list>
+    <ion-list no-lines>            
+        <ion-list-header>
+            Página inicial
+        </ion-list-header>
+
+        <ion-item>
+            <ion-label>Página por defecto</ion-label>
+            <ion-select [ngModel]="initialPage" (ngModelChange)="changeInitialPage($event)">
+                <ion-option value="0">Saludo</ion-option>
+                <ion-option value="1">Gráfico 1</ion-option>
+                <ion-option value="2">Gráfico 2</ion-option>
+                <ion-option value="3">Gráfico 3</ion-option>
+                <ion-option value="4">Gráfico 4</ion-option>
+            </ion-select>
+        </ion-item>
+                
+        <ion-list-header>
+            Sincronización
+        </ion-list-header>
+
         <ion-item>
-            <ion-label stacked>Sincronización automática</ion-label>
-            <ion-toggle></ion-toggle>
+            <ion-label>Sincronización automática</ion-label>
+            <ion-toggle [ngModel]="sync" (ngModelChange)="changeSync($event)"></ion-toggle>
         </ion-item>
 
         <ion-item>
-            <ion-label stacked>Frecuencia de sincronización</ion-label>
-            <ion-select>
-                <ion-option value="0">10 minutos</ion-option>
-                <ion-option value="1">30 minutos</ion-option>
-                <ion-option value="2">1 hora</ion-option>
-                <ion-option value="2">1 día</ion-option>
-                <ion-option value="2">1 semana</ion-option>
-                <ion-option value="2">1 mes</ion-option>
+            <ion-label>Frecuencia de sincronización</ion-label>
+            <ion-select [ngModel]="syncFrecuency" (ngModelChange)="changeSyncFrecuency($event)">
+                <ion-option value="10">10 minutos</ion-option>
+                <ion-option value="30">30 minutos</ion-option>
+                <ion-option value="60">1 hora</ion-option>
+                <ion-option value="1440">1 día</ion-option>
+                <ion-option value="10080">1 semana</ion-option>
+                <ion-option value="302400">1 mes</ion-option>
             </ion-select>
         </ion-item>
     </ion-list>

+ 4 - 1
src/pages/settings/settings.scss

@@ -1,3 +1,6 @@
 page-settings {
-
+    
+    ion-item div div ion-label {
+        color: black !important;
+    }
 }

+ 39 - 1
src/pages/settings/settings.ts

@@ -7,9 +7,47 @@ import { NavController } from 'ionic-angular';
 })
 export class SettingsPage {
 
-    constructor(public navCtrl: NavController) {}
+    initialPage: number;
+    sync: boolean;
+    syncFrecuency;
+
+    constructor(
+        public navCtrl: NavController
+    ) { 
+        this.initialize();
+    }
 
     ionViewDidLoad() {
         console.log('Hello Settings Page');
     }
+
+    /**
+     *
+     */
+    initialize() {
+        this.initialPage = +localStorage.getItem("initial_page");
+        this.sync = (localStorage.getItem("sync") === "true");
+        this.syncFrecuency = +(localStorage.getItem("sync_frecuency") ? localStorage.getItem("sync_frecuency") : "10");
+    }
+
+    /**
+     *
+     */
+    changeInitialPage(e: any) {
+        localStorage.setItem("initial_page", e);
+    }
+
+    /**
+     *
+     */
+    changeSync(e: any) {
+        localStorage.setItem("sync", e);
+    }
+
+    /**
+     *
+     */
+    changeSyncFrecuency(e: any) {
+        localStorage.setItem("sync_frecuency", e);
+    }
 }