Neues Design „Bauplan“, Dashboard, Notizen-Bereich, Seitenleiste
- Gestaltung „Bauplan“: ruhigere Farben, Schriftskala, Abstände im 4-px-Raster, Kalenderwochen und Nummern in Mono-Ziffern, Glas beruhigt - Dashboard „Meine Aufgaben“: Kopf mit Kalenderwoche, Band „Diese Woche“ (Mo–Fr), je Projekt Meine Rolle / Team / Notizen; offene Termine blau hervorgehoben; Monatskalender unverändert - Neuer Bereich „Notizen“ in der Seitenleiste: Notizen aller eigenen Projekte und eigene Notizen ohne Projekt, später einem Projekt zuordenbar - Seitenleiste neu gegliedert (Projekte, Team, Notizen, Studenten, Einstellungen/Admin unten), Admin-Punkte in Personen/Vorgaben/System - Reiter im Projektkopf wie die Seitenleiste hervorgehoben - Behoben: „&amp;…“ in Kommentaren wuchs bei jedem Speichern; bestehende Kommentare werden beim Start repariert - Behoben: Lösch-Rückfrage bei Notizen unlesbar bzw. blieb stehen, Cursor im Notiztitel verdeckt, Dropdown im Dunkelmodus gekachelt Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
erikandClaude Opus 5.5 committed
1 parent
e697057b86
commit
e291ca8438
18 files changed
+2185
-1250
No files matched your search
@@ -55,8 +55,6 @@ const ABSENCE_TYPE_CLASS = {
|
||||
// renderDashboard()-Aufruf neu gestartet (vorheriges Intervall zuerst
|
||||
// gestoppt), damit beim wiederholten Tab-Wechsel nicht mehrere Intervalle
|
||||
// parallel laufen.
|
||||
let dashboardClockTimer = null;
|
||||
|
||||
// renderDashboard: lädt GET /my-dashboard und rendert Begrüßung/Uhr,
|
||||
// Kennzahlen sowie die drei Bereiche in #dashboardContent. Wird nur beim
|
||||
// Wechsel auf den Tab aufgerufen (showTab()), nicht beim initialen
|
||||
@@ -66,6 +64,9 @@ async function renderDashboard(){
|
||||
if(!container) return;
|
||||
container.innerHTML = '<div class="hint">Lade Dashboard…</div>';
|
||||
|
||||
// Notizen je Projekt (Anzahl) parallel — fällt sie aus, fehlt nur die Angabe.
|
||||
const notizenAnfrage = fetch(baseUrl() + '/projekt-notizen/anzahl')
|
||||
.then(r => r.ok ? r.json() : null).catch(() => null);
|
||||
let data;
|
||||
try {
|
||||
const res = await fetch(baseUrl() + '/my-dashboard');
|
||||
@@ -76,6 +77,8 @@ async function renderDashboard(){
|
||||
return;
|
||||
}
|
||||
|
||||
const nz = await notizenAnfrage;
|
||||
dashNotizen = (nz && nz.ok && nz.anzahl) || {};
|
||||
const weekLabel = data.weekLabel || null;
|
||||
const tasks = Array.isArray(data.tasks) ? data.tasks : [];
|
||||
const projectDates = Array.isArray(data.projectDates) ? data.projectDates : [];
|
||||
@@ -103,12 +106,15 @@ async function renderDashboard(){
|
||||
const heuteFaellig = tasks.filter(t => t.end === heute).length
|
||||
+ projectDates.filter(d => d.heute).length;
|
||||
|
||||
const daten = dashDaten();
|
||||
const sonntag = formatDateISO(new Date(dashWochenMontag().getTime() + 6 * 86400000));
|
||||
const dieseWoche = daten.eintraege.filter(e => e.datum >= heute && e.datum <= sonntag).length;
|
||||
|
||||
let html = '';
|
||||
html += renderDashboardKopf(weekLabel);
|
||||
html += renderDashboardBand({
|
||||
ueberfaellig, heuteFaellig,
|
||||
ueberfaellig, heuteFaellig, dieseWoche,
|
||||
aufgaben: tasks.length,
|
||||
termine: projectDates.length,
|
||||
freigaben: pending.length,
|
||||
abwesend: absencesToday,
|
||||
});
|
||||
@@ -120,10 +126,10 @@ async function renderDashboard(){
|
||||
// Neu zugewiesene Aufgaben (js/benachrichtigungen.js) — vor allem anderen,
|
||||
// weil es das ist, was sich seit dem letzten Blick geändert hat.
|
||||
html += '<div id="dashNeu"></div>';
|
||||
html += renderDashWoche(daten);
|
||||
html += '<div class="dash-zonen">';
|
||||
|
||||
// Linke Zone: die eigenen Projekte mit ihren Terminen
|
||||
const daten = dashDaten();
|
||||
html += '<div>';
|
||||
const zuAlle = dashZuLesen();
|
||||
const alleOffen = daten.projekte.some(x => !zuAlle.has(dashProjKey(x.p)));
|
||||
@@ -153,7 +159,6 @@ async function renderDashboard(){
|
||||
if(typeof renderDashNeu === 'function'){ renderDashNeu(); ladeBenachrichtigungen(true); }
|
||||
dashKalDaten = daten;
|
||||
renderDashKalender();
|
||||
startDashboardClock();
|
||||
}
|
||||
|
||||
// ---------- Meine Projekte + Kalender (Entwurf B "Monatsblatt") ----------
|
||||
@@ -164,6 +169,8 @@ async function renderDashboard(){
|
||||
let dashKalDaten = null;
|
||||
let dashKalMonat = null; // { jahr, monat } (monat 0–11)
|
||||
let dashKalTag = null; // ISO-Datum
|
||||
// dashNotizen: { project_uid: {anzahl, zuletzt} } aus GET /projekt-notizen/anzahl.
|
||||
let dashNotizen = {};
|
||||
|
||||
// dashDaten: sammelt aus der aktuellen Sitzung (currentWeek()) die Projekte
|
||||
// des angemeldeten Kontos und alle Kalendereinträge. Ein Projekt gehört dazu,
|
||||
@@ -440,9 +447,8 @@ function renderDashProjekte(daten){
|
||||
const key = dashProjKey(p);
|
||||
const istZu = zu.has(key);
|
||||
const rollen = x.rollen.length
|
||||
? x.rollen.map(r => '<span class="dash-rolle' + (r.state === 2 ? ' ist-neben' : '') + '" title="'
|
||||
+ (r.state === 2 ? 'Unterstützung' : 'Hauptverantwortung') + '">' + esc(r.rolle) + '</span>').join('')
|
||||
: '<span class="dash-rolle ist-neben" title="Nicht zugeordnet, aber mit eigener Aufgabe">nur Aufgabe</span>';
|
||||
? x.rollen.map(r => esc(r.rolle) + (r.state === 2 ? ', Unterstützung' : '')).join(' / ')
|
||||
: 'nur eigene Aufgabe';
|
||||
const aktLp = (typeof lpActiveList === 'function' ? lpActiveList(p) : [])[0];
|
||||
const pct = aktLp && p.lph && p.lph[aktLp] !== undefined && p.lph[aktLp] !== '' ? Math.max(0, Math.min(100, Number(p.lph[aktLp]) || 0)) : null;
|
||||
const phase = aktLp
|
||||
@@ -463,7 +469,7 @@ function renderDashProjekte(daten){
|
||||
// Eingeklappt bleibt sichtbar, was Aufmerksamkeit braucht: wie viele
|
||||
// Termine überfällig bzw. offen sind.
|
||||
const kurz = (ueber.length ? '<span class="dash-proj-zahl ist-rot">' + ueber.length + ' überfällig</span>' : '')
|
||||
+ '<span class="dash-proj-zahl">' + kommend.length + ' offen</span>';
|
||||
+ '<span class="dash-proj-zahl' + (kommend.length ? ' ist-offen' : '') + '">' + kommend.length + ' offen</span>';
|
||||
return '<div class="dash-karte dash-proj' + (istZu ? ' ist-zu' : '') + '" data-key="' + esc(key) + '">'
|
||||
+ '<div class="dash-proj-kopf">'
|
||||
+ (daten.projekte.length > 1 ? '<span class="dash-proj-griff" tabindex="0" role="button" title="Ziehen, um die Reihenfolge zu ändern (oder Pfeiltasten)" aria-label="Reihenfolge ändern" onmousedown="dashGriffDruck(this)" ontouchstart="dashGriffDruck(this)" onkeydown="dashGriffTaste(event, this)">' + icon('grip') + '</span>' : '')
|
||||
@@ -472,10 +478,10 @@ function renderDashProjekte(daten){
|
||||
+ '<span class="dash-proj-nr">' + esc(p.nr || '') + '</span><span class="dash-proj-titel">' + esc(p.name || '') + '</span>'
|
||||
+ '</button>'
|
||||
+ '<span class="dash-proj-kurz">' + kurz + '</span>'
|
||||
+ '<span class="dash-rollen">' + rollen + '</span>'
|
||||
+ '<a class="dash-proj-oeffnen" href="' + dashProjektUrl(p, 'dashboard') + '" onclick="return dashImTabOeffnen(event, this)" title="Projekt öffnen">Öffnen</a>'
|
||||
+ '</div>'
|
||||
+ '<div class="dash-proj-inhalt">'
|
||||
+ renderDashProjektInfo(x, rollen)
|
||||
+ '<div class="dash-proj-sub">' + phase + '</div>'
|
||||
+ '<div class="dash-proj-termine">' + zeilen + mehr + '</div>'
|
||||
+ '</div>'
|
||||
@@ -483,6 +489,103 @@ function renderDashProjekte(daten){
|
||||
}).join('') + '</div>';
|
||||
}
|
||||
|
||||
// renderDashWoche: Band „Diese Woche“ (Entwurf „Bauplan“): Mo bis Fr als
|
||||
// Spalten mit den Terminen der eigenen Projekte an diesem Tag — eigene
|
||||
// Aufgaben, Aufgaben im Projekt, Meilensteine, Überfälliges. Je Tag höchstens
|
||||
// DASH_WOCHE_JE_TAG, der Rest als „+ N weitere“. Parameter: daten (dashDaten()).
|
||||
const DASH_WOCHE_JE_TAG = 4;
|
||||
function renderDashWoche(daten){
|
||||
if(!daten.geladen || !daten.projekte.length) return '';
|
||||
const heute = heuteIso();
|
||||
const mo = dashWochenMontag();
|
||||
const TAGE = ['Mo', 'Di', 'Mi', 'Do', 'Fr'];
|
||||
let spalten = '';
|
||||
for(let i = 0; i < 5; i++){
|
||||
const d = new Date(mo); d.setDate(mo.getDate() + i);
|
||||
const iso = formatDateISO(d);
|
||||
const e = daten.eintraege.filter(x => x.datum === iso)
|
||||
.sort((a, b) => (b.meins ? 1 : 0) - (a.meins ? 1 : 0));
|
||||
const sicht = e.slice(0, DASH_WOCHE_JE_TAG);
|
||||
const rest = e.length - sicht.length;
|
||||
spalten += '<div class="dash-woche-tag' + (iso === heute ? ' ist-heute' : '') + '">'
|
||||
+ '<div class="dash-woche-kopf"><span>' + TAGE[i] + '</span><span class="dash-woche-datum">' + d.getDate() + '.' + (d.getMonth() + 1) + '.</span></div>'
|
||||
+ '<div class="dash-woche-liste">'
|
||||
+ (sicht.map(x => {
|
||||
const art = x.art === 'meilenstein' ? 'ist-ms' : (x.datum < heute ? 'ist-ueber' : (x.meins ? 'ist-meins' : 'ist-fremd'));
|
||||
return '<a class="dash-woche-eintrag ' + art + '" href="' + dashProjektUrl(x.projekt, x.art === 'meilenstein' ? 'terminplan' : 'aufgaben') + '" onclick="return dashImTabOeffnen(event, this)"'
|
||||
+ ' title="' + esc(x.titel + ' (' + [x.projekt.nr, x.projekt.name].filter(Boolean).join(' ') + ')') + '">'
|
||||
+ '<span class="dash-woche-titel">' + esc(x.titel) + '</span>'
|
||||
+ '<span class="dash-woche-projekt">' + esc([x.projekt.nr, x.projekt.name].filter(Boolean).join(' ')) + '</span></a>';
|
||||
}).join('') || '<span class="dash-woche-leer">keine Termine</span>')
|
||||
+ (rest > 0 ? '<span class="dash-woche-mehr">+ ' + rest + ' weitere</span>' : '')
|
||||
+ '</div></div>';
|
||||
}
|
||||
const legende = '<div class="dash-woche-legende">'
|
||||
+ '<span><i class="ist-meins"></i>meine Aufgabe</span><span><i class="ist-fremd"></i>Aufgabe im Projekt</span>'
|
||||
+ '<span><i class="ist-ms"></i>Meilenstein</span><span><i class="ist-ueber"></i>überfällig</span></div>';
|
||||
return dashAbschnitt('Diese Woche', null, 'eigene Aufgaben und Termine meiner Projekte',
|
||||
'<div class="dash-karte dash-woche"><div class="dash-woche-rahmen"><div class="dash-woche-raster">' + spalten + '</div></div>' + legende + '</div>');
|
||||
}
|
||||
|
||||
// renderDashProjektInfo: Zeile „Meine Rolle | Team | Notizen“ im Projektblock
|
||||
// (Eriks Wunsch): die eigene Rolle, die übrigen Beteiligten als Kürzel-Kreise
|
||||
// in den Rollenfarben (wie Projektliste, beteiligtenAvatarHtml()) und — nur
|
||||
// wenn vorhanden — die Zahl der Notizen mit Sprung in den Reiter „Notizen“.
|
||||
// Parameter: x (Eintrag aus dashDaten()), rollenText. Rückgabe: HTML-String.
|
||||
const DASH_TEAM_MAX = 5;
|
||||
function renderDashProjektInfo(x, rollenText){
|
||||
const p = x.p;
|
||||
const w = currentWeek();
|
||||
const ich = currentUser && currentUser.personId;
|
||||
const personen = {};
|
||||
((w && w.people) || []).forEach(q => { personen[q.id] = q; });
|
||||
const eintraege = [];
|
||||
Object.keys(p.assign || {}).forEach(key => {
|
||||
const [pid, role] = key.split('|');
|
||||
const state = Number(p.assign[key]) || 0;
|
||||
if(state > 0) eintraege.push({ person: personen[pid] || { id: pid, name: pid, fullName: pid }, role, state });
|
||||
});
|
||||
const alle = beteiligteJePerson(eintraege);
|
||||
const ichB = alle.find(b => b.person.id === ich);
|
||||
const team = alle.filter(b => b.person.id !== ich);
|
||||
const kreis = b => beteiligtenAvatarHtml(b, typeof roleClass === 'function' ? roleClass(b.role) : '');
|
||||
const kurzName = b => {
|
||||
const teile = String(b.person.fullName || b.person.name || '').trim().split(/\s+/);
|
||||
return teile.length > 1 ? teile[0] + ' ' + teile[teile.length - 1][0] + '.' : teile[0];
|
||||
};
|
||||
const namen = team.length > 2
|
||||
? team.slice(0, 2).map(kurzName).join(', ') + ' +' + (team.length - 2)
|
||||
: team.map(kurzName).join(', ');
|
||||
|
||||
let html = '<div class="dash-proj-info">'
|
||||
+ '<div class="dash-proj-feld"><span class="dash-proj-feld-titel">Meine Rolle</span>'
|
||||
+ '<span class="dash-proj-feld-wert">' + (ichB ? kreis(ichB) : '') + '<span>' + rollenText + '</span></span></div>'
|
||||
+ '<div class="dash-proj-feld"><span class="dash-proj-feld-titel">Team</span>'
|
||||
+ '<span class="dash-proj-feld-wert">'
|
||||
+ (team.length
|
||||
? '<span class="dash-proj-team">' + team.slice(0, DASH_TEAM_MAX).map(kreis).join('') + '</span><span class="dash-proj-namen" title="' + esc(team.map(b => b.title).join('\n')) + '">' + esc(namen) + '</span>'
|
||||
: '<span class="dash-proj-namen">niemand weiter</span>')
|
||||
+ '</span></div>';
|
||||
const n = dashNotizen[p.projectUid];
|
||||
if(n && n.anzahl > 0){
|
||||
html += '<a class="dash-proj-feld dash-proj-notizen" href="' + dashProjektUrl(p, 'notizen') + '" onclick="return dashImTabOeffnen(event, this)">'
|
||||
+ '<span class="dash-proj-feld-titel">Notizen</span>'
|
||||
+ '<span class="dash-proj-feld-wert">' + icon('fileText') + '<span><b>' + n.anzahl + '</b> ' + (n.anzahl === 1 ? 'Notiz' : 'Notizen') + '</span>'
|
||||
+ (n.zuletzt ? '<span class="dash-proj-zuletzt">' + esc(dashZuletzt(n.zuletzt)) + '</span>' : '') + '</span></a>';
|
||||
}
|
||||
return html + '</div>';
|
||||
}
|
||||
|
||||
// dashZuletzt: „zuletzt heute/gestern“ oder „vom 28.10.“ zu einem Zeitstempel.
|
||||
function dashZuletzt(zeit){
|
||||
const d = new Date(zeit);
|
||||
if(isNaN(d)) return '';
|
||||
const tage = -tageBis(formatDateISO(d));
|
||||
if(tage <= 0) return 'zuletzt heute';
|
||||
if(tage === 1) return 'zuletzt gestern';
|
||||
return 'vom ' + d.getDate() + '.' + (d.getMonth() + 1) + '.';
|
||||
}
|
||||
|
||||
// renderDashTermin: eine Terminzeile im Projektblock und in der Tagesliste
|
||||
// des Kalenders. Eigene Aufgaben tragen das Zeichen "A" in Akzentfarbe,
|
||||
// fremde Aufgaben dazu die Zuständigen, Meilensteine eine Raute.
|
||||
@@ -593,22 +696,30 @@ function dashKalBlaettern(n){
|
||||
renderDashKalender();
|
||||
}
|
||||
|
||||
// renderDashboardKopf: Begrüßung und Datum links, Sitzung und Uhr klein
|
||||
// rechts. Die Uhrzeit war zuvor die größte Zahl auf dem Bildschirm — sie ist
|
||||
// die Angabe, nach der man am wenigsten handelt, und steht deshalb am Rand.
|
||||
// Die Inhalte füllt startDashboardClock() live nach.
|
||||
// Parameter: weekLabel. Rückgabe: HTML-String.
|
||||
// renderDashboardKopf: Titel und Kalenderwoche statt Begrüßung (Entwurf
|
||||
// „Bauplan“, Eriks Wahl): „KW 45, Mo 2. bis Fr 6. November 2026“, rechts die
|
||||
// Sitzung. Parameter: weekLabel. Rückgabe: HTML-String.
|
||||
function renderDashboardKopf(weekLabel){
|
||||
const MONATE = ['Januar','Februar','März','April','Mai','Juni','Juli','August','September','Oktober','November','Dezember'];
|
||||
const mo = dashWochenMontag();
|
||||
const fr = new Date(mo); fr.setDate(mo.getDate() + 4);
|
||||
const zeile = 'KW ' + getWeekNumber(mo) + ', Mo ' + mo.getDate() + '.'
|
||||
+ (mo.getMonth() !== fr.getMonth() ? ' ' + MONATE[mo.getMonth()] : '')
|
||||
+ ' bis Fr ' + fr.getDate() + '. ' + MONATE[fr.getMonth()] + ' ' + fr.getFullYear();
|
||||
return '<div class="dash-kopf">'
|
||||
+ '<p class="dash-gruss"><span id="dashboardGreetingText"></span>'
|
||||
+ '<em id="dashboardGreetingDate"></em></p>'
|
||||
+ '<div class="dash-kopf-rechts">'
|
||||
+ (weekLabel ? '<span class="dash-sitzung">' + esc(weekLabel) + '</span>' : '')
|
||||
+ '<span class="dash-uhr" id="dashboardClock"></span>'
|
||||
+ '</div>'
|
||||
+ '<div class="dash-kopf-links"><span class="dash-kopf-kw">' + esc(zeile) + '</span>'
|
||||
+ '<h2 class="dash-titel">Meine Aufgaben</h2></div>'
|
||||
+ (weekLabel ? '<div class="dash-kopf-rechts"><span class="dash-kopf-label">Sitzung</span><span class="dash-sitzung">' + esc(weekLabel) + '</span></div>' : '')
|
||||
+ '</div>';
|
||||
}
|
||||
|
||||
// dashWochenMontag: Montag der laufenden Woche (lokale Zeit, 0 Uhr).
|
||||
function dashWochenMontag(){
|
||||
const d = parseDateISO(heuteIso());
|
||||
d.setDate(d.getDate() - ((d.getDay() + 6) % 7));
|
||||
return d;
|
||||
}
|
||||
|
||||
// renderDashboardBand: der Befund des Tages als Satz, daneben die Kennzahlen.
|
||||
//
|
||||
// Zuvor standen hier vier gleich große Kacheln, von denen meist drei eine
|
||||
@@ -634,17 +745,17 @@ function renderDashboardBand(z){
|
||||
satz = '<b class="ist-ruhig">Nichts offen, nichts überfällig.</b>';
|
||||
}
|
||||
|
||||
const zahl = (wert, label) =>
|
||||
'<div class="dash-zahl' + (wert === 0 ? ' ist-null' : '') + '"><b>' + wert + '</b><span>' + label + '</span></div>';
|
||||
const zahl = (wert, label, rot) =>
|
||||
'<div class="dash-zahl' + (wert === 0 ? ' ist-null' : '') + (rot ? ' ist-rot' : '') + '"><span>' + label + '</span><b>' + wert + '</b></div>';
|
||||
|
||||
const ruhig = z.ueberfaellig === 0 && z.heuteFaellig === 0;
|
||||
return '<div class="dash-band' + (ruhig ? ' ist-ruhig' : '') + '">'
|
||||
+ '<p class="dash-befund">' + satz + '</p>'
|
||||
+ '<div class="dash-band-zahlen">'
|
||||
+ zahl(z.aufgaben, 'offene Aufgaben')
|
||||
+ zahl(z.termine, 'Termine im Blick')
|
||||
+ zahl(z.ueberfaellig, 'überfällig', z.ueberfaellig > 0)
|
||||
+ zahl(z.dieseWoche, 'diese Woche fällig')
|
||||
+ zahl(z.freigaben, 'Freigaben')
|
||||
+ zahl(z.abwesend, 'heute abwesend')
|
||||
+ '</div></div>';
|
||||
}
|
||||
|
||||
@@ -666,43 +777,6 @@ function dashLeer(text){
|
||||
return '<div class="dash-karte"><div class="dash-leer">' + esc(text) + '</div></div>';
|
||||
}
|
||||
|
||||
// greetingForHour:// greetingForHour: liefert je Tageszeit eine passende Begrüßung. Parameter:
|
||||
// hour (Number, 0-23). Rückgabe: String.
|
||||
function greetingForHour(hour){
|
||||
if(hour < 5) return 'Gute Nacht';
|
||||
if(hour < 11) return 'Guten Morgen';
|
||||
if(hour < 18) return 'Guten Tag';
|
||||
if(hour < 22) return 'Guten Abend';
|
||||
return 'Gute Nacht';
|
||||
}
|
||||
|
||||
// startDashboardClock: (re-)startet das Intervall, das Begrüßung, Datum und
|
||||
// Uhrzeit im Dashboard-Header aktualisiert. Bricht sich selbst ab, sobald die
|
||||
// Zielelemente nicht mehr im DOM sind (z. B. weil das Dashboard neu gerendert
|
||||
// wurde). Keine Parameter, keine Rückgabe.
|
||||
function startDashboardClock(){
|
||||
if(dashboardClockTimer) clearInterval(dashboardClockTimer);
|
||||
const name = (currentUser && (currentUser.displayName || currentUser.username)) || '';
|
||||
const tick = () => {
|
||||
const textEl = document.getElementById('dashboardGreetingText');
|
||||
const dateEl = document.getElementById('dashboardGreetingDate');
|
||||
const clockEl = document.getElementById('dashboardClock');
|
||||
if(!textEl || !dateEl || !clockEl){
|
||||
clearInterval(dashboardClockTimer);
|
||||
dashboardClockTimer = null;
|
||||
return;
|
||||
}
|
||||
const now = new Date();
|
||||
// Begrüßung und Datum stehen in EINER Zeile (früher untereinander), das
|
||||
// Datum als gedämpfter Zusatz — deshalb der führende Gedankenstrich.
|
||||
textEl.textContent = greetingForHour(now.getHours()) + (name ? ', ' + name : '');
|
||||
dateEl.textContent = ' — ' + now.toLocaleDateString('de-DE', { weekday: 'long', day: '2-digit', month: 'long', year: 'numeric' });
|
||||
clockEl.textContent = now.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
|
||||
};
|
||||
tick();
|
||||
dashboardClockTimer = setInterval(tick, 30000);
|
||||
}
|
||||
|
||||
// relativerTag: "heute", "morgen", "in 5 Tagen", "seit 3 Tagen" zu einem
|
||||
// ISO-Datum. Die Angabe steht neben dem Datum, weil "12.08." allein nicht
|
||||
// sagt, ob das morgen oder in drei Wochen ist.
|
||||
|
||||
Reference in new issue
Block a user