ClaudeandClaude Opus 5.5
20bf5afe28
Auf dem Handy (unter 880 px und Handys quer) sieht der Kundenbereich aus wie eine App; der Desktop bleibt pixelgleich. - Kopfzeile als App-Leiste: Logo, beim Scrollen der Seitentitel, Avatar - Navigation als Tab-Leiste unten mit Symbolen und Zaehlern; neuer Tab "Wartung" mit der Abo-Karte, Stundenkonto/Bestellung und Uebernahmegutschrift als Unterseiten mit Zurueck (auch Android-Geste) - Konto als Bottom-Sheet (Ansprechpartner, Vertraege kuendigen/widerrufen, Rechtliches, Abmelden), am Desktop als Popover unter dem Avatar - Rechnungen als Karten, Fortschritt als Zeitleiste, Chat fuellt den Bildschirm; bei offener Tastatur verschwindet die Tab-Leiste (kommt auch nach der Android-Zurueck-Geste wieder) - Installierbar: Manifest, App-Icons (WEBklar-Logo), Favicon, Hinweis "Zum Home-Bildschirm"; Service Worker nur fuer die Offline-Seite, Kundendaten werden nicht zwischengespeichert - Installierte App: Kuendigen/Widerrufen mit Link zurueck in den Kundenbereich (nur dort sichtbar, Texte unveraendert); Login-Links zu Bedingungen/Datenschutz/Impressum oeffnen wie im Dashboard ein neues Fenster - Login mit App-Icon und Abstaenden fuer Statusleiste/Home-Balken - Hinweise "in der Seitenleiste" haben auf dem Handy eine eigene Fassung Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
25 lines
1.3 KiB
JSON
25 lines
1.3 KiB
JSON
{
|
||
"id": "/dashboard.html",
|
||
"name": "WEBklar Kundenbereich",
|
||
"short_name": "WEBklar",
|
||
"description": "Projekte, Fortschritt, Rechnungen, Chat und Wartung – der WEBklar-Kundenbereich als App.",
|
||
"lang": "de",
|
||
"dir": "ltr",
|
||
"start_url": "/dashboard.html",
|
||
"scope": "/",
|
||
"display": "standalone",
|
||
"background_color": "#000000",
|
||
"theme_color": "#000000",
|
||
"categories": ["business", "productivity"],
|
||
"icons": [
|
||
{ "src": "/img/app-icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
|
||
{ "src": "/img/app-icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
|
||
{ "src": "/img/app-icon-maskable-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
|
||
],
|
||
"shortcuts": [
|
||
{ "name": "Chat", "short_name": "Chat", "url": "/dashboard.html#chat", "icons": [{ "src": "/img/app-icon-192.png", "sizes": "192x192", "type": "image/png" }] },
|
||
{ "name": "Rechnungen", "short_name": "Rechnungen", "url": "/dashboard.html#rechnungen", "icons": [{ "src": "/img/app-icon-192.png", "sizes": "192x192", "type": "image/png" }] },
|
||
{ "name": "Wartung", "short_name": "Wartung", "url": "/dashboard.html#wartung", "icons": [{ "src": "/img/app-icon-192.png", "sizes": "192x192", "type": "image/png" }] }
|
||
]
|
||
}
|