modularize print export

This commit is contained in:
Stewart Allen 2020-03-10 10:40:57 -04:00
commit c74dd09643
8 changed files with 505 additions and 445 deletions

View file

@ -104,10 +104,11 @@
</div>
<!-- CAM tools dialog -->
<div id="tools" class="dialog">
<div id="tools-body" class="flow-col">
<div id="tools-body" class="flow-col">
<div id="tool-labels" class="flow-row">
<label>tools</label>
<label>details</label>
<label>tool</label>
<label>detail</label>
<label>view</label>
</div>
<div id="tool-cols" class="flow-row">
<div id="tool-list" class="flow-col">
@ -116,8 +117,9 @@
<div id="tool-info" class="flow-col">
<div class="flow-row"><label>type</label>
<select id="tool-type">
<option value="endmill" selected>endmill</option>
<option value="ballmill">ballmill</option>
<option value="endmill" selected>end</option>
<option value="ballmill">ball</option>
<option value="taper">taper</option>
</select>
</div>
<div class="flow-row"><label>name</label><input id="tool-name" size=8></input></div>
@ -129,7 +131,11 @@
<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">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>
<div id="tool-view" class="flow-col"></div>
</div>
<div id="tool-action" class="flow-row">
<button id="tool-add">+</button>

View file

@ -339,6 +339,9 @@ button.selected {
/** tool dialog */
#tools:hover,#tools-body:hover {
background-color: #ffffff;
}
#tools {
text-align: center;
}
@ -361,22 +364,30 @@ button.selected {
padding-bottom: 5px;
border: 0;
}
#tool-labels span {
width: 200px;
padding: 2px 5px 2px 5px;
margin: 0 5px 5px 5px;
background-color: #eee;
border-radius: 5px;
border: 1px solid #aaa;
text-align: center;
#tool-labels label:nth-child(1) {
width: 125px;
}
#tool-labels label:nth-child(2) {
width: 175px;
}
#tool-labels label:nth-child(3) {
width: 100px;
}
#tool-cols > div {
width: 200px;
padding: 5px;
margin: 5px;
border: 1px solid #aaa;
border-radius: 5px;
}
#tool-cols > div:nth-child(1) {
width: 125px;
}
#tool-cols > div:nth-child(2) {
width: 175px;
}
#tool-cols > div:nth-child(3) {
width: 100px;
}
#tool-info > div {
margin-top: 2px;
margin-bottom: 2px;
@ -422,6 +433,9 @@ button.selected {
/** device dialog */
#devices:hover,#devices-body:hover {
background-color: #ffffff;
}
#devices {
text-align: center;
}
@ -708,7 +722,6 @@ button[import="1"] {
flex-grow: 1;
}
#selected {
position: fixed;
z-index: 10000;