142 lines
7.9 KiB
HTML
142 lines
7.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<link rel="icon" type="image/x-icon" href="favicon.ico">
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Calibrator</title>
|
|
<link href="./css/plate.css" rel="stylesheet" crossorigin="anonymous" />
|
|
<!-- <link href="./css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" /> -->
|
|
<link href="./css/journal.min.css" rel="stylesheet" crossorigin="anonymous" />
|
|
<script src="./js/jquery-3.6.0.min.js"></script>
|
|
<script src="./js/bootstrap.bundle.min.js"></script>
|
|
<script src="./js/plate.js"></script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<button id="start" class="btn btn-lg btn-success" type="button">Start</button>
|
|
<button id="manuel" class="btn btn-lg btn-success" type="button">Manuel</button>
|
|
<div id="plate" ></div>
|
|
|
|
|
|
<div class="modal " id="modalman">
|
|
<div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-lg">
|
|
<div class="modal-content">
|
|
<div class="modal-header-full-width modal-header text-center">
|
|
<h3 class="modal-title w-100" id="startmodallabel"> Manual Calibrator </h3>
|
|
<button type="button" class="btn-close" onclick="$('#modalman').hide()"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<rect id="deck">
|
|
<td>
|
|
<div class="mt-3">
|
|
<div class="btn-group" role="group" aria-label="Basic radio toggle button group">
|
|
<input
|
|
id="axis_tools_Z1"
|
|
type="radio"
|
|
class="btn-check"
|
|
name="axis_tools"
|
|
value="Z1"
|
|
data-axis="Z1"
|
|
onclick="triggerradio(this);"
|
|
checked />
|
|
<label class="btn btn-outline-info" for="axis_tools_Z1">Tool z1</label>
|
|
<input
|
|
id="axis_tools_Z2"
|
|
type="radio"
|
|
class="btn-check"
|
|
name="axis_tools"
|
|
value="Z2"
|
|
data-axis= "Z2"
|
|
onclick="triggerradio(this);"
|
|
/>
|
|
<label class="btn btn-outline-info" for="axis_tools_Z2">Tool z2</label>
|
|
</div>
|
|
<button type="button" onclick="homeall();" class="btn btn-info pull-right">Home All</button>
|
|
<br></br>
|
|
</div>
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text" >Nombre de step</span>
|
|
<input id="nbstep" type="number" class="form-control" value="1" />
|
|
</div>
|
|
<div class="form-group form-check">
|
|
<input type="checkbox" class="form-check-input" id="scale">
|
|
<label class="form-check-label" for="exampleCheck1">to step</label>
|
|
</div>
|
|
<div class="mt-4">
|
|
<div class="form-group row">
|
|
<div class="form-group row">
|
|
<div class="col-8">
|
|
<label id="nameactual">Actual :</label>
|
|
</div>
|
|
<div class="col-4">
|
|
<label>Before :</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-8">
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text" id="X">X</span>
|
|
<input id="activeX" type="number" class="form-control" value="0"
|
|
data-axis="X" onfocus="trigger(this)" />
|
|
<button class="btn btn-info" type="button" onclick="">Set</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="input-group mb-3">
|
|
<button class="btn btn-info" class="form-control" data-axis="X" onclick="appro(this)">X</button>
|
|
<input id="pasiveX" type="number" class="form-control" value="0" />
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="form-group row">
|
|
<div class="col-8">
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text" id="Y">Y</span>
|
|
<input id="activeY" type="number" class="form-control" value="0"
|
|
data-axis="Y" onfocus="trigger(this)" />
|
|
<button class="btn btn-info" type="button" onclick="">Set</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="input-group mb-3">
|
|
<button class="btn btn-info" class="form-control" data-axis="Y" onclick="appro(this)">Y</button>
|
|
<input id="pasiveY" type="number" class="form-control" value="0"
|
|
data-axis="y" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="form-group row">
|
|
<div class="col-8">
|
|
<div class="input-group mb-3">
|
|
<span class="input-group-text" id="Z">Z</span>
|
|
<input id="activeZ" type="number" class="form-control" value="0"
|
|
data-axis="Z" onfocus="trigger(this)" />
|
|
<button class="btn btn-info" type="button" *>Set</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="input-group mb-3">
|
|
<button class="btn btn-info" class="form-control" data-axis="Z" onclick="appro(this)">Z</button>
|
|
<input id="pasiveZ" type="number" class="form-control" value="0"
|
|
data-axis="z" />
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</rect>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |