gioser-web: move page-controls to static HTML, simplify sync

- Moved the minimize/close buttons from dynamic JS creation to
  static HTML in index.html (always present, hidden by default)
- sync_page_controls() now just toggles opacity/pointer-events
  instead of creating DOM elements
This commit is contained in:
Sergio
2026-05-23 16:52:03 +00:00
parent fa8dfd6ed3
commit 5f4d260301
6 changed files with 54 additions and 62 deletions
+9
View File
@@ -75,6 +75,15 @@
<div id="deck-strip" class="deck-strip vista-strip" role="region" aria-label="Vistas abiertas"></div>
</div>
<!-- Controles fijos de página: minimizar y cerrar (siempre en el DOM,
ocultos por CSS hasta que el deck se abre) -->
<div class="page-controls" id="global-page-controls" style="opacity:0;pointer-events:none;">
<button class="page-control-btn page-minimize" data-minimize="" type="button" aria-label="Minimizar">
<svg viewBox="0 0 24 24" aria-hidden="true"><path d="M5 19 H19" stroke="currentColor" stroke-width="2" fill="none" stroke-linecap="round"/></svg>
</button>
<button class="page-control-btn page-close" data-close-page="" type="button" aria-label="Cerrar">×</button>
</div>
<!-- TASKBAR estilo Windows: home + GioSer + tabs + copyleft -->
<nav class="taskbar" aria-label="Barra de vistas">
<button class="taskbar-home" data-home aria-label="Volver al home" type="button">
+8 -8
View File
@@ -8,15 +8,15 @@ export type InitInput = RequestInfo | URL | Response | BufferSource | WebAssembl
export interface InitOutput {
readonly memory: WebAssembly.Memory;
readonly boot: () => void;
readonly __wasm_bindgen_func_elem_234: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_1460: (a: number, b: number, c: number, d: number) => void;
readonly __wasm_bindgen_func_elem_233: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_233_3: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_515: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_635: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_515_6: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_307: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_308: (a: number, b: number) => void;
readonly __wasm_bindgen_func_elem_1459: (a: number, b: number, c: number, d: number) => void;
readonly __wasm_bindgen_func_elem_232: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_232_3: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_514: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_634: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_514_6: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_306: (a: number, b: number, c: number) => void;
readonly __wasm_bindgen_func_elem_307: (a: number, b: number) => void;
readonly __wbindgen_export: (a: number, b: number) => number;
readonly __wbindgen_export2: (a: number, b: number, c: number, d: number) => number;
readonly __wbindgen_export3: (a: number) => void;
+27 -27
View File
@@ -597,47 +597,47 @@ function __wbg_get_imports() {
},
__wbindgen_cast_0000000000000001: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [Externref], shim_idx: 196, ret: Result(Unit), inner_ret: Some(Result(Unit)) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_1460);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_1459);
return addHeapObject(ret);
},
__wbindgen_cast_0000000000000002: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [F64], shim_idx: 2, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_234);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_233);
return addHeapObject(ret);
},
__wbindgen_cast_0000000000000003: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [NamedExternref("Event")], shim_idx: 6, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_233);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_232);
return addHeapObject(ret);
},
__wbindgen_cast_0000000000000004: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [NamedExternref("KeyboardEvent")], shim_idx: 6, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_233_3);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_232_3);
return addHeapObject(ret);
},
__wbindgen_cast_0000000000000005: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [NamedExternref("MouseEvent")], shim_idx: 144, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_515);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_514);
return addHeapObject(ret);
},
__wbindgen_cast_0000000000000006: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [NamedExternref("MouseEvent")], shim_idx: 190, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_635);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_634);
return addHeapObject(ret);
},
__wbindgen_cast_0000000000000007: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [NamedExternref("PointerEvent")], shim_idx: 144, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_515_6);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_514_6);
return addHeapObject(ret);
},
__wbindgen_cast_0000000000000008: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [NamedExternref("PointerEvent")], shim_idx: 74, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_307);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_306);
return addHeapObject(ret);
},
__wbindgen_cast_0000000000000009: function(arg0, arg1) {
// Cast intrinsic for `Closure(Closure { owned: true, function: Function { arguments: [], shim_idx: 76, ret: Unit, inner_ret: Some(Unit) }, mutable: true }) -> Externref`.
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_308);
const ret = makeMutClosure(arg0, arg1, __wasm_bindgen_func_elem_307);
return addHeapObject(ret);
},
__wbindgen_cast_000000000000000a: function(arg0, arg1) {
@@ -664,38 +664,38 @@ function __wbg_get_imports() {
};
}
function __wasm_bindgen_func_elem_308(arg0, arg1) {
wasm.__wasm_bindgen_func_elem_308(arg0, arg1);
function __wasm_bindgen_func_elem_307(arg0, arg1) {
wasm.__wasm_bindgen_func_elem_307(arg0, arg1);
}
function __wasm_bindgen_func_elem_233(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_233(arg0, arg1, addHeapObject(arg2));
function __wasm_bindgen_func_elem_232(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_232(arg0, arg1, addHeapObject(arg2));
}
function __wasm_bindgen_func_elem_233_3(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_233_3(arg0, arg1, addHeapObject(arg2));
function __wasm_bindgen_func_elem_232_3(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_232_3(arg0, arg1, addHeapObject(arg2));
}
function __wasm_bindgen_func_elem_515(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_515(arg0, arg1, addHeapObject(arg2));
function __wasm_bindgen_func_elem_514(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_514(arg0, arg1, addHeapObject(arg2));
}
function __wasm_bindgen_func_elem_635(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_635(arg0, arg1, addHeapObject(arg2));
function __wasm_bindgen_func_elem_634(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_634(arg0, arg1, addHeapObject(arg2));
}
function __wasm_bindgen_func_elem_515_6(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_515_6(arg0, arg1, addHeapObject(arg2));
function __wasm_bindgen_func_elem_514_6(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_514_6(arg0, arg1, addHeapObject(arg2));
}
function __wasm_bindgen_func_elem_307(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_307(arg0, arg1, addHeapObject(arg2));
function __wasm_bindgen_func_elem_306(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_306(arg0, arg1, addHeapObject(arg2));
}
function __wasm_bindgen_func_elem_1460(arg0, arg1, arg2) {
function __wasm_bindgen_func_elem_1459(arg0, arg1, arg2) {
try {
const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
wasm.__wasm_bindgen_func_elem_1460(retptr, arg0, arg1, addHeapObject(arg2));
wasm.__wasm_bindgen_func_elem_1459(retptr, arg0, arg1, addHeapObject(arg2));
var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
if (r1) {
@@ -706,8 +706,8 @@ function __wasm_bindgen_func_elem_1460(arg0, arg1, arg2) {
}
}
function __wasm_bindgen_func_elem_234(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_234(arg0, arg1, arg2);
function __wasm_bindgen_func_elem_233(arg0, arg1, arg2) {
wasm.__wasm_bindgen_func_elem_233(arg0, arg1, arg2);
}
function addHeapObject(obj) {
Binary file not shown.
+8 -8
View File
@@ -2,15 +2,15 @@
/* eslint-disable */
export const memory: WebAssembly.Memory;
export const boot: () => void;
export const __wasm_bindgen_func_elem_234: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_1460: (a: number, b: number, c: number, d: number) => void;
export const __wasm_bindgen_func_elem_233: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_233_3: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_515: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_635: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_515_6: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_307: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_308: (a: number, b: number) => void;
export const __wasm_bindgen_func_elem_1459: (a: number, b: number, c: number, d: number) => void;
export const __wasm_bindgen_func_elem_232: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_232_3: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_514: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_634: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_514_6: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_306: (a: number, b: number, c: number) => void;
export const __wasm_bindgen_func_elem_307: (a: number, b: number) => void;
export const __wbindgen_export: (a: number, b: number) => number;
export const __wbindgen_export2: (a: number, b: number, c: number, d: number) => number;
export const __wbindgen_export3: (a: number) => void;
+1 -18
View File
@@ -193,30 +193,13 @@ impl AppState {
}
fn sync_page_controls(&self) {
let exists = self.document.get_element_by_id("global-page-controls");
if let Some(ctl) = self.document.get_element_by_id("global-page-controls") {
let is_visible = self.state.borrow().active.is_some();
if let Some(ctl) = exists {
ctl.set_attribute("style", if is_visible {
"opacity:1;pointer-events:auto;"
} else {
"opacity:0;pointer-events:none;"
}).ok();
} else if is_visible {
let Some(body) = self.document.body() else { return };
let div: HtmlElement = self.document
.create_element("div")
.ok()
.and_then(|e| e.dyn_into().ok())
.unwrap();
div.set_id("global-page-controls");
div.set_attribute("class", "page-controls").ok();
div.set_inner_html(
"<button class=\"page-control-btn page-minimize\" data-minimize=\"\" type=\"button\" aria-label=\"Minimizar\">\
<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M5 19 H19\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\" stroke-linecap=\"round\"/></svg>\
</button>\
<button class=\"page-control-btn page-close\" data-close-page=\"\" type=\"button\" aria-label=\"Cerrar\">×</button>"
);
body.append_child(&div).ok();
}
}