2015-07-24 13:15:00 +02:00
|
|
|
import Doodle3DManager from 'src/doodle3dmanager.js';
|
2015-07-15 15:06:18 +02:00
|
|
|
|
2015-10-12 12:33:33 +02:00
|
|
|
let list = document.getElementById('list');
|
2015-07-27 16:32:11 +02:00
|
|
|
|
2015-10-12 12:33:33 +02:00
|
|
|
let doodle3DManager = new Doodle3DManager();
|
2015-07-15 15:06:18 +02:00
|
|
|
|
2015-10-12 12:33:33 +02:00
|
|
|
doodle3DManager.addEventListener('boxappeared', async (event) => {
|
|
|
|
let box = event.box;
|
2015-07-15 15:06:18 +02:00
|
|
|
|
2015-10-12 12:33:33 +02:00
|
|
|
var row = document.createElement('tr');
|
|
|
|
row.style.color = 'black';
|
|
|
|
|
|
|
|
var id = document.createElement('td');
|
|
|
|
var state = document.createElement('td');
|
|
|
|
var localIP = document.createElement('td');
|
|
|
|
var bed = document.createElement('td');
|
|
|
|
var bedTarget = document.createElement('td');
|
|
|
|
var bufferedLines = document.createElement('td');
|
|
|
|
var currentLine = document.createElement('td');
|
|
|
|
var hasControl = document.createElement('td');
|
|
|
|
var hotend = document.createElement('td');
|
|
|
|
var hotendTarget = document.createElement('td');
|
|
|
|
var totalLines = document.createElement('td');
|
|
|
|
|
|
|
|
row.appendChild(id);
|
|
|
|
row.appendChild(localIP);
|
|
|
|
row.appendChild(state);
|
|
|
|
row.appendChild(currentLine);
|
|
|
|
row.appendChild(bufferedLines);
|
|
|
|
row.appendChild(totalLines);
|
|
|
|
row.appendChild(hotend);
|
|
|
|
row.appendChild(hotendTarget);
|
|
|
|
row.appendChild(bed);
|
|
|
|
row.appendChild(bedTarget);
|
|
|
|
row.appendChild(hasControl);
|
|
|
|
|
|
|
|
id.innerHTML = box.boxData.wifiboxid;
|
|
|
|
localIP.innerHTML = box.boxData.localip;
|
|
|
|
|
|
|
|
document.getElementById('table').appendChild(row);
|
|
|
|
|
|
|
|
function update (event) {
|
|
|
|
let data = event.state;
|
|
|
|
state.innerHTML = data.state;
|
|
|
|
|
|
|
|
if (data.state !== 'disconnected' && data.state !== 'connecting' && data.state !== 'unknown') {
|
|
|
|
bed.innerHTML = data.bed;
|
|
|
|
bedTarget.innerHTML = data.bed_target;
|
|
|
|
bufferedLines.innerHTML = data.buffered_lines;
|
|
|
|
currentLine.innerHTML = data.current_line;
|
|
|
|
hasControl.innerHTML = data.has_control;
|
|
|
|
hotend.innerHTML = data.hotend;
|
|
|
|
hotendTarget.innerHTML = data.hotend_target;
|
|
|
|
state.innerHTML = data.state;
|
|
|
|
totalLines.innerHTML = data.total_lines;
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
bed.innerHTML = '';
|
|
|
|
bedTarget.innerHTML = '';
|
|
|
|
bufferedLines.innerHTML = '';
|
|
|
|
currentLine.innerHTML = '';
|
|
|
|
hasControl.innerHTML = '';
|
|
|
|
hotend.innerHTML = '';
|
|
|
|
hotendTarget.innerHTML = '';
|
|
|
|
totalLines.innerHTML = '';
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
box.setAutoUpdate(true, 1000);
|
|
|
|
|
|
|
|
function update (event) {
|
|
|
|
console.log(event);
|
|
|
|
}
|
|
|
|
|
|
|
|
box.addEventListener('update', update);
|
|
|
|
|
|
|
|
box.addEventListener('disconnect', (event) => {
|
|
|
|
box.removeEventListener('update', update);
|
|
|
|
});
|
2015-07-27 16:32:11 +02:00
|
|
|
});
|
2015-07-16 13:55:13 +02:00
|
|
|
|
2015-07-27 16:32:11 +02:00
|
|
|
doodle3DManager.addEventListener('boxdisappeared', (event) => {
|
2015-10-12 12:33:33 +02:00
|
|
|
let box = event.box;
|
2015-07-16 13:55:13 +02:00
|
|
|
|
2015-10-12 12:33:33 +02:00
|
|
|
for (let node of list.children) {
|
2015-07-27 16:32:11 +02:00
|
|
|
if (node.innerHTML === box.boxData.wifiboxid) {
|
|
|
|
list.removeChild(node);
|
|
|
|
break;
|
2015-07-15 15:06:18 +02:00
|
|
|
}
|
2015-07-27 16:32:11 +02:00
|
|
|
}
|
2015-07-23 19:12:50 +02:00
|
|
|
});
|
|
|
|
|
2015-10-12 12:33:33 +02:00
|
|
|
doodle3DManager.setAutoUpdate(true, 1000);
|