Version 0.0.2 changes

app/pages/about/about.html

@@ -2,7 +2,7 @@
   <ion-navbar primary>
     <ion-title>About</ion-title>
     <ion-buttons end>
-      <button (click)='signalK.obtainServerAddrManually(true)'>
+      <button (click)='signalK.obtainServerAddrManually()'>
         <ion-icon *ngIf='signalK.connected' style='color: green;' name='wifi'></ion-icon>
         <ion-icon *ngIf='!signalK.connected' style='color: red;' name='wifi'></ion-icon>
       </button>
@@ -16,8 +16,9 @@
     <strong>Signal K Mobile</strong>
   </ion-card-header>
   <ion-card-content>
-    <div class='paragraph'>Signal K Mobile is an open source mobile application for leveraging and promoting <a href='http://signalk.org/'>Signal K</a>, a modern and open data format for marine use. </div>
-    <div class='paragraph'>It has been developed to promote usage of Signal K and is <strong>NOT RECOMMENDED</strong> for navigation.</div>
+    <div class='paragraph'>Signal K Mobile is an open source mobile application developed by Ilker Temir for leveraging and promoting <a href='http://signalk.org/'>Signal K</a>, a modern and open data format for marine use. </div>
+    <div class='paragraph'>It has been developed to promote the usage of Signal K and is <strong>NOT RECOMMENDED</strong> for navigation.</div>
+    <div>If you do not have any Signal K sensors, check <a href='https://github.com/itemir/boatsensord'>BoatSensord</a> project on GitHub for a list of Signal K capable DIY sensors.</div>
     <div class='paragraph'>Source code is available at <a href='https://github.com/itemir/signalk-mobile'>GitHub</a> under Apache License version 2.</div>
     <div class='paragraph'>Signal K Mobile is not affiliated with, nor is endorsed by the Signal K working group.</div>
   </ion-card-content>

app/pages/panel/panel.ts

@@ -50,10 +50,8 @@ export class PanelPage {
       to make sure it is properly initialized before setting up
       gauges and starting Signal K.
       */
-      setTimeout( () => {
-        this.setUpGauges();
-        signalK.start();
-      }, 500);
+      setTimeout( () => this.setUpGauges(), 500);
+      setTimeout( () => signalK.start(), 250);
     });
   }
 

app/pages/sensors/sensors.html

@@ -0,0 +1,36 @@
+<ion-header>
+  <ion-navbar primary>
+    <ion-title>Sensors</ion-title>
+    <ion-buttons end>
+      <button (click)='signalK.obtainServerAddrManually()'>
+        <ion-icon *ngIf='signalK.connected' style='color: green;' name='wifi'></ion-icon>
+        <ion-icon *ngIf='!signalK.connected' style='color: red;' name='wifi'></ion-icon>
+      </button>
+    </ion-buttons>
+  </ion-navbar>
+</ion-header>
+
+<ion-content padding>
+  <table class='fullWidth'>
+    <tr>
+      <td colspan='2' class='fullWidth center padding-top'>
+        <canvas [hidden]="unit!='celsius'" #temperatureC id="temperatureC" width="100" height="100"></canvas>
+        <canvas [hidden]="unit!='fahrenheit'" #temperatureF id="temperatureF" width="100" height="100"></canvas>
+        <div style='width: 100px; margin: 0 auto;'>
+        <ion-segment [(ngModel)]="unit" (ionChange)="saveUnit()" medium>
+          <ion-segment-button value="fahrenheit">
+           °F
+          </ion-segment-button>
+          <ion-segment-button value="celsius">
+           °C 
+          </ion-segment-button>
+        </ion-segment>
+        </div>
+      </td>
+    </tr>
+    <tr>
+      <td class='halfWidth center padding-top'><canvas #pressure id="pressure" width="100" height="100"></canvas></td>
+      <td class='halfWidth center padding-top'><canvas #humidity id="humidity" width="100" height="100"></canvas></td>
+    </tr>
+  </table>
+</ion-content>

app/pages/sensors/sensors.scss

@@ -0,0 +1,15 @@
+.fullWidth {
+    width: 100%;
+}
+
+.halfWidth {
+    width: 50%;
+}
+
+.center {
+    text-align: center;
+}
+
+.padding-top {
+    padding-top: 15px;
+}