pantalla de mis bitacoras y estaciones de trabajo

ATOME/bash.exe.stackdump

@@ -0,0 +1,9 @@
+Stack trace:
+Frame        Function    Args
+000FFFFA328  0018005D44E (0018023C1CD, 0018021DC26, 000FFFFA328, 000FFFF9220)
+000FFFFA328  00180046609 (00000000000, 00000000000, 00000000000, 001005F0D44)
+000FFFFA328  00180046642 (0018023C289, 000FFFFA1D8, 000FFFFA328, 00000000000)
+000FFFFA328  001800AA5FF (00000000000, 00000000000, 00000000000, 00000000000)
+000FFFFA328  001800AA84D (000FFFFA340, 00000000000, 00000000000, 00000000000)
+000FFFFA3C0  001800ABB1C (000FFFFA340, 00000000000, 00000000000, 00000000000)
+End of stack trace

ATOME/src/pages/crear-bitacora/crear-bitacora.html

@@ -0,0 +1,21 @@
+<ion-header>
+  <ion-navbar color="azulatome">
+    <button ion-button menuToggle>
+      <ion-icon name="menu"></ion-icon>
+    </button>
+    <ion-title>Crear Bitácora de Trabajo</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+  <ion-item>
+    <ion-label>Estacion de Trabajo:</ion-label>
+    <ion-select [(ngModel)]="selectedvalue">
+      <!--  carga los alamcenes del centro comercial -->
+      <ion-option *ngFor="let estacion of estaciones | async"><h2>{{ estacion.nombre }}</h2></ion-option>
+    </ion-select>
+  </ion-item>
+</ion-content>

ATOME/src/pages/crear-bitacora/crear-bitacora.module.ts

@@ -0,0 +1,13 @@
+import { NgModule } from '@angular/core';
+import { IonicPageModule } from 'ionic-angular';
+import { CrearBitacoraPage } from './crear-bitacora';
+
+@NgModule({
+  declarations: [
+    CrearBitacoraPage,
+  ],
+  imports: [
+    IonicPageModule.forChild(CrearBitacoraPage),
+  ],
+})
+export class CrearBitacoraPageModule {}

ATOME/src/pages/crear-bitacora/crear-bitacora.scss

@@ -0,0 +1,10 @@
+page-crear-bitacora {
+
+    .toolbar-md-azulatome .bar-button-clear-md,
+     .toolbar-md-azulatome .bar-button-default-md,
+      .toolbar-md-azulatome .bar-button-outline-md,
+       .toolbar-md-azulatome .toolbar-title-md
+       {
+                   color : black
+         }
+}

ATOME/src/pages/crear-bitacora/crear-bitacora.ts

@@ -0,0 +1,28 @@
+import { Component } from '@angular/core';
+import { IonicPage, NavController, NavParams } from 'ionic-angular';
+//import {  FirebaseListObservable, FirebaseObjectObservable } from 'angularfire2';
+import { AngularFireDatabase } from 'angularfire2/database';
+
+/**
+ * Generated class for the CrearBitacoraPage page.
+ *
+ * See https://ionicframework.com/docs/components/#navigation for more info on
+ * Ionic pages and navigation.
+ */
+
+@IonicPage()
+@Component({
+  selector: 'page-crear-bitacora',
+  templateUrl: 'crear-bitacora.html',
+})
+export class CrearBitacoraPage {
+ // almacenes: FirebaseListObservable<any>;
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad CrearBitacoraPage');
+  }
+
+}

ATOME/src/pages/estaciones/estaciones.html

@@ -1,11 +1,11 @@
 <ion-header>
-    <ion-navbar>
+    <ion-navbar color="azulatome">
       <button ion-button menuToggle>
         <ion-icon name="menu"></ion-icon>
       </button>
       <ion-title>Estaciones de Trabajo</ion-title>
     </ion-navbar>
-    <ion-navbar>
+    <ion-navbar color="azulatome">
       <ion-row>
         <ion-col class="groupTabs">
           <div class="centrar">
