Masterluke77andGitHub
6f48827f4d
* docs: prepare Vendoo 1.41.2 git-ignore boundary hotfix * fix: track native source modules with root-anchored runtime ignores
78 lines
4.0 KiB
HTML
78 lines
4.0 KiB
HTML
<!doctype html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
|
|
<meta name="theme-color" content="#f7f4ee">
|
|
<title>Vendoo Foto-Upload</title>
|
|
<link rel="icon" href="/brand/favicons/favicon.ico" sizes="any">
|
|
<link rel="icon" type="image/png" sizes="16x16" href="/brand/favicons/favicon-16x16.png">
|
|
<link rel="icon" type="image/png" sizes="32x32" href="/brand/favicons/favicon-32x32.png">
|
|
<link rel="icon" type="image/png" sizes="48x48" href="/brand/favicons/favicon-48x48.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/brand/favicons/apple-touch-icon.png">
|
|
<link rel="manifest" href="/brand/favicons/site.webmanifest">
|
|
<meta name="msapplication-config" content="/brand/favicons/browserconfig.xml">
|
|
<meta name="theme-color" content="#FAF6F2">
|
|
<link rel="stylesheet" href="/mobile-upload.css">
|
|
</head>
|
|
<body>
|
|
<main class="mobile-upload-shell">
|
|
<header class="mobile-upload-brand">
|
|
<img class="mobile-upload-brand-icon" src="/brand/icons/vendoo-icon-64x64.png" alt="" aria-hidden="true">
|
|
<div><strong>Vendoo</strong><span>Mobiler Foto-Upload</span></div>
|
|
</header>
|
|
|
|
<section class="mobile-upload-card hero">
|
|
<span class="eyebrow">Direkt vom Smartphone</span>
|
|
<h1>Produktfotos aufnehmen</h1>
|
|
<p>Fotografiere den Artikel oder wähle vorhandene Bilder. Sie erscheinen automatisch im geöffneten Vendoo-Studio.</p>
|
|
<div id="session-status" class="session-status"><span></span>Upload-Link wird geprüft …</div>
|
|
</section>
|
|
|
|
<section id="upload-panel" class="mobile-upload-card hidden">
|
|
<div class="mobile-source-actions" role="group" aria-label="Fotoquelle wählen">
|
|
<button id="open-camera-btn" class="camera-action" type="button">
|
|
<span class="camera-icon">◉</span>
|
|
<strong>Kamera öffnen</strong>
|
|
<small>Neues Produktfoto aufnehmen</small>
|
|
</button>
|
|
<button id="open-library-btn" class="camera-action secondary-source" type="button">
|
|
<span class="camera-icon">▦</span>
|
|
<strong>Mediathek auswählen</strong>
|
|
<small>Vorhandene Bilder vom Smartphone</small>
|
|
</button>
|
|
</div>
|
|
<input id="camera-input" type="file" accept="image/*,.heic,.heif" capture="environment" hidden>
|
|
<input id="library-input" type="file" accept="image/*,.heic,.heif" multiple hidden>
|
|
<div class="upload-meta"><span id="photo-count">0 von 10 Bildern</span><span id="expires-copy"></span></div>
|
|
<div id="mobile-preview" class="mobile-preview"></div>
|
|
<button id="upload-btn" class="mobile-primary" type="button" disabled>Fotos zu Vendoo senden</button>
|
|
<div class="mobile-more-actions">
|
|
<button id="add-camera-btn" class="mobile-secondary" type="button">Weiteres Foto aufnehmen</button>
|
|
<button id="add-library-btn" class="mobile-secondary" type="button">Weitere aus Mediathek</button>
|
|
</div>
|
|
<div id="upload-progress" class="upload-progress hidden"><span></span></div>
|
|
</section>
|
|
|
|
<section id="success-panel" class="mobile-upload-card success hidden">
|
|
<div class="success-mark">✓</div>
|
|
<h2>Bilder wurden übertragen</h2>
|
|
<p>Du kannst am Computer weiterarbeiten. Diese Seite darf geschlossen werden.</p>
|
|
<div class="mobile-more-actions">
|
|
<button id="success-camera-btn" class="mobile-secondary" type="button">Weiteres Foto aufnehmen</button>
|
|
<button id="success-library-btn" class="mobile-secondary" type="button">Weitere aus Mediathek</button>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="error-panel" class="mobile-upload-card error hidden">
|
|
<div class="error-mark">!</div>
|
|
<h2>Upload nicht verfügbar</h2>
|
|
<p id="error-copy">Der Link ist abgelaufen oder wurde geschlossen.</p>
|
|
</section>
|
|
|
|
<footer>Die Bilder werden ausschließlich an deine Vendoo-Instanz übertragen.</footer>
|
|
</main>
|
|
<script src="/mobile-upload.js" defer></script>
|
|
</body>
|
|
</html>
|