1734 lines
74 KiB
HTML
1734 lines
74 KiB
HTML
<!DOCTYPE html>
|
|
<!-- Duet Web Control v1.11
|
|
|
|
written by Christian Hammacher
|
|
|
|
licensed under the terms of the GPL v2
|
|
see http://www.gnu.org/licenses/gpl-2.0.html
|
|
-->
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width">
|
|
<meta name="description" content="Web Interface for Duet Electronics (+ Extension)">
|
|
<meta name="author" content="Christian Hammacher">
|
|
|
|
<title id="title">Duet Web Control</title>
|
|
|
|
<!-- Favicon -->
|
|
<link rel="shortcut icon" href="favicon.ico">
|
|
<!-- CSS -->
|
|
<link href="css/animate.css" rel="stylesheet">
|
|
<link href="css/bootstrap.min.css" rel="stylesheet">
|
|
<link href="css/bootstrap-theme.min.css" rel="stylesheet">
|
|
<link href="css/bootstrap-slider.min.css" rel="stylesheet">
|
|
<link href="css/defaults.css" rel="stylesheet">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Navigation Bar -->
|
|
<nav class="navbar navbar-default">
|
|
<div class="container-fluid">
|
|
<!-- Grouping for better mobile display -->
|
|
<div class="navbar-header collapsed">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#mobile-navbar">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<div class="btn-group navbar-checkbox visible-xs" data-toggle="buttons">
|
|
<button class="btn btn-default btn-hide-info active">
|
|
<span class="glyphicon glyphicon-dashboard"></span>
|
|
</button>
|
|
</div>
|
|
<span class="label label-default label-status pull-right navbar-label visible-xs">Disconnected</span>
|
|
|
|
<a class="navbar-brand visible-xs">
|
|
<span class="machine-name">Duet Web Control</span>
|
|
<abbr title="Some axes are not homed" class="hidden home-warning"><span class="glyphicon glyphicon-alert"></span></abbr>
|
|
</a>
|
|
</div>
|
|
|
|
<!-- Regular navbar entries -->
|
|
<div class="collapse navbar-collapse">
|
|
<button type="button" class="btn btn-connect btn-info navbar-btn navbar-left"><span class="glyphicon glyphicon-log-in"></span> <span>Connect</span></button>
|
|
<div class="btn-group navbar-checkbox navbar-left hidden-md hidden-lg" data-toggle="buttons">
|
|
<button class="btn btn-default btn-hide-info active">
|
|
<span class="glyphicon glyphicon-dashboard"></span>
|
|
</button>
|
|
</div>
|
|
|
|
<form class="navbar-form padding-small navbar-left hidden-sm gcode-input">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Send G-Code..." disabled>
|
|
<div class="input-group-btn div-gcodes">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-gcodes disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-gcodes" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="btn btn-default disabled" title="Send G-Code from input"><span class="glyphicon glyphicon-send"></span> Send</button>
|
|
</form>
|
|
|
|
<button type="button" class="btn btn-default btn-upload navbar-btn padding-small navbar-left hidden-xs hidden-sm disabled" title="Upload & Print one or more G-Code files (drag&drop is supported as well)" data-type="print" data-style="btn-default"><span class="glyphicon glyphicon-cloud-upload"></span> Upload & Print</button>
|
|
|
|
<button type="button" class="btn btn-danger btn-emergency-stop navbar-btn navbar-right disabled" title="Enforces an immediate software reset (M112+M999)">Emergency STOP</button>
|
|
<span class="label label-default label-status navbar-label navbar-right">Disconnected</span>
|
|
|
|
<ul class="nav nav-justified hidden-xs">
|
|
<li>
|
|
<a href="#" class="navbar-brand">
|
|
<span class="machine-name">Duet Web Control</span>
|
|
<abbr title="Some axes are not homed" class="hidden home-warning small"><span class="glyphicon glyphicon-alert"></span></abbr>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Collapsed navbar entries for mobile devices -->
|
|
<div class="nav collapse" id="mobile-navbar">
|
|
<form class="gcode-input">
|
|
<table class="table navbar-table">
|
|
<tr>
|
|
<td>
|
|
<button type="button" class="btn btn-connect btn-info"><span class="glyphicon glyphicon-log-in"></span> <span>Connect</span></button>
|
|
</td>
|
|
<td>
|
|
<button type="button" class="btn btn-danger btn-emergency-stop pull-right disabled" title="Enforces an immediate software reset (M112+M999)">Emergency STOP</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Send G-Code...">
|
|
<div class="input-group-btn div-gcodes">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-gcodes disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-gcodes" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<button type="submit" class="btn btn-default btn-mobile-send disabled"><span class="glyphicon glyphicon-send"></span> Send</button>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2">
|
|
<ul class="nav nav-pills">
|
|
<li role="presentation" class="navitem navitem-control active"><a class="navlink" href="#" data-target="control"><span class="glyphicon glyphicon-home"></span> Control</a></li>
|
|
<li role="presentation" class="navitem navitem-print"><a class="navlink" href="#" data-target="print"><span class="glyphicon glyphicon-print"></span> Print Job</a></li>
|
|
<li role="presentation" class="navitem navitem-console"><a class="navlink" href="#" data-target="console"><span class="glyphicon glyphicon-console"></span> Console</a></li>
|
|
<li role="presentation" class="navitem navitem-files"><a class="navlink" href="#" data-target="files"><span class="glyphicon glyphicon-hdd"></span> Files <span class="glyphicon glyphicon-refresh span-refresh-files hidden"></span></a></li>
|
|
<li role="presentation" class="navitem navitem-macros"><a class="navlink" href="#" data-target="macros"><span class="glyphicon glyphicon-link"></span> Macros <span class="glyphicon glyphicon-refresh span-refresh-macros hidden"></span></a></li>
|
|
<li role="presentation" class="navitem navitem-settings"><a class="navlink" href="#" data-target="settings"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
|
|
<li role="presentation" class="navitem navitem-help hidden"><a class="navlink" href="#" data-target="help"><span class="glyphicon glyphicon-question-sign"></span> Help</a></li>
|
|
</ul>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Main Content -->
|
|
<div class="container-fluid">
|
|
<!-- Info Panels -->
|
|
<div class="row" id="row_info">
|
|
<!-- Heater Temperatures -->
|
|
<div class="col-xs-12 col-sm-5 col-md-5 col-lg-4" id="div_heaters">
|
|
<div class="panel panel-info panel-status">
|
|
<div class="panel-heading">
|
|
<span>Heater Temperatures</span>
|
|
<div class="dropdown pull-right" id="control_all">
|
|
<a href="#" class="dropdown-toggle" data-toggle="dropdown" data-target="control_all">Control All <span class="caret"></span></a>
|
|
<ul class="dropdown-menu" id="ul_control_dropdown">
|
|
<li>
|
|
<a href="#" id="a_heaters_off"><span class="glyphicon glyphicon-off"></span> Turn everything off</a>
|
|
</li>
|
|
<li>
|
|
<label for="input_temp_all_active">Active:</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_all_active" disabled="">
|
|
<div class="input-group-btn div-head-temp dropdown">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-active-temp" data-toggle="dropdown"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-active-temp" role="menu"></ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<label for="input_temp_all_standby">Standby:</label>
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_all_standby" disabled="">
|
|
<div class="input-group-btn div-head-temp dropdown">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-standby-temp" data-toggle="dropdown"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-standby-temp" role="menu"></ul>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<table class="table table-bordered table-condensed table-centered-cells" id="table_heaters">
|
|
<tr>
|
|
<th></th>
|
|
<th>Current</th>
|
|
<th>Active</th>
|
|
<th>Standby</th>
|
|
</tr>
|
|
|
|
<tr id="tr_head_1">
|
|
<th>
|
|
<a href="#">Heater 1<span class="caret hidden"></span></a>
|
|
<span class="text-muted"></span>
|
|
</th>
|
|
<td>n/a</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h1_active" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-active-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-active-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h1_standby" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-standby-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-standby-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="tr_head_2">
|
|
<th>
|
|
<a href="#">Heater 2<span class="caret hidden"></span></a>
|
|
<span class="text-muted"></span>
|
|
</th>
|
|
<td>n/a</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h2_active" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-active-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-active-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h2_standby" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-standby-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-standby-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="tr_head_3" class="hidden">
|
|
<th>
|
|
<a href="#">Heater 3<span class="caret hidden"></span></a>
|
|
<span class="text-muted"></span>
|
|
</th>
|
|
<td>n/a</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h3_active" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-active-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-active-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h3_standby" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-standby-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-standby-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="tr_head_4" class="hidden">
|
|
<th>
|
|
<a href="#">Heater 4<span class="caret hidden"></span></a>
|
|
<span class="text-muted"></span>
|
|
</th>
|
|
<td>n/a</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h4_active" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-active-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-active-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h4_standby" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-standby-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-standby-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="tr_head_5" class="hidden">
|
|
<th>
|
|
<a href="#">Heater 5<span class="caret hidden"></span></a>
|
|
<span class="text-muted"></span>
|
|
</th>
|
|
<td>n/a</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h5_active" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-active-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-active-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h5_standby" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-standby-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-standby-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="tr_head_6" class="hidden">
|
|
<th>
|
|
<a href="#">Heater 6<span class="caret hidden"></span></a>
|
|
<span class="text-muted"></span>
|
|
</th>
|
|
<td>n/a</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h6_active" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-active-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-active-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td class="input-td">
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_h6_standby" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-standby-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-standby-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<tr id="tr_bed">
|
|
<th>
|
|
<a href="#">Bed</a>
|
|
<span class="text-muted"></span>
|
|
</th>
|
|
<td>n/a</td>
|
|
<td>
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_bed" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-bed-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-bed-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
|
|
<tr id="tr_chamber" class="hidden">
|
|
<th>
|
|
Chamber
|
|
<span class="text-muted"></span>
|
|
</th>
|
|
<td>n/a</td>
|
|
<td>
|
|
<div class="input-group input-group-sm">
|
|
<input type="number" class="form-control" value="0" id="input_temp_chamber" disabled>
|
|
<div class="input-group-btn div-head-temp">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-bed-temp disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-bed-temp" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
<td></td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Temperature Chart -->
|
|
<div class="hidden-xs hidden-sm col-md-3 col-lg-3" id="div_temp_chart">
|
|
<div class="panel panel-info panel-status">
|
|
<div class="panel-heading">
|
|
<span>Temperature Chart</span>
|
|
</div>
|
|
|
|
<div class="panel-body panel-chart">
|
|
<div id="chart_temp" title="Time vs. Temperature">
|
|
<!-- See JS -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Machine Status -->
|
|
<div class="col-xs-12 col-sm-7 col-md-4 col-lg-5" id="div_status">
|
|
<div class="panel panel-info panel-status">
|
|
<div class="panel-heading">
|
|
<span>Machine Status</span>
|
|
</div>
|
|
|
|
<table class="table table-bordered table-condensed table-centered-cells table-status">
|
|
<tr>
|
|
<th rowspan="2" class="th-status">Head Position</th>
|
|
<th>X</th>
|
|
<th>Y</th>
|
|
<th>Z</th>
|
|
</tr>
|
|
<tr>
|
|
<td id="td_x">n/a</td>
|
|
<td id="td_y">n/a</td>
|
|
<td id="td_z">n/a</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="table table-bordered table-condensed table-centered-cells table-status">
|
|
<tr>
|
|
<th rowspan="2" class="th-status">
|
|
<div class="dropdown" id="extr_dropdown">
|
|
<a href="#" id="extruder_drives" class="dropdown-toggle disabled" data-toggle="dropdown" data-target="#extr_dropdown">Extruder Drives <span class="caret"></span></a>
|
|
<ul class="dropdown-menu" id="ul_extruder_dropdown"></ul>
|
|
</div>
|
|
</th>
|
|
<th class="hidden"><!-- only for HTML validation --></th>
|
|
<th class="hidden-md extr-1">D1</th>
|
|
<th class="hidden-md extr-2">D2</th>
|
|
<th class="hidden-md hidden extr-3">D3</th>
|
|
<th class="hidden-md hidden extr-4">D4</th>
|
|
<th class="hidden-md hidden extr-5">D5</th>
|
|
<th class="hidden-md hidden extr-6">D6</th>
|
|
</tr>
|
|
<tr>
|
|
<td id="td_extr_total" class="hidden-xs hidden-sm hidden-lg">n/a</td>
|
|
<td id="td_extr_1" class="hidden-md extr-1">n/a</td>
|
|
<td id="td_extr_2" class="hidden-md extr-2">n/a</td>
|
|
<td id="td_extr_3" class="hidden-md hidden extr-3">n/a</td>
|
|
<td id="td_extr_4" class="hidden-md hidden extr-4">n/a</td>
|
|
<td id="td_extr_5" class="hidden-md hidden extr-5">n/a</td>
|
|
<td id="td_extr_6" class="hidden-md hidden extr-6">n/a</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<table class="table table-bordered table-condensed table-centered-cells table-status">
|
|
<tr>
|
|
<th rowspan="2" class="th-status">Sensors</th>
|
|
<th class="cpu-temp hidden">CPU Temp.</th>
|
|
<th>Z-Probe</th>
|
|
<th class="fan-rpm hidden">Fan RPM</th>
|
|
</tr>
|
|
<tr>
|
|
<td id="td_cputemp" class="cpu-temp hidden" title="Current CPU temperature">n/a</td>
|
|
<td id="td_probe" title="Current Z-Probe reading on a scale between 0 and 1024">n/a</td>
|
|
<td id="td_fanrpm" class="fan-rpm hidden" title="Current Fan RPM (needs a 4-pin PWM fan and proper wiring)">n/a</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<div class="row">
|
|
<!-- Sidebar -->
|
|
<div class="col-sm-3 col-md-2 col-lg-2 sidebar">
|
|
<ul class="nav nav-sidebar">
|
|
<li class="navitem navitem-control active"><a class="navlink" href="#" data-target="control"><span class="glyphicon glyphicon-home"></span> Machine Control</a></li>
|
|
<li class="navitem navitem-print"><a class="navlink" href="#" data-target="print"><span class="glyphicon glyphicon-print"></span> Print Status</a></li>
|
|
</ul>
|
|
<ul class="nav nav-sidebar">
|
|
<li class="navitem navitem-console"><a class="navlink" href="#" data-target="console"><span class="glyphicon glyphicon-console"></span> G-Code Console</a></li>
|
|
<li class="navitem navitem-files"><a class="navlink" href="#" data-target="files"><span class="glyphicon glyphicon-hdd"></span> G-Code Files <span class="glyphicon glyphicon-refresh span-refresh-files hidden"></span></a></li>
|
|
<li class="navitem navitem-macros"><a class="navlink" href="#" data-target="macros"><span class="glyphicon glyphicon-link"></span> Macros <span class="glyphicon glyphicon-refresh span-refresh-macros hidden"></span></a></li>
|
|
</ul>
|
|
<ul class="nav nav-sidebar">
|
|
<li class="navitem navitem-settings"><a class="navlink" href="#" data-target="settings"><span class="glyphicon glyphicon-cog"></span> Settings</a></li>
|
|
<li class="navitem navitem-help hidden"><a class="navlink" href="#" data-target="help"><span class="glyphicon glyphicon-question-sign"></span> Help</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Page Contents -->
|
|
<div class="col-xs-12 col-sm-9 col-md-10 col-lg-10" id="main_content">
|
|
<!-- Control Page -->
|
|
<div id="page_control" class="page active">
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-9">
|
|
<div class="panel panel-default" id="panel_head_movement">
|
|
<div class="panel-heading">
|
|
<button data-home="all" class="pull-left btn btn-primary btn-xs visible-lg disabled" id="btn_homeall" title="Home all axes (G28)">Home All</button>
|
|
<span>Head Movement</span>
|
|
<button data-gcode="G32" class="pull-right btn btn-primary btn-xs gcode visible-lg disabled" id="btn_bed_compensation" title="Perform automatic bed compensation / calibration (G32)">Auto Bed Compensation</button>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<div class="hidden-lg btn-group btn-group-justified" id="mobile_home_buttons">
|
|
<div class="btn-group" role="group"><button data-home="all" class="btn btn-primary disabled">Home All</button></div>
|
|
<div class="btn-group home-buttons" role="group"><button data-home="X" class="btn btn-primary btn-home-x disabled">Home X</button></div>
|
|
<div class="btn-group home-buttons" role="group"><button data-home="Y" class="btn btn-primary btn-home-y disabled">Home Y</button></div>
|
|
<div class="btn-group home-buttons" role="group"><button data-home="Z" class="btn btn-primary btn-home-z disabled">Home Z</button></div>
|
|
</div>
|
|
<table id="table_move_head">
|
|
<tr>
|
|
<td class="home-buttons visible-lg">
|
|
<div class="btn-group" role="group">
|
|
<a href="#" role="button" class="btn btn-primary btn-home-x disabled" title="Home X axis (G28 X)" data-home="X">Home X</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="btn-group btn-group-justified" role="group">
|
|
<a href="#" role="button" data-x="-100" class="btn btn-default visible-lg disabled"><span class="glyphicon glyphicon-chevron-left"></span> X-100</a>
|
|
<a href="#" role="button" data-x="-10" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> X-10</a>
|
|
<a href="#" role="button" data-x="-1" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> X-1</a>
|
|
<a href="#" role="button" data-x="-0.1" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> X-0.1</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="btn-group btn-group-justified" role="group">
|
|
<a href="#" role="button" data-x="0.1" class="btn btn-default disabled">X+0.1 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-x="1" class="btn btn-default disabled">X+1 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-x="10" class="btn btn-default disabled">X+10 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-x="100" class="btn btn-default visible-lg disabled">X+100 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="home-buttons visible-lg">
|
|
<div class="btn-group" role="group">
|
|
<a role="button" class="btn btn-primary btn-home-y disabled" title="Home Y axis (G28 Y)" data-home="Y">Home Y</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="btn-group btn-group-justified" role="group">
|
|
<a role="button" data-y="-100" class="btn btn-default visible-lg disabled"><span class="glyphicon glyphicon-chevron-left"></span> Y-100</a>
|
|
<a role="button" data-y="-10" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> Y-10</a>
|
|
<a role="button" data-y="-1" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> Y-1</a>
|
|
<a role="button" data-y="-0.1" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> Y-0.1</a>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<div class="btn-group btn-group-justified" role="group">
|
|
<a href="#" role="button" data-y="0.1" class="btn btn-default disabled">Y+0.1 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-y="1" class="btn btn-default disabled">Y+1 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-y="10" class="btn btn-default disabled">Y+10 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-y="100" class="btn btn-default visible-lg disabled">Y+100 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="home-buttons visible-lg">
|
|
<div class="btn-group" role="group">
|
|
<a role="button" class="btn btn-primary btn-home-z disabled" title="Home Z axis (G28 Z)" data-home="Z">Home Z</a>
|
|
</div>
|
|
</td>
|
|
<td id="td_decrease_z">
|
|
<div class="btn-group btn-group-justified" role="group">
|
|
<a role="button" data-z="-100" class="btn btn-default visible-lg disabled"><span class="glyphicon glyphicon-chevron-left"></span> Z-100</a>
|
|
<a role="button" data-z="-10" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> Z-10</a>
|
|
<a role="button" data-z="-1" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> Z-1</a>
|
|
<a role="button" data-z="-0.1" class="btn btn-default disabled"><span class="glyphicon glyphicon-chevron-left"></span> Z-0.1</a>
|
|
</div>
|
|
</td>
|
|
<td id="td_increase_z">
|
|
<div class="btn-group btn-group-justified" role="group">
|
|
<a href="#" role="button" data-z="0.1" class="btn btn-default disabled">Z+0.1 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-z="1" class="btn btn-default disabled">Z+1 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-z="10" class="btn btn-default disabled">Z+10 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
<a href="#" role="button" data-z="100" class="btn btn-default visible-lg disabled">Z+100 <span class="glyphicon glyphicon-chevron-right"></span></a>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="alert alert-warning hidden home-warning">
|
|
<span class="glyphicon glyphicon-warning-sign"></span>
|
|
<span id="unhomed_warning">The following axes are not homed: <strong id="unhomed_axes">X, Y, Z</strong></span>
|
|
</div>
|
|
|
|
<div class="panel panel-default" id="panel_extrude">
|
|
<div class="panel-heading">
|
|
<span>Extruder Control</span>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<div class="col-xs-5 no-horizontal-padding">
|
|
<label>Feed amount in mm:</label>
|
|
<div class="btn-group btn-group-justified" data-toggle="buttons">
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feed" value="100"> 100
|
|
</label>
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feed" value="50"> 50
|
|
</label>
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feed" value="20"> 20
|
|
</label>
|
|
<label class="btn btn-primary disabled active">
|
|
<input type="radio" name="feed" value="10" checked> 10
|
|
</label>
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feed" value="5"> 5
|
|
</label>
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feed" value="1"> 1
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-5">
|
|
<label>Feedrate in mm/sec:</label>
|
|
<div class="btn-group btn-group-justified" data-toggle="buttons">
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feedrate" value="60"> 60
|
|
</label>
|
|
<label class="btn btn-primary disabled active">
|
|
<input type="radio" name="feedrate" value="40" checked> 40
|
|
</label>
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feedrate" value="20"> 20
|
|
</label>
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feedrate" value="10"> 10
|
|
</label>
|
|
<label class="btn btn-default disabled">
|
|
<input type="radio" name="feedrate" value="5"> 5
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-2 no-horizontal-padding">
|
|
<div class="btn-group-vertical btn-group-vertical-justified">
|
|
<div class="btn-group">
|
|
<button class="btn btn-sm btn-default btn-retract disabled" id="btn_retract" title="Retract a specific amount of filament at a given feedrate (G1 E-xxx Fyyy)"><span class="glyphicon glyphicon-arrow-up"></span> Retract</button>
|
|
</div>
|
|
<div class="btn-group">
|
|
<button class="btn btn-sm btn-primary btn-extrude disabled" id="btn_extrude" title="Extrude a specific amount of filament at a given feedrate (G1 Exxx Fyyy)"><span class="glyphicon glyphicon-arrow-down"></span> Extrude</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3 col-right">
|
|
<div class="panel panel-default" id="panel_macro_buttons">
|
|
<div class="panel-heading">
|
|
<span>User-Defined Macros</span>
|
|
</div>
|
|
|
|
<div class="panel-body text-center">
|
|
<h4 class="text-muted">Go to the Macros page to define your own actions</h4>
|
|
<div class="btn-group-vertical btn-group-vertical-justified"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-sm-6 col-md-4 col-lg-3 col-right">
|
|
<div class="panel panel-default" id="panel_control_misc">
|
|
<div class="panel-heading">
|
|
<span>Miscellaneous</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table-description">
|
|
<tr class="atx-control">
|
|
<td>ATX Power:</td>
|
|
<td>
|
|
<div class="btn-group btn-group-justified" data-toggle="buttons">
|
|
<div class="btn-group">
|
|
<label class="btn btn-success disabled" title="Turn on ATX power (M80)">
|
|
<input type="radio" name="atxPower" value="1">On
|
|
</label>
|
|
</div>
|
|
<div class="btn-group">
|
|
<label class="btn btn-danger active disabled" title="Turn off ATX power (M81)">
|
|
<input type="radio" name="atxPower" value="0" checked>Off
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr class="fan-control">
|
|
<td>Fan Control:</td>
|
|
<td>
|
|
<input id="slider_fan_control" type="text" title="Set current fan value (via M106)"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Print Status -->
|
|
<div id="page_print" class="page">
|
|
<div class="row row-progress hidden">
|
|
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-5">
|
|
<span id="span_progress_left"></span>
|
|
</div>
|
|
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-7">
|
|
<span id="span_progress_right"></span>
|
|
</div>
|
|
</div>
|
|
<div class="row row-progress hidden">
|
|
<div class="col-md-12">
|
|
<div class="progress">
|
|
<div class="progress-bar progress-bar-striped" id="progress" role="progressbar"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-xs-12 col-sm-12 col-md-6 col-md-push-3 col-lg-7 col-lg-push-2">
|
|
<div id="panel_webcam" class="panel panel-default hidden">
|
|
<div class="panel-heading">
|
|
<a id="a_webcam" href="#">Webcam Surveillance</a>
|
|
<span id="span_webcam" class="glyphicon glyphicon-menu-down"></span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<img src="about:blank" id="img_webcam" alt="(image not available)">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Layer Statistics</span>
|
|
</div>
|
|
<div class="panel-body panel-chart">
|
|
<div id="chart_print">
|
|
<!-- See JS-->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="panel_print_info" class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Collected Data</span>
|
|
</div>
|
|
|
|
<table class="table table-bordered table-condensed">
|
|
<tr>
|
|
<th>Warm-Up Time</th>
|
|
<th>Current Layer Time</th>
|
|
<th>Last Layer Time</th>
|
|
<th>Print Duration</th>
|
|
</tr>
|
|
<tr>
|
|
<td id="td_warmup_time">n/a</td>
|
|
<td id="td_layertime">n/a</td>
|
|
<td id="td_last_layertime">n/a</td>
|
|
<td id="td_print_duration">n/a</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Estimations</span>
|
|
</div>
|
|
|
|
<table class="table table-bordered table-condensed" id="table_estimations">
|
|
<tr>
|
|
<th>Based on</th>
|
|
<th>Filament Usage</th>
|
|
<th>File Progress</th>
|
|
<th>Layer Time</th>
|
|
</tr>
|
|
<tr>
|
|
<th>Time Left</th>
|
|
<td id="tl_filament">n/a</td>
|
|
<td id="tl_file">n/a</td>
|
|
<td id="tl_layer">n/a</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Est. End Time</th>
|
|
<td id="et_filament">n/a</td>
|
|
<td id="et_file">n/a</td>
|
|
<td id="et_layer">n/a</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-sm-6 col-md-3 col-md-pull-6 col-lg-2 col-lg-pull-7 col-left">
|
|
<div class="panel panel-default" id="panel_print_control">
|
|
<div class="panel-heading">
|
|
<span>Print Control</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="btn-group-justified">
|
|
<div class="btn-group">
|
|
<button class="btn btn-warning disabled" id="btn_pause" title="Pause current print (M25)">Pause Print</button>
|
|
</div>
|
|
<div class="btn-group hidden">
|
|
<button class="btn btn-danger" id="btn_cancel" title="Cancel paused print (M0)">Cancel</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="checkbox fan-control disabled">
|
|
<label title="Enforce a predefined fan value">
|
|
<input type="checkbox" id="override_fan" disabled/> Override Fan Value
|
|
</label>
|
|
</div>
|
|
|
|
<div class="fan-control">
|
|
<input id="slider_fan_print" type="text" title="Set current fan value (via M106)" disabled/>
|
|
</div>
|
|
|
|
<div class="checkbox disabled">
|
|
<label title="Run M1 when the print has finished">
|
|
<input type="checkbox" id="auto_sleep" disabled/> Enable Auto-Sleep
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>File Information</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<dl>
|
|
<dt>Size:</dt>
|
|
<dd id="dd_size">n/a</dd>
|
|
<dt>Object Height:</dt>
|
|
<dd id="dd_height">n/a</dd>
|
|
<dt>Layer Height:</dt>
|
|
<dd id="dd_layer_height">n/a</dd>
|
|
<dt>Filament Usage:</dt>
|
|
<dd id="dd_filament">n/a</dd>
|
|
<dt>Generated by:</dt>
|
|
<dd id="dd_generatedby">n/a</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 col-right">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Speed Factor</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<input id="slider_speed" type="text" title="Set speed factor (via M220)"/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-3 col-right">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Extrusion Factors</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table-description">
|
|
<tr class="extr-1">
|
|
<td>Extruder 1:</td>
|
|
<td>
|
|
<input id="slider_extr_1" type="text" title="Set extrude factor override (via M221)" data-drive="0"/>
|
|
</td>
|
|
</tr>
|
|
<tr class="extr-2">
|
|
<td>Extruder 2:</td>
|
|
<td>
|
|
<input id="slider_extr_2" type="text" title="Set extrude factor override (via M221)" data-drive="1"/>
|
|
</td>
|
|
</tr>
|
|
<tr class="extr-3">
|
|
<td>Extruder 3:</td>
|
|
<td>
|
|
<input id="slider_extr_3" type="text" title="Set extrude factor override (via M221)" data-drive="2"/>
|
|
</td>
|
|
</tr>
|
|
<tr class="extr-4">
|
|
<td>Extruder 4:</td>
|
|
<td>
|
|
<input id="slider_extr_4" type="text" title="Set extrude factor override (via M221)" data-drive="3"/>
|
|
</td>
|
|
</tr>
|
|
<tr class="extr-5">
|
|
<td>Extruder 5:</td>
|
|
<td>
|
|
<input id="slider_extr_5" type="text" title="Set extrude factor override (via M221)" data-drive="4"/>
|
|
</td>
|
|
</tr>
|
|
<tr class="extr-6">
|
|
<td>Extruder 5:</td>
|
|
<td>
|
|
<input id="slider_extr_6" type="text" title="Set extrude factor override (via M221)" data-drive="5"/>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- G-Code Console -->
|
|
<div id="page_console" class="page">
|
|
<div class="row">
|
|
<form class="gcode-input">
|
|
<div class="col-xs-7 col-sm-7 col-md-8 col-lg-9">
|
|
<div class="input-group">
|
|
<input type="text" class="form-control" placeholder="Send G-Code..." disabled>
|
|
<div class="input-group-btn div-gcodes">
|
|
<button type="button" class="btn btn-default dropdown-toggle btn-gcodes disabled" data-toggle="dropdown" aria-expanded="false"><span class="caret"></span></button>
|
|
<ul class="dropdown-menu dropdown-menu-right ul-gcodes" role="menu">
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-1">
|
|
<div class="btn-group btn-group-justified">
|
|
<div class="btn-group">
|
|
<button type="submit" class="btn btn-primary disabled" title="Send G-Code from input"><span class="glyphicon glyphicon-send"></span> Send</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-3 col-sm-3 col-md-2 col-lg-2">
|
|
<div class="btn-group btn-group-justified">
|
|
<div class="btn-group">
|
|
<button class="btn btn-default" id="btn_clear_log" title="Clear G-Code Console"><span class="glyphicon glyphicon-trash"></span> Clear Log</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<div class="container-fluid" id="console_log">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- G-Code Files -->
|
|
<div id="page_files" class="page">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<table class="table-file-navigation">
|
|
<tr>
|
|
<td>
|
|
<ol class="breadcrumb breadcrumb-directory" id="ol_gcode_directory">
|
|
<li class="active"><span class="glyphicon glyphicon-folder-open"></span> G-Codes Directory</li>
|
|
<li class="pull-right"><span class="glyphicon glyphicon-level-up"></span> Go Up</li>
|
|
</ol>
|
|
</td>
|
|
<td class="hidden-xs hidden-sm hidden online-control">
|
|
<button class="btn btn-primary btn-upload disabled" title="Upload one or more G-Code files (drag&drop is supported as well)" data-type="gcode" data-style="btn-primary"><span class="glyphicon glyphicon-cloud-upload"></span> Upload G-Code File(s)</button>
|
|
</td>
|
|
<td class="hidden-xs hidden online-control">
|
|
<button class="btn btn-info" id="btn_new_gcode_directory" title="Create a new directory"><span class="glyphicon glyphicon-folder-open"></span> Make new Directory</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h1 class="text-center text-muted">Connect to your Duet to display G-Code files</h1>
|
|
|
|
<table class="table table-bordered table-files table-hover table-striped hidden" id="table_gcode_files">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2"></th>
|
|
<th class="hidden"><!-- only for HTML validation --></th>
|
|
<th>File Name</th>
|
|
<th class="hidden-xs">Size</th>
|
|
<th>Object Height</th>
|
|
<th>Layer Height</th>
|
|
<th class="hidden-xs">Filament Usage</th>
|
|
<th class="hidden-xs hidden-sm">Generated by</th>
|
|
</tr>
|
|
</thead>
|
|
<!-- ignore other validation error; this is filled up during runtime -->
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Macro Files -->
|
|
<div id="page_macros" class="page">
|
|
<div class="row">
|
|
<div class="col-md-12">
|
|
<table class="table-file-navigation">
|
|
<tr>
|
|
<td>
|
|
<ol class="breadcrumb breadcrumb-directory" id="ol_macro_directory">
|
|
<li class="active"><span class="glyphicon glyphicon-folder-open"></span> Macros Directory</li>
|
|
<li class="pull-right"><span class="glyphicon glyphicon-level-up"></span> Go Up</li>
|
|
</ol>
|
|
</td>
|
|
<td class="hidden-xs hidden-sm hidden online-control">
|
|
<button class="btn btn-primary btn-upload disabled" title="Upload one or more macro files (drag&drop is supported as well)" data-type="macro" data-style="btn-primary"><span class="glyphicon glyphicon-cloud-upload"></span> Upload Macro File(s)</button>
|
|
</td>
|
|
<td class="hidden-xs hidden online-control">
|
|
<button class="btn btn-info" id="btn_new_macro_directory" title="Create a new directory"><span class="glyphicon glyphicon-folder-open"></span> Make new Directory</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<h1 class="text-center text-muted">Connect to your Duet to display Macro files</h1>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-10 col-sm-push-1 col-md-8 col-md-push-2 col-lg-6 col-lg-push-3">
|
|
<table class="table table-bordered table-files table-hover table-striped hidden" id="table_macro_files">
|
|
<thead>
|
|
<tr>
|
|
<th colspan="2"></th>
|
|
<th class="hidden"><!-- only for HTML validation --></th>
|
|
<th>File Name</th>
|
|
<th>Size</th>
|
|
</tr>
|
|
</thead>
|
|
<!-- ignore other validation error; this is filled up during runtime -->
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Settings -->
|
|
<div id="page_settings" class="page">
|
|
<form id="frm_settings">
|
|
<!-- Page Selector (Desktop) -->
|
|
<ul class="nav nav-tabs hidden-xs hidden-sm">
|
|
<li class="active"><a href="#page_general" data-toggle="tab">General</a></li>
|
|
<li><a href="#page_listitems" data-toggle="tab">List Items</a></li>
|
|
<li><a href="#page_config" data-toggle="tab">Configuration File</a></li>
|
|
<li><a href="#page_machine" data-toggle="tab">Machine Properties</a></li>
|
|
<li><a href="#page_tools" data-toggle="tab">Tools</a></li>
|
|
</ul>
|
|
|
|
<!-- Page Selector (Mobile) -->
|
|
<ul class="nav nav-tabs visible-xs visible-sm">
|
|
<li class="active"><a href="#page_general" data-toggle="tab">General</a></li>
|
|
<li><a href="#page_listitems" data-toggle="tab">List Items</a></li>
|
|
<li><a href="#page_config" data-toggle="tab">Configuration File</a></li>
|
|
<li>
|
|
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">More <span class="caret"></span></a>
|
|
<ul class="dropdown-menu" id="collapsed">
|
|
<li><a href="#page_machine" data-toggle="tab">Machine Properties</a></li>
|
|
<li><a href="#page_tools" data-toggle="tab">Tools</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="tab-content">
|
|
<!-- General Settings -->
|
|
<div class="tab-pane row active" id="page_general">
|
|
<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 col-left">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Software Information</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table id="software_info">
|
|
<tr>
|
|
<th>Firmware Name:</th>
|
|
<td id="firmware_name">n/a</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Firmware Version:</th>
|
|
<td id="firmware_version">n/a</td>
|
|
</tr>
|
|
<tr>
|
|
<th>Web Interface Version:</th>
|
|
<td id="web_version">HTML: 1.11</td>
|
|
</tr>
|
|
</table>
|
|
<span>Web Interface by Christian Hammacher<br/>Licensed under the terms of the <a href="http://www.gnu.org/licenses/gpl-2.0.html" target="blank">GPL v2</a></span>
|
|
<br/>
|
|
<span id="theme_notice" class="hidden">Dark theme kindly provided by Fotomas</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Webcam Integration</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<label for="webcam_url">Optional URL to an external Webcam:</label>
|
|
<input id="webcam_url" class="form-control" type="text" placeholder="(not set)" title="URL must point to an image file">
|
|
|
|
<label for="webcam_interval">Webcam Update Interval:</label>
|
|
<div class="input-group">
|
|
<input type="number" id="webcam_interval" class="form-control" title="Interval at which the webcam image on the Print Status page will be updated">
|
|
<span class="input-group-addon">ms</span>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default hidden-xs hidden-sm">
|
|
<div class="panel-heading">
|
|
<span>File Upload for /sys and /www Directories</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<div class="btn-group-justified">
|
|
<div class="btn-group">
|
|
<button class="btn btn-lg btn-info btn-upload disabled" title="Upload one or more files to the /sys or /www directory (drag&drop is supported as well)" data-type="generic" data-style="btn-info"><span class="glyphicon glyphicon-cloud-upload"></span> Upload File(s)</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Appearance and Behavior</span>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<div class="checkbox">
|
|
<label title="Connect automatically to the Duet once the web interface is ready">
|
|
<input type="checkbox" id="auto_connect" /> Connect automatically
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label title="Use half Z movements for more accurate Z positioning">
|
|
<input type="checkbox" id="half_z" /> Half Z Movements
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label title="Display file sizes with a base of 1024 instead of 1000">
|
|
<input type="checkbox" id="use_kib" /> Display File Sizes with Binary Prefix
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label title="Show fan sliders to utilize M106 effectively">
|
|
<input type="checkbox" id="fan_sliders" checked /> Show Fan Sliders
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label title="Display fan RPM of a 4-pin PWM cooling fan in the sensors area">
|
|
<input type="checkbox" id="fan_rpm_display" checked /> Show Fan RPM in Sensors
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label title="Show a small panel on the Control page to toggle ATX power">
|
|
<input type="checkbox" id="show_atx" checked /> Show ATX Power control
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label title="Confirm emergency stop by displaying a message box">
|
|
<input type="checkbox" id="confirm_stop" /> Confirm Emergency STOP
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label title="Use dark theme by Fotomas">
|
|
<input type="checkbox" id="dark_theme" /> Use dark theme
|
|
</label>
|
|
</div>
|
|
|
|
<label id="label_feedrate" for="move_feedrate">Default Move Button Feedrate:</label>
|
|
<div class="input-group">
|
|
<input type="number" id="move_feedrate" class="form-control" title="Default Feedrate for Head Movement controls" value="6000">
|
|
<span class="input-group-addon">mm/min</span>
|
|
</div>
|
|
|
|
<label id="label_language">Language:</label>
|
|
<div class="dropdown" id="dropdown_language">
|
|
<button class="btn btn-default dropdown-toggle" type="button" id="btn_language" data-language="en" data-toggle="dropdown">
|
|
<span>English</span>
|
|
<span class="caret"></span>
|
|
</button>
|
|
<ul class="dropdown-menu">
|
|
<li><a data-language="en" href="#">English</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>G-Code Handling</span>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<div class="checkbox">
|
|
<label title="Log any successful G-Code in the G-Code Console">
|
|
<input type="checkbox" id="log_success" checked /> Log any successful G-Code
|
|
</label>
|
|
</div>
|
|
<div class="checkbox">
|
|
<label title="Convert every G-Code to Upper-Case before sending them">
|
|
<input type="checkbox" id="uppercase_gcode" checked /> Always Convert G-Codes to Upper-Case
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xs-12 col-sm-6 col-md-4 col-lg-4 col-right">
|
|
<div class="panel panel-default" id="panel_ui_timing">
|
|
<div class="panel-heading">
|
|
<span>UI Timing</span>
|
|
</div>
|
|
|
|
<div class="panel-body">
|
|
<label for="update_interval">Status Update Interval:</label>
|
|
<div class="input-group">
|
|
<input type="number" id="update_interval" class="form-control" title="Interval at which status updates are requested">
|
|
<span class="input-group-addon">ms</span>
|
|
</div>
|
|
|
|
<label for="extended_status_interval">Extended Status Update after every:</label>
|
|
<div class="input-group">
|
|
<input type="number" id="extended_status_interval" class="form-control" title="Extended status updates are requested after each n-th status response">
|
|
<span class="input-group-addon">th response</span>
|
|
</div>
|
|
|
|
<label for="ajax_timeout">AJAX Timeout:</label>
|
|
<div class="input-group">
|
|
<input type="number" id="ajax_timeout" class="form-control" title="Maximum time to wait for an AJAX request">
|
|
<span class="input-group-addon">ms</span>
|
|
</div>
|
|
|
|
<label for="notification_timeout">Default Notification Timeout:</label>
|
|
<div class="input-group">
|
|
<input type="number" id="notification_timeout" class="form-control" title="Time after which default notifications are automatically closed">
|
|
<span class="input-group-addon">ms</span>
|
|
</div>
|
|
|
|
<label for="reconnect_halt_delay">Reconnect Delay on Halt:</label>
|
|
<div class="input-group">
|
|
<input type="number" id="reconnect_halt_delay" class="form-control" title="Time to wait for a reconnect after an emergency stop was reported">
|
|
<span class="input-group-addon">ms</span>
|
|
</div>
|
|
|
|
<label for="reconnect_update_delay">Reconnect Delay on Firmware Update:</label>
|
|
<div class="input-group">
|
|
<input type="number" id="reconnect_update_delay" class="form-control" title="Time to wait for a reconnect when a new firmware is about to be flashed">
|
|
<span class="input-group-addon">ms</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- List Items -->
|
|
<div class="tab-pane row" id="page_listitems">
|
|
<div class="col-md-4 col-lg-4 col-left">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Default G-Codes</span>
|
|
</div>
|
|
<table class="table table-striped" id="table_gcodes">
|
|
<thead>
|
|
<tr>
|
|
<th>G-Code</th>
|
|
<th>Description</th>
|
|
<th></th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Add new G-Code</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table id="table_add_gcode">
|
|
<tr>
|
|
<td>
|
|
<label for="input_gcode">G-Code:</label>
|
|
<input type="text" class="form-control" id="input_gcode">
|
|
</td>
|
|
<td>
|
|
<label for="input_gcode_description">Description:</label>
|
|
<input type="text" class="form-control" id="input_gcode_description">
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="text-center">
|
|
<button class="btn btn-success disabled" id="btn_add_gcode" title="Add new G-Code item"><span class="glyphicon glyphicon-plus"></span> Add G-Code</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-lg-5">
|
|
<div class="panel panel-default" id="panel_head_temps">
|
|
<div class="panel-heading">
|
|
<span>Default Heater Temperatures</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<label>Which temperatures do you want to manage?</label>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="temp_selection" value="active" checked>Active Temperatures
|
|
</label>
|
|
</div>
|
|
<div class="radio">
|
|
<label>
|
|
<input type="radio" name="temp_selection" value="standby">Standby Temperatures
|
|
</label>
|
|
</div>
|
|
|
|
<ul class="list-group temp-list" id="ul_active_temps"></ul>
|
|
|
|
<ul class="list-group temp-list hidden" id="ul_standby_temps"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Add new Temperature</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table-add-temp">
|
|
<tr>
|
|
<td>
|
|
<label for="input_add_head_temp">Temperature:</label>
|
|
<div class="input-group">
|
|
<input type="number" class="form-control" id="input_add_head_temp">
|
|
<span class="input-group-addon">°C</span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<button class="btn btn-success disabled" id="btn_add_head_temp" title="Add new temperature item"><span class="glyphicon glyphicon-plus"></span> Add Temp</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-md-4 col-lg-3 col-right">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Default Bed and Chamber Temperatures</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<ul class="list-group temp-list" id="ul_bed_temps"></ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Add new Temperature</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table class="table-add-temp">
|
|
<tr>
|
|
<td>
|
|
<label for="input_add_bed_temp">Temperature:</label>
|
|
<div class="input-group">
|
|
<input type="number" class="form-control" id="input_add_bed_temp">
|
|
<span class="input-group-addon">°C</span>
|
|
</div>
|
|
</td>
|
|
<td>
|
|
<button class="btn btn-success disabled" id="btn_add_bed_temp"><span class="glyphicon glyphicon-plus" title="Add new temperature item"></span> Add Temp</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Configuration File -->
|
|
<div class="tab-pane row" id="page_config">
|
|
<div class="col-md-12" id="div_config">
|
|
<h1 class="text-center text-muted">Connect to your Duet to display the configuration file</h1>
|
|
<textarea readonly id="text_config" class="hidden"></textarea>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Machine Properties -->
|
|
<div class="tab-pane row" id="page_machine">
|
|
<div class="col-xs-12 col-sm-12 col-md-9 col-lg-10">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Drive Configuration</span>
|
|
</div>
|
|
<table class="table table-striped">
|
|
<tr>
|
|
<th>Drive</th>
|
|
<th>Endstop hit</th>
|
|
<th>Minimum</th>
|
|
<th>Maximum</th>
|
|
<th>InstantDv</th>
|
|
<th>Max Speed</th>
|
|
<th class="hidden-xs">Acceleration</th>
|
|
<th class="hidden-xs hidden-sm">Motor Current</th>
|
|
</tr>
|
|
<tr id="tr_drive_0">
|
|
<td>0</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
<tr id="tr_drive_1">
|
|
<td>1</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
<tr id="tr_drive_2">
|
|
<td>2</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
<tr id="tr_drive_3">
|
|
<td>3</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
<tr id="tr_drive_4">
|
|
<td>4</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
<tr id="tr_drive_5">
|
|
<td>5</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
<tr id="tr_drive_6">
|
|
<td>6</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
<tr id="tr_drive_7">
|
|
<td>7</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
<tr id="tr_drive_8">
|
|
<td>8</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td>n/a</td>
|
|
<td class="hidden-xs">n/a</td>
|
|
<td class="hidden-xs hidden-sm">n/a</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-2 col-right">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Z-Probe</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<dl>
|
|
<dt>Type:</dt>
|
|
<dd id="dd_probe_type">n/a</dd>
|
|
<dt>Trigger Height:</dt>
|
|
<dd id="dd_probe_height">n/a</dd>
|
|
<dt>Trigger Value:</dt>
|
|
<dd id="dd_probe_value">n/a</dd>
|
|
</dl>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6 col-md-3 col-lg-2 col-right">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Other</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<dl>
|
|
<dt>Geometry:</dt>
|
|
<dd id="dd_geometry">n/a</dd>
|
|
<dt>Motor Idle Current Factor:</dt>
|
|
<dd id="dd_idle_current">n/a</dd>
|
|
<dt>Motor Idle Timeout:</dt>
|
|
<dd id="dd_idle_timeout">n/a</dd>
|
|
</dl>
|
|
|
|
<button id="btn_fw_diagnostics" type="button" class="btn btn-info"><span class="glyphicon glyphicon-dashboard"></span> Firmware Diagnostics</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Tools -->
|
|
<div class="tab-pane row" id="page_tools">
|
|
<div class="col-sm-12 col-md-7 col-lg-6">
|
|
<div class="panel panel-default">
|
|
<div class="panel-heading">
|
|
<span>Define new Tool</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<table id="table_define_tool">
|
|
<tr>
|
|
<td rowspan="2">
|
|
<label for="input_tool_number">Tool Number:</label>
|
|
<input type="number" min="0" max="255" value="127" class="form-control" id="input_tool_number" disabled>
|
|
</td>
|
|
<td>
|
|
<label>Associated Heater(s):</label>
|
|
<div class="btn-group btn-group-justified" data-toggle="buttons" id="check_heaters">
|
|
<label class="btn btn-primary active disabled" title="Heater 1">
|
|
<input type="checkbox" name="tool_heaters" value="1" checked disabled> 1
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Heater 2">
|
|
<input type="checkbox" name="tool_heaters" value="2" disabled> 2
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Heater 3">
|
|
<input type="checkbox" name="tool_heaters" value="3" disabled> 3
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Heater 4">
|
|
<input type="checkbox" name="tool_heaters" value="4" disabled> 4
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Heater 5">
|
|
<input type="checkbox" name="tool_heaters" value="5" disabled> 5
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Heater 6">
|
|
<input type="checkbox" name="tool_heaters" value="6" disabled> 6
|
|
</label>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<label>Associated Drive(s):</label>
|
|
<div class="btn-group btn-group-justified" data-toggle="buttons" id="check_drives">
|
|
<label class="btn btn-primary active disabled" title="Extruder 1">
|
|
<input type="checkbox" name="tool_drives" value="0" checked disabled> 0
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Extruder 2">
|
|
<input type="checkbox" name="tool_drives" value="1" disabled> 1
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Extruder 3">
|
|
<input type="checkbox" name="tool_drives" value="2" disabled> 2
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Extruder 4">
|
|
<input type="checkbox" name="tool_drives" value="3" disabled> 3
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Extruder 5">
|
|
<input type="checkbox" name="tool_drives" value="4" disabled> 4
|
|
</label>
|
|
<label class="btn btn-default disabled" title="Extruder 6">
|
|
<input type="checkbox" name="tool_drives" value="5" disabled> 5
|
|
</label>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2" class="text-center">
|
|
<button class="btn btn-success disabled" id="btn_add_tool" title="Define a new tool"><span class="glyphicon glyphicon-plus"></span> Add Tool</button>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row" id="row_save_settings">
|
|
<div class="col-md-12 text-center">
|
|
<button type="submit" class="btn btn-lg btn-primary" title="Apply new settings from this page"><span class="glyphicon glyphicon-ok"></span> Apply Settings</button>
|
|
<button class="btn btn-lg btn-warning" id="btn_reset_settings" title="Overwrite all saved settings with default values"><span class="glyphicon glyphicon-erase"></span> Load Factory Defaults</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Sidebar Continuation -->
|
|
<div class="row">
|
|
<div class="col-sm-3 col-md-2 col-lg-2 sidebar sidebar-continuation"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal dialogs -->
|
|
<div class="modal fade" id="modal_pass_input">
|
|
<div class="modal-dialog modal-md">
|
|
<div class="modal-content">
|
|
<form id="form_password">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title">Password required</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="form-group">
|
|
<label for="input_password">Please enter your password:</label>
|
|
<input type="password" class="form-control" id="input_password">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
|
|
<button type="submit" class="btn btn-primary">Verify</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="modal_confirmation">
|
|
<div class="modal-dialog modal-md">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title"><!-- See JS--></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p></p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-success" data-dismiss="modal"><span class="glyphicon glyphicon-ok"></span> Yes</button>
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> No</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="modal_textinput">
|
|
<div class="modal-dialog modal-sm">
|
|
<div class="modal-content">
|
|
<form>
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title"><!-- See JS--></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p></p>
|
|
<div class="input-group">
|
|
<input type="text" class="form-control">
|
|
</div>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="submit" class="btn btn-success"><span class="glyphicon glyphicon-ok"></span> OK</button>
|
|
<button type="button" class="btn btn-danger" data-dismiss="modal"><span class="glyphicon glyphicon-remove"></span> Cancel</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<input type="file" id="input_file_upload" class="hidden" multiple>
|
|
<div class="modal fade" id="modal_upload" data-backdrop="static">
|
|
<div class="modal-dialog modal-md">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close hidden" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
|
|
<h4 class="modal-title"><!-- See JS --></h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Please wait while the following files are being uploaded:</p>
|
|
<table id="table_upload_files">
|
|
<thead>
|
|
<tr>
|
|
<th>Filename</th>
|
|
<th>Size</th>
|
|
<th>Progress</th>
|
|
</tr>
|
|
</thead>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-danger" id="btn_cancel_upload"><span class="glyphicon glyphicon-remove"></span> Cancel Upload(s)</button>
|
|
<button type="button" class="btn btn-success hidden" data-dismiss="modal"><span class="glyphicon glyphicon-ok"></span> Close</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="layer_tooltip"></div>
|
|
<!-- Bootstrap core JavaScript
|
|
================================================== -->
|
|
<!-- Placed at the end of the document so the pages load faster -->
|
|
<script src="js/jquery-2.2.1.min.js"></script>
|
|
<script src="js/jquery.textarea_autosize.min.js"></script>
|
|
<script src="js/jquery.flot.min.js"></script>
|
|
<script src="js/jquery.flot.resize.min.js"></script>
|
|
<script src="js/jquery.flot.navigate.min.js"></script>
|
|
<script src="js/bootstrap.min.js"></script>
|
|
<script src="js/bootstrap-notify.min.js"></script>
|
|
<script src="js/bootstrap-slider.min.js"></script>
|
|
<script src="js/jszip.min.js"></script>
|
|
<script src="js/model.js"></script>
|
|
<script src="js/viewmodel.js"></script>
|
|
</body>
|
|
</html>
|
|
<!-- vim: ts=4 sw=4
|
|
-->
|