@golstats/gsc-reports 1.0.2 → 1.0.4

package/src/components/elementsTemplates/TemplateItem.vue

@@ -3,56 +3,65 @@
     <div class="three-dots" @click.stop="showTooltip = !showTooltip">
       <span></span><span></span><span></span>
     </div>
-    <div v-if="template.pages && template.pages[0]" class="template-img-placeholder" style="position: relative">
+    <div
+      v-if="template.pages && template.pages[0]"
+      class="template-img-placeholder"
+      style="position: relative"
+    >
       <img
         v-if="template.template_type === 1 && template.pages[0].type == 1"
-        src="/thumbnail-portada-prmatch-01.jpg"
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumbnail-portada-prmatch-01.jpg"
         alt="Template Prematch Type 1"
         class="template-img"
       />
       <img
         v-else-if="template.template_type === 2 && template.pages[0].type == 1"
-        src="/thumbnail-portada-01.jpg"
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumbnail-portada-01.jpg"
         alt="Template Postmatch Type 1"
         class="template-img"
       />
       <img
         v-else-if="template.template_type === 1 && template.pages[0].type == 2"
-        src="/thumbnail-portada-prmatch-02.jpg"
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumbnail-portada-prmatch-02.jpg"
         alt="Template Prematch Type 2"
         class="template-img"
       />
       <img
         v-else-if="template.template_type === 2 && template.pages[0].type == 2"
-        src="/thumbnail-portada-02.jpg"
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumbnail-portada-02.jpg"
         alt="Template Postmatch Type 2"
         class="template-img"
       />
       <img
         v-else-if="template.template_type === 1 && template.pages[0].type == 3"
-        src="/thumbnail-portada-prmatch-03.jpg"
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumbnail-portada-prmatch-03.jpg"
         alt="Template Prematch Type 3"
         class="template-img"
       />
       <img
         v-else-if="template.template_type === 2 && template.pages[0].type == 3"
-        src="/thumbnail-portada-03.jpg"
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumbnail-portada-03.jpg"
         alt="Template Postmatch Type 3"
         class="template-img"
       />
       <img
         v-else-if="template.template_type === 1 && template.pages[0].type == 4"
-        src="/thumbnail-portada-prmatch-04.jpg"
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumbnail-portada-prmatch-04.jpg"
         alt="Template Prematch Type 4"
         class="template-img"
       />
       <img
         v-else-if="template.template_type === 2 && template.pages[0].type == 4"
-        src="/thumbnail-portada-04.jpg"
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumbnail-portada-04.jpg"
         alt="Template Postmatch Type 4"
         class="template-img"
       />
-      <img v-else src="/thumb1.png" alt="Template Default" class="template-img" />
+      <img
+        v-else
+        src="https://golstatsimages.blob.core.windows.net/reports-images/thumb1.png"
+        alt="Template Default"
+        class="template-img"
+      />
     </div>
     <div class="inner-card-postpartido">
       <div class="postpartido-footer">

package/src/components/elementsTemplates/TooltipReportOptions.vue

