feat: add bot action controls and real-time vital statistics to the web dashboard
This commit is contained in:
@@ -24,14 +24,15 @@ export function BaseLayout({ title, content }: LayoutProps): string {
|
||||
<meta name="description" content="Aurora Bot Web Interface">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
<script src="https://unpkg.com/lucide@latest"></script>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1>Aurora Web</h1>
|
||||
<h1>Aurora</h1>
|
||||
<nav>
|
||||
<a href="/">Home</a>
|
||||
<a href="/dashboard">Dashboard</a>
|
||||
<a href="/dashboard" class="active">Dashboard</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
@@ -39,12 +40,12 @@ export function BaseLayout({ title, content }: LayoutProps): string {
|
||||
</main>
|
||||
<footer>
|
||||
<div class="footer-content">
|
||||
<p>© ${new Date().getFullYear()} Aurora Bot</p>
|
||||
<p>© ${new Date().getFullYear()} Aurora</p>
|
||||
<div class="footer-status">
|
||||
<span class="status-indicator online">●</span>
|
||||
<span>System Operational</span>
|
||||
<span class="separator">|</span>
|
||||
<span>Uptime: <span id="uptime-display" data-start-timestamp="${Math.floor(startTimestamp)}">${initialUptimeString}</span></span>
|
||||
<span class="status-indicator online"></span>
|
||||
<span>Operational</span>
|
||||
<span style="margin: 0 8px; color: var(--accents-2)">/</span>
|
||||
<span id="uptime-display" data-start-timestamp="${Math.floor(startTimestamp)}">${initialUptimeString}</span>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
Reference in New Issue
Block a user