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

tweak slide out settings, add preference

Browse source
This commit is contained in:
Stewart Allen 2024-06-02 18:55:20 -04:00
commit 45335e8da1
3 changed files with 24 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/kiri/conf.js
View file

@ -765,6 +765,7 @@ const conf = exports({
dark: false,
shiny: false,
decals: false,
drawer: false,
zoomSpeed: 1.0,
lineType: "path",
autoSave: true,

10
src/kiri/init.js
View file

@ -169,7 +169,6 @@ gapp.register("kiri.init", [], (root, exports) => {
function booleanSave() {
let control = settings().controller;
let isDark = control.dark;
let doAlert = ui.ortho.checked !== control.ortho;
if (control.assembly != ui.assembly.checked) {
kiri.client.wasm(ui.assembly.checked);
@ -179,6 +178,7 @@ gapp.register("kiri.init", [], (root, exports) => {
}
control.shiny = ui.shiny.checked;
control.decals = ui.decals.checked;
control.drawer = ui.drawer.checked;
control.showOrigin = ui.showOrigin.checked;
control.showRulers = ui.showRulers.checked;
control.autoLayout = ui.autoLayout.checked;
@ -204,6 +204,7 @@ gapp.register("kiri.init", [], (root, exports) => {
api.platform.update_size();
uc.setHoverPop(false);
updateStats();
updateDrawer();
if (control.decals && !control.dark) {
// disable decals in dark mode
loadDeviceTexture(currentDevice, deviceTexture);
@ -216,6 +217,11 @@ gapp.register("kiri.init", [], (root, exports) => {
}
}
function updateDrawer() {
const { drawer } = settings().controller;
$c('app', drawer ? 'slideshow' : '', !drawer ? 'slideshow' : '');
}
function updateStats() {
if (self.debug !== true) {
return;
@ -1541,6 +1547,7 @@ gapp.register("kiri.init", [], (root, exports) => {
space.platform.onMove(conf.save);
space.platform.setRound(true);
space.useDefaultKeys(api.feature.on_key === undefined || api.feature.on_key_defaults);
updateDrawer();
// api augmentation with local functions
api.device.export = deviceExport;
@ -1750,6 +1757,7 @@ gapp.register("kiri.init", [], (root, exports) => {
reverseZoom: newBoolean(LANG.op_invr_s, booleanSave, {title:LANG.op_invr_l}),
ortho: newBoolean(LANG.op_orth_s, booleanSave, {title:LANG.op_orth_l}),
dark: newBoolean(LANG.op_dark_s, booleanSave, {title:LANG.op_dark_l}),
drawer: newBoolean('slide out', booleanSave, {title:'slide out settings drawer'}),
devel: newBoolean(LANG.op_devl_s, booleanSave, {title:LANG.op_devl_l}),
_____: newGroup(LANG.op_disp, $('prefs-gen2'), {inline: true}),
showOrigin: newBoolean(LANG.op_shor_s, booleanSave, {title:LANG.op_shor_l}),

23
web/kiri/index.css
View file

@ -25,7 +25,8 @@
--blue-4: rgb(221, 228, 234);
--blue-5: rgb(240, 243, 245);
--blue-6: rgb(247, 249, 250);
--scroll-bg: rgba(221, 228, 234, 0.25)
--slide-bg: rgba(190, 204, 219, 0.5);
--scroll-bg: rgba(221, 228, 234, 0.25);
}
/* surface size configuration and font import */
@ -679,7 +680,7 @@ th, tr, td, label {
}
.slideshow #panel-left .settings {
transform: translateX(-90%);
transform: translateX(-100%);
transition: transform 0.15s ease-in-out;
}
.slideshow #panel-left:hover .settings {
@ -689,15 +690,19 @@ th, tr, td, label {
left: -100%;
}
.slideshow #slide-show {
transition: left 0.15s ease-in-out;
/* transition: left 0.15s ease-in-out; */
position: absolute;
top: 0;
top: 5px;
left: 0;
bottom: 0;
width: 20px;
background-color: var(--blue-3);
border-right: 2px dashed var(--blue-1);
z-index: 5000;
bottom: 5px;
width: 25px;
background-color: var(--slide-bg);
border-top: 1px solid var(--blue-1);
border-right: 1px solid var(--blue-1);
border-bottom: 1px solid var(--blue-1);
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
z-index: -1;
}
.slideshow #slide-show span {
display: flex;