|
@@ -17,25 +17,19 @@
|
|
|
<div class="wave-control">
|
|
|
<p>X axis slicing</p>
|
|
|
<div class="col-sm-12">
|
|
|
- <div class="col-sm-2"><input type="text" class="slider-range-input pull-right" id="x-min-input" /></div>
|
|
|
- <div class="col-sm-8" id="slider-X"></div>
|
|
|
- <div class="col-sm-2"><input type="text" class="slider-range-input" id="x-max-input" /></div>
|
|
|
+ <div class="col-sm-8 col-sm-offset-2" id="slider-X"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="wave-control">
|
|
|
<p>Y axis slicing</p>
|
|
|
<div class="col-sm-12">
|
|
|
- <div class="col-sm-2"><input type="text" class="slider-range-input pull-right" id="y-min-input" /></div>
|
|
|
- <div class="col-sm-8" id="slider-Y"></div>
|
|
|
- <div class="col-sm-2"><input type="text" class="slider-range-input" id="y-max-input" /></div>
|
|
|
+ <div class="col-sm-8 col-sm-offset-2" id="slider-Y"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="wave-control">
|
|
|
<p>Z axis slicing</p>
|
|
|
<div class="col-sm-12">
|
|
|
- <div class="col-sm-2"><input type="text" class="slider-range-input pull-right" id="z-min-input" /></div>
|
|
|
- <div class="col-sm-8" id="slider-Z"></div>
|
|
|
- <div class="col-sm-2"><input type="text" class="slider-range-input" id="z-max-input" /></div>
|
|
|
+ <div class="col-sm-8 col-sm-offset-2" id="slider-Z"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="wave-control" id="zoom-controls">
|
|
@@ -278,48 +272,6 @@
|
|
|
$("#slider-gray-threshold").slider("option", "values", values);
|
|
|
vrc.setGrayMaxValue($(this).val()/255);
|
|
|
});
|
|
|
- $("#x-min-input").change(function() {
|
|
|
- var max = $("#slider-X" ).dragslider("option", "values")[1];
|
|
|
- $(this).val($(this).val() < max ?$(this).val():max);
|
|
|
- var values = [$(this).val(), max];
|
|
|
- $("#slider-X").dragslider("option", "values", values);
|
|
|
- vrc.setGeometryMinX($(this).val()/100);
|
|
|
- });
|
|
|
- $("#x-max-input").change(function() {
|
|
|
- var min = $("#slider-X" ).dragslider("option", "values")[0];
|
|
|
- $(this).val($(this).val() > min ?$(this).val():min);
|
|
|
- var values = [min, $(this).val()];
|
|
|
- $("#slider-X").dragslider("option", "values", values);
|
|
|
- vrc.setGeometryMaxX($(this).val()/100);
|
|
|
- });
|
|
|
- $("#y-min-input").change(function() {
|
|
|
- var max = $("#slider-Y" ).dragslider("option", "values")[1];
|
|
|
- $(this).val($(this).val() < max ?$(this).val():max);
|
|
|
- var values = [$(this).val(), max];
|
|
|
- $("#slider-Y").dragslider("option", "values", values);
|
|
|
- vrc.setGeometryMinY($(this).val()/100);
|
|
|
- });
|
|
|
- $("#y-max-input").change(function() {
|
|
|
- var min = $("#slider-Y" ).dragslider("option", "values")[0];
|
|
|
- $(this).val($(this).val() > min ?$(this).val():min);
|
|
|
- var values = [min, $(this).val()];
|
|
|
- $("#slider-Y").dragslider("option", "values", values);
|
|
|
- vrc.setGeometryMaxY($(this).val()/100);
|
|
|
- });
|
|
|
- $("#z-min-input").change(function() {
|
|
|
- var max = $("#slider-Z" ).dragslider("option", "values")[1];
|
|
|
- $(this).val($(this).val() < max ?$(this).val():max);
|
|
|
- var values = [$(this).val(), max];
|
|
|
- $("#slider-Z").dragslider("option", "values", values);
|
|
|
- vrc.setGeometryMinZ($(this).val()/100);
|
|
|
- });
|
|
|
- $("#z-max-input").change(function() {
|
|
|
- var min = $("#slider-Z" ).dragslider("option", "values")[0];
|
|
|
- $(this).val($(this).val() > min ?$(this).val():min);
|
|
|
- var values = [min, $(this).val()];
|
|
|
- $("#slider-Z").dragslider("option", "values", values);
|
|
|
- vrc.setGeometryMaxZ($(this).val()/100);
|
|
|
- });
|
|
|
|
|
|
function zoomToVolume(v) {
|
|
|
var gray = [$("#gray-threshold-min-input").val(), $("#gray-threshold-max-input").val()];
|