implement position and gravity modules in a simple way
[tricorder.git] / js / tricorder.js
CommitLineData
feec2d1c
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
5var gStardate, gSDBase;
6
7window.onload = function() {
8 setTimeout(updateStardate, 0);
9}
10
11function updateStardate() {
12 if (!gStardate)
13 gStardate = document.getElementById("stardate");
14
15 var curDate = new Date();
16
17 if (!gSDBase)
18 gSDBase = new Date("September 8, 1966 20:00:00 EST");
19
20 var sdateval = (curDate - gSDBase) / (86400 * 365.2425);
21 gStardate.textContent = sdateval.toFixed(1);
22
23 setTimeout(updateStardate, 5*60*1000);
eabed1a4
RK
24}
25
26function switchModule(modname) {
27 var sections = document.getElementsByTagName('section');
28 for (var i = 0; i <= sections.length - 1; i++) {
1753d94a
RK
29 if (sections[i].classList.contains("active")) {
30 window["gMod" + sections[i].id.replace("sect", "")].deactivate();
31 sections[i].classList.remove("active");
32 }
eabed1a4
RK
33 }
34 var navs = document.getElementById('navlist').children;
35 for (var i = 0; i <= navs.length - 1; i++) {
36 navs[i].classList.remove("active");
37 }
38
39 document.getElementById("nav" + modname).classList.add("active");
40 document.getElementById("sect" + modname).classList.add("active");
1753d94a
RK
41
42 window["gMod" + modname].activate();
43}
44
45var gModPos = {
46 activate: function() {
47 if (navigator.geolocation) {
48 document.getElementById("posunavail").style.display = "none";
49 document.getElementById("posavail").style.display = "block";
50 this.watchID = navigator.geolocation.watchPosition(
51 function(position) {
52 document.getElementById("posLat").textContent = position.coords.latitude;
53 document.getElementById("posLong").textContent = position.coords.longitude;
54 document.getElementById("posAlt").textContent = position.coords.altitude;
55 document.getElementById("posAcc").textContent = position.coords.accuracy;
56 document.getElementById("posAltAcc").textContent = position.coords.altitudeAccuracy;
57 document.getElementById("posHead").textContent = position.coords.heading || "---";
58 document.getElementById("posSpd").textContent = position.coords.speed || "---";
59 var locTime = new Date(position.timestamp);
60 document.getElementById("posTime").textContent = locTime.toISOString();
61 },
62 function(error) {
63 // See https://developer.mozilla.org/en/Using_geolocation#Handling_errors
64 document.getElementById("posLat").textContent = error.message;
65 document.getElementById("posLong").textContent = "...";
66 document.getElementById("posAlt").textContent = "...";
67 document.getElementById("posAcc").textContent = "...";
68 document.getElementById("posAltAcc").textContent = "...";
69 document.getElementById("posHead").textContent = "...";
70 document.getElementById("posSpd").textContent = "...";
71 document.getElementById("posTime").textContent = "...";
72 },
73 {enableHighAccuracy: true}
74 );
75 }
76 else {
77 document.getElementById("posunavail").style.display = "block";
78 document.getElementById("posavail").style.display = "none";
79 }
80 },
81 deactivate: function() {
82 if (this.watchID) {
83 navigator.geolocation.clearWatch(this.watchID);
84 }
85 document.getElementById("posunavail").style.display = "block";
86 document.getElementById("posavail").style.display = "none";
87 document.getElementById("posLat").textContent = "...";
88 document.getElementById("posLong").textContent = "...";
89 document.getElementById("posAlt").textContent = "...";
90 document.getElementById("posAcc").textContent = "...";
91 document.getElementById("posAltAcc").textContent = "...";
92 document.getElementById("posHead").textContent = "...";
93 document.getElementById("posSpd").textContent = "...";
94 document.getElementById("posTime").textContent = "...";
95 },
96 watchID: null,
97}
98
99var gModGrav = {
100 activate: function() {
101 document.getElementById("gravunavail").style.display = "none";
102 document.getElementById("gravavail").style.display = "block";
103 window.addEventListener("deviceorientation", this.orientEvent, true);
104 window.addEventListener("devicemotion", this.motionEvent, true);
105 },
106 deactivate: function() {
107 window.removeEventListener("deviceorientation", this.orientEvent, true);
108 window.removeEventListener("devicemotion", this.motionEvent, true);
109 document.getElementById("gravunavail").style.display = "block";
110 document.getElementById("gravavail").style.display = "none";
111 },
112 orientEvent: function(orientData) {
113 document.getElementById("gravAbs").textContent = orientData.absolute;
114 document.getElementById("gravAlpha").textContent = orientData.alpha;
115 document.getElementById("gravBeta").textContent = orientData.beta;
116 document.getElementById("gravGamma").textContent = orientData.gamma;
117 },
118 motionEvent: function(event) {
119 document.getElementById("gravX").textContent = event.accelerationIncludingGravity.x;
120 document.getElementById("gravY").textContent = event.accelerationIncludingGravity.y;
121 document.getElementById("gravZ").textContent = event.accelerationIncludingGravity.z;
122 document.getElementById("gravRot").textContent = event.rotationRate;
123 },
124}
125
126var gModAcou = {
127 activate: function() {},
128 deactivate: function() {},
129}
130
131var gModNull = {
132 activate: function() {},
133 deactivate: function() {},
eabed1a4 134}