AegisSight/AegisSight-Monitor-Verwaltung
3
0
Fork 0
Code Issues Pull-Requests Actions Pakete Projekte Releases Wiki Aktivität

feat(org-detail): Verbrauch weiter aufgeräumt, Lizenz und Kontingent in einer Karte

Quellcode durchsuchen 
Auf Nutzerwunsch vier Änderungen im Org-Detail.

1. Kundensicht (Credits) und interner Einkauf (USD) stehen in EINER
   Karten-Reihe (Verbraucht, Verbleibend, API-Kosten Monat). Die Karte
   "Budget-Limit (USD, Altmodus)" entfällt in der Anzeige, das Feld
   bleibt im Erweitert-Bereich des Formulars erhalten.
2. Die Laufzeitwerte-Karte (Übertrag, laufende Periode, Verfügbar
   gesamt) ist raus. Der Übertrag bleibt im Verbleibend-Wert als
   Zusatz "(inkl. X Übertrag)" sichtbar.
3. "Lizenz & Credits-Kontingent bearbeiten" steht jetzt an zweiter
   Stelle direkt unter der Karten-Reihe und enthält BEIDES, die
   Lizenz-Verwaltung (Tabelle, Neue Lizenz, Verlängern, Widerrufen)
   und darunter das Kontingent-Formular. Der eigene Lizenzen-Block
   entfällt, der Monatliche Verlauf rückt ans Ende.
4. Die Sprungmarken-Leiste (Verbrauch/Nutzer/Lizenzen/Einstellungen)
   oben im Org-Detail ist entfernt, die Seite ist kurz genug.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
claude-dev
2026-07-25 15:22:45 +00:00
Ursprung 25ec80c8e4
Commit 863e8835e4
3 geänderte Dateien mit 50 neuen und 122 gelöschten Zeilen
Patch-Datei herunterladen Vergleichs-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

140
src/static/dashboard.html
Datei anzeigen

