Select Git revision
index.html 29.48 KiB
<html>
<head>
<title>Physical Computing Interface</title>
<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen"/>
<link rel="stylesheet" type="text/css" href="./lib/jsoneditor/jsoneditor.css" >
<!-- assembler control css -->
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./css/styleAssemblerControl.css" media="screen"/>
<!-- <link href="https://unpkg.com/font-awesome@5.8.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> -->
<!-- <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet"> -->
<script src="https://kit.fontawesome.com/99c302ff33.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="threejs">
<div id="threejs1">
<div class="header1">
<i> Assembly</i>
<!-- Three.js -->
</div>
<div id="webgl"></div>
</div>
<div class="slidecontainer">
<input type="range" min="0" max="0" value="1" class="slider" id="time">
</div>
</div>
<div id="simulation">
<div id="threejs1">
<div class="header1">
<i> Assembler Control</i>
</div>
<div class="dragbar2"></div>
<!-- <div id="webgl1"></div> -->
<!-- todo put this somewhere elseß -->
<div class=assemblerControl>
<video style="display:none" id="videoInput" width=320 height=240></video>
<div class='row my-3 ml-1'>
<div class='col' style='max-width:350px'>
<h4>DRO</h4>
<div class='input-group mb-1 input-group-xsm'>
<div class="input-group-prepend">
<span class="input-group-text input-group-xsm">Cord. Sys.:</span>
</div>
<select id="cordSystemToolSelect">
<option>Toolhead</option>
<option>Camera</option>
</select>
<div class="input-group-prepend">
<span class="input-group-text input-group-xsm">Rel. To:</span>
</div>
<select id="cordSystemObjectSelect">
<option>Build Plate</option>
<option>Feeder1</option>
<option>Feeder2</option>
</select>
</div>
<div class='input-group mb-1'>
<div class="input-group-prepend">
<span class="input-group-text">X</span>
</div>