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

Fix: Corregir estructura del modal de edición de perfil
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 53s
Details

Browse Source 
- Mover el botón fuera del componente UModal para que funcione correctamente
- Actualizado token de API de Authentik en secrets para habilitar edición
This commit is contained in:
josedario87
2025-10-16 20:57:20 -06:00
parent fd495b05c7
commit a5d0f1b286
1 changed files with 49 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

96
nuxt4/app/components/auth/EditProfileButton.vue
View File

@@ -1,5 +1,5 @@
<template> <template>
<UModal v-model:open="isOpen" title="Editar Perfil"> <div>
<UButton <UButton
icon="i-heroicons-pencil-square" icon="i-heroicons-pencil-square"
color="primary" color="primary"
@@ -10,56 +10,58 @@
Editar Perfil Editar Perfil
</UButton> </UButton>
<template #content> <UModal v-model:open="isOpen" title="Editar Perfil">
<div class="p-4 space-y-4"> <template #content>
<UFormGroup label="Nombre Completo" name="name"> <div class="p-4 space-y-4">
<UInput <UFormGroup label="Nombre Completo" name="name">
v-model="formData.name" <UInput
placeholder="Tu nombre completo" v-model="formData.name"
:disabled="isUpdating" placeholder="Tu nombre completo"
/> :disabled="isUpdating"
</UFormGroup> />
</UFormGroup>
<UFormGroup label="Email" name="email"> <UFormGroup label="Email" name="email">
<UInput <UInput
v-model="formData.email" v-model="formData.email"
type="email" type="email"
placeholder="tu@email.com" placeholder="tu@email.com"
:disabled="isUpdating" :disabled="isUpdating"
/> />
</UFormGroup> </UFormGroup>
<UFormGroup label="Username" name="username"> <UFormGroup label="Username" name="username">
<UInput <UInput
v-model="formData.username" v-model="formData.username"
disabled disabled
:ui="{ base: 'cursor-not-allowed opacity-50' }" :ui="{ base: 'cursor-not-allowed opacity-50' }"
/> />
<template #help> <template #help>
<span class="text-xs text-gray-500">El username no se puede cambiar</span> <span class="text-xs text-gray-500">El username no se puede cambiar</span>
</template> </template>
</UFormGroup> </UFormGroup>
<div class="flex justify-end gap-2 pt-4"> <div class="flex justify-end gap-2 pt-4">
<UButton <UButton
color="neutral" color="neutral"
variant="ghost" variant="ghost"
:disabled="isUpdating" :disabled="isUpdating"
@click="isOpen = false" @click="isOpen = false"
> >
Cancelar Cancelar
</UButton> </UButton>
<UButton <UButton
color="primary" color="primary"
:loading="isUpdating" :loading="isUpdating"
@click="updateProfile" @click="updateProfile"
> >
Guardar Cambios Guardar Cambios
</UButton> </UButton>
</div>
</div> </div>
</div> </template>
</template> </UModal>
</UModal> </div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">