2018-08-24 19:00:03 +00:00
<!DOCTYPE html>
< html lang = "en" >
< head >
2018-11-23 16:13:16 +00:00
< title > OpenBuilds CONTROL< / title >
2018-08-24 19:00:03 +00:00
< meta charset = "utf-8" >
< meta http-equiv = "X-UA-Compatible" content = "IE=edge,chrome=1" >
2018-08-25 16:54:28 +00:00
< meta name = "author" content = "openbuilds.com" >
< meta name = "viewport" content = "width=device-width,user-scalable=no,initial-scale=1.0,maximum-scale=1.0" >
< meta name = "apple-mobile-web-app-capable" content = "yes" / >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black" / >
< meta name = "HandheldFriendly" content = "true" / >
< link rel = "manifest" href = "manifest.json" >
< link rel = "shortcut icon" href = "favicon.ico" >
< link rel = "icon" type = "image/png" sizes = "16x16" href = "images/icons/favicon-16x16.png" >
< link rel = "icon" type = "image/png" sizes = "32x32" href = "images/icons/favicon-32x32.png" >
< link rel = "icon" href = "./images/icons/apple-touch-icon.png" >
< meta name = "apple-mobile-web-app-capable" content = "yes" >
< meta name = "apple-mobile-web-app-status-bar-style" content = "black" >
< meta name = "apple-mobile-web-app-title" content = "OpenBuilds Jog" >
< link rel = "apple-touch-startup-image" href = "./images/splash/launch-640x1136.png" media = "(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" >
< link rel = "apple-touch-startup-image" href = "./images/splash/launch-750x1294.png" media = "(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)" >
< link rel = "apple-touch-startup-image" href = "./images/splash/launch-1242x2148.png" media = "(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" >
< link rel = "apple-touch-startup-image" href = "./images/splash/launch-1125x2436.png" media = "(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)" >
< link rel = "apple-touch-startup-image" href = "./images/splash/launch-1536x2048.png" media = "(min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)" >
< link rel = "apple-touch-startup-image" href = "./images/splash/launch-1668x2224.png" media = "(min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)" >
< link rel = "apple-touch-startup-image" href = "./images/splash/launch-2048x2732.png" media = "(min-device-width: 1024px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)" >
< link rel = "apple-touch-icon" sizes = "180x180" href = "./images/icons/apple-touch-icon.png" >
< link rel = "mask-icon" href = "./images/icons/safari-pinned-tab.svg" color = "#4a4e51" >
< meta name = "msapplication-TileColor" content = "#4a4e51" >
< meta name = "theme-color" content = "#4a4e51" >
2018-08-24 19:00:03 +00:00
< meta name = "metro4:init" content = "true" >
< script type = "text/javascript" src = "../lib/jquery/jquery.min.js" > < / script >
< link rel = "stylesheet" href = "../lib/metro4/css/metro-all.css" / >
< link rel = "stylesheet" href = "../css/buttons.css" / >
< link rel = "stylesheet" href = "../css/main.css" / >
< / head >
< body >
< div class = "window" style = "height: 100vh;" >
< div class = "window-caption bg-openbuilds" style = "-webkit-app-region: drag;" >
< 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-08-24 19:00:03 +00:00
< div class = "buttons" style = "-webkit-app-region: no-drag" >
< / div >
< / div >
< div class = "window-content" style = "height: 100%; overflow: hidden !important;" >
2019-04-22 19:17:09 +00:00
< nav data-role = "ribbonmenu" class = "mt-1" >
< ul class = "tabs-holder" style = "display:none;" >
< li > < a href = "#section-two" > < i class = "fas fa-fw fa-play" > < / i > Jog< / a > < / li >
2018-08-24 19:00:03 +00:00
< / ul >
< div class = "content-holder" >
< div class = "section" id = "section-two" >
< div class = "group" >
2019-04-22 19:17:09 +00:00
< div class = "form-group inline-form" >
< select class = "success" data-role = "select" data-filter = "false" id = "portUSB" disabled >
< option value = "" > Waiting for USB< / option >
< / select >
< button class = "button success mb-2 " onclick = "selectPort()" id = "connectBtn" type = "button" disabled > < i class = "fas fa-plug" > < / i > < / button >
< button class = "button alert mb-2" style = "display:none;" onclick = "closePort()" id = "disconnectBtn" type = "button" > < i class = "fas fa-plug" > < / i > Disconnect< / button >
2018-08-24 19:00:03 +00:00
< / div >
< span class = "title" > Machine Interface< / span >
< / div >
< div class = "group estop" >
2019-04-22 19:17:09 +00:00
< button class = "button mb-2" onclick = "socket.emit('clearAlarm', 2)" >
2018-08-24 19:00:03 +00:00
< 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< / span >
< / button >
2019-04-29 17:26:29 +00:00
< button class = "button mb-2" onclick = "socket.emit('stop', false)" >
2018-08-24 19:00:03 +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 >
2019-04-22 19:17:09 +00:00
< span class = "caption" > Abort< / span >
2018-08-24 19:00:03 +00:00
< / button >
< span class = "title" > E-Stop< / span >
< / div >
< / div >
< / div >
2019-04-22 19:17:09 +00:00
< / nav >
2018-08-25 16:54:28 +00:00
2019-04-22 19:17:09 +00:00
< div style = "overflow-y: auto; height: calc(100vh - 180px);" >
2018-08-25 16:54:28 +00:00
2019-04-22 19:17:09 +00:00
< center >
2019-05-31 17:05:00 +00:00
< nav data-role = "ribbonmenu" class = "mt-2" >
< ul class = "tabs-holder ml-17" >
< 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 >
< / ul >
< / nav >
2019-04-22 19:17:09 +00:00
< table class = "drotable mt-2" >
< tr >
< td >
< button class = "button light jogbtn" onclick = "sendGcode( 'G10 P1 L20 X0')" style = "width: 60px;" data-role = "ripple" data-ripple-color = "#e21b1b" >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-crosshairs fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-12" > < / i >
< 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-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > setzero< / span >
< / span >
< / button >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< div class = "dro" >
< div class = "float-left fg-red" data-fa-transform = "right-15" >
< span class = "fa-layers fa-fw" >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers-text fg-red" data-fa-transform = "right-3" > X< / span >
2019-04-22 19:17:09 +00:00
< span class = "fa-layers-text fg-red" data-fa-transform = "left-18 rotate-270" style = "font-family: Arial; font-size: 8px;" > WORK< / span >
<!-- <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 >
< div class = "float-right fg-red" id = "xPos" data-editable > 0.000< / div >
< input id = "xPosInput" class = "m-0 p-0 droInput float-right fg-red" / >
2018-08-24 19:00:03 +00:00
< / div >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< div class = "pos-relative" >
< button class = "button light jogbtn" style = "width: 42px;" > < i class = "fas fa-caret-down fg-openbuilds" > < / i > < / button >
2019-05-31 17:05:00 +00:00
< ul class = "d-menu context drop-shadow drop-right" data-role = "dropdown" >
2019-04-22 19:17:09 +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 >
< / ul >
< / div >
< / td >
< / tr >
< tr >
< td >
< button class = "button light jogbtn" onclick = "sendGcode( 'G10 P1 L20 Y0')" style = "width: 60px;" data-role = "ripple" data-ripple-color = "#5de21b" >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-crosshairs fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-12" > < / i >
< 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 >
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > setzero< / span >
< / span >
< / button >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< div class = "dro" >
< div class = "float-left fg-green" >
< span class = "fa-layers fa-fw" >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers-text fg-green" data-fa-transform = "right-3" > Y< / span >
2019-04-22 19:17:09 +00:00
< span class = "fa-layers-text fg-green" data-fa-transform = "left-18 rotate-270" style = "font-family: Arial; font-size: 8px;" > WORK< / span >
< / span >
< / div >
< div class = "float-right fg-green" id = "yPos" data-editable > 0.000< / div >
< input id = "yPosInput" class = "m-0 p-0 droInput float-right fg-green" / >
2018-08-24 19:00:03 +00:00
< / div >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< div class = "pos-relative" >
< button class = "button light jogbtn" style = "width: 42px;" > < i class = "fas fa-caret-down fg-openbuilds" > < / i > < / button >
2019-05-31 17:05:00 +00:00
< ul class = "d-menu context drop-shadow drop-right" data-role = "dropdown" >
2019-04-22 19:17:09 +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 >
< / ul >
< / div >
< / td >
< / tr >
< tr >
< td >
< button class = "button light jogbtn" onclick = "sendGcode( 'G10 P1 L20 Z0')" style = "width: 60px;" data-role = "ripple" data-ripple-color = "#1ba1e2" >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-crosshairs fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-12" > < / i >
< 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 >
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > setzero< / span >
< / span >
< / button >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< div class = "dro" >
< div class = "float-left fg-blue" >
< span class = "fa-layers fa-fw" >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers-text fg-blue" data-fa-transform = "right-3" > Z< / span >
2019-04-22 19:17:09 +00:00
< span class = "fa-layers-text fg-blue" data-fa-transform = "left-18 rotate-270" style = "font-family: Arial; font-size: 8px;" > WORK< / span >
< / span >
< / div >
< div class = "float-right fg-blue" id = "zPos" data-editable > 0.000< / div >
< input id = "zPosInput" class = "m-0 p-0 droInput float-right fg-blue" / >
2018-08-24 19:00:03 +00:00
< / div >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< div class = "pos-relative" >
< button class = "button light jogbtn" style = "width: 42px;" > < i class = "fas fa-caret-down fg-openbuilds" > < / i > < / button >
2019-05-31 17:05:00 +00:00
< ul class = "d-menu context drop-shadow drop-right" data-role = "dropdown" >
2019-04-22 19:17:09 +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 >
< li class = "divider" > < / li >
< li > < a href = "#" onclick = "z0probe()" > < span class = "fas fa-podcast fa-rotate-180 fg-blue icon" > < / span > Probe Z0 Wizard< / a > < / li >
< / ul >
< / div >
< / td >
< / tr >
< tr >
< td >
< button class = "button light jogbtn" onclick = "sendGcode( 'G10 P1 L20 X0 Y0 Z0')" style = "width: 60px;" data-role = "ripple" >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers fa-fw" >
< i class = "fas fa-crosshairs fg-openbuilds" data-fa-transform = "shrink-2 down-8 left-18" > < / i >
< 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 >
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > setzero< / span >
< / span >
< / button >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< div class = "pos-relative" >
< button class = "button light jogbtn" style = "width: 161px;" data-role = "ripple" >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers fa-fw" >
< 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 >
< 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 >
< span class = "fa-layers-text fg-openbuilds" data-fa-transform = "up-8 " style = "font-weight:900; font-family: Arial; font-size: 12px;" > gotozero< / span >
< / span >
< / button >
2019-04-22 19:17:09 +00:00
< ul class = "d-menu context drop-shadow" data-role = "dropdown" >
< 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-31 17:05:00 +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-04-22 19:17:09 +00:00
< / ul >
< / div >
< / td >
< td >
< div class = "pos-relative" >
< button class = "button light jogbtn" style = "width: 42px;" > < / i >
2019-05-31 17:05:00 +00:00
< span class = "fa-layers fa-fw" >
< 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 >
<!-- <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 >
< ul class = "d-menu context drop-shadow drop-right" data-role = "dropdown" >
< 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 >
2019-04-22 19:17:09 +00:00
< li class = "divider" > < / li >
2019-05-31 17:05:00 +00:00
< 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 >
2019-04-22 19:17:09 +00:00
< / ul >
< / div >
< / td >
< / tr >
< / table >
< / center >
< hr class = "border-bottom bd-lightGray ml-4 mr-4" / >
< div id = "buttonview" >
< center >
< table class = "jogtable" >
< tr >
< td >
< / td >
< td >
< button class = "button light square large jogbtn" id = "yP" >
2018-08-24 19:00:03 +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 >
2019-04-22 19:17:09 +00:00
< / td >
2018-08-24 19:00:03 +00:00
2019-04-22 19:17:09 +00:00
< td >
< / td >
2018-08-24 19:00:03 +00:00
2019-04-22 19:17:09 +00:00
< td >
< button class = "button light square large jogbtn" id = "zP" >
2018-08-24 19:00:03 +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 >
2019-04-22 19:17:09 +00:00
< / td >
< / tr >
< tr >
< td >
< button class = "button light square large jogbtn" id = "xM" >
2018-08-24 19:00:03 +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 >
2019-04-22 19:17:09 +00:00
< / td >
2018-08-24 19:00:03 +00:00
2019-04-22 19:17:09 +00:00
< td >
< button class = "button light square large jogbtn" id = "yM" >
2018-08-24 19:00:03 +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 >
2019-04-22 19:17:09 +00:00
< / td >
2018-08-24 19:00:03 +00:00
2019-04-22 19:17:09 +00:00
< td >
< button class = "button light square large jogbtn" id = "xP" >
2018-08-24 19:00:03 +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 >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< button class = "button light square large jogbtn" id = "zM" >
2018-08-24 19:00:03 +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 >
2019-04-22 19:17:09 +00:00
< / td >
< / tr >
< tr >
< td >
< button class = "button light jogbtn" id = "dist01" style = "width: 100%; height: 30px; line-height: 28px;" >
2018-08-24 19:00:03 +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 >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< button class = "button light jogbtn" id = "dist1" style = "width: 100%; height: 30px; line-height: 28px;" >
2018-08-24 19:00:03 +00:00
< span class = " fa-layers fa-fw" >
< 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 >
< / span >
< / button >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< button class = "button light jogbtn" id = "dist10" style = "width: 100%; height: 30px; line-height: 28px;" >
2018-08-24 19:00:03 +00:00
< span class = " fa-layers fa-fw" >
2019-04-22 19:17:09 +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-08-24 19:00:03 +00:00
< / span >
< / button >
2019-04-22 19:17:09 +00:00
< / td >
< td >
< button class = "button light jogbtn" id = "dist100" style = "width: 100%; height: 30px; line-height: 28px;" >
2018-08-24 19:00:03 +00:00
< span class = " fa-layers fa-fw" >
< 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 >
< / span >
< / button >
2019-04-22 19:17:09 +00:00
< / td >
< / tr >
< tr >
< td colspan = "4" >
< div style = "margin: 2px;" >
2019-05-31 17:05:00 +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 >
2019-04-22 19:17:09 +00:00
< / div >
< / td >
< / tr >
< / table >
< / center >
2018-08-24 19:00:03 +00:00
< / div >
2019-04-22 19:17:09 +00:00
< / div >
2018-08-24 19:00:03 +00:00
< div class = "fixed-bottom" >
< div class = "row" >
< div class = "cell-3 p-1" >
< div >
2019-04-22 19:17:09 +00:00
< span class = "badge inline bg-openbuilds fg-white" style = "width: 100%; font-size: 0.5em;" >
2018-08-24 19:00:03 +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" >
< i id = "navbell" class = "fas fa-bell fg-red" style = "display: none;" > < / i >
< i class = "far fa-bell" > < / i >
< / span >
< / span >
< / div >
< / div >
< div class = "cell-3 p-1" >
< div >
2019-04-22 19:17:09 +00:00
< span class = "badge inline bg-openbuilds fg-white" id = "connectStatus" style = "width: 100%; font-size: 0.5em;" > Not Connected< / span >
2018-08-24 19:00:03 +00:00
< / div >
< / div >
< div class = "cell-3 p-1" >
< div >
2019-04-22 19:17:09 +00:00
< span class = "badge inline bg-openbuilds fg-white" id = "runStatus" style = "width: 100%; font-size: 0.5em;" > Not Connected< / span >
2018-08-24 19:00:03 +00:00
< / div >
< / div >
< div class = "cell-3 p-1" >
< div >
2019-04-22 19:17:09 +00:00
< span class = "badge inline bg-openbuilds fg-white" id = "gcodesent" style = "width: 100%; font-size: 0.5em;" > Job Queue: 0< / span >
2018-08-24 19:00:03 +00:00
< / div >
< / div >
< / div >
< div class = "row" >
< div class = "cell-12" >
< div data-role = "progress" id = "progressbar" data-value = "0" > < / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< / body >
< script type = "text/javascript" src = "../lib/fontawesome5/js/all.min.js" > < / script >
< script type = "text/javascript" src = "../lib/jquery/jquery.min.js" > < / script >
< script type = "text/javascript" src = "../lib/jquery/jquery-ui.js" > < / script >
< script type = "text/javascript" src = "../lib/jquery/jquery-input-history.min.js" > < / script >
< script type = "text/javascript" src = "../lib/svgjs/svg.min.js" > < / script >
< script type = "text/javascript" src = "../lib/jquery/jquery-swipe.js" > < / script >
<!-- <script type="text/javascript" src="lib/ace/src - noconflict/ace.js"></script> -->
< script type = "text/javascript" src = "../lib/metro4/js/metro.min.js" > < / script >
< script type = "text/javascript" src = "../lib/lodash.core.js" > < / script >
< script type = "text/javascript" src = "/socket.io/socket.io.js" > < / script >
< script type = "text/javascript" src = "../js/main.js" > < / script >
<!-- <script type="text/javascript" src="js/updates.js"></script> -->
< script type = "text/javascript" src = "../js/ui.js" > < / script >
< 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-22 14:52:10 +00:00
< script type = "text/javascript" src = "../js/probe.js" > < / script >
2018-08-24 19:00:03 +00:00
<!-- <script type="text/javascript" src="js/calibrate.js"></script> -->
< script type = "text/javascript" src = "../js/mobilejog.js" > < / script >
< / html >
