Eigener Herzschlag: der Bot kann jetzt auch ueber sich selbst Auskunft geben
Der Waechter prueft alles ausser sich selbst — ist der Bot weg, prueft niemand mehr, und hinterher sieht der Verlauf aus, als waere nie etwas gewesen. Im Dashboard stand deshalb nur "seit 12d 4h", also wie lange es diesmal gutgegangen ist. Was davor war, wusste niemand. Jetzt schreibt der Bot alle zwei Minuten eine Zeile: laeuft der Prozess, und steht die Verbindung zu Discord? Ein Bot, der laeuft aber nicht verbunden ist, ist fuer alle draussen genauso weg — deshalb zaehlt beides. Der Takt ist absichtlich nicht einstellbar. Ein spaeter geaenderter Abstand wuerde den alten Verlauf falsch aussehen lassen: wie viele Proben eine Stunde haette haben muessen, liesse sich rueckwirkend nicht mehr sagen. Ausgewertet wird vor allem die Abwesenheit. Fuer einen fremden Dienst heisst eine fehlende Stunde "niemand hat gemessen" und wird grau; beim Bot selbst ist genau das die Aussage — fehlende Stunden werden rot. Grau bleibt nur, was vor der allerersten Aufzeichnung liegt. Die angebrochene erste und die laufende letzte Stunde rechnen anteilig, sonst waeren sie dauerhaft gelb. Nebenbei mitgenommen: - Statusseite und die frei angelegten Seiten stehen jetzt in der Fusszeile beider Seiten — dort sucht man Rechtliches. Die Navigationsleiste zeigt weiterhin nur, was "im Menü" gesetzt hat; wer die Nutzungsbedingungen dort raus nimmt, hat sie trotzdem noch in der Fusszeile. - Die Config-Spalte hatte keine Obergrenze. min-width:0 allein reicht nicht, wenn ein Kind eine grosse Mindestbreite mitbringt — mit dem Balken wuchs sie auf 724 statt 335 px, und weil der Body waagerecht abschneidet, war der Ueberstand nicht scrollbar, sondern weg. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
Claude Opus 5
@@ -99,16 +99,15 @@ export default function App() {
|
||||
// Member-Gate: OAuth war okay, aber User ist nicht auf dem Discord (?gate=1)
|
||||
const [gated, setGated] = useState(() => new URLSearchParams(window.location.search).has('gate'));
|
||||
const [invite, setInvite] = useState(null);
|
||||
// Frei angelegte Seiten, die ins Menü sollen
|
||||
// Alle veroeffentlichten Seiten. Das Menue zeigt nur die mit „im Menü";
|
||||
// im Fusszeilen-Bereich stehen sie alle — dort sucht man Rechtliches.
|
||||
const [pages, setPages] = useState([]);
|
||||
|
||||
useEffect(() => {
|
||||
apiGet('/api/me')
|
||||
.then((data) => setMe({ scopes: [], ...data, loading: false }))
|
||||
.catch(() => setMe({ user: null, admin: false, scopes: [], loading: false }));
|
||||
apiGet('/api/pages')
|
||||
.then((d) => setPages(d.pages.filter((p) => p.in_menu)))
|
||||
.catch(() => {});
|
||||
apiGet('/api/pages').then((d) => setPages(d.pages)).catch(() => {});
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
@@ -138,7 +137,7 @@ export default function App() {
|
||||
{COMMUNITY_LINKS.map(([to, key]) => (
|
||||
<NavLink to={to} key={to}>{t(key)}</NavLink>
|
||||
))}
|
||||
{pages.map((p) => (
|
||||
{pages.filter((p) => p.in_menu).map((p) => (
|
||||
<NavLink to={`/${p.slug}`} key={p.slug}>{p.title}</NavLink>
|
||||
))}
|
||||
</NavDropdown>
|
||||
@@ -241,8 +240,12 @@ export default function App() {
|
||||
git.d4rkst3r.de
|
||||
</a>
|
||||
<span className="footer-sep">//</span>
|
||||
<NavLink to="/status">{t('footer.status')}</NavLink>
|
||||
<NavLink to="/impressum">{t('footer.imprint')}</NavLink>
|
||||
<NavLink to="/datenschutz">{t('footer.privacy')}</NavLink>
|
||||
{pages.map((p) => (
|
||||
<NavLink to={`/${p.slug}`} key={p.slug}>{p.title}</NavLink>
|
||||
))}
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -17,6 +17,9 @@ export default function BotApp() {
|
||||
const [scrolled, setScrolled] = useState(false);
|
||||
const [drawer, setDrawer] = useState(false);
|
||||
const [hub, setHub] = useState(null);
|
||||
// Seiten wie die Nutzungsbedingungen liegen auf dem Hub — verlinkt
|
||||
// wird deshalb absolut, und nur wenn es einen Hub gibt.
|
||||
const [pages, setPages] = useState([]);
|
||||
const location = useLocation();
|
||||
const { t } = useT();
|
||||
|
||||
@@ -27,6 +30,7 @@ export default function BotApp() {
|
||||
.then((data) => setMe({ scopes: [], ...data, loading: false }))
|
||||
.catch(() => setMe({ user: null, admin: false, scopes: [], loading: false }));
|
||||
apiGet('/api/legal').then((d) => setHub(d.split ? d.hubUrl : null)).catch(() => {});
|
||||
apiGet('/api/pages').then((d) => setPages(d.pages)).catch(() => {});
|
||||
}, []);
|
||||
|
||||
useEffect(() => {
|
||||
@@ -107,8 +111,12 @@ export default function BotApp() {
|
||||
{t('footer.source')}
|
||||
</a>
|
||||
<span className="footer-sep">//</span>
|
||||
{hub && <a href={`${hub}/status`}>{t('footer.status')}</a>}
|
||||
<NavLink to="/impressum">{t('footer.imprint')}</NavLink>
|
||||
<NavLink to="/datenschutz">{t('footer.privacy')}</NavLink>
|
||||
{hub && pages.map((p) => (
|
||||
<a href={`${hub}/${p.slug}`} key={p.slug}>{p.title}</a>
|
||||
))}
|
||||
</footer>
|
||||
</div>
|
||||
);
|
||||
|
||||
@@ -24,6 +24,7 @@ export default {
|
||||
'nav.signOut': 'Abmelden',
|
||||
'nav.menu': 'Menü',
|
||||
'footer.source': 'Quellcode',
|
||||
'footer.status': 'Status',
|
||||
'footer.imprint': 'Impressum',
|
||||
'footer.privacy': 'Datenschutz',
|
||||
'gate.text': 'Der Login ist Mitgliedern des Discord-Servers vorbehalten — tritt erst dem Server bei und logg dich dann nochmal ein.',
|
||||
|
||||
@@ -23,6 +23,7 @@ export default {
|
||||
'nav.signOut': 'Sign out',
|
||||
'nav.menu': 'Menu',
|
||||
'footer.source': 'Source',
|
||||
'footer.status': 'Status',
|
||||
'footer.imprint': 'Imprint',
|
||||
'footer.privacy': 'Privacy',
|
||||
'gate.text': 'Logging in is for members of the Discord server — join the server first, then log in again.',
|
||||
|
||||
@@ -1186,10 +1186,25 @@ export default function Settings({ me }) {
|
||||
</div>
|
||||
<span className="dash-uptime">
|
||||
seit {fmtUptime(data.status.uptimeSeconds)}
|
||||
{data.status.ping != null && ` · ${data.status.ping} ms`}
|
||||
{data.status.guilds > 0 && ` · ${data.status.guilds} Server`}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
{/* Die Laufzeit oben zählt nur bis zum letzten Neustart. Der
|
||||
Balken zeigt die Woche davor — inklusive der Zeiten, in
|
||||
denen gar nichts lief. */}
|
||||
{data.status.uptime?.length > 0 ? (
|
||||
<div className="dash-uptrack">
|
||||
<UptimeTrack buckets={data.status.uptime} />
|
||||
</div>
|
||||
) : (
|
||||
<p className="dash-hint">
|
||||
Erreichbarkeit wird ab jetzt aufgezeichnet — der Balken füllt sich
|
||||
in den nächsten Stunden.
|
||||
</p>
|
||||
)}
|
||||
|
||||
<div className="dash-kpis">
|
||||
<div className="card dash-kpi">
|
||||
<span className="dash-v">{activeModules.length}<span className="dash-of">/{modules.length || '–'}</span></span>
|
||||
|
||||
+12
-1
@@ -842,7 +842,11 @@ a.sha:hover { border-color: var(--neon); background: rgba(245, 197, 24, .07); }
|
||||
}
|
||||
.settings-nav-icon { font-size: .95rem; }
|
||||
|
||||
.settings-content { flex: 1; min-width: 0; animation: riseIn .3s ease both; }
|
||||
/* max-width gehört dazu: min-width allein reicht nicht, wenn ein Kind eine
|
||||
grosse Mindestbreite mitbringt (die 168 Striche des Erreichbarkeits-Balkens).
|
||||
Ohne die Grenze wuchs die Spalte auf 724 statt 335 px — und weil der Body
|
||||
waagerecht abschneidet, war der Überstand nicht scrollbar, sondern weg. */
|
||||
.settings-content { flex: 1; min-width: 0; max-width: 100%; animation: riseIn .3s ease both; }
|
||||
|
||||
/* Tabs, die nur aus Formular-Blöcken bestehen, stellen ihre Blöcke ab genug
|
||||
Breite nebeneinander — halbiert das Scrollen, ohne das Innenleben eines
|
||||
@@ -1764,6 +1768,13 @@ label.toggle {
|
||||
font-size: .64rem; letter-spacing: .08em; color: var(--muted2);
|
||||
}
|
||||
|
||||
/* Der Balken sitzt zwischen Kopfzeile und Kennzahlen. min-width: 0, sonst
|
||||
sprengen ihn die 168 Striche auf schmalen Schirmen (siehe .srv-card). */
|
||||
.dash-uptrack { margin: 0 0 1.2rem; min-width: 0; }
|
||||
.dash-hint {
|
||||
margin: 0 0 1.2rem; font-size: .8rem; color: var(--muted);
|
||||
}
|
||||
|
||||
.dash-kpis { display: grid; gap: .7rem; grid-template-columns: repeat(4, 1fr); }
|
||||
.dash-kpi { display: flex; flex-direction: column; gap: .15rem; padding: .9rem 1rem; min-width: 0; }
|
||||
.dash-v { font-size: 1.55rem; font-weight: 700; line-height: 1.1; }
|
||||
|
||||
Reference in New Issue
Block a user