LabelScan - Versionsgeschichte

Admin am 15. November 2025 um 21:57 Uhr

2025-11-15T21:57:55Z

← Nächstältere Version		Version vom 15. November 2025, 23:57 Uhr
Zeile 71:		Zeile 71:
	<li>Label möglichst das ganze Bild füllen</li>		<li>Label möglichst das ganze Bild füllen</li>
	<li>Bei Spiegelungen: leicht schräg, aber nah</li>		<li>Bei Spiegelungen: leicht schräg, aber nah</li>
			<li>keine ähnlichen Flaschen im Hintergrund die im Fokus sind</li>
	</ul>		</ul>
	</div>		</div>

Admin am 13. November 2025 um 20:18 Uhr

2025-11-13T20:18:03Z

@@ Zeile 77: / Zeile 77: @@
    </div>
 </div>
 </html>

Admin am 13. November 2025 um 20:14 Uhr

2025-11-13T20:14:55Z

← Nächstältere Version		Version vom 13. November 2025, 22:14 Uhr
Zeile 77:		Zeile 77:
	</div>		</div>
	</div>		</div>
	~~</html>~~




Zeile 112:		Zeile 109:
	}		}
	</style>		</style>

			</html>

Admin am 13. November 2025 um 20:14 Uhr

2025-11-13T20:14:26Z

← Nächstältere Version		Version vom 13. November 2025, 22:14 Uhr
Zeile 78:		Zeile 78:
	</div>		</div>
	</html>		</html>




			<style>
			/* ——— Dropzone auf iPhone sichtbar machen ——— */
			.ados-scan__drop {
			background: #2a2a2a !important; /* dunkles Grau, kein Schwarz */
			border: 2px dashed #666 !important;
			color: #fff !important;
			padding: 1.4rem !important;
			border-radius: 16px !important;
			}

			/* Bild-Icon */
			.ados-scan__drop-icon img,
			.ados-scan__drop-icon {
			filter: brightness(1.2) contrast(1.2);
			opacity: 0.9;
			}

			/* Dropzone Text */
			.ados-scan__drop-text {
			color: #f5f5f5 !important;
			font-size: 1rem;
			font-weight: 500;
			}

			/* Tipp unter der Dropzone */
			.ados-scan__hint {
			color: #ddd !important;
			font-size: .95rem;
			}
			</style>

Admin am 13. November 2025 um 20:13 Uhr

2025-11-13T20:13:20Z

← Nächstältere Version		Version vom 13. November 2025, 22:13 Uhr
Zeile 78:		Zeile 78:
	</div>		</div>
	</html>		</html>


	~~/* Bessere Sichtbarkeit auf iPhone / Mobile */~~
	~~.ados-scan__drop {~~
	~~background: #2a2a2a !important; /* dunkles, nicht ganz schwarzes Grau */~~
	~~border: 2px dashed #666 !important; /* klarere Begrenzung */~~
	~~color: #fff !important; /* Text wirklich weiß */~~
	~~padding: 1.4rem !important;~~
	~~border-radius: 16px !important;~~
	}

	~~/* Der Iconbereich */~~
	~~.ados-scan__drop-icon img,~~
	~~.ados-scan__drop-icon {~~
	~~filter: brightness(1.2) contrast(1.2); /* macht Icons sichtbar */~~
	~~opacity: 0.9;~~
	}

	~~/* der Hinweistext */~~
	~~.ados-scan__drop-text {~~
	~~color: #f5f5f5 !important;~~
	~~font-size: 1rem;~~
	~~font-weight: 500;~~
	}

	~~/* Tipp unten deutlicher */~~
	~~.ados-scan__hint {~~
	~~color: #ddd !important;~~
	~~font-size: .95rem;~~
	}

Admin am 13. November 2025 um 20:13 Uhr

2025-11-13T20:13:09Z

