From f0fdc71fa78e80c59e19567e7433435b196a7f0f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mar=C3=ADa?= <mherrezuelo94@hotmail.com>
Date: Thu, 21 Aug 2025 13:40:01 +0200
Subject: [PATCH] wip import product functionality and page

---
 components/ProductForm.vue          |   2 -
 pages/editar/productos/[id].vue     |   1 +
 pages/editar/productos/importar.vue | 403 +++++++++++++++++++++++++++-
 public/README.md                    |  11 +
 public/favicon.ico                  | Bin 4286 -> 15086 bytes
 public/plantilla-latienda.csv       |   1 +
 6 files changed, 411 insertions(+), 7 deletions(-)
 create mode 100644 public/README.md
 create mode 100644 public/plantilla-latienda.csv

diff --git a/components/ProductForm.vue b/components/ProductForm.vue
index 2dbdefe..cc6efcd 100644
--- a/components/ProductForm.vue
+++ b/components/ProductForm.vue
@@ -184,8 +184,6 @@
     <div class="submit-btn" align="center">
       <SubmitButton text="guardar" image-url="" />
     </div>
-    PRODUCT FORM: {{ productForm }} <br><br><br>
-    FORM: {{ form }}
   </form>
 </template>
 
diff --git a/pages/editar/productos/[id].vue b/pages/editar/productos/[id].vue
index 07d0b18..54d031e 100644
--- a/pages/editar/productos/[id].vue
+++ b/pages/editar/productos/[id].vue
@@ -70,6 +70,7 @@ export default {
       })
       if (this.form.source !== 'MANUAL' && this.form.history) {
         try {
+          //TODO: Review Fetching the sync date from the history endpoint
           const result = await $fetch(`history/${this.form.history}/`, {
             baseURL: config.public.baseURL,
             method: 'GET',
diff --git a/pages/editar/productos/importar.vue b/pages/editar/productos/importar.vue
index 524ba20..018acb8 100644
--- a/pages/editar/productos/importar.vue
+++ b/pages/editar/productos/importar.vue
@@ -1,15 +1,408 @@
 <template>
-  <div>
-    <h1>Importar producto /editar/productos/importar</h1>
+  <div class="container">
+    <BModal 
+        id="modal-center" 
+        v-model="activeModal" 
+        centered 
+        title="latienda.coop" 
+        :ok-variant="modalColor"> {{ modalText }}
+    </BModal>
+    <BContainer class="container">
+      <BRow align-h="start">
+        <div class="import-products">
+          <div
+            class="header"
+            @click="importOpen = !importOpen"
+          >
+            <h4 class="title">
+              Importar productos desde CSV &nbsp;
+              <img
+                src="@/assets/img/latienda-arrow-down.svg"
+                alt=""
+                class="arrow"
+                :class="{ 
+                  'close': !importOpen, 
+                  'open': importOpen }"
+              />
+            </h4>
+          </div>
+          <BCollapse id="collapse-import" v-model="importOpen">
+            <div class="description">
+              <p>
+                La función <strong>Importar CSV</strong> te permite subir tus
+                productos a Latienda.coop sin tener que hacerlo manualmente.
+                Puedes ponerles nombres a las columnas en tu hoja de cálculo con
+                las siguientes etiquetas para que los campos se asocien
+                automáticamente en tus productos:
+              </p>
+              <ol>
+                <li>
+                  <strong>SKU: </strong>usa esta columna para proporcionar un
+                  identificador único a tu producto.
+                </li>
+                <li>
+                  <strong>Nombre de producto: </strong>asigna un nombre. Es el
+                  texto que se ve primero al listar el producto.
+                </li>
+                <li>
+                  <strong>Descripción: </strong>proporciona los detalles del
+                  producto.
+                </li>
+                <li><strong>Imagen: </strong>url de la imagen del producto.</li>
+                <li>
+                  <strong>URL: </strong>enlace a la página del producto si
+                  existe.
+                </li>
+                <li>
+                  <strong>Precio: </strong>precio en euros con IVA incluido. Si
+                  se deja en blanco aparecerá el texto "Consultar precio".
+                </li>
+                <li>
+                  <strong>Gastos de envío: </strong>importe adicional por los
+                  gastos de envío. Si se deja en blanco, o nulo, aparecerá el
+                  texto "Sin gastos de envío".
+                </li>
+                <li>
+                  <strong>Condiciones de envío: </strong>aquí se puede indicar
+                  las condiciones de envío específicas para cada producto. Si se
+                  deja en blanco se mostrarán las opciones por defecto de tu
+                  cooperativa.
+                </li>
+                <li>
+                  <strong>Descuento: </strong>porcentaje de descuento sobre el
+                  precio del producto.
+                </li>
+                <li><strong>Stock: </strong>número de unidades disponibles.</li>
+                <li>
+                  <strong>Tags: </strong>etiquetas libres que describen al
+                  producto. Usa el carácter "/" para separar cada tag.
+                </li>
+                <li>
+                  <strong>Categoría: </strong>clasificación principal del
+                  producto. el Latienda.coop usamos la taxonomía de Google.
+                  Puedes ver todas las categorías disponibles
+                  <a 
+                  href="https://www.google.com/basepages/producttype/taxonomy-with-ids.es-ES.txt"
+                  target="_blank"
+                    >aquí</a
+                  >. Elige la categoría o subcategoría de cualquier nivel que
+                  mejor defina a tu producto.
+                </li>
+                <li>
+                  <strong>Identificadores: </strong>identificador único
+                  opcional.
+                </li>
+              </ol>
+              <br />
+              <p>
+                Descarga la
+                <a href="/plantilla-latienda.csv" download="plantilla.csv" type="text/csv">plantilla</a>
+                de referencia.
+              </p>
+              <form @submit.prevent="submitFile">
+                <div>
+                  <label for="file"
+                    >Archivo .csv
+                    <input
+                      id="file"
+                      type="file"
+                      accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel"
+                      placeholder="Elige un archivo"
+                      required
+                      @change="handleFile"
+                    />
+                  </label>
+                </div>
+                <SubmitButton text="Importar" image-url="" />
+              </form>
+            </div>
+          </BCollapse>
+        </div>
+      </BRow>
+    </BContainer>
+
+    <BContainer class="container">
+      <BRow align-h="start">
+        <div class="import-products">
+          <div
+            class="header"
+            @click="syncOpen = !syncOpen"
+          >
+            <h4 class="title">
+              Sincronización con tu tienda online &nbsp;
+              <img
+                src="@/assets/img/latienda-arrow-down.svg"
+                alt=""
+                class="arrow"
+                :class="{ 'close': !syncOpen, 'open': syncOpen }"
+              />
+            </h4>
+          </div>
+          <BCollapse id="collapse-sync" v-model="syncOpen">
+            <div v-if="platform" class="description">
+              <div class="platform">
+                <BFormInput v-model="platform" type="text" disabled />
+              </div>
+              <br />
+              <div class="credentials">
+                <BFormTextarea
+                  v-model="credentials"
+                  type="text"
+                  rows="4"
+                  disabled
+                />
+              </div>
+              <br />
+              <p>
+                Si los datos no son correctos puedes editarlos en tu
+                <NuxtLink to="/editar/cooperativa">cooperativa</NuxtLink>
+              </p>
+            </div>
+            <div v-else class="description">
+              <p>
+                No tienes configurada tu tienda online. <br /><br />
+                <NuxtLink to="/editar/cooperativa">Edita</NuxtLink> la
+                información de tu cooperativa y añade la información necesaría
+                para la sincronización con Woocommerce
+              </p>
+            </div>
+            <form @submit.prevent="syncWebsite">
+              <SubmitButton
+                text="Lanzar sincronización"
+                image-url=""
+              />
+            </form>
+          </BCollapse>
+        </div>
+      </BRow>
+    </BContainer>
   </div>
 </template>
 
 <script>
-  export default {
+import { useAuthStore } from '@/stores/auth'
+export default {
+  setup() {
+    definePageMeta({
+      layout: 'editar',
+      middleware: 'auth',
+      auth: { authority: 'COOP_MANAGER' },
+    })
+    const auth = useAuthStore();
+    return {
+      auth
+    }
+  },
+
+  data() {
+    return {
+      file: null,
+      importOpen: false,
+      syncOpen: false,
+      platform: null,
+      credentials: null,
+      syncForm: null,
+      activeModal: false,
+      modalText: '',
+      modalColor: '',
+    }
+  },
+
+  async mounted() {
+    try{
+      const config = useRuntimeConfig()
+      const data = await $fetch('my_company/', {
+        baseURL: config.public.baseURL,
+        method: 'GET',
+        headers: {
+          Authorization: `Bearer ${this.auth.access}`
+        }
+      })
+      if (data.company.platform === 'WOO_COMMERCE') 
+        this.platform = 'Woocommerce'
+      this.credentials = JSON.stringify(data.company.credentials, undefined, 2)
+      this.syncForm = {
+        key: data.company.credentials['key'],
+        secret: data.company.credentials['secret'],
+        url: data.company.shop_link
+      }
+      // const historyResults = await $fetch(`/history/`, {
+      //   baseURL: config.public.baseURL,
+      //   method: 'GET',
+      //   headers: {
+      //     Authorization: `Bearer ${this.auth.access}`
+      //   }
+      // })
+      // console.log(historyResults.data)
+
+    } catch (error) {
+      console.error(error)
+    }
+  },
+
+  methods: {
+    async handleFile(e) {
+      const selectedFile = await e.target.files[0]
+      this.file = selectedFile
+    },
+
+    async submitFile() {
+      const config = useRuntimeConfig()
+      //TODO: Review functionality
+      try {
+        const formData = new FormData()
+        formData.append('csv_file', this.file)
+        console.log('Form data to submit:', formData)
+        await $fetch('/load_products/',{
+          baseURL: config.public.baseURL,
+          method: 'POST',
+          body: this.file,
+          headers: {
+            Authorization: `Bearer ${this.auth.access}`,
+          },
+        })
+        this.modalText = 'Productos importados correctamente'
+        this.modalColor = 'success'
+        this.activeModal = true
+      } catch {
+        this.modalText = 'Ha habido un error'
+        this.modalColor = 'danger'
+        this.activeModal = true
+      }
+      // Clear the file input
+      this.file = null
+    },
     
-  }
+    async syncWebsite() {
+      const config = useRuntimeConfig()
+      //TODO: Error 500, its seems to be backend issue
+      try {
+        console.log('Sync form data:', this.syncForm)
+        await $fetch('/sync_shop/',{
+          baseURL: config.public.baseURL,
+          method: 'POST',
+          body: {
+            url: this.syncForm.url,
+            key: this.syncForm.key,
+            secret: this.syncForm.secret
+          },
+          headers: {
+            Authorization: `Bearer ${this.auth.access}`,
+          },
+        })
+        this.modalText = 'Sincronización iniciada'
+        this.modalColor = 'success'
+        this.activeModal = true
+      } catch {
+        this.modalText = 'Ha habido un error'
+        this.modalColor = 'danger'
+        this.activeModal = true
+      }
+    },
+  },
+}
 </script>
 
 <style lang="scss" scoped>
+.container {
+  margin-top: 40px;
+  margin-bottom: 80px;
+}
 
-</style>
\ No newline at end of file
+.header {
+  width: 100%;
+  outline: none;
+}
+.title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: flex-start;
+}
+.arrow {
+  width: 20px;
+  height: 20px;
+}
+
+.description {
+  margin-top: 30px;
+}
+
+.close {
+  transform: rotate(-90deg);
+  opacity: 1;
+  transition: all 0.5s;
+}
+.open {
+  transition: all 0.5s;
+}
+
+.import-products {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
+}
+.title {
+  color: $color-navy;
+  @include mobile {
+    margin-top: 70px;
+  }
+}
+.subtitle {
+  color: $color-navy;
+  font-size: $l;
+}
+
+ol {
+  list-style-type: none;
+  counter-reset: a;
+}
+ol > li {
+  counter-increment: a;
+  position: relative;
+  list-style: none;
+  margin-top: 18px;
+  margin-left: 35px;
+}
+ol > li:before {
+  color: #fff;
+  background: $color-navy;
+  width: 18px;
+  height: 18px;
+  top: 2px;
+  left: -35px;
+  position: absolute;
+  line-height: 20px;
+  font-size: 12px;
+  content: counter(a);
+  text-align: center;
+  font-weight: 400;
+  -webkit-text-stroke: 0.04em;
+}
+
+.error {
+  color: $color-error;
+}
+
+label {
+  text-align: left;
+  color: $color-navy;
+  font-weight: $bold;
+  font-size: $xs;
+}
+
+.cont-col {
+  margin: 15px 0;
+  display: flex;
+  flex-direction: column;
+
+  @include mobile {
+    margin: 15px 80px;
+  }
+}
+
+.input {
+  font-size: $s;
+}
+</style>
diff --git a/public/README.md b/public/README.md
new file mode 100644
index 0000000..cf00435
--- /dev/null
+++ b/public/README.md
@@ -0,0 +1,11 @@
+# STATIC
+
+**This directory is not required, you can delete it if you don't want to use it.**
+
+This directory contains your static files.
+Each file inside this directory is mapped to `/`.
+Thus you'd want to delete this README.md before deploying to production.
+
+Example: `/static/robots.txt` is mapped as `/robots.txt`.
+
+More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/assets#static).
diff --git a/public/favicon.ico b/public/favicon.ico
index 18993ad91cfd43e03b074dd0b5cc3f37ab38e49c..9cfc1197d80645285707ec68baf6d9de5c4afed5 100644
GIT binary patch
literal 15086
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
UkpuH3PZ63WKf8F8lxQ^n2hjIky#N3J

literal 4286
zcmeHLOKuuL5PjK%MHWVi6lD<!mRb4$mdFuu1m7S&L72}0%nh7nb{xS*IY7K-1~WG>
zOGiR<sv2rs-P1h`ut*jRDypfj@9U}_3E&NVhC}c-e)fS606r6u2w#X;ZXeov|87fL
z!TI})z`sQxSz?%$m}Cpw?WF=YNnu;Mk#t%h*=w(2a7>EbCw`xmFozJ^aNatJY>w+g
ze6a2@u~m#^BZm@8wco9#Crlli0uLb^3E$t2-WIc^#(?t)*@`UpuofJ(Uyh@F>b3Ph
z$D^m8Xq~pTkGJ4Q`Q2)te3mgkWYZ^Ijq|hkiP^9`De={bQQ%heZC$QU2UpP(-tbl8
zPWD2abEew;oat@w`uP3J^YpsgT%~jT(Dk%oU}sa$7|n6hBjDj`+I;RX(>)%<Y^V1u
zxpEJLVzZ2NFGX+1TXChn89VxczG?Ja<o=SJ8n{y5$ezyw`8sz3-<3{&C8oX)|94kh
z+0M_EV^O^m@tH21JEPN_ux%Gy1GUw?U~8Zr)3xvGXUSPO+3I<5aAh6uT<iYgm~_ug
ziEA0#JM$)SV%(oc@>lm_7N{+B7Mu%H?422lE%MBJH!!YTN2oT7xr>>N-8OF$C&qU^
z>vLsa{$0X%q1fjOe3P1mCv#lN{xQ4_*HCSAZjTb1`}mlc+9rl8$B3OP%VT@mch_~G
z7Y+4b{r>9e=M+7vSI;BgB?ryZDY4m>&w<W+!o=%S{hjU42>cHSn81VH1N~`0gvwH{
z8dv#hG|OK`>1;j7tM#B)Z7zDN?{6=dUal}$e<J#b(FPcAa6L9y8G}E@q!eIA^eYgE
GM1KL3x?{8e

diff --git a/public/plantilla-latienda.csv b/public/plantilla-latienda.csv
new file mode 100644
index 0000000..85d603f
--- /dev/null
+++ b/public/plantilla-latienda.csv
@@ -0,0 +1 @@
+sku,nombre-producto,descripcion,imagen,url,precio,gastos-envio,cond-envio,descuento,stock,tags,categoria,identificadores
\ No newline at end of file