Modified the appearance of the jogging controls with a view to adding finer control
parent
9f52e90e44
commit
878bee784a
|
@ -145,3 +145,27 @@ table th.timelapse_files_action, table td.timelapse_files_action {
|
||||||
.overflow_visible {
|
.overflow_visible {
|
||||||
overflow: visible !important;
|
overflow: visible !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#controls {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
#controls .jog-panel {
|
||||||
|
float: left;
|
||||||
|
margin-right: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#controls .jog-panel > h4 {
|
||||||
|
border-bottom: 1px solid #ddd;
|
||||||
|
}
|
||||||
|
|
||||||
|
#controls .jog-panel > div {
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
#controls .box {
|
||||||
|
width: 40px;
|
||||||
|
height: 40px;
|
||||||
|
margin-right: 20px;
|
||||||
|
margin-bottom: 20px;
|
||||||
|
}
|
||||||
|
|
|
@ -169,23 +169,33 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="tab-pane" id="controls">
|
<div class="tab-pane" id="controls">
|
||||||
<div style="width: 350px; height: 70px">
|
<!-- XY jogging control panel -->
|
||||||
<div style="width: 70px; float: left;"> </div>
|
<div id="jog_xy" class="jog-panel">
|
||||||
<div style="width: 70px; float: left;"><button class="btn btn-block" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('y', 10) }">Y+</button></div>
|
<h4>XY</h4>
|
||||||
<div style="width: 70px; float: left;"> </div>
|
<div>
|
||||||
<div style="width: 70px; float: left; margin-left: 20px"><button class="btn btn-block" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('z', 10) }">Z+</button></div>
|
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('y', 10) }"><i class="icon-arrow-up"></i></button>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 350px; height: 70px">
|
<div>
|
||||||
<div style="width: 70px; float: left;"><button class="btn btn-block" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('x', -10) }">X-</button></div>
|
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('x', -10) }"><i class="icon-arrow-left"></i></button>
|
||||||
<div style="width: 70px; float: left;"><button class="btn btn-block" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendHomeCommand('XY') }">Home</button></div>
|
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendHomeCommand('XY') }"><i class="icon-home"></i></button>
|
||||||
<div style="width: 70px; float: left;"><button class="btn btn-block" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('x', 10) }">X+</button></div>
|
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('x', 10) }"><i class="icon-arrow-right"></i></button>
|
||||||
<div style="width: 70px; float: left; margin-left: 20px"><button class="btn btn-block" id="jog_z_home" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendHomeCommand('Z') }">Home</button></div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('y', -10) }"><i class="icon-arrow-down"></i></button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<!-- Z jogging control panel -->
|
||||||
|
<div id="jog_z" class="jog-panel">
|
||||||
|
<h4>Z</h4>
|
||||||
|
<div>
|
||||||
|
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('z', 10) }"><i class="icon-arrow-up"></i></button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendHomeCommand('Z') }"><i class="icon-home"></i></button>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<button class="btn box" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('z', -10) }"><i class="icon-arrow-down"></i></button>
|
||||||
</div>
|
</div>
|
||||||
<div style="width: 350px; height: 70px">
|
|
||||||
<div style="width: 70px; float: left;"> </div>
|
|
||||||
<div style="width: 70px; float: left;"><button class="btn btn-block" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('y', -10) }">Y-</button></div>
|
|
||||||
<div style="width: 70px; float: left;"> </div>
|
|
||||||
<div style="width: 70px; float: left; margin-left: 20px"><button class="btn btn-block" data-bind="enable: isOperational() && !isPrinting(), click: function() { $root.sendJogCommand('z', -10) }">Z-</button></div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div data-bind="template: { name: $root.displayMode, foreach: controls }"></div>
|
<div data-bind="template: { name: $root.displayMode, foreach: controls }"></div>
|
||||||
|
|
Loading…
Reference in New Issue