{"version":3,"sources":["webpack:///./src/components/btnCardTable/btnAddCardTable.vue","webpack:///src/components/btnCardTable/btnAddCardTable.vue","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?5447","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?17d6","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?372d","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?7201","webpack:///./src/components/cardTable/CardTable.vue?87e8","webpack:///./src/views/Helexium/Tickets/ListarTickets.vue","webpack:///src/views/Helexium/Tickets/ListarTickets.vue","webpack:///./src/views/Helexium/Tickets/ListarTickets.vue?3bce","webpack:///./src/views/Helexium/Tickets/ListarTickets.vue?7e62","webpack:///./src/components/cardTable/CardTable.vue?b3fb"],"names":["render","_vm","this","_c","_self","staticClass","attrs","variant","url","on","$event","isHovered","class","icon","staticStyle","_v","_s","text","staticRenderFns","props","type","String","default","data","component","_l","card","index","key","style","boxShadow","activeCard","color","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","left","cursorX","top","cursorY","glowStyle","opacity","_e","width","height","backgroundColor","computeBorderRadius","tipo","iconName","computeAnimateIcon","animated","animatedState","shouldAnimateTitle","title","evaluateValue","value","Array","onActivate","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","mounted","onResize","window","addEventListener","beforeDestroy","removeEventListener","methods","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","animate","startX","startY","dx","dy","Math","abs","requestAnimationFrame","scopedSlots","_u","fn","dataCards","proxy","listaItems","item","id","empresa","nombre","persona","nombres","apellidos","asunto","$moment","tz","fecha","format","estado","estadoTicket","prioridad","directives","name","rawName","modifiers","verMensajes","usuario","rol","nivel","cerrarTicket","Swal","require","components","CardTable","BtnAddCardTable","logoEmpresa","listaTickets","dataTableInstance","length","filter","tick","search","draw","JSON","parse","localStorage","getItem","getData","core","$","DataTable","language","error","$router","push","fire","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","result","isConfirmed","Estado","res","$store","dispatch","path","it","TicketEstado","find","x","ticketId","undefined","paraId"],"mappings":"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","file":"js/chunk-6c3d5216.ad6fbbdd.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-button',{staticClass:\"btn-add\",attrs:{\"gradient\":\"\",\"success\":_vm.variant === 'success',\"danger\":_vm.variant === 'danger',\"warn\":_vm.variant === 'warn',\"to\":`${_vm.url}`},on:{\"mouseover\":function($event){_vm.isHovered = true},\"mouseleave\":function($event){_vm.isHovered = false}}},[_c('i',{class:`fas fa-${_vm.icon} position-absolute ${_vm.isHovered ? 'fa-beat' : ''}`,staticStyle:{\"right\":\"0\",\"top\":\"0\",\"font-size\":\"1.5rem\"}}),_vm._v(\" \"+_vm._s(_vm.text)+\" \")])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!--btn add card table -->\r\n<template>\r\n  <vs-button\r\n    @mouseover=\"isHovered = true\"\r\n    @mouseleave=\"isHovered = false\"\r\n    gradient\r\n    :success=\"variant === 'success'\"\r\n    :danger=\"variant === 'danger'\"\r\n    :warn=\"variant === 'warn'\"\r\n    class=\"btn-add\"\r\n    :to=\"`${url}`\"\r\n  >\r\n    <i\r\n      :class=\"`fas fa-${icon} position-absolute ${isHovered ? 'fa-beat' : ''}`\"\r\n      style=\"right: 0; top: 0; font-size: 1.5rem\"\r\n    ></i>\r\n    {{ text }}\r\n  </vs-button>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    variant: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n    icon: {\r\n      type: String,\r\n      default: \"circle-plus\",\r\n    },\r\n    text: {\r\n      type: String,\r\n      default: \"Click Me!\",\r\n    },\r\n    url: {\r\n      type: String,\r\n      default: \"\",\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isHovered: false,\r\n    };\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.btn-add {\r\n  position: relative;\r\n  height: 81px;\r\n  width: 100%;\r\n  font-size: 0.9rem;\r\n  font-weight: bold;\r\n  margin: 0;\r\n  overflow: visible;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./btnAddCardTable.vue?vue&type=template&id=d3c5740e&scoped=true\"\nimport script from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nexport * from \"./btnAddCardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./btnAddCardTable.vue?vue&type=style&index=0&id=d3c5740e&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d3c5740e\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./btnAddCardTable.vue?vue&type=style&index=0&id=d3c5740e&prod&scoped=true&lang=css\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"row justify-content-center\",staticStyle:{\"gap\":\"1rem\"}},_vm._l((_vm.data),function(card,index){return _c('div',{key:index,staticClass:\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\",style:({\n      boxShadow:\n        _vm.activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\n    }),on:{\"mouseenter\":function($event){return _vm.showCursorGlow(index)},\"mouseleave\":function($event){return _vm.hideCursorGlow(index)},\"mousemove\":(event) => _vm.handleMouseMove(event, index),\"click\":function($event){return _vm.toggleActive(index)}}},[(_vm.showGlow)?_c('div',{staticClass:\"cursor-glow\",style:({\n        left: _vm.cursorX[index] + 'px',\n        top: _vm.cursorY[index] + 'px',\n        ..._vm.glowStyle(card.color),\n        opacity: _vm.showGlow[index] ? '1' : '0',\n      })}):_vm._e(),_c('div',{class:`d-flex align-items-center justify-content-center`,style:({\n        width: '60px',\n        height: '60px',\n        backgroundColor: card.color,\n        'border-radius': _vm.computeBorderRadius(card.tipo),\n        '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\n        'box-shadow': `0px -1px 33px -8px ${card.color}`,\n      })},[_c('i',{class:`fas fa-${card.iconName} ${_vm.computeAnimateIcon(\n          card.animated,\n          index\n        )}`,staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center\",staticStyle:{\"flex-grow\":\"1\",\"max-width\":\"calc(100% - 60px)\"}},[_c('div',{class:`title-container`},[_c('span',{staticClass:\"font-weight-bold\",class:[\n            _vm.showGlow[index] &&\n            _vm.animatedState[index] &&\n            _vm.shouldAnimateTitle[index]\n              ? 'title-animate'\n              : 'title-static',\n          ]},[_vm._v(\" \"+_vm._s(card.title)+\" \")])]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"40px\"}},[_vm._v(_vm._s(_vm.evaluateValue(card.value)))])])])}),0)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- card table info -->\r\n<template>\r\n  <div class=\"row justify-content-center\" style=\"gap: 1rem\">\r\n    <div\r\n      v-for=\"(card, index) in data\"\r\n      :key=\"index\"\r\n      class=\"col-12 col-sm-5 col-md d-flex justify-content-between align-items-center rounded p-2 glow-box bg-dark\"\r\n      :style=\"{\r\n        boxShadow:\r\n          activeCard === index ? `inset 0 0 0 2px ${card.color}` : 'none',\r\n      }\"\r\n      @mouseenter=\"showCursorGlow(index)\"\r\n      @mouseleave=\"hideCursorGlow(index)\"\r\n      @mousemove=\"(event) => handleMouseMove(event, index)\"\r\n      @click=\"toggleActive(index)\"\r\n    >\r\n      <!-- linar-style cursor glow -->\r\n      <div\r\n        v-if=\"showGlow\"\r\n        class=\"cursor-glow\"\r\n        :style=\"{\r\n          left: cursorX[index] + 'px',\r\n          top: cursorY[index] + 'px',\r\n          ...glowStyle(card.color),\r\n          opacity: showGlow[index] ? '1' : '0',\r\n        }\"\r\n      ></div>\r\n      <div\r\n        :class=\"`d-flex align-items-center justify-content-center`\"\r\n        :style=\"{\r\n          width: '60px',\r\n          height: '60px',\r\n          backgroundColor: card.color,\r\n          'border-radius': computeBorderRadius(card.tipo),\r\n          '-webkit-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          '-moz-box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n          'box-shadow': `0px -1px 33px -8px ${card.color}`,\r\n        }\"\r\n      >\r\n        <i\r\n          :class=\"`fas fa-${card.iconName} ${computeAnimateIcon(\r\n            card.animated,\r\n            index\r\n          )}`\"\r\n          style=\"font-size: 1.5rem\"\r\n        ></i>\r\n      </div>\r\n      <div\r\n        class=\"d-flex flex-column align-items-center\"\r\n        style=\"flex-grow: 1; max-width: calc(100% - 60px)\"\r\n      >\r\n        <div :class=\"`title-container`\">\r\n          <span\r\n            :class=\"[\r\n              showGlow[index] &&\r\n              animatedState[index] &&\r\n              shouldAnimateTitle[index]\r\n                ? 'title-animate'\r\n                : 'title-static',\r\n            ]\"\r\n            class=\"font-weight-bold\"\r\n          >\r\n            {{ card.title }}\r\n          </span>\r\n        </div>\r\n        <span class=\"font-weight-bold\" style=\"font-size: 40px\">{{\r\n          evaluateValue(card.value)\r\n        }}</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // Documentación del componente CardTable.js\r\n\r\n  /**\r\n   * Este componente Vue.js se utiliza para renderizar un conjunto de tarjetas de información.\r\n   * Cada tarjeta es interactiva y muestra diferentes tipos de datos y un ícono.\r\n   *\r\n   * Propiedades:\r\n   * - data: Un array de objetos que contiene la información para renderizar cada tarjeta.\r\n   *\r\n   * Estado interno:\r\n   * - showGlow: Un objeto que controla si el efecto de brillo debe mostrarse en cada tarjeta.\r\n   * - cursorX: Un objeto que contiene la coordenada X del cursor para cada tarjeta.\r\n   * - cursorY: Un objeto que contiene la coordenada Y del cursor para cada tarjeta.\r\n   * - animationFrameId: Un objeto que guarda el ID de la solicitud de animación para cada tarjeta.\r\n   * - animatedState: Un objeto que guarda el estado de animación para cada tarjeta.\r\n   * - activeCard: Un número que indica el índice de la tarjeta activa. Null si no hay ninguna tarjeta activa.\r\n   * - shouldAnimateTitle: Un objeto que determina si el título de la tarjeta debe animarse para cada tarjeta.\r\n   *\r\n   * Métodos:\r\n   * - toggleActive: Cambia el estado activo de una tarjeta.\r\n   * - computeBorderRadius: Calcula el radio del borde según el tipo de tarjeta.\r\n   * - computeAnimateIcon: Devuelve la clase de animación apropiada para el ícono.\r\n   * - evaluateValue: Evalúa el valor que debe mostrarse en la tarjeta.\r\n   * - glowStyle: Devuelve el estilo CSS para el efecto de brillo del cursor.\r\n   * - handleMouseMove: Maneja el movimiento del mouse para el efecto de brillo del cursor.\r\n   * - showCursorGlow: Activa el efecto de brillo del cursor.\r\n   * - hideCursorGlow: Desactiva el efecto de brillo del cursor.\r\n   * - onResize: Maneja el evento de cambio de tamaño de la ventana.\r\n   * - checkTitleLength: Verifica la longitud del título para determinar si necesita animación.\r\n   */\r\n\r\n  props: {\r\n    /*\r\n       // Ejemplo de un objeto dentro del array 'data':\r\n          {\r\n          title: \"Finalizadas\",\r\n          value: () => this.listaItems.filter((cap) => cap.estadoCap && cap.disponible).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"squared\",\r\n          animated: \"shake\",\r\n          onActivate: () => { console.log(\"Tarjeta activada\"); },\r\n          onDeactivate: () => { console.log(\"Tarjeta desactivada\"); }\r\n        },\r\n        */\r\n    data: {\r\n      type: Array,\r\n      default: () => [\r\n        {\r\n          title: \"Título\",\r\n          value: 0,\r\n          iconName: \"crown\",\r\n          color: \"rgba(223, 18, 46, 1)\",\r\n          tipo: \"circle\",\r\n          animated: \"shake\",\r\n          onActivate: null,\r\n          onDeactivate: null,\r\n        },\r\n      ],\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      showGlow: {},\r\n      cursorX: {},\r\n      cursorY: {},\r\n      animationFrameId: {},\r\n      animatedState: {},\r\n      activeCard: null,\r\n      shouldAnimateTitle: {},\r\n      animated: {\r\n        beat: \"fa-beat\",\r\n        beatFade: \"fa-beat-fade\",\r\n        bounce: \"fa-bounce\",\r\n        fade: \"fa-fade\",\r\n        flip: \"fa-flip\",\r\n        shake: \"fa-shake\",\r\n        spin: \"fa-spin\",\r\n        spinReverse: \"fa-spin fa-spin-reverse\",\r\n        spinPulse: \"fa-spin-pulse\",\r\n      },\r\n      tipoIcon: {\r\n        circle: \"50%\",\r\n        squared: \"20%\",\r\n        shield: \"49% 51% 48% 52% / 29% 29% 71% 71%\",\r\n        water: \"60% 40% 78% 22% / 73% 66% 34% 27%\",\r\n      },\r\n    };\r\n  },\r\n  /*\r\nEventos de Ciclo de Vida:\r\n- mounted: Se añade un escuchador para el evento de redimensionamiento de la ventana.\r\n- beforeDestroy: Se elimina el escuchador para el evento de redimensionamiento de la ventana.\r\n*/\r\n  mounted() {\r\n    this.onResize();\r\n    window.addEventListener(\"resize\", this.onResize);\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener(\"resize\", this.onResize);\r\n  },\r\n  methods: {\r\n    onResize() {\r\n      this.data.forEach((_, index) => {\r\n        this.checkTitleLength(index);\r\n      });\r\n    },\r\n    checkTitleLength(index) {\r\n      this.$nextTick(() => {\r\n        const titleElement = this.$el.querySelectorAll(\".title-container span\")[\r\n          index\r\n        ];\r\n        if (titleElement) {\r\n          console.log(\"Client Width: \", titleElement.clientWidth);\r\n          console.log(\"Scroll Width: \", titleElement.scrollWidth);\r\n\r\n          if (titleElement.scrollWidth > titleElement.clientWidth) {\r\n            this.$set(this.shouldAnimateTitle, index, true);\r\n          } else {\r\n            this.$set(this.shouldAnimateTitle, index, false);\r\n          }\r\n        }\r\n      });\r\n    },\r\n    toggleActive(index) {\r\n      // Desactivar tarjeta anterior si es diferente de la actual\r\n      if (this.activeCard !== null && this.activeCard !== index) {\r\n        if (typeof this.data[this.activeCard].onDeactivate === \"function\") {\r\n          this.data[this.activeCard].onDeactivate();\r\n        }\r\n      }\r\n\r\n      // Cambiar la tarjeta activa\r\n      this.activeCard = this.activeCard === index ? null : index;\r\n\r\n      // Ejecutar la función de activación o desactivación correspondiente\r\n      if (this.activeCard !== null) {\r\n        if (typeof this.data[this.activeCard].onActivate === \"function\") {\r\n          this.data[this.activeCard].onActivate();\r\n        }\r\n      } else {\r\n        if (typeof this.data[index].onDeactivate === \"function\") {\r\n          this.data[index].onDeactivate();\r\n        }\r\n      }\r\n    },\r\n    computeBorderRadius(tipo) {\r\n      return this.tipoIcon[tipo] || \"20% 40% 20% 40%\";\r\n    },\r\n    computeAnimateIcon(tipo, index) {\r\n      if (this.animatedState[index]) {\r\n        return this.animated[tipo] || \"\";\r\n      }\r\n    },\r\n    evaluateValue(value) {\r\n      if (typeof value === \"function\") {\r\n        return value();\r\n      }\r\n      return value;\r\n    },\r\n    glowStyle(color) {\r\n      return {\r\n        boxShadow: `0 0 40px 20px ${color}`,\r\n      };\r\n    },\r\n    handleMouseMove(event, index) {\r\n      const rect = event.currentTarget.getBoundingClientRect();\r\n      const targetX = event.clientX - rect.left;\r\n      const targetY = event.clientY - rect.top;\r\n\r\n      // Cancelar la animación anterior si está en curso\r\n      if (this.animationFrameId[index]) {\r\n        cancelAnimationFrame(this.animationFrameId[index]);\r\n      }\r\n\r\n      // Iniciar una nueva animación\r\n      const animate = () => {\r\n        const startX = this.cursorX[index] || 0;\r\n        const startY = this.cursorY[index] || 0;\r\n        const dx = (targetX - startX) * 0.1; // Factor de suavizado\r\n        const dy = (targetY - startY) * 0.1; // Factor de suavizado\r\n\r\n        this.$set(this.cursorX, index, startX + dx);\r\n        this.$set(this.cursorY, index, startY + dy);\r\n\r\n        if (Math.abs(dx) > 0.1 || Math.abs(dy) > 0.1) {\r\n          // Continuar la animación\r\n          this.animationFrameId[index] = requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      // Iniciar la animación\r\n      this.animationFrameId[index] = requestAnimationFrame(animate);\r\n    },\r\n    showCursorGlow(index) {\r\n      this.$set(this.animatedState, index, true);\r\n      this.$set(this.showGlow, index, true);\r\n    },\r\n    hideCursorGlow(index) {\r\n      this.$set(this.animatedState, index, false);\r\n      this.$set(this.showGlow, index, false);\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/*\r\nEstilos:\r\n- glow-box: Configuración base para el efecto de resplandor.\r\n- cursor-glow: Estilo para el resplandor del cursor.\r\n- title-container: Contenedor para el título de la tarjeta.\r\n- title-animate: Animación para el título de la tarjeta.\r\n- title-static: Estilo estático para el título de la tarjeta.\r\n*/\r\n\r\n.glow-box {\r\n  position: relative;\r\n  overflow: hidden;\r\n  transition: box-shadow 0.3s ease;\r\n  cursor: default;\r\n}\r\n\r\n.cursor-glow {\r\n  position: absolute;\r\n  width: 0;\r\n  height: 0;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  transition: left 0.2s, top 0.2s, opacity 0.5s ease;\r\n}\r\n\r\n.title-container {\r\n  max-width: calc(100% - 20px);\r\n  overflow: hidden;\r\n  height: 20px;\r\n}\r\n\r\n.title-animate {\r\n  display: inline-block;\r\n  white-space: nowrap;\r\n  animation: marquee 5s linear infinite;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.title-static {\r\n  display: inline-block;\r\n  max-width: 100%; /* Se ajusta al tamaño del contenedor */\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n}\r\n\r\n@keyframes marquee {\r\n  from {\r\n    transform: translateX(0%);\r\n  }\r\n  to {\r\n    transform: translateX(-100%);\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardTable.vue?vue&type=template&id=09c1d471&scoped=true\"\nimport script from \"./CardTable.vue?vue&type=script&lang=js\"\nexport * from \"./CardTable.vue?vue&type=script&lang=js\"\nimport style0 from \"./CardTable.vue?vue&type=style&index=0&id=09c1d471&prod&scoped=true&lang=css\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"09c1d471\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{attrs:{\"fluid\":\"\"}},[_c('b-row',[_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"body\",fn:function(){return [_c('div',{staticClass:\"iq-email-list\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12 col-md-10\"},[_c('CardTable',{attrs:{\"data\":_vm.dataCards}})],1),_c('div',{staticClass:\"col-12 col-md\"},[_c('BtnAddCardTable',{attrs:{\"text\":\"Abrir Ticket\",\"url\":\"AgregarTickets\"}})],1)])])]},proxy:true}])})],1),_c('b-col',{attrs:{\"lg\":\"12\"}},[_c('div',{staticClass:\"table-responsive px-4 mt-3\"},[_c('table',{staticClass:\"table table-bordered table-responsive-md table-striped text-center\",attrs:{\"id\":\"datatable_numeraciones\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Empresa\")]),_c('th',[_vm._v(\"Nombre\")]),_c('th',[_vm._v(\"Asunto\")]),_c('th',[_vm._v(\"Fecha\")]),_c('th',[_vm._v(\"Estado\")]),_c('th',[_vm._v(\"Nuevo mensaje\")]),_c('th',[_vm._v(\"Prioridad\")]),_c('th',[_vm._v(\"Opciones\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(_vm._s(item.empresa.nombre))]),_c('td',[_vm._v(\" \"+_vm._s(item.persona.nombres + \" \" + item.persona.apellidos)+\" \")]),_c('td',[_vm._v(_vm._s(item.asunto))]),_c('td',[_vm._v(\" \"+_vm._s(_vm.$moment .tz(item.fecha, \"America/Bogota\") .format(\"DD-MM-YYYY HH:mm\"))+\" \")]),_c('td',[_vm._v(_vm._s(item.estado == 1 ? \"Abierto\" : \"Cerrado\"))]),_c('td',[(item.estadoTicket)?_c('i',{staticClass:\"fa-solid fa-circle-exclamation text-danger\"}):_c('span',[_vm._v(\"--\")])]),_c('td',{class:item.prioridad == 3 ? 'text-danger' : item.prioridad == 2 ? 'text-warning' : 'text-blue'},[_vm._v(\" \"+_vm._s(item.prioridad == 1 ? \"Baja\" : item.prioridad == 2 ? \"Media\" : \"Alta\")+\" \")]),_c('td',[_c('span',{staticClass:\"pointer\"},[_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"fas fa-solid fa-eye px-1 text-success\",attrs:{\"title\":\"Ver mensajes\"},on:{\"click\":function($event){return _vm.verMensajes(item)}}}),(_vm.usuario.rol.nivel == 4)?_c('i',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],staticClass:\"fas fa-solid fa-lock px-1 text-danger\",attrs:{\"title\":\"Cerrar ticket\"},on:{\"click\":function($event){return _vm.cerrarTicket(item)}}}):_vm._e()])])])}),0)])])])],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col lg=\"12\">\n        <card>\n          <template v-slot:body>\n            <div class=\"iq-email-list\">\n              <div class=\"row\">\n                <div class=\"col-12 col-md-10\">\n                  <CardTable :data=\"dataCards\" />\n                </div>\n                <div class=\"col-12 col-md\">\n                  <BtnAddCardTable text=\"Abrir Ticket\" url=\"AgregarTickets\" />\n                </div>\n              </div>\n              <!-- <tab-nav :pills=\"true\" vertical id=\"myTab\" class=\"iq-email-ui nav flex-column nav-pills\" @change=\"updateTab\">\n                <tab-nav-items li-class=\"nav-link active\" :active=\"true\" id=\"mail-inbox-tab\" ariaControls=\"mail-inbox\" role=\"tab\" :ariaSelected=\"true\">\n                  <template v-slot:title> <i class=\"ri-mail-line\" />Inbox<span class=\"badge badge-primary ml-2\">4</span> </template>\n                </tab-nav-items>\n              </tab-nav> -->\n              <!-- <h6 class=\"mt-4 mb-3\">Filtros</h6>\n              <ul class=\"iq-email-ui iq-email-label\">\n                <li>\n                  <a href=\"#\"\n                    ><i class=\"ri-focus-fill text-primary\"></i>Ver Todos</a\n                  >\n                </li>\n                <li>\n                  <a href=\"#\"\n                    ><i class=\"ri-focus-fill text-danger\"></i>No Respondidos</a\n                  >\n                </li>\n                <li>\n                  <a href=\"#\"\n                    ><i class=\"ri-focus-fill text-success\"></i>Completos</a\n                  >\n                </li>\n              </ul> -->\n            </div>\n          </template>\n        </card>\n      </b-col>\n      <b-col lg=\"12\">\n        <div class=\"table-responsive px-4 mt-3\">\n          <table\n            id=\"datatable_numeraciones\"\n            class=\"table table-bordered table-responsive-md table-striped text-center\"\n          >\n            <thead>\n              <tr>\n                <th>Empresa</th>\n                <th>Nombre</th>\n                <th>Asunto</th>\n                <th>Fecha</th>\n                <th>Estado</th>\n                <th>Nuevo mensaje</th>\n                <th>Prioridad</th>\n                <th>Opciones</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr v-for=\"item in listaItems\" :key=\"item.id\">\n                <td>{{ item.empresa.nombre }}</td>\n                <td>\n                  {{ item.persona.nombres + \" \" + item.persona.apellidos }}\n                </td>\n                <td>{{ item.asunto }}</td>\n                <td>\n                  {{\n                    $moment\n                      .tz(item.fecha, \"America/Bogota\")\n                      .format(\"DD-MM-YYYY HH:mm\")\n                  }}\n                </td>\n                <td>{{ item.estado == 1 ? \"Abierto\" : \"Cerrado\" }}</td>\n                <td>\n                  <i\n                    v-if=\"item.estadoTicket\"\n                    class=\"fa-solid fa-circle-exclamation text-danger\"\n                  ></i>\n                  <span v-else>--</span>\n                </td>\n                <td :class=\"item.prioridad == 3 ? 'text-danger' : item.prioridad == 2 ? 'text-warning' : 'text-blue'\">\n                  {{ item.prioridad == 1 ? \"Baja\" : item.prioridad == 2 ? \"Media\" : \"Alta\" }}\n                </td>\n\n                <td>\n                  <span class=\"pointer\">\n                    <!-- ><i v-b-tooltip.hover title=\"Ver mensajes\" @click=\"$router.push('/helex/ChatTicket/'+ item.persona.id+ '/' + item.id)\" class=\"fas fa-solid fa-eye px-1 text-success\"></i> -->\n                    <i v-b-tooltip.hover title=\"Ver mensajes\" @click=\"verMensajes(item)\" class=\"fas fa-solid fa-eye px-1 text-success\"></i>\n                    <i @click=\"cerrarTicket(item)\" v-if=\"usuario.rol.nivel == 4\" v-b-tooltip.hover title=\"Cerrar ticket\" class=\"fas fa-solid fa-lock px-1 text-danger\"></i>\n                  </span>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </b-col>\n      <!-- <b-modal\n        v-model=\"show\"\n        id=\"compose-email-popup\"\n        size=\"lg\"\n        hide-footer\n        hide-header\n        content-class=\"border-0\"\n        dialog-class=\"m-0\"\n        static\n        body-class=\"p-0\"\n        class=\"compose-popup modal-sticky-bottom-right modal-sticky-lg\"\n        cancel-title=\"Close\"\n      >\n        <ComposeBody class=\"mb-0\" :modal=\"true\" @close=\"closeModal\" />\n      </b-modal> -->\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport { core } from \"../../../config/pluginInit\";\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\nimport BtnAddCardTable from \"../../../components/btnCardTable/btnAddCardTable.vue\";\nconst Swal = require(\"sweetalert2\");\n\nexport default {\n  name: \"DataTable\",\n  components: {\n    CardTable,\n    BtnAddCardTable,\n  },\n  data() {\n    return {\n      listaItems: [\n        {\n          empresa: {\n            nombre: null,\n          },\n          persona: {\n            nombres: null,\n            apellidos: null,\n          },\n        },\n      ],\n      logoEmpresa: \"\",\n      usuario: { rol: { nivel: 0 } },\n      listaTickets: [],\n      dataTableInstance: null,\n      dataCards: [\n        // {\n        //   title: \"Todos los Tickets\",\n        //   value: () =>\n        //     this.listaTickets.filter(\n        //       (tick) => tick.TicketEstado && tick.abierto\n        //     ).length,\n        //   iconName: \"circle-exclamation\",\n        //   color: \"rgba(223, 18, 46, 1)\",\n        //   tipo: \"shield\",\n        //   animated: \"bounce\",\n        //   onActivate: () => {\n        //     console.log(\"Activated\");\n        //   },\n        //   onDeactivate: () => {\n        //     console.log(\"Deactivate\");\n        //   },\n        // },\n        {\n          title: \"Tickets Abiertos\",\n          value: () =>\n            this.listaItems.length,\n          iconName: \"folder-open\",\n          color: \"rgba(22, 162, 117, 1)\",\n          tipo: \"squared\",\n          animated: \"bounce\",\n          onActivate: () => {\n            console.log(\"Activated\");\n          },\n          onDeactivate: () => {\n            console.log(\"Deactivate\");\n          },\n        },\n\n        {\n          title: \"Prioridad Alta\",\n          value: () =>\n            this.listaItems.filter(\n              (tick) => tick.prioridad == 3\n            ).length,\n          iconName: \"circle-exclamation\",\n          color: \"rgba(223, 18, 46, 1)\",\n          tipo: \"shield\",\n          animated: \"bounce\",\n          onActivate: () => {\n            console.log(\"Activated\");\n            this.dataTableInstance.search(\"Alta\").draw();\n          },\n          onDeactivate: () => {\n            this.dataTableInstance.search(\"\").draw();\n            console.log(\"Desactivate\");\n          },\n        },\n        {\n          title: \"Prioridad Media\",\n          value: () =>\n          this.listaItems.filter(\n              (tick) => tick.prioridad == 2\n            ).length,\n          iconName: \"bell\",\n          color: \"rgba(254, 114, 28, 1)\",\n          tipo: \"shield\",\n          animated: \"bounce\",\n          onActivate: () => {\n            this.dataTableInstance.search(\"media\").draw();\n            console.log(\"Activated\");\n          },\n          onDeactivate: () => {\n            this.dataTableInstance.search(\"\").draw();\n            console.log(\"Deactivate\");\n          },\n        },\n        {\n          title: \"Prioridad baja\",\n          value: () =>\n          this.listaItems.filter(\n              (tick) => tick.prioridad == 1\n            ).length,\n          iconName: \"hand-point-up\",\n          color: \"rgba(71, 136, 255, 1)\",\n          tipo: \"shield\",\n          animated: \"bounce\",\n          onActivate: () => {\n            this.dataTableInstance.search(\"Baja\").draw();\n            console.log(\"Activated\");\n          },\n          onDeactivate: () => {\n            this.dataTableInstance.search(\"\").draw();\n            console.log(\"Deactivate\");\n          },\n        },\n      ]\n    };\n  },\n  async mounted() {\n    try {\n      // this.$isLoading(true);\n      this.usuario = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\n      await this.getData();\n      core.index();\n      this.dataTableInstance = window.$(\"#datatable_numeraciones\").DataTable({\n        language: {\n          url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\n        },\n      });\n      // this.$isLoading(false);\n    } catch (error) {\n      // this.$isLoading(false);\n      console.log(\"error\", error);\n    }\n  },\n  methods: {\n    verMensajes(item) {\n      try {\n        console.log(item);\n        // let enlace = this.$router.resolve({ path: \"/helex/ChatTicket/\" + item.persona.id + \"/\" + item.id });\n        // window.open(enlace.href, \"_blank\");\n        this.$router.push(\n          \"/helex/ChatTicket/\" + item.persona.id + \"/\" + item.id\n        );\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async cerrarTicket(item) {\n      Swal.fire({\n        title: \"Seguro cerrar Ticket?\",\n        text: \"\",\n        icon: \"warning\",\n        showCancelButton: true,\n        confirmButtonColor: \"#3085d6\",\n        cancelButtonColor: \"#d33\",\n        confirmButtonText: \"Si!\",\n        cancelButtonText: \"Cancelar\",\n      }).then(async (result) => {\n        if (result.isConfirmed) {\n          item.Estado = 0;\n          //let loader = this.$loading.show();\n          // let data = {\n          //   Id: item.id,\n          //   Estado : 0,\n          //   Fecha: this.$moment.tz(item.fecha, \"America/Bogota\").format(\"YYYY-MM-DDTHH:mm\")\n          // }\n          let res = await this.$store.dispatch(\"hl_post\", {\n            path: \"PersonaTicket/ActualizaTicket\",\n            data: item,\n          });\n          if (res == true) {\n            await this.getData();\n            Swal.fire(\"Listo!\", \"Ticket cerrado correctamente.\", \"success\");\n          } else {\n            Swal.fire(\"Error!\", \"Intentalo de nuevo.\", \"error\");\n          }\n        }\n      });\n    },\n    async getData() {\n      try {\n        console.log(\".....................\");\n        let res;\n        if (this.usuario.rol.nivel == 4) {\n          res = await this.$store.dispatch(\"hl_get\", {\n            path: \"PersonaTicket/GetTickets/1\",\n          });\n        } else {\n          res = await this.$store.dispatch(\"hl_get\", {\n            path:\n              \"PersonaTicket/GetTicketByPersonaId/\" + this.usuario.id + \"/1\",\n          });\n            console.log('lista tickets',res)\n        }\n\n        console.log(\"post departamento... \", res);\n        if (res.length > 0) {\n          this.listaTickets = await this.$store.dispatch(\"hl_get\", {\n            path: \"PersonaTicket/GetOpenTickets\",\n          });\n          for await (let it of res) {\n            let TicketEstado = this.listaTickets.find(\n              (x) => x.ticketId == it.id\n            );\n            if (TicketEstado != undefined) {\n              if (this.usuario.rol.nivel == 4) {\n                it.estadoTicket =\n                  (TicketEstado.paraId == null ||\n                    TicketEstado.paraId == this.usuario.id) &&\n                  TicketEstado.estado == 1\n                    ? true\n                    : false;\n              } else {\n                it.estadoTicket =\n                  TicketEstado.paraId == this.usuario.id &&\n                  TicketEstado.estado == 1\n                    ? true\n                    : false;\n                //this.listaTickets = res.filter((x) => x.paraId == this.usuario.id && x.estado == 1);\n              }\n            }\n\n            //it.estadoTicket =  TicketEstado.para TicketEstado.estado\n          }\n          this.listaItems = res;\n        } else {\n          this.listaItems = [];\n        }\n      } catch (error) {\n        this.listaItems = [];\n        console.log(\"err\", error);\n      }\n    },\n  },\n};\n</script>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListarTickets.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ListarTickets.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ListarTickets.vue?vue&type=template&id=8e9db836\"\nimport script from \"./ListarTickets.vue?vue&type=script&lang=js\"\nexport * from \"./ListarTickets.vue?vue&type=script&lang=js\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardTable.vue?vue&type=style&index=0&id=09c1d471&prod&scoped=true&lang=css\""],"sourceRoot":""}