From 51f49a2b7d7df80482eb0b93205435c648940569 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa?= <mherrezuelo94@hotmail.com>
Date: Thu, 14 Aug 2025 15:26:33 +0200
Subject: [PATCH] edit password functionality and page

---
 example copy.env                   |  8 ++++++++
 pages/editar/perfil/contrasena.vue | 27 ++++++++++++++++++++++-----
 pages/editar/perfil/index.vue      |  5 ++---
 3 files changed, 32 insertions(+), 8 deletions(-)
 create mode 100644 example copy.env

diff --git a/example copy.env b/example copy.env
new file mode 100644
index 0000000..3941d42
--- /dev/null
+++ b/example copy.env	
@@ -0,0 +1,8 @@
+API = 'http://0.0.0.0:8000/'
+API_V1 = '/api/v1/'
+BASE_URL= $API$API_V1
+GOOGLE_CLIENT_ID='1076928279923-s6hdbpcpbeaeqnact5t5kmktrkaipndq.apps.googleusercontent.com'
+FACEBOOK_ID='751687992155393'
+
+GOOGLE_MAPS_API_KEY = 'AIzaSyDX_8JveVk4S5cnDcMHijmOO9HGj5OJHmQ'
+GOOGLE_ANALYTICS_ID = 'G-QT1WE1L619'
\ No newline at end of file
diff --git a/pages/editar/perfil/contrasena.vue b/pages/editar/perfil/contrasena.vue
index f8332e2..bc50380 100644
--- a/pages/editar/perfil/contrasena.vue
+++ b/pages/editar/perfil/contrasena.vue
@@ -9,18 +9,21 @@
             type="text"
             label-text="Contraseña actual"
             required
+            @input="form.old_password = $event"
           />
           <FormInput
             v-model="form.password"
             type="password"
             label-text="Nueva contraseña"
             required
+            @input="form.password = $event"
           />
           <FormInput
             v-model="form.password2"
             type="password"
             label-text="Nueva contraseña"
             required
+            @input="form.password2 = $event"
           />
           <small v-if="error" class="error">{{ error }}</small>
           <small v-if="success" class="success">{{ success }}</small>
@@ -28,12 +31,15 @@
             <SubmitButton text="Actualizar" image-url="" />
           </div>
         </form>
+        {{ form }}
       </BCol>
     </BRow>
   </BContainer>
 </template>
 
 <script>
+import { mapState } from 'pinia'
+import { useAuthStore } from '@/stores/auth'
 export default {
   setup() {
     definePageMeta({
@@ -53,18 +59,29 @@ export default {
       success: null,
     }
   },
+  computed: {
+    ...mapState(useAuthStore, ['id', 'access']),
+  },
   methods: {
     async submitUser() {
       this.error = null
       this.success = null
       if (this.form.password === this.form.password2) {
         try {
-          await this.$api.put(
-            `/user/change_password/${this.$store.state.auth.id}/`,
-            this.form
-          )
+          const config = useRuntimeConfig()
+          const userId = this.id
+          const access = this.access
+          await $fetch(`/user/change_password/${userId}/`, {
+            baseURL: config.public.baseURL,
+            method: 'PUT',
+            body: this.form,
+            headers: {
+              Authorization: `Bearer ${access}`
+            }
+          })
           this.success = 'Contraseña cambiada correctamente'
-        } catch {
+        } catch (error) {
+          console.error('Error cambiando la contraseña:', error)
           this.error = 'La contraseña actual no es correcta'
         }
       } else {
diff --git a/pages/editar/perfil/index.vue b/pages/editar/perfil/index.vue
index c7a57b2..b292fcc 100644
--- a/pages/editar/perfil/index.vue
+++ b/pages/editar/perfil/index.vue
@@ -58,12 +58,12 @@ export default {
   async fetch() {
     const config = useRuntimeConfig()
     try {
-      const response = await $fetch(`/my_user/`, {
+      await $fetch(`/my_user/`, {
         baseURL: config.public.baseURL,
         method: 'GET',
         body: JSON.stringify(this.form),
       })
-      console.log('User data fetched successfully:', response)
+      //console.log('User data fetched successfully:', response)
     } catch (err) {
       console.error('Error fetching user data:', err)
       this.error = true
@@ -79,7 +79,6 @@ export default {
   methods: {
     ...mapActions( useAuthStore, ['setUser']),
     async submitUser() {
-      // TODO: configurar primero el estar logeado (estados, getters) para que peuda coger esa info y actualizarla
       this.error = false
       const config = useRuntimeConfig()
       try {