noham/Pocket-Bird
1
0
Fork 0
mirror of https://github.com/NohamR/Pocket-Bird.git synced 2026-05-26 04:07:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

Allow escape button to close windows

Browse Source
This commit is contained in:
Idrees Hassan
2024-12-30 20:53:44 -05:00
parent 3e2192f730
commit 6c588956de
1 changed files with 23 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
birb.js
View File

@@ -125,8 +125,8 @@ const styles = `
padding: 7px; padding: 7px;
padding-top: 4px; padding-top: 4px;
padding-bottom: 4px; padding-bottom: 4px;
padding-left: 10px; padding-left: 30px;
padding-right: 10px; padding-right: 30px;
background-color: #ffa3cb; background-color: #ffa3cb;
box-shadow: box-shadow:
var(--border-size) 0 #ffa3cb, var(--border-size) 0 #ffa3cb,
@@ -193,7 +193,7 @@ const styles = `
width: 300px; width: 300px;
margin-left: -15px; margin-left: -15px;
margin-right: -30px; margin-right: -30px;
margin-top: -14px; margin-top: -10px;
margin-bottom: -23px; margin-bottom: -23px;
border:none; border:none;
aspect-ratio: 1; aspect-ratio: 1;
@@ -713,7 +713,8 @@ Promise.all([loadSpritesheetPixels(SPRITE_SHEET_URI), loadSpritesheetPixels(DECO
new MenuItem("Pet Birb", pet), new MenuItem("Pet Birb", pet),
new MenuItem("Field Guide", insertFieldGuide), new MenuItem("Field Guide", insertFieldGuide),
// new MenuItem("Decorations", insertDecoration), // new MenuItem("Decorations", insertDecoration),
new MenuItem("Programs", () => switchMenuItems(programItems), false), new MenuItem("Programs", () => {}),
new MenuItem("Games", () => switchMenuItems(programItems), false),
new Separator(), new Separator(),
new MenuItem("Settings", () => {}), new MenuItem("Settings", () => {}),
]; ];
@@ -724,11 +725,11 @@ Promise.all([loadSpritesheetPixels(SPRITE_SHEET_URI), loadSpritesheetPixels(DECO
new MenuItem("Pico Dino", () => insertPico8("Pico Dino", "picodino")), new MenuItem("Pico Dino", () => insertPico8("Pico Dino", "picodino")),
new MenuItem("Tetraminis", () => insertPico8("Tetraminis", "tetraminisdeffect")), new MenuItem("Tetraminis", () => insertPico8("Tetraminis", "tetraminisdeffect")),
new MenuItem("Woodworm", () => insertPico8("Woodworm", "woodworm")), new MenuItem("Woodworm", () => insertPico8("Woodworm", "woodworm")),
new MenuItem("Wobblepaint ", () => insertPico8("Wobblepaint", "wobblepaint")), // new MenuItem("Wobblepaint ", () => insertPico8("Wobblepaint", "wobblepaint")),
new MenuItem("Terra Nova Pinball", () => insertPico8("Terra Nova Pinball", "terra_nova_pinball")), new MenuItem("Pinball", () => insertPico8("Terra Nova Pinball", "terra_nova_pinball")),
new MenuItem("Pico and Chill", () => insertPico8("Pico and Chill", "picochill")), new MenuItem("Pico and Chill", () => insertPico8("Pico and Chill", "picochill")),
new MenuItem("Celeste 2", () => insertPico8("Celeste 2", "celeste_classic_2")), new MenuItem("Celeste 2", () => insertPico8("Celeste 2", "celeste_classic_2")),
new MenuItem("Pool", () => insertPico8("Pool", "mot_pool")), // new MenuItem("Pool", () => insertPico8("Pool", "mot_pool")),
]; ];
const styleElement = document.createElement("style"); const styleElement = document.createElement("style");
@@ -1016,10 +1017,13 @@ Promise.all([loadSpritesheetPixels(SPRITE_SHEET_URI), loadSpritesheetPixels(DECO
document.body.appendChild(modal); document.body.appendChild(modal);
makeDraggable(modal.querySelector(".birb-window-header")); makeDraggable(modal.querySelector(".birb-window-header"));
modal.querySelector(".birb-window-close")?.addEventListener("click", () => { const closeButton = modal.querySelector(".birb-window-close");
if (closeButton) {
makeClosable(closeButton, () => {
modal.remove(); modal.remove();
}); });
} }
}
function insertFieldGuide() { function insertFieldGuide() {
if (document.querySelector("#" + FIELD_GUIDE_ID)) { if (document.querySelector("#" + FIELD_GUIDE_ID)) {
@@ -1041,9 +1045,12 @@ Promise.all([loadSpritesheetPixels(SPRITE_SHEET_URI), loadSpritesheetPixels(DECO
document.body.appendChild(fieldGuide); document.body.appendChild(fieldGuide);
makeDraggable(fieldGuide.querySelector(".birb-window-header")); makeDraggable(fieldGuide.querySelector(".birb-window-header"));
fieldGuide.querySelector(".birb-window-close")?.addEventListener("click", () => { const closeButton = fieldGuide.querySelector(".birb-window-close");
removeFieldGuide(); if (closeButton) {
makeClosable(closeButton, () => {
fieldGuide.remove();
}); });
}
const content = fieldGuide.querySelector(".birb-grid-content"); const content = fieldGuide.querySelector(".birb-grid-content");
if (!content) { if (!content) {
@@ -1094,7 +1101,7 @@ Promise.all([loadSpritesheetPixels(SPRITE_SHEET_URI), loadSpritesheetPixels(DECO
} }
/** /**
* @param {HTMLElement} closeButton * @param {Element} closeButton
* @param {() => void} func * @param {() => void} func
*/ */
function makeClosable(closeButton, func) { function makeClosable(closeButton, func) {
@@ -1126,7 +1133,7 @@ Promise.all([loadSpritesheetPixels(SPRITE_SHEET_URI), loadSpritesheetPixels(DECO
function insertPico8(name, pid) { function insertPico8(name, pid) {
let html = ` let html = `
<div class="birb-window-header"> <div class="birb-window-header">
<div class="birb-window-title">PICO-8: ${name}</div> <div class="birb-window-title">${name}</div>
<div class="birb-window-close">x</div> <div class="birb-window-close">x</div>
</div> </div>
<div class="birb-window-content birb-pico-8-content"> <div class="birb-window-content birb-pico-8-content">
@@ -1140,7 +1147,7 @@ Promise.all([loadSpritesheetPixels(SPRITE_SHEET_URI), loadSpritesheetPixels(DECO
makeDraggable(pico8.querySelector(".birb-window-header")); makeDraggable(pico8.querySelector(".birb-window-header"));
const close = pico8.querySelector(".birb-window-close"); const close = pico8.querySelector(".birb-window-close");
if (close) { if (close) {
close.addEventListener("click", () => { makeClosable(close, () => {
pico8.remove(); pico8.remove();
}); });
} }