add taper tool type and tool rendering

This commit is contained in:
Stewart Allen 2020-03-10 14:23:42 -04:00
commit b05de7b679
6 changed files with 184 additions and 71 deletions

View file

@ -119,21 +119,21 @@
<select id="tool-type">
<option value="endmill" selected>end</option>
<option value="ballmill">ball</option>
<option value="taper">taper</option>
<option value="tapermill">taper</option>
</select>
</div>
<div class="flow-row"><label>name</label><input id="tool-name" size=8></input></div>
<div class="flow-row"><label>tool #</label><input id="tool-num" size=5></input></div>
<div class="flow-row"><label>metric</label><input id="tool-metric" type="checkbox"></input></div>
<div class="grouphead">flute</div>
<div class="flow-row" title="flute diameter"><label>diameter</label><input id="tool-fdiam" size=5></input></div>
<div class="flow-row" title="flute length"><label>length</label><input id="tool-flen" size=5></input></div>
<div class="grouphead">shaft</div>
<div class="flow-row" title="shaft diameter"><label>diameter</label><input id="tool-sdiam" size=5></input></div>
<div class="flow-row" title="shaft length"><label>length</label><input id="tool-slen" size=5></input></div>
<div class="grouphead">flute</div>
<div class="flow-row" title="flute diameter"><label>diameter</label><input id="tool-fdiam" size=5></input></div>
<div class="flow-row" title="flute length"><label>length</label><input id="tool-flen" size=5></input></div>
<div class="grouphead">taper</div>
<div class="flow-row" title="taper angle"><label>angle</label><input id="tool-tangle" size=5></input></div>
<div class="flow-row" title="tip width"><label>width</label><input id="tool-twidth" size=5></input></div>
<!-- <div class="flow-row" title="taper angle"><label>angle</label><input id="tool-tangle" size=5></input></div> -->
<div class="flow-row" title="tip width"><label>tip</label><input id="tool-ttip" size=5></input></div>
</div>
<div id="tool-view" class="flow-col"></div>
</div>

View file

@ -415,6 +415,9 @@ button.selected {
#tools input:focus {
background-color: #dee;
}
#tools input:disabled {
color: #ddd;
}
#tool-list > select {
flex-grow: 1;
width: 100%;