improve status messages

[tricorder.git] / index.html

diff --git a/index.html b/index.html
index 218789242150997462dd52f57219aab6d8edcda6..b426b25f6f25bbf3e26c3266c98557db8e1b609d 100644 (file)
--- a/index.html
+++ b/index.html
@@ -8,7 +8,7 @@
   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
   <!-- try to counts default scaling on mobile, see 
        https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
-  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=.6667, maximum-scale=.6667">
+  <meta name="viewport" content="width=device-width, height=device-height">
   <title>Tricorder</title>
   <script src="js/tricorder.js"></script>
   <link rel="stylesheet" href="style/tricorder.css">
@@ -32,14 +32,15 @@
 
 <div id="sideBottom">
 <ul id="navlist">
-<li id="navPos" onclick="switchModule('Pos');">Position</li>
-<li id="navGrav" onclick="switchModule('Grav');">Gravity</li>
-<li id="navAcou" onclick="switchModule('Acou');">Acoustics</li>
+<li id="navPos">Position</li>
+<li id="navGrav">Gravity</li>
+<li id="navDev">Device</li>
+<li id="navOther">Other</li>
 </ul>
 </div>
 
 <ul id="sideRemark">
-<li onclick="toggleFullscreen();">Full Screen</li>
+<li id="fullScreenButton">Full Screen</li>
 </ul>
 </div>
 
@@ -55,6 +56,7 @@ Web Tricorder
 <section id="sectNull" class="active">
 <p>Please select a data input module from the left-side navigation.</p>
 </section>
+
 <section id="sectPos">
 <p id="posunavail">
 Position watching is unavailable on this tricorder device.
@@ -63,17 +65,21 @@ a better device.
 </p>
 <div id="posavail" style="display:none">
 <table>
-<tr><td>Latitude:</td><td id="posLat">...</td></tr>
-<tr><td>Longitude:</td><td id="posLong">...</td></tr>
-<tr><td>Accuracy:</td><td id="posAcc">...</td></tr>
-<tr><td>Altitude:</td><td id="posAlt">...</td></tr>
-<tr><td>Alt. Accuracy:</td><td id="posAltAcc">...</td></tr>
-<tr><td>Heading:</td><td id="posHead">...</td></tr>
-<tr><td>Speed:</td><td id="posSpd">...</td></tr>
-<tr><td>Timestamp:</td><td id="posTime">...</td></tr>
+<tr><td>Latitude:</td><td id="posLat" class="posVal">...</td></tr>
+<tr><td>Longitude:</td><td id="posLong" class="posVal">...</td></tr>
+<tr><td>Accuracy:</td><td id="posAcc" class="posVal">...</td></tr>
+<tr><td>Altitude:</td><td id="posAlt" class="posVal">...</td></tr>
+<tr><td>Alt. Accuracy:</td><td id="posAltAcc" class="posVal">...</td></tr>
+<tr><td>Heading:</td><td id="posHead" class="posVal">...</td></tr>
+<tr><td>Speed:</td><td id="posSpd" class="posVal">...</td></tr>
+<tr><td>Timestamp:</td><td id="posTime" class="posVal">...</td></tr>
 </table>
+<p class="note">
+All coordinates use the WGS84 coordinate system.
+</p>
 </div>
 </section>
+
 <section id="sectGrav">
 <p id="gravunavail">
 Gravity sensors are unavailable on this tricorder device.
@@ -82,6 +88,7 @@ a better device.
 </p>
 <div id="gravavail" style="display:none">
 <table>
+<tr><td>Total:</td><td id="gravTotal" class="gravVal">...</td></tr>
 <tr><td>X:</td><td id="gravX" class="gravVal">...</td></tr>
 <tr><td>Y:</td><td id="gravY" class="gravVal">...</td></tr>
 <tr><td>Z:</td><td id="gravZ" class="gravVal">...</td></tr>
@@ -91,10 +98,19 @@ a better device.
 </table>
 </div>
 </section>
-<section id="sectAcou">
-<p>This tricorder model doesn't have acoustics sensors yet, please contact the
-Starfleet science department if you want to help developing this for future
-models.</p>
+
+<section id="sectDev">
+<table>
+<tr><td>Battery Level:</td><td id="devBattLevel" class="deviceVal">...</td></tr>
+<tr><td>Battery Status:</td><td id="devBattStatus" class="deviceVal">...</td></tr>
+<!-- to come : storage data -->
+</table>
+</section>
+
+<section id="sectOther">
+<p>This tricorder model doesn't have other sensors yet, please contact
+the <a href="http://www.kairo.at/apps" target="_blank">Starfleet science
+department</a> if you want to help developing this for future models.</p>
 </section>
 </div>