Skip to content

Alba María Álvarez / front_recipes

Go to a project
Commit 0698af68 by Alba María Álvarez
Options

feat(UserDetail): añadida funcionalidad para editar usuario (sin email)

parent d9bc7fb8
Inline Side-by-side
Showing with 18 additions and 17 deletions
src/views/UserDetail.vue
...@@ -28,8 +28,8 @@ ...@@ -28,8 +28,8 @@
</div> </div>
<div class="col-12"> <div class="col-12">
<p class="mb-1 text-muted"><strong>Email</strong></p> <p class="mb-1 text-muted"><strong>Email</strong></p>
<p v-if="mode === 'view'" class="fw-bold">{{ userStore.user?.email }}</p> <p class="fw-bold">{{ userStore.user?.email }}</p>
<input v-else type="email" class="form-control" v-model="editableUser.email"> <!-- <input v-else type="email" class="form-control" v-model="editableUser.email"> -->
</div> </div>
<div class="col-12"> <div class="col-12">
<p class="mb-1 text-muted"><strong>Rol</strong></p> <p class="mb-1 text-muted"><strong>Rol</strong></p>
...@@ -154,18 +154,25 @@ const handleConfirmation = async () => { ...@@ -154,18 +154,25 @@ const handleConfirmation = async () => {
}; };
// Usamos una copia para editar los datos // Usamos una copia para editar los datos
//const editableUser = ref({ ...user.value }); const editableUser = ref(null);
// Acciones // Acciones
// const editData = () => { const editData = () => {
// mode.value = 'edit'; mode.value = 'edit';
// editableUser.value = { ...user.value }; // Copia de datos del usuario
// }; editableUser.value = { ...userStore.user };
};
// const saveChanges = () => { const saveChanges = async () => {
// user.value = { ...editableUser.value }; try {
// mode.value = 'view'; await userStore.update(editableUser.value);
// }; mode.value = 'view';
// Recargar los datos
await userStore.readUser();
} catch (error) {
console.error('Error al guardar los cambios:', error);
}
};
const cancelEdit = () => { const cancelEdit = () => {
mode.value = 'view'; mode.value = 'view';
...@@ -175,12 +182,6 @@ const changePassword = () => { ...@@ -175,12 +182,6 @@ const changePassword = () => {
alert("Abrir modal para cambiar contraseña"); alert("Abrir modal para cambiar contraseña");
}; };
const deactivateAccount = () => {
if (confirm("¿Seguro que quieres desactivar tu cuenta?")) {
alert("Cuenta desactivada");
}
};
</script> </script>
<style scoped> <style scoped>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment