[tricorder.git] / index.html

<!-- This Source Code Form is subject to the terms of the Mozilla Public
   - License, v. 2.0. If a copy of the MPL was not distributed with this file,
   - You can obtain one at http://mozilla.org/MPL/2.0/.  -->

<!DOCTYPE html>
<html manifest="manifest.appcache">
<head>
  <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">
  <title>Tricorder</title>
  <script src="js/tricorder.js"></script>
  <link rel="stylesheet" href="style/tricorder.css">
  <link rel="shortcut icon" href="style/tilex32.png" type="image/png">
</head>
<body id="body">
<h1>Tricorder</h1>

<div id="sidebar">
<div id="sideTop">
<div id="stardate">[74]</div>
</div>

<div id="sideSepTop">
<div id="sideSepTopInsert"></div>
</div>

<div id="sideSepBottom">
<div id="sideSepBottomInsert"></div>
</div>

<div id="sideBottom">
<ul id="navlist">
<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 id="fullScreenButton">Full Screen</li>
</ul>
</div>

<div id="mainarea">
<div id="mainHeader">
Web Tricorder
</div>

<div id="mainSepTop"></div>
<div id="mainSepBottom"></div>

<div id="mainContent">
<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.
<br/>Please talk to your superior officer or Starfleet contact to acquire
a better device.
</p>
<div id="posavail" style="display:none">
<table>
<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.
<br/>Please talk to your superior officer or Starfleet contact to acquire
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>
<tr><td>Alpha:</td><td id="gravAlpha" class="gravVal">...</td></tr>
<tr><td>Beta:</td><td id="gravBeta" class="gravVal">...</td></tr>
<tr><td>Gamma:</td><td id="gravGamma" class="gravVal">...</td></tr>
</table>
</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" disabled="true">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
department</a> if you want to help developing this for future models.</p>
</section>
</div>

</body>
</html>
Commit	Line	Data
2882753e RK	1	<!-- This Source Code Form is subject to the terms of the Mozilla Public
	2	- License, v. 2.0. If a copy of the MPL was not distributed with this file,
	3	- You can obtain one at http://mozilla.org/MPL/2.0/. -->
	4
	5	<!DOCTYPE html>
	6	<html manifest="manifest.appcache">
	7	<head>
	8	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	9	<!-- try to counts default scaling on mobile, see
	10	https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
59878662	11	<meta name="viewport" content="width=device-width, height=device-height">
2882753e RK	12	<title>Tricorder</title>
	13	<script src="js/tricorder.js"></script>
	14	<link rel="stylesheet" href="style/tricorder.css">
	15	<link rel="shortcut icon" href="style/tilex32.png" type="image/png">
	16	</head>
	17	<body id="body">
	18	<h1>Tricorder</h1>
	19
	20	<div id="sidebar">
	21	<div id="sideTop">
	22	<div id="stardate">[74]</div>
	23	</div>
	24
	25	<div id="sideSepTop">
	26	<div id="sideSepTopInsert"></div>
	27	</div>
	28
	29	<div id="sideSepBottom">
	30	<div id="sideSepBottomInsert"></div>
	31	</div>
	32
	33	<div id="sideBottom">
	34	<ul id="navlist">
84436ccb RK	35	<li id="navPos">Position</li>
84436ccb RK	36	<li id="navGrav">Gravity</li>
39b2fdef	37	<li id="navSound">Sound</li>
0c4c028b	38	<li id="navEnv">Environment</li>
84436ccb RK	39	<li id="navDev">Device</li>
84436ccb RK	40	<li id="navOther">Other</li>
2882753e RK	41	</ul>
	42	</div>
	43
	44	<ul id="sideRemark">
84436ccb	45	<li id="fullScreenButton">Full Screen</li>
2882753e RK	46	</ul>
	47	</div>
	48
	49	<div id="mainarea">
	50	<div id="mainHeader">
	51	Web Tricorder
	52	</div>
	53
	54	<div id="mainSepTop"></div>
	55	<div id="mainSepBottom"></div>
	56
	57	<div id="mainContent">
	58	<section id="sectNull" class="active">
	59	<p>Please select a data input module from the left-side navigation.</p>
	60	</section>
6632e08c	61
2882753e RK	62	<section id="sectPos">
	63	<p id="posunavail">
	64	Position watching is unavailable on this tricorder device.
	65	<br/>Please talk to your superior officer or Starfleet contact to acquire
	66	a better device.
	67	</p>
	68	<div id="posavail" style="display:none">
	69	<table>
