Workspace: hellere Kategoriekacheln + Dateien gezielt an mehrere Personen

ZWEI WUENSCHE VON FILIPE.

1) KACHELN BESSER SICHTBAR

Erster Versuch war zu zaghaft: die Flaeche ging nur von RGB(17,24,37)
auf (27,36,51), der sichtbare Gewinn kam fast nur vom staerkeren Rand.
Nachgemessen an echten Bildpunkten -- Seite liegt bei RGB(5,7,13).
Jetzt RGB(38,49,67), dazu kraeftigerer Rand und hellerer Symbolring.

Der Beschreibungstext stand auf --text-still und lag damit bei 3,6:1 auf
der neuen Flaeche -- zu blass fuer laufenden Text. Jetzt --text-leise,
gemessen 6,2:1.

Leere Kategorien waren mit opacity .55 fast unlesbar. Jetzt .82 -- sie
sollen erkennbar bleiben, nur zurueckhaltender.

2) DATEIEN AN MEHRERE PERSONEN GEZIELT FREIGEBEN

Bisher hatte eine Datei genau EINEN Bereich (creator_id). Damit liess
sie sich nicht zweien geben, ohne sie zweimal hochzuladen.

Neue Tabelle datei_personen (datei_id + person_id). creator_id bleibt
und behaelt seine Bedeutung: Es sagt, zu wessen BEREICH eine Datei
gehoert -- die neue Tabelle sagt, WER sie sehen darf. Zwei verschiedene
Fragen, deshalb zwei Felder.

Auswahl als einzelne Schalter, nicht als <select multiple>: Dort
verliert man mit einem Fehlklick die ganze Auswahl, und auf dem Handy
ist sie kaum bedienbar. Jeder Name ist ein Schalter, der sichtbar an
oder aus ist, eingefaerbt nach Rolle -- man sieht auf einen Blick, ob
eine Datei an Creator, Scouts oder beide geht.

Wer wen auswaehlen darf:
- DogFather jeden aktiven Menschen ausser sich selbst
- ein Scout NUR die Creator, die er betreut -- sonst koennte er sich
  ueber eine Freigabe Zugang zu fremden Bereichen verschaffen
- ein Creator gar niemanden

Jede Id wird beim Speichern erneut gegen die erlaubte Auswahl geprueft.
Geprueft: Sam schickt die Ids 3, 6 und 7 mit (alles Creator, die er
NICHT betreut) -- die Datei landet bei niemandem. Kein Fehler, kein
Zugang: die Ids fallen still durch das Raster.

Weiter geprueft:
- Chef sieht alle drei Testdateien, Luna nur ihre, Sam nur seine,
  Patrick keine
- Creator bekommt 403 beim Aendern von Freigaben
- Freigaben sind an jeder Datei sichtbar ("Sichtbar fuer ..."), auch
  fuer die, die sie nicht aendern duerfen -- niemand soll raten muessen
- Die Auswahl wird nach dem Hochladen geleert, sonst bekaeme die
  naechste Datei stillschweigend dasselbe Publikum

workspace/dateien.html

@@ -7,10 +7,10 @@
 <meta name="robots" content="noindex, nofollow" />
 <meta name="theme-color" content="#05070d" />
 <link rel="icon" href="assets/img/favicon.png" />
-<link rel="stylesheet" href="assets/css/gate.css?v=202608281303" />
-<link rel="stylesheet" href="assets/css/start.css?v=202608281303" />
-<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608281303" />
-<link rel="stylesheet" href="assets/css/dateien.css?v=202608281303" />
+<link rel="stylesheet" href="assets/css/gate.css?v=202608281314" />
+<link rel="stylesheet" href="assets/css/start.css?v=202608281314" />
+<link rel="stylesheet" href="assets/css/aufgaben.css?v=202608281314" />
+<link rel="stylesheet" href="assets/css/dateien.css?v=202608281314" />
 </head>
 
 <body class="start">
@@ -61,8 +61,17 @@
   </div>
 
   <div class="hochlade-zeile" id="zuordnung" hidden>
-    <label class="feld-schild" for="f-creator">Ablegen im Bereich von</label>
-    <select id="f-creator"><option value="">— kein Bereich —</option></select>
+    <div class="feld feld--breit">
+      <label class="feld-schild" for="f-creator">Ablegen im Bereich von <span class="leise">(optional)</span></label>
+      <select id="f-creator"><option value="">— kein Bereich —</option></select>
+    </div>
+    <!-- Wer die Datei sehen darf. Mehrfachauswahl: dieselbe Datei kann
+         an mehrere Personen gehen, ohne sie mehrfach hochzuladen. -->
+    <div class="feld feld--breit">
+      <label class="feld-schild">Wer darf sie sehen?</label>
+      <p class="leise" id="wahl-hinweis">Niemand ausgewählt – dann sieht sie nur DogFather.</p>
+      <div class="wahl" id="wahl"></div>
+    </div>
   </div>
 
   <p class="fortschritt" id="fortschritt" hidden><span id="fortschritt-text"></span></p>
@@ -79,7 +88,7 @@
 
 </main>
 
-<script src="assets/js/kopf.js?v=202608281303" defer></script>
-<script src="assets/js/dateien.js?v=202608281303" defer></script>
+<script src="assets/js/kopf.js?v=202608281314" defer></script>
+<script src="assets/js/dateien.js?v=202608281314" defer></script>
 </body>
 </html>