storm/gaming-image-files
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upload server now has dedicated audio book uploading.

Browse Source
This commit is contained in:
Storm Dragon
2025-10-10 16:48:35 -04:00
parent bf5b1f6955
commit 865d6ed85e
3 changed files with 85 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

91
home/stormux/.local/upload_server/templates/index.html
View File

@@ -243,7 +243,7 @@
<section class="upload-section" aria-labelledby="music-section-heading">
<h2 id="music-section-heading">Upload Music Folder</h2>
<p>Upload an entire music folder with its structure directly to your Music directory.</p>
<form action="/upload_music" method="POST" enctype="multipart/form-data">
<div class="form-group">
<div class="file-input" id="folder-drop-area">
@@ -255,14 +255,38 @@
<p id="folder-help" class="help-text">Selected folder: <span id="selected-folder">None</span></p>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn" id="upload-folder-button">Upload Music Folder</button>
<div id="upload-folder-status" class="upload-status" style="display: none;" aria-live="polite"></div>
</div>
</form>
</section>
<!-- Audiobook Upload Section -->
<section class="upload-section" aria-labelledby="audiobook-section-heading">
<h2 id="audiobook-section-heading">Upload Audiobooks</h2>
<p>Upload audiobook files (.m4b, .epub, or .zip) to your Library directory.</p>
<form action="/upload" method="POST" enctype="multipart/form-data">
<div class="form-group">
<div class="file-input" id="audiobook-drop-area">
<label for="audiobook-upload" class="file-label">
Choose audiobook files or drag and drop here
<span class="sr-only">Select one or more audiobook files to upload</span>
</label>
<input id="audiobook-upload" type="file" name="file" multiple accept=".m4b,.epub,.zip" aria-describedby="audiobook-help">
<p id="audiobook-help" class="help-text">Selected files: <span id="selected-audiobooks">None</span></p>
</div>
</div>
<div class="form-group">
<button type="submit" class="btn" id="upload-audiobook-button">Upload Audiobooks</button>
<div id="upload-audiobook-status" class="upload-status" style="display: none;" aria-live="polite"></div>
</div>
</form>
</section>
<div class="form-group" style="margin-top: 30px; text-align: right;">
<a href="/shutdown" class="btn btn-secondary" style="background-color: #e74c3c;">Shutdown Server</a>
</div>
@@ -274,12 +298,18 @@
if (e.target !== this) return;
document.getElementById('file-upload').click();
});
// Make the entire area clickable for folder selection
document.getElementById('folder-drop-area').addEventListener('click', function(e) {
if (e.target !== this) return;
document.getElementById('folder-upload').click();
});
// Make the entire area clickable for audiobook selection
document.getElementById('audiobook-drop-area').addEventListener('click', function(e) {
if (e.target !== this) return;
document.getElementById('audiobook-upload').click();
});
// Show selected files
document.getElementById('file-upload').addEventListener('change', function(e) {
@@ -303,29 +333,50 @@
const fileList = e.target.files;
const fileCount = fileList.length;
const selectedFolder = document.getElementById('selected-folder');
if (fileCount > 0) {
// Get the common folder path from the first file
const firstFile = fileList[0];
const folderPath = firstFile.webkitRelativePath.split('/')[0];
selectedFolder.textContent = `${folderPath} (${fileCount} files)`;
// Announce to screen readers
document.getElementById('status-announcer').textContent =
document.getElementById('status-announcer').textContent =
`Selected folder: ${folderPath} containing ${fileCount} files`;
} else {
selectedFolder.textContent = 'None';
document.getElementById('status-announcer').textContent = 'No folder selected';
}
});
// Show selected audiobooks
document.getElementById('audiobook-upload').addEventListener('change', function(e) {
const fileList = e.target.files;
const fileNames = Array.from(fileList).map(file => file.name);
const selectedAudiobooks = document.getElementById('selected-audiobooks');
if (fileNames.length > 0) {
selectedAudiobooks.textContent = fileNames.join(', ');
// Announce to screen readers
document.getElementById('status-announcer').textContent =
`Selected ${fileNames.length} audiobook files: ${fileNames.join(', ')}`;
} else {
selectedAudiobooks.textContent = 'None';
document.getElementById('status-announcer').textContent = 'No audiobook files selected';
}
});
// Handle drag and drop for files
const fileDropArea = document.getElementById('file-drop-area');
setupDragDrop(fileDropArea, 'file-upload');
// Handle drag and drop for folders
const folderDropArea = document.getElementById('folder-drop-area');
setupDragDrop(folderDropArea, 'folder-upload');
// Handle drag and drop for audiobooks
const audiobookDropArea = document.getElementById('audiobook-drop-area');
setupDragDrop(audiobookDropArea, 'audiobook-upload');
function setupDragDrop(dropArea, inputId) {
['dragenter', 'dragover', 'dragleave', 'drop'].forEach(eventName => {
@@ -354,17 +405,17 @@
dropArea.addEventListener('drop', function(e) {
const dt = e.dataTransfer;
const files = dt.files;
if (inputId === 'file-upload') {
if (inputId === 'file-upload' || inputId === 'audiobook-upload') {
document.getElementById(inputId).files = files;
// Trigger change event
const event = new Event('change');
document.getElementById(inputId).dispatchEvent(event);
} else {
// Show message that folder drop might not be supported
document.getElementById('status-announcer').textContent =
document.getElementById('status-announcer').textContent =
'For folder upload, please use the file picker';
document.getElementById('selected-folder').textContent =
document.getElementById('selected-folder').textContent =
'Please use the folder selection button';
}
}, false);
@@ -394,9 +445,23 @@
});
}
// Set up progress handling for both forms
// Set up progress handling for all forms
setupUploadProgress('form[action="/upload"]', 'upload-button', 'upload-status');
setupUploadProgress('form[action="/upload_music"]', 'upload-folder-button', 'upload-folder-status');
// Handle audiobook form separately (also uses /upload action but different button)
const audiobookForm = document.getElementById('upload-audiobook-button').closest('form');
const audiobookButton = document.getElementById('upload-audiobook-button');
const audiobookStatus = document.getElementById('upload-audiobook-status');
const announcer = document.getElementById('status-announcer');
audiobookForm.addEventListener('submit', function(e) {
audiobookButton.disabled = true;
audiobookButton.textContent = 'Uploading...';
audiobookStatus.style.display = 'block';
audiobookStatus.textContent = 'Upload in progress, please wait...';
announcer.textContent = 'Audiobook upload started, please wait while files are being processed';
});
// Check if the client is on local network
fetch('/check_local')

2
home/stormux/.local/upload_server/uploader.py
View File

@@ -46,6 +46,7 @@ FINAL_DESTINATIONS = {
'SNES': '/home/stormux/Roms/Super Nintendo Entertainment System',
'SMS': '/home/stormux/Roms/Sega Master System',
'music': '/home/stormux/Music',
'audiobook': '/home/stormux/Library',
'voxin': '/home/stormux/Downloads',
'other': '/home/stormux/Downloads'
}
@@ -57,6 +58,7 @@ FILE_TYPES = {
'SNES': ['.fig', '.smc'],
'SMS': ['.sms'],
'music': ['.mp3', '.ogg', '.flac', '.wav', '.m4a', '.opus'],
'audiobook': ['.m4b', '.epub', '.zip'],
'voxin': ['.tgz'],
'other': [] # Empty list to represent any other file type
}

5
home/stormux/Documents/change_log.md
View File

@@ -5,12 +5,17 @@ Dates are given for the image. All items listed are available for the listed ima
## October 1, 2025
- Update system added
- Add upload audiobook capability to upload server
- Wine configuration update (x86_64)
- System updates
- Update Toby Doom
- Wreckingball added to installable games
- Extend install system to get games not included in the image
- Work on system to require fewer reinstallations
- Add Wicked Christmas level pack
- Update Wicked Quest
- Initial work on book reader
## September 1, 2025