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

refactor: fix indentation

Browse Source
This commit is contained in:
reloia
2026-06-16 18:34:33 +02:00 Unverified
parent 26733b74de
commit 71de3589e6
14 changed files with 287 additions and 339 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/components/Pagination.vue
-4
View File
@@ -57,7 +57,6 @@ const pageNumbers = computed(() => {
<template> <template>
<nav v-if="totalPages > 1" class="d-flex justify-content-center mt-5 mb-5"> <nav v-if="totalPages > 1" class="d-flex justify-content-center mt-5 mb-5">
<ul class="pagination mb-0"> <ul class="pagination mb-0">
<!-- Pagina Precedente -->
<li class="page-item" :class="{ disabled: currentPage === 1 }"> <li class="page-item" :class="{ disabled: currentPage === 1 }">
<button <button
class="page-link" class="page-link"
@@ -69,7 +68,6 @@ const pageNumbers = computed(() => {
</button> </button>
</li> </li>
<!-- Numeri Pagine -->
<li v-for="page in pageNumbers" :key="`page-${page}`" class="page-item" :class="{ active: page === currentPage }"> <li v-for="page in pageNumbers" :key="`page-${page}`" class="page-item" :class="{ active: page === currentPage }">
<template v-if="page === '...'"> <template v-if="page === '...'">
<span class="page-link">...</span> <span class="page-link">...</span>
@@ -86,7 +84,6 @@ const pageNumbers = computed(() => {
</template> </template>
</li> </li>
<!-- Pagina Successiva -->
<li class="page-item" :class="{ disabled: currentPage === totalPages }"> <li class="page-item" :class="{ disabled: currentPage === totalPages }">
<button <button
class="page-link" class="page-link"
@@ -100,7 +97,6 @@ const pageNumbers = computed(() => {
</ul> </ul>
</nav> </nav>
<!-- Info Pagina -->
<div v-if="totalPages > 1" class="text-center text-muted small mt-3"> <div v-if="totalPages > 1" class="text-center text-muted small mt-3">
Pagina {{ currentPage }} di {{ totalPages }} ({{ totalItems }} elementi totali) Pagina {{ currentPage }} di {{ totalPages }} ({{ totalItems }} elementi totali)
</div> </div>
app/components/ReportForm.vue
+1 -1
View File
@@ -659,7 +659,7 @@ watch([() => form.value.latitude, () => form.value.longitude], ([newLat, newLng]
.map-container { .map-container {
height: 300px; height: 300px;
width: 100%; width: 100%;
z-index: 1; /* Fix for Bootstrap elements overlapping map */ z-index: 1;
} }
.address-suggestions { .address-suggestions {
app/components/dashboard/AdminDashboard.vue
-1
View File
@@ -11,7 +11,6 @@ const { data: statsRes, pending } = useAsyncData('admin-stats', () => getOvervie
<p>Accesso di livello 1. Da qui puoi gestire le configurazioni di sistema, le categorie e moderare le segnalazioni.</p> <p>Accesso di livello 1. Da qui puoi gestire le configurazioni di sistema, le categorie e moderare le segnalazioni.</p>
</div> </div>
<!-- Statistiche Globali (Mock o Reali) -->
<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">
app/pages/admin/areas.vue
+1 -3
View File
@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { ref, reactive, nextTick, onBeforeUnmount, computed, watch } from 'vue' import { computed, nextTick, onBeforeUnmount, reactive, ref, watch } from 'vue'
import { BARI_BOUNDS, BARI_CENTER, isWithinBariBounds } from '~/utils/bari' import { BARI_BOUNDS, BARI_CENTER, isWithinBariBounds } from '~/utils/bari'
definePageMeta({ definePageMeta({
@@ -394,7 +394,6 @@ const handleDeleteArea = async () => {
</div> </div>
<template v-else> <template v-else>
<!-- Main view map showing all areas -->
<div class="card mb-4 shadow-sm border-0"> <div class="card mb-4 shadow-sm border-0">
<div id="mainMap" class="rounded" style="height: 400px; width: 100%; z-index: 1;"></div> <div id="mainMap" class="rounded" style="height: 400px; width: 100%; z-index: 1;"></div>
</div> </div>
@@ -442,7 +441,6 @@ const handleDeleteArea = async () => {
</div> </div>
</template> </template>
<!-- Modale Creazione/Modifica -->
<div v-if="isCreating" class="modal-backdrop fade show d-block" style="background: rgba(0,0,0,0.5); z-index: 1040;"></div> <div v-if="isCreating" class="modal-backdrop fade show d-block" style="background: rgba(0,0,0,0.5); z-index: 1040;"></div>
<div v-if="isCreating" class="modal fade show d-block" tabindex="-1" style="z-index: 1050;"> <div v-if="isCreating" class="modal fade show d-block" tabindex="-1" style="z-index: 1050;">
<div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable"> <div class="modal-dialog modal-xl modal-dialog-centered modal-dialog-scrollable">
app/pages/admin/moderation.vue
+1 -3
View File
@@ -1,5 +1,5 @@
<script setup lang="ts"> <script setup lang="ts">
import { reactive, ref, watch } from 'vue' import { reactive, ref } from 'vue'
definePageMeta({ definePageMeta({
middleware: 'auth', middleware: 'auth',
@@ -127,7 +127,6 @@ const formatDate = (dateStr: string) => {
</div> </div>
</div> </div>
<!-- Spostato in modo che non interrompa l'if-else dei caricamenti -->
<div v-if="actionError" class="alert alert-danger mb-4"> <div v-if="actionError" class="alert alert-danger mb-4">
{{ actionError }} {{ actionError }}
</div> </div>
@@ -140,7 +139,6 @@ const formatDate = (dateStr: string) => {
Nessun elemento da moderare al momento. Nessun elemento da moderare al momento.
</div> </div>
<!-- Questo v-else ora è scatenato in modo pulito solo quando i dati esistono davvero -->
<div v-else> <div v-else>
<div <div
class="card mb-3 border-0" class="card mb-3 border-0"
app/pages/auth/register.vue
-2
View File
@@ -97,7 +97,6 @@ const handleRegister = async () => {
<h2 class="h5 text-primary font-weight-bold mb-4 border-bottom pb-2">Dati Anagrafici</h2> <h2 class="h5 text-primary font-weight-bold mb-4 border-bottom pb-2">Dati Anagrafici</h2>
<!-- FIX LAYOUT: form-group separato da col -->
<div class="row mb-4"> <div class="row mb-4">
<div class="col-12 col-md-6 mb-4 mb-md-0"> <div class="col-12 col-md-6 mb-4 mb-md-0">
<div class="form-group"> <div class="form-group">
@@ -136,7 +135,6 @@ const handleRegister = async () => {
<small class="form-text text-muted">Faciliterà il contatto da parte degli operatori comunali in caso di intervento.</small> <small class="form-text text-muted">Faciliterà il contatto da parte degli operatori comunali in caso di intervento.</small>
</div> </div>
<!-- Privacy Checkbox -->
<div class="form-check mb-4"> <div class="form-check mb-4">
<input class="form-check-input" type="checkbox" id="privacyCheck" v-model="form.privacy" required> <input class="form-check-input" type="checkbox" id="privacyCheck" v-model="form.privacy" required>
<label class="form-check-label small" for="privacyCheck"> <label class="form-check-label small" for="privacyCheck">
app/pages/info.vue
+38 -29
View File
@@ -22,72 +22,79 @@ useHead({
</div> </div>
</div> </div>
<!-- OBIETTIVO DEL PROGETTO -->
<div class="container my-5 py-3"> <div class="container my-5 py-3">
<div class="row"> <div class="row">
<div class="col-12 col-lg-8 offset-lg-2"> <div class="col-12 col-lg-8 offset-lg-2">
<h2 class="mb-4 font-weight-bold">Migliorare la qualità della vita in città</h2> <h2 class="mb-4 font-weight-bold">Migliorare la qualità della vita in città</h2>
<p class="lead text-muted"> <p class="lead text-muted">
Visione nasce dall'esigenza di fornire alle amministrazioni comunali uno strumento moderno per mappare, gestire e risolvere disservizi presenti sul territorio (buche stradali, illuminazione guasta, rifiuti abbandonati). Visione nasce dall'esigenza di fornire alle amministrazioni comunali uno strumento moderno per mappare,
gestire e risolvere disservizi presenti sul territorio (buche stradali, illuminazione guasta, rifiuti
abbandonati).
</p> </p>
<p> <p>
Il sistema non si limita a raccogliere dati, ma automatizza l'assegnazione alle squadre operative competenti tramite logiche geospaziali, traccia l'intero ciclo di vita della segnalazione e restituisce trasparenza ai cittadini tramite un portale Open Data dedicato. Il sistema non si limita a raccogliere dati, ma automatizza l'assegnazione alle squadre operative competenti
tramite logiche geospaziali, traccia l'intero ciclo di vita della segnalazione e restituisce trasparenza ai
cittadini tramite un portale Open Data dedicato.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
<!-- RUOLI E FUNZIONALITÀ (Card Grid) -->
<div class="bg-light py-5"> <div class="bg-light py-5">
<div class="container"> <div class="container">
<h2 class="text-center mb-5 font-weight-bold">Come funziona il sistema</h2> <h2 class="text-center mb-5 font-weight-bold">Come funziona il sistema</h2>
<div class="row"> <div class="row">
<!-- Cittadino -->
<div class="col-12 col-md-4 mb-4"> <div class="col-12 col-md-4 mb-4">
<div class="card-wrapper card-space h-100"> <div class="card-wrapper card-space h-100">
<div class="card card-bg h-100"> <div class="card card-bg h-100">
<div class="card-body"> <div class="card-body">
<BIIcon name="it-user" size="xl" color="primary" class="mb-3" /> <BIIcon class="mb-3" color="primary" name="it-user" size="xl"/>
<h3 class="card-title h5 font-weight-bold">Cittadini</h3> <h3 class="card-title h5 font-weight-bold">Cittadini</h3>
<p class="card-text text-muted"> <p class="card-text text-muted">
Tramite autenticazione sicura (OTP via email o CIE), i cittadini possono inviare segnalazioni geolocalizzate complete di foto. Tramite autenticazione sicura (OTP via email o CIE), i cittadini possono inviare segnalazioni
geolocalizzate complete di foto.
<br><br> <br><br>
Per incentivare la partecipazione, è integrato un sistema di <strong>gamification</strong>: ogni segnalazione valida e risolta fa guadagnare Punti Cittadino, premiando la cittadinanza attiva. Possono inoltre chattare con gli operatori e lasciare un feedback finale. Per incentivare la partecipazione, è integrato un sistema di <strong>gamification</strong>: ogni
segnalazione valida e risolta fa guadagnare Punti Cittadino, premiando la cittadinanza attiva.
Possono inoltre chattare con gli operatori e lasciare un feedback finale.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Operatore -->
<div class="col-12 col-md-4 mb-4"> <div class="col-12 col-md-4 mb-4">
<div class="card-wrapper card-space h-100"> <div class="card-wrapper card-space h-100">
<div class="card card-bg h-100"> <div class="card card-bg h-100">
<div class="card-body"> <div class="card-body">
<BIIcon name="it-tool" size="xl" color="primary" class="mb-3" /> <BIIcon class="mb-3" color="primary" name="it-tool" size="xl"/>
<h3 class="card-title h5 font-weight-bold">Operatori e Squadre</h3> <h3 class="card-title h5 font-weight-bold">Operatori e Squadre</h3>
<p class="card-text text-muted"> <p class="card-text text-muted">
Il personale comunale visualizza una dashboard con le segnalazioni in ingresso. Possono prenderle in carico, comunicare con l'utente e assegnarle alle squadre di intervento sul territorio. Il personale comunale visualizza una dashboard con le segnalazioni in ingresso. Possono prenderle in
carico, comunicare con l'utente e assegnarle alle squadre di intervento sul territorio.
<br><br> <br><br>
Il sistema gestisce l'intero flusso di stato: da <em>Aperta</em> a <em>In Revisione</em>, fino a <em>In Lavorazione</em> e <em>Risolta</em>. Il sistema gestisce l'intero flusso di stato: da <em>Aperta</em> a <em>In Revisione</em>, fino a
<em>In Lavorazione</em> e <em>Risolta</em>.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- Amministratore -->
<div class="col-12 col-md-4 mb-4"> <div class="col-12 col-md-4 mb-4">
<div class="card-wrapper card-space h-100"> <div class="card-wrapper card-space h-100">
<div class="card card-bg h-100"> <div class="card card-bg h-100">
<div class="card-body"> <div class="card-body">
<BIIcon name="it-settings" size="xl" color="primary" class="mb-3" /> <BIIcon class="mb-3" color="primary" name="it-settings" size="xl"/>
<h3 class="card-title h5 font-weight-bold">Amministrazione</h3> <h3 class="card-title h5 font-weight-bold">Amministrazione</h3>
<p class="card-text text-muted"> <p class="card-text text-muted">
Gli amministratori hanno il controllo completo della piattaforma. Possono definire le aree urbane tramite poligoni GeoJSON, gestire i permessi degli utenti, supervisionare i feedback e moderare eventuali abusi. Gli amministratori hanno il controllo completo della piattaforma. Possono definire le aree urbane
tramite poligoni GeoJSON, gestire i permessi degli utenti, supervisionare i feedback e moderare
eventuali abusi.
<br><br> <br><br>
Hanno inoltre accesso a statistiche avanzate per individuare le criticità sul territorio e monitorare i tempi medi di risoluzione. Hanno inoltre accesso a statistiche avanzate per individuare le criticità sul territorio e
monitorare i tempi medi di risoluzione.
</p> </p>
</div> </div>
</div> </div>
@@ -98,44 +105,46 @@ useHead({
</div> </div>
</div> </div>
<!-- STACK TECNOLOGICO E FILOSOFIA -->
<div class="container my-5 py-4"> <div class="container my-5 py-4">
<div class="row align-items-center"> <div class="row align-items-center">
<div class="col-12 col-lg-6 mb-4 mb-lg-0"> <div class="col-12 col-lg-6 mb-4 mb-lg-0">
<h2 class="font-weight-bold mb-4">Tecnologia e Indipendenza</h2> <h2 class="font-weight-bold mb-4">Tecnologia e Indipendenza</h2>
<ul class="it-list"> <ul class="it-list">
<li> <li>
<BIIcon name="it-code-circle" color="primary" class="me-2" /> <BIIcon class="me-2" color="primary" name="it-code-circle"/>
<strong>Architettura:</strong> Frontend reattivo e multipiattaforma sviluppato in <em>Vue.js/Nuxt 3</em>. Backend ad altissime prestazioni scritto in <em>C++</em> utilizzando il framework <em>Drogon</em>. <strong>Architettura:</strong> Frontend reattivo e multipiattaforma sviluppato in <em>Vue.js/Nuxt 3</em>.
Backend ad altissime prestazioni scritto in <em>C++</em> utilizzando il framework <em>Drogon</em>.
</li> </li>
<li class="mt-3"> <li class="mt-3">
<BIIcon name="it-lock" color="primary" class="me-2" /> <BIIcon class="me-2" color="primary" name="it-lock"/>
<strong>Sicurezza:</strong> Accesso con OTP e sistema di autorizzazione Role-Based basato su token JWT. <strong>Sicurezza:</strong> Accesso con OTP e sistema di autorizzazione Role-Based basato su token JWT.
</li> </li>
<li class="mt-3"> <li class="mt-3">
<BIIcon name="it-piu" color="primary" class="me-2" /> <BIIcon class="me-2" color="primary" name="it-piu"/>
<strong>Open Data:</strong> Piena aderenza alle linee guida AGID sulla trasparenza, con esportazione di dati anonimizzati accessibili al pubblico. <strong>Open Data:</strong> Piena aderenza alle linee guida AGID sulla trasparenza, con esportazione di
dati anonimizzati accessibili al pubblico.
</li> </li>
</ul> </ul>
</div> </div>
<div class="col-12 col-lg-5 offset-lg-1"> <div class="col-12 col-lg-5 offset-lg-1">
<!-- Callout Ribellione Gitea -->
<div class="callout callout-highlight callout-warning"> <div class="callout callout-highlight callout-warning">
<div class="callout-title"> <div class="callout-title">
<BIIcon name="it-warning-circle" /> <BIIcon name="it-warning-circle"/>
Un approccio etico al codice sorgente Un approccio etico al codice sorgente
</div> </div>
<p> <p>
In risposta alle policy sempre più aggressive delle grandi piattaforme commerciali riguardo l'addestramento non consensuale di modelli di Intelligenza Artificiale sui repository privati, lo sviluppo di questo progetto è ospitato su un'istanza <strong>self-hosted di Gitea</strong>. In risposta alle policy sempre più aggressive delle grandi piattaforme commerciali riguardo
l'addestramento non consensuale di modelli di Intelligenza Artificiale sui repository privati, lo sviluppo
di questo progetto è ospitato su un'istanza <strong>self-hosted di Gitea</strong>.
<br><br> <br><br>
Una scelta di principio per garantire il controllo totale, la privacy e la vera sovranità sui dati e sul codice. Una scelta di principio per garantire il controllo totale, la privacy e la vera sovranità sui dati e sul
codice.
</p> </p>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<!-- CREDITI ACCADEMICI (Footer Style Callout) -->
<div class="container mb-5 pb-5"> <div class="container mb-5 pb-5">
<div class="card-wrapper card-space"> <div class="card-wrapper card-space">
<div class="card card-bg border-start border-primary border-5"> <div class="card card-bg border-start border-primary border-5">
@@ -144,7 +153,8 @@ useHead({
<div class="col-12 col-md-8"> <div class="col-12 col-md-8">
<h4 class="h5 font-weight-bold text-primary mb-2">Crediti Accademici</h4> <h4 class="h5 font-weight-bold text-primary mb-2">Crediti Accademici</h4>
<p class="mb-1"> <p class="mb-1">
Questo progetto è stato realizzato nell'ambito del corso di <strong>Laboratorio di Programmazione</strong> (tenuto dal Prof. Vessio). Questo progetto è stato realizzato nell'ambito del corso di <strong>Laboratorio di
Programmazione</strong> (tenuto dal Prof. Vessio).
</p> </p>
<p class="text-muted small mb-0"> <p class="text-muted small mb-0">
Università degli Studi di Bari "Aldo Moro" - Dipartimento di Informatica. Università degli Studi di Bari "Aldo Moro" - Dipartimento di Informatica.
@@ -168,7 +178,6 @@ useHead({
</template> </template>
<style scoped> <style scoped>
/* Leggere correzioni stilistiche per le liste */
.it-list { .it-list {
list-style-type: none; list-style-type: none;
padding-left: 0; padding-left: 0;
app/pages/note-legali.vue
-3
View File
@@ -6,7 +6,6 @@ useHead({
<template> <template>
<div> <div>
<!-- HERO SECTION -->
<div class="it-hero-wrapper it-primary"> <div class="it-hero-wrapper it-primary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -22,7 +21,6 @@ useHead({
</div> </div>
</div> </div>
<!-- CONTENUTO PRINCIPALE -->
<div class="container my-5 py-4"> <div class="container my-5 py-4">
<div class="row"> <div class="row">
<div class="col-12 col-lg-8 offset-lg-2"> <div class="col-12 col-lg-8 offset-lg-2">
@@ -53,7 +51,6 @@ useHead({
Gli operatori e gli amministratori di sistema si riservano il diritto di moderare, nascondere o rimuovere segnalazioni contenenti materiale inappropriato, offensivo, non pertinente o illegale. L'abuso ripetuto del sistema comporterà il ban permanente dell'account dell'utente, associato al proprio Codice Fiscale. Gli operatori e gli amministratori di sistema si riservano il diritto di moderare, nascondere o rimuovere segnalazioni contenenti materiale inappropriato, offensivo, non pertinente o illegale. L'abuso ripetuto del sistema comporterà il ban permanente dell'account dell'utente, associato al proprio Codice Fiscale.
</p> </p>
<!-- DISCLAIMER ACCADEMICO -->
<div class="callout callout-highlight callout-info mt-5"> <div class="callout callout-highlight callout-info mt-5">
<div class="callout-title"> <div class="callout-title">
<BIIcon name="it-info-circle" /> <BIIcon name="it-info-circle" />
app/pages/notifications.vue
-9
View File
@@ -92,7 +92,6 @@ const getNotificationColor = (type: string): string => {
<template> <template>
<div> <div>
<!-- HERO -->
<div class="bg-light border-bottom py-4 mb-4"> <div class="bg-light border-bottom py-4 mb-4">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -109,18 +108,15 @@ const getNotificationColor = (type: string): string => {
</div> </div>
</div> </div>
<!-- CONTENUTO -->
<div class="container mb-5"> <div class="container mb-5">
<div class="row"> <div class="row">
<div class="col-12 col-lg-10 offset-lg-1"> <div class="col-12 col-lg-10 offset-lg-1">
<!-- FILTRI (Opzionale) -->
<div class="d-flex gap-2 mb-4"> <div class="d-flex gap-2 mb-4">
<button class="btn btn-sm btn-outline-primary active">Tutti</button> <button class="btn btn-sm btn-outline-primary active">Tutti</button>
<button class="btn btn-sm btn-outline-secondary">Solo non letti</button> <button class="btn btn-sm btn-outline-secondary">Solo non letti</button>
</div> </div>
<!-- LISTA NOTIFICHE -->
<div v-if="notifications.length === 0" class="text-center py-5"> <div v-if="notifications.length === 0" class="text-center py-5">
<BIIcon name="it-bell" size="xl" color="info" class="mb-3 d-block" /> <BIIcon name="it-bell" size="xl" color="info" class="mb-3 d-block" />
<h6 class="text-muted">Nessuna notifica</h6> <h6 class="text-muted">Nessuna notifica</h6>
@@ -140,14 +136,12 @@ const getNotificationColor = (type: string): string => {
@click="handleNotificationClick(notification)" @click="handleNotificationClick(notification)"
> >
<div class="d-flex align-items-start gap-3"> <div class="d-flex align-items-start gap-3">
<!-- ICONA -->
<div class="flex-shrink-0 mt-1"> <div class="flex-shrink-0 mt-1">
<div class="rounded-circle p-2" :class="`bg-${getNotificationColor(notification.type)}`" style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;"> <div class="rounded-circle p-2" :class="`bg-${getNotificationColor(notification.type)}`" style="width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;">
<BIIcon :name="getNotificationIcon(notification.type)" size="sm" color="white" /> <BIIcon :name="getNotificationIcon(notification.type)" size="sm" color="white" />
</div> </div>
</div> </div>
<!-- CONTENUTO -->
<div class="flex-grow-1"> <div class="flex-grow-1">
<div class="d-flex align-items-start justify-content-between"> <div class="d-flex align-items-start justify-content-between">
<div> <div>
@@ -162,13 +156,11 @@ const getNotificationColor = (type: string): string => {
</small> </small>
</div> </div>
<!-- INDICATORE NON LETTO -->
<div v-if="!notification.read_at" class="flex-shrink-0"> <div v-if="!notification.read_at" class="flex-shrink-0">
<span class="badge bg-primary rounded-pill">Nuovo</span> <span class="badge bg-primary rounded-pill">Nuovo</span>
</div> </div>
</div> </div>
<!-- AZIONI RAPIDE -->
<div v-if="notification.report_id" class="mt-2 d-flex gap-2"> <div v-if="notification.report_id" class="mt-2 d-flex gap-2">
<NuxtLink :to="`/reports/${notification.report_id}`" class="btn btn-sm btn-outline-primary"> <NuxtLink :to="`/reports/${notification.report_id}`" class="btn btn-sm btn-outline-primary">
<BIIcon name="it-arrow-right" size="xs" class="me-1" /> <BIIcon name="it-arrow-right" size="xs" class="me-1" />
@@ -188,7 +180,6 @@ const getNotificationColor = (type: string): string => {
</button> </button>
</div> </div>
<!-- PAGINATION -->
<Pagination <Pagination
v-if="notifications.length > 0" v-if="notifications.length > 0"
:current-page="page" :current-page="page"
app/pages/open-data.vue
+2 -15
View File
@@ -1,6 +1,6 @@
<script setup lang="ts"> <script setup lang="ts">
import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue' import { computed, nextTick, onBeforeUnmount, ref, watch } from 'vue'
import type { Map as LeafletMap, CircleMarker, LatLngBoundsExpression } from 'leaflet' import type { CircleMarker, LatLngBoundsExpression, Map as LeafletMap } from 'leaflet'
import { BARI_BOUNDS, BARI_CENTER, isWithinBariBounds } from '~/utils/bari' import { BARI_BOUNDS, BARI_CENTER, isWithinBariBounds } from '~/utils/bari'
const { getOpenDataReports } = usePublic() const { getOpenDataReports } = usePublic()
@@ -10,14 +10,13 @@ const perPage = ref(9)
const { data: openDataResponse, pending } = await useAsyncData( const { data: openDataResponse, pending } = await useAsyncData(
'open-data-reports', 'open-data-reports',
() => getOpenDataReports({ page: currentPage.value, per_page: perPage.value }), () => getOpenDataReports({ page: currentPage.value, per_page: perPage.value }),
{ watch: [currentPage] } // Nuxt will re-fetch when currentPage changes { watch: [currentPage] }
) )
const visibleReports = computed(() => const visibleReports = computed(() =>
(openDataResponse.value?.reports || []).filter((report) => isWithinBariBounds(report.latitude, report.longitude)) (openDataResponse.value?.reports || []).filter((report) => isWithinBariBounds(report.latitude, report.longitude))
) )
// Pagination logic: If we receive less items than `perPage`, we are on the last page.
const isLastPage = computed(() => { const isLastPage = computed(() => {
if (!openDataResponse.value?.reports) return true if (!openDataResponse.value?.reports) return true
return openDataResponse.value.reports.length < perPage.value return openDataResponse.value.reports.length < perPage.value
@@ -140,7 +139,6 @@ onBeforeUnmount(() => {
<template> <template>
<div> <div>
<!-- HERO SECTION (Small version for internal pages) -->
<div class="it-hero-wrapper it-primary"> <div class="it-hero-wrapper it-primary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -156,13 +154,9 @@ onBeforeUnmount(() => {
</div> </div>
</div> </div>
<!-- MAIN CONTENT -->
<div class="container my-5"> <div class="container my-5">
<!-- TOOLBAR: View Toggles & Export -->
<div class="row align-items-center mb-5 pb-3 border-bottom"> <div class="row align-items-center mb-5 pb-3 border-bottom">
<div class="col-12 col-md-6 mb-3 mb-md-0 d-flex gap-2"> <div class="col-12 col-md-6 mb-3 mb-md-0 d-flex gap-2">
<!-- View Toggle Buttons -->
<button <button
class="btn btn-sm" class="btn btn-sm"
:class="currentView === 'grid' ? 'btn-primary' : 'btn-outline-primary'" :class="currentView === 'grid' ? 'btn-primary' : 'btn-outline-primary'"
@@ -181,7 +175,6 @@ onBeforeUnmount(() => {
</button> </button>
</div> </div>
<div class="col-12 col-md-6 text-md-end"> <div class="col-12 col-md-6 text-md-end">
<!-- Fake Export CTA (Very common in Open Data portals) -->
<button class="btn btn-sm btn-outline-secondary" title="Scarica dataset in formato JSON"> <button class="btn btn-sm btn-outline-secondary" title="Scarica dataset in formato JSON">
<BIIcon name="it-download" size="sm" class="me-1" /> <BIIcon name="it-download" size="sm" class="me-1" />
Scarica JSON Scarica JSON
@@ -189,18 +182,15 @@ onBeforeUnmount(() => {
</div> </div>
</div> </div>
<!-- LOADER -->
<div v-if="pending" class="d-flex justify-content-center my-5 py-5"> <div v-if="pending" class="d-flex justify-content-center my-5 py-5">
<div class="progress-spinner progress-spinner-active" role="status"> <div class="progress-spinner progress-spinner-active" role="status">
<span class="visually-hidden">Caricamento in corso...</span> <span class="visually-hidden">Caricamento in corso...</span>
</div> </div>
</div> </div>
<!-- GRID VIEW -->
<div v-else-if="currentView === 'grid'"> <div v-else-if="currentView === 'grid'">
<div class="row" v-if="openDataResponse?.reports && openDataResponse.reports.length > 0"> <div class="row" v-if="openDataResponse?.reports && openDataResponse.reports.length > 0">
<div class="col-12 col-md-6 col-lg-4 mb-4" v-for="report in visibleReports" :key="report.id"> <div class="col-12 col-md-6 col-lg-4 mb-4" v-for="report in visibleReports" :key="report.id">
<!-- Strict BI Card -->
<div class="card-wrapper card-space h-100"> <div class="card-wrapper card-space h-100">
<div class="card card-bg h-100 shadow-sm"> <div class="card card-bg h-100 shadow-sm">
<div class="card-body d-flex flex-column"> <div class="card-body d-flex flex-column">
@@ -245,7 +235,6 @@ onBeforeUnmount(() => {
Nessun dato pubblico disponibile al momento. Nessun dato pubblico disponibile al momento.
</div> </div>
<!-- BOOTSTRAP ITALIA PAGINATION -->
<nav class="pagination-wrapper justify-content-center mt-5" aria-label="Navigazione pagine open data"> <nav class="pagination-wrapper justify-content-center mt-5" aria-label="Navigazione pagine open data">
<ul class="pagination"> <ul class="pagination">
<li class="page-item" :class="{ disabled: currentPage === 1 }"> <li class="page-item" :class="{ disabled: currentPage === 1 }">
@@ -267,7 +256,6 @@ onBeforeUnmount(() => {
</nav> </nav>
</div> </div>
<!-- MAP VIEW -->
<div v-else-if="currentView === 'map'" class="map-view-wrapper"> <div v-else-if="currentView === 'map'" class="map-view-wrapper">
<div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3"> <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
<p class="text-muted mb-0">Mappa pubblica delle segnalazioni nell'area di Bari.</p> <p class="text-muted mb-0">Mappa pubblica delle segnalazioni nell'area di Bari.</p>
@@ -283,7 +271,6 @@ onBeforeUnmount(() => {
</template> </template>
<style scoped> <style scoped>
/* Ensures the cards inside the grid stretch to equal heights */
.card-wrapper { .card-wrapper {
height: 100%; height: 100%;
} }
app/pages/operator/reports/[id].vue
-4
View File
@@ -20,7 +20,6 @@ const { getReportDetail, getMessages, addMessage, flagMessage } = useReports()
const { getInterventionSummary, updateReportStatus, assignTeam, getTeams, createInterventionLink, revokeInterventionLink } = useOperator() const { getInterventionSummary, updateReportStatus, assignTeam, getTeams, createInterventionLink, revokeInterventionLink } = useOperator()
const { user } = useAuth() const { user } = useAuth()
// Dati principali
const { data: reportData, refresh: refreshReport } = await useAsyncData(`op-report-${reportId}`, () => getReportDetail(reportId)) const { data: reportData, refresh: refreshReport } = await useAsyncData(`op-report-${reportId}`, () => getReportDetail(reportId))
const { data: messagesData, refresh: refreshMessages } = await useAsyncData(`op-messages-${reportId}`, () => getMessages(reportId)) const { data: messagesData, refresh: refreshMessages } = await useAsyncData(`op-messages-${reportId}`, () => getMessages(reportId))
const { data: summaryData, refresh: refreshSummary } = await useAsyncData(`op-summary-${reportId}`, () => getInterventionSummary(reportId)) const { data: summaryData, refresh: refreshSummary } = await useAsyncData(`op-summary-${reportId}`, () => getInterventionSummary(reportId))
@@ -81,7 +80,6 @@ const newStatus = ref<ReportStatus>('IN_PROGRESS')
const statusNote = ref('') const statusNote = ref('')
const isUpdatingStatus = ref(false) const isUpdatingStatus = ref(false)
// Form Assegna Squadra
const isAssignModalOpen = ref(false) const isAssignModalOpen = ref(false)
const selectedTeamId = ref<number | null>(null) const selectedTeamId = ref<number | null>(null)
const isAssigning = ref(false) const isAssigning = ref(false)
@@ -93,7 +91,6 @@ const interventionLinkError = ref('')
const interventionLinkSuccess = ref('') const interventionLinkSuccess = ref('')
const isRevokeInterventionModalOpen = ref(false) const isRevokeInterventionModalOpen = ref(false)
// Messaggi
const isSubmittingMessage = ref(false) const isSubmittingMessage = ref(false)
const flaggedMessageIds = ref<number[]>([]) const flaggedMessageIds = ref<number[]>([])
const isFlagMessageModalOpen = ref(false) const isFlagMessageModalOpen = ref(false)
@@ -526,7 +523,6 @@ const formattedInterventionLinkExpiry = computed(() =>
</div> </div>
</div> </div>
<!-- Modale Assegnazione -->
<div v-if="isAssignModalOpen" class="modal-backdrop fade show d-block" style="background: rgba(0,0,0,0.5); z-index: 1040;"></div> <div v-if="isAssignModalOpen" class="modal-backdrop fade show d-block" style="background: rgba(0,0,0,0.5); z-index: 1040;"></div>
<div v-if="isAssignModalOpen" class="modal fade show d-block" tabindex="-1" style="z-index: 1050;"> <div v-if="isAssignModalOpen" class="modal fade show d-block" tabindex="-1" style="z-index: 1050;">
<div class="modal-dialog modal-dialog-centered"> <div class="modal-dialog modal-dialog-centered">
app/pages/privacy.vue
-2
View File
@@ -6,7 +6,6 @@ useHead({
<template> <template>
<div> <div>
<!-- HERO SECTION -->
<div class="it-hero-wrapper it-primary"> <div class="it-hero-wrapper it-primary">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@@ -22,7 +21,6 @@ useHead({
</div> </div>
</div> </div>
<!-- CONTENUTO PRINCIPALE -->
<div class="container my-5 py-4"> <div class="container my-5 py-4">
<div class="row"> <div class="row">
<div class="col-12 col-lg-8 offset-lg-2"> <div class="col-12 col-lg-8 offset-lg-2">
app/pages/reports/[id].vue
-5
View File
@@ -41,7 +41,6 @@ const isSubmittingFeedback = ref(false)
const selectedMediaIndex = ref(0) const selectedMediaIndex = ref(0)
const isGalleryOpen = ref(false) const isGalleryOpen = ref(false)
// Gestione selezione file
const handleFileSelect = (event: Event) => { const handleFileSelect = (event: Event) => {
const target = event.target as HTMLInputElement const target = event.target as HTMLInputElement
if (target.files) { if (target.files) {
@@ -49,7 +48,6 @@ const handleFileSelect = (event: Event) => {
} }
} }
// Invia messaggio
const handleSendMessage = async () => { const handleSendMessage = async () => {
if (!newMessage.value.trim() && selectedFiles.value.length === 0) return if (!newMessage.value.trim() && selectedFiles.value.length === 0) return
@@ -57,7 +55,6 @@ const handleSendMessage = async () => {
try { try {
await addMessage(reportId, { body: newMessage.value }) await addMessage(reportId, { body: newMessage.value })
// Pulisci i campi
newMessage.value = '' newMessage.value = ''
selectedFiles.value = [] selectedFiles.value = []
if (fileInput.value) fileInput.value.value = '' if (fileInput.value) fileInput.value.value = ''
@@ -70,7 +67,6 @@ const handleSendMessage = async () => {
} }
} }
// Invia feedback (solo se risolta)
const handleSubmitFeedback = async () => { const handleSubmitFeedback = async () => {
isSubmittingFeedback.value = true isSubmittingFeedback.value = true
try { try {
@@ -91,7 +87,6 @@ const handleSubmitFeedback = async () => {
const isOwner = computed(() => report.value?.user_id === user.value?.id) const isOwner = computed(() => report.value?.user_id === user.value?.id)
// Valutazione solo se lo stato è specificamente "RESOLVED"
const canFeedback = computed(() => report.value?.status === 'RESOLVED') const canFeedback = computed(() => report.value?.status === 'RESOLVED')
const statusMeta: Record<string, { label: string; tone: string }> = { const statusMeta: Record<string, { label: string; tone: string }> = {
app/types/api.d.ts
Vendored
+244 -258
View File
@@ -4,430 +4,416 @@ export type FlagStatus = 'OPEN' | 'RESOLVED' | 'DISMISSED';
export type FlagContentType = 'REPORT' | 'MESSAGE'; export type FlagContentType = 'REPORT' | 'MESSAGE';
export interface GeoJsonObject { export interface GeoJsonObject {
type: string; type: string;
coordinates: any[]; coordinates: any[];
[key: string]: any;
[key: string]: any;
} }
export interface ErrorResponse { export interface ErrorResponse {
error: string; error: string;
message?: string; message?: string;
fields?: string[]; fields?: string[];
} }
export interface OkResponse { export interface OkResponse {
ok: boolean; ok: boolean;
} }
/**
* USER & AUTHENTICATION
*/
export interface CurrentUser { export interface CurrentUser {
id: number; id: number;
first_name: string; first_name: string;
last_name: string; last_name: string;
email: string; email: string;
fiscal_code: string; fiscal_code: string;
points: number; points: number;
role: string; role: string;
roles: string[]; roles: string[];
permissions: string[]; permissions: string[];
phone?: string; phone?: string;
} }
export interface AdminUser { export interface AdminUser {
id: number; id: number;
email: string; email: string;
first_name: string; first_name: string;
last_name: string; last_name: string;
fiscal_code: string; fiscal_code: string;
phone?: string; phone?: string;
banned?: boolean; banned?: boolean;
points?: number; points?: number;
roles?: string; roles?: string;
} }
export interface TokenResponse { export interface TokenResponse {
ok: boolean; ok: boolean;
token: string; token: string;
token_type: string; token_type: string;
expires_in_hours: number; expires_in_hours: number;
} }
/**
* REPORTS & MEDIA
*/
export interface Report { export interface Report {
id: number; id: number;
category_id: number; category_id: number;
latitude: number; latitude: number;
longitude: number; longitude: number;
address: string; address: string;
description: string; description: string;
status: ReportStatus; status: ReportStatus;
area_id?: number; area_id?: number;
area_name?: string; area_name?: string;
category_name?: string; category_name?: string;
assigned_operator_id?: number; assigned_operator_id?: number;
created_at?: string; created_at?: string;
updated_at?: string; updated_at?: string;
user_id?: number; user_id?: number;
} }
export interface OpenDataReport { export interface OpenDataReport {
id: number; id: number;
category_id: number; category_id: number;
category_name: string; category_name: string;
latitude: number; latitude: number;
longitude: number; longitude: number;
status: ReportStatus; status: ReportStatus;
created_at: string; created_at: string;
updated_at: string; updated_at: string;
area_id?: number | null; area_id?: number | null;
area_name?: string | null; area_name?: string | null;
} }
export interface Media { export interface Media {
id: number; id: number;
report_id: number; report_id: number;
url: string; url: string;
media_kind: MediaKind; media_kind: MediaKind;
content_type: string; content_type: string;
original_filename: string; original_filename: string;
size_bytes: number; size_bytes: number;
created_at: string; created_at: string;
} }
export interface StatusHistoryItem { export interface StatusHistoryItem {
id: number; id: number;
report_id: number; report_id: number;
changed_by_user_id: number; changed_by_user_id: number;
old_status: ReportStatus; old_status: ReportStatus;
new_status: ReportStatus; new_status: ReportStatus;
note?: string; note?: string;
created_at: string; created_at: string;
} }
export interface Message { export interface Message {
id: number; id: number;
report_id: number; report_id: number;
user_id: number; user_id: number;
first_name: string; first_name: string;
last_name: string; last_name: string;
body: string; body: string;
created_at: string; created_at: string;
} }
/**
* ENTITIES (Areas, Teams, Categories, Notifications, Rewards, Moderation)
*/
export interface Area { export interface Area {
id: number; id: number;
name: string; name: string;
description?: string; description?: string;
active?: boolean; active?: boolean;
boundary_geojson?: GeoJsonObject; boundary_geojson?: GeoJsonObject;
} }
export interface Category { export interface Category {
id: number; id: number;
name: string; name: string;
description?: string; description?: string;
active?: boolean; active?: boolean;
} }
export interface Team { export interface Team {
id: number; id: number;
name: string; name: string;
description?: string; description?: string;
team_category_id: number; team_category_id: number;
area_id?: number; area_id?: number;
active?: boolean; active?: boolean;
area_name?: string; area_name?: string;
category_name?: string; category_name?: string;
} }
export interface Notification { export interface Notification {
id: number; id: number;
title: string; title: string;
body: string; body: string;
type: string; type: string;
created_at: string; created_at: string;
report_id?: number | null; report_id?: number | null;
read_at?: string | null; read_at?: string | null;
} }
export interface RewardEvent { export interface RewardEvent {
id: number; id: number;
report_id: number; report_id: number;
points: number; points: number;
reason: string; reason: string;
created_at: string; created_at: string;
} }
export interface ModerationFlag { export interface ModerationFlag {
id: number; id: number;
report_id: number; report_id: number;
message_id?: number | null; message_id?: number | null;
reason: string; reason: string;
details?: string; details?: string;
status: FlagStatus; status: FlagStatus;
content_type: FlagContentType; content_type: FlagContentType;
created_by_user_id: number; created_by_user_id: number;
created_by_email: string; created_by_email: string;
created_at: string; created_at: string;
resolved_by_user_id?: number | null; resolved_by_user_id?: number | null;
resolved_by_email?: string | null; resolved_by_email?: string | null;
resolution_note?: string | null; resolution_note?: string | null;
resolved_at?: string | null; resolved_at?: string | null;
} }
/**
* REQUEST BODIES
*/
export interface RegisterCitizenRequest { export interface RegisterCitizenRequest {
first_name: string; first_name: string;
last_name: string; last_name: string;
email: string; email: string;
fiscal_code: string; fiscal_code: string;
phone?: string; phone?: string;
birth_date?: string; birth_date?: string;
birth_place?: string; birth_place?: string;
} }
export interface UpdateProfileRequest { export interface UpdateProfileRequest {
first_name?: string; first_name?: string;
last_name?: string; last_name?: string;
phone?: string; phone?: string;
} }
export interface EmailRequest { export interface EmailRequest {
email: string; email: string;
} }
export interface VerifyOtpRequest { export interface VerifyOtpRequest {
email: string; email: string;
code: string; code: string;
} }
export interface CreateReportRequest { export interface CreateReportRequest {
category_id: number; category_id: number;
latitude: number; latitude: number;
longitude: number; longitude: number;
address: string; address: string;
description: string; description: string;
media?: string[]; // Array of URLs if already uploaded media?: string[];
} }
export interface UpdateStatusRequest { export interface UpdateStatusRequest {
status: ReportStatus; status: ReportStatus;
note?: string; note?: string;
} }
export interface AssignTeamRequest { export interface AssignTeamRequest {
team_id: number; team_id: number;
} }
export interface MessageRequest { export interface MessageRequest {
body: string; body: string;
} }
export interface FeedbackRequest { export interface FeedbackRequest {
rating: number; // 1 to 5 rating: number;
comment?: string; comment?: string;
} }
export interface FlagRequest { export interface FlagRequest {
reason: string; reason: string;
details?: string; details?: string;
} }
export interface UpdateModerationRequest { export interface UpdateModerationRequest {
status: 'RESOLVED' | 'DISMISSED'; status: 'RESOLVED' | 'DISMISSED';
reject_report?: boolean; reject_report?: boolean;
resolution_note?: string; resolution_note?: string;
} }
export interface CreateAreaRequest { export interface CreateAreaRequest {
name: string; name: string;
boundary_geojson: GeoJsonObject; boundary_geojson: GeoJsonObject;
description?: string; description?: string;
} }
export interface UpdateAreaRequest { export interface UpdateAreaRequest {
name?: string; name?: string;
boundary_geojson?: GeoJsonObject; boundary_geojson?: GeoJsonObject;
description?: string; description?: string;
active?: boolean; active?: boolean;
} }
export interface CreateCategoryRequest { export interface CreateCategoryRequest {
name: string; name: string;
description?: string; description?: string;
} }
export interface UpdateCategoryRequest { export interface UpdateCategoryRequest {
name?: string; name?: string;
description?: string; description?: string;
active?: boolean; active?: boolean;
} }
export interface CreateTeamRequest { export interface CreateTeamRequest {
team_category_id: number; team_category_id: number;
name: string; name: string;
description?: string; description?: string;
area_id?: number; area_id?: number;
} }
export interface UpdateTeamRequest { export interface UpdateTeamRequest {
team_category_id?: number; team_category_id?: number;
name?: string; name?: string;
description?: string; description?: string;
area_id?: number | null; area_id?: number | null;
active?: boolean; active?: boolean;
} }
export interface UpdateUserBanRequest { export interface UpdateUserBanRequest {
banned: boolean; banned: boolean;
} }
export interface UpdateUserRolesRequest { export interface UpdateUserRolesRequest {
roles: string[]; roles: string[];
} }
/**
* RESPONSE BODIES
*/
export interface CurrentUserResponse { export interface CurrentUserResponse {
ok: boolean; ok: boolean;
user: CurrentUser; user: CurrentUser;
} }
export interface RegisterCitizenResponse { export interface RegisterCitizenResponse {
ok: boolean; ok: boolean;
user_id: number; user_id: number;
} }
export interface OtpRequestResponse { export interface OtpRequestResponse {
ok: boolean; ok: boolean;
delivery: string; delivery: string;
expires_in_minutes: number; expires_in_minutes: number;
} }
export interface CreateReportResponse { export interface CreateReportResponse {
ok: boolean; ok: boolean;
report_id: number; report_id: number;
area_id?: number; area_id?: number;
} }
export interface ReportListResponse { export interface ReportListResponse {
ok: boolean; ok: boolean;
reports: Report[]; reports: Report[];
} }
export interface PagedReportListResponse { export interface PagedReportListResponse {
ok: boolean; ok: boolean;
page: number; page: number;
per_page: number; per_page: number;
total?: number; total?: number;
reports: Report[]; reports: Report[];
} }
export interface OpenDataReportListResponse { export interface OpenDataReportListResponse {
ok: boolean; ok: boolean;
page: number; page: number;
per_page: number; per_page: number;
reports: OpenDataReport[]; reports: OpenDataReport[];
} }
export interface ReportDetailResponse { export interface ReportDetailResponse {
ok: boolean; ok: boolean;
report: Report; report: Report;
history: StatusHistoryItem[]; history: StatusHistoryItem[];
media: Media[]; media: Media[];
} }
export interface InterventionSummaryResponse { export interface InterventionSummaryResponse {
ok: boolean; ok: boolean;
summary: Report; summary: Report;
media: Media[]; media: Media[];
latest_messages: Message[]; latest_messages: Message[];
} }
export interface AssignmentLinkResponse { export interface AssignmentLinkResponse {
ok: boolean; ok: boolean;
url: string; url: string;
expires_at: string; expires_at: string;
} }
export interface MediaUploadResponse { export interface MediaUploadResponse {
ok: boolean; ok: boolean;
media: Media[]; media: Media[];
} }
export interface MessageListResponse { export interface MessageListResponse {
ok: boolean; ok: boolean;
messages: Message[]; messages: Message[];
} }
export interface FlagResponse { export interface FlagResponse {
ok: boolean; ok: boolean;
flag_id: number; flag_id: number;
} }
export interface RewardsResponse { export interface RewardsResponse {
ok: boolean; ok: boolean;
points: number; points: number;
page: number; page: number;
per_page: number; per_page: number;
reward_events: RewardEvent[]; reward_events: RewardEvent[];
} }
export interface NotificationListResponse { export interface NotificationListResponse {
ok: boolean; ok: boolean;
page: number; page: number;
per_page: number; per_page: number;
notifications: Notification[]; notifications: Notification[];
} }
export interface AreaListResponse { export interface AreaListResponse {
ok: boolean; ok: boolean;
areas: Area[]; areas: Area[];
} }
export interface CategoryListResponse { export interface CategoryListResponse {
ok: boolean; ok: boolean;
categories: Category[]; categories: Category[];
} }
export interface TeamListResponse { export interface TeamListResponse {
ok: boolean; ok: boolean;
teams: Team[]; teams: Team[];
} }
export interface UserListResponse { export interface UserListResponse {
ok: boolean; ok: boolean;
users: AdminUser[]; users: AdminUser[];
} }
export interface ModerationListResponse { export interface ModerationListResponse {
ok: boolean; ok: boolean;
page: number; page: number;
per_page: number; per_page: number;
total?: number; total?: number;
flags: ModerationFlag[]; flags: ModerationFlag[];
} }
export interface OverviewStatsResponse { export interface OverviewStatsResponse {
ok: boolean; ok: boolean;
reports_by_status: { status: ReportStatus; total: number }[]; reports_by_status: { status: ReportStatus; total: number }[];
reports_by_area: { area: string; total: number }[]; reports_by_area: { area: string; total: number }[];
avg_resolution_hours: { value: number }[]; avg_resolution_hours: { value: number }[];
reports_by_category: { category: string; total: number }[]; reports_by_category: { category: string; total: number }[];
reports_by_team: { team: string; total: number }[]; reports_by_team: { team: string; total: number }[];
monthly_reports: { month: string; total: number }[]; monthly_reports: { month: string; total: number }[];
avg_resolution_hours_by_category: { category: string; value: number }[]; avg_resolution_hours_by_category: { category: string; value: number }[];
avg_resolution_hours_by_area: { area: string; value: number }[]; avg_resolution_hours_by_area: { area: string; value: number }[];
total_users?: number; total_users?: number;
open_reports?: number; open_reports?: number;
} }