From 51562eb276f02905ce7a268ce5507cff67c540cc Mon Sep 17 00:00:00 2001 From: Dogfather Date: Wed, 23 Sep 2026 00:59:22 +0200 Subject: [PATCH] screen3: Das Verteil-Formular -- Karten statt Zeilen, und alle auf einmal MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit "diese kachel soll viel geiler sein, also alles was drin ist soll viel geiler gestaltet sein, viel hochwertiger, viel profissineller, auch die möglichkeit alle auf einmal auszuwählen und so. mach es hoch krass profissionel, übersichtlich und richtig krass geil bitte." VORHER: ein Kaestchen und ein Name je Zeile, untereinander. Bei sieben Leuten sieben gleiche Zeilen -- man liest alle, um eine zu finden, und auf dem Handy kostet das sieben Bildschirmzeilen. JETZT EINE KARTE JE PERSON, im Raster (am Rechner drei Spalten, auf dem Handy eine). Drei Dinge machen den Unterschied zwischen "Liste" und "Auswahl": 1. DIE GANZE KARTE IST DAS ZIEL, nicht das Kaestchen darin. Auf einem Handy ist ein Kaestchen 20 px breit, eine Karte 200. Das Kaestchen bleibt trotzdem stehen -- es ist das, was ein Vorleseprogramm ansagt und was die Tastatur bedient. 2. DIE GEWAEHLTE KARTE SIEHT ANDERS AUS: Rahmen und Flaeche in der Akzentfarbe. Ein Haken allein ist bei sieben Karten zu wenig. Ueber `:has(input:checked)` und nicht ueber eine Klasse aus dem Skript -- der Zustand steht schon im Kaestchen, ihn zusaetzlich als Klasse zu fuehren waeren zwei Wahrheiten. 3. JEDE KARTE NENNT DIE ROLLE. "Diene" und "Funny" sagen nichts; "Diene, Modi" schon. Der Rollenname kommt fertig vom Server (`rolle_name`) -- ihn hier aus einem Schluessel zu uebersetzen hiesse, die Namen der Rollen in eine Datei zu schreiben, die jeder herunterlaedt. ALLE AUF EINMAL -- UND DIE GRUPPEN DAZU Eine Schnellwahl ueber der Liste: Alle · Rechte Hand · Linke Hand · Modi · Keine. DIE GRUPPEN WERDEN GELESEN, NICHT AUFGEZAEHLT. Welche Rollen vorkommen, sagt die Liste selbst. Eine feste Aufzaehlung hier waere die, die beim naechsten Rollenzuschnitt eine Gruppe verschweigt -- und niemand merkte es, weil die Knoepfe ja funktionieren. Genau diese Sorte Liste hat gestern die linke Hand auf der Team-Lage verschluckt. Gruppenknoepfe nur, wenn es mehr als eine Rolle gibt: "Modi" neben "Alle" bei einer Liste aus lauter Modis waeren zwei Knoepfe fuer dasselbe. DER ZAEHLER ist der Teil, der Uebersicht macht: "2 von 7 ausgewaehlt". Bei sieben Kaestchen sieht man nicht mehr, wie viele angehakt sind -- man zaehlt nach. Gemessen bei 1280 und bei 390 px: 7 Karten, fuenf Schnellknoepfe, kein waagerechtes Scrollen, keine Browsermeldung. pruef-bewerbung-aufgaben: 101 Pruefungen, 0 Fehler. Co-Authored-By: Claude Opus 5 --- workspace/anruf-probe.html | 10 +-- workspace/app.webmanifest | 8 +- workspace/assets/css/entwicklung.css | 118 +++++++++++++++++++++++++++ workspace/assets/js/entwicklung.js | 106 ++++++++++++++++++++++-- workspace/aufgaben.html | 36 ++++---- workspace/automation.html | 32 ++++---- workspace/befinden.html | 32 ++++---- workspace/bereich.html | 44 +++++----- workspace/bewerben.html | 36 ++++---- workspace/bewerbungen.html | 34 ++++---- workspace/calls.html | 34 ++++---- workspace/chat.html | 38 ++++----- workspace/content.html | 34 ++++---- workspace/crew-index.html | 12 +-- workspace/crew.webmanifest | 8 +- workspace/dateien.html | 34 ++++---- workspace/entwicklung.html | 57 +++++++++---- workspace/hilfe.html | 28 +++---- workspace/index.html | 10 +-- workspace/kalender.html | 34 ++++---- workspace/leistung.html | 32 ++++---- workspace/material.html | 32 ++++---- workspace/personen.html | 32 ++++---- workspace/profil.html | 36 ++++---- workspace/rechte.html | 32 ++++---- workspace/report.html | 36 ++++---- workspace/scouting.html | 32 ++++---- workspace/start.html | 32 ++++---- workspace/startcheck.html | 34 ++++---- workspace/steckbrief.html | 36 ++++---- workspace/talente.html | 34 ++++---- workspace/team.html | 32 ++++---- workspace/teamlage.html | 32 ++++---- workspace/teilen.html | 28 +++---- workspace/treff-moderation.html | 30 +++---- workspace/treff-regeln.html | 30 +++---- workspace/uebersicht.html | 32 ++++---- workspace/unsere-seiten.html | 28 +++---- workspace/werdegang.html | 30 +++---- workspace/willkommen.html | 30 +++---- workspace/wissen.html | 34 ++++---- 41 files changed, 826 insertions(+), 593 deletions(-) diff --git a/workspace/anruf-probe.html b/workspace/anruf-probe.html index bf7d67b2..6ea7981d 100644 --- a/workspace/anruf-probe.html +++ b/workspace/anruf-probe.html @@ -16,15 +16,15 @@ verdeckt. Gefunden hat es pruef-struktur. Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. --> - - + + - +