X-Git-Url: https://git-public.kairo.at/?p=tricorder.git;a=blobdiff_plain;f=index.html;h=16ee42cb28fb51d07812a2bb824bc861c21dc890;hp=e2bd3f17cc7b17bfa3f52edd1eafd4a57143ca4d;hb=0c4c028bd224b3f9da26d71ce7b1d61c166a0ae2;hpb=6d16baa8f3beb8371f15a8fc995e18d1c0d684ff

diff --git a/index.html b/index.html
index e2bd3f1..16ee42c 100644
--- a/index.html
+++ b/index.html
@@ -32,14 +32,17 @@
 
 <div id="sideBottom">
 <ul id="navlist">
-<li id="navPos" onclick="switchModule('Pos');">Position</li>
-<li id="navGrav" onclick="switchModule('Grav');">Gravity</li>
-<li id="navOther" onclick="switchModule('Other');">Other</li>
+<li id="navPos">Position</li>
+<li id="navGrav">Gravity</li>
+<li id="navSound">Sound</li>
+<li id="navEnv">Environment</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>
 
@@ -98,6 +101,47 @@ a better device.
 </div>
 </section>
 
+<section id="sectSound">
+<p id="soundunavail">
+Sound sensors are unavailable on this tricorder device.
+<br/>Please talk to your superior officer or Starfleet contact to acquire
+a better device.
+</p>
+<div id="soundavail" style="display:none">
+<canvas id="soundcanvas" width="300" height="300"></canvas>
+</div>
+</section>
+
+<section id="sectEnv">
+<p id="envunavail">
+Environment sensors are unavailable on this tricorder device.
+<br/>Please talk to your superior officer or Starfleet contact to acquire
+a better device.
+</p>
+<div id="envavail" style="display:none">
+<table>
+<tr><td>Light:</td><td id="envLight" class="envVal">...</td></tr>
+<tr><td>Distance:</td><td id="envDistance" class="envVal">...</td></tr>
+</table>
+<div id="envFlashAvail" style="display:none">
+Flashlight:
+<button id="envFlashOn" class="envButton">On</button>
+<button id="envFlashOff" class="envButton">Off</button>
+</div>
+<div id="envFlashUnavail">
+<!-- No camera with flash available -->
+</div>
+</div>
+</section>
+
+<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