Skip to content

Commit bbd0d85

Browse files
ToolboxAidToolboxAid
committed
oops
1 parent d188458 commit bbd0d85

4 files changed

Lines changed: 52 additions & 153 deletions

File tree

‎GameFoundryStudio/assets/js/tool-display-mode.js‎

Lines changed: 49 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,49 @@
1+
(function () {
2+
const displayMode = document.getElementById("toolDisplayMode");
3+
if (!displayMode) return;
4+
5+
const summary = displayMode.querySelector("summary");
6+
7+
async function enterToolMode() {
8+
document.body.classList.add("tool-focus-mode");
9+
displayMode.open = true;
10+
11+
try {
12+
if (!document.fullscreenElement && document.documentElement.requestFullscreen) {
13+
await document.documentElement.requestFullscreen();
14+
}
15+
} catch (error) {
16+
console.warn("Fullscreen was blocked by the browser. CSS tool display mode is still active.", error);
17+
}
18+
}
19+
20+
async function exitToolMode() {
21+
document.body.classList.remove("tool-focus-mode");
22+
displayMode.open = false;
23+
24+
try {
25+
if (document.fullscreenElement && document.exitFullscreen) {
26+
await document.exitFullscreen();
27+
}
28+
} catch (error) {
29+
console.warn("Exit fullscreen failed.", error);
30+
}
31+
}
32+
33+
summary.addEventListener("click", function (event) {
34+
event.preventDefault();
35+
36+
if (document.body.classList.contains("tool-focus-mode") || document.fullscreenElement) {
37+
exitToolMode();
38+
} else {
39+
enterToolMode();
40+
}
41+
});
42+
43+
document.addEventListener("fullscreenchange", function () {
44+
if (!document.fullscreenElement && document.body.classList.contains("tool-focus-mode")) {
45+
document.body.classList.remove("tool-focus-mode");
46+
displayMode.open = false;
47+
}
48+
});
49+
}());

‎GameFoundryStudio/tool-builder.html‎

Lines changed: 1 addition & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -61,57 +61,7 @@ <h2>Workspace</h2>
6161
</section>
6262
</main>
6363
<footer class="footer"><div class="container"><span>© 2026 Game Foundry Studio</span><span>Build · Play · Share</span></div></footer>
64-
<script>
65-
(function () {
66-
const displayMode = document.getElementById("toolDisplayMode");
67-
if (!displayMode) return;
68-
69-
const summary = displayMode.querySelector("summary");
70-
71-
async function enterToolMode() {
72-
document.body.classList.add("tool-focus-mode");
73-
displayMode.open = true;
74-
75-
try {
76-
if (!document.fullscreenElement && document.documentElement.requestFullscreen) {
77-
await document.documentElement.requestFullscreen();
78-
}
79-
} catch (error) {
80-
console.warn("Fullscreen was blocked by the browser. CSS tool display mode is still active.", error);
81-
}
82-
}
83-
84-
async function exitToolMode() {
85-
document.body.classList.remove("tool-focus-mode");
86-
displayMode.open = false;
87-
88-
try {
89-
if (document.fullscreenElement && document.exitFullscreen) {
90-
await document.exitFullscreen();
91-
}
92-
} catch (error) {
93-
console.warn("Exit fullscreen failed.", error);
94-
}
95-
}
96-
97-
summary.addEventListener("click", function (event) {
98-
event.preventDefault();
99-
100-
if (document.body.classList.contains("tool-focus-mode") || document.fullscreenElement) {
101-
exitToolMode();
102-
} else {
103-
enterToolMode();
104-
}
105-
});
106-
107-
document.addEventListener("fullscreenchange", function () {
108-
if (!document.fullscreenElement && document.body.classList.contains("tool-focus-mode")) {
109-
document.body.classList.remove("tool-focus-mode");
110-
displayMode.open = false;
111-
}
112-
});
113-
}());
114-
</script>
64+
<script src="assets/js/tool-display-mode.js" defer></script>
11565

11666
</body>
11767
</html>

‎GameFoundryStudio/tool-creator.html‎

