{"version":3,"sources":["webpack:///./src/views/Helexium/Ayuda/Academia/Evaluaciones/EvaluacionCurso.vue","webpack:///src/views/Helexium/Ayuda/Academia/Evaluaciones/EvaluacionCurso.vue","webpack:///./src/views/Helexium/Ayuda/Academia/Evaluaciones/EvaluacionCurso.vue?21a8","webpack:///./src/views/Helexium/Ayuda/Academia/Evaluaciones/EvaluacionCurso.vue?d94e","webpack:///./src/views/Helexium/Ayuda/Academia/Evaluaciones/EvaluacionCurso.vue?6a2e"],"names":["render","_vm","this","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","staticStyle","_v","_s","TituloEvaluacion","proxy","formattedTime","currentQuestionIndex","ListEvaluacion","length","isCurrentQuestionAnswered","LoadingNextPregunta","on","nextQuestion","_e","evaluacionTerminada","submitForm","progress","currentQuestion","TipoRespuesta","Enunciado","ariaDescribedby","_l","Respuestas","res","ID","model","value","userAnswers","respuestas","callback","$$v","$set","expression","TextoRespuesta","staticRenderFns","data","PersonaId","EvaluacionId","fechaInicioCompleto","timeRemaining","timer","CerrarEvaluacion","computed","minutes","Math","floor","seconds","String","padStart","currentAnswer","undefined","trim","$route","params","id","JSON","parse","localStorage","getItem","getEvaluacion","window","addEventListener","preventReload","startTimer","methods","event","preventDefault","returnValue","response","$store","dispatch","path","respuesta","Preguntas","Informacion","Titulo","Tiempo","Swal","fire","mensaje","$router","push","guardarRespuesta","preguntaId","requestBody","PreguntaId","Respuesta","Array","isArray","join","url","error","then","title","text","icon","showCancelButton","confirmButtonColor","cancelButtonColor","confirmButtonText","result","isConfirmed","setInterval","clearInterval","timeUp","beforeDestroy","removeEventListener","beforeRouteLeave","to","from","next","cancelButtonText","component"],"mappings":"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","file":"js/chunk-44c0546e.de8088bc6f8176a65152.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('b-container',{staticClass:\"h-100\",attrs:{\"fluid\":\"\"}},[_c('b-row',{staticClass:\"h-100\"},[_c('b-col',{attrs:{\"sm\":\"12\"}},[_c('card',{staticClass:\"pb-5\",scopedSlots:_vm._u([{key:\"headerTitle\",fn:function(){return [_c('div',{staticClass:\"d-flex justify-content-between w-100\"},[_c('h3',{staticClass:\"card-title font-weight-bold\",staticStyle:{\"font-size\":\"30px\"}},[_vm._v(_vm._s(_vm.TituloEvaluacion))])])]},proxy:true},{key:\"headerAction\",fn:function(){return [_c('div',{staticClass:\"timer font-weight-bold text-danger\",staticStyle:{\"font-size\":\"20px\"}},[_vm._v(\" \"+_vm._s(_vm.formattedTime)+\" \")])]},proxy:true},{key:\"footer\",fn:function(){return [_c('div',{staticClass:\"d-flex justify-content-between\"},[(_vm.currentQuestionIndex !== _vm.ListEvaluacion.length - 1)?_c('vs-button',{attrs:{\"disabled\":!_vm.isCurrentQuestionAnswered,\"variant\":\"primary\",\"loading\":_vm.LoadingNextPregunta},on:{\"click\":_vm.nextQuestion}},[_vm._v(\" Siguiente \")]):_vm._e(),(_vm.currentQuestionIndex === _vm.ListEvaluacion.length - 1)?_c('vs-button',{attrs:{\"disabled\":_vm.evaluacionTerminada || !_vm.isCurrentQuestionAnswered,\"variant\":\"primary\"},on:{\"click\":_vm.submitForm}},[_vm._v(\" Finalizar \")]):_vm._e()],1)]},proxy:true}])},[_c('b-progress',{staticClass:\"mb-3\",attrs:{\"value\":_vm.progress,\"max\":\"100\"}}),_c('div',{staticClass:\"p-5\",staticStyle:{\"font-size\":\"1.1rem\"}},[_c('form',[_c('b-row',[_c('b-col',{attrs:{\"sm\":\"12\"}},[(_vm.currentQuestion && _vm.currentQuestion.TipoRespuesta === 'SeleccionMultiple')?_c('b-form-group',{attrs:{\"label\":_vm.currentQuestion.Enunciado,\"label-class\":'font-weight-bold'},scopedSlots:_vm._u([{key:\"default\",fn:function({ ariaDescribedby }){return _vm._l((_vm.currentQuestion.Respuestas),function(res){return _c('b-form-radio',{key:res.ID,staticClass:\"form-res\",attrs:{\"sm\":\"12\",\"aria-describedby\":ariaDescribedby,\"value\":res.ID},model:{value:(_vm.userAnswers.respuestas[_vm.currentQuestion.ID]),callback:function ($$v) {_vm.$set(_vm.userAnswers.respuestas, _vm.currentQuestion.ID, $$v)},expression:\"userAnswers.respuestas[currentQuestion.ID]\"}},[_vm._v(\" \"+_vm._s(res.TextoRespuesta)+\" \")])})}}],null,false,2377689568)}):(_vm.currentQuestion && _vm.currentQuestion.TipoRespuesta === 'TextoLibre')?_c('b-form-group',{attrs:{\"label\":_vm.currentQuestion.Enunciado,\"label-class\":'font-weight-bold'}},[_c('b-form-textarea',{attrs:{\"rows\":3,\"max-rows\":6},model:{value:(_vm.userAnswers.respuestas[_vm.currentQuestion.ID]),callback:function ($$v) {_vm.$set(_vm.userAnswers.respuestas, _vm.currentQuestion.ID, $$v)},expression:\"userAnswers.respuestas[currentQuestion.ID]\"}})],1):(_vm.currentQuestion && _vm.currentQuestion.TipoRespuesta === 'MultipleRespuesta')?_c('b-form-group',{attrs:{\"label\":_vm.currentQuestion.Enunciado,\"label-class\":'font-weight-bold'}},[_c('b-form-checkbox-group',{model:{value:(_vm.userAnswers.respuestas[_vm.currentQuestion.ID]),callback:function ($$v) {_vm.$set(_vm.userAnswers.respuestas, _vm.currentQuestion.ID, $$v)},expression:\"userAnswers.respuestas[currentQuestion.ID]\"}},_vm._l((_vm.currentQuestion.Respuestas),function(res){return _c('b-form-checkbox',{key:res.ID,staticClass:\"form-res\",attrs:{\"value\":res.ID}},[_vm._v(\" \"+_vm._s(res.TextoRespuesta)+\" \")])}),1)],1):(_vm.currentQuestion && _vm.currentQuestion.TipoRespuesta === 'VerdaderoFalso')?_c('b-form-group',{attrs:{\"label\":_vm.currentQuestion.Enunciado,\"label-class\":'font-weight-bold'}},[_c('b-form-radio',{staticClass:\"form-res\",attrs:{\"value\":\"true\"},model:{value:(_vm.userAnswers.respuestas[_vm.currentQuestion.ID]),callback:function ($$v) {_vm.$set(_vm.userAnswers.respuestas, _vm.currentQuestion.ID, $$v)},expression:\"userAnswers.respuestas[currentQuestion.ID]\"}},[_vm._v(\" Verdadero \")]),_c('b-form-radio',{staticClass:\"form-res\",attrs:{\"value\":\"false\"},model:{value:(_vm.userAnswers.respuestas[_vm.currentQuestion.ID]),callback:function ($$v) {_vm.$set(_vm.userAnswers.respuestas, _vm.currentQuestion.ID, $$v)},expression:\"userAnswers.respuestas[currentQuestion.ID]\"}},[_vm._v(\" Falso \")])],1):_vm._e()],1)],1)],1)])],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-container fluid class=\"h-100\">\r\n    <b-row class=\"h-100\">\r\n      <b-col sm=\"12\">\r\n        <card class=\"pb-5\">\r\n          <template v-slot:headerTitle>\r\n            <div class=\"d-flex justify-content-between w-100\">\r\n              <h3 class=\"card-title font-weight-bold\" style=\"font-size: 30px\">{{ TituloEvaluacion }}</h3>\r\n            </div>\r\n          </template>\r\n          <template v-slot:headerAction>\r\n            <div class=\"timer font-weight-bold text-danger\" style=\"font-size: 20px\">\r\n              {{ formattedTime }}\r\n            </div>\r\n          </template>\r\n          <b-progress :value=\"progress\" max=\"100\" class=\"mb-3\"></b-progress>\r\n          <div class=\"p-5\" style=\"font-size: 1.1rem;\">\r\n            <form>\r\n              <b-row>\r\n                <b-col sm=\"12\">\r\n                  <b-form-group v-if=\"currentQuestion && currentQuestion.TipoRespuesta === 'SeleccionMultiple'\"\r\n                                v-slot=\"{ ariaDescribedby }\" :label=\"currentQuestion.Enunciado\"\r\n                                :label-class=\"'font-weight-bold'\">\r\n                    <b-form-radio class=\"form-res\" sm=\"12\" v-for=\"res in currentQuestion.Respuestas\" :key=\"res.ID\"\r\n                                  :aria-describedby=\"ariaDescribedby\" :value=\"res.ID\"\r\n                                  v-model=\"userAnswers.respuestas[currentQuestion.ID]\">\r\n                      {{ res.TextoRespuesta }}\r\n                    </b-form-radio>\r\n                  </b-form-group>\r\n\r\n                  <b-form-group v-else-if=\"currentQuestion && currentQuestion.TipoRespuesta === 'TextoLibre'\"\r\n                                :label=\"currentQuestion.Enunciado\" :label-class=\"'font-weight-bold'\">\r\n                    <b-form-textarea v-model=\"userAnswers.respuestas[currentQuestion.ID]\" :rows=\"3\" :max-rows=\"6\">\r\n                    </b-form-textarea>\r\n                  </b-form-group>\r\n\r\n                  <b-form-group v-else-if=\"currentQuestion && currentQuestion.TipoRespuesta === 'MultipleRespuesta'\"\r\n                                :label=\"currentQuestion.Enunciado\" :label-class=\"'font-weight-bold'\">\r\n                    <b-form-checkbox-group v-model=\"userAnswers.respuestas[currentQuestion.ID]\">\r\n                      <b-form-checkbox class=\"form-res\" v-for=\"res in currentQuestion.Respuestas\" :key=\"res.ID\"\r\n                                       :value=\"res.ID\">\r\n                        {{ res.TextoRespuesta }}\r\n                      </b-form-checkbox>\r\n                    </b-form-checkbox-group>\r\n                  </b-form-group>\r\n\r\n                  <b-form-group v-else-if=\"currentQuestion && currentQuestion.TipoRespuesta === 'VerdaderoFalso'\"\r\n                                :label=\"currentQuestion.Enunciado\" :label-class=\"'font-weight-bold'\">\r\n                    <b-form-radio class=\"form-res\" value=\"true\" v-model=\"userAnswers.respuestas[currentQuestion.ID]\">\r\n                      Verdadero\r\n                    </b-form-radio>\r\n                    <b-form-radio class=\"form-res\" value=\"false\" v-model=\"userAnswers.respuestas[currentQuestion.ID]\">\r\n                      Falso\r\n                    </b-form-radio>\r\n                  </b-form-group>\r\n                </b-col>\r\n              </b-row>\r\n            </form>\r\n          </div>\r\n          <template v-slot:footer>\r\n            <div class=\"d-flex justify-content-between\">\r\n              <vs-button :disabled=\"!isCurrentQuestionAnswered\" variant=\"primary\" :loading=\"LoadingNextPregunta\"\r\n                        v-if=\"currentQuestionIndex !== ListEvaluacion.length - 1\"\r\n                        @click=\"nextQuestion\">\r\n                Siguiente\r\n              </vs-button>\r\n              <vs-button :disabled=\"evaluacionTerminada || !isCurrentQuestionAnswered\" variant=\"primary\"\r\n                        v-if=\"currentQuestionIndex === ListEvaluacion.length - 1\"\r\n                        @click=\"submitForm\">\r\n                Finalizar\r\n              </vs-button>\r\n            </div>\r\n          </template>\r\n        </card>\r\n      </b-col>\r\n    </b-row>\r\n  </b-container>\r\n</template>\r\n\r\n<script>\r\nimport Swal from \"sweetalert2\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      PersonaId: null,\r\n      EvaluacionId: null,\r\n      ListEvaluacion: [],\r\n      TituloEvaluacion: null,\r\n      userAnswers: {\r\n        fechaInicioCompleto: null,\r\n        respuestas: {}\r\n      },\r\n      currentQuestionIndex: 0, // Índice de la pregunta actual\r\n      timeRemaining: 900, // 900 segundos = 15 minutos\r\n      timer: null,\r\n      evaluacionTerminada: false,\r\n      CerrarEvaluacion: false,\r\n      LoadingNextPregunta: false\r\n    };\r\n  },\r\n  computed: {\r\n    formattedTime() {\r\n      const minutes = Math.floor(this.timeRemaining / 60);\r\n      const seconds = this.timeRemaining % 60;\r\n      return `${String(minutes).padStart(2, \"0\")}:${String(seconds).padStart(2, \"0\")}`;\r\n    },\r\n    // Obtener la pregunta actual basada en el índice\r\n    currentQuestion() {\r\n      return this.ListEvaluacion[this.currentQuestionIndex];\r\n    },\r\n    isCurrentQuestionAnswered() {\r\n      if (!this.currentQuestion) {\r\n        return false;\r\n      }\r\n\r\n      const currentAnswer = this.userAnswers.respuestas[this.currentQuestion.ID];\r\n\r\n      if (this.currentQuestion.TipoRespuesta === \"SeleccionMultiple\" ||\r\n          this.currentQuestion.TipoRespuesta === \"VerdaderoFalso\") {\r\n        return currentAnswer !== undefined; // Respuesta seleccionada\r\n      }\r\n\r\n      if (this.currentQuestion.TipoRespuesta === \"TextoLibre\") {\r\n        return currentAnswer && currentAnswer.trim().length > 0; // Texto no vacío\r\n      }\r\n\r\n      if (this.currentQuestion.TipoRespuesta === \"MultipleRespuesta\") {\r\n        return currentAnswer && currentAnswer.length > 0; // Al menos una opción seleccionada\r\n      }\r\n\r\n      return false;\r\n    },\r\n    progress() {\r\n      return (this.currentQuestionIndex / this.ListEvaluacion.length) * 100;\r\n    }\r\n  },\r\n  async mounted() {\r\n    this.EvaluacionId = this.$route.params.id;\r\n    this.PersonaId = JSON.parse(localStorage.getItem(\"setPersonaAct\")).id;\r\n    await this.getEvaluacion(this.$route.params.id);\r\n    window.addEventListener('beforeunload', this.preventReload);\r\n    this.startTimer();\r\n  },\r\n  methods: {\r\n    preventReload(event) {\r\n      event.preventDefault();\r\n      event.returnValue = \"Si recargas la página, perderás tu progreso.\";\r\n    },\r\n    async getEvaluacion(id) {\r\n\r\n      let response = await this.$store.dispatch(\"hl_get\", {\r\n        path: `EvaluacionesAcademia/ObtenerEvaluacion/${id}/persona/${this.PersonaId}`,\r\n      });\r\n      if (response.respuesta) {\r\n        this.ListEvaluacion = response.data.Preguntas;\r\n        this.TituloEvaluacion = response.data.Informacion.Titulo;\r\n        this.timeRemaining = response.data.Informacion.Tiempo * 60;\r\n      } else {\r\n        await Swal.fire(\"Error!\", response.mensaje, \"error\");\r\n        this.CerrarEvaluacion = true;\r\n        await this.$router.push(`/helex/Ayuda/Academia/InformacionEvaluacion/${this.EvaluacionId}`);\r\n      }\r\n    },\r\n    async nextQuestion() {\r\n      if (this.currentQuestionIndex < this.ListEvaluacion.length - 1) {\r\n        await this.guardarRespuesta(); // Guarda la respuesta antes de avanzar\r\n        this.currentQuestionIndex++;\r\n      }\r\n    },\r\n    async guardarRespuesta() {\r\n      try {\r\n        this.LoadingNextPregunta = true;\r\n        let preguntaId = this.currentQuestion.ID;\r\n        let respuesta = this.userAnswers.respuestas[preguntaId];\r\n\r\n        if (!respuesta) return; // No guarda si no hay respuesta\r\n\r\n        let requestBody = {\r\n          PreguntaId: preguntaId,\r\n          Respuesta: Array.isArray(respuesta) ? respuesta.join(',') : respuesta\r\n        };\r\n\r\n        let url = `EvaluacionesAcademia/GuardarRespuestaEvaluacion/${this.PersonaId}/evaluacion/${this.EvaluacionId}`;\r\n\r\n        await this.$store.dispatch('hl_post', {\r\n          path: url,\r\n          data: requestBody\r\n        });\r\n        this.LoadingNextPregunta = false;\r\n\r\n      } catch (error) {\r\n        console.error(\"Error al guardar respuesta:\", error);\r\n      }\r\n    },\r\n    async submitForm() {\r\n      try {\r\n        this.evaluacionTerminada = true;\r\n        this.CerrarEvaluacion = true;\r\n\r\n        await this.guardarRespuesta();\r\n        this.$store.dispatch('hl_post', {\r\n          path: `EvaluacionesAcademia/FinalizarEvaluacion/${this.PersonaId}/${this.EvaluacionId}`,\r\n        }).then(response => {\r\n          if (response.respuesta) {\r\n            this.$router.push(`/helex/Ayuda/Academia/InformacionEvaluacion/${this.EvaluacionId}`);\r\n          } else {\r\n            Swal.fire({\r\n              title: 'No se pudo terminar la evaluacion',\r\n              text: response.mensaje,\r\n              icon: 'error',\r\n              showCancelButton: true,\r\n              confirmButtonColor: '#3085d6',\r\n              cancelButtonColor: '#d33',\r\n              confirmButtonText: 'Salir'\r\n            }).then(async (result) => {\r\n              if (result.isConfirmed) {\r\n                await this.$router.push(`/helex/Ayuda/Academia/InformacionEvaluacion/${this.EvaluacionId}`);\r\n              }\r\n            })\r\n          }\r\n        })\r\n\r\n      } catch (error) {\r\n        console.log(\"error capturado: \", error);\r\n      }\r\n    },\r\n    startTimer() {\r\n      this.timer = setInterval(() => {\r\n        if (this.timeRemaining > 0) {\r\n          this.timeRemaining--;\r\n        } else {\r\n          clearInterval(this.timer);\r\n          this.timeUp();\r\n        }\r\n      }, 1000);\r\n    },\r\n    timeUp() {\r\n      this.submitForm(); // Llama al método para finalizar la evaluación automáticamente\r\n    },\r\n  },\r\n  beforeDestroy() {\r\n    // Detén el temporizador si el componente se desmonta\r\n    window.removeEventListener('beforeunload', this.preventReload);\r\n    if (this.timer) {\r\n      clearInterval(this.timer);\r\n      this.timer = null;\r\n    }\r\n  },\r\n  beforeRouteLeave(to, from, next) {\r\n    if (this.evaluacionTerminada) {\r\n      next();\r\n      return;\r\n    }\r\n    Swal.fire({\r\n      title: \"¿Salir de la evaluación?\",\r\n      text: \"Si sales, la evaluación se dará por terminada.\",\r\n      icon: \"warning\",\r\n      showCancelButton: true,\r\n      confirmButtonText: \"Salir\",\r\n      cancelButtonText: \"Quedarme\"\r\n    }).then(result => {\r\n      if (result.isConfirmed) {\r\n        next();\r\n      } else {\r\n        next(false);\r\n      }\r\n    });\r\n  },\r\n};\r\n\r\n</script>\r\n\r\n<style scoped>\r\n.form-res {\r\n  border: 1px rgb(80, 80, 80) solid;\r\n  border-radius: 5px;\r\n  padding: 3px 35px;\r\n  margin: 5px;\r\n  width: 100%;\r\n}\r\n</style>","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!./EvaluacionCurso.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!./EvaluacionCurso.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./EvaluacionCurso.vue?vue&type=template&id=c41474c6&scoped=true\"\nimport script from \"./EvaluacionCurso.vue?vue&type=script&lang=js\"\nexport * from \"./EvaluacionCurso.vue?vue&type=script&lang=js\"\nimport style0 from \"./EvaluacionCurso.vue?vue&type=style&index=0&id=c41474c6&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  \"c41474c6\",\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!./EvaluacionCurso.vue?vue&type=style&index=0&id=c41474c6&prod&scoped=true&lang=css\""],"sourceRoot":""}