{"version":3,"sources":["webpack:///./src/components/charts/ProgressChart.vue","webpack:///src/components/charts/ProgressChart.vue","webpack:///./src/components/charts/ProgressChart.vue?21bb","webpack:///./src/components/charts/ProgressChart.vue?6023","webpack:///./src/components/btnCardTable/btnAddCardTable.vue","webpack:///src/components/btnCardTable/btnAddCardTable.vue","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?3ff7","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?17d6","webpack:///./node_modules/core-js/modules/esnext.iterator.every.js","webpack:///./src/components/cardTable/CardTable.vue","webpack:///src/components/cardTable/CardTable.vue","webpack:///./src/components/cardTable/CardTable.vue?d1a9","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?9fba","webpack:///./src/views/Helexium/PlanMejoramiento/PlanMejoramiento.vue?babb","webpack:///./src/components/btnCardTable/btnAddCardTable.vue?9142","webpack:///./src/components/charts/ProgressChart.vue?fcc0","webpack:///./src/components/cardTable/CardTable.vue?a98d"],"names":["render","_vm$titleCheck","_vm","this","_c","_self","staticClass","staticStyle","attrs","borderColor","style","transition","filter","circleColor","circumference","currentProgress","_v","_s","currentPercentage","progressConfirmed","titleCheck","textTotal","staticRenderFns","props","String","total","Number","confirmed","data","computed","progressPercentage","Math","floor","min","round","radius","PI","watch","animateProgress","methods","targetProgress","animationDuration","fps","targetValue","startValue","increment","current","animate","requestAnimationFrame","mounted","component","variant","url","on","handleClick","$event","isHovered","class","icon","text","type","default","$emit","$","iterate","aCallable","anObject","getIteratorDirect","target","proto","real","every","predicate","record","counter","value","stop","IS_RECORD","INTERRUPTED","stopped","_l","card","index","_card$sizeValue","key","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","fontSize","sizeValue","evaluateValue","Array","onActivate","onDeactivate","animationFrameId","beat","beatFade","bounce","fade","flip","shake","spin","spinReverse","spinPulse","tipoIcon","circle","squared","shield","water","onResize","window","addEventListener","beforeDestroy","removeEventListener","forEach","_","checkTitleLength","$nextTick","titleElement","$el","querySelectorAll","scrollWidth","clientWidth","$set","rect","currentTarget","getBoundingClientRect","targetX","clientX","targetY","clientY","cancelAnimationFrame","startX","startY","dx","dy","abs","dataCards","listaItems","item","id","persona","nombres","apellidos","competencia","titulo","_f","fechaInicio","fechaFin","descripcion","directives","name","rawName","modifiers","filterData","estadoPlan","listaActividades","length","usuarioAsignado","placement","expression","actividadProgreso","planYMejoramiento","usuarioResponsable","porcentajeResp","nombre","fechaCreacion","porcentajeAut","comentarioAut","comentarioResp","preventDefault","sendActividadProgresoResponsable","model","newComentarioResp","callback","$$v","domProps","changeInput","Swal","require","moment","locale","evaluarActividad","actividadProgresoResponsable","planYMejoramientoId","actividadId","fechaCierre","plan","dataTableInstance","search","draw","reduce","totalAct","actividadesId","split","$isLoading","JSON","parse","localStorage","getItem","getData","core","fn","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","actividad","updateEstadoPlan","NuevoEstado","planId","actividades","actividadProgresoPromises","map","getActividadByPlanIdAndActividadId","Promise","all","dataPromises","getActividadById","dataFilter","fetchAllDataParallel","actividadProgresoResults","fetchActividadProgresoForActividades","i","filters","formatDate","date","timeSince","dateString","timezone","dateInBogota","moment_timezone","components","CardTable","BtnAddCardTable","ProgressChart"],"mappings":"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","file":"js/chunk-6650c893.236d963bd6d74d106d8b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"gap\":\"1rem\"}},[_c('div',{staticClass:\"progress-chart\"},[_c('svg',{attrs:{\"width\":\"180\",\"height\":\"180\"}},[_c('circle',{attrs:{\"cx\":\"90\",\"cy\":\"90\",\"r\":\"80\",\"fill\":\"none\",\"stroke\":_vm.borderColor,\"stroke-width\":9,\"stroke-opacity\":0.5}}),_c('circle',{style:({\n          transition: 'stroke-dashoffset 2s',\n          filter: `drop-shadow(0px 0px 3px ${_vm.circleColor})`,\n        }),attrs:{\"cx\":90,\"cy\":90,\"r\":\"80\",\"fill\":\"none\",\"stroke\":_vm.circleColor,\"stroke-linecap\":\"round\",\"stroke-width\":12,\"stroke-dasharray\":_vm.circumference,\"stroke-dashoffset\":_vm.circumference * (1 - _vm.currentProgress)}}),_c('text',{staticStyle:{\"fill\":\"var(--text-progress) !important\"},attrs:{\"x\":\"95\",\"y\":\"95\",\"text-anchor\":\"middle\",\"alignment-baseline\":\"middle\",\"font-size\":\"3.5rem\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.currentPercentage)+\" \"),_c('tspan',{attrs:{\"dy\":\"0.5em\",\"dx\":\"-0.6em\",\"font-size\":\"1.5rem\"}},[_vm._v(\"%\")])])])]),_c('div',{staticClass:\"row d-flex justify-content-center\"},[_c('div',{staticClass:\"col d-flex flex-column align-items-center\"},[_c('vs-avatar',{staticClass:\"mr-1\",attrs:{\"icon\":\"\",\"success\":\"\",\"size\":\"40\"}},[_c('i',{staticClass:\"fas fa-check-circle\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_vm._v(_vm._s(_vm.progressConfirmed))]),_c('span',{staticClass:\"text-white-50\"},[_vm._v(_vm._s(_vm.titleCheck ?? \"Finalizadas\"))])])],1),_c('div',{staticStyle:{\"width\":\"1px\",\"background-color\":\"#102e5f\"}}),_c('div',{staticClass:\"col d-flex flex-column align-items-center\"},[_c('vs-avatar',{staticClass:\"mr-1\",attrs:{\"icon\":\"\",\"primary\":\"\",\"size\":\"40\"}},[_c('i',{staticClass:\"fas fa-trophy\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column align-items-center mt-2\"},[_c('span',{staticStyle:{\"font-size\":\"2rem\"}},[_vm._v(_vm._s(_vm.textTotal))]),_c('span',{staticClass:\"text-white-50\"},[_vm._v(\"Totales\")])])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"d-flex flex-column justify-content-center align-items-center\"\r\n    style=\"gap: 1rem\"\r\n  >\r\n    <div class=\"progress-chart\">\r\n      <svg width=\"180\" height=\"180\">\r\n        <!-- Reducimos el tamaño del SVG -->\r\n        <!-- Círculo exterior (borde vacío) con sombra en un color diferente -->\r\n        <circle\r\n          cx=\"90\"\r\n          cy=\"90\"\r\n          r=\"80\"\r\n          fill=\"none\"\r\n          :stroke=\"borderColor\"\r\n          :stroke-width=\"9\"\r\n          :stroke-opacity=\"0.5\"\r\n        />\r\n\r\n        <!-- Círculo interior que se llenará con brillo y colores personalizados -->\r\n        <circle\r\n          :cx=\"90\"\r\n          :cy=\"90\"\r\n          r=\"80\"\r\n          fill=\"none\"\r\n          :stroke=\"circleColor\"\r\n          stroke-linecap=\"round\"\r\n          :stroke-width=\"12\"\r\n          :stroke-dasharray=\"circumference\"\r\n          :stroke-dashoffset=\"circumference * (1 - currentProgress)\"\r\n          :style=\"{\r\n            transition: 'stroke-dashoffset 2s',\r\n            filter: `drop-shadow(0px 0px 3px ${circleColor})`,\r\n          }\"\r\n        />\r\n\r\n        <!-- Porcentaje de progreso en el centro arriba del texto existente -->\r\n        <text\r\n          x=\"95\"\r\n          y=\"95\"\r\n          text-anchor=\"middle\"\r\n          alignment-baseline=\"middle\"\r\n          font-size=\"3.5rem\"\r\n          font-weight=\"bold\"\r\n          style=\"fill: var(--text-progress) !important\"\r\n        >\r\n          {{ currentPercentage }}\r\n          <tspan dy=\"0.5em\" dx=\"-0.6em\" font-size=\"1.5rem\">%</tspan>\r\n        </text>\r\n      </svg>\r\n    </div>\r\n    <!-- info progress -->\r\n    <div class=\"row d-flex justify-content-center\">\r\n      <!-- finalizadas -->\r\n      <div class=\"col d-flex flex-column align-items-center\">\r\n        <vs-avatar icon success size=\"40\" class=\"mr-1\">\r\n          <i class=\"fas fa-check-circle\" style=\"font-size: 1.5rem\"></i>\r\n        </vs-avatar>\r\n        <div class=\"d-flex flex-column align-items-center mt-2\">\r\n          <span style=\"font-size: 2rem\">{{ progressConfirmed }}</span>\r\n          <span class=\"text-white-50\">{{ titleCheck ?? \"Finalizadas\" }}</span>\r\n        </div>\r\n      </div>\r\n      <!-- divisor -->\r\n      <div style=\"width: 1px; background-color: #102e5f\"></div>\r\n\r\n      <!-- totales -->\r\n      <div class=\"col d-flex flex-column align-items-center\">\r\n        <vs-avatar icon primary size=\"40\" class=\"mr-1\">\r\n          <i class=\"fas fa-trophy\" style=\"font-size: 1.5rem\"></i>\r\n        </vs-avatar>\r\n        <div class=\"d-flex flex-column align-items-center mt-2\">\r\n          <span style=\"font-size: 2rem\">{{ textTotal }}</span>\r\n          <span class=\"text-white-50\">Totales</span>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    titleCheck: String,\r\n    total: Number, // total\r\n    confirmed: Number, // confirmado\r\n  },\r\n  data() {\r\n    return {\r\n      currentProgress: 0, // Inicialmente 0\r\n    };\r\n  },\r\n  computed: {\r\n    progressPercentage() {\r\n      return Math.floor(this.confirmed) / Math.floor(this.total);\r\n    },\r\n    borderColor() {\r\n      return \"var(--muted-progress)\"; // Color del borde exterior\r\n    },\r\n    circleColor() {\r\n      // Cambia el color del círculo interior según diferentes rangos de porcentaje\r\n      if (this.progressPercentage < 0.4) {\r\n        return \"#DF122E\"; // Rojo para menos del 40%\r\n      } else if (this.progressPercentage < 0.8) {\r\n        return \"rgb(255, 130, 0)\"; // Amarillo para menos del 80%\r\n      } else {\r\n        return \"rgb(23, 201, 100)\"; // Verde para el resto\r\n      }\r\n    },\r\n    progressConfirmed() {\r\n      return `${this.confirmed}`;\r\n    },\r\n    textTotal() {\r\n      return `${this.total}`;\r\n    },\r\n    currentPercentage() {\r\n      return Math.min(Math.round(this.currentProgress * 100), 100); // Limitar a un máximo de 100%\r\n    },\r\n    circumference() {\r\n      const radius = 80; // Radio del círculo\r\n      return 2 * Math.PI * radius;\r\n    },\r\n  },\r\n  watch: {\r\n    total() {\r\n      this.animateProgress();\r\n    },\r\n    confirmed() {\r\n      this.animateProgress();\r\n    },\r\n  },\r\n  methods: {\r\n    animateProgress() {\r\n      const targetProgress = this.progressPercentage;\r\n      const animationDuration = 1000; // Duración de la animación en milisegundos (1 segundo)\r\n      const fps = 60; // Cuadros por segundo\r\n\r\n      const targetValue = Math.min(targetProgress, 1); // Limitar a un máximo de 1 (o 100%)\r\n      const startValue = this.currentProgress; // Valor actual del progreso\r\n\r\n      const increment =\r\n        (targetValue - startValue) / (animationDuration / (1000 / fps));\r\n      let current = startValue;\r\n\r\n      const animate = () => {\r\n        // Animar incremento o decremento según el valor de `increment`\r\n        if (\r\n          (increment > 0 && current < targetValue) ||\r\n          (increment < 0 && current > targetValue)\r\n        ) {\r\n          current += increment;\r\n          this.currentProgress = current;\r\n          requestAnimationFrame(animate);\r\n        }\r\n      };\r\n\r\n      animate();\r\n    },\r\n  },\r\n  mounted() {\r\n    this.animateProgress();\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.progress-chart {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  width: 180px;\r\n  height: 180px;\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/@vue/cli-plugin-babel/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!./ProgressChart.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/@vue/cli-plugin-babel/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!./ProgressChart.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ProgressChart.vue?vue&type=template&id=6428d5f2&scoped=true\"\nimport script from \"./ProgressChart.vue?vue&type=script&lang=js\"\nexport * from \"./ProgressChart.vue?vue&type=script&lang=js\"\nimport style0 from \"./ProgressChart.vue?vue&type=style&index=0&id=6428d5f2&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  \"6428d5f2\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('vs-button',{staticClass:\"btn-add\",attrs:{\"success\":_vm.variant === 'success',\"danger\":_vm.variant === 'danger',\"warn\":_vm.variant === 'warn',\"to\":`${_vm.url}`},on:{\"click\":_vm.handleClick,\"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    @click=\"handleClick\"\r\n    @mouseover=\"isHovered = true\"\r\n    @mouseleave=\"isHovered = false\"\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  methods: {\r\n    handleClick() {\r\n      // Emitir un evento personalizado cuando se hace clic en el botón\r\n      this.$emit(\"click\");\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: 100%;\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/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=9ddaed84&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=9ddaed84&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  \"9ddaed84\",\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar $ = require('../internals/export');\nvar iterate = require('../internals/iterate');\nvar aCallable = require('../internals/a-callable');\nvar anObject = require('../internals/an-object');\nvar getIteratorDirect = require('../internals/get-iterator-direct');\n\n// `Iterator.prototype.every` method\n// https://github.com/tc39/proposal-iterator-helpers\n$({ target: 'Iterator', proto: true, real: true }, {\n  every: function every(predicate) {\n    anObject(this);\n    aCallable(predicate);\n    var record = getIteratorDirect(this);\n    var counter = 0;\n    return !iterate(record, function (value, stop) {\n      if (!predicate(value, counter++)) return stop();\n    }, { IS_RECORD: true, INTERRUPTED: true }).stopped;\n  }\n});\n","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\",style:({\n          fontSize: `${card.sizeValue ?? 40}px`,\n        })},[_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\r\n          class=\"font-weight-bold\"\r\n          :style=\"{\r\n            fontSize: `${card.sizeValue ?? 40}px`,\r\n          }\"\r\n          >{{ evaluateValue(card.value) }}</span\r\n        >\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          sizeValue: 40,\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/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=73483910&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=73483910&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  \"73483910\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('HXContentCard',{attrs:{\"title\":\"Planes de Mejoramiento\"}},[_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(\"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.detailsCap\",modifiers:{\"detailsCap\":true}}],staticClass:\"d-flex\",on:{\"click\":function($event){return _vm.filterData(_vm.listaItems, item.id)}}},[_c('i',{staticClass:\"fas fa-eye mx-auto\"})])],1)]),_c('td',[_c('h4',[_c('b-badge',{attrs:{\"variant\":`${item.estadoPlan ? 'success' : 'warning'} `}},[_c('i',{class:`fas ${item.estadoPlan ? 'fa-check' : 'fa-clock'}`}),_vm._v(\"  \"+_vm._s(item.estadoPlan ? \"Terminado\" : \"Pendiente\")+\" \")])],1)])])}),0)])]),_c('b-modal',{attrs:{\"id\":\"detailsCap\",\"size\":\"xl\",\"hide-footer\":\"\",\"hide-nav\":\"\"}},[_c('div',[(_vm.listaActividades.length)?_c('b-card',[_c('div',{staticClass:\"row flex-column-reverse flex-lg-row\"},[_c('div',{staticClass:\"col-12 col-lg\"},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"background-color\":\"#df122e\",\"width\":\"7px\",\"border-radius\":\"0 20px 0 20px\",\"height\":\"30px\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                title: `${_vm.listaActividades[0].usuarioAsignado.nombres}` + ` ` + `${_vm.listaActividades[0].usuarioAsignado.apellidos}`,\n                placement: 'bottom',\n                variant: 'primary',\n              }),expression:\"{\\n                title: `${listaActividades[0].usuarioAsignado.nombres}` + ` ` + `${listaActividades[0].usuarioAsignado.apellidos}`,\\n                placement: 'bottom',\\n                variant: 'primary',\\n              }\"}],staticStyle:{\"font-size\":\"1.5rem\",\"font-weight\":\"bolder\",\"margin-left\":\"5px\",\"max-width\":\"100%\",\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\"}},[_vm._v(\" ACTIVIDAD DE : \"+_vm._s(_vm.listaActividades[0].usuarioAsignado.nombres + \" \" + _vm.listaActividades[0].usuarioAsignado.apellidos)+\" \")])]),_c('div',{staticClass:\"d-flex align-items-center flex-wrap mt-3\",staticStyle:{\"gap\":\"1.5rem\"}},[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mr-2\"},[_c('i',{staticClass:\"far fa-calendar-check\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('small',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\"Fecha inicio\")]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"1.1rem\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.listaActividades[0].actividadProgreso.planYMejoramiento.fechaInicio)))])])]),_c('div',{staticStyle:{\"width\":\"1px\",\"height\":\"20px\",\"background-color\":\"#102e5f\"}}),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticClass:\"d-flex justify-content-center align-items-center mr-2\"},[_c('i',{staticClass:\"far fa-calendar-check\",staticStyle:{\"font-size\":\"1.5rem\"}})]),_c('div',{staticClass:\"d-flex flex-column\"},[_c('small',{staticClass:\"font-weight-bold text-white-50\"},[_vm._v(\"Fecha fin\")]),_c('span',{staticClass:\"font-weight-bold\",staticStyle:{\"font-size\":\"1.1rem\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"formatDate\")(_vm.listaActividades[0].actividadProgreso.planYMejoramiento.fechaFin)))])])])]),_c('div',{staticClass:\"mt-3\"},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle.viewDetails\",modifiers:{\"viewDetails\":true}}],staticStyle:{\"border-radius\":\"0 25px 0 25px\"},attrs:{\"size\":\"xl\",\"block\":\"\"}},[_vm._v(\" Más detalles \"),_c('i',{staticClass:\"fas fa-chevron-down ml-1\"})]),_c('b-collapse',{attrs:{\"visible\":\"\",\"id\":\"viewDetails\"}},[_c('div',{staticClass:\"mt-2 d-flex flex-wrap\"},[_c('div',{staticClass:\"col-5\"},[_c('span',{staticClass:\"h4\",staticStyle:{\"padding-left\":\"5px\",\"font-weight\":\"bold\"}},[_vm._v(\"NOMBRE EVALUADO\")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                        title: `Nombre evaluado`,\n                        placement: 'top',\n                        variant: 'primary',\n                      }),expression:\"{\\n                        title: `Nombre evaluado`,\\n                        placement: 'top',\\n                        variant: 'primary',\\n                      }\"}],staticClass:\"pl-1\"},[_vm._v(\" \"+_vm._s(_vm.listaActividades[0].usuarioAsignado.nombres + \" \" + _vm.listaActividades[0].usuarioAsignado.apellidos)+\" \")])])]),_c('div',{staticClass:\"col-6\"},[_c('span',{staticClass:\"h4\",staticStyle:{\"font-weight\":\"bold\"}},[_vm._v(\"ONBOARDING RESPONSABLE \")]),_c('div',{staticClass:\"d-flex align-items-center\"},[_c('div',{staticStyle:{\"width\":\"7px\",\"height\":\"7px\",\"border-radius\":\"50%\",\"background-color\":\"#df122e\"}}),_c('span',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                        title: `Nombre responsable`,\n                        placement: 'top',\n                        variant: 'primary',\n                      }),expression:\"{\\n                        title: `Nombre responsable`,\\n                        placement: 'top',\\n                        variant: 'primary',\\n                      }\"}],staticClass:\"pl-1\",staticStyle:{\"white-space\":\"nowrap\",\"overflow\":\"hidden\",\"text-overflow\":\"ellipsis\"}},[_vm._v(\" \"+_vm._s(_vm.listaActividades[0].usuarioResponsable.nombres + \" \" + _vm.listaActividades[0].usuarioResponsable.apellidos)+\" \")])])]),_c('div',{staticClass:\"d-flex justify-content-center col-12 mt-4\"},[_c('b-card',{staticClass:\"col-11 bg-dark mb-3\"},[_c('div',{staticClass:\"position-absolute\",staticStyle:{\"left\":\"-32px\",\"top\":\"-0px\"}},[_c('i',{staticClass:\"fa-regular fa-comments mr-2\",staticStyle:{\"font-size\":\"1.5rem\"}}),_c('span',{staticClass:\"h5 font-weight-bold\"},[_vm._v(\"Descripción plan de mejora\")])]),_c('div',{staticClass:\"content-message mt-3\"},[_vm._v(\" \"+_vm._s(_vm.listaActividades[0].descripcion ? _vm.listaActividades[0].descripcion : \"No hay descripción adjunta en el plan de mejora.\")+\" \")])])],1)]),_c('div',{staticClass:\"d-flex flex-column align-items-start\"},[_c('span',{staticClass:\"h3 font-weight-bold mb-2\"},[_vm._v(\"Actividades\")]),(_vm.listaActividades.length)?_vm._l((_vm.listaActividades),function(item,index){return _c('div',{key:item.id,staticClass:\"mb-2 col-12\",staticStyle:{\"padding-left\":\"0px\"}},[_c('b-button',{directives:[{name:\"b-toggle\",rawName:\"v-b-toggle\",value:(`collapsar-${index}`),expression:\"`collapsar-${index}`\"}],staticClass:\"d-flex justify-content-between align-items-center text-uppercase\",attrs:{\"block\":\"\",\"variant\":\"primary\"}},[_c('span',{staticClass:\"text-white\"},[_c('i',{class:`ml-1 mr-2 fas ${item.actividadProgreso.porcentajeResp == 100\n                          ? 'fa-check text-success'\n                          : 'fa-clock text-warning'\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\":`collapsar-${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('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-primary\"},[_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:(`collapsar-${index}-inner`),expression:\"`collapsar-${index}-inner`\"}]},[_vm._v(\" Evaluar actividad \"),_c('i',{staticClass:\"fas fa-star\"})]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":`collapsar-${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:(item.actividadProgreso.newComentarioResp\n                                      ),callback:function ($$v) {_vm.$set(item.actividadProgreso, \"newComentarioResp\", $$v)},expression:\"item.actividadProgreso.newComentarioResp\\n                                      \"}}),_c('div',{staticClass:\"d-flex justify-content-center align-items-center\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(item.actividadProgreso.porcentajeResp\n                                        ),expression:\"item.actividadProgreso.porcentajeResp\\n                                        \"}],staticClass:\"mr-1 w-100\",attrs:{\"type\":\"range\",\"id\":\"porcentaje\",\"min\":\"0\",\"max\":\"100\",\"step\":\"0\"},domProps:{\"value\":(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 ${item.actividadProgreso.porcentajeResp < 50\n                                        ? 'text-danger'\n                                        : item.actividadProgreso.porcentajeResp <\n                                          80\n                                          ? 'text-warning'\n                                          : 'text-primary'\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)]),_c('div',{staticClass:\"col-12 col-lg\"},[_c('b-card',{staticClass:\"bg-card-r bg-dark\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\",staticStyle:{\"height\":\"100%\"}},[_c('span',{staticClass:\"h3 font-weight-bold mt-3 mb-1 text-uppercase text-center\"},[_vm._v(\" Actividades finalizadas \")]),(_vm.listaActividades.length)?_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('ProgressChart',{attrs:{\"titleCheck\":\"Completadas\",\"confirmed\":_vm.listaActividades.filter(item => item.actividadProgreso.porcentajeResp == 100).length,\"total\":_vm.listaActividades.length}})],1):_vm._e(),_c('div',{staticClass:\"d-flex flex-row justify-content-center mt-4\",staticStyle:{\"gap\":\"2rem\"}},[_c('div',{staticClass:\"d-flex flex-row align-items-center\"},[_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center mx-3\"},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                        title: `Comentarios Responsable`,\n                        placement: 'top',\n                        variant: 'primary',\n                      }),expression:\"{\\n                        title: `Comentarios Responsable`,\\n                        placement: 'top',\\n                        variant: 'primary',\\n                      }\"}],staticClass:\"d-flex justify-content-center rounded align-items-center bg-info\",staticStyle:{\"width\":\"48px\",\"height\":\"48px\",\"box-shadow\":\"0px -1px 33px -8px #4788ff\"}},[_c('i',{staticClass:\"fas fa-comments fa-fade\",staticStyle:{\"font-size\":\"1.2rem\"}})]),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('span',{staticStyle:{\"font-size\":\"1.8rem\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.listaActividades.filter(item => item.actividadProgreso.comentarioResp).length)+\" \")]),_c('p',{staticClass:\"text-white-50\"},[_vm._v(\"Responsable\")])])]),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center mx-3\"},[_c('div',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip\",value:({\n                        title: `Comentarios Trabajador`,\n                        placement: 'top',\n                        variant: 'primary',\n                      }),expression:\"{\\n                        title: `Comentarios Trabajador`,\\n                        placement: 'top',\\n                        variant: 'primary',\\n                      }\"}],staticClass:\"d-flex justify-content-center rounded align-items-center bg-info\",staticStyle:{\"width\":\"48px\",\"height\":\"48px\",\"box-shadow\":\"0px -1px 33px -8px #4788ff\"}},[_c('i',{staticClass:\"fas fa-comments fa-fade\",staticStyle:{\"font-size\":\"1.2rem\"}})]),_c('div',{staticClass:\"d-flex flex-column justify-content-center align-items-center\"},[_c('span',{staticStyle:{\"font-size\":\"1.8rem\",\"font-weight\":\"bold\"}},[_vm._v(\" \"+_vm._s(_vm.listaActividades.filter(item => item.actividadProgreso.comentarioAut).length)+\" \")]),_c('p',{staticClass:\"text-white-50\"},[_vm._v(\"Trabajador\")])])])])])])])],1)])]):_vm._e()],1)])],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <HXContentCard title=\"Planes de Mejoramiento\">\r\n    <div class=\"px-5 py-3\">\r\n      <div class=\"row\" style=\"gap: 1rem\">\r\n        <div class=\"col-12 col-md-10\">\r\n          <!-- linar-style cursor glow -->\r\n          <CardTable :data=\"dataCards\" />\r\n        </div>\r\n        <!-- btn new plan -->\r\n        <div class=\"col-12 col-md\">\r\n          <BtnAddCardTable text=\"Nuevo Plan Mejoramiento\" url=\"PlanMejoramiento_agregar\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"table-responsive px-4 mt-3\">\r\n      <table id=\"datatable_planMejoramiento\" class=\"table table-bordered table-responsive-md table-striped text-center\">\r\n        <thead>\r\n          <tr>\r\n            <th>Trabajador</th>\r\n            <th>Competencia</th>\r\n            <th>Fecha inicio</th>\r\n            <th>Fecha fin</th>\r\n            <th>Descripcion</th>\r\n            <th>Detalles</th>\r\n            <th>Estado Plan</th>\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          <tr v-for=\"item in listaItems\" :key=\"item.id\">\r\n            <td>\r\n              {{ item.persona.nombres + \" \" + item.persona.apellidos }}\r\n            </td>\r\n            <td>{{ item.competencia.titulo }}</td>\r\n            <td>{{ item.fechaInicio | formatDate }}</td>\r\n            <td>{{ item.fechaFin | formatDate }}</td>\r\n            <td>{{ item.descripcion }}</td>\r\n            \r\n            <td>\r\n              \r\n              <div class=\"d-flex justify-content-center\">\r\n                \r\n                <b-button class=\"d-flex\" v-b-modal.detailsCap @click=\"filterData(listaItems, item.id)\">\r\n                  <i class=\"fas fa-eye mx-auto\"></i></b-button>\r\n              </div>\r\n            </td>\r\n            <td>\r\n              <h4>\r\n                <b-badge :variant=\"`${item.estadoPlan ? 'success' : 'warning'} `\">\r\n                  <i :class=\"`fas ${item.estadoPlan ? 'fa-check' : 'fa-clock'}`\"></i>&nbsp;\r\n                  {{ item.estadoPlan ? \"Terminado\" : \"Pendiente\" }}\r\n                </b-badge>\r\n              </h4>\r\n            </td>\r\n          </tr>\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n\r\n    <!-- modal ver mas datalles -->\r\n\r\n    <b-modal id=\"detailsCap\" size=\"xl\" hide-footer hide-nav>\r\n      <div>\r\n\r\n        <b-card v-if=\"listaActividades.length\">\r\n          <div class=\"row flex-column-reverse flex-lg-row\">\r\n            <!-- data info PlanMejoramiento -->\r\n            <div class=\"col-12 col-lg\">\r\n              <div class=\"d-flex align-items-center\">\r\n                <div style=\"\r\n                          background-color: #df122e;\r\n                          width: 7px;\r\n                          border-radius: 0 20px 0 20px;\r\n                          height: 30px;\r\n                        \"></div>\r\n                <span v-b-tooltip=\"{\r\n                  title: `${listaActividades[0].usuarioAsignado.nombres}` + ` ` + `${listaActividades[0].usuarioAsignado.apellidos}`,\r\n                  placement: 'bottom',\r\n                  variant: 'primary',\r\n                }\" style=\"\r\n                          font-size: 1.5rem;\r\n                          font-weight: bolder;\r\n                          margin-left: 5px;\r\n                          max-width: 100%;\r\n                          white-space: nowrap;\r\n                          overflow: hidden;\r\n                          text-overflow: ellipsis;\r\n                        \">\r\n                  ACTIVIDAD DE : {{ listaActividades[0].usuarioAsignado.nombres + \" \" +\r\n                    listaActividades[0].usuarioAsignado.apellidos }}\r\n                </span>\r\n\r\n              </div>\r\n              <!-- access info -->\r\n              <div class=\"d-flex align-items-center flex-wrap mt-3\" style=\"gap: 1.5rem\">\r\n\r\n                <!-- fecha inicio -->\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"d-flex justify-content-center align-items-center mr-2\">\r\n                    <i class=\"far fa-calendar-check\" style=\"font-size: 1.5rem\"></i>\r\n                  </div>\r\n                  <div class=\"d-flex flex-column\">\r\n                    <small class=\"font-weight-bold text-white-50\">Fecha inicio</small>\r\n                    <span style=\"font-size: 1.1rem\" class=\"font-weight-bold\">\r\n                      {{ listaActividades[0].actividadProgreso.planYMejoramiento.fechaInicio | formatDate }}</span>\r\n                  </div>\r\n                </div>\r\n                <!-- divisor -->\r\n                <div style=\"\r\n                          width: 1px;\r\n                          height: 20px;\r\n                          background-color: #102e5f;\r\n                        \">\r\n                </div>\r\n                <!-- fecha fin -->\r\n                <div class=\"d-flex align-items-center\">\r\n                  <div class=\"d-flex justify-content-center align-items-center mr-2\">\r\n                    <i class=\"far fa-calendar-check\" style=\"font-size: 1.5rem\"></i>\r\n                  </div>\r\n                  <div class=\"d-flex flex-column\">\r\n                    <small class=\"font-weight-bold text-white-50\">Fecha fin</small>\r\n                    <span style=\"font-size: 1.1rem\" class=\"font-weight-bold\">\r\n                      {{ listaActividades[0].actividadProgreso.planYMejoramiento.fechaFin | formatDate }}</span>\r\n                  </div>\r\n                </div>\r\n\r\n\r\n              </div>\r\n              \r\n              <!-- ver mas detalles -->\r\n              <div class=\"mt-3\">\r\n                <b-button v-b-toggle.viewDetails size=\"xl\" style=\"border-radius: 0 25px 0 25px\" block>\r\n                  Más detalles\r\n                  <i class=\"fas fa-chevron-down ml-1\"></i></b-button>\r\n                <b-collapse visible id=\"viewDetails\">\r\n                  <!-- mas info -->\r\n                  <div class=\"mt-2 d-flex flex-wrap\" style=\"\">\r\n\r\n\r\n                    <!-- nombre trabajador -->\r\n                    <div class=\" col-5\">\r\n                      <span class=\"h4\" style=\"\r\n                                padding-left: 5px;\r\n                                font-weight: bold;\r\n                              \">NOMBRE EVALUADO</span>\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <div style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"></div>\r\n                        <span class=\"pl-1\" v-b-tooltip=\"{\r\n                          title: `Nombre evaluado`,\r\n                          placement: 'top',\r\n                          variant: 'primary',\r\n                        }\">\r\n                          {{ listaActividades[0].usuarioAsignado.nombres + \" \" +\r\n                            listaActividades[0].usuarioAsignado.apellidos }}\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n                    <!--responsable -->\r\n                    <div class=\" col-6\">\r\n                      <span class=\"h4\" style=\"\r\n                                font-weight: bold;\r\n                              \">ONBOARDING RESPONSABLE\r\n                      </span>\r\n                      <div class=\"d-flex align-items-center\">\r\n                        <div style=\"\r\n                                  width: 7px;\r\n                                  height: 7px;\r\n                                  border-radius: 50%;\r\n                                  background-color: #df122e;\r\n                                \"></div>\r\n                        <span v-b-tooltip=\"{\r\n                          title: `Nombre responsable`,\r\n                          placement: 'top',\r\n                          variant: 'primary',\r\n                        }\" class=\"pl-1\" style=\"\r\n                                  white-space: nowrap;\r\n                                  overflow: hidden;\r\n                                  text-overflow: ellipsis;\r\n                                \">\r\n                          {{ listaActividades[0].usuarioResponsable.nombres + \" \" +\r\n                            listaActividades[0].usuarioResponsable.apellidos }}\r\n                        </span>\r\n                      </div>\r\n                    </div>\r\n\r\n                    <div class=\"d-flex justify-content-center col-12 mt-4 \">\r\n                      <b-card class=\" col-11 bg-dark mb-3\">\r\n                        <div class=\"position-absolute\" style=\" left: -32px; top: -0px;\">\r\n                          <i class=\"fa-regular fa-comments mr-2\" style=\"font-size: 1.5rem;\"></i>\r\n                          <span class=\"h5 font-weight-bold\">Descripción plan de mejora</span>\r\n                        </div>\r\n                        <div class=\" content-message mt-3\">\r\n                          {{ listaActividades[0].descripcion ? listaActividades[0].descripcion : \"No hay descripción adjunta en el plan de mejora.\" }}\r\n                        </div>\r\n                      </b-card>\r\n                    </div>\r\n\r\n                   \r\n\r\n                    \r\n\r\n                  </div>\r\n                  <!-- lista actividades -->\r\n                  <div class=\"d-flex flex-column align-items-start\">\r\n                    <span class=\"h3 font-weight-bold mb-2\">Actividades</span>\r\n                    <template v-if=\"listaActividades.length\">\r\n                      <div class=\"mb-2 col-12 \" v-for=\"(item, index) in listaActividades\" :key=\"item.id\"\r\n                        style=\"padding-left: 0px;\">\r\n                        <b-button block class=\"d-flex justify-content-between align-items-center text-uppercase\"\r\n                          v-b-toggle=\"`collapsar-${index}`\" variant=\"primary\">\r\n                          <span class=\"text-white\"><i :class=\"`ml-1 mr-2 fas ${item.actividadProgreso.porcentajeResp == 100\r\n                            ? 'fa-check text-success'\r\n                            : 'fa-clock text-warning'\r\n                            }`\"></i>{{ index + 1 }}. {{ item.nombre }}</span>\r\n                          <i class=\"fas fa-chevron-down\"></i></b-button>\r\n                        <b-collapse :id=\"`collapsar-${index}`\" class=\"mt-2\">\r\n                          <b-card class=\"position-relative\">\r\n                            <small class=\"position-absolute text-success\" style=\"right: 5px; top: 5px\">último\r\n                              progreso:\r\n                              {{\r\n                                item.actividadProgreso.fechaCreacion | timeSince\r\n                              }}</small>\r\n                            <p class=\"card-text font-italic\">\r\n                              <b>Descripcion: </b>{{ item.descripcion }}\r\n                            </p>\r\n                            <p class=\"card-text font-italic\">\r\n                              <b>Avance actividad: </b>{{ item.actividadProgreso.porcentajeAut }}%\r\n                            </p>\r\n                            <p class=\"card-text font-italic\">\r\n                              <b>Comentario trabajador: </b>{{ item.actividadProgreso.comentarioAut }}\r\n                            </p>\r\n                            <hr />\r\n                            <p class=\"card-text font-italic\">\r\n                              <b class=\"text-primary\">Mi comentario: </b>{{\r\n                                item.actividadProgreso.comentarioResp }}\r\n                            </p>\r\n                            <!-- actions admin -->\r\n                            <div class=\"d-flex flex-column\" style=\"gap: 20px\">\r\n                              <!-- calificar actividad -->\r\n                              <b-button v-b-toggle=\"`collapsar-${index}-inner`\">\r\n                                Evaluar actividad <i class=\"fas fa-star\"></i>\r\n                              </b-button>\r\n                              <b-collapse :id=\"`collapsar-${index}-inner`\" class=\"mt-2\">\r\n                                <b-card>\r\n                                  <form @submit.prevent=\"\r\n                                    sendActividadProgresoResponsable(item, item.id)\r\n                                    \">\r\n                                    <div class=\"d-flex flex-column justify-content-between\" style=\"gap: 20px\">\r\n                                      <b-form-textarea class=\"w-100\" v-model=\"item.actividadProgreso.newComentarioResp\r\n                                        \" placeholder=\"Escriba un comentario...\" minlength=\"10\" maxlength=\"255\"\r\n                                        required></b-form-textarea>\r\n                                      <div class=\"d-flex justify-content-center align-items-center\">\r\n                                        <input class=\"mr-1 w-100\" type=\"range\" id=\"porcentaje\" v-model=\"item.actividadProgreso.porcentajeResp\r\n                                          \" @input=\"item.changeInput = true\" min=\"0\" max=\"100\" step=\"0\" />\r\n                                        <span style=\"font-size: 30px\" :class=\"`px-2 ${item.actividadProgreso.porcentajeResp < 50\r\n                                          ? 'text-danger'\r\n                                          : item.actividadProgreso.porcentajeResp <\r\n                                            80\r\n                                            ? 'text-warning'\r\n                                            : 'text-primary'\r\n                                          }`\"><small>{{\r\n                                            item.actividadProgreso.porcentajeResp\r\n                                          }}%</small></span>\r\n                                      </div>\r\n                                    </div>\r\n                                    <div class=\"text-center mt-3\">\r\n                                      <b-button block type=\"submit\" variant=\"outline-light\"\r\n                                        :disabled=\"!item.changeInput\">\r\n                                        <i class=\"fas fa-thumbs-up\"></i> Evaluar\r\n                                      </b-button>\r\n                                    </div>\r\n                                  </form>\r\n                                </b-card>\r\n                              </b-collapse>\r\n                            </div>\r\n                          </b-card>\r\n                        </b-collapse>\r\n                      </div>\r\n                    </template>\r\n                    <p v-else>cargando actividades...</p>\r\n                  </div>\r\n                </b-collapse>\r\n              </div>\r\n\r\n\r\n            </div>\r\n            <!-- grafic progress finalización actividades  -->\r\n            <div class=\"col-12 col-lg\">\r\n              <b-card class=\"bg-card-r bg-dark\">\r\n                <div class=\"d-flex flex-column justify-content-center align-items-center\" style=\"height: 100%\">\r\n                  <span class=\" h3 font-weight-bold mt-3 mb-1 text-uppercase text-center\">\r\n                    Actividades finalizadas\r\n                  </span>\r\n                  <!-- component ProgressChart -->\r\n                  <div class=\"d-flex flex-column justify-content-center align-items-center\"\r\n                    v-if=\"listaActividades.length\">\r\n                    <ProgressChart titleCheck=\"Completadas\"\r\n                      :confirmed=\"listaActividades.filter(item => item.actividadProgreso.porcentajeResp == 100).length\"\r\n                      :total=\"listaActividades.length\" />\r\n\r\n                     \r\n                  </div>\r\n                  <!-- primary icons -->\r\n                  <div class=\"d-flex flex-row justify-content-center mt-4\" style=\"gap: 2rem\">\r\n                    <!-- comentarios -->\r\n                    <div class=\"d-flex flex-row align-items-center\">\r\n                      <div class=\"d-flex flex-column justify-content-center align-items-center mx-3\">\r\n                        <div v-b-tooltip=\"{\r\n                          title: `Comentarios Responsable`,\r\n                          placement: 'top',\r\n                          variant: 'primary',\r\n                        }\" class=\" d-flex justify-content-center rounded align-items-center bg-info\" style=\"\r\n                                width: 48px;\r\n                                height: 48px;\r\n                                box-shadow: 0px -1px 33px -8px #4788ff;\r\n                              \">\r\n                          <i class=\"fas fa-comments fa-fade\" style=\"font-size: 1.2rem\"></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                          <span style=\"font-size: 1.8rem; font-weight: bold\">\r\n                            {{\r\n                              listaActividades.filter(item => item.actividadProgreso.comentarioResp).length\r\n                            }}\r\n                          </span>\r\n\r\n\r\n                          <p class=\"text-white-50\">Responsable</p>\r\n                        </div>\r\n                      </div>\r\n                      <div class=\"d-flex flex-column justify-content-center align-items-center mx-3\">\r\n                        <div v-b-tooltip=\"{\r\n                          title: `Comentarios Trabajador`,\r\n                          placement: 'top',\r\n                          variant: 'primary',\r\n                        }\" class=\"d-flex justify-content-center rounded align-items-center bg-info\" style=\"\r\n                                width: 48px;\r\n                                height: 48px;\r\n                                box-shadow: 0px -1px 33px -8px #4788ff;\r\n                              \">\r\n                          <i class=\"fas fa-comments fa-fade\" style=\"font-size: 1.2rem\"></i>\r\n                        </div>\r\n                        <div class=\"d-flex flex-column justify-content-center align-items-center\">\r\n                          <span style=\"font-size: 1.8rem; font-weight: bold\">\r\n                            {{\r\n                              listaActividades.filter(item => item.actividadProgreso.comentarioAut).length\r\n                            }}\r\n                          </span>\r\n                          <p class=\"text-white-50\">Trabajador</p>\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </b-card>\r\n            </div>\r\n          </div>\r\n        </b-card>\r\n      </div>\r\n    </b-modal>\r\n  </HXContentCard>\r\n</template>\r\n<script>\r\nimport { mapMutations } from \"vuex\";\r\nimport { core } from \"../../../config/pluginInit\";\r\nimport moment_timezone from \"moment-timezone\";\r\nimport CardTable from \"../../../components/cardTable/CardTable.vue\";\r\nimport BtnAddCardTable from \"../../../components/btnCardTable/btnAddCardTable.vue\";\r\nconst Swal = require(\"sweetalert2\");\r\n\r\nimport moment from 'moment/moment';\r\nimport \"moment/locale/es\"\r\nmoment.locale('es')\r\nimport ProgressChart from \"@/components/charts/ProgressChart.vue\";\r\n\r\nexport default {\r\n  name: \"PlanMejoramiento\",\r\n  data() {\r\n    return {\r\n      listaItems: [],\r\n      listaActividades: [],\r\n      evaluarActividad: 0,\r\n      persona: {},\r\n      actividadProgresoResponsable: {\r\n        planYMejoramientoId: null,\r\n        actividadId: null,\r\n        porcentajeAut: 0,\r\n        comentarioAut: \"\",\r\n        porcentajeResp: 0,\r\n        comentarioResp: \"\",\r\n        fechaCreacion: null,\r\n        fechaCierre: null,\r\n      },\r\n      dataCards: [\r\n        {\r\n          title: \"Terminandos\",\r\n          value: () => this.listaItems.filter((plan) => plan.estadoPlan).length,\r\n          iconName: \"calendar-check\",\r\n          color: \"rgba(22, 162, 117, 1)\",\r\n          tipo: \"\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Terminado\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n        },\r\n        {\r\n          title: \"Pendientes\",\r\n          value: () =>\r\n            this.listaItems.filter((plan) => !plan.estadoPlan).length,\r\n          iconName: \"clock\",\r\n          color: \"rgba(254, 114, 28, 1)\",\r\n          tipo: \"\",\r\n          animated: \"bounce\",\r\n          onActivate: () => {\r\n            console.log(\"Activated\");\r\n            this.dataTableInstance.search(\"Pendiente\").draw();\r\n          },\r\n          onDeactivate: () => {\r\n            console.log(\"Deactivate\");\r\n            this.dataTableInstance.search(\"\").draw();\r\n          },\r\n        },\r\n        {\r\n          title: \"Total actividades\",\r\n          value: () =>\r\n            this.listaItems.reduce(\r\n              (totalAct, plan) =>\r\n                totalAct + plan.actividadesId.split(\",\").length,\r\n              0\r\n            ),\r\n          iconName: \"bolt\",\r\n          color: \"rgba(71, 136, 255, 1)\",\r\n          tipo: \"\",\r\n          animated: \"bounce\",\r\n          onActivate: () => console.log(\"Activated\"),\r\n          onDeactivate: () => console.log(\"Deactivate\"),\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  async mounted() {\r\n    this.$isLoading(true);\r\n    this.persona = JSON.parse(localStorage.getItem(\"setPersonaAct\"));\r\n    await this.getData();\r\n    core.index();\r\n    if (window.$.fn.DataTable.isDataTable(\"#datatable_planMejoramiento\")) {\r\n      window.$(\"#datatable_planMejoramiento\").DataTable().destroy();\r\n    }\r\n    this.dataTableInstance = window.$(\"#datatable_planMejoramiento\").DataTable({\r\n      language: {\r\n        url: \"//cdn.datatables.net/plug-ins/1.10.15/i18n/Spanish.json\",\r\n      },\r\n    });\r\n    this.$isLoading(false);\r\n  },\r\n  methods: {\r\n    ...mapMutations([\"setPendientesPlanes\"]),\r\n    updatePendientesPlanes(newValue) {\r\n      this.setPendientesPlanes(newValue);\r\n    },\r\n    async getData() {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: `${this.persona.rol.nivel == 4\r\n            ? \"PlanYMejoramiento/\"\r\n            : \"PlanYMejoramiento/ByResponsableId/\" + this.persona.id\r\n            }`,\r\n        });\r\n        console.log(\"list planMejoramiento...\", res);\r\n        if (res.length > 0) {\r\n          this.listaItems = res;\r\n          const pendientesPlanes = res.filter((plan) => {\r\n            console.log(\"--------------------plan\", plan);\r\n            return plan.estadoPlan == 0;\r\n          });\r\n          this.updatePendientesPlanes(pendientesPlanes.length);\r\n        } else {\r\n          this.updatePendientesPlanes(0);\r\n          this.listaItems = [];\r\n        }\r\n      } catch (error) {\r\n        this.listaItems = [];\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async sendActividadProgresoResponsable(item, actividadId) {\r\n      console.log(this.listaActividades);\r\n      try {\r\n        let data = {\r\n          ...this.actividadProgresoResponsable,\r\n          porcentajeResp: item.actividadProgreso.porcentajeResp,\r\n          comentarioResp: item.actividadProgreso.newComentarioResp,\r\n          fechaCreacion: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n          fechaCierre: this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\"),\r\n          actividadId,\r\n        };\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"Actividad/CreateActividadProgresoResponsable/\",\r\n          data,\r\n        });\r\n        console.log(res);\r\n        if (res) {\r\n          this.actividadProgresoResponsable.fechaCreacion = this.$moment\r\n            .tz(new Date(), \"America/Bogota\")\r\n            .format(\"YYYY-MM-DDTHH:mm:ss\");\r\n          // Actualiza el progreso de la actividad en el cliente\r\n          let actividadIndex = this.listaActividades.findIndex(\r\n            (a) => a.id === actividadId\r\n          );\r\n          if (actividadIndex !== -1) {\r\n            this.listaActividades[actividadIndex].actividadProgreso = {\r\n              ...this.listaActividades[actividadIndex].actividadProgreso,\r\n              porcentajeResp: item.actividadProgreso.porcentajeResp,\r\n              comentarioResp: item.actividadProgreso.newComentarioResp,\r\n              fechaCreacion: this.actividadProgresoResponsable.fechaCreacion,\r\n            };\r\n          }\r\n          Swal.fire({\r\n            title: \"Listo!\",\r\n            text: \"Evaluacion registrada correctamente\",\r\n            icon: \"success\",\r\n            showCancelButton: false,\r\n            confirmButtonColor: \"#3085d6\",\r\n            cancelButtonColor: \"#d33\",\r\n            confirmButtonText: \"OK\",\r\n            cancelButtonText: \"Cancelar\",\r\n          }).then(async (result) => {\r\n            if (result.isConfirmed) {\r\n              console.log(\"confirmado\");\r\n              item.actividadProgreso.newComentarioResp = \"\";\r\n              item.changeInput = false;\r\n              const todasEn100 = this.listaActividades.every(\r\n                (actividad) => actividad.actividadProgreso.porcentajeResp == 100\r\n              );\r\n              // Luego del bucle, actuamos según si todas las actividades estaban en 100 o no\r\n              if (todasEn100) {\r\n                console.log(\r\n                  \"Todas las actividades tienen un porcentajeResp de 100\"\r\n                );\r\n                this.updateEstadoPlan(\r\n                  this.actividadProgresoResponsable.planYMejoramientoId,\r\n                  { NuevoEstado: 1 }\r\n                );\r\n                this.listaItems.forEach((plan) => {\r\n                  if (\r\n                    plan.id ==\r\n                    this.actividadProgresoResponsable.planYMejoramientoId\r\n                  )\r\n                    plan.estadoPlan = 1;\r\n                });\r\n                const pendientesPlanes = this.listaItems.filter((plan) => {\r\n                  console.log(\"--------------------plan\", plan);\r\n                  return plan.estadoPlan == 0;\r\n                });\r\n                this.updatePendientesPlanes(pendientesPlanes.length);\r\n              } else {\r\n                console.log(\r\n                  \"No todas las actividades tienen un porcentajeResp de 100\"\r\n                );\r\n                this.updateEstadoPlan(\r\n                  this.actividadProgresoResponsable.planYMejoramientoId,\r\n                  { NuevoEstado: 0 }\r\n                );\r\n                this.listaItems.forEach((plan) => {\r\n                  if (\r\n                    plan.id ==\r\n                    this.actividadProgresoResponsable.planYMejoramientoId\r\n                  )\r\n                    plan.estadoPlan = 0;\r\n                });\r\n                const pendientesPlanes = this.listaItems.filter((plan) => {\r\n                  console.log(\"--------------------plan\", plan);\r\n                  return plan.estadoPlan == 0;\r\n                });\r\n                this.updatePendientesPlanes(pendientesPlanes.length);\r\n              }\r\n            }\r\n          });\r\n        }\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async updateEstadoPlan(planId, data) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_post\", {\r\n          path: \"PlanYMejoramiento/UpdateEstado/\" + planId,\r\n          data,\r\n        });\r\n        console.log(res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getActividadById(actividadId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path: \"Actividad/GetActividad/\" + actividadId,\r\n        });\r\n        console.log(\"actividadById...\", res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async getActividadByPlanIdAndActividadId(planId, actividadId) {\r\n      try {\r\n        let res = await this.$store.dispatch(\"hl_get\", {\r\n          path:\r\n            \"ActividadProgreso/GetActividadByPlanIdAndActividadId/\" +\r\n            planId +\r\n            \"/\" +\r\n            actividadId,\r\n        });\r\n        console.log(\"ActividadProgreso...\", res);\r\n        return res;\r\n      } catch (error) {\r\n        console.log(\"err\", error);\r\n      }\r\n    },\r\n    async fetchActividadProgresoForActividades(planId, actividades) {\r\n      let actividadProgresoPromises = actividades.map((actividad) =>\r\n        this.getActividadByPlanIdAndActividadId(planId, actividad.id)\r\n      );\r\n      return await Promise.all(actividadProgresoPromises);\r\n    },\r\n    async fetchAllDataParallel(data) {\r\n      let dataPromises = data.map((id) => this.getActividadById(id));\r\n      return await Promise.all(dataPromises);\r\n    },\r\n    filterData(data, id) {\r\n      this.actividadProgresoResponsable.planYMejoramientoId = id;\r\n      let dataFilter = data.filter((item) => item.id === id);\r\n      let actividades = dataFilter[0].actividadesId.split(\",\");\r\n      console.log(actividades);\r\n      this.fetchAllDataParallel(actividades).then(async (result) => {\r\n        // Aquí obtenemos actividadProgreso para cada actividad en result\r\n        let actividadProgresoResults =\r\n          await this.fetchActividadProgresoForActividades(id, result);\r\n        for (let i = 0; i < result.length; i++) {\r\n          result[i].actividadProgreso = actividadProgresoResults[i];\r\n          result[i].actividadProgreso.changeInput = false;\r\n          result[i].actividadProgreso.newComentarioResp = \"\";\r\n        }\r\n        this.listaActividades = result;\r\n        console.log(result);\r\n      });\r\n    },\r\n  },\r\n  filters: {\r\n    formatDate(date) {\r\n\r\n      return date ? moment(date).locale(\"es\").format('D MMM YYYY') : \"No hay fecha registrada\";\r\n    },\r\n    timeSince(dateString, timezone = \"America/Bogota\") {\r\n      const dateInBogota = moment_timezone.tz(dateString, timezone);\r\n      return dateInBogota.format(\"YYYY-MM-DD hh:mm A\");\r\n    },\r\n  },\r\n  components: { CardTable, BtnAddCardTable, ProgressChart },\r\n};\r\n</script>\r\n\r\n<style></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/@vue/cli-plugin-babel/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/@vue/cli-plugin-babel/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=2b64b754\"\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","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=9ddaed84&prod&scoped=true&lang=css\"","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!./ProgressChart.vue?vue&type=style&index=0&id=6428d5f2&prod&scoped=true&lang=css\"","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=73483910&prod&scoped=true&lang=css\""],"sourceRoot":""}