demo/3d_demo/resources/src/js/index_ui.js

var stream = AccelerometerStream()
stream.temperatureUpdateInterval = 3000
var _el = function(id) {
return document.getElementsByClassName(id)[0]
}
/** -----------------------------
* This is called when the stream connects
*/
stream.onConnected = function() {
_el('status').style.display = 'none';
_el('msg').style.display = 'flex';
_el('temp').disabled = false
_el('humi').disabled = false
stream.getUpdateInterval()
}
/** -----------------------------
* This is called when the stream disconnects
*/
stream.onDisconnected = function() {
_el('status').style.display = 'block';
_el('msg').style.display = 'none';
_el('temp').disabled = true
_el('humi').disabled = true
}
/** -----------------------------
* This is called when a new temperature reading is available
*/
stream.onTemperatureAvailable = function(data) {
_el('temp').innerHTML = data.temperature.toFixed(1) + '°C'
_el('humi').innerHTML = data.humidity.toFixed(1) + '%RH'
}
/** -----------------------------
* This is called when a the device's update interval changes
*/
stream.onIntervalUpdated = function(value) {
}
/** -----------------------------
* This is called when the message text input changes
*/
function sendText() {
if(!(event.key === 'Enter' || event.keyCode == 13 || event.keyCode == 10)) {
return
}
var txt = document.getElementsByTagName('input')[0];
var val = txt.value;
function resultHandler(result, data) {
txt.disabled = false
}
txt.disabled = true
txt.value = '';
stream.sendMessage(val, resultHandler)
return false;
}
function onFocus() {
_el('cursor').style.display = 'none';
}
function onBlur() {
_el('cursor').style.display = 'block';
}
stream.onDisconnected()
var host = window.location.host
if(!host) {
host = '10.10.10.1'
}
stream.start(host)
console.log('Ready.')