bluesaxman/blue.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added focusing windows on click, only effects draggable windows

Browse Source
This commit is contained in:
bluesaxman 2022-12-20 11:38:41 -07:00
parent 95efa891ab
commit c6314709ef
2 changed files with 9 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
css/css.css
View File

@ -82,6 +82,6 @@ body > .bui_window_root {
cursor: pointer; cursor: pointer;
} }
.active_window { .focus_window {
z-index: 1000; z-index: 1000;
} }

8
libs/blueui.js
View File

@ -99,6 +99,11 @@ function makeResizeable (targetNode, handleNode) {
} }
} }
function focus_window (window_element) {
var old_focus = Array.from(document.getElementsByClassName("focus_window"));
old_focus.forEach(e => e.classList.remove("focus_window"));
window_element.classList.add("focus_window");
}
class buiWindow { class buiWindow {
constructor (title="", height=100, width=100, min=false, close=true, draggable=true, sizeable=true) { constructor (title="", height=100, width=100, min=false, close=true, draggable=true, sizeable=true) {
@ -113,6 +118,7 @@ class buiWindow {
draggable = "boolean" == typeof draggable ? draggable : true; draggable = "boolean" == typeof draggable ? draggable : true;
if (draggable) { if (draggable) {
makeDraggable(this.root, this.titlebar); makeDraggable(this.root, this.titlebar);
this.root.addEventListener("click", this.focus, {useCapture: true});
} }
min = "boolean" == typeof min ? min : false; min = "boolean" == typeof min ? min : false;
close = "boolean" == typeof close ? close : false; close = "boolean" == typeof close ? close : false;
@ -147,6 +153,8 @@ class buiWindow {
this.root.appendChild(this.main); this.root.appendChild(this.main);
} }
focus () { focus_window(this); }
minimize () { minimize () {
var current = this.content.style.display == "none" ? "revert" : "none"; var current = this.content.style.display == "none" ? "revert" : "none";
this.content.style.display = current; this.content.style.display = current;