{"version":3,"sources":["webpack:///./node_modules/core-js/modules/es.array.reduce.js","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:///./node_modules/core-js/internals/engine-is-node.js","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/PlanMejoramiento/PlanMejoramiento.vue","webpack:///src/views/Helexium/PlanMejoramiento/PlanMejoramiento.vue","webpack:///./src/views/Helexium/PlanMejoramiento/PlanMejoramiento.vue?2307","webpack:///./src/views/Helexium/PlanMejoramiento/PlanMejoramiento.vue?babb","webpack:///./node_modules/core-js/internals/array-method-is-strict.js","webpack:///./node_modules/core-js/internals/array-reduce.js","webpack:///./src/components/cardTable/CardTable.vue?b3fb"],"names":["$","$reduce","left","arrayMethodIsStrict","CHROME_VERSION","IS_NODE","CHROME_BUG","FORCED","target","proto","forced","reduce","callbackfn","length","arguments","this","undefined","render","_vm","_c","_self","staticClass","attrs","variant","url","on","$event","isHovered","class","icon","staticStyle","_v","_s","text","staticRenderFns","props","type","String","default","data","component","global","classof","module","exports","process","_l","card","index","key","style","boxShadow","activeCard","color","showCursorGlow","hideCursorGlow","event","handleMouseMove","toggleActive","showGlow","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","proxy","dataCards","listaItems","item","id","persona","nombres","apellidos","competencia","titulo","_f","fechaInicio","fechaFin","descripcion","directives","name","rawName","modifiers","filterData","estadoPlan","listaActividades","expression","actividadProgreso","porcentajeResp","nombre","fechaCreacion","porcentajeAut","comentarioAut","comentarioResp","preventDefault","sendActividadProgresoResponsable","model","newComentarioResp","callback","$$v","domProps","changeInput","Swal","require","evaluarActividad","actividadProgresoResponsable","planYMejoramientoId","actividadId","fechaCierre","filter","plan","dataTableInstance","search","draw","totalAct","actividadesId","split","$isLoading","JSON","parse","localStorage","getItem","getData","core","DataTable","isDataTable","destroy","language","mapMutations","updatePendientesPlanes","newValue","setPendientesPlanes","res","$store","dispatch","path","rol","nivel","pendientesPlanes","error","$moment","tz","Date","format","actividadIndex","findIndex","a","fire","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","cancelButtonText","then","result","isConfirmed","todasEn100","every","actividad","updateEstadoPlan","NuevoEstado","planId","actividades","actividadProgresoPromises","map","getActividadByPlanIdAndActividadId","Promise","all","dataPromises","getActividadById","dataFilter","fetchAllDataParallel","actividadProgresoResults","fetchActividadProgresoForActividades","i","filters","formatDate","date","formattedDate","toLocaleDateString","timeSince","dateString","timezone","dateInBogota","moment_timezone","components","CardTable","BtnAddCardTable","fails","METHOD_NAME","argument","method","call","aCallable","toObject","IndexedObject","lengthOfArrayLike","$TypeError","TypeError","createMethod","IS_RIGHT","that","argumentsLength","memo","O","self","right"],"mappings":"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","file":"js/chunk-cc6615c6.7de060e0.js","sourcesContent":["'use strict';\nvar $ = require('../internals/export');\nvar $reduce = require('../internals/array-reduce').left;\nvar arrayMethodIsStrict = require('../internals/array-method-is-strict');\nvar CHROME_VERSION = require('../internals/engine-v8-version');\nvar IS_NODE = require('../internals/engine-is-node');\n\n// Chrome 80-82 has a critical bug\n// https://bugs.chromium.org/p/chromium/issues/detail?id=1049982\nvar CHROME_BUG = !IS_NODE && CHROME_VERSION > 79 && CHROME_VERSION < 83;\nvar FORCED = CHROME_BUG || !arrayMethodIsStrict('reduce');\n\n// `Array.prototype.reduce` method\n// https://tc39.es/ecma262/#sec-array.prototype.reduce\n$({ target: 'Array', proto: true, forced: FORCED }, {\n  reduce: function reduce(callbackfn /* , initialValue */) {\n    var length = arguments.length;\n    return $reduce(this, callbackfn, length, length > 1 ? arguments[1] : undefined);\n  }\n});\n","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","'use strict';\nvar global = require('../internals/global');\nvar classof = require('../internals/classof-raw');\n\nmodule.exports = classof(global.process) === 'process';\n","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:{\"sm\":\"12\"}},[_c('card',{scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('div',{staticClass:\"d-flex flex-column align-items-start\"},[_c('h4',{staticClass:\"card-title\"},[_c('b',[_vm._v(\"PLANES DE MEJORAMIENTO\")])])])]},proxy:true}])},[_c('div',{staticClass:\"px-5 py-3\"},[_c('div',{staticClass:\"row\",staticStyle:{\"gap\":\"1rem\"}},[_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\":\"Nuevo Plan Mejoramiento\",\"url\":\"PlanMejoramiento_agregar\"}})],1)])]),_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_planMejoramiento\"}},[_c('thead',[_c('tr',[_c('th',[_vm._v(\"Trabajador\")]),_c('th',[_vm._v(\"Competencia\")]),_c('th',[_vm._v(\"Fecha inicio\")]),_c('th',[_vm._v(\"Fecha fin\")]),_c('th',[_vm._v(\"Descripcion\")]),_c('th',[_vm._v(\"Más Detalles\")]),_c('th',[_vm._v(\"Estado Plan\")])])]),_c('tbody',_vm._l((_vm.listaItems),function(item){return _c('tr',{key:item.id},[_c('td',[_vm._v(\" \"+_vm._s(item.persona.nombres + \" \" + item.persona.apellidos)+\" \")]),_c('td',[_vm._v(_vm._s(item.competencia.titulo))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.fechaInicio)))]),_c('td',[_vm._v(_vm._s(_vm._f(\"formatDate\")(item.fechaFin)))]),_c('td',[_vm._v(_vm._s(item.descripcion))]),_c('td',[_c('div',{staticClass:\"d-flex justify-content-center\"},[_c('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.my-modal\",modifiers:{\"my-modal\":true}}],staticClass:\"d-flex\",on:{\"click\":function($event){return _vm.filterData(_vm.listaItems, item.id)}}},[_c('i',{staticClass:\"fas fa-eye\"})])],1)]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${item.estadoPlan ? 'success' : 'warning'} `}},[_c('i',{class:`fas ${\n                          item.estadoPlan ? 'fa-check' : 'fa-clock'\n                        }`}),_vm._v(\"  \"+_vm._s(item.estadoPlan ? \"Terminado\" : \"Pendiente\")+\" \")])],1)])])}),0)])]),_c('b-modal',{attrs:{\"title\":\"Detalles Plan Mejoramiento\",\"id\":\"my-modal\",\"body-bg-variant\":\"dark\",\"header-bg-variant\":\"dark\",\"footer-bg-variant\":\"dark\",\"size\":\"lg\",\"hide-footer\":\"\"}},[_c('h4',{staticClass:\"mb-2\"},[_vm._v(\"Lista Actividades\")]),(_vm.listaActividades.length)?_vm._l((_vm.listaActividades),function(item,index){return _c('div',{key:item.id,staticClass:\"mb-2\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapse-${index}`),expression:\"`collapse-${index}`\"}],staticClass:\"d-flex justify-content-between align-items-center\",attrs:{\"block\":\"\",\"variant\":\"primary\"}},[_c('span',{staticClass:\"text-truncate\"},[_c('i',{class:`fas ${\n                      item.actividadProgreso.porcentajeResp == 100\n                        ? 'fa-check'\n                        : 'fa-clock'\n                    }`}),_vm._v(_vm._s(index + 1)+\". \"+_vm._s(item.nombre))]),_c('i',{staticClass:\"fas fa-chevron-down\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapse-${index}`}},[_c('b-card',{staticClass:\"position-relative\"},[_c('small',{staticClass:\"position-absolute text-success\",staticStyle:{\"right\":\"5px\",\"top\":\"5px\"}},[_vm._v(\"último progreso: \"+_vm._s(_vm._f(\"timeSince\")(item.actividadProgreso.fechaCreacion)))]),_c('h4',{staticClass:\"mb-2\"},[_vm._v(\"Información plan de mejoramiento\")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Descripcion: \")]),_vm._v(_vm._s(item.descripcion)+\" \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Avance actividad: \")]),_vm._v(_vm._s(item.actividadProgreso.porcentajeAut)+\"% \")]),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',[_vm._v(\"Comentario trabajador: \")]),_vm._v(_vm._s(item.actividadProgreso.comentarioAut)+\" \")]),_c('hr'),_c('p',{staticClass:\"card-text font-italic\"},[_c('b',{staticClass:\"text-info\"},[_vm._v(\"Mi comentario: \")]),_vm._v(_vm._s(item.actividadProgreso.comentarioResp)+\" \")]),_c('div',{staticClass:\"d-flex flex-column\",staticStyle:{\"gap\":\"20px\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapse-${index}-inner`),expression:\"`collapse-${index}-inner`\"}]},[_vm._v(\"Evaluar actividad \"),_c('i',{staticClass:\"fas fa-star\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapse-${index}-inner`}},[_c('b-card',[_c('form',{on:{\"submit\":function($event){$event.preventDefault();return _vm.sendActividadProgresoResponsable(item, item.id)}}},[_c('div',{staticClass:\"d-flex flex-column justify-content-between\",staticStyle:{\"gap\":\"20px\"}},[_c('b-form-textarea',{staticClass:\"w-100\",attrs:{\"placeholder\":\"Escriba un comentario...\",\"minlength\":\"10\",\"maxlength\":\"255\",\"required\":\"\"},model:{value:(\n                                item.actividadProgreso.newComentarioResp\n                              ),callback:function ($$v) {_vm.$set(item.actividadProgreso, \"newComentarioResp\", $$v)},expression:\"\\n                                item.actividadProgreso.newComentarioResp\\n                              \"}}),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(\n                                  item.actividadProgreso.porcentajeResp\n                                ),expression:\"\\n                                  item.actividadProgreso.porcentajeResp\\n                                \"}],staticClass:\"mr-1 w-100\",attrs:{\"type\":\"range\",\"id\":\"porcentaje\",\"min\":\"0\",\"max\":\"100\",\"step\":\"0\"},domProps:{\"value\":(\n                                  item.actividadProgreso.porcentajeResp\n                                )},on:{\"input\":function($event){item.changeInput = true},\"__r\":function($event){return _vm.$set(item.actividadProgreso, \"porcentajeResp\", $event.target.value)}}}),_c('span',{class:`px-2 ${\n                                  item.actividadProgreso.porcentajeResp < 50\n                                    ? 'text-danger'\n                                    : item.actividadProgreso.porcentajeResp <\n                                      80\n                                    ? 'text-warning'\n                                    : 'text-info'\n                                }`,staticStyle:{\"font-size\":\"30px\"}},[_c('small',[_vm._v(_vm._s(item.actividadProgreso.porcentajeResp)+\"%\")])])])],1),_c('div',{staticClass:\"text-center mt-3\"},[_c('b-button',{attrs:{\"block\":\"\",\"type\":\"submit\",\"variant\":\"outline-light\",\"disabled\":!item.changeInput}},[_c('i',{staticClass:\"fas fa-thumbs-up\"}),_vm._v(\" Evaluar \")])],1)])])],1)],1)])],1)],1)}):_c('p',[_vm._v(\"cargando actividades...\")])],2)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <b-container fluid>\n    <b-row>\n      <b-col sm=\"12\">\n        <card>\n          <template v-slot:headerTitle>\n            <div class=\"d-flex flex-column align-items-start\">\n              <h4 class=\"card-title\">\n                <b>PLANES DE MEJORAMIENTO</b>\n              </h4>\n            </div>\n          </template>\n          <div class=\"px-5 py-3\">\n            <div class=\"row\" style=\"gap: 1rem\">\n              <div class=\"col-12 col-md-10\">\n                <!-- linar-style cursor glow -->\n                <CardTable :data=\"dataCards\" />\n              </div>\n              <!-- btn new plan -->\n              <div class=\"col-12 col-md\">\n                <BtnAddCardTable\n                  text=\"Nuevo Plan Mejoramiento\"\n                  url=\"PlanMejoramiento_agregar\"\n                />\n              </div>\n            </div>\n          </div>\n          <div class=\"table-responsive px-4 mt-3\">\n            <table\n              id=\"datatable_planMejoramiento\"\n              class=\"table table-bordered table-responsive-md table-striped text-center\"\n            >\n              <thead>\n                <tr>\n                  <th>Trabajador</th>\n                  <th>Competencia</th>\n                  <th>Fecha inicio</th>\n                  <th>Fecha fin</th>\n                  <th>Descripcion</th>\n                  <th>Más Detalles</th>\n                  <th>Estado Plan</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr v-for=\"item in listaItems\" :key=\"item.id\">\n                  <td>\n                    {{ item.persona.nombres + \" \" + item.persona.apellidos }}\n                  </td>\n                  <td>{{ item.competencia.titulo }}</td>\n                  <td>{{ item.fechaInicio | formatDate }}</td>\n                  <td>{{ item.fechaFin | formatDate }}</td>\n                  <td>{{ item.descripcion }}</td>\n                  <td>\n                    <div class=\"d-flex justify-content-center\">\n                      <b-button\n                        class=\"d-flex\"\n                        v-b-modal.my-modal\n                        @click=\"filterData(listaItems, item.id)\"\n                      >\n                        <i class=\"fas fa-eye\"></i\n                      ></b-button>\n                    </div>\n                  </td>\n                  <td>\n                    <h4>\n                      <b-badge\n                        :variant=\"`${item.estadoPlan ? 'success' : 'warning'} `\"\n                      >\n                        <i\n                          :class=\"`fas ${\n                            item.estadoPlan ? 'fa-check' : 'fa-clock'\n                          }`\"\n                        ></i\n                        >&nbsp;\n                        {{ item.estadoPlan ? \"Terminado\" : \"Pendiente\" }}\n                      </b-badge>\n                    </h4>\n                  </td>\n                </tr>\n              </tbody>\n            </table>\n          </div>\n\n          <!-- modal ver mas datalles -->\n          <b-modal\n            title=\"Detalles Plan Mejoramiento\"\n            id=\"my-modal\"\n            body-bg-variant=\"dark\"\n            header-bg-variant=\"dark\"\n            footer-bg-variant=\"dark\"\n            size=\"lg\"\n            hide-footer\n          >\n            <h4 class=\"mb-2\">Lista Actividades</h4>\n            <template v-if=\"listaActividades.length\">\n              <div\n                class=\"mb-2\"\n                v-for=\"(item, index) in listaActividades\"\n                :key=\"item.id\"\n              >\n                <b-button\n                  class=\"d-flex justify-content-between align-items-center\"\n                  block\n                  v-b-toggle=\"`collapse-${index}`\"\n                  variant=\"primary\"\n                  ><span class=\"text-truncate\"\n                    ><i\n                      :class=\"`fas ${\n                        item.actividadProgreso.porcentajeResp == 100\n                          ? 'fa-check'\n                          : 'fa-clock'\n                      }`\"\n                    ></i\n                    >{{ index + 1 }}. {{ item.nombre }}</span\n                  >\n                  <i class=\"fas fa-chevron-down\"></i\n                ></b-button>\n                <b-collapse :id=\"`collapse-${index}`\" class=\"mt-2\">\n                  <b-card class=\"position-relative\">\n                    <small\n                      class=\"position-absolute text-success\"\n                      style=\"right: 5px; top: 5px\"\n                      >último progreso:\n                      {{\n                        item.actividadProgreso.fechaCreacion | timeSince\n                      }}</small\n                    >\n                    <h4 class=\"mb-2\">Información plan de mejoramiento</h4>\n                    <p class=\"card-text font-italic\">\n                      <b>Descripcion: </b>{{ item.descripcion }}\n                    </p>\n                    <p class=\"card-text font-italic\">\n                      <b>Avance actividad: </b\n                      >{{ item.actividadProgreso.porcentajeAut }}%\n                    </p>\n                    <p class=\"card-text font-italic\">\n                      <b>Comentario trabajador: </b\n                      >{{ item.actividadProgreso.comentarioAut }}\n                    </p>\n                    <hr />\n                    <p class=\"card-text font-italic\">\n                      <b class=\"text-info\">Mi comentario: </b\n                      >{{ item.actividadProgreso.comentarioResp }}\n                    </p>\n                    <!-- actions admin -->\n                    <div class=\"d-flex flex-column\" style=\"gap: 20px\">\n                      <!-- calificar actividad -->\n                      <b-button v-b-toggle=\"`collapse-${index}-inner`\"\n                        >Evaluar actividad <i class=\"fas fa-star\"></i\n                      ></b-button>\n                      <b-collapse :id=\"`collapse-${index}-inner`\" class=\"mt-2\">\n                        <b-card>\n                          <form\n                            @submit.prevent=\"\n                              sendActividadProgresoResponsable(item, item.id)\n                            \"\n                          >\n                            <div\n                              class=\"d-flex flex-column justify-content-between\"\n                              style=\"gap: 20px\"\n                            >\n                              <b-form-textarea\n                                class=\"w-100\"\n                                v-model=\"\n                                  item.actividadProgreso.newComentarioResp\n                                \"\n                                placeholder=\"Escriba un comentario...\"\n                                minlength=\"10\"\n                                maxlength=\"255\"\n                                required\n                              ></b-form-textarea>\n                              <div\n                                class=\"d-flex justify-content-center align-items-center\"\n                              >\n                                <input\n                                  class=\"mr-1 w-100\"\n                                  type=\"range\"\n                                  id=\"porcentaje\"\n                                  v-model=\"\n                                    item.actividadProgreso.porcentajeResp\n                                  \"\n                                  @input=\"item.changeInput = true\"\n                                  min=\"0\"\n                                  max=\"100\"\n                                  step=\"0\"\n                                />\n                                <span\n                                  style=\"font-size: 30px\"\n                                  :class=\"`px-2 ${\n                                    item.actividadProgreso.porcentajeResp < 50\n                                      ? 'text-danger'\n                                      : item.actividadProgreso.porcentajeResp <\n                                        80\n                                      ? 'text-warning'\n                                      : 'text-info'\n                                  }`\"\n                                  ><small\n                                    >{{\n                                      item.actividadProgreso.porcentajeResp\n                                    }}%</small\n                                  ></span\n                                >\n                              </div>\n                            </div>\n                            <div class=\"text-center mt-3\">\n                              <b-button\n                                block\n                                type=\"submit\"\n                                variant=\"outline-light\"\n                                :disabled=\"!item.changeInput\"\n                              >\n                                <i class=\"fas fa-thumbs-up\"></i> Evaluar\n                              </b-button>\n                            </div>\n                          </form>\n                        </b-card>\n                      </b-collapse>\n                    </div>\n                  </b-card>\n                </b-collapse>\n              </div>\n            </template>\n            <p v-else>cargando actividades...</p>\n          </b-modal>\n        </card>\n      </b-col>\n    </b-row>\n  </b-container>\n</template>\n<script>\nimport { mapMutations } from \"vuex\";\nimport { core } from \"../../../config/pluginInit\";\nimport moment_timezone from \"moment-timezone\";\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\nimport BtnAddCardTable from \"../../../components/btnCardTable/btnAddCardTable.vue\";\nconst Swal = require(\"sweetalert2\");\nexport default {\n  name: \"PlanMejoramiento\",\n  data() {\n    return {\n      listaItems: [],\n      listaActividades: [],\n      evaluarActividad: 0,\n      persona: {},\n      actividadProgresoResponsable: {\n        planYMejoramientoId: null,\n        actividadId: null,\n        porcentajeAut: 0,\n        comentarioAut: \"\",\n        porcentajeResp: 0,\n        comentarioResp: \"\",\n        fechaCreacion: null,\n        fechaCierre: null,\n      },\n      dataCards: [\n        {\n          title: \"Terminandos\",\n          value: () => this.listaItems.filter((plan) => plan.estadoPlan).length,\n          iconName: \"calendar-check\",\n          color: \"rgba(22, 162, 117, 1)\",\n          tipo: \"\",\n          animated: \"bounce\",\n          onActivate: () => {\n            console.log(\"Activated\");\n            this.dataTableInstance.search(\"Terminado\").draw();\n          },\n          onDeactivate: () => {\n            console.log(\"Deactivate\");\n            this.dataTableInstance.search(\"\").draw();\n          },\n        },\n        {\n          title: \"Pendientes\",\n          value: () =>\n            this.listaItems.filter((plan) => !plan.estadoPlan).length,\n          iconName: \"clock\",\n          color: \"rgba(254, 114, 28, 1)\",\n          tipo: \"\",\n          animated: \"bounce\",\n          onActivate: () => {\n            console.log(\"Activated\");\n            this.dataTableInstance.search(\"Pendiente\").draw();\n          },\n          onDeactivate: () => {\n            console.log(\"Deactivate\");\n            this.dataTableInstance.search(\"\").draw();\n          },\n        },\n        {\n          title: \"Total actividades\",\n          value: () =>\n            this.listaItems.reduce(\n              (totalAct, plan) =>\n                totalAct + plan.actividadesId.split(\",\").length,\n              0\n            ),\n          iconName: \"bolt\",\n          color: \"rgba(71, 136, 255, 1)\",\n          tipo: \"\",\n          animated: \"bounce\",\n          onActivate: () => console.log(\"Activated\"),\n          onDeactivate: () => console.log(\"Deactivate\"),\n        },\n      ],\n    };\n  },\n  async mounted() {\n    this.$isLoading(true);\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\n    await this.getData();\n    core.index();\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_planMejoramiento\")) {\n      window.$(\"#datatable_planMejoramiento\").DataTable().destroy();\n    }\n    this.dataTableInstance = window.$(\"#datatable_planMejoramiento\").DataTable({\n      language: {\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\n      },\n    });\n    this.$isLoading(false);\n  },\n  methods: {\n    ...mapMutations([\"setPendientesPlanes\"]),\n    updatePendientesPlanes(newValue) {\n      this.setPendientesPlanes(newValue);\n    },\n    async getData() {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: `${\n            this.persona.rol.nivel == 4\n              ? \"PlanYMejoramiento/\"\n              : \"PlanYMejoramiento/ByResponsableId/\" + this.persona.id\n          }`,\n        });\n        console.log(\"list planMejoramiento...\", res);\n        if (res.length > 0) {\n          this.listaItems = res;\n          const pendientesPlanes = res.filter((plan) => {\n            console.log(\"--------------------plan\", plan);\n            return plan.estadoPlan == 0;\n          });\n          this.updatePendientesPlanes(pendientesPlanes.length);\n        } else {\n          this.updatePendientesPlanes(0);\n          this.listaItems = [];\n        }\n      } catch (error) {\n        this.listaItems = [];\n        console.log(\"err\", error);\n      }\n    },\n    async sendActividadProgresoResponsable(item, actividadId) {\n      console.log(this.listaActividades);\n      try {\n        let data = {\n          ...this.actividadProgresoResponsable,\n          porcentajeResp: item.actividadProgreso.porcentajeResp,\n          comentarioResp: item.actividadProgreso.newComentarioResp,\n          fechaCreacion: this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\n          fechaCierre: this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\n          actividadId,\n        };\n        let res = await this.$store.dispatch(\"hl_post\", {\n          path: \"Actividad/CreateActividadProgresoResponsable/\",\n          data,\n        });\n        console.log(res);\n        if (res) {\n          this.actividadProgresoResponsable.fechaCreacion = this.$moment\n            .tz(new Date(), \"America/Bogota\")\n            .format(\"YYYY-MM-DDTHH:mm:ss\");\n          // Actualiza el progreso de la actividad en el cliente\n          let actividadIndex = this.listaActividades.findIndex(\n            (a) => a.id === actividadId\n          );\n          if (actividadIndex !== -1) {\n            this.listaActividades[actividadIndex].actividadProgreso = {\n              ...this.listaActividades[actividadIndex].actividadProgreso,\n              porcentajeResp: item.actividadProgreso.porcentajeResp,\n              comentarioResp: item.actividadProgreso.newComentarioResp,\n              fechaCreacion: this.actividadProgresoResponsable.fechaCreacion,\n            };\n          }\n          Swal.fire({\n            title: \"Listo!\",\n            text: \"Evaluacion registrada correctamente\",\n            icon: \"success\",\n            showCancelButton: false,\n            confirmButtonColor: \"#3085d6\",\n            cancelButtonColor: \"#d33\",\n            confirmButtonText: \"OK\",\n            cancelButtonText: \"Cancelar\",\n          }).then(async (result) => {\n            if (result.isConfirmed) {\n              console.log(\"confirmado\");\n              item.actividadProgreso.newComentarioResp = \"\";\n              item.changeInput = false;\n              const todasEn100 = this.listaActividades.every(\n                (actividad) => actividad.actividadProgreso.porcentajeResp == 100\n              );\n              // Luego del bucle, actuamos según si todas las actividades estaban en 100 o no\n              if (todasEn100) {\n                console.log(\n                  \"Todas las actividades tienen un porcentajeResp de 100\"\n                );\n                this.updateEstadoPlan(\n                  this.actividadProgresoResponsable.planYMejoramientoId,\n                  { NuevoEstado: 1 }\n                );\n                this.listaItems.forEach((plan) => {\n                  if (\n                    plan.id ==\n                    this.actividadProgresoResponsable.planYMejoramientoId\n                  )\n                    plan.estadoPlan = 1;\n                });\n                const pendientesPlanes = this.listaItems.filter((plan) => {\n                  console.log(\"--------------------plan\", plan);\n                  return plan.estadoPlan == 0;\n                });\n                this.updatePendientesPlanes(pendientesPlanes.length);\n              } else {\n                console.log(\n                  \"No todas las actividades tienen un porcentajeResp de 100\"\n                );\n                this.updateEstadoPlan(\n                  this.actividadProgresoResponsable.planYMejoramientoId,\n                  { NuevoEstado: 0 }\n                );\n                this.listaItems.forEach((plan) => {\n                  if (\n                    plan.id ==\n                    this.actividadProgresoResponsable.planYMejoramientoId\n                  )\n                    plan.estadoPlan = 0;\n                });\n                const pendientesPlanes = this.listaItems.filter((plan) => {\n                  console.log(\"--------------------plan\", plan);\n                  return plan.estadoPlan == 0;\n                });\n                this.updatePendientesPlanes(pendientesPlanes.length);\n              }\n            }\n          });\n        }\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async updateEstadoPlan(planId, data) {\n      try {\n        let res = await this.$store.dispatch(\"hl_post\", {\n          path: \"PlanYMejoramiento/UpdateEstado/\" + planId,\n          data,\n        });\n        console.log(res);\n        return res;\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async getActividadById(actividadId) {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path: \"Actividad/GetActividad/\" + actividadId,\n        });\n        console.log(\"actividadById...\", res);\n        return res;\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async getActividadByPlanIdAndActividadId(planId, actividadId) {\n      try {\n        let res = await this.$store.dispatch(\"hl_get\", {\n          path:\n            \"ActividadProgreso/GetActividadByPlanIdAndActividadId/\" +\n            planId +\n            \"/\" +\n            actividadId,\n        });\n        console.log(\"ActividadProgreso...\", res);\n        return res;\n      } catch (error) {\n        console.log(\"err\", error);\n      }\n    },\n    async fetchActividadProgresoForActividades(planId, actividades) {\n      let actividadProgresoPromises = actividades.map((actividad) =>\n        this.getActividadByPlanIdAndActividadId(planId, actividad.id)\n      );\n      return await Promise.all(actividadProgresoPromises);\n    },\n    async fetchAllDataParallel(data) {\n      let dataPromises = data.map((id) => this.getActividadById(id));\n      return await Promise.all(dataPromises);\n    },\n    filterData(data, id) {\n      this.actividadProgresoResponsable.planYMejoramientoId = id;\n      let dataFilter = data.filter((item) => item.id === id);\n      let actividades = dataFilter[0].actividadesId.split(\",\");\n      console.log(actividades);\n      this.fetchAllDataParallel(actividades).then(async (result) => {\n        // Aquí obtenemos actividadProgreso para cada actividad en result\n        let actividadProgresoResults =\n          await this.fetchActividadProgresoForActividades(id, result);\n        for (let i = 0; i < result.length; i++) {\n          result[i].actividadProgreso = actividadProgresoResults[i];\n          result[i].actividadProgreso.changeInput = false;\n          result[i].actividadProgreso.newComentarioResp = \"\";\n        }\n        this.listaActividades = result;\n        console.log(result);\n      });\n    },\n  },\n  filters: {\n    formatDate(date) {\n      const formattedDate = new Date(date).toLocaleDateString(\"es-ES\");\n      return formattedDate;\n    },\n    timeSince(dateString, timezone = \"America/Bogota\") {\n      const dateInBogota = moment_timezone.tz(dateString, timezone);\n      return dateInBogota.format(\"YYYY-MM-DD hh:mm A\");\n    },\n  },\n  components: { CardTable, BtnAddCardTable },\n};\n</script>\n\n<style></style>\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!./PlanMejoramiento.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!./PlanMejoramiento.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./PlanMejoramiento.vue?vue&type=template&id=d50e7eca\"\nimport script from \"./PlanMejoramiento.vue?vue&type=script&lang=js\"\nexport * from \"./PlanMejoramiento.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","'use strict';\nvar fails = require('../internals/fails');\n\nmodule.exports = function (METHOD_NAME, argument) {\n  var method = [][METHOD_NAME];\n  return !!method && fails(function () {\n    // eslint-disable-next-line no-useless-call -- required for testing\n    method.call(null, argument || function () { return 1; }, 1);\n  });\n};\n","'use strict';\nvar aCallable = require('../internals/a-callable');\nvar toObject = require('../internals/to-object');\nvar IndexedObject = require('../internals/indexed-object');\nvar lengthOfArrayLike = require('../internals/length-of-array-like');\n\nvar $TypeError = TypeError;\n\n// `Array.prototype.{ reduce, reduceRight }` methods implementation\nvar createMethod = function (IS_RIGHT) {\n  return function (that, callbackfn, argumentsLength, memo) {\n    var O = toObject(that);\n    var self = IndexedObject(O);\n    var length = lengthOfArrayLike(O);\n    aCallable(callbackfn);\n    var index = IS_RIGHT ? length - 1 : 0;\n    var i = IS_RIGHT ? -1 : 1;\n    if (argumentsLength < 2) while (true) {\n      if (index in self) {\n        memo = self[index];\n        index += i;\n        break;\n      }\n      index += i;\n      if (IS_RIGHT ? index < 0 : length <= index) {\n        throw new $TypeError('Reduce of empty array with no initial value');\n      }\n    }\n    for (;IS_RIGHT ? index >= 0 : length > index; index += i) if (index in self) {\n      memo = callbackfn(memo, self[index], index, O);\n    }\n    return memo;\n  };\n};\n\nmodule.exports = {\n  // `Array.prototype.reduce` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduce\n  left: createMethod(false),\n  // `Array.prototype.reduceRight` method\n  // https://tc39.es/ecma262/#sec-array.prototype.reduceright\n  right: createMethod(true)\n};\n","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":""}