← Nächstältere Version		Version vom 13. November 2025, 22:13 Uhr
Zeile 78:		Zeile 78:
	</div>		</div>
	</html>		</html>


			/* Bessere Sichtbarkeit auf iPhone / Mobile */
			.ados-scan__drop {
			background: #2a2a2a !important; /* dunkles, nicht ganz schwarzes Grau */
			border: 2px dashed #666 !important; /* klarere Begrenzung */
			color: #fff !important; /* Text wirklich weiß */
			padding: 1.4rem !important;
			border-radius: 16px !important;
			}

			/* Der Iconbereich */
			.ados-scan__drop-icon img,
			.ados-scan__drop-icon {
			filter: brightness(1.2) contrast(1.2); /* macht Icons sichtbar */
			opacity: 0.9;
			}

			/* der Hinweistext */
			.ados-scan__drop-text {
			color: #f5f5f5 !important;
			font-size: 1rem;
			font-weight: 500;
			}

			/* Tipp unten deutlicher */
			.ados-scan__hint {
			color: #ddd !important;
			font-size: .95rem;
			}

Admin am 10. November 2025 um 18:53 Uhr

2025-11-10T18:53:51Z

← Nächstältere Version		Version vom 10. November 2025, 20:53 Uhr
Zeile 74:		Zeile 74:
	</div>		</div>
	</div>		</div>
			<button id="ados-install" class="mw-ui-button" style="display:none">📲 LabelScan installieren</button>
	</div>		</div>
	</div>		</div>
	</html>		</html>

Admin am 10. November 2025 um 18:53 Uhr

2025-11-10T18:53:44Z

← Nächstältere Version		Version vom 10. November 2025, 20:53 Uhr
Zeile 64:		Zeile 64:
	</div>		</div>
	</div>		</div>

	<div class="card">		<div class="card">
	<h3 style="margin:0 0 .4rem;">Tipps</h3>		<h3 style="margin:0 0 .4rem;">Tipps</h3>

Admin am 7. November 2025 um 20:46 Uhr

2025-11-07T20:46:18Z

← Nächstältere Version		Version vom 7. November 2025, 22:46 Uhr
Zeile 10:		Zeile 10:
	<div class="scan-grid">		<div class="scan-grid">

	<!-- Linke Spalte~~: Upload & Vorschau~~ -->		<!-- Linke Spalte -->
	<div class="col">		<div class="col">

	<div class="card">		<div class="card">
	<!-- Dropzone -->
	<label id="ados-scan-drop" class="ados-drop" aria-label="Bild hier ablegen ~~oder auswählen~~">		<!-- Dropzone (nur für Drag & Drop) -->
			<label id="ados-scan-drop" class="ados-drop" aria-label="Bild hier ablegen">
	<div class="icon">🖼️</div>		<div class="icon">🖼️</div>
	<div><b>Bild hierher ziehen</b> oder~~</div>~~		<div><b>Bild hierher ziehen</b> oder unten auswählen</div>
	~~<div style="margin-top:6px;">~~
	~~<button id="ados-scan-bigbtn" type="button" class="btn">📷 Foto aufnehmen / wählen</button>~~
	</div>
	<div class="help">Tipp: frontal, gute Beleuchtung, kein Blitz-Reflex.</div>		<div class="help">Tipp: frontal, gute Beleuchtung, kein Blitz-Reflex.</div>
	~~<input id="ados-scan-file" type="file" accept="image/*" capture="environment">~~
	</label>		</label>

			<!-- getrennte Buttons + Inputs -->
			<div class="ados-scan__pick" style="margin-top:10px; display:flex; gap:6px; justify-content:center;">
			<button id="ados-scan-btn-camera" type="button" class="btn">📷 Foto aufnehmen</button>
			<button id="ados-scan-btn-gallery" type="button" class="btn">🖼️ Bild wählen</button>
			</div>

			<input id="ados-scan-file-camera" type="file" accept="image/*" capture="environment" hidden>
			<input id="ados-scan-file-gallery" type="file" accept="image/*" hidden>

	<!-- Status + Progress -->		<!-- Status + Progress -->
	<div class="statusbar">		<div class="statusbar" style="margin-top:8px;">
	<div id="ados-scan-status">Bereit.</div>		<div id="ados-scan-status">Bereit.</div>
	<progress id="ados-scan-progress" max="1" value="0" hidden></progress>		<progress id="ados-scan-progress" max="1" value="0" hidden></progress>
	</div>		</div>

	<!-- ~~Actions~~ -->		<!-- Aktionen -->
	<div class="action-row" style="margin-top:8px;">		<div class="action-row" style="margin-top:8px; display:flex; gap:8px; justify-content:center;">
	<button id="ados-scan-run" type="button" class="btn btn-primary">🔍 Erkennen & suchen</button>		<button id="ados-scan-run" type="button" class="btn btn-primary">🔍 Erkennen & suchen</button>
	<button type="button" class="btn btn-ghost~~" onclick="~~		<button id="ados-scan-reset" type="button" class="btn btn-ghost">Zurücksetzen</button>
	~~const p=document.getElementById('ados-scan-preview'); if(p) p.innerHTML='';~~
	~~const f=document.getElementById('ados-scan-file'); if(f) f.value='';~~
	~~const s=document.getElementById('ados-scan-status'); if(s) s.textContent='Bereit.';~~
	">Zurücksetzen</button>
	</div>		</div>

	</div>		</div>

