fix: Update admin dashboard and fix template errors
Some checks failed
Build And Push Image / docker (push) Failing after 1m1s
Some checks failed
Build And Push Image / docker (push) Failing after 1m1s
- Fixed missing closing tags in members mockup page - Updated admin dashboard to use new admin layout - Added comprehensive system monitoring interface - Fixed template structure issues in both files - Removed v-container wrapper from admin dashboard - Added proper list view template structure 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -1,48 +1,90 @@
|
||||
<template>
|
||||
<div>
|
||||
<v-container fluid>
|
||||
<v-row>
|
||||
<v-col cols="12">
|
||||
<h1 class="text-h4 font-weight-bold mb-4">
|
||||
<v-icon left>mdi-account</v-icon>
|
||||
Welcome Back, {{ firstName }}
|
||||
</h1>
|
||||
<p class="text-body-1 mb-6">
|
||||
Manage users and portal settings for the MonacoUSA Portal.
|
||||
</p>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<!-- Header -->
|
||||
<div class="mb-6">
|
||||
<h1 class="text-h4 font-weight-bold mb-2">System Administration</h1>
|
||||
<p class="text-body-1 text-medium-emphasis">Complete platform control and management</p>
|
||||
</div>
|
||||
|
||||
<!-- Portal Status -->
|
||||
<v-row class="mb-6">
|
||||
<v-col cols="12" md="6">
|
||||
<v-card elevation="2">
|
||||
<v-card-text>
|
||||
<div class="d-flex justify-space-between align-center">
|
||||
<div>
|
||||
<p class="text-caption text-medium-emphasis mb-1">Portal Status</p>
|
||||
<p class="text-h5 font-weight-bold text-success">Online</p>
|
||||
<!-- System Overview Cards -->
|
||||
<v-row class="mb-6">
|
||||
<v-col cols="12" sm="6" md="3">
|
||||
<v-card elevation="2">
|
||||
<v-card-text>
|
||||
<div class="d-flex justify-space-between align-center">
|
||||
<div>
|
||||
<div class="text-caption text-medium-emphasis">Total Members</div>
|
||||
<div class="text-h5 font-weight-bold">1,247</div>
|
||||
<div class="text-caption">
|
||||
<v-icon size="x-small" color="success">mdi-trending-up</v-icon>
|
||||
<span class="text-success">+12%</span> this month
|
||||
</div>
|
||||
<v-icon color="success" size="40">mdi-check-circle</v-icon>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
|
||||
<v-col cols="12" md="6">
|
||||
<v-card elevation="2">
|
||||
<v-card-text>
|
||||
<div class="d-flex justify-space-between align-center">
|
||||
<div>
|
||||
<p class="text-caption text-medium-emphasis mb-1">Total Users</p>
|
||||
<p class="text-h5 font-weight-bold">{{ userCount }}</p>
|
||||
<v-avatar color="error" variant="tonal" size="48">
|
||||
<v-icon>mdi-account-group</v-icon>
|
||||
</v-avatar>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="3">
|
||||
<v-card elevation="2">
|
||||
<v-card-text>
|
||||
<div class="d-flex justify-space-between align-center">
|
||||
<div>
|
||||
<div class="text-caption text-medium-emphasis">Active Sessions</div>
|
||||
<div class="text-h5 font-weight-bold">342</div>
|
||||
<div class="text-caption">
|
||||
<v-icon size="x-small">mdi-circle</v-icon>
|
||||
<span>Live now</span>
|
||||
</div>
|
||||
<v-icon color="primary" size="40">mdi-account-multiple</v-icon>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
<v-avatar color="green" variant="tonal" size="48">
|
||||
<v-icon>mdi-monitor-dashboard</v-icon>
|
||||
</v-avatar>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="3">
|
||||
<v-card elevation="2">
|
||||
<v-card-text>
|
||||
<div class="d-flex justify-space-between align-center">
|
||||
<div>
|
||||
<div class="text-caption text-medium-emphasis">Revenue MTD</div>
|
||||
<div class="text-h5 font-weight-bold">$48,392</div>
|
||||
<div class="text-caption">
|
||||
<v-icon size="x-small" color="success">mdi-trending-up</v-icon>
|
||||
<span class="text-success">+8%</span> vs last month
|
||||
</div>
|
||||
</div>
|
||||
<v-avatar color="blue" variant="tonal" size="48">
|
||||
<v-icon>mdi-currency-usd</v-icon>
|
||||
</v-avatar>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
<v-col cols="12" sm="6" md="3">
|
||||
<v-card elevation="2">
|
||||
<v-card-text>
|
||||
<div class="d-flex justify-space-between align-center">
|
||||
<div>
|
||||
<div class="text-caption text-medium-emphasis">System Health</div>
|
||||
<div class="text-h5 font-weight-bold">98.5%</div>
|
||||
<div class="text-caption">
|
||||
<v-icon size="x-small" color="success">mdi-check-circle</v-icon>
|
||||
<span class="text-success">All systems operational</span>
|
||||
</div>
|
||||
</div>
|
||||
<v-avatar color="success" variant="tonal" size="48">
|
||||
<v-icon>mdi-shield-check</v-icon>
|
||||
</v-avatar>
|
||||
</div>
|
||||
</v-card-text>
|
||||
</v-card>
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
<!-- User Management -->
|
||||
<v-row class="mb-6">
|
||||
@@ -234,8 +276,6 @@
|
||||
</v-col>
|
||||
</v-row>
|
||||
|
||||
</v-container>
|
||||
|
||||
<!-- NocoDB Settings Dialog -->
|
||||
<NocoDBSettingsDialog
|
||||
v-model="showNocoDBSettings"
|
||||
@@ -453,8 +493,8 @@
|
||||
|
||||
<script setup lang="ts">
|
||||
definePageMeta({
|
||||
layout: 'dashboard',
|
||||
middleware: 'auth-admin'
|
||||
layout: 'admin',
|
||||
middleware: 'admin'
|
||||
});
|
||||
|
||||
const { firstName } = useAuth();
|
||||
|
||||
Reference in New Issue
Block a user