SnitchItaly/frontend
3
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

feat: revamp admin page

Browse Source
This commit is contained in:
reloia
2026-06-18 00:35:40 +02:00 Unverified
parent e5c3dd34f9
commit 7fafa843c1
1 changed files with 35 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/dashboard/AdminDashboard.vue
+35 -4
View File
@@ -12,28 +12,59 @@ const { data: statsRes, pending } = useAsyncData('admin-stats', () => getOvervie
</div> </div>
<div class="row mb-5" v-if="!pending && statsRes?.ok"> <div class="row mb-5" v-if="!pending && statsRes?.ok">
<div class="col-6 col-md-3 mb-3"> <div class="col-6 col-md-3 mb-3">
<div class="card-wrapper card-space"> <div class="card-wrapper card-space">
<div class="card card-bg text-center"> <div class="card card-bg text-center">
<div class="card-body"> <div class="card-body">
<h2 class="text-primary">{{ statsRes.total_users || 0 }}</h2> <h2 class="text-primary">
<p class="card-text">Utenti Registrati</p> {{ statsRes.reports_by_status?.reduce((sum, item) => sum + Number(item.total), 0) || 0 }}
</h2>
<p class="card-text">Totale Segnalazioni</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-6 col-md-3 mb-3">
<div class="card-wrapper card-space">
<div class="card card-bg text-center">
<div class="card-body">
<h2 class="text-danger">
{{ statsRes.reports_by_status?.find(s => s.status === 'OPEN')?.total ?? 0 }}
</h2>
<p class="card-text">Aperte (Da Gestire)</p>
</div>
</div>
</div>
</div>
<div class="col-6 col-md-3 mb-3"> <div class="col-6 col-md-3 mb-3">
<div class="card-wrapper card-space"> <div class="card-wrapper card-space">
<div class="card card-bg text-center"> <div class="card card-bg text-center">
<div class="card-body"> <div class="card-body">
<h2 class="text-warning"> <h2 class="text-warning">
{{ statsRes.open_reports ?? statsRes.reports_by_status?.find(s => s.status === 'OPEN')?.total ?? 0 }} {{ statsRes.reports_by_status?.find(s => s.status === 'ASSIGNED')?.total ?? 0 }}
</h2> </h2>
<p class="card-text">Segn. Aperte</p> <p class="card-text">In Carico (Assegnate)</p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="col-6 col-md-3 mb-3">
<div class="card-wrapper card-space">
<div class="card card-bg text-center">
<div class="card-body">
<h2 class="text-success">
{{ statsRes.reports_by_status?.find(s => s.status === 'CLOSED')?.total ?? 0 }}
</h2>
<p class="card-text">Risolte (Chiuse)</p>
</div>
</div>
</div>
</div>
</div> </div>
<h3 class="mb-3">Gestione Sistema</h3> <h3 class="mb-3">Gestione Sistema</h3>