feat: Sitzungen beenden, Verwaltungs-Verlauf -- und ein Kaestchen, das log

DER FEHLER ZUERST, denn er ist meiner von gestern: die Liste der
Meldungsanlaesse stand ZWEIMAL da -- als Standard in meldung.ts und noch einmal
als Weissliste beim Speichern in dash.ts. Beim Einbau des Plattenwaechters habe
ich nur die erste angefasst.

Ergebnis: das Kaestchen "Der Platz auf der Platte wird knapp" liess sich
ankreuzen, der Server warf den Wert beim Speichern weg, und beim naechsten
Laden war es wieder aus. Ohne ein Wort dazu. Nachgemessen am laufenden Dienst:

    geschickt    ["sicherung","verwaiste","platte"]
    gespeichert  ["sicherung","verwaiste"]

Die Liste steht jetzt an EINER Stelle (ANLAESSE in meldung.ts) und wird von
beiden benutzt. Gegengeprueft: alle drei kommen an.

SITZUNGEN BEENDEN. Wer sich an einem fremden Rechner angemeldet hat und es
spaeter merkt, hatte keine Moeglichkeit das zurueckzunehmen -- ein geaendertes
Passwort half nicht, die Sitzungen haengen an einer eigenen Tabelle und
ueberleben es. Der Knopf steht im Kontomenue und nur dann, wenn es ueberhaupt
eine zweite Sitzung gibt. Gemessen: 87 offen, 86 beendet, meine lebt.

Dabei in die eigene Falle getreten: der Weg lag zuerst bei den anderen
/auth-Wegen -- und die stehen mit Absicht VOR der Wache, weil man sich anmelden
koennen muss, ohne angemeldet zu sein. Dort ist c.get('user') leer, und der Weg
antwortete mit "Cannot read properties of undefined". Hono setzt Middleware und
Handler in der Reihenfolge ihrer Anmeldung zusammen; der Pfad sagt darueber
nichts.

VERWALTUNGS-VERLAUF. Der Datei-Verlauf beantwortet "was ist mit den Dateien
passiert". Wer den Discord-Webhook geaendert, einen Token angelegt oder ein
Konto entfernt hat, stand nirgends. Bei zwei Konten verschmerzbar -- sobald ein
drittes ueber die Discord-Rolle von selbst entsteht, ist es die erste Frage.

Eigene Tabelle und nicht events: dort traegt jede Zeile path und size, und eine
Einstellungsaenderung muesste path mit etwas fuellen, das kein Pfad ist.

WERTE STEHEN DORT NIE, nur Schluesselnamen. Unter den Einstellungen liegen das
Discord-Geheimnis und das Nextcloud-Passwort; ein Verlauf, der sie mitschreibt,
macht aus einer Tabelle mit einem Passwort eine Tabelle mit allen, die es je
gab.

