MrUnknownDE/medien-dl
1
0
Fork 0
mirror of https://github.com/MrUnknownDE/medien-dl.git synced 2026-05-07 05:26:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix: move to en lang

Browse Source
This commit is contained in:
MrUnknownDE
2025-12-23 20:17:14 +01:00
parent 91a2565ec2
commit 2f413766fd
2 changed files with 30 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/script.js
+12 -12
View File
@@ -91,7 +91,7 @@ document.addEventListener('DOMContentLoaded', () => {
if (detected) { if (detected) {
dom.platformInput.value = detected.name; dom.platformInput.value = detected.name;
dom.detectedText.textContent = detected.name + " erkannt"; dom.detectedText.textContent = detected.name + " detected";
dom.detectedIcon.className = `fab ${detected.icon}`; dom.detectedIcon.className = `fab ${detected.icon}`;
dom.detectionArea.style.opacity = '1'; dom.detectionArea.style.opacity = '1';
dom.detectionArea.style.transform = 'translateY(0)'; dom.detectionArea.style.transform = 'translateY(0)';
@@ -156,7 +156,7 @@ document.addEventListener('DOMContentLoaded', () => {
currentJobId = data.job_id; currentJobId = data.job_id;
startPolling(); startPolling();
} else { } else {
throw new Error(data.error || "Start fehlgeschlagen"); throw new Error(data.error || "Start failed");
} }
} catch (err) { } catch (err) {
showError(err.message); showError(err.message);
@@ -168,7 +168,7 @@ document.addEventListener('DOMContentLoaded', () => {
try { try {
if(!currentJobId) return; if(!currentJobId) return;
const res = await fetch(`/status?job_id=${currentJobId}`); const res = await fetch(`/status?job_id=${currentJobId}`);
if (res.status === 404) { showError("Job nicht gefunden"); return; } if (res.status === 404) { showError("Job not found"); return; }
const status = await res.json(); const status = await res.json();
@@ -235,7 +235,7 @@ document.addEventListener('DOMContentLoaded', () => {
function loadHistory() { function loadHistory() {
const raw = localStorage.getItem('mdl_history'); const raw = localStorage.getItem('mdl_history');
if(!raw) { if(!raw) {
dom.historyTableBody.innerHTML = '<tr><td colspan="5" class="text-center text-white-50 py-3">Kein Verlauf vorhanden</td></tr>'; dom.historyTableBody.innerHTML = '<tr><td colspan="5" class="text-center text-white-50 py-3">No history available</td></tr>';
return; return;
} }
@@ -258,9 +258,9 @@ document.addEventListener('DOMContentLoaded', () => {
tr.innerHTML = ` tr.innerHTML = `
<td class="ps-4 text-white-50 small font-monospace">${time}</td> <td class="ps-4 text-white-50 small font-monospace">${time}</td>
<td class="text-center text-primary-light small">${item.platform}</td> <td class="text-center text-primary-light small">${item.platform}</td>
<td class="text-truncate" style="max-width: 150px;" title="${item.title}">${item.title || 'Unbekannt'}</td> <td class="text-truncate" style="max-width: 150px;">${item.title || 'Unknown'}</td>
<td class="text-center"> <td class="text-center">
<a href="${item.source}" target="_blank" class="text-white-50" title="Quelle öffnen: ${item.source}"> <a href="${item.source}" target="_blank" class="text-white-50" title="Open source: ${item.source}">
<i class="fas fa-link"></i> <i class="fas fa-link"></i>
</a> </a>
</td> </td>
@@ -276,25 +276,25 @@ document.addEventListener('DOMContentLoaded', () => {
function saveHistory(resultUrl) { function saveHistory(resultUrl) {
const pf = dom.platformInput.value; const pf = dom.platformInput.value;
const sourceUrl = dom.urlInput.value; // Hole die Original-URL aus dem Input const sourceUrl = dom.urlInput.value; // Capture source URL
const entry = { const entry = {
url: resultUrl, // Der fertige S3 Download Link url: resultUrl,
source: sourceUrl, // Der ursprüngliche YouTube/etc Link source: sourceUrl,
platform: pf, platform: pf,
title: pf + " Download", // (Backend sendet Titel aktuell nicht im finalen Status, daher generisch) title: pf + " Download",
ts: Date.now() ts: Date.now()
}; };
let data = JSON.parse(localStorage.getItem('mdl_history') || '[]'); let data = JSON.parse(localStorage.getItem('mdl_history') || '[]');
data.unshift(entry); data.unshift(entry);
if(data.length > 20) data.pop(); // Max 20 Einträge if(data.length > 20) data.pop(); // Max 20 entries
localStorage.setItem('mdl_history', JSON.stringify(data)); localStorage.setItem('mdl_history', JSON.stringify(data));
loadHistory(); loadHistory();
} }
function clearHistory() { function clearHistory() {
if(confirm("Verlauf wirklich löschen?")) { if(confirm("Really clear history?")) {
localStorage.removeItem('mdl_history'); localStorage.removeItem('mdl_history');
loadHistory(); loadHistory();
} }
templates/index.html
+18 -18
View File
@@ -1,4 +1,4 @@
<html lang="de"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -25,7 +25,7 @@
<div class="brand fw-bold text-white fs-4 tracking-wide"> <div class="brand fw-bold text-white fs-4 tracking-wide">
unknownMedien<span class="text-primary-light">.dl</span> unknownMedien<span class="text-primary-light">.dl</span>
</div> </div>
<button class="btn btn-glass-icon" data-bs-toggle="modal" data-bs-target="#historyModal" title="Verlauf"> <button class="btn btn-glass-icon" data-bs-toggle="modal" data-bs-target="#historyModal" title="History">
<i class="fas fa-history"></i> <i class="fas fa-history"></i>
</button> </button>
</nav> </nav>
@@ -38,7 +38,7 @@
<!-- Headline --> <!-- Headline -->
<h1 class="hero-title mb-3 fade-in">Media Downloader</h1> <h1 class="hero-title mb-3 fade-in">Media Downloader</h1>
<p class="hero-subtitle text-white-50 mb-5 fade-in delay-1"> <p class="hero-subtitle text-white-50 mb-5 fade-in delay-1">
Einfach Link einfügen. Wir übernehmen den Rest. Simply paste your link. We handle the rest.
</p> </p>
<!-- Form Area --> <!-- Form Area -->
@@ -64,7 +64,7 @@
<!-- Badge --> <!-- Badge -->
<span class="badge glass-badge px-3 py-2 rounded-pill mb-3"> <span class="badge glass-badge px-3 py-2 rounded-pill mb-3">
<i id="detected-icon" class="fas fa-check me-2"></i> <i id="detected-icon" class="fas fa-check me-2"></i>
<span id="detected-text">SoundCloud erkannt</span> <span id="detected-text">SoundCloud detected</span>
</span> </span>
<!-- Dynamic Options --> <!-- Dynamic Options -->
@@ -84,7 +84,7 @@
</div> </div>
</div> </div>
<div class="col-auto" id="quality-wrapper"> <div class="col-auto" id="quality-wrapper">
<label class="text-white-50 small text-uppercase fw-bold mb-2 d-block">Qualität</label> <label class="text-white-50 small text-uppercase fw-bold mb-2 d-block">Quality</label>
<select class="form-select glass-select" id="mp3_bitrate" name="mp3_bitrate"> <select class="form-select glass-select" id="mp3_bitrate" name="mp3_bitrate">
<option>Best</option><option selected>192k</option><option>128k</option> <option>Best</option><option selected>192k</option><option>128k</option>
</select> </select>
@@ -98,7 +98,7 @@
<!-- Codec Options --> <!-- Codec Options -->
<div id="codec-options-section" class="d-none option-group mt-3 text-center"> <div id="codec-options-section" class="d-none option-group mt-3 text-center">
<div class="d-inline-flex align-items-center glass-panel px-3 py-2 rounded"> <div class="d-inline-flex align-items-center glass-panel px-3 py-2 rounded">
<span class="text-white-50 small me-3">Kompatibilität (H.264)</span> <span class="text-white-50 small me-3">Compatibility (H.264)</span>
<div class="form-check form-switch m-0"> <div class="form-check form-switch m-0">
<input class="form-check-input custom-switch" type="checkbox" role="switch" id="codec-switch"> <input class="form-check-input custom-switch" type="checkbox" role="switch" id="codec-switch">
<input type="hidden" name="codec_preference" id="codec_preference" value="original"> <input type="hidden" name="codec_preference" id="codec_preference" value="original">
@@ -118,7 +118,7 @@
<div id="process-view" class="d-none w-100 max-w-lg mx-auto mt-5"> <div id="process-view" class="d-none w-100 max-w-lg mx-auto mt-5">
<!-- Main Status --> <!-- Main Status -->
<h3 id="status-message" class="text-white fw-bold mb-3 tracking-wide">INITIALISIERUNG...</h3> <h3 id="status-message" class="text-white fw-bold mb-3 tracking-wide">INITIALIZING...</h3>
<!-- Progress Bar --> <!-- Progress Bar -->
<div class="progress glass-progress mb-4"> <div class="progress glass-progress mb-4">
@@ -145,16 +145,16 @@
<div class="icon-circle bg-success-soft mb-3 mx-auto"> <div class="icon-circle bg-success-soft mb-3 mx-auto">
<i class="fas fa-check text-success fs-2"></i> <i class="fas fa-check text-success fs-2"></i>
</div> </div>
<h2 class="text-white fw-bold mb-1">Fertig!</h2> <h2 class="text-white fw-bold mb-1">Done!</h2>
<p class="text-white-50 mb-4">Deine Datei steht bereit.</p> <p class="text-white-50 mb-4">Your file is ready.</p>
<a id="result-url" href="#" target="_blank" class="btn btn-primary-glow btn-lg px-5 rounded-pill fw-bold"> <a id="result-url" href="#" target="_blank" class="btn btn-primary-glow btn-lg px-5 rounded-pill fw-bold">
<i class="fas fa-download me-2"></i> Herunterladen <i class="fas fa-download me-2"></i> Download
</a> </a>
<div class="mt-4"> <div class="mt-4">
<button class="btn btn-link text-white-50 text-decoration-none btn-sm" onclick="location.reload()"> <button class="btn btn-link text-white-50 text-decoration-none btn-sm" onclick="location.reload()">
<i class="fas fa-redo me-1"></i> Weitere Datei <i class="fas fa-redo me-1"></i> Convert another
</button> </button>
</div> </div>
</div> </div>
@@ -168,7 +168,7 @@
<div class="modal-dialog modal-lg modal-dialog-centered"> <div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content glass-modal border-0"> <div class="modal-content glass-modal border-0">
<div class="modal-header border-bottom-white-10"> <div class="modal-header border-bottom-white-10">
<h5 class="modal-title text-white fw-bold">Verlauf (Lokal)</h5> <h5 class="modal-title text-white fw-bold">History (Local)</h5>
<button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button> <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
</div> </div>
<div class="modal-body p-0"> <div class="modal-body p-0">
@@ -176,10 +176,10 @@
<table class="table table-dark table-hover mb-0 bg-transparent align-middle" id="history-table"> <table class="table table-dark table-hover mb-0 bg-transparent align-middle" id="history-table">
<thead> <thead>
<tr class="text-white-50 small text-uppercase"> <tr class="text-white-50 small text-uppercase">
<th class="ps-4">Zeit</th> <th class="ps-4">Time</th>
<th class="text-center">Typ</th> <th class="text-center">Type</th>
<th>Titel</th> <th>Title</th>
<th class="text-center">Quelle</th> <!-- NEU: Quelle Spalte --> <th class="text-center">Source</th>
<th class="text-end pe-4">Download</th> <th class="text-end pe-4">Download</th>
</tr> </tr>
</thead> </thead>
@@ -190,8 +190,8 @@
</div> </div>
</div> </div>
<div class="modal-footer border-top-white-10 justify-content-between"> <div class="modal-footer border-top-white-10 justify-content-between">
<button id="clear-history-button" class="btn btn-outline-danger btn-sm rounded-pill">Alle löschen</button> <button id="clear-history-button" class="btn btn-outline-danger btn-sm rounded-pill">Clear all</button>
<small class="text-white-50">Gespeichert im Browser für 7 Tage</small> <small class="text-white-50">Saved in browser for 7 days</small>
</div> </div>
</div> </div>
</div> </div>