@@ -43,7 +43,7 @@
 
             <ion-col>
                <div class="izq">
-              <button class="opcion puntos"><ion-icon name="checkmark"></ion-icon><br>Seleccionar</button>
+              <button class="opcion puntos"(click)="openPageHija('CrearBitacoraPage')" ><ion-icon name="checkmark"></ion-icon><br>Seleccionar</button>
             </div>
               </ion-col>      
         </ion-row>

ATOME/src/pages/estaciones/estaciones.scss

@@ -1,12 +1,20 @@
 page-estaciones {
+
+    .toolbar-md-azulatome .bar-button-clear-md,
+    .toolbar-md-azulatome .bar-button-default-md,
+     .toolbar-md-azulatome .bar-button-outline-md,
+      .toolbar-md-azulatome .toolbar-title-md
+      {
+                  color : black
+        }
     .groupTabs{
-
+        background-color: #acc5c6 ;
         border-right-color: #244c24;
         border-right-style: inset;
        }
         .tab{
+            background-color: #acc5c6 ;
             font-size: 20px;
-            background-color: #f8f8f8;
             color: black;
             margin-left: 9em;
         }

ATOME/src/pages/estaciones/estaciones.ts

@@ -20,8 +20,10 @@ export class EstacionesPage {
 
   ionViewDidLoad() {
   }
-  openPage(page){
+  openPage(page) {
     this.navCtrl.setRoot(page);
-}
-
+  }
+  openPageHija(page) {
+    this.navCtrl.push(page);
+  }
 }

ATOME/src/pages/misestaciones/misestaciones.html

@@ -1,12 +1,12 @@
 <ion-header>
-    <ion-navbar>
+    <ion-navbar color="azulatome">
       <button ion-button menuToggle>
         <ion-icon name="menu"></ion-icon>
       </button>
       <ion-title>Estaciones de Trabajo</ion-title>
     </ion-navbar>
-    <ion-navbar>
-      <ion-row>
+    <ion-navbar color="azulatome">
+      <ion-row >
         <ion-col class="groupTabs">
           <div class="centrar">
           <button class="tab tab1" (click)="openPage('MisestacionesPage')">Mis Bitácoras</button>
@@ -72,7 +72,7 @@
       </ion-list>
 
       <ion-fab right bottom>
-          <button ion-fab color="atome"><ion-icon name="add"></ion-icon></button>
+          <button ion-fab color="atome" (click)="openPageHija('CrearBitacoraPage')"><ion-icon name="add"></ion-icon></button>
 
         </ion-fab>
   </ion-content>

ATOME/src/pages/misestaciones/misestaciones.scss

@@ -1,12 +1,20 @@
 page-misestaciones {
+
+    .toolbar-md-azulatome .bar-button-clear-md,
+    .toolbar-md-azulatome .bar-button-default-md,
+     .toolbar-md-azulatome .bar-button-outline-md,
+      .toolbar-md-azulatome .toolbar-title-md
+      {
+                  color : black
+        }
     .groupTabs{
-
+        background-color: #acc5c6 ;
         border-right-color: #244c24;
         border-right-style: inset;
        }
         .tab{
             font-size: 20px;
-            background-color: #f8f8f8;
+            background-color: #acc5c6 ;
             color: black;
             margin-left: 9em;
         }

ATOME/src/pages/misestaciones/misestaciones.ts

@@ -34,4 +34,8 @@ export class MisestacionesPage {
     this.navCtrl.setRoot(page);
 }
 
+openPageHija(page){
+  this.navCtrl.push(page);
+}
+
 }

ATOME/src/theme/variables.scss

@@ -39,10 +39,13 @@ $colors: (
   danger:     #f53d3d,
   light:      #f4f4f4,
   dark:       #222,
-  atome:      #244c24
+  atome:      #244c24,
+  azulatome:   #acc5c6 
 );
 
 
+
+
 // App iOS Variables
 // --------------------------------------------------
 // iOS only Sass variables can go here