VanVan im Support: „Wenn sich ein Modi auf eine Aufgabe bewirbt und
man diese ablehnt, dann bekommt der Modi keine Benachrichtigung
darüber, dass die Aufgabe abgelehnt wurde und sieht somit auch eine
eventuelle Begründung nicht. Außerdem haben auch wir nirgendwo eine
Übersicht, bei wem wir welche Aufgaben schon abgelehnt haben."
GEMESSEN, BEVOR GEBAUT WURDE -- die Pruefungen standen zuerst da und
waren rot:
Frida sieht ihre beantwortete Bewerbung 0
Die Leitung sieht die Absagen 0
DIE URSACHE. `vorlagenBewerbungenFuer` fragt `WHERE zustand =
'beworben'`. Sobald jemand antwortet, faellt die Zeile aus JEDER
Ansicht heraus -- mitsamt der Begruendung, die Filipe am 23.09.
ausdruecklich verlangt hat („mit einem text als notiz"). Der Satz
wird also verlangt, geschrieben und weggesperrt.
Bei einer ZUSAGE fiel das nicht auf: Dort entsteht eine Aufgabe, und
an ihrer Karte steht die Antwort. Bei einer ABSAGE entsteht nichts.
Die Benachrichtigung selbst gab es (`bewerbung_antwort`, vorgabe an,
fuer ja und nein). Sie war nur das EINZIGE -- wer sie wegwischt oder
kein Geraet angemeldet hat, erfuhr nie, warum.
WAS JETZT DASTEHT
* BEIM BEWERBER: „Antwort auf deine Bewerbung" mit dem Ergebnis, dem
Satz und dem Namen dessen, der geantwortet hat. Beide Ausgaenge --
eine Liste, die nur Absagen sammelt, waere eine andere Sache. Nach
14 Tagen verschwindet sie von selbst.
SIE STEHT VOR DEM ZUKLAPPEN. Beim ersten Anlauf lag sie im Koerper
des Vorlagenbretts, und der wird nur gebaut, wenn das Brett
aufgeklappt ist -- zugeklappt ist die Vorgabe. Eine Antwort, die
man erst aufklappen muss, ist wieder keine.
* BEI DER LEITUNG: „Schon abgesagt", 90 Tage, mit der Zahl JE MENSCH
vorn. Das ist VanVans eigentliche Frage („falls sich jemand immer
wieder bewirbt und immer wieder abgelehnt wird"), und die
beantwortet eine Liste von zwanzig Zeilen nicht.
AUS BEIDEN WEGEN -- Vorlage und Aufgabe. Eine Uebersicht, die nur
die Haelfte zeigt, ist schlimmer als keine: „Frida wurde nie
abgelehnt" waere dann eine Auskunft, die stimmt und taeuscht.
ZUGEKLAPPT. Eine Liste von Absagen, die immer offen steht, ist eine
Sammlung von Nein-Sagen ueber Menschen, mit denen man morgen wieder
arbeitet.
KEIN ROT. Eine Absage ist kein Fehler; „diesmal nicht" ist keine
Aussage ueber den Menschen. Gedeckter Bernstein, und ab zwei Malen
faellt die ZAHL auf -- nicht nur die Farbe.
ZWEI EIGENE FELDER UND NICHT `bewerbungen` ERWEITERT. Dort heisst
eine Zeile im Browser „wartet auf Antwort", samt Zurueckziehen-Knopf.
Beantwortete Zeilen hineinzumischen haette bei einer Absage genau das
gezeigt. Ein Feld, dessen Bedeutung sich aendert, bricht seine Leser
lautlos.
`entschieden_von IS NOT NULL` TRENNT DREI DINGE, die alle `abgelehnt`
heissen: die Leitung hat eine Bewerbung abgelehnt (das hier), die
Person hat eine Zuteilung abgelehnt (ihre Entscheidung), und „von
jemand anderem uebernommen" (gar keine Absage).
Haustrennung gilt: `darfSchreibenMit` je Zeile.
GEPRUEFT
pruef-bewerbung-aufgaben 144/0 (weitere 10 Pruefungen plus zwei
Bilder). Die Gegenprobe steht in der Vorgeschichte: Dieselben
Pruefungen waren vor dem Bau rot.
Zwei eigene Messfehler, beide im Text festgehalten: Ich habe zuerst
auf dem AUFGABENbrett gemessen -- der Vorlagenkatalog steht aber auf
„Eure Aufgaben" (`zweig: 'team'`). Und `innerText` liefert den Text
so, wie er DASTEHT: Die Zeile suchte „Diesmal nicht" und fand
„DIESMAL NICHT", weil das Schild `text-transform: uppercase` traegt.
pruef-vorlagen 24/0, pruef-aufgaben-vorlagen, pruef-zuteilung,
pruef-aufgabenbrett, pruef-entwicklung 79/0, pruef-css-klassen,
pruef-zwischenspeicher 34/0.
Co-Authored-By: Claude Opus 5 <[email protected]>
142 lines
6.3 KiB
HTML
142 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="de" data-haus="crew">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||
<title>Anruf-Probe · Team Dogi</title>
|
||
<meta name="robots" content="noindex, nofollow" />
|
||
<!-- KORRIGIERT AM 19.09.2026. Hier standen `basis.css` und `kopf.css` --
|
||
zwei Dateien, die es im Haus gar nicht gibt. Die Seite lud sie bei
|
||
jedem Aufruf ins Leere und stand damit OHNE die Hausfarben da; die
|
||
Angaben darunter (var(--text-leise) usw.) liefen ins Nichts.
|
||
|
||
Ausgerechnet auf dieser Seite faellt das nicht auf: Sie hat ihre
|
||
eigene Stilangabe im Kopf, damit sie auch dann noch etwas anzeigt,
|
||
wenn die Stilvorlagen klemmen -- und genau die hat den Mangel
|
||
verdeckt. Gefunden hat es pruef-struktur.
|
||
|
||
Richtig sind `gate.css` (die Farbwerte des Hauses) und `haus.css`. -->
|
||
<link rel="stylesheet" href="assets/css/gate.css?v=202609301833" />
|
||
<link rel="stylesheet" href="assets/css/haus.css?v=202609301833" />
|
||
<!-- Ohne diese drei nimmt ein iPhone einen Bildschirmausschnitt als
|
||
Symbol, Android zeichnet die Leiste weiss, und die Seite oeffnet
|
||
ausserhalb der App -- auf einer Seite, die genau erklaeren soll,
|
||
WARUM das Telefon nicht klingelt, ist das besonders unpassend. -->
|
||
<!-- app.webmanifest, NICHT crew.webmanifest (25.09.2026).
|
||
Hier stand crew.webmanifest fest verdrahtet. Diese Seite ist
|
||
aber fuer ALLE Rollen offen (rechte.js) und damit auf BEIDEN
|
||
Adressen erreichbar -- wer sie im Agenturhaus oeffnet und die
|
||
App installiert, bekam „DogFather Universe" mit dem
|
||
Crew-Symbol auf den Startbildschirm.
|
||
Die Adresse biegt app.webmanifest auf crew.webmanifest um
|
||
(crew-adresse.js), und zwar NUR auf der Crew-Adresse. Deshalb
|
||
schreibt jede Seite app.webmanifest -- auch die hier. -->
|
||
<link rel="manifest" href="/workspace/app.webmanifest" />
|
||
<meta name="theme-color" content="#06090f" />
|
||
<link rel="apple-touch-icon" href="/assets/img/app-symbole/workspace-180.png?v=202609301833" />
|
||
<style>
|
||
/* Bewusst in der Seite und nicht in einer eigenen Datei: Diese Seite
|
||
soll auch dann noch etwas anzeigen, wenn genau das schiefgeht,
|
||
was sie untersucht -- eine Stilvorlage, die aus dem
|
||
Zwischenspeicher kommt. */
|
||
/* DIE KOPFLEISTE WAR NIE GESTALTET (nachgetragen 19.09.2026).
|
||
|
||
Gefunden von pruef-css-klassen: `.kopfleiste`, `.kopfleiste__zurueck`,
|
||
`.kopfleiste__mitte` und `.kopfleiste__titel` stehen in KEINER
|
||
Stilvorlage des Hauses -- sie leben in start.css bzw. crew-haus.css,
|
||
und genau die lädt diese Seite absichtlich nicht.
|
||
|
||
Ergebnis war eine Leiste aus nacktem Text: der Zurück-Weg ein
|
||
blasser Link irgendwo links oben, der Titel daneben in Fließtext.
|
||
Ausgerechnet auf der Seite, die man aufruft, WEIL schon etwas nicht
|
||
funktioniert -- da sieht unfertig aus wie kaputt.
|
||
|
||
Sie stehen hier und nicht in einer Datei, aus demselben Grund wie
|
||
alles andere auf dieser Seite: Sie soll auch dann noch etwas
|
||
anzeigen, wenn genau das schiefgeht, was sie untersucht. */
|
||
.kopfleiste {
|
||
display: flex; align-items: center; gap: .6rem;
|
||
padding: .55rem .9rem;
|
||
border-bottom: 1px solid var(--rand);
|
||
background: color-mix(in srgb, var(--tinte) 92%, #ffffff 8%);
|
||
}
|
||
.kopfleiste__zurueck {
|
||
/* 44 px hoch: Das ist die Größe, die ein Daumen sicher trifft.
|
||
Auf einem Handy ist dieser Knopf der einzige Weg zurück. */
|
||
display: inline-flex; align-items: center;
|
||
min-height: 44px; padding: 0 .7rem 0 .2rem;
|
||
color: var(--text-leise); text-decoration: none;
|
||
font-size: .92rem; border-radius: .5rem;
|
||
}
|
||
.kopfleiste__zurueck:hover,
|
||
.kopfleiste__zurueck:focus-visible { color: var(--text); }
|
||
.kopfleiste__mitte { flex: 1; min-width: 0; text-align: center; }
|
||
.kopfleiste__titel {
|
||
font-size: .92rem; font-weight: 600; color: var(--text);
|
||
letter-spacing: .01em;
|
||
}
|
||
/* Gleich breit wie der Zurück-Weg, damit der Titel wirklich mittig
|
||
steht statt nur ungefähr. */
|
||
.kopfleiste__rechts { flex: 0 0 4.5rem; }
|
||
@media (max-width: 420px) {
|
||
.kopfleiste__rechts { flex-basis: 0; }
|
||
.kopfleiste__mitte { text-align: right; }
|
||
}
|
||
|
||
.probe { max-width: 46rem; margin: 0 auto; padding: 1.4rem 1rem 3rem; }
|
||
.probe h1 { margin: .2rem 0 .3rem; }
|
||
.probe__unter { color: var(--text-leise); margin: 0 0 1.4rem; }
|
||
.punkt {
|
||
display: flex; gap: .8rem; align-items: flex-start;
|
||
padding: .85rem 1rem; margin-bottom: .6rem;
|
||
border: 1px solid var(--rand); border-radius: .7rem;
|
||
background: rgba(255,255,255,.02);
|
||
}
|
||
.punkt__zeichen { font-size: 1.1rem; line-height: 1.4; flex: 0 0 1.4rem; }
|
||
.punkt__text { flex: 1; min-width: 0; }
|
||
.punkt__titel { font-weight: 600; margin: 0 0 .15rem; }
|
||
.punkt__satz { margin: 0; color: var(--text-leise); font-size: .9rem; }
|
||
.punkt[data-stand="gut"] { border-color: rgba(120, 200, 150, .4); }
|
||
.punkt[data-stand="warn"] { border-color: rgba(220, 180, 110, .45); }
|
||
.punkt[data-stand="schlecht"] { border-color: rgba(230, 140, 140, .5); }
|
||
/* 44 px auf Geraeten, die mit dem Finger bedient werden
|
||
(19.09.2026). Diese Seite laedt module.css bewusst nicht --
|
||
sie soll auch dann noch stehen, wenn Stilvorlagen klemmen.
|
||
Also gilt die Regel hier eigens. */
|
||
.probe__knopf { margin: 1.2rem 0 .4rem; }
|
||
@media (pointer: coarse) { .probe__knopf { min-height: 44px; } }
|
||
.probe__ende {
|
||
margin-top: 1.6rem; padding: 1rem;
|
||
border-radius: .7rem; border: 1px dashed var(--rand-hell);
|
||
color: var(--text-leise); font-size: .92rem;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="haus">
|
||
<header class="kopfleiste">
|
||
<a class="kopfleiste__zurueck" id="zurueck-weg" href="start.html">‹ Zurück</a>
|
||
<div class="kopfleiste__mitte"><span class="kopfleiste__titel">Anruf-Probe</span></div>
|
||
<div class="kopfleiste__rechts"></div>
|
||
</header>
|
||
|
||
<main class="probe">
|
||
<h1>Warum klingelt es nicht?</h1>
|
||
<p class="probe__unter">
|
||
Diese Seite geht der Reihe nach durch, was ein Anruf braucht – und sagt,
|
||
an welcher Stelle es hakt. Sie ruft niemanden an.
|
||
</p>
|
||
|
||
<div id="ergebnis"></div>
|
||
|
||
<button type="button" class="knopf probe__knopf" id="ton-probe">Klingelton anhören</button>
|
||
|
||
<p class="probe__ende" id="rat"></p>
|
||
</main>
|
||
|
||
|
||
|
||
<script src="assets/js/anruf-probe.js?v=202609301833" defer></script>
|
||
<script src="assets/js/installieren.js?v=202609301833" defer></script>
|
||
</body>
|
||
</html>
|