Wunsch vom 01.09.2026: "verbessere die Aufgabenseite auch bei Manager,
Scout und Creator. Die Scouts und Manager sollen vielleicht ein bisschen
mehr Optionen haben, wie ihre zugeteilten Creator. Aber auch die Creator
sollen es besser und detaillierter sehen. ABER NUR DIE ROLLE DOGFATHER
SOLL WIRKLICH WEITERHIN ALLEINE ALLES SEHEN KOENNEN."
(Nachgereicht: "die Seite Aufgabe auch bei DogFather machen bitte.")
ZWEI FEHLER IN DEN RECHTEN, die beim Nachsehen herausfielen:
1. Ein MANAGER sah auf dem Aufgabenbrett GAR NICHTS. Die Regel kannte
nur admin, creator und scout; er fiel in den Zweig "unbekannte
Rolle sieht nichts". Ein leeres Brett sieht aus wie "nichts zu
tun", nicht wie ein Fehler -- deshalb ist das lange niemandem
aufgefallen.
2. In Kalender, Dateien, Bereichen und Content sah derselbe Manager
dagegen ALLES (istLeitung). Zwei entgegengesetzte Antworten auf
dieselbe Frage, in einem Programm.
Jetzt gilt ueberall dasselbe: NUR DogFather sieht alles. Manager und
Scout sehen ihre eigenen Sachen plus die Creator, die ihnen zugeteilt
sind. Dafuer arbeitet betreuteIds() jetzt auch fuer Manager -- die
Datenbank konnte das laengst (in `betreuung` steht eine beliebige
Person), nur diese eine Funktion hat alle ausser Scouts abgewiesen.
GEAENDERT WURDE NUR, WER WAS SIEHT. Was ein Manager DARF -- freigeben,
aendern, Personen verwalten -- haengt weiterhin an istLeitung und ist
unberuehrt. Ohne diese Trennung haette ein Wunsch nach weniger Sicht
stillschweigend die halben Rechte mitgenommen; die Pruefung haelt beides
ausdruecklich fest.
DIE SEITE SELBST bekommt drei Zeilen ueber dem Brett, und die
Reihenfolge ist die Aussage:
1. WAS BRENNT -- ein Satz beim Reinkommen. Ein Brett aus vier Spalten
beantwortet das nicht; man muesste alle vier durchsehen, um zu
wissen, dass nichts brennt.
2. AUSSCHNITTE -- "Nur meine", "Heute faellig", "Ueberfaellig", jeder
mit seiner Zahl am Knopf. Ein Filter, der sich erst nach dem Klick
als leer herausstellt, kostet zweimal Aufmerksamkeit. Sie filtern
das Brett, statt eine zweite Liste aufzumachen: Vier Spalten
nebeneinander sind der Wert dieser Seite.
3. DIE CREATOR -- fuer Betreuer und DogFather, je mit offener Anzahl
und einer Warnzahl fuer Ueberfaelliges. Bei DogFather heisst die
Reihe "Alle Creator", sonst "Deine Creator": "deine" waere bei ihm
eine falsche Auskunft.
Ein Creator bekommt weder "Nur meine" noch die Creator-Reihe -- bei ihm
ist ohnehin alles seins, und ein Filter mit einem einzigen Eintrag ist
ein Knopf, der nichts tut. Die Liste der Creator stammt aus den
Aufgaben selbst und nicht aus einer Personenabfrage: Dann stehen dort
genau die, die man ohnehin sehen darf, und niemals einer mehr.
NEBENBEI (Screen 1): In der Betreuer-Auswahl stand "Dogfather
(DogFather)" -- zweimal dasselbe Wort, nur anders geschrieben. Die
Klammer entfaellt jetzt, wenn sie dasselbe sagt wie der Name.
pruef-aufgabenbrett.mjs prueft die ABGRENZUNG zuerst und an konkreten
Aufgaben, deren Titel verraten, wem sie gehoeren -- eine huebschere
Filterleiste ist eine Annehmlichkeit, eine Rechteregel, die zu viel
zeigt, ist ein Schaden. Dazu eine Gegenprobe zur alten Regel (der
Manager sieht ueberhaupt etwas) und die ausdrueckliche Bestaetigung,
dass er weiterhin anlegen darf.
Ein Fehler steckte in der Pruefung selbst: Sie erwartete beim Creator
eine feste Zahl und haing damit von ihrer eigenen Reihenfolge ab -- der
Abschnitt davor legt eine weitere Aufgabe an. Sie vergleicht jetzt gegen
die Schnittstelle. Das ist ohnehin die bessere Frage: nicht "sind es
drei", sondern "verschluckt die Seite etwas".
Co-Authored-By: Claude Opus 5 <[email protected]>
161 lines
6.6 KiB
HTML
161 lines
6.6 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" />
|
||
<title>Aufgaben · Creator Workspace</title>
|
||
<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=202609012128" />
|
||
<link rel="stylesheet" href="assets/css/start.css?v=202609012128" />
|
||
<link rel="stylesheet" href="assets/css/aufgaben.css?v=202609012128" />
|
||
</head>
|
||
|
||
<body class="start">
|
||
|
||
<!-- Der Schleier ueber der Buehne (Casper und HasiDog in den unteren
|
||
Ecken, siehe start.css). Ein eigenes Element statt eines dritten
|
||
Pseudo-Elements -- body hat nur ::before und ::after. -->
|
||
<div class="schleier" aria-hidden="true"></div>
|
||
|
||
<header class="kopfleiste">
|
||
<button type="button" class="zurueck-knopf" id="zurueck" hidden>
|
||
<svg class="zurueck-knopf__pfeil" viewBox="0 0 24 24" aria-hidden="true">
|
||
<path d="M14.5 5.5 8 12l6.5 6.5" />
|
||
</svg>
|
||
<span class="zurueck-knopf__text">Zurück</span>
|
||
</button>
|
||
<p class="marke"><span class="marke__text"><a class="zurueck" href="start.html">Creator Workspace</a> · Aufgaben</span></p>
|
||
<div class="kopfleiste__rechts">
|
||
<span class="wer" id="wer">…</span>
|
||
<button type="button" class="abmelden" id="abmelden">Abmelden</button>
|
||
</div>
|
||
</header>
|
||
|
||
<main class="inhalt inhalt--breit">
|
||
|
||
<section class="kopf-zeile">
|
||
<div>
|
||
<p class="marke">Aufgaben</p>
|
||
<h1 class="titel">Offen. In Arbeit. Review. Erledigt.</h1>
|
||
</div>
|
||
<button type="button" class="knopf knopf--klein" id="neu-oeffnen">Neue Aufgabe</button>
|
||
</section>
|
||
|
||
<!-- Die Leiste über dem Brett (01.09.2026). Drei Zeilen, in dieser
|
||
Reihenfolge – die Reihenfolge ist die Aussage:
|
||
1. was brennt (ein Satz, sofort lesbar)
|
||
2. Ausschnitte (Nur meine · Heute · Überfällig)
|
||
3. die eigenen Creator (nur für Betreuer, siehe aufgaben.js)
|
||
Alle drei bleiben verborgen, bis feststeht, wer angemeldet ist –
|
||
eine Filterleiste ohne Zahlen ist ein Versprechen ohne Deckung. -->
|
||
<p class="lage" id="lage" role="status" hidden></p>
|
||
<div class="ausschnitte" id="ausschnitte" role="group"
|
||
aria-label="Ausschnitt wählen" hidden></div>
|
||
<div class="creator-reihe" id="creator-reihe" role="group"
|
||
aria-label="Nach Creator einschränken" hidden></div>
|
||
|
||
<!-- Formular zum Anlegen. Standardmäßig zu, damit das Brett im Vordergrund
|
||
steht und die Seite nicht mit einem Formular begrüßt. -->
|
||
<form class="neu" id="neu" hidden>
|
||
<div class="neu__zeile">
|
||
<label class="feld-schild" for="f-titel">Titel</label>
|
||
<input id="f-titel" name="titel" maxlength="160" placeholder="Was ist zu tun?" required />
|
||
</div>
|
||
<div class="neu__zeile">
|
||
<label class="feld-schild" for="f-text">Beschreibung <span class="leise">(optional)</span></label>
|
||
<textarea id="f-text" name="beschreibung" rows="3" maxlength="4000"
|
||
placeholder="Worum geht es genau?"></textarea>
|
||
</div>
|
||
<div class="neu__raster">
|
||
<div>
|
||
<label class="feld-schild" for="f-prio">Priorität</label>
|
||
<select id="f-prio" name="prioritaet">
|
||
<option value="hoch">hoch</option>
|
||
<option value="mittel" selected>mittel</option>
|
||
<option value="niedrig">niedrig</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label class="feld-schild" for="f-frist">Frist <span class="leise">(optional)</span></label>
|
||
<input id="f-frist" name="frist" type="date" />
|
||
</div>
|
||
<div id="feld-creator" hidden>
|
||
<label class="feld-schild" for="f-creator">Bereich von</label>
|
||
<select id="f-creator" name="creator_id"><option value="">—</option></select>
|
||
</div>
|
||
<div id="feld-verant" hidden>
|
||
<label class="feld-schild" for="f-verant">Verantwortlich</label>
|
||
<select id="f-verant" name="verantwortlich_id"><option value="">—</option></select>
|
||
</div>
|
||
</div>
|
||
<p class="fehler" id="neu-fehler" role="alert" aria-live="polite"></p>
|
||
<div class="neu__knoepfe">
|
||
<button type="submit" class="knopf knopf--klein" id="neu-speichern">Anlegen</button>
|
||
<button type="button" class="abmelden" id="neu-abbrechen">Abbrechen</button>
|
||
</div>
|
||
</form>
|
||
|
||
<p class="fehler" id="fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<div class="brett" id="brett" aria-busy="true">
|
||
<p class="leise" id="laedt">Aufgaben werden geladen …</p>
|
||
</div>
|
||
|
||
</main>
|
||
|
||
<!-- Bearbeiten. Als natives <dialog>: bringt Fokusfang, Schließen mit Esc
|
||
und die Abdunklung des Hintergrunds ohne eigenen Code mit. -->
|
||
<dialog class="dialog" id="bearbeiten-dialog">
|
||
<form method="dialog" id="bearbeiten" class="neu neu--blank">
|
||
<h2 class="dialog__titel">Aufgabe bearbeiten</h2>
|
||
|
||
<div class="neu__zeile">
|
||
<label class="feld-schild" for="b-titel">Titel</label>
|
||
<input id="b-titel" maxlength="160" required />
|
||
</div>
|
||
<div class="neu__zeile">
|
||
<label class="feld-schild" for="b-text">Beschreibung</label>
|
||
<textarea id="b-text" rows="3" maxlength="4000"></textarea>
|
||
</div>
|
||
<div class="neu__raster">
|
||
<div>
|
||
<label class="feld-schild" for="b-prio">Priorität</label>
|
||
<select id="b-prio">
|
||
<option value="hoch">hoch</option>
|
||
<option value="mittel">mittel</option>
|
||
<option value="niedrig">niedrig</option>
|
||
</select>
|
||
</div>
|
||
<div>
|
||
<label class="feld-schild" for="b-frist">Frist</label>
|
||
<input id="b-frist" type="date" />
|
||
</div>
|
||
<div id="b-feld-creator" hidden>
|
||
<label class="feld-schild" for="b-creator">Bereich von</label>
|
||
<select id="b-creator"><option value="">—</option></select>
|
||
</div>
|
||
<div id="b-feld-verant" hidden>
|
||
<label class="feld-schild" for="b-verant">Verantwortlich</label>
|
||
<select id="b-verant"><option value="">—</option></select>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="fehler" id="b-fehler" role="alert" aria-live="polite"></p>
|
||
|
||
<div class="dialog__knoepfe">
|
||
<button type="button" class="knopf knopf--klein" id="b-speichern">Speichern</button>
|
||
<button type="button" class="abmelden" id="b-abbrechen">Abbrechen</button>
|
||
<button type="button" class="abmelden abmelden--warnung" id="b-loeschen" hidden>Löschen</button>
|
||
</div>
|
||
</form>
|
||
</dialog>
|
||
|
||
<script src="assets/js/wahl.js?v=202609012128" defer></script>
|
||
<script src="assets/js/bereiche.js?v=202609012128" defer></script>
|
||
<script src="assets/js/kopf.js?v=202609012128" defer></script>
|
||
<script src="assets/js/aufgaben.js?v=202609012128" defer></script>
|
||
</body>
|
||
</html>
|