Lines changed: 1 addition & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -61,57 +61,7 @@ <h2>Workspace</h2>
6161
</section>
6262
</main>
6363
<footer class="footer"><div class="container"><span>© 2026 Game Foundry Studio</span><span>Build · Play · Share</span></div></footer>
64-
<script>
65-
(function () {
66-
const displayMode = document.getElementById("toolDisplayMode");
67-
if (!displayMode) return;
68-
69-
const summary = displayMode.querySelector("summary");
70-
71-
async function enterToolMode() {
72-
document.body.classList.add("tool-focus-mode");
73-
displayMode.open = true;
74-
75-
try {
76-
if (!document.fullscreenElement && document.documentElement.requestFullscreen) {
77-
await document.documentElement.requestFullscreen();
78-
}
79-
} catch (error) {
80-
console.warn("Fullscreen was blocked by the browser. CSS tool display mode is still active.", error);
81-
}
82-
}
83-
84-
async function exitToolMode() {
85-
document.body.classList.remove("tool-focus-mode");
86-
displayMode.open = false;
87-
88-
try {
89-
if (document.fullscreenElement && document.exitFullscreen) {
90-
await document.exitFullscreen();
91-
}
92-
} catch (error) {
93-
console.warn("Exit fullscreen failed.", error);
94-
}
95-
}
96-
97-
summary.addEventListener("click", function (event) {
98-
event.preventDefault();
99-
100-
if (document.body.classList.contains("tool-focus-mode") || document.fullscreenElement) {
101-
exitToolMode();
102-
} else {
103-
enterToolMode();
104-
}
105-
});
106-
107-
document.addEventListener("fullscreenchange", function () {
108-
if (!document.fullscreenElement && document.body.classList.contains("tool-focus-mode")) {
109-
document.body.classList.remove("tool-focus-mode");
110-
displayMode.open = false;
111-
}
112-
});
113-
}());
114-
</script>
64+
<script src="assets/js/tool-display-mode.js" defer></script>
11565

11666
</body>
11767
</html>

‎GameFoundryStudio/tool-publisher.html‎

Lines changed: 1 addition & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -61,57 +61,7 @@ <h2>Workspace</h2>
6161
</section>
6262
</main>
6363
<footer class="footer"><div class="container"><span>© 2026 Game Foundry Studio</span><span>Build · Play · Share</span></div></footer>
64-
<script>
65-
(function () {
66-
const displayMode = document.getElementById("toolDisplayMode");
67-
if (!displayMode) return;
68-
69-
const summary = displayMode.querySelector("summary");
70-
71-
async function enterToolMode() {
72-
document.body.classList.add("tool-focus-mode");
73-
displayMode.open = true;
74-
75-
try {
76-
if (!document.fullscreenElement && document.documentElement.requestFullscreen) {
77-
await document.documentElement.requestFullscreen();
78-
}
79-
} catch (error) {
80-
console.warn("Fullscreen was blocked by the browser. CSS tool display mode is still active.", error);
81-
}
82-
}
83-
84-
async function exitToolMode() {
85-
document.body.classList.remove("tool-focus-mode");
86-
displayMode.open = false;
87-
88-
try {
89-
if (document.fullscreenElement && document.exitFullscreen) {
90-
await document.exitFullscreen();
91-
}
92-
} catch (error) {
93-
console.warn("Exit fullscreen failed.", error);
94-
}
95-
}
96-
97-
summary.addEventListener("click", function (event) {
98-
event.preventDefault();
99-
100-
if (document.body.classList.contains("tool-focus-mode") || document.fullscreenElement) {
101-
exitToolMode();
102-
} else {
103-
enterToolMode();
104-
}
105-
});
106-
107-
document.addEventListener("fullscreenchange", function () {
108-
if (!document.fullscreenElement && document.body.classList.contains("tool-focus-mode")) {
109-
document.body.classList.remove("tool-focus-mode");
110-
displayMode.open = false;
111-
}
112-
});
113-
}());
114-
</script>
64+
<script src="assets/js/tool-display-mode.js" defer></script>
11565

11666
</body>
11767
</html>

0 commit comments

Comments
 (0)