Zeile 47:		Zeile 50:
	</div>		</div>

	~~<!-- Hinweis -->~~
	<div class="note" style="margin-top:6px;">		<div class="note" style="margin-top:6px;">
	🔒 Deine Fotos bleiben auf deinem Gerät. Es wird nichts auf den Server hochgeladen.		🔒 Deine Fotos bleiben auf deinem Gerät. Es wird nichts auf den Server hochgeladen.
	</div>		</div>

	</div>		</div>

	<!-- Rechte Spalte~~: Ergebnisse~~ -->		<!-- Rechte Spalte -->
	<div class="col">		<div class="col">
	<div class="card">		<div class="card">
Zeile 63:		Zeile 66:

	<div class="card">		<div class="card">
	<h3 style="margin:0 0 .4rem;">Tipps ~~für bessere Treffer~~</h3>		<h3 style="margin:0 0 .4rem;">Tipps</h3>
	<ul style="margin:.25rem 0 .2rem 1.1rem;">		<ul style="margin:.25rem 0 .2rem 1.1rem;">
	<li~~>Foto frontal auf das <b~~>Frontlabel~~</b> richten~~</li>		<li>Frontlabel direkt fotografieren</li>
	<li~~><b~~>Gute Beleuchtung~~</b>, Blende-Reflexe vermeiden~~</li>		<li>Gute Beleuchtung</li>
	<li>Label möglichst ~~<b>voll im~~ Bild~~</b>, wenig Hintergrund~~</li>		<li>Label möglichst das ganze Bild füllen</li>
	<li>~~Wenn Glas spiegelt~~: leicht schräg, aber nah</li>		<li>Bei Spiegelungen: leicht schräg, aber nah</li>
	</ul>		</ul>
	</div>		</div>

Admin am 7. November 2025 um 20:42 Uhr

2025-11-07T20:42:22Z

← Nächstältere Version		Version vom 7. November 2025, 22:42 Uhr
Zeile 10:		Zeile 10:
	<div class="scan-grid">		<div class="scan-grid">

	<!-- Linke Spalte -->		<!-- Linke Spalte: Upload & Vorschau -->
	<div class="col">		<div class="col">

	<div class="card">		<div class="card">
			<!-- Dropzone -->
	<!-- Dropzone ~~(nur für Drag&Drop)~~ -->		<label id="ados-scan-drop" class="ados-drop" aria-label="Bild hier ablegen oder auswählen">
	<label id="ados-scan-drop" class="ados-drop" aria-label="Bild hier ablegen">		<div class="icon">🖼️</div>
	<div class="icon">🖼️</div>		<div><b>Bild hierher ziehen</b> oder</div>
	<div><b>Bild hierher ziehen</b> oder ~~unten auswählen</div>~~		<div style="margin-top:6px;">
	~~<div class="help">Tipp: frontal, gute Beleuchtung, kein Blitz-Reflex.~~</div>		<button id="ados-scan-bigbtn" type="button" class="btn">📷 Foto aufnehmen / wählen</button>
	~~</label>~~

	~~<!-- getrennte Buttons + Inputs (NICHT im Label!) -->~~
	<div ~~class="ados-scan__pick"~~ style="margin-top~~:10px; display:flex; gap~~:6px~~; justify-content:center~~;">
	<button id="ados-scan-~~btn-camera~~" type="button" class="btn">📷 Foto aufnehmen</~~button>~~
	~~<button id="ados-scan-btn-gallery" type="button" class="btn">🖼️ Bild~~ wählen</button>
	~~</div>~~

	~~<input id="ados-scan-file-camera" type="file" accept="image/*" capture="environment" hidden>~~
	~~<input id="ados-scan-file-gallery" type="file" accept="image/*" hidden>~~

	</div>		</div>

	<div class="help">Tipp: frontal, gute Beleuchtung, kein Blitz-Reflex.</div>		<div class="help">Tipp: frontal, gute Beleuchtung, kein Blitz-Reflex.</div>
			<input id="ados-scan-file" type="file" accept="image/*" capture="environment">
	</label>		</label>

