mirror of
https://github.com/ps5-payload-dev/websrv.git
synced 2026-10-22 03:32:31 -05:00
idlesauce
0b129489a9
The file picker now has a device selector screen at path "", this shows currently connected usb devices, saved smb shares and mdns discovered devices. The pickFile function now takes in a third parameter to decide whether to allow picking files from network locations or not. The file picker now supports going up a directory using the circle button on the controller. The file picker now shows last modified date and size for files. No longer uses smoothscroll, instead relying on animating the left using css, nicer animation on the main home screen. Better way of embedding svgs. Updated button icons.
97 lines
2.8 KiB
JavaScript
97 lines
2.8 KiB
JavaScript
/* Copyright (C) 2024 idlesauce
|
|
|
|
This program is free software; you can redistribute it and/or modify it
|
|
under the terms of the GNU General Public License as published by the
|
|
Free Software Foundation; either version 3, or (at your option) any
|
|
later version.
|
|
|
|
This program is distributed in the hope that it will be useful,
|
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
GNU General Public License for more details.
|
|
|
|
You should have received a copy of the GNU General Public License
|
|
along with this program; see the file COPYING. If not, see
|
|
<http://www.gnu.org/licenses/>. */
|
|
|
|
|
|
// @ts-check
|
|
|
|
/**
|
|
* @typedef {Object} ModalItem
|
|
* @property {string} text
|
|
* @property {function():any} onclick
|
|
*/
|
|
|
|
/**
|
|
* Shouldnt be interacted with directly, use router methods
|
|
* @param {ModalItem[]} items
|
|
*/
|
|
function renderModalOverlay(items) {
|
|
const content = document.getElementById("content");
|
|
if (!content) {
|
|
throw new Error("content not found");
|
|
}
|
|
const oldOverlays = content.querySelectorAll("[data-modal-overlay]");
|
|
for (let overlay of oldOverlays) {
|
|
overlay.remove();
|
|
}
|
|
|
|
removeAllCursorSnapOverlays();
|
|
|
|
const overlay = document.createElement("div");
|
|
overlay.setAttribute("data-modal-overlay", "");
|
|
overlay.classList.add("modal-overlay");
|
|
|
|
const modalContent = document.createElement("div");
|
|
modalContent.classList.add("modal-content");
|
|
|
|
for (let item of items) {
|
|
const entry = document.createElement("a");
|
|
entry.classList.add("list-entry-btn");
|
|
entry.style.position = "relative";
|
|
const textElement = document.createElement("p");
|
|
textElement.classList.add("text-center");
|
|
textElement.innerText = item.text;
|
|
entry.appendChild(textElement);
|
|
|
|
entry.onclick = async () => {
|
|
entry.classList.add("loading-overlay");
|
|
entry.classList.add("loading");
|
|
entry.offsetHeight;
|
|
|
|
let res = await item.onclick();
|
|
if (res && res.path) {
|
|
const launchAppResult = await ApiClient.launchApp(res.path, res.args, res.env, res.cwd, res.daemon);
|
|
if (launchAppResult.data != null) {
|
|
entry.style.transform = "scale(2)";
|
|
setTimeout(() => {
|
|
entry.style.removeProperty("transform");
|
|
}, 300);
|
|
Globals.Router.handleLaunchedAppView(launchAppResult.data);
|
|
}
|
|
}
|
|
|
|
entry.classList.remove("loading-overlay");
|
|
entry.classList.remove("loading");
|
|
}
|
|
entry.tabIndex = 1;
|
|
modalContent.appendChild(entry);
|
|
}
|
|
|
|
overlay.appendChild(modalContent);
|
|
content.appendChild(overlay);
|
|
}
|
|
|
|
function closeModal() {
|
|
const content = document.getElementById("content");
|
|
if (!content) {
|
|
throw new Error("content not found");
|
|
}
|
|
const oldOverlays = content.querySelectorAll("[data-modal-overlay]");
|
|
for (let overlay of oldOverlays) {
|
|
overlay.remove();
|
|
}
|
|
generateCursorSnapOverlays();
|
|
}
|