2018-06-19 08:07:03 +00:00
<!DOCTYPE html>
< html lang = "en" >
2018-06-20 13:00:05 +00:00
2018-06-21 20:02:40 +00:00
< head >
2018-11-23 16:13:16 +00:00
< title > OpenBuilds CONTROL< / title >
2018-06-21 20:02:40 +00:00
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
< meta name = "author" content = "" >
< meta name = "viewport" content = "width=device-width, initial-scale=1" >
< meta name = "metro4:init" content = "true" >
< script type = "text/javascript" src = "lib/jquery/jquery.min.js" > < / script >
2018-09-06 17:50:01 +00:00
< link rel = "stylesheet" href = "lib/metro4/css/metro-all.min.css" / >
2018-11-26 19:22:53 +00:00
< link rel = "stylesheet" href = "lib/iconpicker/css/fontawesome-iconpicker.min.css" / >
2018-06-21 20:02:40 +00:00
< link rel = "stylesheet" href = "css/main.css" / >
2019-05-01 18:44:44 +00:00
< link rel = "stylesheet" href = "css/buttons.css" / >
2018-06-21 20:02:40 +00:00
< / head >
< body >
2018-09-18 14:34:11 +00:00
< div class = "pos-fixed pos-center" id = "splash" >
< img src = "splashicon.png" style = "display:block; margin:auto;" >
2018-11-23 16:13:16 +00:00
< br > Starting OpenBuilds CONTROL...
2018-09-18 14:34:11 +00:00
< / div >
2018-06-21 20:02:40 +00:00
< div class = "window" style = "height: 100vh;" >
2018-08-01 19:04:27 +00:00
< div class = "window-caption bg-openbuilds" style = "-webkit-app-region: drag;" >
2018-08-07 19:48:38 +00:00
<!-- <span class="icon mif - cog"></span> -->
< span class = "icon" > < img src = "icon-transparent.png" / > < / span >
2018-11-23 16:13:16 +00:00
< span class = "title" id = "windowtitle" > OpenBuilds CONTROL< / span >
2018-06-21 20:02:40 +00:00
< div class = "buttons" style = "-webkit-app-region: no-drag" >
2018-08-07 10:05:49 +00:00
< span class = "btn-min" onclick = "socket.emit('minimize')" > < / span >
< span data-cls-hint = "bg-light fg-dark drop-shadow" class = "btn-close" onclick = "socket.emit('minimisetotray')" > < / span >
2018-08-06 17:39:02 +00:00
<!-- <span data - cls - hint="bg - light fg - dark drop - shadow" class="btn - close" onclick="confirmQuit()"></span> -->
2018-06-21 20:02:40 +00:00
< / div >
< / div >
< div class = "window-content" style = "height: 100%; overflow: hidden !important;" >
< nav data-role = "ribbonmenu" class = "mt-1" >
< ul class = "tabs-holder" >
2018-08-07 19:25:56 +00:00
< li > < a id = "controlTab" href = "#section-two" onclick = "manualcontrolPanel();" > < i class = "fas fa-fw fa-play" > < / i > Control< / a > < / li >
2019-01-23 19:07:58 +00:00
< li id = "grblSettings" style = "display: none;" > < a id = "grblTab" href = "#section-grbl" onclick = "grblPanel();" > < i class = "fas fa-fw fa-sliders-h" > < / i > Grbl Settings< / a > < / li >
2018-08-07 19:25:56 +00:00
< li > < a href = "#section-troubleshooting" onclick = "troubleshootingPanel();" > < i class = "fas fa-fw fa-file-medical-alt" > < / i > Troubleshooting< / a > < / li >
2018-06-21 20:02:40 +00:00
< / ul >
< div class = "content-holder" >
2018-06-25 20:13:58 +00:00
< div class = "section" id = "section-grbl" >
2018-08-01 19:04:27 +00:00
< div class = "group" >
2018-06-29 13:01:16 +00:00
< button class = "ribbon-button disabled" onclick = "grblSaveSettings();" id = "saveBtn" disabled >
2018-06-25 20:13:58 +00:00
< span class = "icon" >
2018-06-27 19:23:34 +00:00
< span class = "fa-layers fa-fw" >
2018-06-29 13:01:16 +00:00
< i id = "saveBtnIcon" class = "fas fa-save fg-gray" data-fa-transform = "grow-8" > < / i >
2018-06-27 19:23:34 +00:00
< i id = "grblSettingsBadge" class = "fas fa-exclamation-circle fg-red" data-fa-transform = "shrink-4 right-10 up-10" style = "display: none;" > < / i >
2018-06-25 20:13:58 +00:00
< / span >
< / span >
< span class = "caption" > Save< br > to Firmware< / span >
< / button >
2018-06-29 13:01:16 +00:00
< div class = "ribbon-group" style = "width: 90px;" >
< button class = "ribbon-icon-button" onclick = "sendGcode(String.fromCharCode(0x18))" >
< span class = "icon" >
< span class = "mif-loop" > < / span >
< / span >
2019-01-23 19:07:58 +00:00
< span class = "caption" > Restart< / span >
2018-06-29 13:01:16 +00:00
< / button >
< button class = "ribbon-icon-button" onclick = "sendGcode('$X')" >
< span class = "icon" >
< span class = "mif-unlock" > < / span >
< / span >
< span class = "caption" > Unlock< / span >
< / button >
< button class = "ribbon-icon-button" onclick = "refreshGrblSettings();" >
< span class = "icon" >
2018-06-25 20:13:58 +00:00
< i class = "fas fa-sync-alt" > < / i >
< / span >
2018-06-29 13:01:16 +00:00
< span class = "caption" > Refresh< / span >
< / button >
2018-08-07 10:05:49 +00:00
2018-06-29 13:01:16 +00:00
< / div >
2018-06-25 20:13:58 +00:00
< span class = "title" > Grbl Settings< / span >
< / div >
2018-08-08 13:05:49 +00:00
< div class = "group" >
< div class = "ribbon-group" >
2019-01-24 15:36:24 +00:00
< button class = "ribbon-icon-button" onclick = "clearSettings();" >
2018-08-08 13:05:49 +00:00
< span class = "icon" >
< i class = "fas fa-sliders-h" > < / i >
< / span >
< span class = "caption" > Reset Settings< / span >
< / button > < br >
2019-01-24 15:36:24 +00:00
< button class = "ribbon-icon-button" onclick = "clearWCO();" >
2018-08-08 13:05:49 +00:00
< span class = "icon" >
< i class = "fas fa-layer-group" > < / i >
< / span >
< span class = "caption" > Reset WCOs< / span >
< / button > < br >
2019-01-24 15:36:24 +00:00
< button class = "ribbon-icon-button" onclick = "clearEEPROM();" >
2018-08-08 13:05:49 +00:00
< span class = "icon" >
< i class = "fas fa-microchip" > < / i >
< / span >
< span class = "caption" > Reset EEPROM< / span >
< / button >
< / div >
< span class = "title" > Firmware Reset Defaults< / span >
< / div >
2018-08-24 19:00:03 +00:00
< div class = "group estop" >
2018-06-25 20:13:58 +00:00
< button class = "ribbon-button" onclick = "socket.emit('clearAlarm', 2)" >
< span class = "icon" >
< span class = "fa-layers" data-toggle = "tooltip" data-placement = "bottom" title = "Flashes red when machine has entered ALARM state, click Clear Alarm button" >
< i id = "navbellBtn3" class = "fas fa-bell fg-red" style = "display: none;" > < / i >
< i class = "far fa-bell" > < / i >
< / span >
< / span >
< span class = "caption" > Unlock< br > Alarm< / span >
< / button >
2019-04-29 17:26:29 +00:00
< button class = "ribbon-button" onclick = "socket.emit('stop', false)" >
2018-06-21 20:02:40 +00:00
< span class = "icon" >
< span class = "fa-layers fa-fw" >
< i class = "fas fa-circle fg-red" data-fa-transform = "grow-8" > < / i >
< i class = "fa-inverse far fa-hand-paper" data-fa-transform = "grow-1 left-0.5" > < / i >
< / span >
< / span >
2018-06-22 19:49:51 +00:00
< span class = "caption" > Stop< br > Job< / span >
2018-06-21 20:02:40 +00:00
< / button >
< span class = "title" > E-Stop< / span >
< / div >
< / div >
< div class = "section" id = "section-two" >
2018-08-01 19:04:27 +00:00
< div class = "group" >
< div class = "form-group" >
2018-09-17 15:35:31 +00:00
< form class = "form" >
2018-08-01 19:04:27 +00:00
< select data-prepend = " <i class='fab fa-usb'></i>" class = "success" data-role = "select" data-filter = "false" id = "portUSB" disabled >
< option value = "" > Waiting for USB< / option >
< / select >
2018-09-17 15:35:31 +00:00
< button class = "button success float-right" onclick = "selectPort()" id = "connectBtn" type = "button" disabled > Connect< / button >
2018-08-01 19:04:27 +00:00
< button class = "button alert" style = "display:none;" onclick = "closePort()" id = "disconnectBtn" type = "button" > Disconnect< / button >
2018-12-20 19:22:02 +00:00
< button class = "button secondary disabled" disabled style = "display:none;" id = "flashBtn" type = "button" > please wait...< / button >
2018-08-01 19:04:27 +00:00
< / form >
< / div >
< span class = "title" > Machine Interface< / span >
< / div >
< div class = "group" id = "grblButtons" style = "display: none;" >
< div class = "ribbon-group" >
< button class = "ribbon-icon-button" onclick = "sendGcode(String.fromCharCode(0x18))" >
< span class = "icon" >
< span class = "mif-loop" > < / span >
< / span >
< span class = "caption" > Reset< / span >
< / button >
< br >
2018-12-21 15:44:37 +00:00
< button class = "ribbon-icon-button" onclick = "sendGcode('$$'); sendGcode('$I');" >
2018-08-01 19:04:27 +00:00
< span class = "icon" >
< span class = "mif-cogs" > < / span >
< / span >
< span class = "caption" > Settings< / span >
< / button >
< / div >
< span class = "title" id = "firmwarename" > < / span >
< / div >
< div class = "group" >
2018-07-26 20:22:07 +00:00
< div >
< button id = "camBtn" class = "ribbon-button dropdown-toggle" title = "Open a GCODE file" >
< span class = "icon" >
< span class = "far fa-folder-open fg-amber" > < / span >
< / span >
< span class = "caption" > Open< br > G-CODE< / span >
< / button >
< ul class = "ribbon-dropdown" data-role = "dropdown" data-duration = "100" >
2019-04-18 14:23:51 +00:00
< li class = "btn-file" > < a href = "#" > < input class = "btn-file" id = "file" type = "file" accept = ".gcode, .gc, .tap, .nc, .cnc" / > < i class = "far fa-folder-open fa-fw" > < / i > Open GCODE from File (*.gcode, *.gc, *.tap, *.nc, *.cnc)< / a > < / li >
< li class = "" > < a href = "#" onclick = "socket.emit('opencam', true);" > < i class = "fas fa-link fa-fw" > < / i > Open browser to https://cam.openbuilds.com< / a > < / li >
2018-07-26 20:22:07 +00:00
< / ul >
< / div >
2018-09-06 21:08:06 +00:00
2018-06-27 19:23:34 +00:00
< button id = "runBtn" class = "ribbon-button" onclick = "socket.emit('runJob', editor.getValue());" >
< span class = "icon" >
< i class = "fas fa-play" > < / i >
< / span >
< span class = "caption" > Run< br > Job< / span >
< / button >
< button id = "resumeBtn" class = "ribbon-button" onclick = "socket.emit('resume', true)" >
< span class = "icon" >
2018-06-22 19:49:51 +00:00
< i class = "fas fa-play" > < / i >
2018-06-21 20:02:40 +00:00
< / span >
2018-06-27 19:23:34 +00:00
< span class = "caption" > Resume< br > Job< / span >
< / button >
< button id = "pauseBtn" class = "ribbon-button" onclick = "socket.emit('pause', true)" >
< span class = "icon" >
< i class = "fas fa-pause" > < / i >
< / span >
< span class = "caption" > Pause< br > Job< / span >
< / button >
2019-04-29 17:26:29 +00:00
< button id = "stopBtn" class = "ribbon-button" onclick = "socket.emit('stop', false)" >
2018-06-27 19:23:34 +00:00
< span class = "icon" >
< i class = "fas fa-stop" > < / i >
< / span >
< span class = "caption" > Stop< br > Job< / span >
2018-06-21 20:02:40 +00:00
< / button >
2018-09-06 21:08:06 +00:00
< button id = "chkSize" class = "ribbon-button" >
< span class = "icon" >
< i class = "far fa-square" > < / i >
< / span >
< span class = "caption" > Check< br > Size< / span >
< / button >
2018-06-22 19:49:51 +00:00
< div >
2018-06-27 19:23:34 +00:00
< button id = "toolBtn" class = "ribbon-button dropdown-toggle" >
2018-06-22 19:49:51 +00:00
< span class = "icon" >
< span class = "fa-layers fa-fw" >
< i class = "fas fa-bookmark" data-fa-transform = "rotate-180" > < / i >
< i class = "fas fa-screwdriver" data-fa-transform = "rotate-135 down-3" > < / i >
2018-12-19 17:04:02 +00:00
< i class = "fas fa-check fg-green" data-fa-transform = "down-3" > < / i >
2018-06-22 19:49:51 +00:00
< / span >
< / span >
2018-12-19 17:04:02 +00:00
< span class = "caption" > Tool< br > On< / span >
2018-06-22 19:49:51 +00:00
< / button >
< ul class = "ribbon-dropdown grblmode" data-role = "dropdown" data-duration = "100" >
2018-12-19 17:04:02 +00:00
< li > < a class = "grblmode" href = "#" onclick = "sendGcode('M3 S1000')" > Spindle On (M3 S1000)< / a > < / li >
<!-- <li class="divider"></li> -->
< li >
2018-12-19 18:51:33 +00:00
< a href = "#" class = "dropdown-toggle" > Laser On (M3 Sxxx)< / a >
2018-12-19 17:04:02 +00:00
< ul class = "ribbon-dropdown" data-role = "dropdown" >
< li onclick = "sendGcode('M3 S50\n G1F1000')" > < a href = "#" > Laser On 5% Power (M3 S50)< / a > < / li >
< li onclick = "sendGcode('M3 S100\n G1F1000')" > < a href = "#" > Laser On 10% Power (M3 S100)< / a > < / li >
< li onclick = "sendGcode('M3 S250\n G1F1000')" > < a href = "#" > Laser On 25% Power (M3 S250)< / a > < / li >
< li onclick = "sendGcode('M3 S500\n G1F1000')" > < a href = "#" > Laser On 50% Power (M3 S500)< / a > < / li >
< li onclick = "sendGcode('M3 S750\n G1F1000')" > < a href = "#" > Laser On 75% Power (M3 S750)< / a > < / li >
< li onclick = "sendGcode('M3 S1000\n G1F1000')" > < a href = "#" > Laser On 100% Power (M3 S1000)< / a > < / li >
< / ul >
< / li >
<!-- <li class="divider"></li> -->
< li > < a class = "grblmode" href = "#" onclick = "sendGcode('M3 S1000')" > Plasma On (M3 S1000)< / a > < / li >
< li class = "divider fg-lightGray" > < / li >
2018-06-22 19:49:51 +00:00
< li > < a class = "grblmode" href = "#" onclick = "sendGcode('M8 S1000')" > Coolant On (M8)< / a > < / li >
2018-12-19 17:04:02 +00:00
<!-- <li><a class="grblmode" href="#" onclick="sendGcode('M9 S1000')">Coolant Off (M9)</a></li> -->
< / ul >
< / div >
< div >
2018-12-19 19:32:15 +00:00
< button id = "toolBtn2" class = "ribbon-button dropdown-toggle" >
2018-12-19 17:04:02 +00:00
< span class = "icon" >
< span class = "fa-layers fa-fw" >
< i class = "fas fa-bookmark" data-fa-transform = "rotate-180" > < / i >
< i class = "fas fa-screwdriver" data-fa-transform = "rotate-135 down-3" > < / i >
< i class = "fas fa-times fg-red" data-fa-transform = "down-3" > < / i >
< / span >
< / span >
< span class = "caption" > Tool< br > Off< / span >
< / button >
< ul class = "ribbon-dropdown grblmode" data-role = "dropdown" data-duration = "100" >
< li > < a class = "grblmode" href = "#" onclick = "sendGcode('M5')" > Spindle / Laser / Plasma Off (M5)< / a > < / li >
< li class = "divider fg-lightGray" > < / li >
2018-06-22 19:49:51 +00:00
< li > < a class = "grblmode" href = "#" onclick = "sendGcode('M9 S1000')" > Coolant Off (M9)< / a > < / li >
2018-06-27 19:23:34 +00:00
2018-06-22 19:49:51 +00:00
< / ul >
< / div >
2018-06-20 13:00:05 +00:00
2019-01-30 08:39:36 +00:00
< button id = "homeBtn" class = "ribbon-button" >
2018-06-21 20:02:40 +00:00
< span class = "icon" >
2018-06-22 19:49:51 +00:00
< i class = "fas fa-home" > < / i >
2018-06-21 20:02:40 +00:00
< / span >
2018-06-22 19:49:51 +00:00
< span class = "caption grblmode" > Home< br > All< / span >
2018-06-21 20:02:40 +00:00
< / button >
2018-07-12 13:06:53 +00:00
2019-04-16 18:17:42 +00:00
2019-04-18 14:23:51 +00:00
< div >
2019-05-01 18:44:44 +00:00
< button id = "" class = "ribbon-button dropdown-toggle" >
< span class = "icon" >
< span class = "fa-layers fa-fw" >
< i class = "fas fa-hat-wizard" > < / i >
2019-04-18 14:23:51 +00:00
< / span >
2019-05-01 18:44:44 +00:00
< / span >
< span class = "caption" > Wizards< br > & Tools< / span >
< span class = "badge bg-red fg-white" > New!< / span >
< / button >
< ul class = "ribbon-dropdown grblmode" data-role = "dropdown" data-duration = "100" >
< li > < a href = "#" onclick = "populateSurfaceToolForm();" > < i class = "fas fa-exchange-alt" > < / i > Surfacing / Flattening Wizard< / a > < / li >
< li > < a href = "#" onclick = "jogWidget();" > < i class = "fas fa-mobile-alt" > < / i > Mobile Jog Widget< / a > < / li >
2019-05-07 20:10:53 +00:00
< li class = "divider fg-lightGray" > < / li >
2019-05-07 17:26:26 +00:00
< li class = "disabled grblCalibrationMenu" onclick = "xstepscalibrate();" > < a href = "#" > < i class = "fas fa-wrench fa-fw" > < / i > Calibrate X-Axes Steps/mm< / a > < / li >
< li class = "disabled grblCalibrationMenu" onclick = "ystepscalibrate();" > < a href = "#" > < i class = "fas fa-wrench fa-fw" > < / i > Calibrate Y-Axes Steps/mm< / a > < / li >
2019-05-07 20:10:53 +00:00
< li class = "disabled grblCalibrationMenu" onclick = "zstepscalibrate();" > < a href = "#" > < i class = "fas fa-wrench fa-fw" > < / i > Calibrate Z-Axes Steps/mm< / a > < / li >
2019-05-01 18:44:44 +00:00
< li class = "divider fg-lightGray" > < / li >
2019-05-24 12:25:23 +00:00
< li onclick = "keyboardShortcutsEditor();" > < a href = "#" > < i class = "far fa-edit fa-fw" > < / i > Customize Shortcut Key Assignments< / a > < / li >
2019-05-08 19:06:34 +00:00
< li class = "divider fg-lightGray" > < / li >
< li onclick = "populateGrblBuilderToolForm();" > < a href = "#" > < img src = "img/grbl.png" / > Flashing Tool< / a > < / li >
2019-04-18 14:23:51 +00:00
< / ul >
< / div >
2019-05-01 18:44:44 +00:00
2018-08-24 19:00:03 +00:00
< span class = "title" > Control< / span >
< / div >
< div class = "group estop" style = "width: 100px;" >
2018-08-07 10:05:49 +00:00
< button class = "ribbon-button" onclick = "socket.emit('clearAlarm', 2)" >
< span class = "icon" >
< span class = "fa-layers" data-toggle = "tooltip" data-placement = "bottom" title = "Flashes red when machine has entered ALARM state, click Clear Alarm button" >
< i id = "navbellBtn2" class = "fas fa-bell fg-red" style = "display: none;" > < / i >
< i class = "far fa-bell" > < / i >
< / span >
< / span >
< span class = "caption" > Unlock< br > Alarm< / span >
< / button >
2019-04-29 17:26:29 +00:00
< button class = "ribbon-button" onclick = "socket.emit('stop', false)" >
2018-08-07 10:05:49 +00:00
< span class = "icon" >
< span class = "fa-layers fa-fw" >
< i class = "fas fa-circle fg-red" data-fa-transform = "grow-8" > < / i >
< i class = "fa-inverse far fa-hand-paper" data-fa-transform = "grow-1 left-0.5" > < / i >
< / span >
< / span >
< span class = "caption" > Stop< br > Job< / span >
< / button >
< span class = "title" > E-Stop< / span >
< / div >
2019-01-23 19:07:58 +00:00
< div class = "group" >
< button class = "ribbon-button" onclick = "socket.emit('openbuilds', true);" >
< span class = "icon" >
< img src = "img/openbuilds.svg" >
< / span >
< span class = "caption" > OpenBuilds.com< / span >
< / button >
< span class = "title" > Visit< / span >
< / div >
2018-07-12 13:06:53 +00:00
< / div >
2018-08-23 20:41:36 +00:00
2018-08-24 19:00:03 +00:00
< div class = "section" id = "section-troubleshooting" >
2018-09-27 15:00:49 +00:00
< div class = "group" style = "width: 100px;" >
2018-08-23 20:41:36 +00:00
< button class = "ribbon-button" onclick = "socket.emit('clearAlarm', 2)" >
< span class = "icon" >
< span class = "fa-layers" data-toggle = "tooltip" data-placement = "bottom" title = "Flashes red when machine has entered ALARM state, click Clear Alarm button" >
2018-09-26 20:19:07 +00:00
< i id = "navbellBtn1" class = "fas fa-bell fg-red" style = "display: none;" > < / i >
2018-08-23 20:41:36 +00:00
< i class = "far fa-bell" > < / i >
< / span >
< / span >
< span class = "caption" > Unlock< br > Alarm< / span >
< / button >
2019-04-29 17:26:29 +00:00
< button class = "ribbon-button" onclick = "socket.emit('stop', false)" >
2018-08-23 20:41:36 +00:00
< span class = "icon" >
< span class = "fa-layers fa-fw" >
< i class = "fas fa-circle fg-red" data-fa-transform = "grow-8" > < / i >
< i class = "fa-inverse far fa-hand-paper" data-fa-transform = "grow-1 left-0.5" > < / i >
< / span >
< / span >
< span class = "caption" > Stop< br > Job< / span >
< / button >
< span class = "title" > E-Stop< / span >
< / div >
2019-03-06 19:26:09 +00:00
< div class = "group" >
< button class = "ribbon-button" onclick = "socket.emit('openforum', true);" >
< span class = "icon" >
< span class = "fa-layers fa-fw" >
< i class = "far fa-comment-alt" data-fa-transform = "" > < / i >
< i class = "fas fa-question" data-fa-transform = "shrink-8 up-1" > < / i >
< / span >
< / span >
< span class = "caption" > OpenBuilds< br > Forum< / span >
< / button >
< span class = "title" > Support< / span >
< / div >
2018-08-23 20:41:36 +00:00
< / div >
2018-06-21 20:02:40 +00:00
< / div >
< / nav >
2018-06-20 13:00:05 +00:00
2018-08-01 19:04:27 +00:00
< div id = "manualControlPanel" >
2018-06-21 20:02:40 +00:00
< center >
2019-05-01 18:44:44 +00:00
< div id = "jogcontrols" class = "mt-2" >
< div class = "row flex-justify-center flex-align-start" style = "width: 100%; height: 100%;" >
2018-06-25 17:25:19 +00:00
< div class = "cell" >
2019-05-07 17:26:26 +00:00
< nav data-role = "ribbonmenu" class = "mt-2" >
2019-05-01 18:44:44 +00:00
< ul class = "tabs-holder ml-17" >
2019-05-08 20:26:04 +00:00
< li onclick = "mmMode();" > < a id = "mmMode" href = "#tab-mm" > mm-mode< / a > < / li >
< li onclick = "inMode();" > < a id = "inMode" href = "#tab-inch" > inch-mode< / a > < / li >
2019-05-01 18:44:44 +00:00
< / ul >
2019-05-07 17:26:26 +00:00
< / nav >
2019-05-02 18:51:30 +00:00
< table class = "drotable mt-2" >
2018-06-25 17:25:19 +00:00
< tr >
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light jogbtn" onclick = "sendGcode( 'G10 P1 L20 X0')" style = "width: 60px;" data-role = "ripple" data-ripple-color = "#e21b1b" >
2018-06-29 13:01:16 +00:00
< span class = "fa-layers fa-fw" >
2019-03-25 19:10:26 +00:00
< i class = "fas fa-crosshairs fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-12" > < / i >
2018-06-29 13:01:16 +00:00
< span class = "fa-layers-text fg-red" data-fa-transform = "down-9 right-8" style = "font-weight:900; font-family: Arial; font-size: 12px;" > X< / span >
2019-03-25 19:10:26 +00:00
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > setzero< / span >
2018-06-29 13:01:16 +00:00
< / span >
< / button >
< / td >
< td >
< div class = "dro" >
2018-07-03 13:49:30 +00:00
< div class = "float-left fg-red" data-fa-transform = "right-15" >
< span class = "fa-layers fa-fw" >
2019-01-18 19:01:53 +00:00
< span class = "fa-layers-text fg-red" data-fa-transform = "right-3" > X< / span >
< span class = "fa-layers-text fg-red" data-fa-transform = "left-18 rotate-270" style = "font-family: Arial; font-size: 8px;" > WORK< / span >
2018-07-03 13:49:30 +00:00
<!-- <span class="fa - layers - text fg - red" data - fa - transform="left - 20 rotate - - 90" style="font - family: Arial; font - size: 11px;">work</span> -->
< / span >
< / div >
2018-06-25 17:25:19 +00:00
< div class = "float-right fg-red" id = "xPos" data-editable > 0.000< / div >
2018-06-29 13:01:16 +00:00
< input id = "xPosInput" class = "m-0 p-0 droInput float-right fg-red" / >
2018-06-25 17:25:19 +00:00
< / div >
< / td >
2018-12-28 21:28:44 +00:00
< td >
2018-10-22 14:54:53 +00:00
< div class = "pos-relative" >
2019-03-25 19:10:26 +00:00
< button class = "button light jogbtn" style = "width: 42px;" > < i class = "fas fa-caret-down fg-openbuilds" > < / i > < / button >
2018-10-22 14:54:53 +00:00
< ul class = "d-menu context drop-shadow drop-right" data-role = "dropdown" >
2019-01-18 19:01:53 +00:00
< li > < a href = "#" onclick = "sendGcode( 'G0 X0')" > < span class = "fas fa-chart-line fg-red icon" > < / span > Goto X0 (Work Coord) (G0 X0)< / a > < / li >
< li id = "gotoXzeroMpos" > < a href = "#" onclick = "sendGcode( 'G53 G0 X0')" > < span class = "fas fa-chart-line fg-red icon" > < / span > Goto X0 (Machine Coord) (G53 G0 X0)< / a > < / li >
2018-10-22 14:54:53 +00:00
< / ul >
< / div >
2018-12-28 21:28:44 +00:00
< / td >
2018-06-25 17:25:19 +00:00
< / tr >
< tr >
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light jogbtn" onclick = "sendGcode( 'G10 P1 L20 Y0')" style = "width: 60px;" data-role = "ripple" data-ripple-color = "#5de21b" >
2018-06-29 13:01:16 +00:00
< span class = "fa-layers fa-fw" >
2019-03-25 19:10:26 +00:00
< i class = "fas fa-crosshairs fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-12" > < / i >
2018-06-29 13:01:16 +00:00
< span class = "fa-layers-text fg-green" data-fa-transform = "down-9 right-8" style = "font-weight:900; font-family: Arial; font-size: 12px;" > Y< / span >
2019-03-25 19:10:26 +00:00
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > setzero< / span >
2018-06-29 13:01:16 +00:00
< / span >
< / button >
< / td >
< td >
< div class = "dro" >
2018-07-03 13:49:30 +00:00
< div class = "float-left fg-green" >
< span class = "fa-layers fa-fw" >
2019-01-18 19:01:53 +00:00
< span class = "fa-layers-text fg-green" data-fa-transform = "right-3" > Y< / span >
< span class = "fa-layers-text fg-green" data-fa-transform = "left-18 rotate-270" style = "font-family: Arial; font-size: 8px;" > WORK< / span >
2018-07-03 13:49:30 +00:00
< / span >
< / div >
2018-06-25 17:25:19 +00:00
< div class = "float-right fg-green" id = "yPos" data-editable > 0.000< / div >
2018-06-29 13:01:16 +00:00
< input id = "yPosInput" class = "m-0 p-0 droInput float-right fg-green" / >
2018-06-25 17:25:19 +00:00
< / div >
< / td >
2018-12-28 21:28:44 +00:00
< td >
2018-10-22 14:54:53 +00:00
< div class = "pos-relative" >
2019-03-25 19:10:26 +00:00
< button class = "button light jogbtn" style = "width: 42px;" > < i class = "fas fa-caret-down fg-openbuilds" > < / i > < / button >
2018-10-22 14:54:53 +00:00
< ul class = "d-menu context drop-shadow drop-right" data-role = "dropdown" >
2019-01-18 19:01:53 +00:00
< li > < a href = "#" onclick = "sendGcode( 'G0 Y0')" > < span class = "fas fa-chart-line fg-green icon" > < / span > Goto Y0 (Work Coord) (G0 Y0)< / a > < / li >
< li id = "gotoYzeroMpos" > < a href = "#" onclick = "sendGcode( 'G53 G0 Y0')" > < span class = "fas fa-chart-line fg-green icon" > < / span > Goto Y0 (Machine Coord) (G53 G0 Y0)< / a > < / li >
2018-10-22 14:54:53 +00:00
< / ul >
< / div >
2018-12-28 21:28:44 +00:00
< / td >
2018-06-25 17:25:19 +00:00
< / tr >
< tr >
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light jogbtn" onclick = "sendGcode( 'G10 P1 L20 Z0')" style = "width: 60px;" data-role = "ripple" data-ripple-color = "#1ba1e2" >
2018-06-29 13:01:16 +00:00
< span class = "fa-layers fa-fw" >
2019-05-01 18:44:44 +00:00
< i class = "fas fa-crosshairs fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-12" > < / i >
2018-06-29 13:01:16 +00:00
< span class = "fa-layers-text fg-blue" data-fa-transform = "down-9 right-8" style = "font-weight:900; font-family: Arial; font-size: 12px;" > Z< / span >
2019-03-25 19:10:26 +00:00
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > setzero< / span >
2018-06-29 13:01:16 +00:00
< / span >
< / button >
< / td >
< td >
< div class = "dro" >
2018-07-03 13:49:30 +00:00
< div class = "float-left fg-blue" >
< span class = "fa-layers fa-fw" >
2019-01-18 19:01:53 +00:00
< span class = "fa-layers-text fg-blue" data-fa-transform = "right-3" > Z< / span >
< span class = "fa-layers-text fg-blue" data-fa-transform = "left-18 rotate-270" style = "font-family: Arial; font-size: 8px;" > WORK< / span >
2018-07-03 13:49:30 +00:00
< / span >
< / div >
2018-06-25 17:25:19 +00:00
< div class = "float-right fg-blue" id = "zPos" data-editable > 0.000< / div >
2018-06-29 13:01:16 +00:00
< input id = "zPosInput" class = "m-0 p-0 droInput float-right fg-blue" / >
2018-06-25 17:25:19 +00:00
< / div >
< / td >
2018-12-28 21:28:44 +00:00
< td >
2018-10-22 14:54:53 +00:00
< div class = "pos-relative" >
2019-03-25 19:10:26 +00:00
< button class = "button light jogbtn" style = "width: 42px;" > < i class = "fas fa-caret-down fg-openbuilds" > < / i > < / button >
2018-10-22 14:54:53 +00:00
< ul class = "d-menu context drop-shadow drop-right" data-role = "dropdown" >
2019-01-18 19:01:53 +00:00
< li > < a href = "#" onclick = "sendGcode( 'G0 Z0')" > < span class = "fas fa-chart-line fg-blue icon" > < / span > Goto Z0 (Work Coord) (G0 Z0)< / a > < / li >
< li id = "gotoZzeroMpos" > < a href = "#" onclick = "sendGcode( 'G53 G0 Z0')" > < span class = "fas fa-chart-line fg-blue icon" > < / span > Goto Z0 (Machine Coord) (G53 G0 Z0)< / a > < / li >
2018-10-22 14:54:53 +00:00
< li class = "divider" > < / li >
2019-01-18 19:01:53 +00:00
< li > < a href = "#" onclick = "z0probe()" > < span class = "fas fa-podcast fa-rotate-180 fg-blue icon" > < / span > Probe Z0 Wizard< / a > < / li >
2018-10-22 14:54:53 +00:00
< / ul >
< / div >
2018-12-28 21:28:44 +00:00
< / td >
2018-06-25 17:25:19 +00:00
< / tr >
2018-06-29 13:01:16 +00:00
< tr >
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light jogbtn" onclick = "sendGcode( 'G10 P1 L20 X0 Y0 Z0')" style = "width: 60px;" data-role = "ripple" >
2018-06-29 13:01:16 +00:00
< span class = "fa-layers fa-fw" >
2019-03-25 19:10:26 +00:00
< i class = "fas fa-crosshairs fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-18" > < / i >
2018-06-29 13:01:16 +00:00
< span class = "fa-layers-text fg-red" data-fa-transform = "down-9 right-2" style = "font-weight:900; font-family: Arial; font-size: 12px;" > X< / span >
< span class = "fa-layers-text fg-green" data-fa-transform = "down-9 right-12" style = "font-weight:900; font-family: Arial; font-size: 12px;" > Y< / span >
< span class = "fa-layers-text fg-blue" data-fa-transform = "down-9 right-22" style = "font-weight:900; font-family: Arial; font-size: 12px;" > Z< / span >
2019-03-25 19:10:26 +00:00
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > setzero< / span >
2018-06-29 13:01:16 +00:00
< / span >
< / button >
< / td >
< td >
2019-01-18 19:01:53 +00:00
< div class = "pos-relative" >
< button class = "button light jogbtn" style = "width: 161px;" data-role = "ripple" >
< span class = "fa-layers fa-fw" >
2019-03-25 19:10:26 +00:00
< i class = "fas fa-chart-line fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-12" > < / i >
< i class = "fas fa-caret-down fg-openbuilds" data-fa-transform = "shrink-2 right-70" > < / i >
2019-01-18 19:01:53 +00:00
< span class = "fa-layers-text fg-red" data-fa-transform = "down-9 right-8" style = "font-weight:900; font-family: Arial; font-size: 12px;" > X< / span >
< span class = "fa-layers-text fg-green" data-fa-transform = "down-9 right-19" style = "font-weight:900; font-family: Arial; font-size: 12px;" > Y< / span >
< span class = "fa-layers-text fg-blue" data-fa-transform = "down-9 right-29" style = "font-weight:900; font-family: Arial; font-size: 12px;" > Z< / span >
2019-03-25 19:10:26 +00:00
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > gotozero< / span >
2019-01-18 19:01:53 +00:00
< / span >
< / button >
< ul class = "d-menu context drop-shadow" data-role = "dropdown" >
2019-03-25 19:10:26 +00:00
< li id = "gotozeroWPos" > < a href = "#" > < span class = "fas fa-chart-line fg-openbuilds icon" > < / span > GOTO X0Y0Z0 (Work Coord) (G0 Z5, G0 X0 Y0, G0 Z0) (Retract Z to Work Coord Z5)< / a > < / li >
2019-05-01 18:44:44 +00:00
< li id = "gotozeroMPos" > < a href = "#" > < span class = "fas fa-chart-line fg-openbuilds icon" > < / span > GOTO X0Y0Z0 (Machine Coord) (G53 G0 Z0, G0 X0 Y0, G0 Z0) (Retract Z to Machine Coord Z0)< / a > < / li >
2019-01-18 19:01:53 +00:00
< / ul >
< / div >
2018-06-29 13:01:16 +00:00
< / td >
2018-12-28 21:28:44 +00:00
< td >
2019-01-23 19:07:58 +00:00
< div class = "pos-relative" >
< button class = "button light jogbtn" style = "width: 42px;" > < / i >
< span class = "fa-layers fa-fw" >
2019-03-25 19:10:26 +00:00
< i class = "fas fa-layer-group fg-openbuilds" data-fa-transform = "shrink-2 up-3" > < / i >
< i class = "fas fa-caret-down fg-openbuilds" data-fa-transform = "down-8" > < / i >
2019-01-23 19:07:58 +00:00
<!-- <span class="fa - layers - text fg - grayBlue" data - fa - transform="up - 8 " style="font - weight:900; font - family: Arial; font - size: 12px;">gotozero</span> -->
< / span >
< / button >
2019-01-18 19:01:53 +00:00
< ul class = "d-menu context drop-shadow drop-right" data-role = "dropdown" >
2019-01-23 19:07:58 +00:00
< li > < a href = "#" onclick = "sendGcode('G28')" > < span class = "fas fa-layer-group fg-grayBlue icon" > < / span > Go to Pre-Defined Position (G28)< / a > < / li >
< li > < a href = "#" onclick = "sendGcode('G28.1')" > < span class = "fas fa-tasks fg-grayBlue icon" > < / span > Set Pre-Defined Position (G28.1)< / a > < / li >
< li class = "divider" > < / li >
< li > < a href = "#" onclick = "sendGcode('G30')" > < span class = "fas fa-layer-group fg-grayBlue icon" > < / span > Go to Pre-Defined Position (G30)< / a > < / li >
< li > < a href = "#" onclick = "sendGcode('G30.1')" > < span class = "fas fa-tasks fg-grayBlue icon" > < / span > Set Pre-Defined Position (G30.1)< / a > < / li >
< / ul >
< / div >
< / td >
< / tr >
2018-06-29 13:01:16 +00:00
< / table >
2018-06-25 17:25:19 +00:00
< / div >
2019-05-01 18:44:44 +00:00
< div class = "cell border-left bd-lightGray " >
2019-04-24 17:47:21 +00:00
2018-06-27 19:23:34 +00:00
< table class = "jogtable" >
2018-06-25 17:25:19 +00:00
< tr >
< td >
2019-05-01 18:44:44 +00:00
2018-06-25 17:25:19 +00:00
< / td >
2018-06-21 20:02:40 +00:00
2018-06-25 17:25:19 +00:00
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light square large jogbtn" id = "yP" data-role = "ripple" data-ripple-color = "#5de21b" >
2018-06-27 19:23:34 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-arrow-up fg-green" data-fa-transform = "shrink-2 down-8.5" > < / i >
< span class = "fa-layers-text fg-green" data-fa-transform = "shrink-5 up-8" style = "font-weight:600" > Y+< / span >
< / span >
< / button >
2018-06-25 17:25:19 +00:00
< / td >
2018-06-21 20:02:40 +00:00
2018-06-25 17:25:19 +00:00
< td >
< / td >
2018-06-21 20:02:40 +00:00
2018-06-25 17:25:19 +00:00
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light square large jogbtn" id = "zP" data-role = "ripple" data-ripple-color = "#1ba1e2" >
2018-06-27 19:23:34 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-arrow-up fg-blue" data-fa-transform = "shrink-2 down-8.5" > < / i >
< span class = "fa-layers-text fg-blue" data-fa-transform = "shrink-5 up-8" style = "font-weight:600" > Z+< / span >
< / span >
< / button >
2018-06-25 17:25:19 +00:00
< / td >
< / tr >
< tr >
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light square large jogbtn" id = "xM" data-role = "ripple" data-ripple-color = "#e21b1b" >
2018-06-27 19:23:34 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-arrow-left fg-red" data-fa-transform = "shrink-2 down-8.5" > < / i >
< span class = "fa-layers-text fg-red" data-fa-transform = "shrink-5 up-8" style = "font-weight:600" > X-< / span >
< / span >
< / button >
2018-06-25 17:25:19 +00:00
< / td >
2018-06-21 20:02:40 +00:00
2018-06-25 17:25:19 +00:00
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light square large jogbtn" id = "yM" data-role = "ripple" data-ripple-color = "#5de21b" >
2018-06-27 19:23:34 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-arrow-down fg-green" data-fa-transform = "shrink-2 down-8.5" > < / i >
< span class = "fa-layers-text fg-green" data-fa-transform = "shrink-5 up-8" style = "font-weight:600" > Y-< / span >
< / span >
< / button >
2018-06-25 17:25:19 +00:00
< / td >
2018-06-21 20:02:40 +00:00
2018-06-25 17:25:19 +00:00
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light square large jogbtn" id = "xP" data-role = "ripple" data-ripple-color = "#e21b1b" >
2018-06-27 19:23:34 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-arrow-right fg-red" data-fa-transform = "shrink-2 down-8.5" > < / i >
< span class = "fa-layers-text fg-red" data-fa-transform = "shrink-5 up-8" style = "font-weight:600" > X+< / span >
< / span >
< / button >
2018-06-25 17:25:19 +00:00
< / td >
< td >
2018-10-18 20:00:44 +00:00
< button class = "button light square large jogbtn" id = "zM" data-role = "ripple" data-ripple-color = "#1ba1e2" >
2018-06-27 19:23:34 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-arrow-down fg-blue" data-fa-transform = "shrink-2 down-8.5" > < / i >
< span class = "fa-layers-text fg-blue" data-fa-transform = "shrink-5 up-8" style = "font-weight:600" > Z-< / span >
< / span >
< / button >
2018-06-25 17:25:19 +00:00
< / td >
< / tr >
2019-05-01 18:44:44 +00:00
< tr >
< td colspan = '4' >
< table style = "width: 100%;" >
< tr >
< td > < span class = "text-small" > Incremental Jog< / span >
< / td >
< td class = "pb-1" >
< label class = "toggle" >
< input type = "checkbox" id = "jogTypeContinuous" / >
< div > app-notifition< / div >
< / label >
< / td >
< td > < span class = "text-small" > Continuous Jog< / span >
< / td >
< / tr >
< / table >
< / td >
< / tr >
2018-06-25 17:25:19 +00:00
< tr >
< td >
2019-05-07 17:26:26 +00:00
< button class = "button light jogbtn metricbtn distbtn" id = "dist01" style = "width: 100%; height: 30px; line-height: 28px;" >
2018-06-27 19:23:34 +00:00
< span class = " fa-layers fa-fw" >
< span id = "dist01label" class = "fa-layers-text fg-gray jogdist" data-fa-transform = "" style = "font-weight:900; font-family: Arial; font-size: 12px;" > 0.1mm< / span >
< / span >
< / button >
2018-06-25 17:25:19 +00:00
< / td >
< td >
2019-05-07 17:26:26 +00:00
< button class = "button light jogbtn metricbtn distbtn" id = "dist1" style = "width: 100%; height: 30px; line-height: 28px;" >
2018-06-25 17:25:19 +00:00
< span class = " fa-layers fa-fw" >
2018-06-27 19:23:34 +00:00
< span id = "dist1label" class = "fa-layers-text fg-gray jogdist" data-fa-transform = "" style = "font-weight:900; font-family: Arial; font-size: 12px;" > 1mm< / span >
2018-06-25 17:25:19 +00:00
< / span >
2018-06-27 19:23:34 +00:00
< / button >
2018-06-25 17:25:19 +00:00
< / td >
< td >
2019-05-07 17:26:26 +00:00
< button class = "button light jogbtn distbtn metricbtn bd-openbuilds" id = "dist10" style = "width: 100%; height: 30px; line-height: 28px;" >
2018-06-25 17:25:19 +00:00
< span class = " fa-layers fa-fw" >
2019-03-25 19:10:26 +00:00
< span id = "dist10label" class = "fa-layers-text fg-openbuilds jogdist" data-fa-transform = "" style = "font-weight:900; font-family: Arial; font-size: 12px;" > 10mm< / span >
2018-06-25 17:25:19 +00:00
< / span >
2018-06-27 19:23:34 +00:00
< / button >
2018-06-25 17:25:19 +00:00
< / td >
< td >
2019-05-07 17:26:26 +00:00
< button class = "button light jogbtn distbtn metricbtn" id = "dist100" style = "width: 100%; height: 30px; line-height: 28px;" >
2018-06-25 17:25:19 +00:00
< span class = " fa-layers fa-fw" >
2018-06-27 19:23:34 +00:00
< span id = "dist100label" class = "fa-layers-text fg-gray jogdist" data-fa-transform = "" style = "font-weight:900; font-family: Arial; font-size: 12px;" > 100mm< / span >
2018-06-25 17:25:19 +00:00
< / span >
2018-06-27 19:23:34 +00:00
< / button >
2018-06-25 17:25:19 +00:00
< / td >
< / tr >
< tr >
2019-04-18 14:23:51 +00:00
< td colspan = '4' >
2019-05-10 18:36:51 +00:00
< div id = "jogratemmdiv" >
< input id = "jograte" type = "number" min = "100" max = "10000" step = "500" placeholder = "5000" data-role = "input" data-prepend = "Jog:" data-append = "mm/min" data-clear-button = "false" value = "5000" style = "text-align: right;" / >
< / div >
< div id = "jograteinchdiv" >
< input id = "jograteinch" type = "number" min = "1" max = "5000" step = "10" placeholder = "196" data-role = "input" data-prepend = "Jog:" data-append = "in/min" data-clear-button = "false" value = "196" style = "text-align: right;" / >
< / div >
2018-06-25 17:25:19 +00:00
< / td >
< / tr >
< / table >
< / div >
2019-04-24 17:47:21 +00:00
2019-04-18 14:23:51 +00:00
< div class = "cell border-left bd-lightGray" id = "frocell" >
2019-04-24 17:47:21 +00:00
< button class = "button light mini mb-1" onclick = "feedOverride(100);" > reset< / button >
2019-05-01 18:44:44 +00:00
< input id = "fro" data-on-stop = "feedOverride(arguments[0])" data-role = "slider" data-accuracy = "5" data-vertical = "true" data-size = "190" data-accuracy = "1" data-min = "10" data-max = "200" data-value = "100" data-hint = "true" data-hint-always = "true" data-hint-position = "bottom"
2019-04-22 14:52:10 +00:00
data-hint-mask="Feed: $1%" data-cls-hint="bg-light
2019-03-25 19:10:26 +00:00
fg-dark shadow-1" data-cls-complete="bg-openbuilds">
2018-06-25 17:25:19 +00:00
< / div >
2019-04-18 14:23:51 +00:00
< div class = "cell border-left bd-lightGray" id = "trocell" >
2019-04-24 17:47:21 +00:00
< button class = "button light mini mb-1" onclick = "spindleOverride(100);" > reset< / button >
2019-05-01 18:44:44 +00:00
< input id = "tro" data-on-stop = "spindleOverride(arguments[0])" data-role = "slider" data-accuracy = "5" data-vertical = "true" data-size = "190" data-accuracy = "1" data-min = "10" data-max = "200" data-value = "100" data-hint = "true" data-hint-always = "true" data-hint-position = "bottom"
2019-04-22 14:52:10 +00:00
data-hint-mask="Tool: $1%" data-cls-hint="bg-light
2019-03-25 19:10:26 +00:00
fg-dark shadow-1" data-cls-complete="bg-openbuilds">
2018-06-25 17:25:19 +00:00
< / div >
< / div >
2018-06-22 19:49:51 +00:00
< / div >
2018-08-07 10:05:49 +00:00
2019-05-01 18:44:44 +00:00
< div id = "controlLogs" class = "mt-0" >
2018-08-01 19:04:27 +00:00
2018-08-07 19:25:56 +00:00
< nav data-role = "ribbonmenu" >
< ul class = "tabs-holder" >
2019-05-08 19:06:34 +00:00
< li > < a href = "#tab-three" id = "gcodeviewertab" onclick = "fixRenderSize();" > < i class = "mif-3d-rotation fa-fw" id = "3dviewicon" > < / i > < span id = "3dviewlabel" > 3D View< / span > < / a > < / li >
2018-08-08 17:56:11 +00:00
< li > < a href = "#tab-one" id = "consoletab" > < i class = "fas fa-fw fa-terminal" > < / i > Serial Console< / a > < / li >
2018-11-26 19:55:35 +00:00
< li > < a href = "#tab-four" id = "macrostab" > < i class = "fas fa-th fa-fw" > < / i > Macros< / a > < / li >
2018-08-08 17:56:11 +00:00
< li > < a href = "#tab-two" id = "gcodeeditortab" > < i class = "far fa-fw fa-edit" > < / i > GCODE Editor< / a > < / li >
2018-08-07 19:25:56 +00:00
< / ul >
2018-08-07 10:15:18 +00:00
2018-08-07 19:25:56 +00:00
< div class = "content-holder" >
< div class = "section" id = "tab-one" >
< div id = "console" > < / div >
< div class = "fixed-bottom m-3 mb-9" >
2018-09-17 15:35:31 +00:00
< form class = "inline-form" id = "commandform" autocomplete = "off" >
2018-08-08 12:31:59 +00:00
< input data-prepend = " <i class='fas fa-terminal'></i>" data-role = "input" data-clear-button = "false" data-role = "input" id = "command" type = "text" autocomplete = "on" class = " dark needs-connection" style = "width: calc(100vw - 170px);" / >
2018-08-07 19:25:56 +00:00
< button id = "sendCommand" class = "button dark needs-connection" type = "button" data-role = "hint" data-hint-position = "top" data-hint-text = "Execute Command" data-cls-hint = "bg-light fg-dark drop-shadow" >
< i class = "fa fa-play" style = "margin-right: 10px;" > < / i > Send
< / button >
< button class = "button dark emptylog" type = "button" onclick = "$('#console').empty();" data-role = "hint" data-hint-position = "top" data-hint-text = "Empty console log" data-cls-hint = "bg-light fg-dark drop-shadow" >
< i class = "fa fa-trash" > < / i >
< / button >
< / form >
< / div >
< / div >
< div class = "section" id = "tab-two" >
< div id = "editor" > < / div >
2018-09-06 21:08:06 +00:00
2018-08-07 19:25:56 +00:00
< div class = "fixed-bottom m-3 mb-9" >
2018-08-08 12:31:59 +00:00
<!-- <form class="inline - form"> -->
2019-05-01 18:44:44 +00:00
< button title = "Update the 3D View with the edited GCODE" class = "button success" onclick = "parseGcodeInWebWorker(editor.getValue())" > < i class = "mif-3d-rotation fa-fw" > < / i > Update 3D View< / button >
< button title = "Save GCODE to file" class = "button primary" onclick = "saveGcode();" > < i class = "fa fa-save icon" > < / i > < / button >
2018-08-08 12:31:59 +00:00
< button title = "Find and Replace" class = "button dark" onclick = "editor.execCommand('replace')" > < i class = "fas fa-search" > < / i > Find/Replace< / button >
< button title = "Select All" class = "button dark" onclick = "editor.execCommand('selectall')" > < i class = "far fa-check-square" > < / i > Select All< / button >
< button title = "Undo" class = "button dark" onclick = "editor.execCommand('undo')" > < i class = "fas fa-undo" > < / i > Undo< / button >
< button title = "Redo" class = "button dark" onclick = "editor.execCommand('redo')" > < i class = "fas fa-redo" > < / i > Redo< / button >
< button title = "Go to End" class = "button dark" onclick = "editor.execCommand('gotoend')" > < i class = "fas fa-chevron-down" > < / i > < / button >
< button title = "Go to Start" class = "button dark" onclick = "editor.execCommand('gotostart')" > < i class = "fas fa-chevron-up" > < / i > < / button >
2019-05-01 18:44:44 +00:00
< button title = "Clear Editor" class = "button dark" onclick = "editor.execCommand('selectall'); editor.execCommand('del'); parseGcodeInWebWorker(editor.getValue());" > < i class = "fas fa-eraser" > < / i > Clear< / button >
2018-08-08 12:31:59 +00:00
<!-- </form> -->
2018-08-07 19:25:56 +00:00
< / div >
< / div >
2018-08-28 15:09:20 +00:00
< div class = "section" id = "tab-three" >
< div id = "renderArea" > < / div >
2019-01-23 19:07:58 +00:00
< div style = "position: absolute; top: 10px; right:10px; z-index: 1; max-width: 100px; max-width: 100px;" id = "overlayimg" >
<!-- <img src="img/mch/acro55.png" style="max - width:100%; max - height:100%;">
< span style = "position: absolute; top: 3px; right:3px; z-index: 1;" class = "fas fa-cogs" > < / span > -->
< / div >
2018-08-28 15:09:20 +00:00
< div class = "fixed-bottom m-3 mb-9" >
2019-01-23 19:07:58 +00:00
< button class = "button dark" onclick = "simSpeed();" > < span class = "icon" > < span class = "fas fa-tachometer-alt" > < / span > < / span > < span class = "caption" > < span id = "simspeedval" > 1< / span > x< / span >
< / button >
2018-09-06 16:10:40 +00:00
< button id = "runSimBtn" title = "Run simulation" class = "button dark" onclick = "sim(0)" > < i class = "fas fa-fighter-jet" > < / i > Simulate< / button >
< button id = "stopSimBtn" style = "display: none;" title = "Stop Sim" class = "button dark" onclick = "simstop()" > < i class = "fas fa-stop" > < / i > Stop Sim< / button >
2018-08-28 15:09:20 +00:00
< button id = "resetViewBtn" title = "Stop Sim" class = "button dark" onclick = "resetView(object)" > < i class = "fas fa-stop" > < / i > Reset View< / button >
< / div >
< / div >
2018-11-26 19:22:53 +00:00
< div class = "section" id = "tab-four" >
< div id = "macros" > < / div >
< / div >
2018-08-07 19:25:56 +00:00
< / div >
< / nav >
2018-08-01 19:04:27 +00:00
< / div >
<!-- End controlLogs -->
2018-06-21 20:02:40 +00:00
< / center >
2018-06-21 21:04:41 +00:00
< / div >
2018-06-27 19:23:34 +00:00
< div id = "grblPanel" style = "display: none;" >
2018-06-25 20:13:58 +00:00
< div id = "grblconfig" > < / div >
< / div >
2018-07-24 12:58:26 +00:00
< div id = "updatePanel" style = "display: none;" >
2018-08-08 20:46:11 +00:00
< div id = "updateconsole" > Click "Download Updates" above< / div >
2018-07-12 13:06:53 +00:00
< / div >
2018-08-07 10:05:49 +00:00
< div id = "troubleshootingPanel" style = "display: none;" >
< div class = "grid p-0 m-0" >
< div class = "row p-0 m-0" >
< div class = "cell p-0 m-0" >
< div class = "card" >
2018-12-21 15:44:37 +00:00
< div class = "card-header p-1 m-0" >
2019-01-23 19:07:58 +00:00
< i class = "fas fa-fw fa-bolt" > < / i > Inputs / Endstops
2018-08-07 10:05:49 +00:00
< / div >
< div class = "card-content" >
< table class = "table striped compact" >
< thead >
< tr >
< th style = "width: 50%;" > PIN< / th >
< th style = "width: 50%;" > Status< / th >
< / tr >
< / thead >
< tbody >
< tr >
< td > X-Limit< / td >
< td > < span class = "tally alert pinstatus" id = "xpin" > NOCOMM< / span > < / td >
< / tr >
< tr >
< td > Y-Limit< / td >
< td > < span class = "tally alert pinstatus" id = "ypin" > NOCOMM< / span > < / td >
< / tr >
< tr >
< td > Z-Limit< / td >
< td > < span class = "tally alert pinstatus" id = "zpin" > NOCOMM< / span > < / td >
< / tr >
< tr >
< td > Probe< / td >
< td > < span class = "tally alert pinstatus" id = "prbpin" > NOCOMM< / span > < / td >
< / tr >
2019-01-23 19:07:58 +00:00
< tr >
< td > Door Sensor< / td >
< td > < span class = "tally alert pinstatus" id = "doorpin" > NOCOMM< / span > < / td >
< / tr >
< tr >
< td > Buttons< / td >
< td >
< span class = "tally alert pinstatus" id = "startpin" > NOCOMM< / span >
< span class = "tally alert pinstatus" id = "holdpin" > NOCOMM< / span >
< span class = "tally alert pinstatus" id = "resetpin" > NOCOMM< / span >
< / td >
< / tr >
2018-08-07 10:05:49 +00:00
< / tbody >
< / table >
< / div >
< / div >
2018-12-21 15:44:37 +00:00
2018-08-07 17:34:04 +00:00
< div class = "card" >
2018-12-21 15:44:37 +00:00
< div class = "card-header p-1 m-0" >
< i class = "fas fa-fw fa-tty" > < / i > Communications
2018-08-07 10:05:49 +00:00
< / div >
< div class = "card-content" >
< table class = "table striped compact" >
< thead >
< tr >
< th style = "width: 50%;" > Value< / th >
< th style = "width: 50%;" > Status< / th >
< / tr >
< / thead >
< tbody >
< tr >
2019-01-23 19:07:58 +00:00
< td > Installed Version< / td >
2018-12-21 15:44:37 +00:00
< td > < span class = "tally bg-openbuilds fg-white" id = "driverver" > NOCOMM< / span > < / td >
2018-08-07 10:05:49 +00:00
< / tr >
< tr >
2019-01-23 19:07:58 +00:00
< td > Backend Queue Blocked< / td >
2018-12-21 15:44:37 +00:00
< td > < span class = "tally bg-openbuilds fg-white" id = "commblocked" > NOCOMM< / span > < / td >
< / tr >
< tr >
2019-01-23 19:07:58 +00:00
< td > Connection Status< / td >
2018-12-21 15:44:37 +00:00
< td > < span class = "tally bg-openbuilds fg-white" id = "commstatus" > NOCOMM< / span > < / td >
< / tr >
< tr >
< td > Connected To< / td >
< td > < span class = "tally bg-openbuilds fg-white" id = "activeportstatus" > NOCOMM< / span > < / td >
< / tr >
< tr >
< td > Serial Queue< / td >
< td > < span class = "tally bg-openbuilds fg-white" id = "drvqueue" > NOCOMM< / span > < / td >
< / tr >
< tr >
< td > Websocket Status< / td >
< td > < span class = "tally bg-openbuilds fg-white" id = "websocketstatus" > NOCOMM< / span > < / td >
2018-08-07 10:05:49 +00:00
< / tr >
< tr >
2019-01-23 19:07:58 +00:00
< td > Installed Firmware Version< / td >
2018-12-21 15:44:37 +00:00
< td > < span class = "tally bg-openbuilds fg-white" id = "firmwarever" > NOCOMM< / span > < / td >
2018-08-07 10:05:49 +00:00
< / tr >
2018-12-21 15:44:37 +00:00
< / tbody >
< / table >
< / div >
< / div >
2019-03-25 19:10:26 +00:00
< / div >
< div class = "cell p-0 m-0" >
2019-05-08 19:06:34 +00:00
<!-- div class="card">
2018-12-21 15:44:37 +00:00
< div class = "card-header p-1 m-0" >
< img src = "img/grbl.png" / > Flashing tool
< / div >
< div class = "card-content" >
2019-01-18 19:01:53 +00:00
< p class = "text-small ml-2" > You can use this section to flash Grbl onto a compatible controller< br > Careful, use with care, or when instructed by Support< / p >
2018-12-21 15:44:37 +00:00
< table class = "table striped compact" >
< tbody >
2018-08-07 10:05:49 +00:00
< tr >
2019-03-07 14:38:40 +00:00
< td > Controller< / td >
< td >
< select data-prepend = " <i class='fab fa-usb'></i>" data-role = "select" data-filter = "false" id = "flashGrblController" >
< option value = "uno" > OpenBuilds BlackBox 4X< / option >
< option value = "xprov4" > Spark Concepts xPro v3/4< / option >
< option value = "uno" > Arduino Uno< / option >
< option value = "nano" > Arduino Nano< / option >
< / select >
< / td >
< / tr >
< tr >
2018-12-21 15:44:37 +00:00
< td > Port< / td >
< td >
< select data-prepend = " <i class='fab fa-usb'></i>" data-role = "select" data-filter = "false" id = "portUSB2" disabled >
< option value = "" > Waiting for USB< / option >
< / select >
< / td >
2018-08-07 10:05:49 +00:00
< / tr >
< tr >
2018-12-21 15:44:37 +00:00
< td > Firmware< / td >
< td >
< select data-prepend = " <i class='fas fa-layer-group'></i>" data-role = "select" id = "flashGrblHex" data-filter = "false" >
< optgroup label = "Default Grbl" >
2019-03-25 19:10:26 +00:00
< option value = "grbl1.1f.hex" > Grbl 1.1f (default, standard)< / option >
2018-12-21 15:44:37 +00:00
< / optgroup >
< optgroup label = "Customised" >
2019-03-25 19:10:26 +00:00
< option value = "grbl1.1f-acro.hex" > Grbl 1.1g for ACRO< / option >
< option value = "grbl1.1g-blackbox.hex" > Grbl 1.1g for BlackBox 4X / XPRO (Inverted Drivers)< / option >
2018-12-21 15:44:37 +00:00
< / optgroup >
< / select >
< / td >
2018-08-07 10:05:49 +00:00
< / tr >
< tr >
2018-12-21 15:44:37 +00:00
< td > < / td >
< td >
< center > < button class = "button bg-openbuilds fg-white" onclick = "flashGrblfromTroubleshooting();" > Flash< / button > < / center >
< / td >
2018-08-07 10:05:49 +00:00
< / tr >
< / tbody >
< / table >
< / div >
2019-05-08 19:06:34 +00:00
< / div-- >
2018-12-21 15:44:37 +00:00
2019-01-14 18:09:53 +00:00
< div class = "card" >
< div class = "card-header p-1 m-0" >
< i class = "fas fa-fw fa-history" > < / i > Changelog
< / div >
2019-04-24 17:47:21 +00:00
< div class = "card-content" style = "height: calc(100vh - 680px); overflow-x: auto;" >
2019-01-14 18:09:53 +00:00
< div id = "changelog" class = "text-small" > < / div >
< / div >
< / div >
2018-08-07 10:05:49 +00:00
< / div >
< / div >
< / div >
< / div >
2018-06-22 19:49:51 +00:00
2018-06-21 20:02:40 +00:00
<!-- Bottom StatusBar -->
2018-06-22 19:49:51 +00:00
< div class = "fixed-bottom" >
< div class = "row" >
< div class = "cell-3" >
2018-06-21 20:02:40 +00:00
< div >
2018-06-29 13:01:16 +00:00
< span class = "badge inline bg-grayBlue fg-white" style = "width: 100%;" >
2018-06-22 19:49:51 +00:00
< span class = "fa-layers" data-toggle = "tooltip" data-placement = "bottom" title = "Flashes red when machine has entered ALARM state, click Clear Alarm button" >
2018-06-21 21:04:41 +00:00
< i id = "navbell" class = "fas fa-bell fg-red" style = "display: none;" > < / i >
2018-06-22 19:49:51 +00:00
< i class = "far fa-bell" > < / i >
2018-06-21 20:02:40 +00:00
< / span >
2019-04-18 14:23:51 +00:00
< span id = "timeRemaining" > < / span >
2018-06-21 20:02:40 +00:00
< / span >
< / div >
< / div >
2018-06-22 19:49:51 +00:00
< div class = "cell-3" >
2018-06-21 20:02:40 +00:00
< div >
2018-06-29 13:01:16 +00:00
< span class = "badge inline bg-grayBlue fg-white" id = "connectStatus" style = "width: 100%;" > Not Connected< / span >
2018-06-21 20:02:40 +00:00
< / div >
< / div >
2018-06-22 19:49:51 +00:00
< div class = "cell-3" >
2018-06-21 20:02:40 +00:00
< div >
2018-06-29 13:01:16 +00:00
< span class = "badge inline bg-grayBlue fg-white" id = "runStatus" style = "width: 100%;" > Not Connected< / span >
2018-06-21 20:02:40 +00:00
< / div >
< / div >
2018-06-22 19:49:51 +00:00
< div class = "cell-3" >
2018-06-21 20:02:40 +00:00
< div >
2019-04-15 17:31:30 +00:00
< span class = "badge inline bg-grayBlue fg-white" id = "gcodesent" style = "width: 100%;" > Job Queue: 0< / span >
2018-06-21 20:02:40 +00:00
< / div >
< / div >
2018-06-19 08:07:03 +00:00
< / div >
2018-08-01 20:20:17 +00:00
< div class = "row" >
< div class = "cell-12" >
< div data-role = "progress" id = "progressbar" data-value = "0" > < / div >
< / div >
< / div >
2018-06-19 08:07:03 +00:00
< / div >
< / div >
2018-06-21 20:02:40 +00:00
< / div >
2018-08-10 19:42:30 +00:00
2018-09-06 21:08:06 +00:00
<!-- Simulator Context Menu -->
< ul class = "d-menu context" id = "editorContextMenu" data-role = "dropdown" data-toggle-element = "#context_toggle" >
< span id = "dropdowncontent" >
< li onclick = "runSimFrom();" > < a href = "#" > < i class = "fas fa-fighter-jet icon" > < / i > Simulate from line < span id = "linenumber" > < / span > < / a >
< / li >
< / span >
< / ul >
<!-- -->
2018-08-10 19:42:30 +00:00
< div id = "hiddendivs" style = "display:none;" >
2019-05-01 18:44:44 +00:00
2019-05-08 19:06:34 +00:00
< div class = "dialog dark" data-role = "dialog" id = "grblFlashDialog" data-width = "60%" data-actions-align = "right" data-overlay-click-close = "true" >
< div class = "dialog-title" > < img src = "img/grbltop.png" / > Custom Grbl Flashing Tool< / div >
< div class = "dialog-content" style = "height: calc(100% - 100px);" >
2019-05-24 12:25:23 +00:00
< p class = "text-small mb-4" > You can use this wizard to flash customized instances of Grbl Firmware onto a compatible controller< br > Only use with care, or when instructed by Support< / p >
2019-05-08 19:06:34 +00:00
< form >
< div class = "row" >
< div class = "cell-md-4 mb-1" >
Machine Style
< / div >
< div class = "cell-md-8 mb-1" >
< select data-prepend = " <i class='fas fa-cube'></i>" data-role = "select" data-filter = "false" id = "grblAxesCount" >
< option value = 3axes > 3 Axes< / option >
< option value = 2axes > 2 Axes< / option >
< option value = servo > 2 Axes + RC Servo< / option >
< / select >
< / div >
< / div >
< div class = "row" >
< div class = "cell-md-4 mb-1" >
Door Interlock
< / div >
< div class = "cell-md-8 mb-1" >
< select data-role = "select" data-prepend = " <i class='fas fa-door-open'></i>" data-role = "select" data-filter = "false" id = "grblDoorEnable" >
< option value = "nodoor" > Disable Door Interlock< / option >
< option value = "opendoor" > Door Interlock (Normally Open Switch)< / option >
< option value = "closeddoor" > Door Interlock (Normally Closed Switch)< / option >
< / select >
< / div >
< / div >
< div class = "row" >
< div class = "cell-md-4 mb-1" >
Controller Type
< / div >
< div class = "cell-md-8 mb-1" >
< select data-prepend = " <i class='fas fa-microchip'></i>" data-role = "select" data-filter = "false" id = "flashGrblController" >
< option value = "uno" > OpenBuilds BlackBox 4X< / option >
< option value = "xprov4" > Spark Concepts xPro v3/4< / option >
< option value = "uno" > Arduino Uno< / option >
< option value = "nano" > Arduino Nano< / option >
< / select >
< / div >
< / div >
< div class = "row" >
< div class = "cell-md-4 mb-1" >
Port
< / div >
< div class = "cell-md-8 mb-1" >
< select data-prepend = " <i class='fab fa-usb'></i>" data-role = "select" data-filter = "false" id = "portUSB2" disabled >
< option value = "" > Waiting for USB< / option >
< / select >
< / div >
< / div >
< / form >
< / div >
< div class = "dialog-actions" >
< button class = "button success js-dialog-close" onclick = "flashGrblfromWizard()" > Flash< / button >
< button class = "button js-dialog-close" > Cancel< / button >
< / div >
< / div >
< div class = "dialog dark" data-role = "dialog" id = "surfacingDialog" data-width = "90%" data-actions-align = "right" data-overlay-click-close = "true" >
< div class = "dialog-title" > < i class = "fas fa-exchange-alt" > < / i > Flattening / Surfacing Tool< / div >
2019-05-06 14:31:13 +00:00
< div class = "dialog-content" style = "max-height: calc(100vh - 100px);overflow-y: auto; overflow-x: hidden;" >
2019-05-01 18:44:44 +00:00
< form >
< div class = "row mb-2" >
< div class = "cell-sm-6" >
< div class = "row mb-2" >
< label class = "cell-sm-6" > Router Bit Diameter< / label >
< div class = "cell-sm-6" >
< input id = "surfaceDiameter" type = "number" data-role = "input" data-append = "mm" data-clear-button = "false" placeholder = "22" value = "22" >
< small class = "text-muted" > Diameter of your bit / endmill< / small >
< / div >
< / div >
< div class = "row mb-2" >
< label class = "cell-sm-6" > Stepover< / label >
< div class = "cell-sm-6" >
< input id = "surfaceStepover" type = "number" data-role = "input" data-append = "%" data-clear-button = "false" placeholder = "40" value = "40" >
< small class = "text-muted" > Stepover between passes < / small >
< / div >
< / div >
< div class = "row mb-2 border-bottom bd-lightGray" >
< label class = "cell-sm-6" > Feedrate< / label >
< div class = "cell-sm-6" >
< input id = "surfaceFeedrate" type = "number" data-role = "input" data-append = "mm/min" data-clear-button = "false" placeholder = "800" value = "800" >
< small class = "text-muted" > Cutting speed< / small >
< / div >
< / div >
< div class = "row mb-2" >
< label class = "cell-sm-6" > Width< br > < small class = "text-muted" > X-Axis< / small > < / label >
< div class = "cell-sm-6" >
< input id = "surfaceX" type = "number" data-role = "input" data-append = "mm" data-clear-button = "false" placeholder = "200" value = "200" >
< / div >
< / div >
< div class = "row mb-2 border-bottom bd-lightGray" >
< label class = "cell-sm-6" > Length< br > < small class = "text-muted" > Y-Axis< / small > < / label >
< div class = "cell-sm-6" >
< input id = "surfaceY" type = "number" data-role = "input" data-append = "mm" data-clear-button = "false" placeholder = "300" value = "300" >
< small class = "text-muted" > Width and Length of the area to machine flat< / small >
< / div >
< / div >
< div class = "row mb-2 border-bottom bd-lightGray" >
< label class = "cell-sm-6" > Skim Depth< / label >
< div class = "cell-sm-6" >
< input id = "surfaceDepth" type = "number" data-role = "input" data-append = "mm" data-clear-button = "false" placeholder = "2" value = "2" >
< small class = "text-muted" > How much material to remove< / small >
< / div >
< / div >
< / div >
< div class = "cell-sm-6" >
< small class = "text-muted" > NB: make sure your spindle is 100% perpendicular (trammed) to your bed, before running a Surfacing operation. Incorrectly trammed spindles will cause uneven machining of the surface, leading to pitting and uneven surface finish
< / small >
< hr >
< small class = "text-muted" > You can use the Surfacing Tool to
< ul class = "text-muted" >
< li > Prepare / flatten your spoilboard< / li >
< li > Level off stock< / li >
< / ul > < / small >
< hr >
< center >
2019-05-06 17:10:44 +00:00
< img src = "img/surfacing/wizard1.png" alt = "diameter" border = "0" style = "max-width: calc(100% - 10px); " >
2019-05-01 18:44:44 +00:00
< / center >
< / div >
< / div >
< / form >
< / div >
< div class = "dialog-actions" >
< button class = "button success js-dialog-close" onclick = "createSurfaceGcode()" > Proceed< / button >
< button class = "button js-dialog-close" > Cancel< / button >
< / div >
< / div >
2019-05-08 19:06:34 +00:00
< div class = "dialog dark" id = "downloadUpdate" data-role = "dialog" data-overlay-click-close = "true" data-to-top = "true" >
2018-08-10 19:42:30 +00:00
< div class = "dialog-title" > Update Ready< / div >
< div class = "dialog-content" >
Version < code > < span id = "availVersion" > 1.0.100< / span > < / code > update ready to be installed!< br > Note that proceeding will:
< ul >
< li > Stops any running jobs< / li >
2018-11-23 16:13:16 +00:00
< li > Shuts down this instance of OpenBuilds CONTROL< / li >
2018-08-10 19:42:30 +00:00
< li > Launches the installer for the new version< / li >
< / ul >
< small > You may want to wait until your machine is idle before continuing< / small >
< / div >
< div class = "dialog-actions" >
< button class = "button js-dialog-close" > Ask me again in 15min< / button >
< button class = "button success js-dialog-close" onclick = "socket.emit('applyUpdate', true)" > OK, Proceed with Update< / button >
< / div >
< / div >
< / div >
2018-08-24 19:00:03 +00:00
<!-- Modal Divs -->
< div style = "display: none;" >
2018-09-06 21:08:06 +00:00
2019-05-08 19:06:34 +00:00
< div class = "dialog dark" data-overlay-click-close = "true" data-role = "dialog" id = "jogWidgetDialog" >
< div class = "dialog-title" > < i class = "fas fa-mobile-alt" > < / i > Jog Widget< / div >
2018-08-24 19:00:03 +00:00
< div class = "dialog-content" style = "max-height: calc(100vh - 200px);overflow-y: auto; overflow-x: hidden;" >
< div class = "row" >
< div class = "cell-4" >
< img src = "img/widget.png" / >
< / div >
< div class = "cell-8" >
< div class = "row" >
< div class = "cell" >
< center >
< small > You can use your mobile device as an handheld Jog interface. To get started, open a web-browser on your Mobile device and navigate to < br > < / small > < span id = "jogip" > http://0.0.0.0:3000/jog.html< span > < br > < small > or scan the QR Code below< / small >
< / center >
< hr class = 'thin bg-lightGray' >
< / div >
< / div >
< div class = "row" >
< div class = "cell-3" > < / div >
< div class = "cell-4" id = "qrcode" >
< / div >
< div class = "cell-5" > < / div >
< / div >
< / div >
< / div >
< / div >
< div class = "dialog-actions" >
< button class = "button js-dialog-close" > Close< / button >
< / div >
< / div >
< / div >
2018-06-21 20:02:40 +00:00
< / body >
2018-06-19 08:07:03 +00:00
2018-08-28 15:09:20 +00:00
< script type = "x-shader/x-vertex" id = "vertexShader" >
varying vec3 vWorldPosition; void main() { vec4 worldPosition = modelMatrix * vec4( position, 1.0 ); vWorldPosition = worldPosition.xyz; gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 ); }
< / script >
< script type = "x-shader/x-fragment" id = "fragmentShader" >
uniform vec3 topColor; uniform vec3 bottomColor; uniform float offset; uniform float exponent; varying vec3 vWorldPosition; void main() { float h = normalize( vWorldPosition + offset ).z; gl_FragColor = vec4( mix( bottomColor, topColor, max( pow( max(
h , 0.0), exponent ), 0.0 ) ), 1.0 ); }
< / script >
2018-08-08 13:05:49 +00:00
< script type = "text/javascript" src = "lib/fontawesome5/js/all.min.js" > < / script >
2018-06-22 19:49:51 +00:00
< script type = "text/javascript" src = "lib/jquery/jquery.min.js" > < / script >
2018-08-07 10:05:49 +00:00
< script type = "text/javascript" src = "lib/jquery/jquery-ui.js" > < / script >
< script type = "text/javascript" src = "lib/jquery/jquery-input-history.min.js" > < / script >
2018-08-24 19:00:03 +00:00
< script type = "text/javascript" src = "lib/jquery/jquery-swipe.js" > < / script >
< script type = "text/javascript" src = "lib/qrcode/qrcode.min.js" > < / script >
2018-08-07 10:05:49 +00:00
2018-06-22 19:49:51 +00:00
< script type = "text/javascript" src = "lib/ace/src-noconflict/ace.js" > < / script >
2019-04-18 14:23:51 +00:00
< script >
METRO_HOTKEYS_FILTER_INPUT_ACCEPTING_ELEMENTS = false;
< / script >
2018-06-25 17:25:19 +00:00
< script type = "text/javascript" src = "lib/metro4/js/metro.min.js" > < / script >
2018-06-19 08:07:03 +00:00
2018-06-22 19:49:51 +00:00
< script type = "text/javascript" src = "/lib/lodash.core.js" > < / script >
< script type = "text/javascript" src = "/socket.io/socket.io.js" > < / script >
2018-07-24 12:58:26 +00:00
2018-11-26 19:22:53 +00:00
< script type = "text/javascript" src = "/lib/iconpicker/js/fontawesome-iconpicker.min.js" > < / script >
< script type = "text/javascript" src = "/js/macros.js" > < / script >
2018-08-28 15:09:20 +00:00
< script type = "text/javascript" src = "lib/threejs/three.min.js" > < / script >
< script type = "text/javascript" src = "lib/threejs/GridRect.js" > < / script >
< script type = "text/javascript" src = "lib/threejs/OrbitControls.js" > < / script >
< script type = "text/javascript" src = "lib/threejs/DragControls.js" > < / script >
< script type = "text/javascript" src = "lib/threejs/Projector.js" > < / script >
< script type = "text/javascript" src = "lib/threejs/CanvasRenderer.js" > < / script >
< script type = "text/javascript" src = "lib/threejs/TransformControls.js" > < / script >
< script type = "text/javascript" src = "lib/threejs/TweenMax.min.js" > < / script >
< script type = "text/javascript" src = "js/viewer.js" > < / script >
< script type = "text/javascript" src = "js/viewer-ruler.js" > < / script >
2018-06-22 19:49:51 +00:00
< script type = "text/javascript" src = "js/main.js" > < / script >
2018-08-10 19:42:30 +00:00
< script type = "text/javascript" src = "js/updates.js" > < / script >
2018-06-27 19:23:34 +00:00
< script type = "text/javascript" src = "js/ui.js" > < / script >
2018-06-22 19:49:51 +00:00
< script type = "text/javascript" src = "js/websocket.js" > < / script >
< script type = "text/javascript" src = "js/grblsettings.js" > < / script >
< script type = "text/javascript" src = "js/metroactions.js" > < / script >
< script type = "text/javascript" src = "js/jog.js" > < / script >
2019-04-16 18:17:42 +00:00
< script type = "text/javascript" src = "js/keyboard.js" > < / script >
2018-08-07 15:40:04 +00:00
< script type = "text/javascript" src = "js/calibrate.js" > < / script >
2018-08-24 19:00:03 +00:00
< script type = "text/javascript" src = "js/widget.js" > < / script >
2018-06-25 17:25:19 +00:00
2018-08-28 15:09:20 +00:00
< script type = "text/javascript" src = "lib/3dview/3dview.js" > < / script >
2018-09-17 15:35:31 +00:00
< script type = "text/javascript" src = "js/grbl-defaults.js" > < / script >
2019-01-08 16:50:24 +00:00
< script type = "text/javascript" src = "js/calibrate-x.js" > < / script >
< script type = "text/javascript" src = "js/calibrate-y.js" > < / script >
< script type = "text/javascript" src = "js/calibrate-z.js" > < / script >
2018-12-28 21:28:44 +00:00
< script type = "text/javascript" src = "js/probe.js" > < / script >
2019-05-01 18:44:44 +00:00
< script type = "text/javascript" src = "wizards/surfacing.js" > < / script >
2019-05-08 19:06:34 +00:00
< script type = "text/javascript" src = "js/grbl-flashing.js" > < / script >
2019-05-31 17:05:00 +00:00
< / html >
<!-- -->