Zeile 42:		Zeile 31:
	</div>		</div>

	<!-- ~~Aktionen~~ -->		<!-- Actions -->
	<div class="action-row" style="margin-top:8px;">		<div class="action-row" style="margin-top:8px;">
	<button id="ados-scan-run" type="button" class="btn btn-primary">🔍 Erkennen & suchen</button>		<button id="ados-scan-run" type="button" class="btn btn-primary">🔍 Erkennen & suchen</button>
	<button type="button" class="btn btn-ghost" onclick="		<button type="button" class="btn btn-ghost" onclick="
	document.getElementById('ados-scan-preview').innerHTML='~~<div class=\'note\'>Noch keine Vorschau. Wähle ein Foto.</div>~~';		const p=document.getElementById('ados-scan-preview'); if(p) p.innerHTML='';
	document.getElementById('ados-scan-~~status~~').~~textContent~~='~~Bereit.~~';		const f=document.getElementById('ados-scan-file'); if(f) f.value='';
	['ados-scan-~~file-camera',~~'~~ados-scan-file-gallery'].forEach(id=>{ const f=document.getElementById(id~~); if(f) f.~~value~~=''~~; })~~;		const s=document.getElementById('ados-scan-status'); if(s) s.textContent='Bereit.';
	">Zurücksetzen</button>		">Zurücksetzen</button>
	</div>		</div>

	</div>		</div>

Zeile 59:		Zeile 47:
	</div>		</div>

			<!-- Hinweis -->
	<div class="note" style="margin-top:6px;">		<div class="note" style="margin-top:6px;">
	🔒 Deine Fotos bleiben auf deinem Gerät. Es wird nichts auf den Server hochgeladen.		🔒 Deine Fotos bleiben auf deinem Gerät. Es wird nichts auf den Server hochgeladen.
	</div>		</div>

	</div>		</div>

	<!-- Rechte Spalte -->		<!-- Rechte Spalte: Ergebnisse -->
	<div class="col">		<div class="col">
	<div class="card">		<div class="card">
	<h3>🔎 Ergebnisse</h3>		<h3 style="margin:0 0 .4rem;">🔎 Ergebnisse</h3>
	<div id="ados-scan-results" class="results">		<div id="ados-scan-results" class="results">
	<div class="empty">Hier erscheinen passende Abfüllungen.</div>		<div class="empty">Hier erscheinen passende Abfüllungen mit Link ins Wiki.</div>
	</div>		</div>
	</div>		</div>

	<div class="card">		<div class="card">
	<h3>Tipps</h3>		<h3 style="margin:0 0 .4rem;">Tipps für bessere Treffer</h3>
	<ul>		<ul style="margin:.25rem 0 .2rem 1.1rem;">
	<li>Frontlabel ~~direkt fotografieren~~</li>		<li>Foto frontal auf das <b>Frontlabel</b> richten</li>
	<li>Gute Beleuchtung</li>		<li><b>Gute Beleuchtung</b>, Blende-Reflexe vermeiden</li>
	<li>Label ~~füllt~~ möglichst ~~das ganze~~ Bild</li>		<li>Label möglichst <b>voll im Bild</b>, wenig Hintergrund</li>
			<li>Wenn Glas spiegelt: leicht schräg, aber nah</li>
	</ul>		</ul>
	</div>		</div>