33a80b5e RK	70	<tr><td>Latitude:</td><td id="posLat" class="posVal">...</td></tr>
	71	<tr><td>Longitude:</td><td id="posLong" class="posVal">...</td></tr>
	72	<tr><td>Accuracy:</td><td id="posAcc" class="posVal">...</td></tr>
	73	<tr><td>Altitude:</td><td id="posAlt" class="posVal">...</td></tr>
	74	<tr><td>Alt. Accuracy:</td><td id="posAltAcc" class="posVal">...</td></tr>
	75	<tr><td>Heading:</td><td id="posHead" class="posVal">...</td></tr>
	76	<tr><td>Speed:</td><td id="posSpd" class="posVal">...</td></tr>
	77	<tr><td>Timestamp:</td><td id="posTime" class="posVal">...</td></tr>
2882753e	78	</table>
33a80b5e RK	79	<p class="note">
	80	All coordinates use the WGS84 coordinate system.
	81	</p>
2882753e RK	82	</div>
2882753e RK	83	</section>
6632e08c	84
2882753e RK	85	<section id="sectGrav">
	86	<p id="gravunavail">
	87	Gravity sensors are unavailable on this tricorder device.
	88	<br/>Please talk to your superior officer or Starfleet contact to acquire
	89	a better device.
	90	</p>
	91	<div id="gravavail" style="display:none">
	92	<table>
33a80b5e	93	<tr><td>Total:</td><td id="gravTotal" class="gravVal">...</td></tr>
2882753e RK	94	<tr><td>X:</td><td id="gravX" class="gravVal">...</td></tr>
	95	<tr><td>Y:</td><td id="gravY" class="gravVal">...</td></tr>
	96	<tr><td>Z:</td><td id="gravZ" class="gravVal">...</td></tr>
	97	<tr><td>Alpha:</td><td id="gravAlpha" class="gravVal">...</td></tr>
	98	<tr><td>Beta:</td><td id="gravBeta" class="gravVal">...</td></tr>
	99	<tr><td>Gamma:</td><td id="gravGamma" class="gravVal">...</td></tr>
	100	</table>
	101	</div>
	102	</section>
6632e08c	103
39b2fdef RK	104	<section id="sectSound">
	105	<p id="soundunavail">
	106	Sound sensors are unavailable on this tricorder device.
	107	<br/>Please talk to your superior officer or Starfleet contact to acquire
	108	a better device.
	109	</p>
	110	<div id="soundavail" style="display:none">
	111	<canvas id="soundcanvas" width="300" height="300"></canvas>
	112	</div>
	113	</section>
	114
0c4c028b RK	115	<section id="sectEnv">
	116	<p id="envunavail">
	117	Environment sensors are unavailable on this tricorder device.
	118	<br/>Please talk to your superior officer or Starfleet contact to acquire
	119	a better device.
	120	</p>
	121	<div id="envavail" style="display:none">
	122	<table>
	123	<tr><td>Light:</td><td id="envLight" class="envVal">...</td></tr>
	124	<tr><td>Distance:</td><td id="envDistance" class="envVal">...</td></tr>
	125	</table>
	126	<div id="envFlashAvail" style="display:none">
	127	Flashlight:
937918f2 RK	128	<button id="envFlashOn" class="envButton">On</button><button
937918f2 RK	129	id="envFlashOff" class="envButton" disabled="true">Off</button>
0c4c028b RK	130	</div>
	131	<div id="envFlashUnavail">
	132	<!-- No camera with flash available -->
	133	</div>
	134	</div>
	135	</section>
	136
84436ccb RK	137	<section id="sectDev">
	138	<table>
	139	<tr><td>Battery Level:</td><td id="devBattLevel" class="deviceVal">...</td></tr>
	140	<tr><td>Battery Status:</td><td id="devBattStatus" class="deviceVal">...</td></tr>
	141	<!-- to come : storage data -->
	142	</table>
	143	</section>
	144
d7e9f9cc RK	145	<section id="sectOther">
d7e9f9cc RK	146	<p>This tricorder model doesn't have other sensors yet, please contact
6d16baa8 RK	147	the <a href="http://www.kairo.at/apps" target="_blank">Starfleet science
6d16baa8 RK	148	department</a> if you want to help developing this for future models.</p>
2882753e RK	149	</section>
	150	</div>
	151
	152	</body>
	153	</html>