@@ -6,7 +6,7 @@
<title>AegisSight Monitor-Verwaltung</title>
<link rel="icon" type="image/svg+xml" href="/static/favicon.svg">
<link rel="apple-touch-icon" href="/static/favicon.svg">
<link rel="stylesheet" href="/static/css/style.css?v=20260725c">
<link rel="stylesheet" href="/static/css/style.css?v=20260725d">
<script>(function(){var t=localStorage.getItem('portal_theme');if(t==='light')document.documentElement.setAttribute('data-theme','light');try{var a=JSON.parse(localStorage.getItem('osint_a11y')||'{}');Object.keys(a).forEach(function(k){if(a[k])document.documentElement.setAttribute('data-a11y-'+k,'true');});}catch(e){}})()</script>
<style>
@@ -149,16 +149,8 @@
<button class="detail-back" id="orgBackBtn">&larr; Zurück</button>
<div id="orgDetailHeader"></div>
<!-- Alles auf einer Seite: die Pillen scrollen nur zu den Bereichen,
sie schalten nichts mehr um. Anzeige-Reihenfolge steuert CSS (order),
<!-- Alles auf einer Seite, Anzeige-Reihenfolge steuert CSS (order),
Verbrauch steht optisch zuerst. -->
<div class="nav-tabs mt-16" id="orgDetailTabs">
<button class="nav-tab active" data-subtab="tokens">Verbrauch</button>
<button class="nav-tab" data-subtab="users">Nutzer</button>
<button class="nav-tab" data-subtab="org-licenses">Lizenzen</button>
<button class="nav-tab" data-subtab="settings">Einstellungen</button>
</div>
<!-- Bereich: Nutzer -->
<div class="org-block" id="sub-users">
<h2 class="org-block-title">Nutzer</h2>
@@ -185,32 +177,6 @@
</div>
</div>
<!-- Bereich: Lizenzen -->
<div class="org-block" id="sub-org-licenses">
<h2 class="org-block-title">Lizenzen</h2>
<div class="action-bar">
<span></span>
<button class="btn btn-primary" id="newLicenseBtn"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>Neue Lizenz</button>
</div>
<div class="card">
<div class="table-wrap">
<table>
<thead>
<tr>
<th>Typ</th>
<th>Max Nutzer</th>
<th>Gültig ab</th>
<th>Gültig bis</th>
<th>Status</th>
<th>Aktionen</th>
</tr>
</thead>
<tbody id="licenseTable"></tbody>
</table>
</div>
</div>
</div>
<!-- Bereich: Einstellungen -->
<div class="org-block" id="sub-settings">
<h2 class="org-block-title">Einstellungen</h2>
@@ -248,8 +214,7 @@
<div class="org-block" id="sub-tokens">
<h2 class="org-block-title">Verbrauch &amp; Kontingent</h2>
<div class="token-overview">
<!-- Kundensicht: das, was der Kunde im Monitor auch sieht -->
<h3 style="margin-bottom:8px;">Kundensicht (Credits)</h3>
<!-- Eine Reihe: Kundensicht (Credits) und interner Einkauf (USD) -->
<div class="token-stats-row" id="tokenStatsRow">
<div class="token-stat-card">
<div class="token-stat-label">Verbrauchte Credits (Periode)</div>
@@ -259,6 +224,10 @@
<div class="token-stat-label">Verbleibend</div>
<div class="token-stat-value" id="tokenCreditsRemaining">-</div>
</div>
<div class="token-stat-card">
<div class="token-stat-label">API-Kosten Monat (Einkauf)</div>
<div class="token-stat-value" id="tokenCostUsd">-</div>
</div>
</div>
<div class="token-budget-bar-section">
<div class="token-budget-label">
@@ -269,44 +238,36 @@
<div class="token-budget-bar" id="tokenBudgetBar"></div>
</div>
</div>
<div id="tokenSourceSplit" style="margin-top:10px;font-size:13px;"></div>
<p style="margin-top:10px; font-size:12px; color:var(--text-muted); display:flex; align-items:center; gap:6px;">
<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="flex-shrink:0;"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4"/><path d="M12 8h.01"/></svg>
<span><span id="tariffInfoText">Zur Einordnung. Ein Live-Lauf kostet 45 Credits, das Anlegen einer Recherche 120 (drei Durchläufe), jede Vertiefung 40, Chat und Beschreibungs-Assistent je 1 Credit.</span>
<a href="#" onclick="openRechnerTab(); return false;" style="color:var(--accent);">Verbrauchsrechner öffnen</a></span>
</p>
<!-- Interne Sicht: was uns der Betrieb im Einkauf kostet -->
<h3 style="margin-top:24px; margin-bottom:8px;">Interne Kosten (Einkauf, USD)</h3>
<div class="token-stats-row">
<div class="token-stat-card">
<div class="token-stat-label">API-Kosten aktueller Monat</div>
<div class="token-stat-value" id="tokenCostUsd">-</div>
</div>
<div class="token-stat-card">
<div class="token-stat-label">Budget-Limit (USD, Altmodus)</div>
<div class="token-stat-value" id="tokenBudgetUsd">-</div>
</div>
</div>
<div id="tokenSourceSplit" style="margin-top:12px;font-size:14px;"></div>
<h3 style="margin-top:24px;">Monatlicher Verlauf</h3>
<table class="data-table">
<thead>
<tr>
<th>Monat</th>
<th>Quelle</th>
<th>Refreshes</th>
<th>API-Calls</th>
<th>Input-Tokens</th>
<th>Output-Tokens</th>
<th>Kosten (USD)</th>
</tr>
</thead>
<tbody id="tokenMonthlyTable"></tbody>
</table>
<h3 style="margin-top:24px;">Credits-Kontingent bearbeiten</h3>
<!-- An zweiter Stelle: Lizenz und Kontingent in EINER Karte einstellbar -->
<h3 style="margin-top:24px;">Lizenz &amp; Credits-Kontingent bearbeiten</h3>
<div class="card" style="margin-top:12px;">
<div class="card-body">
<div class="card-header">
<span class="text-secondary" style="font-size:13px;">Aktive und frühere Lizenzen dieser Organisation</span>
<button class="btn btn-primary btn-small" id="newLicenseBtn"><svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>Neue Lizenz</button>
</div>
<div class="table-wrap">
<table>
<thead>
<tr>
<th>Typ</th>
<th>Max Nutzer</th>
<th>Gültig ab</th>
<th>Gültig bis</th>
<th>Status</th>
<th>Aktionen</th>
</tr>
</thead>
<tbody id="licenseTable"></tbody>
</table>
</div>
<div class="card-body" style="border-top:1px solid var(--border);">
<form id="tokenBudgetForm" style="display:grid; grid-template-columns:1fr 1fr; gap:12px;">
<div style="grid-column:1/-1; padding:8px 12px; background:var(--bg-tertiary); border-radius:6px; border:1px solid var(--border);">
<label style="display:flex; align-items:center; gap:8px; cursor:pointer; margin:0;">
@@ -372,30 +333,21 @@
</div>
</div>
<h3 style="margin-top:24px;">Laufzeitwerte</h3>
<div class="card" style="margin-top:12px;">
<div class="card-body">
<p class="text-secondary" style="margin:0 0 12px; font-size:13px;">
Diese Werte verwaltet der Monitor selbst, sie sind hier nicht änderbar.
Stand ist die letzte Lizenzprüfung des Monitors, nach einem Monatswechsel
können sie kurzzeitig noch die Vorperiode zeigen.
</p>
<div style="display:grid; grid-template-columns:1fr 1fr 1fr; gap:12px;">
<div class="form-group">
<label>Übertrag aus dem Vormonat</label>
<div id="viewCreditsCarried" style="font-size:16px; font-weight:600;">-</div>
</div>
<div class="form-group">
<label>Laufende Periode</label>
<div id="viewCreditsPeriodStart" style="font-size:16px; font-weight:600;">-</div>
</div>
<div class="form-group">
<label>Verfügbar gesamt (Kontingent + Übertrag)</label>
<div id="viewCreditsAvailable" style="font-size:16px; font-weight:600;">-</div>
</div>
</div>
</div>
</div>
<h3 style="margin-top:24px;">Monatlicher Verlauf</h3>
<table class="data-table">
<thead>
<tr>
<th>Monat</th>
<th>Quelle</th>
<th>Refreshes</th>
<th>API-Calls</th>
<th>Input-Tokens</th>
<th>Output-Tokens</th>
<th>Kosten (USD)</th>
</tr>
</thead>
<tbody id="tokenMonthlyTable"></tbody>
</table>
</div>
</div>
</div>
@@ -1217,7 +1169,7 @@
</div>
<script src="/static/js/a11y.js?v=20260725a"></script>
<script src="/static/js/app.js?v=20260725f"></script>
<script src="/static/js/app.js?v=20260725g"></script>
<script src="/static/js/sources.js?v=20260522x2"></script>
<script src="/static/js/x-scraper.js?v=20260522a"></script>
<script src="/static/js/source-health.js?v=20260509l"></script>