nucleo000/plantillaNuxtAuthentikProxy
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make 'Iniciar Sesión' button always visible alongside other buttons
All checks were successful
build-and-deploy / build (push) Successful in 56s
Details
build-and-deploy / deploy (push) Successful in 3s
Details

Browse Source 
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:
josedario87
2025-10-13 02:02:45 -06:00
parent a132fdfbf8
commit 226fcc7c64
1 changed files with 35 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
nuxt4/app/components/auth/ActionButtons.vue
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,8 +14,6 @@
Estado de Sesión Estado de Sesión
</UButton> </UButton>
<!-- Botones cuando HAY sesión -->
<template v-if="isAuthenticated">
<!-- Botón de perfil --> <!-- Botón de perfil -->
<UButton <UButton
color="primary" color="primary"
@@ -40,12 +38,10 @@
</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="primary" color="success"
size="lg" size="lg"
@click="reloadPage" @click="reloadPage"
> >
@@ -54,7 +50,6 @@
</template> </template>
Iniciar Sesión Iniciar Sesión
</UButton> </UButton>
</template>
</div> </div>
</UCard> </UCard>
</template> </template>