checkpoint ui refactor

This commit is contained in:
Stewart Allen 2024-05-24 22:49:10 -04:00
commit ec6dc2c171
8 changed files with 82 additions and 68 deletions

View file

@ -101,11 +101,11 @@ FDM.init = function(kiri, api) {
function clearRanges() {
api.conf.get().process.ranges = [];
ui.rangeGroup.firstElementChild.innerHTML = '';
ui.fdmRanges.innerHTML = '';
}
// re-render ranges menu
function updateRanges(ranges = []) {
ui.rangeGroup.style.display = isFdmMode && ranges && ranges.length ? 'flex' : 'none';
let html = [];
let bind = [];
let now = Date.now();
@ -120,7 +120,7 @@ FDM.init = function(kiri, api) {
]);
bind.push({id, range});
}
ui.rangeGroup.firstElementChild.innerHTML = html.join('');
ui.fdmRanges.innerHTML = html.join('');
for (let rec of bind) {
$(`sel_${rec.id}`).onclick = () => {
api.show.layer(rec.range.hi, rec.range.lo);
@ -159,6 +159,10 @@ FDM.init = function(kiri, api) {
api.event.on("mode.set", mode => {
isFdmMode = mode === 'FDM';
lastMode = mode;
// hide/show fdm mode elements
for (let el of [...document.getElementsByClassName('mode-fdm')]) {
api.uc.setClass(el, 'hide', !isFdmMode);
}
updateVisiblity();
});
api.event.on("view.set", view => {
@ -180,7 +184,6 @@ FDM.init = function(kiri, api) {
}
}
}
// ui.rangeGroup.style.display = ranges && ranges.length ? 'flex' : 'none';
});
api.event.on("range.updates", updateRanges);
api.event.on("settings.load", (settings) => {
@ -191,8 +194,6 @@ FDM.init = function(kiri, api) {
});
api.event.on("settings.saved", (settings) => {
updateRanges(settings.process.ranges);
// let ranges = settings.process.ranges;
// ui.rangeGroup.style.display = isFdmMode && ranges && ranges.length ? 'flex' : 'none';
});
api.event.on("button.click", target => {
switch (target) {