Doodle3D-API/example/app.js

97 lines
2.4 KiB
JavaScript

import Doodle3DAPI from 'doodle3d-API';
import rest from 'rest-API';
var api = "http://connect.doodle3d.com/api/";
var known = [];
function addBox (boxData) {
if (know.indexOf(boxData.localip) === -1) {
known.push(boxData.localip);
var row = document.createElement('tr');
row.style.color = "gray";
var id = 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 state = document.createElement('td');
var totalLines = document.createElement('td');
row.appendChild(id);
row.appendChild(localIP);
row.appendChild(bed);
row.appendChild(bedTarget);
row.appendChild(bufferedLines);
row.appendChild(currentLine);
row.appendChild(hasControl);
row.appendChild(hotend);
row.appendChild(hotendTarget);
row.appendChild(state);
row.appendChild(totalLines);
id.innerHTML = boxData.wifiboxid;
localIP.innerHTML = boxData.localip;
document.getElementById("table").appendChild(row);
var doodle3DAPI = new Doodle3DAPI(boxData.localip);
doodle3DAPI.onconnect = function () {
row.style.color = "black";
};
doodle3DAPI.ondisconnect = function () {
row.style.color = "gray";
};
doodle3DAPI.onupdate = function (data) {
state.innerHTML = data.state;
if (data.state === "idle") {
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 {
}
};
doodle3DAPI.startUpdateLoop();
}
}
function searchBoxes () {
rest.get(api + "list.php", function (error, boxes) {
if (error) {
return;
console.warn(error);
}
for (var i = 0; i < boxes.length; i ++) {
var box = boxes[i];
addBox(box);
}
});
}
setInterval(searchBoxes, 5000);
searchBoxes();
addBox({
localip: window.location.host + ":3000",
wifiboxid: "Node Server"
});
addBox({
localip: "192.168.5.1",
wifiboxid: "Wired Printer"
});