TonBERRY/tonberry-pico
3
0
Fork 0
Code Issues 9 Pull Requests 1 Actions Packages Projects 1 Releases Wiki Activity

feat/filesystem_viewer #70

Merged
matthias merged 4 commits from feat/filesystem_viewer into main 2026-01-27 19:27:00 +00:00
Conversation 1 Commits 4 Files Changed 2 +24 -2
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit bd15a45090 - Show all commits

26
software/frontend/index.html
View File

@@ -147,6 +147,7 @@
<button onclick="showScreen('menu')">🏠 Main Menu</button> <button onclick="showScreen('menu')">🏠 Main Menu</button>
<button onclick="showScreen('config')">⚙️ Config Editor</button> <button onclick="showScreen('config')">⚙️ Config Editor</button>
<button onclick="showScreen('playlist')">🖹 Playlist Editor</button> <button onclick="showScreen('playlist')">🖹 Playlist Editor</button>
<button onclick="showScreen('playlist_filebrowser', 'filesystem')">📂 Filesystem</button>
</nav> </nav>
<!-- MAIN MENU --> <!-- MAIN MENU -->
@@ -243,7 +244,7 @@
<!-- PLAYLIST EDITOR SCREEN 3: file browser --> <!-- PLAYLIST EDITOR SCREEN 3: file browser -->
<div id="screen-playlist_filebrowser" class="screen"> <div id="screen-playlist_filebrowser" class="screen">
<h2>Playlist Editor</h2> <h2 id="playlist-filebrowser-title">Playlist Editor</h2>
<div id="playlist-filebrowser-container"> <div id="playlist-filebrowser-container">
<div class="scroll-container"> <div class="scroll-container">
<div class="tree" id="playlist-filebrowser-tree"> <div class="tree" id="playlist-filebrowser-tree">
@@ -787,6 +788,8 @@
PLAYLIST EDITOR LOGIC - ADD FILES SCREEN PLAYLIST EDITOR LOGIC - ADD FILES SCREEN
------------------------------------------- */ ------------------------------------------- */
Screens.playlist_filebrowser = (() => { Screens.playlist_filebrowser = (() => {
let isFilesystemMode = false;
function init() { function init() {
document.getElementById('playlist-filebrowser-cancel').addEventListener("click", (e) => { document.getElementById('playlist-filebrowser-cancel').addEventListener("click", (e) => {
showScreen("playlist_edit", {}); showScreen("playlist_edit", {});
@@ -805,13 +808,32 @@
}); });
tree.init(); tree.init();
} }
async function onShow(intent) { async function onShow(intent) {
console.log(intent)
document.getElementById('playlist-filebrowser-addtrack').disabled = true; document.getElementById('playlist-filebrowser-addtrack').disabled = true;
const title = document.getElementById('playlist-filebrowser-title');
const cancelButton = document.getElementById('playlist-filebrowser-cancel');
const addTracksButton = document.getElementById('playlist-filebrowser-addtrack');
if (intent !== 'refresh') { if (intent !== 'refresh') {
isFilesystemMode = (intent === 'filesystem');
document.getElementById('playlist-filebrowser-upload-progress').value = 0; document.getElementById('playlist-filebrowser-upload-progress').value = 0;
document.getElementById("playlist-filebrowser-upload-files").value = ""; document.getElementById("playlist-filebrowser-upload-files").value = "";
} }
if (isFilesystemMode) {
title.innerText = "Filesystem";
cancelButton.style.display = 'none';
addTracksButton.style.display = 'none';
} else {
title.innerText = "Playlist Editor";
cancelButton.style.display = ''
addTracksButton.style.display = ''
}
tree = document.getElementById("playlist-filebrowser-tree"); tree = document.getElementById("playlist-filebrowser-tree");
tree.innerHTML = "Loading..."; tree.innerHTML = "Loading...";
fetch('/api/v1/audiofiles') fetch('/api/v1/audiofiles')