Make 'Iniciar Sesión' button always visible alongside other buttons

Change button layout to show all 4 buttons at the same time:
- Estado de Sesión (info/blue)
- Ver Perfil (primary/blue)
- Cerrar Sesión (error/red)
- Iniciar Sesión (success/green) - NEW: always visible

This allows users to force a re-authentication by clicking 'Iniciar
Sesión' even when already authenticated, triggering Authentik login flow.
This commit is contained in:
2025-10-13 02:02:45 -06:00
parent a132fdfbf8
commit 226fcc7c64

View File

@@ -1,7 +1,7 @@
<template> <template>
<UCard class="w-full"> <UCard class="w-full">
<div class="flex flex-wrap gap-3"> <div class="flex flex-wrap gap-3">
<!-- Botón de estado de sesión (siempre visible) --> <!-- Botón de estado de sesión -->
<UButton <UButton
color="info" color="info"
size="lg" size="lg"
@@ -14,47 +14,42 @@
Estado de Sesión Estado de Sesión
</UButton> </UButton>
<!-- Botones cuando HAY sesión --> <!-- Botón de perfil -->
<template v-if="isAuthenticated"> <UButton
<!-- Botón de perfil --> color="primary"
<UButton size="lg"
color="primary" @click="goToProfile"
size="lg" >
@click="goToProfile" <template #leading>
> <UIcon name="i-heroicons-user-circle" />
<template #leading> </template>
<UIcon name="i-heroicons-user-circle" /> Ver Perfil
</template> </UButton>
Ver Perfil
</UButton>
<!-- Botón de logout --> <!-- Botón de logout -->
<UButton <UButton
color="error" color="error"
size="lg" size="lg"
variant="soft" variant="soft"
@click="logout" @click="logout"
> >
<template #leading> <template #leading>
<UIcon name="i-heroicons-arrow-right-on-rectangle" /> <UIcon name="i-heroicons-arrow-right-on-rectangle" />
</template> </template>
Cerrar Sesión Cerrar Sesión
</UButton> </UButton>
</template>
<!-- Botón cuando NO hay sesión --> <!-- Botón de iniciar sesión (siempre visible) -->
<template v-else> <UButton
<UButton color="success"
color="primary" size="lg"
size="lg" @click="reloadPage"
@click="reloadPage" >
> <template #leading>
<template #leading> <UIcon name="i-heroicons-arrow-right-end-on-rectangle" />
<UIcon name="i-heroicons-arrow-right-end-on-rectangle" /> </template>
</template> Iniciar Sesión
Iniciar Sesión </UButton>
</UButton>
</template>
</div> </div>
</UCard> </UCard>
</template> </template>