@@ -1,85 +1,97 @@
-<template>
-  <div class="tooltip-report-options">
-    <ul>
-      <li class="option" @click="$emit('renombrar')">
-        <img src="/icons/icn-rename.svg" alt="Renombrar reporte" class="icon" />
-        Renombrar reporte
-      </li>
-      <li class="option" @click="$emit('descargar')">
-        <img src="/icons/icn-download.svg" alt="Descargar reporte" class="icon" />
-        Descargar reporte
-      </li>
-      <li class="option" @click="$emit('eliminar')">
-        <img src="/icons/icn-delete.svg" alt="Eliminar reporte" class="icon" />
-        Eliminar reporte
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script setup>
-const emit = defineEmits([
-  'ver-reporte',
-  'renombrar',
-  'editar',
-  'duplicar',
-  'descargar',
-  'eliminar',
-])
-</script>
-
-<style scoped>
-.tooltip-report-options {
-  position: absolute;
-  top: 44px;
-  right: 20px;
-  width: 215px;
-  height: 115px;
-  background: #2e3b46;
-  border-radius: 10px;
-  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
-  padding: 8px 0 0 0;
-  z-index: 3000;
-  font-family: Poppins-Regular;
-}
-
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.option {
-  display: flex;
-  align-items: center;
-  color: #fff;
-  font-family: Poppins-Regular;
-  font-size: 13px;
-  font-weight: normal;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: 1.5;
-  letter-spacing: normal;
-  text-align: left;
-  padding: 8px 16px 8px 14px;
-  cursor: pointer;
-  transition:
-    background 0.2s,
-    color 0.2s;
-  gap: 14px;
-}
-
-.option:hover {
-  background: #434f59;
-  color: #cbee6b;
-}
-
-.icon {
-  width: 17px;
-  height: 17px;
-  display: inline-block;
-  background-size: contain;
-  background-repeat: no-repeat;
-  object-fit: contain;
-}
-</style>
+<template>
+  <div class="tooltip-report-options">
+    <ul>
+      <li class="option" @click="$emit('renombrar')">
+        <img
+          src="https://golstatsimages.blob.core.windows.net/reports-images/icn-rename.svg"
+          alt="Renombrar reporte"
+          class="icon"
+        />
+        Renombrar reporte
+      </li>
+      <li class="option" @click="$emit('descargar')">
+        <img
+          src="https://golstatsimages.blob.core.windows.net/reports-images/icn-download.svg"
+          alt="Descargar reporte"
+          class="icon"
+        />
+        Descargar reporte
+      </li>
+      <li class="option" @click="$emit('eliminar')">
+        <img
+          src="https://golstatsimages.blob.core.windows.net/reports-images/icn-delete.svg"
+          alt="Eliminar reporte"
+          class="icon"
+        />
+        Eliminar reporte
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup>
+const emit = defineEmits([
+  'ver-reporte',
+  'renombrar',
+  'editar',
+  'duplicar',
+  'descargar',
+  'eliminar',
+])
+</script>
+
+<style scoped>
+.tooltip-report-options {
+  position: absolute;
+  top: 44px;
+  right: 20px;
+  width: 215px;
+  height: 115px;
+  background: #2e3b46;
+  border-radius: 10px;
+  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
+  padding: 8px 0 0 0;
+  z-index: 3000;
+  font-family: Poppins-Regular;
+}
+
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.option {
+  display: flex;
+  align-items: center;
+  color: #fff;
+  font-family: Poppins-Regular;
+  font-size: 13px;
+  font-weight: normal;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.5;
+  letter-spacing: normal;
+  text-align: left;
+  padding: 8px 16px 8px 14px;
+  cursor: pointer;
+  transition:
+    background 0.2s,
+    color 0.2s;
+  gap: 14px;
+}
+
+.option:hover {
+  background: #434f59;
+  color: #cbee6b;
+}
+
+.icon {
+  width: 17px;
+  height: 17px;
+  display: inline-block;
+  background-size: contain;
+  background-repeat: no-repeat;
+  object-fit: contain;
+}
+</style>

package/src/components/elementsTemplates/TooltipTemplateOptions.vue

