feat: Add page send sales to tryton close #20

src/pages/sincronizar_ventas_tryton.vue

@@ -0,0 +1,63 @@
+<template>
+  <div>
+    <CodeDialog @code-verified="(verified) => showComponent = verified"/>
+  </div>
+  <v-container class="fill-height d-flex align-center justify-center">
+    <v-card class="pa-6" max-width="600" elevation="4">
+      <v-card-title class="text-h5 font-weight-bold text-center">
+        🔄 Sincronización de Ventas
+      </v-card-title>
+
+      <v-card-text>
+        <p>
+          Esta acción sincronizará las <strong>ventas</strong> desde el sistema
+          <strong>Tryton</strong> hacia la plataforma.
+        </p>
+        <v-alert type="warning" dense border="start" border-color="warning">
+          <strong>Advertencia:</strong> Este proceso podría tardar varios minutos
+          y reemplazar datos existentes en la plataforma.  
+          Asegúrese de que la información en Tryton esté actualizada antes de
+          continuar.
+        </v-alert>
+      </v-card-text>
+
+      <v-card-actions class="justify-center">
+        <v-btn color="primary" @click="startSync">
+          Iniciar Sincronización
+        </v-btn>
+        <v-btn text @click="$router.push('/')">
+          Cancelar
+        </v-btn>
+      </v-card-actions>
+    </v-card>
+    <v-data-table :items="ventas_tryton_failed"></v-data-table>
+    <v-data-table :items="ventas_tryton_successful"></v-data-table>
+  </v-container>
+</template>
+<script>
+  import CodeDialog from '../components/CodeDialog.vue';
+  import { inject } from 'vue';
+
+  export default {
+    name: 'SalesToTryton',
+    data() {
+      return {
+        api: inject('api'),
+        ventas_tryton: [],
+        showComponent: false,
+      }
+    },
+    methods: {
+      startSync() {
+        this.api.sendSalesToTryton()
+          .then(response => {
+            this.ventas_tryton_failed = response.failed.map(id => ({ id }));
+            this.ventas_tryton_successful = response.successful.map(id => ({ id }));
+          })
+          .catch(error => {
+            console.error("Error al sincronizar las ventas", error);
+          });
+      }
+    }
+  }
+</script>