start separate tools menu
This commit is contained in:
Stewart Allen
parent
4671e0cdd2
commit
f037618d60
4 changed files with 106 additions and 59 deletions
|
|
@ -1509,6 +1509,7 @@
|
|||
ltfile: $('lt-file'),
|
||||
ltview: $('lt-view'),
|
||||
ltact: $('act-slice'),
|
||||
edit: $('lt-tools'),
|
||||
rotate: $('lt-rotate'),
|
||||
scale: $('lt-scale'),
|
||||
nozzle: $('lt-nozzle'),
|
||||
|
|
@ -2229,6 +2230,7 @@
|
|||
UC.hoverPop(UI.ltview, { group: hpops, target: $('pop-view') });
|
||||
UC.hoverPop(UI.ltact, { group: hpops, target: $('pop-slice') });
|
||||
UC.hoverPop(UI.render, { group: hpops, target: $('pop-render'), sticky: false });
|
||||
UC.hoverPop(UI.edit, { group: hpops, target: $('pop-tools'), sticky: false });
|
||||
UC.hoverPop(UI.rotate, { group: hpops, target: $('pop-rotate'), sticky: true });
|
||||
UC.hoverPop(UI.scale, { group: hpops, target: $('pop-scale'), sticky: true });
|
||||
UC.hoverPop(UI.nozzle, { group: hpops, target: $('pop-nozzle'), sticky: true });
|
||||
|
|
@ -2620,6 +2622,7 @@
|
|||
|
||||
// update static html elements with language overrides
|
||||
UI.lang = function() {
|
||||
// lk attribute causes inner text to be replaced with lang value
|
||||
for (let el of [...DOC.querySelectorAll("[lk]")]) {
|
||||
let key = el.getAttribute('lk');
|
||||
let val = LANG[key];
|
||||
|
|
@ -2629,6 +2632,16 @@
|
|||
console.log({missing_ln: key});
|
||||
}
|
||||
}
|
||||
// lkt attribute causes a title attribute to be set from lang value
|
||||
for (let el of [...DOC.querySelectorAll("[lkt]")]) {
|
||||
let key = el.getAttribute('lkt');
|
||||
let val = LANG[key];
|
||||
if (val) {
|
||||
el.setAttribute("title", val);
|
||||
} else {
|
||||
console.log({missing_ln: key});
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
// if a language needs to load, the script is injected and loaded
|
||||
|
|
|
|||
|
|
@ -429,6 +429,12 @@ th, tr, td, label {
|
|||
background-image: var(--gradbar);
|
||||
}
|
||||
|
||||
#float-tools {
|
||||
display: none;
|
||||
position: absolute;
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
#lt-top {
|
||||
height: 10px;
|
||||
border-top-right-radius: 10px;
|
||||
|
|
|
|||
|
|
@ -77,7 +77,72 @@
|
|||
<div id="lt-trash" class="lt-menu lt-enabled">
|
||||
<i class="fas fa-times-circle"></i>
|
||||
</div>
|
||||
<div id="lt-top"></div>
|
||||
<div id="lt-top">
|
||||
<div id="float-tools" class="f-col">
|
||||
|
||||
<div id="float-tool-bar" class="floater" target="float-tools">tools</div>
|
||||
<div id="lt-rotate" xclass="lt-menu">
|
||||
<div lkt="rotate"><i class="fas fa-sync-alt"></i></div>
|
||||
<div id="pop-rotate" class="pop-lcol f-row russo">
|
||||
<div>
|
||||
<div class="grow a-center">
|
||||
<i id="rot_x_lt" class="fas fa-chevron-left"></i>
|
||||
<label>X</label>
|
||||
<i id="rot_x_gt" class="fas fa-chevron-right"></i>
|
||||
</div>
|
||||
<input id="rot_x" class="value center" size="5"/ value="0">
|
||||
</div>
|
||||
<div>
|
||||
<div class="grow a-center">
|
||||
<i id="rot_y_lt" class="fas fa-chevron-left"></i>
|
||||
<label>Y</label>
|
||||
<i id="rot_y_gt" class="fas fa-chevron-right"></i>
|
||||
</div>
|
||||
<input id="rot_y" class="value center" size="5"/ value="0">
|
||||
</div>
|
||||
<div>
|
||||
<div class="grow a-center">
|
||||
<i id="rot_z_lt" class="fas fa-chevron-left"></i>
|
||||
<label>Z</label>
|
||||
<i id="rot_z_gt" class="fas fa-chevron-right"></i>
|
||||
</div>
|
||||
<input id="rot_z" class="value center" size="5"/ value="0">
|
||||
</div>
|
||||
<!-- <div id="lay-flat" class="f-col j-center center">lay flat</div> -->
|
||||
<div id="unrotate" class="f-col j-center" lk="reset">reset</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lt-scale" xclass="lt-menu">
|
||||
<div lkt="scale"><i class="fas fa-expand"></i></div>
|
||||
<div id="pop-scale" class="pop-lcol f-row russo">
|
||||
<div>
|
||||
<input id="lock_x" type="checkbox" checked/>
|
||||
<div><label>X</label></div>
|
||||
<div><input id="size_x" xsize="8" class="value"/></div>
|
||||
<div><input id="scale_x" xsize="8" class="value" value="1"/></div>
|
||||
</div>
|
||||
<div>
|
||||
<input id="lock_y" type="checkbox" checked/>
|
||||
<div><label>Y</label></div>
|
||||
<div><input id="size_y" xsize="8" class="value"/></div>
|
||||
<div><input id="scale_y" xsize="8" class="value" value="1"/></div>
|
||||
</div>
|
||||
<div>
|
||||
<input id="lock_z" type="checkbox" checked/>
|
||||
<div><label>Z</label></div>
|
||||
<div><input id="size_z" xsize="8" class="value"/></div>
|
||||
<div><input id="scale_z" xsize="8" class="value" value="1"/></div>
|
||||
</div>
|
||||
<div class="f-col j-center">
|
||||
<div><label id="lab-axis" lk="axis">axis</label></div>
|
||||
<div><label id="lab-size" lk="size">size</label></div>
|
||||
<div><label id="lab-scale" lk="scale">scale</label></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<div id="lt-setup" class="lt-menu lt-active">
|
||||
<i class="fas fa-cogs"></i>
|
||||
<label lk="setup">setup</label>
|
||||
|
|
@ -173,64 +238,25 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lt-rotate" class="lt-menu">
|
||||
<div id="lt-tools" class="lt-menu lt-active">
|
||||
<i class="fas fa-tools"></i>
|
||||
<label lk="tools">edit</label>
|
||||
<div id="pop-tools" class="pop-lcol f-row">
|
||||
<div class="grow a-center">
|
||||
<i class="fas fa-sync-alt"></i>
|
||||
<label lk="rotate">rotate</label>
|
||||
<div id="pop-rotate" class="pop-lcol f-row russo">
|
||||
<div>
|
||||
</div>
|
||||
<div class="grow a-center">
|
||||
<i id="rot_x_lt" class="fas fa-chevron-left"></i>
|
||||
<label>X</label>
|
||||
<i id="rot_x_gt" class="fas fa-chevron-right"></i>
|
||||
</div>
|
||||
<input id="rot_x" class="value center" size="5"/ value="0">
|
||||
</div>
|
||||
<div>
|
||||
<div class="grow a-center">
|
||||
<i id="rot_y_lt" class="fas fa-chevron-left"></i>
|
||||
<label>Y</label>
|
||||
<i id="rot_y_gt" class="fas fa-chevron-right"></i>
|
||||
</div>
|
||||
<input id="rot_y" class="value center" size="5"/ value="0">
|
||||
</div>
|
||||
<div>
|
||||
<div class="grow a-center">
|
||||
<i id="rot_z_lt" class="fas fa-chevron-left"></i>
|
||||
<label>Z</label>
|
||||
<i id="rot_z_gt" class="fas fa-chevron-right"></i>
|
||||
</div>
|
||||
<input id="rot_z" class="value center" size="5"/ value="0">
|
||||
</div>
|
||||
<!-- <div id="lay-flat" class="f-col j-center center">lay flat</div> -->
|
||||
<div id="unrotate" class="f-col j-center" lk="reset">reset</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="lt-scale" class="lt-menu">
|
||||
<i class="fas fa-expand"></i>
|
||||
<label lk="scale">scale</label>
|
||||
<div id="pop-scale" class="pop-lcol f-row russo">
|
||||
<div>
|
||||
<input id="lock_x" type="checkbox" checked/>
|
||||
<div><label>X</label></div>
|
||||
<div><input id="size_x" xsize="8" class="value"/></div>
|
||||
<div><input id="scale_x" xsize="8" class="value" value="1"/></div>
|
||||
</div>
|
||||
<div>
|
||||
<input id="lock_y" type="checkbox" checked/>
|
||||
<div><label>Y</label></div>
|
||||
<div><input id="size_y" xsize="8" class="value"/></div>
|
||||
<div><input id="scale_y" xsize="8" class="value" value="1"/></div>
|
||||
<div class="grow a-center">
|
||||
<i class="fas fa-dice-d20"></i>
|
||||
<label lk="mesh">mesh</label>
|
||||
</div>
|
||||
<div>
|
||||
<input id="lock_z" type="checkbox" checked/>
|
||||
<div><label>Z</label></div>
|
||||
<div><input id="size_z" xsize="8" class="value"/></div>
|
||||
<div><input id="scale_z" xsize="8" class="value" value="1"/></div>
|
||||
</div>
|
||||
<div class="f-col j-center">
|
||||
<div><label id="lab-axis" lk="axis">axis</label></div>
|
||||
<div><label id="lab-size" lk="size">size</label></div>
|
||||
<div><label id="lab-scale" lk="scale">scale</label></div>
|
||||
<div class="grow a-center">
|
||||
<i class="fas fa-mouse-pointer"></i>
|
||||
<label lk="select">select</label>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,6 +21,7 @@ kiri.lang['en-us'] = {
|
|||
import: "import",
|
||||
language: "language",
|
||||
machine: "machine", // device or machine
|
||||
mesh: "mesh", // mesh editing
|
||||
metric: "metric",
|
||||
name: "name",
|
||||
prefs: "prefs", // left menu "preferences"
|
||||
|
|
@ -31,6 +32,7 @@ kiri.lang['en-us'] = {
|
|||
rotate: "rotate", // left rotate pop menu
|
||||
save: "save",
|
||||
scale: "scale", // left object scale pop menu
|
||||
select: "select",
|
||||
setup: "setup",
|
||||
settings: "settings",
|
||||
size: "size",
|
||||
|
|
|
|||
Loading…
Reference in a new issue