@@ -1,141 +1,161 @@
-<template>
-  <div class="tooltip-template-options">
-    <ul>
-      <li class="option" @click="$emit('generar-reporte')">
-        <img src="/icons/icn-report.svg" alt="Generar reporte" class="icon" />
-        Generar reporte
-      </li>
-      <li class="option" @click="$emit('renombrar')">
-        <img src="/icons/icn-rename.svg" alt="Renombrar template" class="icon" />
-        Renombrar template
-      </li>
-      <li class="option" @click="$emit('editar')">
-        <img src="/icons/icn-edit.svg" alt="Editar template" class="icon" />
-        Editar template
-      </li>
-      <li class="option" @click="$emit('duplicar')">
-        <img src="/icons/icn-duplicate.svg" alt="Duplicar template" class="icon" />
-        Duplicar template
-      </li>
-      <li class="option" @click="$emit('eliminar')">
-        <img src="/icons/icn-delete.svg" alt="Eliminar template" class="icon" />
-        Eliminar template
-      </li>
-    </ul>
-  </div>
-</template>
-
-<script setup>
-const emit = defineEmits(['generar-reporte', 'renombrar', 'editar', 'duplicar', 'eliminar'])
-</script>
-
-<style scoped>
-.tooltip-template-options {
-  position: absolute;
-  top: 48px;
-  right: 20px;
-  width: 215px;
-  height: 185px;
-  background: #2e3b46;
-  border-radius: 10px;
-  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
-  padding: 8px 0 0 0;
-  z-index: 3000;
-  font-family: Poppins-Regular;
-}
-ul {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-.option {
-  display: flex;
-  align-items: center;
-  color: #fff;
-  font-family: Poppins-Regular;
-  font-size: 13px;
-  font-weight: normal;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: 1.5;
-  letter-spacing: normal;
-  text-align: left;
-  padding: 8px 16px 8px 14px;
-  cursor: pointer;
-  transition:
-    background 0.2s,
-    color 0.2s;
-  gap: 14px;
-}
-.option:hover {
-  background: #434f59;
-  color: #cbee6b;
-}
-.icon {
-  width: 17px;
-  height: 17px;
-  display: inline-block;
-  background-size: contain;
-  background-repeat: no-repeat;
-  object-fit: contain;
-}
-.icon-doc {
-  background-image: url('https://img.icons8.com/ios-filled/24/cbee6b/document--v1.png');
-}
-.icon-rename {
-  background-image: url('https://img.icons8.com/ios-filled/24/cbee6b/replace.png');
-}
-
-.divider {
-  width: 100%;
-  height: 1px;
-  background: #3d4a54;
-  margin: 6px 0 0 0;
-}
-.autogen-row {
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  margin-top: 7px;
-  padding: 10px 14px 12px 14px;
-}
-.switch {
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-}
-.switch-track {
-  width: 28px;
-  height: 16px;
-  background: transparent;
-  border-radius: 10px;
-  position: relative;
-  transition: background 0.2s;
-  border: 1px solid #fff;
-}
-.switch-thumb {
-  width: 12px;
-  height: 12px;
-  background: #cbee6b;
-  border-radius: 50%;
-  position: absolute;
-  top: 2px;
-  left: 1px;
-  transition: left 0.2s;
-  box-shadow: 0 1px 4px 0 rgba(203, 238, 107, 0.15);
-}
-.switch-thumb.on {
-  left: 14px;
-}
-.autogen-label {
-  color: #fff;
-  font-family: Poppins-Regular;
-  font-size: 13px;
-  font-weight: normal;
-  font-stretch: normal;
-  font-style: normal;
-  line-height: 1.5;
-  letter-spacing: normal;
-  text-align: left;
-}
-</style>
+<template>
+  <div class="tooltip-template-options">
+    <ul>
+      <li class="option" @click="$emit('generar-reporte')">
+        <img
+          src="https://golstatsimages.blob.core.windows.net/reports-images/icn-report.svg"
+          alt="Generar reporte"
+          class="icon"
+        />
+        Generar reporte
+      </li>
+      <li class="option" @click="$emit('renombrar')">
+        <img
+          src="https://golstatsimages.blob.core.windows.net/reports-images/icn-rename.svg"
+          alt="Renombrar template"
+          class="icon"
+        />
+        Renombrar template
+      </li>
+      <li class="option" @click="$emit('editar')">
+        <img
+          src="https://golstatsimages.blob.core.windows.net/reports-images/icn-edit.svg"
+          alt="Editar template"
+          class="icon"
+        />
+        Editar template
+      </li>
+      <li class="option" @click="$emit('duplicar')">
+        <img
+          src="https://golstatsimages.blob.core.windows.net/reports-images/icn-duplicate.svg"
+          alt="Duplicar template"
+          class="icon"
+        />
+        Duplicar template
+      </li>
+      <li class="option" @click="$emit('eliminar')">
+        <img
+          src="https://golstatsimages.blob.core.windows.net/reports-images/icn-delete.svg"
+          alt="Eliminar template"
+          class="icon"
+        />
+        Eliminar template
+      </li>
+    </ul>
+  </div>
+</template>
+
+<script setup>
+const emit = defineEmits(['generar-reporte', 'renombrar', 'editar', 'duplicar', 'eliminar'])
+</script>
+
+<style scoped>
+.tooltip-template-options {
+  position: absolute;
+  top: 48px;
+  right: 20px;
+  width: 215px;
+  height: 185px;
+  background: #2e3b46;
+  border-radius: 10px;
+  box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
+  padding: 8px 0 0 0;
+  z-index: 3000;
+  font-family: Poppins-Regular;
+}
+ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.option {
+  display: flex;
+  align-items: center;
+  color: #fff;
+  font-family: Poppins-Regular;
+  font-size: 13px;
+  font-weight: normal;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.5;
+  letter-spacing: normal;
+  text-align: left;
+  padding: 8px 16px 8px 14px;
+  cursor: pointer;
+  transition:
+    background 0.2s,
+    color 0.2s;
+  gap: 14px;
+}
+.option:hover {
+  background: #434f59;
+  color: #cbee6b;
+}
+.icon {
+  width: 17px;
+  height: 17px;
+  display: inline-block;
+  background-size: contain;
+  background-repeat: no-repeat;
+  object-fit: contain;
+}
+.icon-doc {
+  background-image: url('https://img.icons8.com/ios-filled/24/cbee6b/document--v1.png');
+}
+.icon-rename {
+  background-image: url('https://img.icons8.com/ios-filled/24/cbee6b/replace.png');
+}
+
+.divider {
+  width: 100%;
+  height: 1px;
+  background: #3d4a54;
+  margin: 6px 0 0 0;
+}
+.autogen-row {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  margin-top: 7px;
+  padding: 10px 14px 12px 14px;
+}
+.switch {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+.switch-track {
+  width: 28px;
+  height: 16px;
+  background: transparent;
+  border-radius: 10px;
+  position: relative;
+  transition: background 0.2s;
+  border: 1px solid #fff;
+}
+.switch-thumb {
+  width: 12px;
+  height: 12px;
+  background: #cbee6b;
+  border-radius: 50%;
+  position: absolute;
+  top: 2px;
+  left: 1px;
+  transition: left 0.2s;
+  box-shadow: 0 1px 4px 0 rgba(203, 238, 107, 0.15);
+}
+.switch-thumb.on {
+  left: 14px;
+}
+.autogen-label {
+  color: #fff;
+  font-family: Poppins-Regular;
+  font-size: 13px;
+  font-weight: normal;
+  font-stretch: normal;
+  font-style: normal;
+  line-height: 1.5;
+  letter-spacing: normal;
+  text-align: left;
+}
+</style>