78 lines
3.3 KiB
Text
78 lines
3.3 KiB
Text
<Layouts.admin flash={@flash} timezone={@timezone}>
|
|
<div class="space-y-6">
|
|
<div>
|
|
<h1 class="text-2xl font-bold text-gray-900 dark:text-white">Admin Dashboard</h1>
|
|
<p class="text-gray-600 dark:text-gray-400">System overview and recent activity</p>
|
|
</div>
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
|
<div class="bg-white dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-white/10 p-6">
|
|
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Users</h2>
|
|
<p class="text-3xl font-bold text-gray-900 dark:text-white">{@user_count}</p>
|
|
<.link
|
|
navigate={~p"/admin/users"}
|
|
class="text-blue-600 dark:text-blue-400 hover:underline text-sm"
|
|
>
|
|
View all users →
|
|
</.link>
|
|
</div>
|
|
|
|
<div class="bg-white dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-white/10 p-6">
|
|
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">Organizations</h2>
|
|
<p class="text-3xl font-bold text-gray-900 dark:text-white">{@org_count}</p>
|
|
<.link
|
|
navigate={~p"/admin/organizations"}
|
|
class="text-blue-600 dark:text-blue-400 hover:underline text-sm"
|
|
>
|
|
View all organizations →
|
|
</.link>
|
|
</div>
|
|
|
|
<div class="bg-white dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-white/10 p-6">
|
|
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
|
<.icon name="hero-queue-list" class="w-5 h-5 inline mr-1" />
|
|
Oban Dashboard
|
|
</h2>
|
|
<p class="text-sm text-gray-600 dark:text-gray-400 mb-4">
|
|
Monitor background jobs and queues
|
|
</p>
|
|
<.link
|
|
navigate={~p"/admin/oban"}
|
|
class="text-blue-600 dark:text-blue-400 hover:underline text-sm"
|
|
>
|
|
Open Oban →
|
|
</.link>
|
|
</div>
|
|
|
|
<div class="bg-white dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-white/10 p-6">
|
|
<h2 class="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
|
<.icon name="hero-chart-bar" class="w-5 h-5 inline mr-1" />
|
|
LiveDashboard
|
|
</h2>
|
|
<p class="text-sm text-gray-600 dark:text-gray-400 mb-4">
|
|
System metrics and performance
|
|
</p>
|
|
<.link
|
|
navigate={~p"/admin/dashboard"}
|
|
class="text-blue-600 dark:text-blue-400 hover:underline text-sm"
|
|
>
|
|
Open Dashboard →
|
|
</.link>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-white dark:bg-gray-800/50 rounded-lg border border-gray-200 dark:border-white/10">
|
|
<div class="px-4 py-3 border-b border-gray-200 dark:border-white/10">
|
|
<h2 class="text-lg font-semibold text-gray-900 dark:text-white">Recent Audit Logs</h2>
|
|
</div>
|
|
<.table id="audit-logs" rows={@recent_logs}>
|
|
<:col :let={log} label="Action">{log.action}</:col>
|
|
<:col :let={log} label="Superuser">{log.superuser && log.superuser.email}</:col>
|
|
<:col :let={log} label="Target">{log.target_user && log.target_user.email}</:col>
|
|
<:col :let={log} label="Time">
|
|
{ToweropsWeb.TimeHelpers.format_iso8601(log.inserted_at, @timezone)}
|
|
</:col>
|
|
</.table>
|
|
</div>
|
|
</div>
|
|
</Layouts.admin>
|