Workspace: Zurueck-Knopf auf allen Seiten

Wunsch: "ich will auch immer bei jeder seite auch immer einen knopf
haben damit ich zurueck gehen kann auf die seite vorher."

Neues gemeinsames Modul assets/js/kopf.js. Blindes history.back() reicht
dafuer nicht: Wer die Adresse direkt eingibt oder gerade von der
Anmeldung kommt, landet damit ausserhalb des Workspace oder wieder im
Anmeldeformular. Deshalb wird zuerst geprueft, woher der Aufruf kam:

  * vorherige Seite im Workspace  -> "Zurueck", history.back()
    (fuehrt wirklich dorthin zurueck, samt Bildlaufposition)
  * kein Verlauf, aber Unterseite -> "Uebersicht", geht zur Startseite
  * kein Verlauf auf der Startseite -> Knopf bleibt verborgen
    Ein Knopf, der nichts tut, ist schlimmer als keiner.

Der Knopf sitzt links in der Kopfleiste, an derselben Stelle wie im
Browser.

Nebenbei aufgeraeumt: Das Abmelden stand bisher in jeder der fuenf
Seitendateien noch einmal -- fuenfmal derselbe Block, fuenfmal eine
Stelle zum Vergessen. Liegt jetzt ebenfalls in kopf.js.

Geprueft: Start nach Login -> verborgen; Aufgaben von Start ->
"Zurueck", fuehrt zurueck; Kalender direkt aufgerufen -> "Uebersicht".
Keine Konsolenfehler, Abmelden funktioniert weiterhin.

Nur statische Dateien, kein Neustart noetig.
This commit is contained in:
2026-08-28 00:35:26 +02:00
parent ef79659f8f
commit 75d05d05d2
12 changed files with 100 additions and 26 deletions
+22
View File
@@ -38,6 +38,28 @@ body.start {
.kopfleiste .marke { margin: 0; font-size: .72rem; }
/* Zurück-Knopf. Steht ganz links, weil dort jeder ihn erwartet -- gleiche
Stelle wie im Browser. Bleibt verborgen (hidden), wenn es nichts gibt,
wohin er führen könnte; das entscheidet kopf.js. */
.zurueck-knopf {
flex: 0 0 auto;
padding: 7px 13px;
background: rgba(255, 255, 255, .045);
border: 1px solid var(--rand);
border-radius: 9px;
color: var(--text-leise);
font: inherit; font-size: .82rem;
cursor: pointer;
white-space: nowrap;
transition: background var(--tempo), border-color var(--tempo), color var(--tempo);
}
.zurueck-knopf:hover {
background: rgba(255, 255, 255, .08);
border-color: var(--rand-hell);
color: var(--text);
}
.zurueck-knopf:active { transform: translateX(-1px); }
.kopfleiste__rechts { display: flex; align-items: center; gap: 12px; }
.wer {