Modifies the colors in the app

config.xml

     </plugin>
     <allow-navigation href="http://192.168.0.7:8100" />
     <plugin name="cordova-sqlite-storage" spec="^2.2.1" />
+    <allow-navigation href="http://192.168.43.167:8100" />
+    <plugin name="cordova-plugin-x-socialsharing" spec="^5.3.2" />
 </widget>

package-lock.json

       "resolved": "https://registry.npmjs.org/@ionic-native/google-maps/-/google-maps-4.5.3.tgz",
       "integrity": "sha512-7CYuU3fy2WbOGMg3AI0/PH+0eg5lFShv9+3NT4/HiihHmMR6mGCdVvpZZaKHeAFkBXcFwHcjZjGId4SAASHoBg=="
     },
+    "@ionic-native/social-sharing": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/@ionic-native/social-sharing/-/social-sharing-4.6.0.tgz",
+      "integrity": "sha512-El/ZTZ5q49p8UQzq364lKJy2145/GYOPrOCdIhvux3tsXGIhwL+yMqt/mgdBFR5W/x7HHBjpFph067jUDSeO4g=="
+    },
     "@ionic-native/splash-screen": {
       "version": "4.4.0",
       "resolved": "https://registry.npmjs.org/@ionic-native/splash-screen/-/splash-screen-4.4.0.tgz",
       "resolved": "https://registry.npmjs.org/cordova-plugin-whitelist/-/cordova-plugin-whitelist-1.3.3.tgz",
       "integrity": "sha1-tehezbv+Wu3tQKG/TuI3LmfZb7Q="
     },
+    "cordova-plugin-x-socialsharing": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/cordova-plugin-x-socialsharing/-/cordova-plugin-x-socialsharing-5.3.2.tgz",
+      "integrity": "sha1-8SBYny+lB+kqMG8lypV7lvmWhrE="
+    },
     "cordova-sqlite-storage": {
       "version": "2.2.1",
       "resolved": "https://registry.npmjs.org/cordova-sqlite-storage/-/cordova-sqlite-storage-2.2.1.tgz",
         "event-emitter": "0.3.5"
       }
     },
+    "es6-promise-plugin": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npmjs.org/es6-promise-plugin/-/es6-promise-plugin-4.2.2.tgz",
+      "integrity": "sha512-uoA4aVplXI9oqUYJFBAVRwAqIN9/n9JgrTAUGX3qPbnSZVE5yY1+6/MsoN5f4xsaPO62WjPHOdtts6okMN6tNA=="
+    },
     "es6-set": {
       "version": "0.1.5",
       "resolved": "https://registry.npmjs.org/es6-set/-/es6-set-0.1.5.tgz",

package.json

     "@angular/platform-browser-dynamic": "5.0.3",
     "@ionic-native/core": "4.4.0",
     "@ionic-native/google-maps": "^4.5.3",
+    "@ionic-native/social-sharing": "^4.6.0",
     "@ionic-native/splash-screen": "4.4.0",
     "@ionic-native/status-bar": "4.4.0",
     "@ionic/storage": "^2.1.3",
     "cordova-plugin-ionic-webview": "^1.1.16",
     "cordova-plugin-splashscreen": "^5.0.2",
     "cordova-plugin-whitelist": "^1.3.3",
+    "cordova-plugin-x-socialsharing": "^5.3.2",
     "cordova-sqlite-storage": "^2.2.1",
+    "es6-promise-plugin": "^4.2.2",
     "ionic-angular": "3.9.2",
     "ionicons": "3.0.0",
     "rxjs": "5.5.2",
         "PLAY_SERVICES_VERSION": "11.8.0",
         "ANDROID_SUPPORT_V4_VERSION": "24.1.0"
       },
-      "cordova-sqlite-storage": {}
+      "cordova-sqlite-storage": {},
+      "cordova-plugin-x-socialsharing": {}
     },
     "platforms": [
       "android"

src/app/app.component.ts

   rootPage:any = HomePage;
 
   constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
-    platform.ready().then(() => {
+    /*platform.ready().then(() => {
       // Okay, so the platform is ready and our plugins are available.
       // Here you can do any higher level native things you might need.
       statusBar.styleDefault();
       splashScreen.hide();
-    });
+    });*/
   }
 }
-

src/index.html

         .catch(err => console.error('Error', err));
     }
   </script>-->
+<!--
+  <link href="lib/ionic/css/ionic.css" rel="stylesheet">
+    <link href="lib/ionic-material/ionic.material.min.css" rel="stylesheet">
+    <link href="css/style.css" rel="stylesheet">
+
+    <script src="lib/ionic/js/ionic.bundle.js"></script>
+    <script src="lib/ionic-material/ionic.material.min.js"></script>-->
+
 
   <link href="build/main.css" rel="stylesheet">
 

src/manifest.json

   }],
   "background_color": "#4e8ef7",
   "theme_color": "#4e8ef7"
-}
+}

src/pages/configuration/configuration.html

 -->
 <ion-header>
 
-  <ion-navbar>
+  <ion-navbar  color="primary">
     <ion-title>Configuración</ion-title>
   </ion-navbar>
 
 
 
 <ion-content padding>
