Merge pull request #42 from jtanx/master
[matches/MCTX3420.git] / testing / MCTXWeb / public_html / static / mctx.gui.js
1 /**
2  * MCTX3420 2013 GUI stuff.
3  */
4
5 mctx = {};
6 mctx.api = location.protocol + "//" +  location.host + "/api/";
7 mctx.expected_api_version = 0;
8 mctx.key = undefined;
9 mctx.has_control = false;
10
11 mctx.return_codes = {
12   "1" : "Ok",
13   "-1" : "General error",
14   "-2" : "Unauthorized",
15   "-3" : "Not running",
16   "-4" : "Already exists"
17 };
18
19 mctx.sensors = {
20   0 : {name : "Strain gauge 1"},
21   1 : {name : "Strain gauge 2"},
22   2 : {name : "Strain gauge 3"},
23   3 : {name : "Strain gauge 4"},
24   4 : {name : "Pressure sensor 1"},
25   5 : {name : "Pressure sensor 2"}
26 };
27
28 mctx.actuators = {
29   0 : {name : "Solenoid 1"},
30   1 : {name : "Solenoid 2"},
31   2 : {name : "Solenoid 3"},
32   3 : {name : "Pressure regulator"}
33 };
34
35 mctx.strain_gauges = {};
36 mctx.strain_gauges.ids = [0, 1, 2, 3];
37 mctx.strain_gauges.time_limit = 20;
38
39 /**
40  * Writes the current date to wherever it's called.
41  */
42 function getDate(){
43         document.write((new Date()).toDateString());
44 }
45
46 /**
47  * Populates a submenu of the navigation bar
48  * @param {string} header The header
49  * @param {object} items An object representing the submenu items
50  * @param {function} translator A function that translates an object item
51  *                              into a text and href.
52  * @returns {$.fn} Itself
53  */
54 $.fn.populateSubmenu = function(header, items, translator) {
55   var submenuHeader = $("<li/>").append($("<a/>", {text : header, href : "#"}));
56   var submenu = $("<ul/>", {"class" : "submenu"});
57   
58   for (var item in items) {
59     var info = translator(item, items);
60     submenu.append($("<li/>").append(
61           $("<a/>", {text : info.text, 
62                      href : info.href, target : "_blank"})
63     ));
64   }
65   
66   this.append(submenuHeader.append(submenu));
67   return this;
68 };
69
70 /** 
71  * Populates the navigation bar
72  */
73 $.fn.populateNavbar = function () {
74   var menu = $("<ul/>", {"class" : "menu"});
75   var sensorTranslator = function(item, items) {
76     var href = mctx.api + "sensors?start_time=0&format=tsv&id=" + item;
77     return {text : items[item].name, href : href};
78   };
79   var actuatorTranslator = function(item, items) {
80     var href = mctx.api + "actuators?start_time=0&format=tsv&id=" + item;
81     return {text : items[item].name, href : href};
82   };
83   
84   menu.populateSubmenu("Sensor data", mctx.sensors, sensorTranslator);
85   menu.populateSubmenu("Actuator data", mctx.actuators, actuatorTranslator);
86   menu.appendTo(this);
87   return this;
88 }
89
90 /**
91  * Sets the camera autoupdater
92  * @returns {$.fn}
93  */
94 $.fn.setCamera = function () {
95   var url = mctx.api + "image";  //http://beaglebone/api/image
96   var update = true;
97
98   //Stop updating if we can't retrieve an image!
99   this.error(function() {
100     update = false;
101   });
102   
103   var parent = this;
104   
105   var updater = function() {
106     if (!update) {
107       alert("Cam fail");
108       parent.attr("src", "");
109       return;
110     }
111     
112     parent.attr("src", url + "#" + (new Date()).getTime());
113     
114     setTimeout(updater, 1000);
115   };
116   
117   updater();
118   return this;
119 };
120
121 $.fn.setStrainGraphs = function () {
122   var sensor_url = mctx.api + "sensors";
123   var graphdiv = this;
124   
125   var updater = function () {
126     var time_limit = mctx.strain_gauges.time_limit;
127     var responses = new Array(mctx.strain_gauges.ids.length);
128     
129     for (var i = 0; i < mctx.strain_gauges.ids.length; i++) {
130       var parameters = {id : i, start_time: -time_limit};
131       responses[i] = $.ajax({url : sensor_url, data : parameters});
132     }
133     
134     $.when.apply(this, responses).then(function () {
135       var data = new Array(arguments.length);
136       for (var i = 0; i < arguments.length; i++) {
137         var raw_data = arguments[i][0].data;
138         var pruned_data = [];
139         var step = ~~(raw_data.length/100);
140         for (var j = 0; j < raw_data.length; j += step)
141           pruned_data.push(raw_data[j]); 
142         data[i] = pruned_data;
143       }
144       $.plot(graphdiv, data);
145       setTimeout(updater, 500);
146     }, function () {alert("It crashed");});
147   };
148   
149   updater();
150   return this;
151 };
152
153 $.fn.login = function () {
154   var username = this.find("input[name='username']").val();
155   var password = this.find("input[name='pass']").val();
156   var force = this.find("input[name='force']").is(":checked");
157   var url = mctx.api + "control";
158   
159   var authFunc = function(xhr) {
160     xhr.setRequestHeader("Authorization",
161         "Basic " + base64.encode(username + ":" + password));
162   };
163
164   $.ajax({
165     url : url,
166     data : {action : "lock", force : (force ? true : undefined)},
167     beforeSend : authFunc
168   }).done(function (data) {
169     mctx.key = data.key;
170     if (data.status < 0) {
171       alert("no - " + data.description);
172     } else {
173       mctx.has_control = true;
174       alert("yes - " + mctx.key);
175     }
176   }).fail(function (jqXHR) {
177     mctx.key = undefined;
178     mctx.has_control = false;
179     alert("no");
180   });
181 };
182
183 $.fn.setErrorLog = function () {
184   var url = mctx.api + "errorlog";
185   var outdiv = this;
186   
187   var updater = function () {
188     $.ajax({url : url}).done(function (data) {
189       outdiv.text(data);
190       setTimeout(updater, 1000);
191     }).fail(function (jqXHR) {
192       outdiv.text("Failed to retrieve the error log.");
193     });
194   };
195   
196   updater();
197 };

UCC git Repository :: git.ucc.asn.au