68 lines
2.0 KiB
Vue
68 lines
2.0 KiB
Vue
<script setup lang="ts">
|
|
definePageMeta({
|
|
middleware: 'auth'
|
|
})
|
|
|
|
const { user } = useAuth()
|
|
|
|
import CitizenDashboard from '~/components/dashboard/CitizenDashboard.vue'
|
|
import OperatorDashboard from '~/components/dashboard/OperatorDashboard.vue'
|
|
import AdminDashboard from '~/components/dashboard/AdminDashboard.vue'
|
|
|
|
const currentDashboard = computed(() => {
|
|
if (isCitizen(user.value?.role)) return CitizenDashboard
|
|
if (isOperator(user.value?.role)) return OperatorDashboard
|
|
if (isAdmin(user.value?.role)) return AdminDashboard
|
|
return null
|
|
})
|
|
|
|
const heroTitle = computed(() => {
|
|
if (isAdmin(user.value?.role)) return 'Pannello Admin'
|
|
if (isOperator(user.value?.role)) return 'Gestione Operativa'
|
|
return 'Dashboard'
|
|
})
|
|
|
|
const heroSubtitle = computed(() => {
|
|
if (isAdmin(user.value?.role)) return 'Accesso amministrativo per configurazioni, utenti e moderazione'
|
|
if (isOperator(user.value?.role)) return 'Prendi in carico e gestisci le segnalazioni in corso'
|
|
return 'Riepilogo rapido delle tue segnalazioni e dei punti cittadino'
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<div>
|
|
<div class="it-hero-wrapper it-primary hero-compact">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<div class="it-hero-text-wrapper p-4">
|
|
<h1 class="text-white font-weight-bold">{{ heroTitle }}</h1>
|
|
<p class="text-white mt-2 lead">
|
|
{{ heroSubtitle }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container my-5">
|
|
|
|
<div class="row mb-3">
|
|
<div class="col-12">
|
|
<h4 class="mb-2 text-muted">
|
|
Benvenuto, <strong>{{ user?.first_name }} {{ user?.last_name }}</strong>.
|
|
</h4>
|
|
</div>
|
|
</div>
|
|
|
|
<component :is="currentDashboard" v-if="currentDashboard" />
|
|
|
|
<div v-else class="alert alert-warning" role="alert">
|
|
Caricamento pannello di controllo in corso...
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</template>
|