@golstats/gsc-reports 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@golstats/gsc-reports",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "main": "dist/gsc-reports.umd.js",
   "module": "dist/gsc-reports.es.js",
   "exports": {
@@ -47,7 +47,7 @@
   },
   "dependencies": {
     "@golstats/gsc-checkbox": "^1.0.13",
-    "@golstats/gsc-template-report-maker": "^1.0.13",
+    "@golstats/gsc-template-report-maker": "^1.0.14",
     "@golstats/gsc-volumetric-field": "^1.0.1",
     "axios": "^1.10.0",
     "gridstack": "^12.1.1",

package/src/components/ReportsSection.vue

@@ -54,6 +54,7 @@
         @open-report="onOpenReport"
         @renombrar="onRenombrarReporte"
         @eliminar="onEliminarReporte"
+        @download-report="onDownloadReport"
       />
     </div>
 
@@ -385,6 +386,13 @@ const onReportDeleted = (reportId) => {
   reports.value = reports.value.filter((report) => report.id !== reportId)
 }
 
+function onDownloadReport(report) {
+  console.log('Descargando reporte:', report)
+  emit('download-report', report)
+  // Aquí podrías implementar la lógica para descargar el reporte
+  // Por ejemplo, redirigir a una URL de descarga o abrir un modal de descarga
+}
+
 const handleClickOutside = (event) => {
   if (
     showSortDropdown.value &&

package/src/components/elementsTemplates/ReportItem.vue

@@ -127,40 +127,49 @@ import AnalisisPostMatchType3 from '../thumbnails-reports/AnalisisPostMatchType3
 import AnalisisPrematchType4 from '../thumbnails-reports/AnalisisPrematchType4.vue'
 import AnalisisPostMatchType4 from '../thumbnails-reports/AnalisisPostMatchType4.vue'
 import { formatDate } from '../../utils/dateUtils.js'
-const emit = defineEmits(['ver-reporte', 'renombrar', 'eliminar', 'edit-template', 'open-report'])
+
+const emit = defineEmits([
+  'ver-reporte',
+  'renombrar',
+  'eliminar',
+  'edit-template',
+  'open-report',
+  'download-report'
+])
 const props = defineProps({
   type: {
     type: Number,
-    default: 1,
+    default: 1
   },
   localTeam: {
     type: String,
-    default: 'América',
+    default: 'América'
   },
   report: {
     type: Object,
-    default: () => {},
+    default: () => {
+    }
   },
   visitorTeam: {
     type: String,
-    default: 'Chivas',
+    default: 'Chivas'
   },
   localScore: {
     type: Number,
-    default: 2,
+    default: 2
   },
   visitorScore: {
     type: Number,
-    default: 1,
+    default: 1
   },
   league: {
     type: String,
-    default: 'Liga MX',
+    default: 'Liga MX'
   },
   date: {
     type: String,
-    default: '15 Nov 2024',
-  },
+    default: '15 Nov 2024'
+  }
 })
 
 const showTooltip = ref(false)
@@ -197,6 +206,7 @@ function onEliminar() {
 
 function onDescargar() {
   console.log('descargar')
+  emit('download-report', props.report)
   showTooltip.value = false
 }
 
@@ -422,6 +432,7 @@ function onClickOpenReport() {
   height: 100vh;
   z-index: 2999;
 }
+
 .report-img-overlay {
   position: absolute;
   inset: 0;
@@ -435,10 +446,12 @@ function onClickOpenReport() {
   transition: opacity 0.2s;
   z-index: 3000;
 }
+
 .report-img-placeholder:hover .report-img-overlay {
   opacity: 1;
   pointer-events: auto;
 }
+
 .report-img-button {
   background: #11111140;
   color: #ffffff;
@@ -448,10 +461,10 @@ function onClickOpenReport() {
   font-size: 14px;
   font-family: 'Poppins-Medium', 'Poppins', Arial, sans-serif;
   cursor: pointer;
-  transition:
-    background 0.2s,
-    color 0.2s;
+  transition: background 0.2s,
+  color 0.2s;
 }
+
 .report-img-button:hover {
   border: 1px solid #ffffff;
 }

package/src/components/gsc-reports.vue

@@ -112,6 +112,7 @@
       :team="team"
       :searchQuery="searchQueryReports"
       @open-report="onOpenReport"
+      @download-report="onDownloadReport"
     />
     <ModalCreateTemplate
       v-if="showModalCreateTemplate"
@@ -160,7 +161,7 @@ const searchQuery = ref('')
 const searchQueryReports = ref('')
 const reportTemplateMaker = ref(null)
 
-const emit = defineEmits(['toHome'])
+const emit = defineEmits(['toHome', 'download-report'])
 
 function checkContainerWidth() {
   if (containerRef.value) {
@@ -223,6 +224,10 @@ function onOpenReport(report) {
   }
 }
 
+function onDownloadReport(report) {
+  emit('download-report', report)
+}
+
 function toHome() {
   emit('toHome')
 }

package/dist/FilterField-59a73e38-DO8nYLqs-C9htGE_0-I9si4bEK.js

@@ -1,21 +0,0 @@
-import { ref as r, createElementBlock as a, openBlock as n, createVNode as c, unref as d } from "vue";
-import { C as u, o as f } from "./index-iexGXjdj.js";
-const i = { class: "filter-field" }, m = {
-  __name: "FilterField",
-  setup(s) {
-    const o = r(Array.from({ length: 16 }, (t, e) => e + 1));
-    function l() {
-    }
-    return (t, e) => (n(), a("div", i, [
-      c(d(f), {
-        width: "100%",
-        "background-color": "#2E3B46",
-        value: o.value,
-        "onUpdate:modelValue": l
-      }, null, 8, ["value"])
-    ]));
-  }
-}, _ = /* @__PURE__ */ u(m, [["__scopeId", "data-v-8103c3e1"]]);
-export {
-  _ as default
-};