528 lines
26 KiB
PHP
528 lines
26 KiB
PHP
<?php
|
|
/**
|
|
* admin2 — Full PHP admin for C-Relay-PG.
|
|
* Recreates the original api/ admin interface with a PHP/PDO backend
|
|
* instead of Nostr WebSocket admin commands.
|
|
*/
|
|
require_once __DIR__ . '/lib/helpers.php';
|
|
$pdo = db();
|
|
|
|
// Fetch relay info for the header (from config table)
|
|
$relay_name = '';
|
|
$relay_desc = '';
|
|
$relay_pubkey = '';
|
|
$relay_version = '';
|
|
try {
|
|
$relay_name = $pdo->query("SELECT value FROM config WHERE key = 'relay_name'")->fetchColumn() ?: 'C-Relay-PG';
|
|
$relay_desc = $pdo->query("SELECT value FROM config WHERE key = 'relay_description'")->fetchColumn() ?: '';
|
|
$relay_pubkey = $pdo->query("SELECT value FROM config WHERE key = 'relay_pubkey'")->fetchColumn() ?: '';
|
|
$relay_version = $pdo->query("SELECT value FROM config WHERE key = 'relay_version'")->fetchColumn() ?: '';
|
|
} catch (PDOException $e) {}
|
|
|
|
// Convert relay pubkey (hex) to npub and format into 3 lines of 3 groups of 7 chars
|
|
$relay_npub = $relay_pubkey;
|
|
if ($relay_pubkey && preg_match('/^[0-9a-fA-F]{64}$/', $relay_pubkey)) {
|
|
$relay_npub = hex_to_npub($relay_pubkey);
|
|
}
|
|
// Format npub (63 chars) into 3 lines of "xxxxxxx xxxxxxx xxxxxxx"
|
|
$formatted_npub = $relay_npub;
|
|
if (strlen($relay_npub) === 63) {
|
|
$line1 = substr($relay_npub, 0, 7) . ' ' . substr($relay_npub, 7, 7) . ' ' . substr($relay_npub, 14, 7);
|
|
$line2 = substr($relay_npub, 21, 7) . ' ' . substr($relay_npub, 28, 7) . ' ' . substr($relay_npub, 35, 7);
|
|
$line3 = substr($relay_npub, 42, 7) . ' ' . substr($relay_npub, 49, 7) . ' ' . substr($relay_npub, 56, 7);
|
|
$formatted_npub = $line1 . "\n" . $line2 . "\n" . $line3;
|
|
}
|
|
$display_name = $relay_version ? ($relay_name . ' ' . $relay_version) : $relay_name;
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>C-Relay-PG Admin</title>
|
|
<link rel="stylesheet" href="assets/index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<!-- Side Navigation Menu -->
|
|
<nav class="side-nav" id="side-nav">
|
|
<ul class="nav-menu">
|
|
<li><button class="nav-item" data-page="statistics">Statistics</button></li>
|
|
<li><button class="nav-item" data-page="subscriptions">Subscriptions</button></li>
|
|
<li><button class="nav-item" data-page="configuration">Configuration</button></li>
|
|
<li><button class="nav-item" data-page="authorization">Authorization</button></li>
|
|
<li><button class="nav-item" data-page="ip-bans">IP BAN</button></li>
|
|
<li><button class="nav-item" data-page="relay-events">Relay Events</button></li>
|
|
<li><button class="nav-item" data-page="caching">Caching</button></li>
|
|
<li><button class="nav-item" data-page="dm">DM</button></li>
|
|
<li><button class="nav-item" data-page="cleanup">Cleanup</button></li>
|
|
<li><button class="nav-item" data-page="database">Database Query</button></li>
|
|
</ul>
|
|
<div class="nav-footer">
|
|
<button class="nav-footer-btn" id="nav-dark-mode-btn">DARK MODE</button>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Side Navigation Overlay -->
|
|
<div class="side-nav-overlay" id="side-nav-overlay"></div>
|
|
|
|
<!-- Header with title and profile display -->
|
|
<div class="section">
|
|
<div class="header-content">
|
|
<div class="header-title clickable" id="header-title" onclick="toggleNav()">
|
|
<span class="relay-letter" data-letter="R">R</span>
|
|
<span class="relay-letter" data-letter="E">E</span>
|
|
<span class="relay-letter" data-letter="L">L</span>
|
|
<span class="relay-letter" data-letter="A">A</span>
|
|
<span class="relay-letter" data-letter="Y">Y</span>
|
|
</div>
|
|
<div class="relay-info">
|
|
<div id="relay-name" class="relay-name"><?= e($display_name) ?></div>
|
|
<div id="relay-description" class="relay-description"><?= e($relay_desc) ?></div>
|
|
<div id="relay-pubkey-container" class="relay-pubkey-container" title="Click to copy npub">
|
|
<div id="relay-pubkey" class="relay-pubkey"><?= e($formatted_npub) ?></div>
|
|
</div>
|
|
</div>
|
|
<div class="profile-area" id="profile-area" style="display: none;">
|
|
<div class="admin-label">admin</div>
|
|
<div class="profile-container">
|
|
<img id="header-user-image" class="header-user-image" alt="Profile" style="display: none;">
|
|
<span id="header-user-name" class="header-user-name">Loading...</span>
|
|
</div>
|
|
<!-- Logout dropdown (under admin picture) -->
|
|
<div class="logout-dropdown" id="logout-dropdown" style="display: none;">
|
|
<button type="button" class="logout-btn" onclick="logout()">LOGOUT</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Login Modal Overlay (nostr_login_lite) -->
|
|
<div id="login-modal" class="login-modal-overlay" style="display: none;">
|
|
<div class="login-modal-content">
|
|
<div id="login-modal-container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Access Denied Overlay (shown when non-admin user logs in) -->
|
|
<div id="access-denied-overlay" class="access-denied-overlay" style="display: none;">
|
|
<div class="access-denied-content">
|
|
<div class="access-denied-icon">⛔</div>
|
|
<h2>ACCESS DENIED</h2>
|
|
<p class="access-denied-message">This interface is restricted to the relay administrator.</p>
|
|
<p class="access-denied-submessage">The logged-in account does not have admin privileges.</p>
|
|
<button type="button" class="access-denied-logout-btn" onclick="logout()">LOGOUT</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- DATABASE STATISTICS Section -->
|
|
<div class="section flex-section" id="databaseStatisticsSection">
|
|
<div class="section-header">DATABASE STATISTICS</div>
|
|
|
|
<!-- Event Rate Graph — range selector tabs + ASCII chart (server-rendered) -->
|
|
<div class="chart-range-tabs">
|
|
<button class="chart-tab active" data-range="hour">1H</button>
|
|
<button class="chart-tab" data-range="day">1D</button>
|
|
<button class="chart-tab" data-range="month">1M</button>
|
|
<button class="chart-tab" data-range="year">1Y</button>
|
|
</div>
|
|
<div id="event-rate-chart" class="event-rate-chart-container">Loading chart...</div>
|
|
|
|
<!-- Database Overview Table -->
|
|
<div class="input-group">
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="stats-overview-table">
|
|
<thead><tr><th>Metric</th><th>Value</th></tr></thead>
|
|
<tbody id="stats-overview-table-body">
|
|
<tr><td>Database Size</td><td id="db-size">-</td></tr>
|
|
<tr><td>Total Events</td><td id="total-events">-</td></tr>
|
|
<tr><td>Process ID</td><td id="process-id">-</td></tr>
|
|
<tr><td>WebSocket Connections</td><td id="websocket-connections">-</td></tr>
|
|
<tr><td>Active Subscriptions</td><td id="active-subscriptions">-</td></tr>
|
|
<tr><td>Memory Usage</td><td id="memory-usage">-</td></tr>
|
|
<tr><td>CPU Usage</td><td id="cpu-usage">-</td></tr>
|
|
<tr><td>CPU Core</td><td id="cpu-core">-</td></tr>
|
|
<tr><td>Oldest Event</td><td id="oldest-event">-</td></tr>
|
|
<tr><td>Newest Event</td><td id="newest-event">-</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Event Kind Distribution Table -->
|
|
<div class="input-group">
|
|
<label>Event Kind Distribution:</label>
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="stats-kinds-table">
|
|
<thead><tr><th>Event Kind</th><th>Count</th><th>Percentage</th></tr></thead>
|
|
<tbody id="stats-kinds-table-body">
|
|
<tr><td colspan="3" style="text-align: center; font-style: italic;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Time-based Statistics Table -->
|
|
<div class="input-group">
|
|
<label>Time-based Statistics:</label>
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="stats-time-table">
|
|
<thead><tr><th>Period</th><th>Events</th></tr></thead>
|
|
<tbody id="stats-time-table-body">
|
|
<tr><td>Last 24 Hours</td><td id="events-24h">-</td></tr>
|
|
<tr><td>Last 7 Days</td><td id="events-7d">-</td></tr>
|
|
<tr><td>Last 30 Days</td><td id="events-30d">-</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Top Pubkeys Table -->
|
|
<div class="input-group">
|
|
<label>Top Pubkeys by Event Count:</label>
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="stats-pubkeys-table">
|
|
<thead><tr><th>Rank</th><th>Name</th><th>Pubkey</th><th>Event Count</th><th>Percentage</th></tr></thead>
|
|
<tbody id="stats-pubkeys-table-body">
|
|
<tr><td colspan="5" style="text-align: center; font-style: italic;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Name-field usage stats (from profiles cache) -->
|
|
<div class="input-group" id="name-field-usage" style="display:none;"></div>
|
|
</div>
|
|
|
|
<!-- SUBSCRIPTION DETAILS Section -->
|
|
<div class="section flex-section" id="subscriptionDetailsSection" style="display: none;">
|
|
<div class="section-header">ACTIVE SUBSCRIPTION DETAILS</div>
|
|
<div class="input-group">
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="subscription-details-table">
|
|
<thead><tr><th>Sub ID</th><th>Pubkey</th><th>Filters</th><th>Created</th><th>Events Sent</th></tr></thead>
|
|
<tbody id="subscription-details-table-body">
|
|
<tr><td colspan="5" style="text-align: center; font-style: italic;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CONFIGURATION Section -->
|
|
<div id="div_config" class="section flex-section" style="display: none;">
|
|
<div class="section-header">RELAY CONFIGURATION</div>
|
|
<div id="config-display">
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="config-table">
|
|
<thead><tr><th>Parameter</th><th>Value</th><th>Actions</th></tr></thead>
|
|
<tbody id="config-table-body">
|
|
<tr><td colspan="3" style="text-align: center; font-style: italic;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="inline-buttons">
|
|
<button type="button" id="fetch-config-btn" onclick="loadConfig()">REFRESH</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- AUTH RULES Section -->
|
|
<div class="section flex-section" id="authRulesSection" style="display: none;">
|
|
<div class="section-header">AUTH RULES MANAGEMENT</div>
|
|
<div id="authRulesTableContainer">
|
|
<table class="config-table" id="authRulesTable">
|
|
<thead><tr><th>Rule Type</th><th>Pattern Type</th><th>Pattern Value</th><th>Status</th><th>Actions</th></tr></thead>
|
|
<tbody id="authRulesTableBody">
|
|
<tr><td colspan="5" style="text-align: center; font-style: italic;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div id="authRuleInputSections" style="display: block;">
|
|
<div class="input-group">
|
|
<label for="authRulePubkey">Public Key (npub or hex):</label>
|
|
<input type="text" id="authRulePubkey" placeholder="npub1... or 64-character hex pubkey">
|
|
</div>
|
|
<div class="inline-buttons">
|
|
<button type="button" onclick="addAuthRule('whitelist')">ADD TO WHITELIST</button>
|
|
<button type="button" onclick="addAuthRule('blacklist')">ADD TO BLACKLIST</button>
|
|
<button type="button" onclick="loadAuthRules()">REFRESH</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- WEB OF TRUST Section -->
|
|
<div class="section flex-section" id="wotSection" style="display: none;">
|
|
<div class="section-header">WEB OF TRUST</div>
|
|
<div id="wotKind3Status" class="wot-status-row">
|
|
<span>Admin Contact List (kind 3):</span>
|
|
<span id="wotKind3Indicator" class="wot-indicator wot-unknown">Loading...</span>
|
|
</div>
|
|
<div class="wot-level-selector">
|
|
<label>WoT Level:</label>
|
|
<div class="inline-buttons">
|
|
<button type="button" class="wot-level-btn" onclick="setWotLevel(0)">OFF</button>
|
|
<button type="button" class="wot-level-btn" onclick="setWotLevel(1)">WRITE ONLY</button>
|
|
<button type="button" class="wot-level-btn" onclick="setWotLevel(2)">FULL</button>
|
|
</div>
|
|
<div class="wot-level-description" id="wotLevelDescription">Loading...</div>
|
|
</div>
|
|
<div class="wot-stats-row">
|
|
<span>Whitelisted Pubkeys:</span>
|
|
<span id="wotWhitelistCount">—</span>
|
|
</div>
|
|
<div class="inline-buttons">
|
|
<button type="button" onclick="syncWot()">SYNC FROM KIND 3</button>
|
|
<button type="button" onclick="loadWotStatus()">REFRESH STATUS</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- NIP-17 DIRECT MESSAGES Section -->
|
|
<div class="section" id="nip17DMSection" style="display: none;">
|
|
<div class="section-header"><h2>NIP-17 DIRECT MESSAGES</h2></div>
|
|
<div class="input-group">
|
|
<label>Received Messages (kind 4/14/15):</label>
|
|
<div id="dm-inbox" class="log-panel" style="height: 300px; overflow-y: auto;">
|
|
<div class="log-entry">Loading...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- IP BANS Section -->
|
|
<div class="section" id="ipBansSection" style="display: none;">
|
|
<div class="section-header">IP BAN MANAGEMENT</div>
|
|
<div class="input-group">
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="ip-bans-stats-table">
|
|
<thead><tr><th>Total IPs Tracked</th><th>Currently Banned</th><th>Total Bans Issued</th></tr></thead>
|
|
<tbody>
|
|
<tr><td id="ip-bans-total">-</td><td id="ip-bans-active">-</td><td id="ip-bans-issued">-</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<h3>Manually Ban IP Address</h3>
|
|
<div class="form-group">
|
|
<label for="ban-ip-input">IP Address:</label>
|
|
<input type="text" id="ban-ip-input" placeholder="192.168.1.100">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="ban-duration-select">Ban Duration:</label>
|
|
<select id="ban-duration-select">
|
|
<option value="3600">1 Hour</option>
|
|
<option value="86400" selected>24 Hours</option>
|
|
<option value="604800">7 Days</option>
|
|
<option value="2592000">30 Days</option>
|
|
<option value="31536000">1 Year</option>
|
|
<option value="999999999">Permanent</option>
|
|
</select>
|
|
</div>
|
|
<div class="inline-buttons">
|
|
<button type="button" onclick="addBan()">BAN IP</button>
|
|
<button type="button" onclick="loadIpBans()">REFRESH</button>
|
|
</div>
|
|
<div id="add-ban-status" class="status-message"></div>
|
|
</div>
|
|
<div class="input-group">
|
|
<label>Banned IP Addresses:</label>
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="ip-bans-table">
|
|
<thead><tr><th>IP Address</th><th>Status</th><th>Banned Until</th><th>Failures</th><th>Actions</th></tr></thead>
|
|
<tbody id="ip-bans-tbody">
|
|
<tr><td colspan="5" style="text-align: center;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- RELAY EVENTS Section -->
|
|
<div class="section" id="relayEventsSection" style="display: none;">
|
|
<div class="section-header">RELAY EVENTS MANAGEMENT</div>
|
|
<div class="input-group">
|
|
<h3>Recent Events</h3>
|
|
<div class="inline-buttons">
|
|
<button type="button" onclick="loadEvents()">REFRESH</button>
|
|
</div>
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="live-relay-events-table">
|
|
<thead><tr><th>Time</th><th>Kind</th><th>Name</th><th>ID</th><th>Content Preview</th></tr></thead>
|
|
<tbody id="live-relay-events-table-body">
|
|
<tr><td colspan="5" style="text-align: center;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CACHING Section -->
|
|
<div class="section" id="cachingSection" style="display: none;">
|
|
<div class="section-header">CACHING</div>
|
|
<div class="input-group">
|
|
<h3>Caching Controls</h3>
|
|
<div id="caching-controls" class="inline-buttons">
|
|
<span id="caching-enabled-label">Caching: ?</span>
|
|
<button type="button" id="caching-toggle-btn" onclick="toggleCachingEnabled()">Toggle Caching</button>
|
|
<span id="caching-inbox-enabled-label">Inbox: ?</span>
|
|
<button type="button" id="caching-inbox-toggle-btn" onclick="toggleCachingInboxEnabled()">Toggle Inbox</button>
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<h3>Caching Service Status</h3>
|
|
<div id="caching-service-status" class="status-display">
|
|
<p>Loading...</p>
|
|
</div>
|
|
<div class="inline-buttons" style="margin-top:8px">
|
|
<button type="button" id="caching-rerun-all-btn" onclick="rerunAllCaching()">Re-run All Caching</button>
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<h3>Relay Inbox Status</h3>
|
|
<div id="caching-inbox-status" class="status-display">
|
|
<p>Loading...</p>
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<h3>Upstream Relay Status <span style="font-size:11px;font-weight:normal;color:var(--text-muted,#888)">(live connection state, updated every 15s)</span></h3>
|
|
<div id="caching-relay-status" class="status-display">
|
|
<p>Loading...</p>
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<h3>Followed Pubkeys <span style="font-size:11px;font-weight:normal;color:var(--text-muted,#888)">(click a row for per-relay details)</span></h3>
|
|
<div id="caching-follows-status" class="status-message"></div>
|
|
<div id="caching-follows-pagination" class="pagination-bar"></div>
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="caching-follows-table">
|
|
<thead><tr><th>Name</th><th>npub</th><th>Root?</th><th>Events in DB</th><th>Backfill</th><th>Relays</th></tr></thead>
|
|
<tbody id="caching-follows-table-body">
|
|
<tr><td colspan="6" style="text-align: center; font-style: italic;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="inline-buttons">
|
|
<button type="button" onclick="loadCaching()">REFRESH</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- EVENT CLEANUP Section -->
|
|
<div class="section" id="cleanupSection" style="display: none;">
|
|
<div class="section-header"><h2>EVENT CLEANUP</h2></div>
|
|
|
|
<!-- Saved Queries Table -->
|
|
<div class="input-group" id="saved-queries-group">
|
|
<label>Saved Queries</label>
|
|
<div class="config-table-container">
|
|
<table class="config-table" id="cleanup-saved-queries-table">
|
|
<thead><tr><th>Name</th><th>Filters</th><th>Last Preview</th><th>Last Executed</th><th>Actions</th></tr></thead>
|
|
<tbody id="cleanup-saved-queries-body">
|
|
<tr><td colspan="5" style="text-align: center; font-style: italic;">Loading...</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="inline-buttons" style="margin-top:8px">
|
|
<button type="button" onclick="newCleanupQuery()">New Query</button>
|
|
<button type="button" onclick="loadCleanupQueries()">Refresh</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Query Builder -->
|
|
<div class="input-group" id="cleanup-builder-group">
|
|
<label>Query Builder</label>
|
|
<div class="form-group">
|
|
<label for="cleanup-name">Query Name:</label>
|
|
<input type="text" id="cleanup-name" placeholder="My Cleanup Query" style="width:100%;max-width:400px">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Follows Filter:</label>
|
|
<div class="radio-group">
|
|
<label><input type="radio" name="cleanup-follows" value="all" checked> All</label>
|
|
<label><input type="radio" name="cleanup-follows" value="follows"> Follows only</label>
|
|
<label><input type="radio" name="cleanup-follows" value="non_follows"> Non-follows only</label>
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="cleanup-kinds">Event Kinds (comma-separated, empty = all):</label>
|
|
<input type="text" id="cleanup-kinds" placeholder="e.g. 1, 7, 9734" style="width:100%;max-width:400px">
|
|
<div style="font-size:11px;color:var(--text-muted,#888);margin-top:2px">
|
|
Common kinds: 0 (profiles), 1 (text), 3 (contacts), 4 (DM), 5 (delete),
|
|
6 (repost), 7 (reaction), 9734 (zap request), 9735 (zap receipt), 10002 (relay list)
|
|
</div>
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="cleanup-from-date">From (delete events after this date, leave empty for no bound):</label>
|
|
<input type="date" id="cleanup-from-date" style="width:200px">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="cleanup-to-date">To (delete events before this date, leave empty for no bound):</label>
|
|
<input type="date" id="cleanup-to-date" style="width:200px">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="cleanup-max-events">Max Events (0 = no limit):</label>
|
|
<input type="number" id="cleanup-max-events" value="0" min="0" style="width:120px">
|
|
</div>
|
|
<div class="inline-buttons" style="margin-top:8px">
|
|
<button type="button" onclick="previewCleanup()">Preview</button>
|
|
<button type="button" onclick="saveCleanupQuery()">Save Query</button>
|
|
<button type="button" onclick="executeCleanup()" style="background:#c0392b;color:#fff">Execute Delete</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Results Area -->
|
|
<div class="input-group" id="cleanup-results-group" style="display:none;">
|
|
<label>Results</label>
|
|
<div id="cleanup-results-summary" class="info-box"></div>
|
|
<div id="cleanup-results-breakdown" class="config-table-container" style="margin-top:8px"></div>
|
|
<div id="cleanup-results-sql" style="margin-top:8px">
|
|
<details>
|
|
<summary style="cursor:pointer;font-size:12px;color:var(--text-muted,#888)">SQL Preview</summary>
|
|
<pre id="cleanup-sql-preview" style="background:var(--bg-code,#f5f5f5);padding:8px;border-radius:4px;overflow-x:auto;font-size:11px;margin-top:4px;white-space:pre-wrap"></pre>
|
|
</details>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Confirmation Dialog -->
|
|
<div id="cleanup-confirm-dialog" class="modal-overlay" style="display:none;">
|
|
<div class="modal-content" style="background:var(--bg-card,#fff);border:1px solid var(--border,#ccc);border-radius:8px;padding:20px;max-width:480px;margin:10% auto;box-shadow:0 4px 20px rgba(0,0,0,0.3)">
|
|
<h3 style="margin-top:0">Confirm Delete</h3>
|
|
<p id="cleanup-confirm-msg">Are you sure you want to delete these events?</p>
|
|
<p style="color:#c0392b;font-weight:bold">This action cannot be undone.</p>
|
|
<div class="inline-buttons" style="margin-top:12px">
|
|
<button type="button" id="cleanup-confirm-btn" onclick="executeCleanupConfirmed()" style="background:#c0392b;color:#fff">Delete</button>
|
|
<button type="button" onclick="document.getElementById('cleanup-confirm-dialog').style.display='none'">Cancel</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SQL QUERY Section -->
|
|
<div class="section" id="sqlQuerySection" style="display: none;">
|
|
<div class="section-header"><h2>SQL QUERY CONSOLE</h2></div>
|
|
<div class="input-group">
|
|
<label for="sql-input">SQL Query (SELECT only):</label>
|
|
<textarea id="sql-input" rows="5" placeholder="SELECT * FROM events LIMIT 10"></textarea>
|
|
</div>
|
|
<div class="input-group">
|
|
<div class="inline-buttons">
|
|
<button type="button" onclick="executeQuery()">EXECUTE QUERY</button>
|
|
<button type="button" onclick="document.getElementById('sql-input').value=''">CLEAR</button>
|
|
</div>
|
|
</div>
|
|
<div class="input-group">
|
|
<label>Query Results:</label>
|
|
<div id="query-info" class="info-box"></div>
|
|
<div id="query-table" class="config-table-container"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nostr libraries for nostr_login_lite auth modal -->
|
|
<script src="assets/nostr.bundle.js"></script>
|
|
<script src="assets/nostr-lite.js"></script>
|
|
<script src="assets/app.js"></script>
|
|
</body>
|
|
|
|
</html>
|