Server Command Center: full build (REQ-2026-04-14)
New files: - 139_server_config.sql — DB migration for short_name system - 139_seed_server_config.js — auto-populates 17 servers from Pterodactyl - src/services/uptimeKuma.js — Socket.IO direct (no npm wrapper) - src/services/pterodactyl.js — power actions + console commands Modified files: - servers.js — 6 new POST routes (short-name, lock, createserver, delserver, power, console) + short_name-based channel detection - _server_card.ejs — full rebuild with command center UI - _matrix_body.ejs — refactored from 144 lines to 20 (uses partial) - package.json — added socket.io-client Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Claude (Chronicler #83 - The Compiler)
parent
a404410efd
commit
d16a525ffc
@@ -4,70 +4,10 @@
|
||||
<span>🔥</span> Dallas Node (TX1)
|
||||
</h2>
|
||||
<div class="space-y-4">
|
||||
<% txServers.forEach(server => {
|
||||
const isOnline = server.log.is_online;
|
||||
const hasError = !!server.log.last_error;
|
||||
const discordComplete = server.discord?.complete;
|
||||
let borderClass = 'border-gray-200 dark:border-gray-700';
|
||||
if (isOnline && !hasError) borderClass = 'border-green-500 shadow-[0_0_10px_rgba(34,197,94,0.2)]';
|
||||
if (hasError) borderClass = 'border-red-500 shadow-[0_0_10px_rgba(239,68,68,0.2)]';
|
||||
%>
|
||||
<div class="bg-white dark:bg-darkcard rounded-lg border-l-4 <%= borderClass %> p-4">
|
||||
<div class="flex justify-between items-start mb-2">
|
||||
<div>
|
||||
<h3 class="font-bold text-gray-900 dark:text-white"><%= server.name %></h3>
|
||||
<p class="text-xs text-gray-500 font-mono"><%= server.identifier %></p>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span class="inline-flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full <%= isOnline ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' : 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400' %>">
|
||||
<span class="w-1.5 h-1.5 rounded-full <%= isOnline ? 'bg-green-500 animate-pulse' : 'bg-gray-400' %>"></span>
|
||||
<%= isOnline ? 'Online' : 'Offline' %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-4 text-sm mt-4 mb-4">
|
||||
<div>
|
||||
<span class="text-gray-500 dark:text-gray-400 block text-xs">Whitelist</span>
|
||||
<span class="font-medium dark:text-gray-200">
|
||||
<%= server.whitelistEnabled ? '✅ Enabled' : '🔓 Disabled' %>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-gray-500 dark:text-gray-400 block text-xs">Last Sync</span>
|
||||
<span class="font-medium dark:text-gray-200 text-xs">
|
||||
<%= server.log.last_successful_sync ? new Date(server.log.last_successful_sync).toLocaleString() : 'Never' %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Discord Channel Status -->
|
||||
<div class="mb-4">
|
||||
<span class="text-gray-500 dark:text-gray-400 block text-xs mb-1">Discord Channels</span>
|
||||
<% if (discordComplete) { %>
|
||||
<span class="text-green-600 dark:text-green-400 text-sm font-medium">✅ All 4 channels</span>
|
||||
<% } else if (server.discord?.missing?.length > 0) { %>
|
||||
<div class="bg-yellow-50 dark:bg-yellow-900/20 text-yellow-700 dark:text-yellow-400 p-2 rounded text-xs">
|
||||
<strong>Missing:</strong> <%= server.discord.missing.join(', ') %>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<span class="text-gray-500 dark:text-gray-400 text-sm">Unable to check</span>
|
||||
<% } %>
|
||||
</div>
|
||||
<% if (hasError) { %>
|
||||
<div class="bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 p-2 rounded text-xs mb-4 break-words">
|
||||
<strong>Error:</strong> <%= server.log.last_error %>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="flex items-center gap-3 border-t border-gray-100 dark:border-gray-700 pt-3 mt-2">
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/sync" hx-swap="innerHTML" class="text-sm font-medium bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white px-3 py-1.5 rounded">
|
||||
⚡ Sync Now
|
||||
</button>
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/toggle-whitelist" class="text-sm font-medium text-blue-600 dark:text-blue-400 hover:underline">
|
||||
Toggle Whitelist
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<% txServers.forEach(server => { %>
|
||||
<%- include('./_server_card', { server }) %>
|
||||
<% }) %>
|
||||
<% if(txServers.length === 0) { %><p class="text-gray-500 text-sm">No servers found.</p><% } %>
|
||||
<% if (txServers.length === 0) { %><p class="text-gray-500 text-sm">No servers found.</p><% } %>
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
@@ -75,70 +15,10 @@
|
||||
<span>❄️</span> Charlotte Node (NC1)
|
||||
</h2>
|
||||
<div class="space-y-4">
|
||||
<% ncServers.forEach(server => {
|
||||
const isOnline = server.log.is_online;
|
||||
const hasError = !!server.log.last_error;
|
||||
const discordComplete = server.discord?.complete;
|
||||
let borderClass = 'border-gray-200 dark:border-gray-700';
|
||||
if (isOnline && !hasError) borderClass = 'border-green-500 shadow-[0_0_10px_rgba(34,197,94,0.2)]';
|
||||
if (hasError) borderClass = 'border-red-500 shadow-[0_0_10px_rgba(239,68,68,0.2)]';
|
||||
%>
|
||||
<div class="bg-white dark:bg-darkcard rounded-lg border-l-4 <%= borderClass %> p-4">
|
||||
<div class="flex justify-between items-start mb-2">
|
||||
<div>
|
||||
<h3 class="font-bold text-gray-900 dark:text-white"><%= server.name %></h3>
|
||||
<p class="text-xs text-gray-500 font-mono"><%= server.identifier %></p>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span class="inline-flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full <%= isOnline ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' : 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400' %>">
|
||||
<span class="w-1.5 h-1.5 rounded-full <%= isOnline ? 'bg-green-500 animate-pulse' : 'bg-gray-400' %>"></span>
|
||||
<%= isOnline ? 'Online' : 'Offline' %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="grid grid-cols-2 gap-4 text-sm mt-4 mb-4">
|
||||
<div>
|
||||
<span class="text-gray-500 dark:text-gray-400 block text-xs">Whitelist</span>
|
||||
<span class="font-medium dark:text-gray-200">
|
||||
<%= server.whitelistEnabled ? '✅ Enabled' : '🔓 Disabled' %>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="text-gray-500 dark:text-gray-400 block text-xs">Last Sync</span>
|
||||
<span class="font-medium dark:text-gray-200 text-xs">
|
||||
<%= server.log.last_successful_sync ? new Date(server.log.last_successful_sync).toLocaleString() : 'Never' %>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Discord Channel Status -->
|
||||
<div class="mb-4">
|
||||
<span class="text-gray-500 dark:text-gray-400 block text-xs mb-1">Discord Channels</span>
|
||||
<% if (discordComplete) { %>
|
||||
<span class="text-green-600 dark:text-green-400 text-sm font-medium">✅ All 4 channels</span>
|
||||
<% } else if (server.discord?.missing?.length > 0) { %>
|
||||
<div class="bg-yellow-50 dark:bg-yellow-900/20 text-yellow-700 dark:text-yellow-400 p-2 rounded text-xs">
|
||||
<strong>Missing:</strong> <%= server.discord.missing.join(', ') %>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<span class="text-gray-500 dark:text-gray-400 text-sm">Unable to check</span>
|
||||
<% } %>
|
||||
</div>
|
||||
<% if (hasError) { %>
|
||||
<div class="bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 p-2 rounded text-xs mb-4 break-words">
|
||||
<strong>Error:</strong> <%= server.log.last_error %>
|
||||
</div>
|
||||
<% } %>
|
||||
<div class="flex items-center gap-3 border-t border-gray-100 dark:border-gray-700 pt-3 mt-2">
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/sync" hx-swap="innerHTML" class="text-sm font-medium bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white px-3 py-1.5 rounded">
|
||||
⚡ Sync Now
|
||||
</button>
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/toggle-whitelist" class="text-sm font-medium text-blue-600 dark:text-blue-400 hover:underline">
|
||||
Toggle Whitelist
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<% ncServers.forEach(server => { %>
|
||||
<%- include('./_server_card', { server }) %>
|
||||
<% }) %>
|
||||
<% if(ncServers.length === 0) { %><p class="text-gray-500 text-sm">No servers found.</p><% } %>
|
||||
<% if (ncServers.length === 0) { %><p class="text-gray-500 text-sm">No servers found.</p><% } %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -1,29 +1,65 @@
|
||||
<%
|
||||
<%
|
||||
const isOnline = server.log.is_online;
|
||||
const hasError = !!server.log.last_error;
|
||||
const config = server.config;
|
||||
const shortName = config ? config.short_name : null;
|
||||
const locked = config ? config.short_name_locked : false;
|
||||
const discordComplete = server.discord?.complete;
|
||||
|
||||
let borderClass = 'border-gray-200 dark:border-gray-700'; // Default / Offline
|
||||
const unconfigured = server.discord?.unconfigured;
|
||||
const nodeBadge = server.node === 'TX1' ? '🔥 TX1' : '❄️ NC1';
|
||||
|
||||
let borderClass = 'border-gray-200 dark:border-gray-700';
|
||||
if (isOnline && !hasError) borderClass = 'border-green-500 shadow-[0_0_10px_rgba(34,197,94,0.2)]';
|
||||
if (hasError) borderClass = 'border-red-500 shadow-[0_0_10px_rgba(239,68,68,0.2)]';
|
||||
%>
|
||||
|
||||
<div class="bg-white dark:bg-darkcard rounded-lg border-l-4 <%= borderClass %> p-4 relative overflow-hidden">
|
||||
|
||||
|
||||
<!-- Header -->
|
||||
<div class="flex justify-between items-start mb-2">
|
||||
<div>
|
||||
<h3 class="font-bold text-gray-900 dark:text-white"><%= server.name %></h3>
|
||||
<p class="text-xs text-gray-500 font-mono"><%= server.identifier %></p>
|
||||
</div>
|
||||
<div class="text-right">
|
||||
<span class="inline-flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full <%= isOnline ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' : 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400' %>">
|
||||
<span class="w-1.5 h-1.5 rounded-full <%= isOnline ? 'bg-green-500 animate-pulse' : 'bg-gray-400' %>"></span>
|
||||
<%= isOnline ? 'Online' : 'Offline' %>
|
||||
</span>
|
||||
<span class="text-xs font-medium px-1.5 py-0.5 rounded bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400"><%= nodeBadge %></span>
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded-full <%= isOnline ? 'bg-green-100 text-green-700 dark:bg-green-900/30 dark:text-green-400' : 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400' %>">
|
||||
<span class="w-1.5 h-1.5 rounded-full <%= isOnline ? 'bg-green-500 animate-pulse' : 'bg-gray-400' %>"></span>
|
||||
<%= isOnline ? 'Online' : 'Offline' %>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4 text-sm mt-4 mb-4">
|
||||
<!-- Short Name Section -->
|
||||
<div class="mb-3" id="shortname-<%= server.identifier %>">
|
||||
<% if (locked) { %>
|
||||
<span class="inline-flex items-center gap-1 text-xs font-mono bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400 px-2 py-1 rounded">
|
||||
🔒 <%= shortName %>
|
||||
</span>
|
||||
<% } else { %>
|
||||
<div class="flex items-center gap-2">
|
||||
<input type="text" name="short_name" value="<%= shortName || '' %>"
|
||||
placeholder="e.g. atm10-tts"
|
||||
class="text-xs font-mono border border-gray-300 dark:border-gray-600 dark:bg-gray-800 dark:text-white rounded px-2 py-1 w-36"
|
||||
id="sn-input-<%= server.identifier %>">
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/set-short-name"
|
||||
hx-include="#sn-input-<%= server.identifier %>"
|
||||
hx-target="#shortname-<%= server.identifier %>"
|
||||
class="text-xs bg-gray-200 dark:bg-gray-700 dark:text-white px-2 py-1 rounded hover:bg-gray-300 dark:hover:bg-gray-600">
|
||||
Save
|
||||
</button>
|
||||
<% if (shortName) { %>
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/lock-short-name"
|
||||
hx-confirm="⚠️ Once locked, this cannot be changed. Continue?"
|
||||
hx-target="#shortname-<%= server.identifier %>"
|
||||
class="text-xs bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400 px-2 py-1 rounded hover:bg-red-200 dark:hover:bg-red-900/50">
|
||||
Lock In
|
||||
</button>
|
||||
<% } %>
|
||||
</div>
|
||||
<p class="text-[10px] text-gray-400 mt-1">⚠️ Once locked, this cannot be changed</p>
|
||||
<% } %>
|
||||
</div>
|
||||
|
||||
<!-- Stats Row -->
|
||||
<div class="grid grid-cols-2 gap-4 text-sm mb-3">
|
||||
<div>
|
||||
<span class="text-gray-500 dark:text-gray-400 block text-xs">Whitelist</span>
|
||||
<span class="font-medium dark:text-gray-200">
|
||||
@@ -39,40 +75,87 @@
|
||||
</div>
|
||||
|
||||
<!-- Discord Channel Status -->
|
||||
<div class="mb-4">
|
||||
<div class="mb-3">
|
||||
<span class="text-gray-500 dark:text-gray-400 block text-xs mb-1">Discord Channels</span>
|
||||
<% if (discordComplete) { %>
|
||||
<span class="text-green-600 dark:text-green-400 text-sm font-medium">✅ All 4 channels configured</span>
|
||||
<% } else if (server.discord?.missing?.length > 0) { %>
|
||||
<div class="bg-yellow-50 dark:bg-yellow-900/20 text-yellow-700 dark:text-yellow-400 p-2 rounded text-xs">
|
||||
<strong>Missing:</strong> <%= server.discord.missing.join(', ') %>
|
||||
<% if (unconfigured) { %>
|
||||
<span class="text-gray-400 dark:text-gray-500 text-xs italic">Set short name to enable channel detection</span>
|
||||
<% } else if (discordComplete) { %>
|
||||
<span class="text-green-600 dark:text-green-400 text-sm font-medium">✅ All 5 channels configured</span>
|
||||
<% } else if (server.discord?.found?.length > 0 || server.discord?.missing?.length > 0) { %>
|
||||
<div class="text-xs space-y-0.5">
|
||||
<% if (server.discord.found.length > 0) { %>
|
||||
<div class="text-green-600 dark:text-green-400">✅ <%= server.discord.found.join(', ') %></div>
|
||||
<% } %>
|
||||
<% if (server.discord.missing.length > 0) { %>
|
||||
<div class="text-yellow-600 dark:text-yellow-400">❌ Missing: <%= server.discord.missing.join(', ') %></div>
|
||||
<% } %>
|
||||
</div>
|
||||
<% } else { %>
|
||||
<span class="text-gray-500 dark:text-gray-400 text-sm">Unable to check</span>
|
||||
<% } %>
|
||||
</div>
|
||||
|
||||
<% if (hasError) { %>
|
||||
<div class="bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 p-2 rounded text-xs mb-4 break-words">
|
||||
<div class="bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 p-2 rounded text-xs mb-3 break-words">
|
||||
<strong>Error:</strong> <%= server.log.last_error %>
|
||||
</div>
|
||||
<% } %>
|
||||
|
||||
<div class="flex items-center gap-3 border-t border-gray-100 dark:border-gray-700 pt-3 mt-2" id="controls-<%= server.identifier %>">
|
||||
<!-- Action Buttons -->
|
||||
<div class="flex flex-wrap items-center gap-2 border-t border-gray-100 dark:border-gray-700 pt-3 mt-2" id="controls-<%= server.identifier %>">
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/sync"
|
||||
hx-target="#controls-<%= server.identifier %>"
|
||||
hx-swap="innerHTML"
|
||||
<%= !isOnline ? 'disabled' : '' %>
|
||||
class="text-sm font-medium bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white px-3 py-1.5 rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
|
||||
⚡ Sync Now
|
||||
class="text-xs font-medium bg-gray-100 hover:bg-gray-200 dark:bg-gray-800 dark:hover:bg-gray-700 dark:text-white px-2.5 py-1.5 rounded transition-colors disabled:opacity-50 disabled:cursor-not-allowed">
|
||||
⚡ Sync
|
||||
</button>
|
||||
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/toggle-whitelist"
|
||||
hx-confirm="Changing the whitelist requires a server restart to take effect. Continue?"
|
||||
hx-confirm="Changing the whitelist requires a server restart. Continue?"
|
||||
hx-target="#controls-<%= server.identifier %>"
|
||||
hx-swap="beforeend"
|
||||
class="text-sm font-medium text-blue-600 dark:text-blue-400 hover:underline">
|
||||
Toggle Whitelist
|
||||
class="text-xs font-medium text-blue-600 dark:text-blue-400 hover:underline">
|
||||
Toggle WL
|
||||
</button>
|
||||
|
||||
<% if (locked && !discordComplete) { %>
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/createserver"
|
||||
hx-target="#controls-<%= server.identifier %>"
|
||||
hx-swap="beforeend"
|
||||
class="text-xs font-medium bg-green-100 hover:bg-green-200 dark:bg-green-900/30 dark:hover:bg-green-900/50 text-green-700 dark:text-green-400 px-2.5 py-1.5 rounded">
|
||||
🚀 Create Server
|
||||
</button>
|
||||
<% } %>
|
||||
|
||||
<% if (locked && server.discord?.found?.length > 0) { %>
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/delserver"
|
||||
hx-confirm="⚠️ This will delete ALL Discord channels for this server. Are you sure?"
|
||||
hx-target="#controls-<%= server.identifier %>"
|
||||
hx-swap="beforeend"
|
||||
class="text-xs font-medium bg-red-100 hover:bg-red-200 dark:bg-red-900/30 dark:hover:bg-red-900/50 text-red-700 dark:text-red-400 px-2.5 py-1.5 rounded">
|
||||
🗑️ Delete
|
||||
</button>
|
||||
<% } %>
|
||||
|
||||
<!-- Power Controls -->
|
||||
<div class="flex items-center gap-1 ml-auto" id="power-<%= server.identifier %>">
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/power"
|
||||
hx-vals='{"signal":"start"}'
|
||||
hx-target="#power-<%= server.identifier %>"
|
||||
hx-swap="innerHTML"
|
||||
class="text-xs px-2 py-1 rounded bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400 hover:bg-green-200 dark:hover:bg-green-900/50"
|
||||
title="Start">▶️</button>
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/power"
|
||||
hx-vals='{"signal":"stop"}'
|
||||
hx-target="#power-<%= server.identifier %>"
|
||||
hx-swap="innerHTML"
|
||||
class="text-xs px-2 py-1 rounded bg-gray-100 dark:bg-gray-800 text-gray-600 dark:text-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700"
|
||||
title="Stop">⏹</button>
|
||||
<button hx-post="/admin/servers/<%= server.identifier %>/power"
|
||||
hx-vals='{"signal":"restart"}'
|
||||
hx-target="#power-<%= server.identifier %>"
|
||||
hx-swap="innerHTML"
|
||||
class="text-xs px-2 py-1 rounded bg-yellow-100 dark:bg-yellow-900/30 text-yellow-700 dark:text-yellow-400 hover:bg-yellow-200 dark:hover:bg-yellow-900/50"
|
||||
title="Restart">🔄</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user