firefrost-gaming/firefrost-services
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: Dashboard — Social Overview above New Features, add new modules

Browse Source 
- Moved Social Overview card above New Features card
- Added Infrastructure module to New Features (topology map)
- Added Social Analytics to New Features (engagement tracking)
- Added About & Deploy to New Features (version info)
- Kept Discord Dashboard in New Features
- Removed Financials from New Features (it's established now)

Chronicler #78 | firefrost-services
This commit is contained in:
Claude (Chronicler #78)
2026-04-11 10:51:22 +00:00
parent bd783093a9
commit 0b61d38419
1 changed files with 47 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
services/arbiter-3.0/src/views/admin/dashboard.ejs
View File

@@ -26,35 +26,6 @@
</div>
</div>
<!-- New Features Card -->
<div class="bg-gradient-to-r from-green-500/10 to-emerald-500/10 rounded-lg border border-green-500/30 p-6 mb-6">
<div class="flex items-center gap-2 mb-4">
<span class="text-green-500 text-xl">✨</span>
<h3 class="text-lg font-semibold text-green-400">New Features</h3>
<span class="text-xs bg-green-500/20 text-green-400 px-2 py-0.5 rounded-full">Just Added</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<a href="/admin/discord" class="group flex items-start gap-3 p-3 rounded-lg bg-white/5 hover:bg-white/10 transition border border-transparent hover:border-green-500/30">
<span class="text-2xl">💬</span>
<div>
<div class="font-medium text-gray-200 group-hover:text-green-400 transition">Discord Dashboard</div>
<div class="text-sm text-gray-400 mt-1">
Full server structure visualization with channel tree, role hierarchy, permission matrix, and health checks. Click any channel or role to see detailed access info.
</div>
</div>
</a>
<a href="/admin/financials" class="group flex items-start gap-3 p-3 rounded-lg bg-white/5 hover:bg-white/10 transition border border-transparent hover:border-green-500/30">
<span class="text-2xl">💰</span>
<div>
<div class="font-medium text-gray-200 group-hover:text-green-400 transition">Financials Module</div>
<div class="text-sm text-gray-400 mt-1">
Real-time Stripe integration showing MRR, revenue breakdown by tier, recent transactions, and subscription analytics.
</div>
</div>
</a>
</div>
</div>
<!-- Social Overview Card -->
<% if (socialTotals && socialTotals.posts > 0) { %>
<a href="/admin/social" class="block bg-gradient-to-r from-pink-500/10 via-purple-500/10 to-blue-500/10 rounded-lg border border-purple-500/30 p-6 mb-6 hover:border-purple-400/50 transition group">
@@ -107,6 +78,53 @@
</a>
<% } %>
<!-- New Features Card -->
<div class="bg-gradient-to-r from-green-500/10 to-emerald-500/10 rounded-lg border border-green-500/30 p-6 mb-6">
<div class="flex items-center gap-2 mb-4">
<span class="text-green-500 text-xl">✨</span>
<h3 class="text-lg font-semibold text-green-400">New Features</h3>
<span class="text-xs bg-green-500/20 text-green-400 px-2 py-0.5 rounded-full">Just Added</span>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<a href="/admin/infrastructure" class="group flex items-start gap-3 p-3 rounded-lg bg-white/5 hover:bg-white/10 transition border border-transparent hover:border-green-500/30">
<span class="text-2xl">🌐</span>
<div>
<div class="font-medium text-gray-200 group-hover:text-green-400 transition">Infrastructure</div>
<div class="text-sm text-gray-400 mt-1">
Interactive topology map of all 8 servers with live data from Trinity Core. Zoom, pan, and click any node to drill into specs, services, and game servers.
</div>
</div>
</a>
<a href="/admin/social" class="group flex items-start gap-3 p-3 rounded-lg bg-white/5 hover:bg-white/10 transition border border-transparent hover:border-green-500/30">
<span class="text-2xl">📈</span>
<div>
<div class="font-medium text-gray-200 group-hover:text-green-400 transition">Social Analytics</div>
<div class="text-sm text-gray-400 mt-1">
Track posts, views, likes, and engagement across all platforms. Per-post analytics with platform breakdowns and trend tracking.
</div>
</div>
</a>
<a href="/admin/about" class="group flex items-start gap-3 p-3 rounded-lg bg-white/5 hover:bg-white/10 transition border border-transparent hover:border-green-500/30">
<span class="text-2xl">ℹ️</span>
<div>
<div class="font-medium text-gray-200 group-hover:text-green-400 transition">About &amp; Deploy</div>
<div class="text-sm text-gray-400 mt-1">
Console version info, module registry with status badges, and one-click Arbiter deployment — all in one place.
</div>
</div>
</a>
<a href="/admin/discord" class="group flex items-start gap-3 p-3 rounded-lg bg-white/5 hover:bg-white/10 transition border border-transparent hover:border-green-500/30">
<span class="text-2xl">💬</span>
<div>
<div class="font-medium text-gray-200 group-hover:text-green-400 transition">Discord Dashboard</div>
<div class="text-sm text-gray-400 mt-1">
Full server structure visualization with channel tree, role hierarchy, permission matrix, and health checks.
</div>
</div>
</a>
</div>
</div>
<div class="bg-white dark:bg-darkcard rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-6">
<h3 class="text-lg font-semibold mb-4">🔥❄️ Welcome to Trinity Console</h3>
<p class="text-gray-600 dark:text-gray-400">