AI_Assistant/grid-apps-cmms
Watch
1
0
Fork
You've already forked grid-apps-cmms
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

move render menu to right panel

Browse source
This commit is contained in:
Stewart Allen 2024-05-29 12:54:59 -04:00
commit af7d1de2fb
5 changed files with 110 additions and 55 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/kiri/init.js
View file

@ -2445,13 +2445,13 @@ gapp.register("kiri.init", [], (root, exports) => {
return lbl;
}
for (let mode of ["fdm","sla","cam","laser"]) {
if (api.feature.modes.indexOf(mode) >= 0) {
$(`mode-${mode}`).appendChild(mksvg(icons[mode]));
} else {
$(`mode-${mode}`).style.display = 'none';
}
}
// for (let mode of ["fdm","sla","cam","laser"]) {
// if (api.feature.modes.indexOf(mode) >= 0) {
// $(`mode-${mode}`).appendChild(mksvg(icons[mode]));
// } else {
// $(`mode-${mode}`).style.display = 'none';
// }
// }
api.platform.update_size();
@ -2789,10 +2789,10 @@ gapp.register("kiri.init", [], (root, exports) => {
$('view-left').onclick = space.view.left;
$('view-right').onclick = space.view.right;
$('view-clear').onclick = api.platform.clear;
$('mode-fdm').onclick = () => { api.mode.set('FDM'); api.space.set_focus() };
$('mode-sla').onclick = () => { api.mode.set('SLA'); api.space.set_focus() };
$('mode-cam').onclick = () => { api.mode.set('CAM'); api.space.set_focus() };
$('mode-laser').onclick = () => { api.mode.set('LASER'); api.space.set_focus() };
// $('mode-fdm').onclick = () => { api.mode.set('FDM'); api.space.set_focus() };
// $('mode-sla').onclick = () => { api.mode.set('SLA'); api.space.set_focus() };
// $('mode-cam').onclick = () => { api.mode.set('CAM'); api.space.set_focus() };
// $('mode-laser').onclick = () => { api.mode.set('LASER'); api.space.set_focus() };
$('unrotate').onclick = () => {
api.widgets.for(w => w.unrotate());
api.selection.update_info();

18
src/kiri/main.js
View file

@ -844,7 +844,7 @@ gapp.register("kiri.main", [], (root, exports) => {
switch (mode) {
case VIEWS.ARRANGE:
api.function.clear_progress();
UI.back.style.display = '';
// UI.back.style.display = '';
UI.render.style.display = '';
kiri.client.clear();
STACKS.clear();
@ -907,14 +907,14 @@ gapp.register("kiri.main", [], (root, exports) => {
modename.onchange = (ev) => setMode(optlist[options.selectedIndex]);
}
// highlight relevant device mode button
["fdm","sla","cam","laser"].forEach(dev => {
let cl = $(`mode-${dev}`).classList;
if (dev === mode.toLowerCase()) {
cl.add("dev-sel");
} else {
cl.remove("dev-sel");
}
});
// ["fdm","sla","cam","laser"].forEach(dev => {
// let cl = $(`mode-${dev}`).classList;
// if (dev === mode.toLowerCase()) {
// cl.add("dev-sel");
// } else {
// cl.remove("dev-sel");
// }
// });
// restore cached device profile for this mode
if (current.cdev[mode]) {
current.device = clone(current.cdev[mode]);

20
src/kiri/ui.js
View file

@ -283,16 +283,16 @@ gapp.register("kiri.ui", [], (root, exports) => {
row.appendChild(link);
}
if (opt.separator) {
const sep = DOC.createElement('div');
sep.classList.add('set2-sep');
sep.innerHTML = [
'<div class="line-sep2"></div>',
'<div class="chonk2"></div>',
'<div class="line-sep2"></div>',
].join('');
lastDiv.appendChild(sep);
}
// if (opt.separator) {
// const sep = DOC.createElement('div');
// sep.classList.add('set2-sep');
// sep.innerHTML = [
// '<div class="line-sep2"></div>',
// '<div class="chonk2"></div>',
// '<div class="line-sep2"></div>',
// ].join('');
// lastDiv.appendChild(sep);
// }
addModeControls(row, opt);
lastGroup = groups[group] = [];

43
web/kiri/index.css
View file

@ -382,6 +382,15 @@ th, tr, td, label {
font-weight: bold;
}
.b0 {
border: 0px;
}
.bt1 {
border: 1px solid transparent;
}
.bt2 {
border: 2px solid transparent;
}
.contents {
display: contents;
}
@ -391,6 +400,15 @@ th, tr, td, label {
.noshow {
display: none;
}
.gap1 {
gap: 1px;
}
.gap2 {
gap: 2px;
}
.gap3 {
gap: 3px;
}
.grid {
display: grid;
}
@ -839,6 +857,31 @@ th, tr, td, label {
#ft-mesh {
min-width: 200px;
}
#menu-render {
gap: 3px;
flex-direction: row;;
}
#menu-render > span {
width: 20px;
height: 20px;
display: flex;
flex-shrink: 0;
flex-direction: column;
}
#menu-render > span > * {
padding: 0;
margin: 0;
width: 20px;
height: 20px;
align-items: stretch;
justify-content: stretch;
}
#render-hide > a {
border: 0.5px dashed black;
border-radius: 2px;
width: 17px;
height: 17px;
}
#mesh-info {
grid-gap: 2px;
grid-template-rows: auto auto auto;

62
web/kiri/index.html
View file

@ -131,29 +131,6 @@
<div id="pop-nozzle" class="content"></div>
</div>
</span>
<span id="menu-render">
<i class="fas fa-dice-d20"></i>
<label>render</label>
<div class="top-menu-drop top-menu-right">
<div class="content">
<div id="render-solid" class="grow a-center">
<label lk="solid">solid</label>
<span><i class="fas fa-square"></i></span>
</div>
<div id="render-wire" class="grow a-center">
<label lk="wire">wire</label>
<span><i class="fas fa-border-all"></i></span>
</div>
<div id="render-ghost" class="grow a-center">
<label lk="ghost">ghost</label>
<span><i class="fas fa-border-none"></i></span>
</div>
<div id="render-hide" class="grow a-center">
<label lk="hide">hide</label>
</div>
</div>
</div>
</span>
<span>
<i class="fas fa-eye"></i>
<label>view</label>
@ -345,6 +322,26 @@
<div class="line-sep2"></div>
</div>
<div id="ws-widgets" class="f-col"></div>
<div class="set-header">
<a>render</a>
</div>
<div class="set2-set f-col">
<div class="line-sep2"></div>
<div class="chonk2"></div>
<div class="line-sep2"></div>
</div>
<div id="menu-render" class="j-center">
<span id="render-solid" class="j-center" title="solid">
<i class="fas fa-square"></i>
</span>
<span id="render-wire" class="j-center" title="wireframe">
<i class="fas fa-border-all"></i>
</span>
<span id="render-ghost" class="a-center" title="ghost">
<i class="fas fa-border-none"></i>
</span>
<span id="render-hide" class="a-center j-center" title="hide"><a></a></span>
</div>
</div>
<div class="set2-group f-col mode-fdm">
<div class="set-header">
@ -414,7 +411,10 @@
<div id="modal">
<div id="modal-box" class="f-col">
<!-- title bar and closer -->
<div class="mod-top f-row"><div id="mod-x"><i class="fas fa-times"></i></div></div>
<!-- help menu -->
<div id="mod-help" class="mdialog f-col">
<div class="f-row j-center title">
<label>Kiri:Moto Help</label>
@ -432,9 +432,11 @@
<label id="kiri-version"></label>
</div>
</div>
<!-- device selector / editor -->
<div id="mod-setup" class="mdialog f-row">
<div class="f-col left a-stretch">
<label class="header" lk="dm_sldt">select a device type</label>
<!-- <label class="header" lk="dm_sldt">select a device type</label>
<div class="f-col">
<table><tr>
<th><button id="mode-fdm" class="dev-type"><label>FDM</label></button></th>
@ -443,7 +445,7 @@
<th><button id="mode-cam" class="dev-type"><label>CNC</label></button></th>
<th><button id="mode-laser" class="dev-type"><label>LASER</label></button></th>
</tr></table>
</div>
</div> -->
<div id="dev-header" class="header sub f-col j-center">
<label lk="dm_stdd">standard devices</label>
<div id="dev-search">
@ -487,10 +489,14 @@
</div>
</div>
</div>
<!-- recent file menu -->
<div id="mod-files" class="mdialog f-col">
<label class="set-header menu-title" lk="dm_rcnt">recent files</label>
<div id="catalogList" class="f-col"></div>
</div>
<!-- settings list and editor -->
<div id="mod-saves" class="mdialog f-col">
<label class="set-header menu-title" lk="dm_savs">saved settings</label>
<div id="settingsList" class="f-col"></div>
@ -499,6 +505,8 @@
<button id="settingsSave" lk="save">Save</button>
</div>
</div>
<!-- cnc tool menu -->
<div id="mod-tools" class="mdialog">
<div class="f-col">
<div class="f-row t-head">
@ -548,6 +556,8 @@
</div>
</div>
</div>
<!-- system preferences -->
<div id="mod-prefs" class="mdialog f-col a-center">
<label lk="dm_appp" class="menu-title">Application Preferences</label>
<hr width="80%">
@ -566,6 +576,8 @@
<div class="t-pad2"></div>
</div>
</div>
<!-- grid local list -->
<div id="mod-local" class="mdialog f-col"></div>
<div id="mod-print" class="mdialog f-col"></div>
<div id="mod-any" class="mdialog f-col"></div>