feat: add new logo
This commit is contained in:
@@ -92,7 +92,7 @@ const { isAuthenticated, user, logout } = useAuth()
|
|||||||
<div class="it-header-center-content-wrapper">
|
<div class="it-header-center-content-wrapper">
|
||||||
<div class="it-brand-wrapper">
|
<div class="it-brand-wrapper">
|
||||||
<NuxtLink to="/">
|
<NuxtLink to="/">
|
||||||
<BIIcon name="it-pa"/>
|
<img src="/icon.svg" alt="Logo Visione" style="width: 48px; height: 48px; margin-right: 16px;" />
|
||||||
<div class="it-brand-text">
|
<div class="it-brand-text">
|
||||||
<div class="it-brand-title">Visione</div>
|
<div class="it-brand-title">Visione</div>
|
||||||
<div class="it-brand-tagline d-none d-md-block">Un occhio per la sicurezza del cittadino.</div>
|
<div class="it-brand-tagline d-none d-md-block">Un occhio per la sicurezza del cittadino.</div>
|
||||||
|
|||||||
@@ -16,7 +16,7 @@ const otpStep = ref<1 | 2>(1)
|
|||||||
const isLoading = ref(false)
|
const isLoading = ref(false)
|
||||||
const errorMessage = ref('')
|
const errorMessage = ref('')
|
||||||
|
|
||||||
// Form State
|
|
||||||
const email = ref('')
|
const email = ref('')
|
||||||
const password = ref('')
|
const password = ref('')
|
||||||
const otpCode = ref('')
|
const otpCode = ref('')
|
||||||
@@ -68,9 +68,9 @@ const handlePasswordLogin = async () => {
|
|||||||
<div class="row justify-content-center">
|
<div class="row justify-content-center">
|
||||||
<div class="col-12 col-md-8 col-lg-5">
|
<div class="col-12 col-md-8 col-lg-5">
|
||||||
|
|
||||||
<!-- Intestazione istituzionale -->
|
|
||||||
<div class="text-center mb-4">
|
<div class="text-center mb-4">
|
||||||
<BIIcon name="it-pa" size="xl" color="primary" class="mb-2" />
|
<BIIcon name="it-user" size="xl" color="primary" class="mb-2" />
|
||||||
<h1 class="h3 font-weight-bold">Accedi a Visione</h1>
|
<h1 class="h3 font-weight-bold">Accedi a Visione</h1>
|
||||||
<p class="text-muted">Il portale delle segnalazioni urbane</p>
|
<p class="text-muted">Il portale delle segnalazioni urbane</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -78,7 +78,7 @@ const handlePasswordLogin = async () => {
|
|||||||
<div class="card card-bg shadow-sm">
|
<div class="card card-bg shadow-sm">
|
||||||
<div class="card-body p-4 p-md-5">
|
<div class="card-body p-4 p-md-5">
|
||||||
|
|
||||||
<!-- Finto Bottone CIE -->
|
|
||||||
<button class="btn btn-primary w-100 mb-4 d-flex align-items-center justify-content-center gap-2" disabled title="Integrazione CIE prevista per la fase successiva">
|
<button class="btn btn-primary w-100 mb-4 d-flex align-items-center justify-content-center gap-2" disabled title="Integrazione CIE prevista per la fase successiva">
|
||||||
<BIIcon name="it-card" size="sm" color="white" />
|
<BIIcon name="it-card" size="sm" color="white" />
|
||||||
Entra con CIE (Presto disponibile)
|
Entra con CIE (Presto disponibile)
|
||||||
@@ -94,7 +94,7 @@ const handlePasswordLogin = async () => {
|
|||||||
{{ errorMessage }}
|
{{ errorMessage }}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- FLUSSO OTP -->
|
|
||||||
<div v-if="loginMethod === 'otp'">
|
<div v-if="loginMethod === 'otp'">
|
||||||
<form v-if="otpStep === 1" @submit.prevent="handleRequestOtp">
|
<form v-if="otpStep === 1" @submit.prevent="handleRequestOtp">
|
||||||
<div class="form-group mb-4">
|
<div class="form-group mb-4">
|
||||||
@@ -125,14 +125,14 @@ const handlePasswordLogin = async () => {
|
|||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- FLUSSO PASSWORD -->
|
|
||||||
<form v-else @submit.prevent="handlePasswordLogin">
|
<form v-else @submit.prevent="handlePasswordLogin">
|
||||||
<div class="form-group mb-4">
|
<div class="form-group mb-4">
|
||||||
<input type="email" class="form-control" id="emailPwd" v-model="email" required>
|
<input type="email" class="form-control" id="emailPwd" v-model="email" required>
|
||||||
<label for="emailPwd" :class="{ 'active': email.length > 0 }">Indirizzo Email</label>
|
<label for="emailPwd" :class="{ 'active': email.length > 0 }">Indirizzo Email</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- INPUT PASSWORD FIXATO -->
|
|
||||||
<div class="form-group mb-4 position-relative">
|
<div class="form-group mb-4 position-relative">
|
||||||
<input :type="showPassword ? 'text' : 'password'" class="form-control pe-5" id="password" v-model="password" required>
|
<input :type="showPassword ? 'text' : 'password'" class="form-control pe-5" id="password" v-model="password" required>
|
||||||
<label for="password" :class="{ 'active': password.length > 0 }">Password</label>
|
<label for="password" :class="{ 'active': password.length > 0 }">Password</label>
|
||||||
@@ -155,7 +155,7 @@ const handlePasswordLogin = async () => {
|
|||||||
</button>
|
</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
<!-- Switch Method -->
|
|
||||||
<div class="text-center mt-4">
|
<div class="text-center mt-4">
|
||||||
<a href="#" class="small text-decoration-none" @click.prevent="loginMethod = loginMethod === 'otp' ? 'password' : 'otp'; errorMessage = ''">
|
<a href="#" class="small text-decoration-none" @click.prevent="loginMethod = loginMethod === 'otp' ? 'password' : 'otp'; errorMessage = ''">
|
||||||
{{ loginMethod === 'otp' ? 'Vuoi usare la password? Clicca qui' : 'Usa il login sicuro senza password (OTP)' }}
|
{{ loginMethod === 'otp' ? 'Vuoi usare la password? Clicca qui' : 'Usa il login sicuro senza password (OTP)' }}
|
||||||
|
|||||||
Reference in New Issue
Block a user