added sensor list

src/app/app.module.ts

@@ -16,6 +16,7 @@ import { AddItemPage } from '../pages/add-item/add-item';
 import { SensorDetailPage } from '../pages/sensor-detail/sensor-detail';
 import { MySenseBoxPage } from '../pages/my-sense-box/my-sense-box';
 import { LoginProvider } from '../providers/LoginProvider/LoginProvider';
+import { SensorsPage } from '../pages/sensors/sensors';
 
 // For AoT compilation (production builds) we need to have a factory for the loader of translation files.
 // @TODO: we possibly could optimize this by using a static loader in combination with webpack:
@@ -29,7 +30,8 @@ export function createTranslateLoader(http: HttpClient) {
     openSenseApp,
     AddItemPage,
     SensorDetailPage,
-    MySenseBoxPage
+    MySenseBoxPage,
+    SensorsPage
   ],
   imports: [
     HttpClientModule,
@@ -50,7 +52,8 @@ export function createTranslateLoader(http: HttpClient) {
     openSenseApp,
     AddItemPage,
     SensorDetailPage,
-    MySenseBoxPage
+    MySenseBoxPage,
+    SensorsPage
 
   ],
   providers: [

src/app/app.scss

@@ -52,3 +52,9 @@ $breakpoints-values: map-values($grid-breakpoints);
     }
   }
 }
+
+code {
+  color:#c7254e;
+  background-color: #f9f2f4;
+  border-radius: 4px;
+}

src/pages/configuration/configuration.scss

@@ -1,8 +1,3 @@
 .hint {
   text-align: center;
 }
-code {
-  color:#c7254e;
-  background-color: #f9f2f4;
-  border-radius: 4px;
-}

src/pages/my-sense-box/my-sense-box.html

@@ -21,15 +21,24 @@
           </ion-card-title>
         </ion-card-header>
         <ion-card-content>
+          <ion-row>
+            Exposure: {{box.exposure}}
+          </ion-row>
+          <ion-row>
+            Model: {{box.model}}
+          </ion-row>
+          <ion-row>
+           ID: <code>{{box._id}}</code>
+          </ion-row>
           <ion-row>
             <ion-col col-4>
-              <button class="actionButton" ion-button color="light">Show</button>
+              <button class="actionButton" ion-button color="light"(click)="forwardShow(box)">Show</button>
             </ion-col>
             <ion-col col-4>
-              <button class="actionButton" ion-button color="light">Edit</button>
+              <button class="actionButton" ion-button color="light" (click)="forwardEdit(box)">Edit</button>
             </ion-col>
             <ion-col col-4>
-              <button class="actionButton" ion-button color="light">Sketch</button>
+              <button class="actionButton" ion-button color="light" (click)="forwardSketch(box)">Sketch</button>
             </ion-col>
           </ion-row>
         </ion-card-content>

src/pages/my-sense-box/my-sense-box.scss

@@ -3,4 +3,14 @@ page-my-sense-box {
 }
 .actionButton{
     width:100%
+}
+
+code {
+    color:#c7254e;
+    background-color: #f9f2f4;
+    border-radius: 4px;
+  }
+
+.senseBox {
+    background: rgb(114, 176, 38) none repeat scroll 0% 0%
 }

src/pages/my-sense-box/my-sense-box.ts

@@ -1,6 +1,7 @@
 import { Component } from '@angular/core';
 import { IonicPage, NavController, NavParams } from 'ionic-angular';
 import {LoginProvider} from "../../providers/LoginProvider/LoginProvider";
+import { SensorsPage } from '../sensors/sensors';
 /**
  * Generated class for the MySenseBoxPage page.
  *
@@ -22,6 +23,17 @@ export class MySenseBoxPage {
      ) {
   }
 
+  forwardShow(box){
+    this.navCtrl.push(SensorsPage,box)
+  }
+
+  forwardEdit(box){
+
+  }
+
+  forwardSketch(box){
+  }
+
   ionViewDidLoad() {
     console.log('ionViewDidLoad MySenseBoxPage');
     this.boxes = this.navParams.data.data.boxes

src/pages/sensors/sensors.html

@@ -7,12 +7,34 @@
 <ion-header>
 
   <ion-navbar>
-    <ion-title>sensors</ion-title>
+    <ion-title>Sensors</ion-title>
   </ion-navbar>
 
 </ion-header>
 
 
 <ion-content padding>
+  <ion-grid>
+    <ion-row *ngFor="let sensor of box.sensors">
+      <ion-card>
+        <ion-card-header>
+          <ion-title>
+          {{sensor.title}}
+          </ion-title>
+        </ion-card-header>
+        <ion-card-content>
+          <ion-row>
+            Typ:{{sensor.sensorType}}
+          </ion-row>
+          <ion-row>
+            Last measurement: {{sensor.lastMeasurement.value}}{{sensor.unit}} at {{sensor.lastMeasurement.createdAt}}
+          </ion-row>
+          <ion-row>
+            ID: <code>{{sensor._id}}</code>
+          </ion-row>  
+        </ion-card-content>
+      </ion-card>
+    </ion-row>
 
-</ion-content>
+  </ion-grid>
+</ion-content>

src/pages/sensors/sensors.ts

@@ -14,7 +14,7 @@ import { IonicPage, NavController, NavParams } from 'ionic-angular';
   templateUrl: 'sensors.html',
 })
 export class SensorsPage {
-
+  public box:Object = this.navParams.data
   constructor(public navCtrl: NavController, public navParams: NavParams) {
   }