-Lista de configuraciones
+  <ion-list>
+    <ion-item>
+      <ion-label>Encender Alarma</ion-label>
+      <ion-toggle checked="false" [(ngModel)]="startAlarm" (ionChange)="changeAlarm()"></ion-toggle>
+    </ion-item>
+    <ion-item>
+      <ion-label>Tiempo Actualización</ion-label>
+      <ion-select [(ngModel)]="time" (ionChange)="changeTime()">
+        <ion-option value="15">15 seg</ion-option>
+        <ion-option value="30" selected="true">30 seg</ion-option>
+        <ion-option value="60">60 seg</ion-option>
+      </ion-select>
+    </ion-item>
+  </ion-list>
+
 </ion-content>

src/pages/configuration/configuration.ts

 import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
+import { Storage } from '@ionic/storage';
 
 /**
  * Generated class for the ConfigurationPage page.
 })
 export class ConfigurationPage {
 
-  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  startAlarm: any;
+  time: any;
+
+  constructor(public navCtrl: NavController,
+    public navParams: NavParams,
+    private storage: Storage) {
+  }
+
+  ionViewWillEnter() {
+    this.storage.get('startAlarm').then((valAlarm)=>{
+        this.startAlarm = valAlarm;
+    });
+    this.storage.get('time').then((valTime)=>{
+        this.time = valTime;
+    });
+  }
+
+  changeAlarm() {
+    this.storage.set('startAlarm', this.startAlarm);
   }
 
-  ionViewDidLoad() {
-    console.log('ionViewDidLoad ConfigurationPage');
+  changeTime() {
+    this.storage.set('time', this.time);
   }
 
 }

src/pages/devices/devices.html

 <ion-header>
-  <ion-navbar>
+  <ion-navbar  color="primary">
     <ion-title>Dispositivo por Defecto</ion-title>
   </ion-navbar>
 </ion-header>

src/pages/home/home.html

 <ion-header>
-  <ion-navbar>
+  <ion-navbar color="primary">
     <ion-title>
       SMART ALARM
     </ion-title>
     <ion-checkbox [(ngModel)]="remember"></ion-checkbox>
   </ion-item>
 <div padding>
-  <button ion-button full (click)="login()">Ingresar</button>
+  <button class="button button-positive" ion-button full (click)="login()">Ingresar</button>
 </div>
 </ion-list>
 </ion-content>

src/pages/home/home.ts

           if(this.remember == true) {
             this.storage.set('remember', true);
             this.storage.set('authentication', auth);
+            this.storage.set('startAlarm', true);
+            this.storage.set('time', 30);
           }
 
           this.navCtrl.setRoot(Main);

src/pages/main/main.html

 <ion-menu [content]="vespotMenu" >
   <ion-header>
-    <ion-toolbar>
+    <ion-toolbar  color="primary">
       <ion-title>Menu</ion-title>
     </ion-toolbar>
   </ion-header>
     <ion-content>
         <ion-list>
              <button ion-item menuClose (click)="openDevicesPage()">
-		Dispositivos
+               <ion-icon name="car"></ion-icon>
+		             Dispositivos
             </button>
             <button ion-item menuClose (click)="openConfigurationPage()">
+              <ion-icon name="keypad"></ion-icon>
                 Configuración
             </button>
             <button ion-item menuClose (click)="closeSession()">
+              <ion-icon name="close"></ion-icon>
                 Cerrar Sesión
             </button>
         </ion-list>
 </ion-menu>
 
 <ion-header>
-  <ion-navbar>
+  <ion-navbar color="primary">
     <ion-buttons>
       <button ion-button menuToggle="left">
       <ion-icon name="menu"></ion-icon>
 </ion-header>
 
 <ion-content>
-  <div id="map_canvas"></div>
+  <div id="map_canvas">
+    <ion-fab right bottom>
+      <button ion-fab color="primary"><ion-icon name="car"></ion-icon></button>
+      <ion-fab-list side="left">
+        <button ion-fab><ion-icon name="map" (click)="shareViaMaps()"></ion-icon></button>
+        <button ion-fab><ion-icon name="logo-whatsapp" (click)="shareViaWhatsapp()"></ion-icon></button>
+      </ion-fab-list>
+    </ion-fab>
+  </div>
 </ion-content>

src/pages/main/main.ts

       console.log('ionViewWillEnter: Entro al undefined');
       this.storage.get('rootDevice').then((valDevice)=>{
         if(valDevice == null) {
-          alert(valDevice);
           console.log('ionViewWillEnter: Entro al valDevice == null ' + valDevice);
           this.navCtrl.push(DevicesPage);
         } else {
           this.storage.set('authentication', '');
           this.storage.set('remember', false);
           this.storage.set('rootDevice', null);
+          this.storage.set('startAlarm', false);
+          this.storage.set('time', 30);
       	  this.navCtrl.setRoot(HomePage);
         }
       },{
         );
   }
 
+  shareViaMaps() {
+
+  }
+
+  shareViaWhatsapp() {
+    
+  }
+
 }

src/theme/variables.scss

 // colors so you can add, rename and remove colors as needed.
 // The "primary" color is the only required color in the map.
 
-$colors: (
+/*$colors: (
   primary:    #488aff,
   secondary:  #32db64,
   danger:     #f53d3d,
   light:      #f4f4f4,
   dark:       #222
+);*/
+$colors: (
+  primary:    #42bc7b,
+  secondary:  #00ff00,
+  danger:     #0000ff,
+  light:      #ff0000,
+  dark:       #00ff00
 );
 
-
 // App iOS Variables
 // --------------------------------------------------
 // iOS only Sass variables can go here