Beim Einbau derselbe Fehlertyp wie gestern beim SVG: im SQL-Kommentar standen
Backticks, und das Schema liegt in einem Template-Literal -- ein Backtick
beendet es. Der Uebersetzer hat es gefangen.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
2026-08-12 07:43:57 +02:00
co-authored by Claude Opus 5
parent a91c4261de
commit 29e516559a
11 changed files with 445 additions and 16 deletions
+5 -1
View File
@@ -11,7 +11,11 @@ Sortiert nach dem, was ich zuerst täte.
## 1 · Sicher wertvoll ## 1 · Sicher wertvoll
### Die Oberfläche auf dem Telefon ### ~~Die Oberfläche auf dem Telefon~~ — abgelehnt am 12.08.2026
> Vom Betreiber verworfen: das Dashboard wird nicht mobil benutzt. Der Rest des
> Abschnitts bleibt stehen, damit die Messung nicht verlorengeht, falls sich das
> je ändert.
**Gemessen:** 18 Umbruchpunkte (`sm:`/`lg:`/`xl:`) im ganzen Frontend. Die **Gemessen:** 18 Umbruchpunkte (`sm:`/`lg:`/`xl:`) im ganzen Frontend. Die
Galerie ist ein Raster und passt sich an — die **vier Tabellen** in Verlauf, Galerie ist ein Raster und passt sich an — die **vier Tabellen** in Verlauf,
+26
View File
@@ -75,6 +75,32 @@ export function userForSession(sessionId: string | undefined): User | null {
return row return row
} }
/** Alle Sitzungen eines Benutzers beenden -- ausser der laufenden.
*
* WOZU: wer sich an einem fremden Rechner angemeldet hat und es spaeter merkt,
* hatte bisher keine Moeglichkeit, das zurueckzunehmen. Das Passwort zu
* aendern half nicht -- die Sitzungen haengen an einer eigenen Tabelle und
* ueberleben es.
*
* Die EIGENE bleibt stehen: wer auf den Knopf drueckt, will sich nicht selbst
* aussperren. */
export function destroyOtherSessions(userId: number, behalten: string): number {
const r = db
.prepare('DELETE FROM sessions WHERE user_id = ? AND id <> ?')
.run(userId, behalten)
return r.changes
}
/** Wie viele Sitzungen gerade offen sind. Abgelaufene zaehlen nicht mit --
* sie sind nur noch nicht weggeraeumt. */
export function countSessions(userId: number): number {
return (
db
.prepare('SELECT COUNT(*) AS n FROM sessions WHERE user_id = ? AND expires_at > ?')
.get(userId, now()) as { n: number }
).n
}
export function destroySession(sessionId: string) { export function destroySession(sessionId: string) {
db.prepare('DELETE FROM sessions WHERE id = ?').run(sessionId) db.prepare('DELETE FROM sessions WHERE id = ?').run(sessionId)
} }
+68
View File
@@ -145,6 +145,38 @@ CREATE TABLE IF NOT EXISTS freigaben (
); );
CREATE INDEX IF NOT EXISTS freigaben_ordner ON freigaben(ordner); CREATE INDEX IF NOT EXISTS freigaben_ordner ON freigaben(ordner);
-- Was jemand VERWALTET hat -- Einstellungen, Token, Konten, Freigaben.
--
-- EINE EIGENE TABELLE und nicht events, obwohl beides ein Verlauf ist. Der
-- Grund steht in den Spalten: events traegt path und size und beantwortet
-- "was ist mit den DATEIEN passiert". Wer dort eine Einstellungsaenderung
-- hineinschriebe, muesste path mit etwas fuellen, das kein Pfad ist -- und
--
-- (Und in diesem Kommentar stehen keine Backticks, obwohl sie sich hier
-- anboeten: das Schema liegt in einem Template-Literal, und ein Backtick
-- beendet es. Der Uebersetzer hat es gefangen, der Browser haette es nicht.)
-- danach filtert jede Ansicht, die Dateien zeigen will, den Fremdkoerper wieder
-- heraus.
--
-- WAS HIER NIE HINEINGEHOERT: der WERT einer Einstellung. Unter den
-- Schluesseln stehen das Discord-Geheimnis und das Nextcloud-Passwort. Ein
-- Verlauf, der sie mitschreibt, macht aus einer Tabelle mit einem Passwort eine
-- Tabelle mit allen Passwoertern, die es je gab. Aufgeschrieben wird deshalb
-- WELCHER Schluessel angefasst wurde, nicht womit.
CREATE TABLE IF NOT EXISTS verwaltung (
id INTEGER PRIMARY KEY,
at INTEGER NOT NULL,
wer TEXT NOT NULL,
-- 'einstellung' | 'token' | 'benutzer' | 'freigabe' | 'ordner'
bereich TEXT NOT NULL,
-- 'angelegt' | 'geaendert' | 'entfernt'
tat TEXT NOT NULL,
ziel TEXT NOT NULL DEFAULT '',
-- Kurz und ohne Werte: "webhook, anlaesse" oder "quota_bytes, arten".
was TEXT NOT NULL DEFAULT ''
);
CREATE INDEX IF NOT EXISTS verwaltung_zeit ON verwaltung(at DESC);
CREATE TABLE IF NOT EXISTS settings ( CREATE TABLE IF NOT EXISTS settings (
key TEXT PRIMARY KEY, key TEXT PRIMARY KEY,
value TEXT NOT NULL, value TEXT NOT NULL,
@@ -349,6 +381,16 @@ export type BenutzerZeile = {
discord_avatar: string | null discord_avatar: string | null
} }
export type VerwaltungZeile = {
id: number
at: number
wer: string
bereich: string
tat: string
ziel: string
was: string
}
export type PapierkorbEintrag = { export type PapierkorbEintrag = {
id: number id: number
path: string path: string
@@ -447,6 +489,32 @@ export function schreibeAbrufe(): void {
} }
} }
/** Eine Verwaltungshandlung festhalten.
*
* Wirft NIE: ein Verlauf, der die Handlung verhindert, ueber die er berichten
* soll, waere die falsche Reihenfolge. Faellt er aus, steht die Zeile eben
* nicht da -- die Aenderung selbst ist trotzdem passiert. */
export function logVerwaltung(
wer: string,
bereich: string,
tat: string,
ziel = '',
was = '',
): void {
try {
db.prepare(
'INSERT INTO verwaltung (at, wer, bereich, tat, ziel, was) VALUES (?, ?, ?, ?, ?, ?)',
).run(now(), wer, bereich, tat, ziel, was)
} catch (err) {
console.error('[verwaltung] nicht geschrieben:', err)
}
}
/** Dieselbe Frist wie beim Datei-Verlauf. */
export function pruneVerwaltung(tage = 180) {
return db.prepare('DELETE FROM verwaltung WHERE at < ?').run(now() - tage * 86_400_000)
}
export function pruneEvents(tage = 180) { export function pruneEvents(tage = 180) {
db.prepare('DELETE FROM events WHERE at < ?').run(now() - tage * 86_400_000) db.prepare('DELETE FROM events WHERE at < ?').run(now() - tage * 86_400_000)
} }
+9 -3
View File
@@ -28,7 +28,7 @@ import { Hono } from 'hono'
import { logger } from 'hono/logger' import { logger } from 'hono/logger'
import { config } from './config.js' import { config } from './config.js'
import { ensureAdmin } from './auth.js' import { ensureAdmin } from './auth.js'
import { pruneEvents, pruneSessions, schreibeAbrufe, zaehleAbruf } from './db.js' import { pruneEvents, pruneSessions, pruneVerwaltung, schreibeAbrufe, zaehleAbruf } from './db.js'
import { pruefePlatte, pruefeSicherung } from './meldung.js' import { pruefePlatte, pruefeSicherung } from './meldung.js'
import { absolutePath, checkPath, lohntWebp, mimeFor, thumbPath, webpPfad } from './storage.js' import { absolutePath, checkPath, lohntWebp, mimeFor, thumbPath, webpPfad } from './storage.js'
import { uploadRoutes } from './routes/upload.js' import { uploadRoutes } from './routes/upload.js'
@@ -400,8 +400,14 @@ setInterval(pruneSessions, 3600_000).unref()
// Nicht stuendlich wie die Sitzungen: ein DELETE ueber eine Zeitspanne von // Nicht stuendlich wie die Sitzungen: ein DELETE ueber eine Zeitspanne von
// einem halben Jahr hat es nicht eilig, und 24 Stunden Verzoegerung beim // einem halben Jahr hat es nicht eilig, und 24 Stunden Verzoegerung beim
// Wegraeumen fallen niemandem auf. // Wegraeumen fallen niemandem auf.
setTimeout(() => pruneEvents(), 120_000).unref() setTimeout(() => {
setInterval(() => pruneEvents(), 86_400_000).unref() pruneEvents()
pruneVerwaltung()
}, 120_000).unref()
setInterval(() => {
pruneEvents()
pruneVerwaltung()
}, 86_400_000).unref()
// Der Wachhund fuer die Sicherung. Beim Start mit Verzoegerung (der Dienst // Der Wachhund fuer die Sicherung. Beim Start mit Verzoegerung (der Dienst
// soll erst stehen) und danach stuendlich. // soll erst stehen) und danach stuendlich.
+18 -1
View File
@@ -24,6 +24,23 @@ import { config } from './config.js'
import { getSetting, setSetting } from './settings.js' import { getSetting, setSetting } from './settings.js'
import { now } from './db.js' import { now } from './db.js'
/** Wofuer es Meldungen gibt -- an EINER Stelle.
*
* Die Liste stand zweimal da: hier als Standard, und in dash.ts noch einmal
* als Weissliste beim Speichern. Beim Einbau des Plattenwaechters habe ich nur
* die erste angefasst -- Ergebnis: das Kaestchen liess sich ankreuzen, der
* Server warf den Wert beim Speichern weg, und beim naechsten Laden war es
* wieder aus. Ohne ein Wort dazu.
*
* Nachgemessen am laufenden Dienst, bevor es hier stand:
* geschickt ["sicherung","verwaiste","platte"]
* gespeichert ["sicherung","verwaiste"]
*
* Zwei Listen fuer dieselbe Sache sind zwei, von denen eine irgendwann falsch
* ist. Jetzt ist es eine.
*/
export const ANLAESSE = ['sicherung', 'verwaiste', 'platte'] as const
export const MELDUNG_KEYS = { export const MELDUNG_KEYS = {
webhook: 'discord.webhook', webhook: 'discord.webhook',
/** Was gemeldet wird: Komma-Liste aus 'sicherung', 'verwaiste', 'platte'. */ /** Was gemeldet wird: Komma-Liste aus 'sicherung', 'verwaiste', 'platte'. */
@@ -65,7 +82,7 @@ export function meldungConfig(): MeldungConfig {
// will Meldungen -- sonst haette er es gelassen. // will Meldungen -- sonst haette er es gelassen.
anlaesse: roh anlaesse: roh
? roh.split(',').map((a) => a.trim()).filter(Boolean) ? roh.split(',').map((a) => a.trim()).filter(Boolean)
: ['sicherung', 'verwaiste', 'platte'], : [...ANLAESSE],
} }
} }
+96 -7
View File
@@ -14,11 +14,13 @@ import {
avatarUrl, avatarUrl,
db, db,
logEvent, logEvent,
logVerwaltung,
now, now,
pruneEvents, pruneEvents,
pruneSessions, pruneSessions,
type Media, type Media,
type BenutzerZeile, type BenutzerZeile,
type VerwaltungZeile,
type Freigabe, type Freigabe,
type MediaEvent, type MediaEvent,
type PapierkorbEintrag, type PapierkorbEintrag,
@@ -28,6 +30,8 @@ import {
import { import {
SESSION_COOKIE, SESSION_COOKIE,
createSession, createSession,
countSessions,
destroyOtherSessions,
destroySession, destroySession,
generateToken, generateToken,
hashPassword, hashPassword,
@@ -51,7 +55,7 @@ import {
type Vorlage, type Vorlage,
} from '../settings.js' } from '../settings.js'
import { discordRoutes, redirectUri } from './discord.js' import { discordRoutes, redirectUri } from './discord.js'
import { MELDUNG_KEYS, meldungConfig, testMeldung } from '../meldung.js' import { ANLAESSE, MELDUNG_KEYS, meldungConfig, testMeldung } from '../meldung.js'
import { holeVonAdresse, HolFehler, type Geholt } from '../holen.js' import { holeVonAdresse, HolFehler, type Geholt } from '../holen.js'
import { neuerSchluessel } from './freigabe.js' import { neuerSchluessel } from './freigabe.js'
import { import {
@@ -259,7 +263,9 @@ const zeigen = (user: User) => ({
dashRoutes.get('/auth/me', (c) => { dashRoutes.get('/auth/me', (c) => {
const user = userForSession(getCookie(c, SESSION_COOKIE)) const user = userForSession(getCookie(c, SESSION_COOKIE))
if (!user) return c.json({ error: 'nicht angemeldet' }, 401) if (!user) return c.json({ error: 'nicht angemeldet' }, 401)
return c.json({ user: zeigen(user) }) // Die Zahl der offenen Sitzungen geht MIT: das Kontomenue zeigt sie an, und
// eine Zahl, die man erst auf einer anderen Seite findet, sieht niemand.
return c.json({ user: zeigen(user), sitzungen: countSessions(user.id) })
}) })
/** Was die Anmeldeseite wissen muss, BEVOR jemand angemeldet ist. /** Was die Anmeldeseite wissen muss, BEVOR jemand angemeldet ist.
@@ -332,6 +338,41 @@ const ARTEN: Record<string, string> = {
"AND mime <> 'application/pdf' AND mime NOT LIKE 'text/%' AND mime NOT LIKE 'application/json%')", "AND mime <> 'application/pdf' AND mime NOT LIKE 'text/%' AND mime NOT LIKE 'application/json%')",
} }
/** Alle anderen Sitzungen beenden.
*
* WOZU: wer sich an einem fremden Rechner angemeldet hat und es spaeter merkt,
* hatte keine Moeglichkeit, das zurueckzunehmen -- ein geaendertes Passwort
* half nicht, die Sitzungen haengen an einer eigenen Tabelle und ueberleben
* es.
*
* Die EIGENE bleibt: wer drueckt, will sich nicht selbst aussperren.
*
* UND DIESER WEG STEHT HINTER DER WACHE, obwohl er unter /auth/ liegt.
* Zuerst stand er bei den anderen /auth-Wegen -- und die liegen mit Absicht
* DAVOR, weil man sich anmelden koennen muss, ohne angemeldet zu sein. Dort
* ist `c.get('user')` aber leer, und der Weg antwortete mit
* "Cannot read properties of undefined (reading 'id')" statt zu arbeiten.
*
* Hono setzt Middleware und Handler in der REIHENFOLGE ihrer Anmeldung
* zusammen: was vor `use('*')` steht, laeuft ohne sie. Der Pfad sagt darueber
* nichts. */
dashRoutes.post('/auth/sitzungen/beenden', (c) => {
const sid = getCookie(c, SESSION_COOKIE)
if (!sid) return c.json({ error: 'keine Sitzung' }, 401)
const user = c.get('user')
const beendet = destroyOtherSessions(user.id, sid)
if (beendet > 0) {
logVerwaltung(
user.username,
'benutzer',
'geaendert',
user.username,
`${beendet} Sitzung(en) beendet`,
)
}
return c.json({ beendet, offen: countSessions(user.id) })
})
dashRoutes.get('/media', (c) => { dashRoutes.get('/media', (c) => {
const query = c.req.query('query')?.trim() ?? '' const query = c.req.query('query')?.trim() ?? ''
const limit = Math.min(Number(c.req.query('limit') ?? 60) || 60, 200) const limit = Math.min(Number(c.req.query('limit') ?? 60) || 60, 200)
@@ -1045,6 +1086,23 @@ dashRoutes.post('/upload-url', async (c) => {
}) })
}) })
/** Der Verwaltungs-Verlauf: wer hat wann was EINGESTELLT.
*
* Getrennt vom Datei-Verlauf, weil es eine andere Frage beantwortet -- und
* weil `events` mit `path` und `size` die falschen Spalten dafuer hat.
*
* WERTE STEHEN HIER NIE, nur Schluesselnamen. Unter den Einstellungen liegen
* das Discord-Geheimnis und das Nextcloud-Passwort. */
dashRoutes.get('/verwaltung', (c) => {
const limit = Math.min(Number(c.req.query('limit') ?? 100) || 100, 500)
const offset = Math.max(Number(c.req.query('offset') ?? 0) || 0, 0)
const items = db
.prepare('SELECT * FROM verwaltung ORDER BY at DESC LIMIT ? OFFSET ?')
.all(limit, offset) as VerwaltungZeile[]
const total = (db.prepare('SELECT COUNT(*) AS n FROM verwaltung').get() as { n: number }).n
return c.json({ items, total, limit, offset })
})
dashRoutes.get('/events', (c) => { dashRoutes.get('/events', (c) => {
const limit = Math.min(Number(c.req.query('limit') ?? 50) || 50, 500) const limit = Math.min(Number(c.req.query('limit') ?? 50) || 50, 500)
const offset = Math.max(Number(c.req.query('offset') ?? 0) || 0, 0) const offset = Math.max(Number(c.req.query('offset') ?? 0) || 0, 0)
@@ -1201,13 +1259,16 @@ dashRoutes.post('/settings', async (c) => {
} }
} }
if (Array.isArray(m.anlaesse)) { if (Array.isArray(m.anlaesse)) {
const erlaubt = ['sicherung', 'verwaiste'] // Die Weissliste kommt aus meldung.ts und steht NICHT noch einmal
// hier. Genau diese Verdopplung hat den Plattenwaechter
// unbenutzbar gemacht: dort ergaenzt, hier vergessen.
setSetting( setSetting(
MELDUNG_KEYS.anlaesse, MELDUNG_KEYS.anlaesse,
m.anlaesse.filter((a) => erlaubt.includes(a)).join(','), m.anlaesse.filter((a) => (ANLAESSE as readonly string[]).includes(a)).join(','),
) )
} }
if (!body.discord && !body.sicherung && !body.vorlagen) { if (!body.discord && !body.sicherung && !body.vorlagen) {
logVerwaltung(c.get('user').username, 'einstellung', 'geaendert', 'Meldungen')
return c.json({ ok: true, meldungen: meldungConfig() }) return c.json({ ok: true, meldungen: meldungConfig() })
} }
} }
@@ -1252,6 +1313,7 @@ dashRoutes.post('/settings', async (c) => {
} }
setzeVorlagen(sauber) setzeVorlagen(sauber)
if (!body.discord && !body.sicherung) { if (!body.discord && !body.sicherung) {
logVerwaltung(c.get('user').username, 'einstellung', 'geaendert', 'Adressvorlagen', `${sauber.length} Stueck`)
return c.json({ ok: true, vorlagen: sauber }) return c.json({ ok: true, vorlagen: sauber })
} }
} }
@@ -1354,6 +1416,16 @@ dashRoutes.post('/settings', async (c) => {
else if (v) setSetting(DISCORD_KEYS.clientSecret, v) else if (v) setSetting(DISCORD_KEYS.clientSecret, v)
} }
// Am Ende angekommen heisst: Discord und/oder Sicherung wurden angefasst.
// Aufgeschrieben wird WELCHER Bereich -- nie ein Wert. Darunter liegen das
// Discord-Geheimnis und das Nextcloud-Passwort.
logVerwaltung(
c.get('user').username,
'einstellung',
'geaendert',
[body.discord && 'Discord', body.sicherung && 'Sicherung'].filter(Boolean).join(' + '),
)
const jetzt = discordConfig() const jetzt = discordConfig()
return c.json({ return c.json({
ok: true, ok: true,
@@ -2037,6 +2109,7 @@ dashRoutes.delete('/benutzer/:id', (c) => {
if (!wer) return c.json({ error: 'nicht gefunden' }, 404) if (!wer) return c.json({ error: 'nicht gefunden' }, 404)
db.prepare('DELETE FROM users WHERE id = ?').run(id) db.prepare('DELETE FROM users WHERE id = ?').run(id)
logVerwaltung(c.get('user').username, 'benutzer', 'entfernt', wer.username)
return c.json({ ok: true, username: wer.username }) return c.json({ ok: true, username: wer.username })
}) })
@@ -2081,7 +2154,7 @@ dashRoutes.post('/freigaben', async (c) => {
) )
.run(schluessel, ordner, (body.titel ?? '').trim(), now()) .run(schluessel, ordner, (body.titel ?? '').trim(), now())
logEvent('upload', ordner, 0, 'user', c.get('user').username) logVerwaltung(c.get('user').username, 'freigabe', 'angelegt', ordner, `${drin.n} Dateien`)
return c.json({ return c.json({
id: Number(eintrag.lastInsertRowid), id: Number(eintrag.lastInsertRowid),
@@ -2093,8 +2166,13 @@ dashRoutes.post('/freigaben', async (c) => {
}) })
dashRoutes.delete('/freigaben/:id', (c) => { dashRoutes.delete('/freigaben/:id', (c) => {
const r = db.prepare('DELETE FROM freigaben WHERE id = ?').run(Number(c.req.param('id'))) const id = Number(c.req.param('id'))
const vorher = db.prepare('SELECT ordner FROM freigaben WHERE id = ?').get(id) as
| { ordner: string }
| undefined
const r = db.prepare('DELETE FROM freigaben WHERE id = ?').run(id)
if (r.changes === 0) return c.json({ error: 'nicht gefunden' }, 404) if (r.changes === 0) return c.json({ error: 'nicht gefunden' }, 404)
logVerwaltung(c.get('user').username, 'freigabe', 'entfernt', vorher?.ordner ?? String(id))
return c.json({ ok: true }) return c.json({ ok: true })
}) })
@@ -2331,6 +2409,8 @@ dashRoutes.post('/tokens', async (c) => {
expiresAt, expiresAt,
) )
logVerwaltung(c.get('user').username, 'token', 'angelegt', name.trim(), cleanPrefix || 'ueberall')
// Der Klartext geht genau EINMAL raus. Danach steht nur noch der Hash in // Der Klartext geht genau EINMAL raus. Danach steht nur noch der Hash in
// der Datenbank, und auch wir koennen ihn nicht mehr zeigen. // der Datenbank, und auch wir koennen ihn nicht mehr zeigen.
return c.json({ return c.json({
@@ -2461,6 +2541,8 @@ dashRoutes.patch('/tokens/:id', async (c) => {
FROM tokens WHERE id = ?`, FROM tokens WHERE id = ?`,
) )
.get(id) as Omit<Token, 'hash'> .get(id) as Omit<Token, 'hash'>
logVerwaltung(c.get('user').username, 'token', 'geaendert', neu.name, spalten.join(', '))
return c.json({ return c.json({
...neu, ...neu,
abgelaufen: Boolean(neu.expires_at && neu.expires_at < now()), abgelaufen: Boolean(neu.expires_at && neu.expires_at < now()),
@@ -2469,8 +2551,15 @@ dashRoutes.patch('/tokens/:id', async (c) => {
}) })
dashRoutes.delete('/tokens/:id', (c) => { dashRoutes.delete('/tokens/:id', (c) => {
const info = db.prepare('DELETE FROM tokens WHERE id = ?').run(Number(c.req.param('id'))) const id = Number(c.req.param('id'))
// Erst den Namen holen: nach dem DELETE ist er weg, und "Token 7 entfernt"
// sagt in einem halben Jahr niemandem mehr etwas.
const vorher = db.prepare('SELECT name FROM tokens WHERE id = ?').get(id) as
| { name: string }
| undefined
const info = db.prepare('DELETE FROM tokens WHERE id = ?').run(id)
if (info.changes === 0) return c.json({ error: 'nicht gefunden' }, 404) if (info.changes === 0) return c.json({ error: 'nicht gefunden' }, 404)
logVerwaltung(c.get('user').username, 'token', 'entfernt', vorher?.name ?? String(id))
return c.json({ ok: true }) return c.json({ ok: true })
}) })
+22 -1
View File
@@ -340,6 +340,20 @@ export type Einstellungen = {
} }
} }
/** Eine Zeile aus dem Verwaltungs-Verlauf.
*
* `was` traegt NIE einen Wert, nur Schluesselnamen — unter den Einstellungen
* liegen das Discord-Geheimnis und das Nextcloud-Passwort. */
export type VerwaltungRow = {
id: number
at: number
wer: string
bereich: 'einstellung' | 'token' | 'benutzer' | 'freigabe' | 'ordner'
tat: 'angelegt' | 'geaendert' | 'entfernt'
ziel: string
was: string
}
export type EventKind = 'upload' | 'replace' | 'delete' | 'move' | 'rename' export type EventKind = 'upload' | 'replace' | 'delete' | 'move' | 'rename'
export type MediaEvent = { export type MediaEvent = {
@@ -406,7 +420,7 @@ export const api = {
logout: () => post<{ ok: true }>('/api/dash/auth/logout'), logout: () => post<{ ok: true }>('/api/dash/auth/logout'),
/** Was die ANMELDESEITE wissen darf, bevor jemand angemeldet ist. */ /** Was die ANMELDESEITE wissen darf, bevor jemand angemeldet ist. */
authConfig: () => get<{ discord: boolean; marke: string }>('/api/dash/auth/config'), authConfig: () => get<{ discord: boolean; marke: string }>('/api/dash/auth/config'),
me: () => get<{ user: User }>('/api/dash/auth/me'), me: () => get<{ user: User; sitzungen?: number }>('/api/dash/auth/me'),
changePassword: (current: string, next: string) => changePassword: (current: string, next: string) =>
post<{ ok: true }>('/api/dash/auth/password', { current, next }), post<{ ok: true }>('/api/dash/auth/password', { current, next }),
@@ -494,6 +508,13 @@ export const api = {
{ aktion }, { aktion },
), ),
verwaltung: (limit = 100, offset = 0) =>
get<{ items: VerwaltungRow[]; total: number; limit: number; offset: number }>(
`/api/dash/verwaltung?limit=${limit}&offset=${offset}`,
),
sitzungenBeenden: () =>
post<{ beendet: number; offen: number }>('/api/dash/auth/sitzungen/beenden'),
benutzer: () => get<{ items: BenutzerRow[]; ich: number }>('/api/dash/benutzer'), benutzer: () => get<{ items: BenutzerRow[]; ich: number }>('/api/dash/benutzer'),
benutzerWeg: (id: number) => del<{ ok: true; username: string }>(`/api/dash/benutzer/${id}`), benutzerWeg: (id: number) => del<{ ok: true; username: string }>(`/api/dash/benutzer/${id}`),
+31 -1
View File
@@ -1,8 +1,9 @@
import { useEffect, useRef, useState } from 'react' import { useEffect, useRef, useState } from 'react'
import { ChevronDown, LogOut, UserCog } from 'lucide-react' import { ChevronDown, LogOut, UserCog , ShieldOff } from 'lucide-react'
import { run, useStore } from '../store' import { run, useStore } from '../store'
import { gehZu } from '../router' import { gehZu } from '../router'
import { Avatar } from './Avatar' import { Avatar } from './Avatar'
import { api } from '../api'
/** Das Konto hinter dem eigenen Namen. /** Das Konto hinter dem eigenen Namen.
* *
@@ -16,6 +17,8 @@ import { Avatar } from './Avatar'
export function Kontomenue() { export function Kontomenue() {
const user = useStore((s) => s.user) const user = useStore((s) => s.user)
const logout = useStore((s) => s.logout) const logout = useStore((s) => s.logout)
const sitzungen = useStore((s) => s.sitzungen)
const checkSession = useStore((s) => s.checkSession)
const [offen, setOffen] = useState(false) const [offen, setOffen] = useState(false)
const huelle = useRef<HTMLDivElement>(null) const huelle = useRef<HTMLDivElement>(null)
@@ -85,6 +88,33 @@ export function Kontomenue() {
Konto und Passwort Konto und Passwort
</button> </button>
{/* Nur wenn es ueberhaupt eine zweite gibt. Ein Knopf, der
"0 andere Sitzungen beendet" meldet, ist ein Knopf, der
nichts tut -- und beim naechsten Mal drueckt man ihn
wieder, weil man es vergessen hat. */}
{sitzungen > 1 && (
<button
className={`${eintrag} border-t border-rand`}
onClick={async () => {
setOffen(false)
await run(
() => api.sitzungenBeenden(),
(r) =>
`${r.beendet} andere Sitzung(en) beendet. Diese hier bleibt.`,
)
void checkSession()
}}
>
<ShieldOff size={15} />
<span className="flex-1 text-left">
Andere Sitzungen beenden
<span className="block text-[11px] text-schrift-leise">
{sitzungen} offen an fremden Rechnern auch
</span>
</span>
</button>
)}
<button <button
className={`${eintrag} border-t border-rand hover:text-schlecht`} className={`${eintrag} border-t border-rand hover:text-schlecht`}
onClick={() => { onClick={() => {
@@ -0,0 +1,116 @@
import { useEffect, useState } from 'react'
import { KeyRound, Link2, Loader2, Settings, UserRound } from 'lucide-react'
import { api, type VerwaltungRow } from '../api'
import { useStore } from '../store'
import { zeit } from '../format'
import { Leer } from './Bausteine'
/** Wer hat wann was EINGESTELLT.
*
* Der Datei-Verlauf daneben beantwortet „was ist mit den Dateien passiert".
* Diese Liste beantwortet die andere Frage, die man stellt, wenn etwas anders
* ist als gestern: **wer hat daran gedreht?**
*
* Bei zwei Konten ist das verschmerzbar. Sobald ein drittes dazukommt — und
* über die Discord-Rolle entsteht es von selbst — ist es die erste Frage.
*
* WERTE STEHEN HIER NIE, nur Namen von Schlüsseln und Zielen. Unter den
* Einstellungen liegen das Discord-Geheimnis und das Nextcloud-Passwort; ein
* Verlauf, der sie mitschreibt, macht aus einer Tabelle mit einem Passwort
* eine Tabelle mit allen, die es je gab. */
const BEREICHE = {
einstellung: { text: 'Einstellung', kind: Settings, farbe: 'text-akzent' },
token: { text: 'Token', kind: KeyRound, farbe: 'text-warn' },
benutzer: { text: 'Konto', kind: UserRound, farbe: 'text-akzent' },
freigabe: { text: 'Freigabe', kind: Link2, farbe: 'text-gut' },
ordner: { text: 'Ordner', kind: Settings, farbe: 'text-schrift-leise' },
} as const
const TATEN = {
angelegt: { text: 'angelegt', farbe: 'text-gut' },
geaendert: { text: 'geändert', farbe: 'text-warn' },
entfernt: { text: 'entfernt', farbe: 'text-schlecht' },
} as const
export function VerwaltungListe() {
const note = useStore((s) => s.note)
const [daten, setDaten] = useState<VerwaltungRow[] | null>(null)
useEffect(() => {
let lebt = true
api.verwaltung(200)
.then((r) => lebt && setDaten(r.items))
.catch((err) => lebt && note('fehler', err instanceof Error ? err.message : 'Unbekannt'))
return () => {
lebt = false
}
}, [note])
if (!daten) {
return (
<div className="flex justify-center py-12">
<Loader2 className="animate-spin text-schrift-leise" />
</div>
)
}
if (daten.length === 0) {
return (
<Leer
kind={<Settings size={26} className="text-schrift-leise/50" />}
text="Noch nichts verwaltet — oder alles, bevor es diese Liste gab."
/>
)
}
return (
<table className="w-full text-sm">
<colgroup>
<col className="w-36" />
<col className="w-28" />
<col className="w-24" />
<col />
<col className="w-32" />
</colgroup>
<thead>
<tr className="text-left text-xs text-schrift-leise">
<th className="px-3 pb-2 font-medium">Wann</th>
<th className="px-3 pb-2 font-medium">Bereich</th>
<th className="px-3 pb-2 font-medium">Was</th>
<th className="px-3 pb-2 font-medium">Ziel</th>
<th className="px-3 pb-2 font-medium">Wer</th>
</tr>
</thead>
<tbody>
{daten.map((z) => {
const b = BEREICHE[z.bereich] ?? BEREICHE.ordner
const t = TATEN[z.tat] ?? TATEN.geaendert
const Zeichen = b.kind
return (
<tr key={z.id} className="border-t border-rand">
<td className="px-3 py-1.5 whitespace-nowrap text-schrift-leise tabular-nums">
{zeit(z.at)}
</td>
<td className="px-3 py-1.5">
<span className={`flex items-center gap-1.5 text-xs ${b.farbe}`}>
<Zeichen size={13} />
{b.text}
</span>
</td>
<td className={`px-3 py-1.5 text-xs ${t.farbe}`}>{t.text}</td>
<td className="px-3 py-1.5">
<span className="font-mono text-xs">{z.ziel || '—'}</span>
{z.was && (
<span className="block text-[11px] text-schrift-leise">
{z.was}
</span>
)}
</td>
<td className="truncate px-3 py-1.5 text-schrift-leise">{z.wer}</td>
</tr>
)
})}
</tbody>
</table>
)
}
+49
View File
@@ -19,6 +19,7 @@ import { Karte, Knopf, Leer } from '../components/Bausteine'
import { useAuffrischen } from '../auffrischen' import { useAuffrischen } from '../auffrischen'
import { useMerker } from '../merker' import { useMerker } from '../merker'
import { Avatar } from '../components/Avatar' import { Avatar } from '../components/Avatar'
import { VerwaltungListe } from '../components/VerwaltungListe'
const SEITENGROESSEN = [25, 50, 100, 200] as const const SEITENGROESSEN = [25, 50, 100, 200] as const
@@ -42,6 +43,10 @@ export function Verlauf() {
const [wer, setWer] = useState('') const [wer, setWer] = useState('')
const [proSeite, setProSeite] = useMerker('verlauf.proSeite', 50) const [proSeite, setProSeite] = useMerker('verlauf.proSeite', 50)
const [suche, setSuche] = useState('') const [suche, setSuche] = useState('')
// Zwei Verläufe, eine Seite. Der eine beantwortet „was ist mit den Dateien
// passiert", der andere „wer hat daran gedreht" — dieselbe Frage aus zwei
// Richtungen, und beide gehören dorthin, wo man Verlauf sucht.
const [reiter, setReiter] = useState<'dateien' | 'verwaltung'>('dateien')
// Wie in der Galerie: erst tippen lassen, dann fragen. Sonst geht bei // Wie in der Galerie: erst tippen lassen, dann fragen. Sonst geht bei
// "vehicles" eine Anfrage je Buchstabe raus. // "vehicles" eine Anfrage je Buchstabe raus.
@@ -81,8 +86,20 @@ export function Verlauf() {
const bilder = new Map((daten?.akteure ?? []).map((a) => [a.actor, a.avatar])) const bilder = new Map((daten?.akteure ?? []).map((a) => [a.actor, a.avatar]))
const seiten = Math.max(1, Math.ceil((daten?.total ?? 0) / proSeite)) const seiten = Math.max(1, Math.ceil((daten?.total ?? 0) / proSeite))
if (reiter === 'verwaltung') {
return (
<div className="flex flex-col gap-4">
<Reiter reiter={reiter} setReiter={setReiter} />
<Karte>
<VerwaltungListe />
</Karte>
</div>
)
}
return ( return (
<div className="flex flex-col gap-4"> <div className="flex flex-col gap-4">
<Reiter reiter={reiter} setReiter={setReiter} />
<div className="flex flex-wrap items-center gap-2"> <div className="flex flex-wrap items-center gap-2">
<Filter an={art === ''} onClick={() => { setArt(''); setSeite(0) }} text="Alles" /> <Filter an={art === ''} onClick={() => { setArt(''); setSeite(0) }} text="Alles" />
{(Object.keys(arten) as EventKind[]).map((k) => ( {(Object.keys(arten) as EventKind[]).map((k) => (
@@ -342,3 +359,35 @@ function Filter({
</button> </button>
) )
} }
/** Die zwei Verläufe nebeneinander.
*
* Als Reiter und nicht als zweite Seite im Menü: es ist beides ein Verlauf,
* und wer einen sucht, sucht nicht zwei Menüeinträge ab. */
function Reiter({
reiter,
setReiter,
}: {
reiter: 'dateien' | 'verwaltung'
setReiter: (r: 'dateien' | 'verwaltung') => void
}) {
const stil = (an: boolean) =>
`rounded-md px-3 py-1.5 text-sm ${
an
? 'bg-flaeche-hoch text-schrift'
: 'text-schrift-leise hover:bg-flaeche-hoch/50 hover:text-schrift'
}`
return (
<div className="flex gap-1 self-start rounded-lg border border-rand bg-flaeche p-1">
<button className={stil(reiter === 'dateien')} onClick={() => setReiter('dateien')}>
Dateien
</button>
<button
className={stil(reiter === 'verwaltung')}
onClick={() => setReiter('verwaltung')}
>
Verwaltung
</button>
</div>
)
}
+5 -2
View File
@@ -19,6 +19,8 @@ type State = {
checking: boolean checking: boolean
notes: Note[] notes: Note[]
/** Wie viele Sitzungen dieses Konto offen hat. 0 = noch nicht geladen. */
sitzungen: number
checkSession: () => Promise<void> checkSession: () => Promise<void>
login: (username: string, password: string) => Promise<void> login: (username: string, password: string) => Promise<void>
logout: () => Promise<void> logout: () => Promise<void>
@@ -30,12 +32,13 @@ type State = {
export const useStore = create<State>((set, get) => ({ export const useStore = create<State>((set, get) => ({
user: null, user: null,
checking: true, checking: true,
sitzungen: 0,
notes: [], notes: [],
async checkSession() { async checkSession() {
try { try {
const { user } = await api.me() const { user, sitzungen } = await api.me()
set({ user, checking: false }) set({ user, sitzungen: sitzungen ?? 0, checking: false })
} catch (err) { } catch (err) {
// 401 ist hier kein Fehler, sondern die Antwort "noch nicht // 401 ist hier kein Fehler, sondern die Antwort "noch nicht
// angemeldet". Alles andere ist einer und wird gesagt. // angemeldet". Alles andere ist einer und wird gesagt.