2013-11-09 04:57:05 +00:00
|
|
|
var GUI_control = function() {
|
2013-12-29 10:15:04 +00:00
|
|
|
this.auto_connect = false;
|
2013-11-20 11:26:00 +00:00
|
|
|
this.connecting_to = false;
|
|
|
|
this.connected_to = false;
|
2013-11-09 04:57:05 +00:00
|
|
|
this.active_tab;
|
2013-11-15 16:13:36 +00:00
|
|
|
this.operating_system;
|
2014-06-08 17:32:24 +00:00
|
|
|
this.optional_usb_permissions = false; // controlled by usb permissions code
|
2013-11-09 04:57:05 +00:00
|
|
|
this.interval_array = [];
|
|
|
|
this.timeout_array = [];
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-15 16:13:36 +00:00
|
|
|
// check which operating system is user running
|
|
|
|
if (navigator.appVersion.indexOf("Win") != -1) this.operating_system = "Windows";
|
|
|
|
else if (navigator.appVersion.indexOf("Mac") != -1) this.operating_system = "MacOS";
|
|
|
|
else if (navigator.appVersion.indexOf("CrOS") != -1) this.operating_system = "ChromeOS";
|
|
|
|
else if (navigator.appVersion.indexOf("Linux") != -1) this.operating_system = "Linux";
|
|
|
|
else if (navigator.appVersion.indexOf("X11") != -1) this.operating_system = "UNIX";
|
2014-04-11 19:22:05 +00:00
|
|
|
else this.operating_system = "Unknown";
|
2013-11-09 04:57:05 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
// Timer managing methods
|
|
|
|
|
|
|
|
// name = string
|
|
|
|
// code = function reference (code to be executed)
|
|
|
|
// interval = time interval in miliseconds
|
|
|
|
// first = true/false if code should be ran initially before next timer interval hits
|
|
|
|
GUI_control.prototype.interval_add = function(name, code, interval, first) {
|
2013-12-05 10:03:17 +00:00
|
|
|
var data = {'name': name, 'timer': undefined, 'code': code, 'interval': interval, 'fired': 0, 'paused': false};
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
if (first == true) {
|
|
|
|
code(); // execute code
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
data.fired++; // increment counter
|
|
|
|
}
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
data.timer = setInterval(function() {
|
|
|
|
code(); // execute code
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
data.fired++; // increment counter
|
|
|
|
}, interval);
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
this.interval_array.push(data); // push to primary interval array
|
2014-03-09 02:14:59 +00:00
|
|
|
|
|
|
|
return data;
|
2013-11-09 04:57:05 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
// name = string
|
|
|
|
GUI_control.prototype.interval_remove = function(name) {
|
|
|
|
for (var i = 0; i < this.interval_array.length; i++) {
|
|
|
|
if (this.interval_array[i].name == name) {
|
|
|
|
clearInterval(this.interval_array[i].timer); // stop timer
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
this.interval_array.splice(i, 1); // remove element/object from array
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
2013-12-05 10:03:17 +00:00
|
|
|
// name = string
|
|
|
|
GUI_control.prototype.interval_pause = function(name) {
|
|
|
|
for (var i = 0; i < this.interval_array.length; i++) {
|
|
|
|
if (this.interval_array[i].name == name) {
|
|
|
|
clearInterval(this.interval_array[i].timer);
|
|
|
|
this.interval_array[i].paused = true;
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 10:03:17 +00:00
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 10:04:15 +00:00
|
|
|
return false;
|
2013-12-05 10:03:17 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
// name = string
|
|
|
|
GUI_control.prototype.interval_resume = function(name) {
|
|
|
|
for (var i = 0; i < this.interval_array.length; i++) {
|
|
|
|
if (this.interval_array[i].name == name && this.interval_array[i].paused) {
|
|
|
|
var obj = this.interval_array[i];
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 10:03:17 +00:00
|
|
|
obj.timer = setInterval(function() {
|
|
|
|
obj.code(); // execute code
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 10:03:17 +00:00
|
|
|
obj.fired++; // increment counter
|
|
|
|
}, obj.interval);
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 10:03:17 +00:00
|
|
|
obj.paused = false;
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 10:03:17 +00:00
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 10:04:15 +00:00
|
|
|
return false;
|
2013-12-05 10:03:17 +00:00
|
|
|
};
|
|
|
|
|
2014-02-22 10:13:37 +00:00
|
|
|
// input = array of timers thats meant to be kept, or nothing
|
2013-11-09 04:57:05 +00:00
|
|
|
// return = returns timers killed in last call
|
|
|
|
GUI_control.prototype.interval_kill_all = function(keep_array) {
|
2014-02-22 10:19:18 +00:00
|
|
|
var self = this;
|
2013-11-09 04:57:05 +00:00
|
|
|
var timers_killed = 0;
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
for (var i = (this.interval_array.length - 1); i >= 0; i--) { // reverse iteration
|
|
|
|
var keep = false;
|
2014-02-22 10:13:37 +00:00
|
|
|
if (keep_array) { // only run through the array if it exists
|
|
|
|
keep_array.forEach(function(name) {
|
|
|
|
if (self.interval_array[i].name == name) {
|
|
|
|
keep = true;
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
if (!keep) {
|
|
|
|
clearInterval(this.interval_array[i].timer); // stop timer
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
this.interval_array.splice(i, 1); // remove element/object from array
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
timers_killed++;
|
|
|
|
}
|
|
|
|
}
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
return timers_killed;
|
|
|
|
};
|
|
|
|
|
|
|
|
// name = string
|
|
|
|
// code = function reference (code to be executed)
|
|
|
|
// timeout = timeout in miliseconds
|
|
|
|
GUI_control.prototype.timeout_add = function(name, code, timeout) {
|
|
|
|
var self = this;
|
2014-03-09 02:14:59 +00:00
|
|
|
var data = {'name': name, 'timer': undefined, 'timeout': timeout};
|
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
// start timer with "cleaning" callback
|
2014-03-09 02:14:59 +00:00
|
|
|
data.timer = setTimeout(function() {
|
2013-11-09 04:57:05 +00:00
|
|
|
code(); // execute code
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2014-03-09 02:11:11 +00:00
|
|
|
// remove object from array
|
|
|
|
var index = self.timeout_array.indexOf(data);
|
|
|
|
if (index > -1) self.timeout_array.splice(index, 1);
|
2013-11-09 04:57:05 +00:00
|
|
|
}, timeout);
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2014-03-09 02:14:59 +00:00
|
|
|
this.timeout_array.push(data); // push to primary timeout array
|
|
|
|
|
|
|
|
return data;
|
2013-11-09 04:57:05 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
// name = string
|
|
|
|
GUI_control.prototype.timeout_remove = function(name) {
|
|
|
|
for (var i = 0; i < this.timeout_array.length; i++) {
|
|
|
|
if (this.timeout_array[i].name == name) {
|
|
|
|
clearTimeout(this.timeout_array[i].timer); // stop timer
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
this.timeout_array.splice(i, 1); // remove element/object from array
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
return true;
|
|
|
|
}
|
|
|
|
}
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
return false;
|
|
|
|
};
|
|
|
|
|
|
|
|
// no input paremeters
|
|
|
|
// return = returns timers killed in last call
|
|
|
|
GUI_control.prototype.timeout_kill_all = function() {
|
|
|
|
var timers_killed = 0;
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
for (var i = 0; i < this.timeout_array.length; i++) {
|
|
|
|
clearTimeout(this.timeout_array[i].timer); // stop timer
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
timers_killed++;
|
|
|
|
}
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
this.timeout_array = []; // drop objects
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
return timers_killed;
|
|
|
|
};
|
|
|
|
|
2014-02-03 05:19:06 +00:00
|
|
|
// message = string
|
|
|
|
GUI_control.prototype.log = function(message) {
|
|
|
|
var command_log = $('div#log');
|
|
|
|
var d = new Date();
|
2014-03-08 05:25:15 +00:00
|
|
|
var time = ((d.getHours() < 10) ? '0' + d.getHours(): d.getHours())
|
|
|
|
+ ':' + ((d.getMinutes() < 10) ? '0' + d.getMinutes(): d.getMinutes())
|
2014-02-03 05:19:06 +00:00
|
|
|
+ ':' + ((d.getSeconds() < 10) ? '0' + d.getSeconds(): d.getSeconds());
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2014-02-03 05:19:06 +00:00
|
|
|
$('div.wrapper', command_log).append('<p>' + time + ' -- ' + message + '</p>');
|
2014-03-08 05:25:15 +00:00
|
|
|
command_log.scrollTop($('div.wrapper', command_log).height());
|
2014-02-03 05:19:06 +00:00
|
|
|
};
|
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
// Method is called every time a valid tab change event is received
|
|
|
|
// callback = code to run when cleanup is finished
|
|
|
|
// default switch doesn't require callback to be set
|
|
|
|
GUI_control.prototype.tab_switch_cleanup = function(callback) {
|
2014-02-28 14:44:07 +00:00
|
|
|
MSP.callbacks_cleanup(); // we don't care about any old data that might or might not arrive
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 04:57:05 +00:00
|
|
|
switch (this.active_tab) {
|
2013-12-05 09:25:13 +00:00
|
|
|
case 'initial_setup':
|
|
|
|
GUI.interval_remove('initial_setup_data_pull');
|
2014-03-30 09:51:16 +00:00
|
|
|
GUI.interval_remove('status_pull');
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-11 17:57:29 +00:00
|
|
|
if (callback) callback();
|
|
|
|
break;
|
|
|
|
case 'pid_tuning':
|
2014-03-30 09:51:16 +00:00
|
|
|
GUI.interval_remove('status_pull');
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-11 17:57:29 +00:00
|
|
|
if (callback) callback();
|
|
|
|
break;
|
|
|
|
case 'receiver':
|
2014-03-30 09:51:16 +00:00
|
|
|
GUI.interval_remove('receiver_pull');
|
|
|
|
GUI.interval_remove('status_pull');
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 09:25:13 +00:00
|
|
|
if (callback) callback();
|
|
|
|
break;
|
2013-12-05 08:55:31 +00:00
|
|
|
case 'auxiliary_configuration':
|
2014-03-30 09:51:16 +00:00
|
|
|
GUI.interval_remove('aux_data_pull');
|
|
|
|
GUI.interval_remove('status_pull');
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-11 17:57:29 +00:00
|
|
|
if (callback) callback();
|
|
|
|
break;
|
|
|
|
case 'servos':
|
2014-03-30 09:51:16 +00:00
|
|
|
GUI.interval_remove('status_pull');
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-11 17:57:29 +00:00
|
|
|
if (callback) callback();
|
|
|
|
break;
|
|
|
|
case 'gps':
|
|
|
|
GUI.interval_remove('gps_pull');
|
2014-03-30 09:51:16 +00:00
|
|
|
GUI.interval_remove('status_pull');
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-11 17:57:29 +00:00
|
|
|
if (callback) callback();
|
|
|
|
break;
|
|
|
|
case 'motor_outputs':
|
2014-06-27 16:19:53 +00:00
|
|
|
GUI.interval_kill_all();
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2014-06-23 17:50:39 +00:00
|
|
|
if (callback) callback();
|
2013-12-11 17:57:29 +00:00
|
|
|
break;
|
|
|
|
case 'sensors':
|
2014-03-28 23:59:39 +00:00
|
|
|
GUI.interval_kill_all();
|
2014-01-26 20:37:19 +00:00
|
|
|
serial.empty_output_buffer();
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2014-01-18 18:20:34 +00:00
|
|
|
// sensor data tab uses scrollbars, emptying the content before loading another tab
|
|
|
|
// prevents scrollbar exposure to any of the tabs while new content is loaded in
|
|
|
|
$('#content').empty();
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-12-05 08:55:31 +00:00
|
|
|
if (callback) callback();
|
|
|
|
break;
|
2013-11-09 04:57:05 +00:00
|
|
|
case 'cli':
|
2013-11-09 05:14:21 +00:00
|
|
|
var bufferOut = new ArrayBuffer(5);
|
|
|
|
var bufView = new Uint8Array(bufferOut);
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 05:14:21 +00:00
|
|
|
bufView[0] = 0x65; // e
|
|
|
|
bufView[1] = 0x78; // x
|
|
|
|
bufView[2] = 0x69; // i
|
|
|
|
bufView[3] = 0x74; // t
|
|
|
|
bufView[4] = 0x0D; // enter
|
|
|
|
|
2014-01-18 11:14:09 +00:00
|
|
|
serial.send(bufferOut, function(writeInfo) {
|
2013-11-09 05:18:45 +00:00
|
|
|
// we could handle this "nicely", but this will do for now
|
|
|
|
// (another approach is however much more complicated):
|
|
|
|
// we can setup an interval asking for data lets say every 200ms, when data arrives, callback will be triggered and tab switched
|
|
|
|
// we could probably implement this someday
|
|
|
|
GUI.timeout_add('waiting_for_bootup', function() {
|
2014-01-22 19:51:12 +00:00
|
|
|
CLI_active = false;
|
|
|
|
CLI_valid = false;
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2013-11-09 05:18:45 +00:00
|
|
|
if (callback) callback();
|
2013-11-10 18:06:06 +00:00
|
|
|
}, 5000); // if we dont allow enough time to reboot, CRC of "first" command sent will fail, keep an eye for this one
|
2013-11-09 05:14:21 +00:00
|
|
|
});
|
2013-11-09 04:57:05 +00:00
|
|
|
break;
|
2014-06-27 16:19:53 +00:00
|
|
|
case 'logging':
|
|
|
|
GUI.interval_kill_all();
|
|
|
|
|
|
|
|
if (callback) callback();
|
|
|
|
break;
|
2014-02-26 07:10:08 +00:00
|
|
|
case 'firmware_flasher':
|
2014-05-02 23:03:24 +00:00
|
|
|
// this.interval_remove('factory_mode');
|
2014-02-26 07:10:08 +00:00
|
|
|
PortHandler.flush_callbacks();
|
2014-03-08 05:25:15 +00:00
|
|
|
|
2014-04-11 19:22:05 +00:00
|
|
|
// unbind "global" events
|
|
|
|
$(document).unbind('keypress');
|
|
|
|
|
2014-02-26 07:10:08 +00:00
|
|
|
if (callback) callback();
|
|
|
|
break;
|
2013-11-09 04:57:05 +00:00
|
|
|
default:
|
2013-11-09 05:18:45 +00:00
|
|
|
if (callback) callback();
|
2013-11-09 04:57:05 +00:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
// initialize object into GUI variable
|
|
|
|
var GUI = new GUI_control();
|