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'),
|
ltfile: $('lt-file'),
|
||||||
ltview: $('lt-view'),
|
ltview: $('lt-view'),
|
||||||
ltact: $('act-slice'),
|
ltact: $('act-slice'),
|
||||||
|
edit: $('lt-tools'),
|
||||||
rotate: $('lt-rotate'),
|
rotate: $('lt-rotate'),
|
||||||
scale: $('lt-scale'),
|
scale: $('lt-scale'),
|
||||||
nozzle: $('lt-nozzle'),
|
nozzle: $('lt-nozzle'),
|
||||||
|
|
@ -2229,6 +2230,7 @@
|
||||||
UC.hoverPop(UI.ltview, { group: hpops, target: $('pop-view') });
|
UC.hoverPop(UI.ltview, { group: hpops, target: $('pop-view') });
|
||||||
UC.hoverPop(UI.ltact, { group: hpops, target: $('pop-slice') });
|
UC.hoverPop(UI.ltact, { group: hpops, target: $('pop-slice') });
|
||||||
UC.hoverPop(UI.render, { group: hpops, target: $('pop-render'), sticky: false });
|
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.rotate, { group: hpops, target: $('pop-rotate'), sticky: true });
|
||||||
UC.hoverPop(UI.scale, { group: hpops, target: $('pop-scale'), sticky: true });
|
UC.hoverPop(UI.scale, { group: hpops, target: $('pop-scale'), sticky: true });
|
||||||
UC.hoverPop(UI.nozzle, { group: hpops, target: $('pop-nozzle'), sticky: true });
|
UC.hoverPop(UI.nozzle, { group: hpops, target: $('pop-nozzle'), sticky: true });
|
||||||
|
|
@ -2620,6 +2622,7 @@
|
||||||
|
|
||||||
// update static html elements with language overrides
|
// update static html elements with language overrides
|
||||||
UI.lang = function() {
|
UI.lang = function() {
|
||||||
|
// lk attribute causes inner text to be replaced with lang value
|
||||||
for (let el of [...DOC.querySelectorAll("[lk]")]) {
|
for (let el of [...DOC.querySelectorAll("[lk]")]) {
|
||||||
let key = el.getAttribute('lk');
|
let key = el.getAttribute('lk');
|
||||||
let val = LANG[key];
|
let val = LANG[key];
|
||||||
|
|
@ -2629,6 +2632,16 @@
|
||||||
console.log({missing_ln: key});
|
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
|
// if a language needs to load, the script is injected and loaded
|
||||||
|
|
|
||||||
|
|
@ -429,6 +429,12 @@ th, tr, td, label {
|
||||||
background-image: var(--gradbar);
|
background-image: var(--gradbar);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
#float-tools {
|
||||||
|
display: none;
|
||||||
|
position: absolute;
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
#lt-top {
|
#lt-top {
|
||||||
height: 10px;
|
height: 10px;
|
||||||
border-top-right-radius: 10px;
|
border-top-right-radius: 10px;
|
||||||
|
|
|
||||||
|
|
@ -77,7 +77,72 @@
|
||||||
<div id="lt-trash" class="lt-menu lt-enabled">
|
<div id="lt-trash" class="lt-menu lt-enabled">
|
||||||
<i class="fas fa-times-circle"></i>
|
<i class="fas fa-times-circle"></i>
|
||||||
</div>
|
</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">
|
<div id="lt-setup" class="lt-menu lt-active">
|
||||||
<i class="fas fa-cogs"></i>
|
<i class="fas fa-cogs"></i>
|
||||||
<label lk="setup">setup</label>
|
<label lk="setup">setup</label>
|
||||||
|
|
@ -173,64 +238,25 @@
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div id="lt-rotate" class="lt-menu">
|
<div id="lt-tools" class="lt-menu lt-active">
|
||||||
<i class="fas fa-sync-alt"></i>
|
<i class="fas fa-tools"></i>
|
||||||
<label lk="rotate">rotate</label>
|
<label lk="tools">edit</label>
|
||||||
<div id="pop-rotate" class="pop-lcol f-row russo">
|
<div id="pop-tools" class="pop-lcol f-row">
|
||||||
<div>
|
<div class="grow a-center">
|
||||||
<div class="grow a-center">
|
<i class="fas fa-sync-alt"></i>
|
||||||
<i id="rot_x_lt" class="fas fa-chevron-left"></i>
|
<label lk="rotate">rotate</label>
|
||||||
<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>
|
<div class="grow a-center">
|
||||||
<div class="grow a-center">
|
<i class="fas fa-expand"></i>
|
||||||
<i id="rot_y_lt" class="fas fa-chevron-left"></i>
|
<label lk="scale">scale</label>
|
||||||
<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>
|
<div class="grow a-center">
|
||||||
<div class="grow a-center">
|
<i class="fas fa-dice-d20"></i>
|
||||||
<i id="rot_z_lt" class="fas fa-chevron-left"></i>
|
<label lk="mesh">mesh</label>
|
||||||
<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>
|
||||||
<!-- <div id="lay-flat" class="f-col j-center center">lay flat</div> -->
|
<div class="grow a-center">
|
||||||
<div id="unrotate" class="f-col j-center" lk="reset">reset</div>
|
<i class="fas fa-mouse-pointer"></i>
|
||||||
</div>
|
<label lk="select">select</label>
|
||||||
</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>
|
|
||||||
<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>
|
||||||
|
|
|
||||||
|
|
@ -21,6 +21,7 @@ kiri.lang['en-us'] = {
|
||||||
import: "import",
|
import: "import",
|
||||||
language: "language",
|
language: "language",
|
||||||
machine: "machine", // device or machine
|
machine: "machine", // device or machine
|
||||||
|
mesh: "mesh", // mesh editing
|
||||||
metric: "metric",
|
metric: "metric",
|
||||||
name: "name",
|
name: "name",
|
||||||
prefs: "prefs", // left menu "preferences"
|
prefs: "prefs", // left menu "preferences"
|
||||||
|
|
@ -31,6 +32,7 @@ kiri.lang['en-us'] = {
|
||||||
rotate: "rotate", // left rotate pop menu
|
rotate: "rotate", // left rotate pop menu
|
||||||
save: "save",
|
save: "save",
|
||||||
scale: "scale", // left object scale pop menu
|
scale: "scale", // left object scale pop menu
|
||||||
|
select: "select",
|
||||||
setup: "setup",
|
setup: "setup",
|
||||||
settings: "settings",
|
settings: "settings",
|
||||||
size: "size",
|
size: "size",
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue