95 lines
3.5 KiB
HTML
95 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self' 'unsafe-inline';">
|
|
<title>Multi Hoster Uploader</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<nav class="tab-bar">
|
|
<button class="tab active" data-view="upload">Upload</button>
|
|
<button class="tab" data-view="settings">Einstellungen</button>
|
|
<button class="tab" data-view="history">Verlauf</button>
|
|
<span class="version-label" id="versionLabel"></span>
|
|
</nav>
|
|
|
|
<div id="updateBanner" class="update-banner" style="display:none">
|
|
<span id="updateMessage"></span>
|
|
<button class="btn btn-sm btn-primary" id="installUpdateBtn">Update installieren</button>
|
|
<button class="btn btn-sm btn-secondary" id="dismissUpdateBtn">×</button>
|
|
</div>
|
|
|
|
<!-- Upload View -->
|
|
<div id="upload-view" class="view active">
|
|
<div class="hoster-select" id="hosterSelect"></div>
|
|
|
|
<div class="health-check-panel">
|
|
<div class="health-check-actions">
|
|
<button class="btn btn-secondary" id="runHealthCheckBtn">Hoster Check</button>
|
|
<span class="health-check-status" id="healthCheckStatus"></span>
|
|
<label class="auto-health-check" title="Fuehrt vor dem Upload automatisch einen Hoster-Check aus">
|
|
<input type="checkbox" id="autoHealthCheckToggle" checked>
|
|
<span>Auto-Check vor Upload</span>
|
|
</label>
|
|
</div>
|
|
<div class="health-check-results" id="healthCheckResults"></div>
|
|
</div>
|
|
|
|
<div class="drop-zone" id="dropZone">
|
|
<div class="drop-icon">📁</div>
|
|
<p>Dateien hierher ziehen oder klicken</p>
|
|
<button class="btn btn-primary" id="pickFilesBtn">Dateien waehlen</button>
|
|
</div>
|
|
|
|
<div class="file-list" id="fileList"></div>
|
|
|
|
<div class="upload-actions" id="uploadActions" style="display:none">
|
|
<button class="btn btn-primary" id="startUploadBtn">Upload starten</button>
|
|
<button class="btn btn-secondary" id="clearFilesBtn">Liste leeren</button>
|
|
</div>
|
|
|
|
<div class="upload-actions" id="cancelActions" style="display:none">
|
|
<button class="btn btn-danger" id="cancelUploadBtn">Abbrechen</button>
|
|
</div>
|
|
|
|
<div class="progress-section" id="progressSection" style="display:none"></div>
|
|
|
|
<div class="results-section" id="resultsSection" style="display:none">
|
|
<div class="results-header">
|
|
<h2 id="resultsTitle">Ergebnisse</h2>
|
|
<div class="results-buttons">
|
|
<button class="btn btn-primary" id="copyAllLinksBtn">Alle Links kopieren</button>
|
|
<button class="btn btn-secondary" id="newUploadBtn">Neuer Upload</button>
|
|
</div>
|
|
</div>
|
|
<div id="resultsContainer"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Settings View -->
|
|
<div id="settings-view" class="view">
|
|
<div class="settings-container">
|
|
<h2>API Keys</h2>
|
|
<p class="settings-hint">API-Keys findest du in den Einstellungen der jeweiligen Hoster-Webseite.</p>
|
|
<div class="settings-grid" id="settingsGrid"></div>
|
|
<button class="btn btn-primary" id="saveSettingsBtn">Speichern</button>
|
|
<span class="save-feedback" id="saveFeedback"></span>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- History View -->
|
|
<div id="history-view" class="view">
|
|
<div class="history-container">
|
|
<div class="history-header">
|
|
<h2>Upload Verlauf</h2>
|
|
<button class="btn btn-secondary" id="clearHistoryBtn">Verlauf loeschen</button>
|
|
</div>
|
|
<div id="historyContainer"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|