diff --git a/example/app.js b/example/app.js index bcac5c7..a784ce4 100644 --- a/example/app.js +++ b/example/app.js @@ -1,83 +1,26 @@ import Doodle3DManager from 'src/doodle3dmanager.js'; +var list = document.getElementById('list'); + var doodle3DManager = new Doodle3DManager(); doodle3DManager.addEventListener('boxappeared', (event) => { var box = event.box; - var row = document.createElement('tr'); - row.style.color = 'gray'; + var node = document.createElement('li'); + node.innerHTML = box.boxData.wifiboxid; + list.appendChild(node); +}); - 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'); +doodle3DManager.addEventListener('boxdisappeared', (event) => { + var box = event.box; - 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); - - box.addEventListener('connect', (event) => { - row.style.color = 'black'; - - console.log('connect'); - - box.printer.sendGCode("G1 X100 X100"); - }); - - box.addEventListener('disconnect', (event) => { - row.style.color = 'gray'; - - console.log('disconnect'); - }); - - box.addEventListener('update', (event) => { - var status = event.state; - - state.innerHTML = status.state; - if (status.state !== 'disconnected' && status.state !== 'connecting' && status.state !== 'unknown') { - bed.innerHTML = status.bed; - bedTarget.innerHTML = status.bed_target; - bufferedLines.innerHTML = status.buffered_lines; - currentLine.innerHTML = status.current_line; - hasControl.innerHTML = status.has_control; - hotend.innerHTML = status.hotend; - hotendTarget.innerHTML = status.hotend_target; - totalLines.innerHTML = status.total_lines; + for (var node of list.children) { + if (node.innerHTML === box.boxData.wifiboxid) { + list.removeChild(node); + break; } - else { - bed.innerHTML = ''; - bedTarget.innerHTML = ''; - bufferedLines.innerHTML = ''; - currentLine.innerHTML = ''; - hasControl.innerHTML = ''; - hotend.innerHTML = ''; - hotendTarget.innerHTML = ''; - totalLines.innerHTML = ''; - } - }); - - box.setAutoUpdate(true); + } }); doodle3DManager.setAutoUpdate(true); diff --git a/example/index.html b/example/index.html index 73ef163..90d6884 100644 --- a/example/index.html +++ b/example/index.html @@ -4,15 +4,6 @@
ID | -Local IP | -State | -Current Line | -Buffered Lines | -Total Lines | -Hotend | -Hotend Target | -Bed | -Bed Target | -Has Control | -
---|
Doodle3D WiFi-Boxes
+ +