{"version":3,"sources":["webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/MainPanel-StudentUnitTest/index.vue?d076","webpack:///src/views/pages/E-Learning/VirtualClass/MainPanel/MainPanel-StudentUnitTest/index.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/MainPanel-StudentUnitTest/index.vue?4f4b","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/MainPanel-StudentUnitTest/index.vue?034a","webpack:///./node_modules/core-js/internals/array-fill.js","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/MainPanel-StudentUnitTest/index.vue?5a10","webpack:///./node_modules/core-js/modules/es.array.fill.js"],"names":["render","_vm","this","_h","$createElement","_c","_self","key","staticClass","style","isBigScreen","directives","name","rawName","value","expression","attrs","_v","_s","$t","examMode","staticStyle","on","handlerStartLearningClick","_e","currentCourseOutlineUnit","studentUnitTest","pretestScore","posttestScore","pretestMaxScore","posttestMaxScore","handlerFinishExamClick","handlerDoExamAgain","_l","question","index","class","getBadgeNavColor","getBadgeNavSize","$event","handlerGoToExamClick","domProps","currentQuestionIndex","currentQuestion","examQuestion","nameLocal","answer","id","getSelectedAnswerBackground","handlerSelectAnswerClick","handlerMouseEnter","handlerMouseLeave","getAnswerTextSize","examStart","examComplete","examFinish","handlerPreviousExamClick","examQuestions","length","handlerNextExamClick","seq","descriptionLocal","handlerStartExamClick","staticRenderFns","store","props","data","loadingExam","loadingExamError","examProcessing","studentAnswers","highlightAnswer","currentExamState","watch","handler","val","map","deep","loaderOn","loaderOff","computed","examReady","methods","studentUnitTestId","currentStudentUnitTest","examQuestionId","examAnswerId","answerNo","parseInt","no","answerSeq","examAnswerNameLocal","examAnswerNameEng","nameEng","studentUnitPretestId","studentUnitPosttestId","checkNextExam","$emit","every","selectedAnswer","prepareStudentAnswer","Array","fill","$vs","isLoaderActive","loading","close","component","toObject","toAbsoluteIndex","toLength","module","exports","O","argumentsLength","arguments","undefined","end","endPos","$","addToUnscopables","target","proto"],"mappings":"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","file":"js/chunk-a557ba86.8ca7b804.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:\"test-panel\",staticClass:\"mainpanel centerx w-full relative bg-black flex\",style:(_vm.isBigScreen ? 'height: calc(100vh - 180px);':'')},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.loadingExam),expression:\"loadingExam\"}],staticClass:\"vs-con-loading__container loader\",attrs:{\"id\":\"mainpanel-loader\"}}),(_vm.loadingExam)?_c('div',{staticClass:\"_screens\"},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"virtual-class.exam-preparing\")))])]):(_vm.examReady)?_c('div',{staticClass:\"bg-white w-full h-full overflow-y-auto\"},[(_vm.examComplete)?_c('div',{staticClass:\"h-full w-full flex justify-center items-center flex-col\"},[_c('p',{staticClass:\"flex flex-row mb-8 items-center\"},[_c('feather-icon',{attrs:{\"icon\":\"StarIcon\",\"svgClasses\":\"text-success h-10 w-10 mr-4 mt-1 p-0\"}}),_c('span',{staticClass:\"text-xl text-success\"},[_vm._v(_vm._s(_vm.$t((\"virtual-class.\" + _vm.examMode + \"-send-answer-done\"))))])],1),(_vm.examMode === 'pretest')?_c('vs-button',{staticClass:\"sm:w-4/5 lg:w-1/2 h-16 m-2\",staticStyle:{\"max-width\":\"400px\"},attrs:{\"color\":\"success\",\"icon\":\"icon-video\",\"icon-pack\":\"feather\"},on:{\"click\":_vm.handlerStartLearningClick}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"virtual-class.start-learning\")))])]):_vm._e(),_c('div',[_c('p',{staticClass:\"text-xl text-primary\"},[_vm._v(\" \"+_vm._s(_vm.$t((\"virtual-class.your-\" + _vm.examMode + \"-score\")))+\" \"),_c('span',{staticClass:\"text-xl3\"},[_vm._v(\" \"+_vm._s(_vm.examMode === 'pretest' ? _vm.currentCourseOutlineUnit.studentUnitTest.pretestScore : _vm.currentCourseOutlineUnit.studentUnitTest.posttestScore)+\" \")]),_vm._v(\" of \"),_c('span',[_vm._v(\" \"+_vm._s(_vm.examMode === 'pretest' ? _vm.currentCourseOutlineUnit.studentUnitTest.pretestMaxScore : _vm.currentCourseOutlineUnit.studentUnitTest.posttestMaxScore)+\" \")]),_vm._v(\" \"+_vm._s(_vm.$t(\"virtual-class.score\"))+\" \")])])],1):(_vm.examFinish)?_c('div',{staticClass:\"w-full flex justify-center items-center align-middle flex-col pt-10\"},[_c('p',{staticClass:\"flex flex-row mb-8 items-center\"},[_c('feather-icon',{attrs:{\"icon\":\"CheckCircleIcon\",\"svgClasses\":\"text-warning h-10 w-10 mr-4 mt-1 p-0\"}}),_c('span',{staticClass:\"text-xl text-warning\"},[_vm._v(_vm._s(_vm.$t((\"virtual-class.\" + _vm.examMode + \"-send-answer-inform\"))))])],1),(_vm.examProcessing)?_c('div',[_vm._v(\" \"+_vm._s(_vm.$t((\"virtual-class.\" + _vm.examMode + \"-send-answer-updating\")))+\" \")]):_c('div',{staticClass:\"sm:w-4/5 lg:w-1/2 h-16 m-2\",staticStyle:{\"max-width\":\"400px\"}},[_c('vs-button',{staticClass:\"w-full\",attrs:{\"color\":\"primary\",\"icon\":\"icon-send\",\"icon-pack\":\"feather\"},on:{\"click\":_vm.handlerFinishExamClick}},[_c('span',[_vm._v(_vm._s(_vm.$t((\"virtual-class.\" + _vm.examMode + \"-send-answer\"))))])]),_c('vs-button',{staticClass:\"w-full mt-4\",attrs:{\"color\":\"warning\",\"icon\":\"icon-arrow-left\",\"icon-pack\":\"feather\"},on:{\"click\":_vm.handlerDoExamAgain}},[_c('span',[_vm._v(_vm._s(_vm.$t(\"virtual-class.do-exam-again\")))])])],1)]):(_vm.examStart)?[_c('div',{staticClass:\"vx-row w-full flex flex-inline justify-center mt-5 mx-auto px-5\"},[_vm._l((_vm.examQuestions),function(question,index){return _c('div',{key:index,staticClass:\"flex justify-center items-center mb-2\"},[(index > 0)?_c('vs-divider',{staticClass:\"w-2 m-0\",attrs:{\"color\":\"#cccccc\"}}):_vm._e(),_c('div',{staticClass:\"cursor-pointer mx-0 flex justify-center items-center text-lg text-white\",class:_vm.getBadgeNavColor(index, question),style:(_vm.getBadgeNavSize(index, question)),attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.handlerGoToExamClick(index)}}},[_c('span',{staticClass:\"text-sm\"},[_vm._v(\" \"+_vm._s(index + 1)+\" \")])])],1)}),_c('vs-divider')],2),_c('div',{staticClass:\"vx-row min-h-2/5 lg:min-h-2/4\"},[_c('div',{staticClass:\"w-full py-5 px-10\"},[_c('div',{staticClass:\"text-xl\",domProps:{\"innerHTML\":_vm._s(_vm.currentQuestionIndex + 1 + '. ' + _vm.currentQuestion.examQuestion.nameLocal)}})]),_c('vs-divider',{staticClass:\"mx-10\"})],1),_c('div',{staticClass:\"vx-row flex flex-wrap w-full justify-center items-end p-5 pl-12 sm:min-h-2/5\"},[_vm._l((_vm.currentQuestion.examQuestion.examAnswers),function(answer,index){return [_c('div',{key:answer.id,staticClass:\"choice-button cursor-pointer vx-col w-full sm:w-1/1 md:w-1/2 lg:w-1/3 flex-grow mx-2 my-2 p-0 point flex flex-inline items-center hover:bg-success\",class:_vm.getSelectedAnswerBackground(answer),staticStyle:{\"max-width\":\"400px\",\"pointer-events\":\"auto\"},on:{\"click\":function($event){return _vm.handlerSelectAnswerClick(answer, index)},\"mouseenter\":function($event){return _vm.handlerMouseEnter(answer)},\"mouseleave\":function($event){return _vm.handlerMouseLeave()}}},[_c('vs-chip',{staticClass:\"h-10 w-10 m-1\",attrs:{\"color\":\"white\"}},[_c('span',{staticClass:\"text-primary text-xl\"},[_vm._v(\" \"+_vm._s(index + 1)+\" \")])]),_c('span',{staticClass:\"choice-text w-full pr-1\",class:_vm.getAnswerTextSize(answer)},[_vm._v(\" \"+_vm._s(answer.nameLocal)+\" \")])],1)]})],2),(_vm.examStart && !_vm.examComplete)?_c('div',{staticClass:\"vx-row flex flex-inline justify-between mx-auto\"},[_c('div',{staticClass:\"vx-col w-1/3 flex justify-start ml-5\"},[(_vm.currentQuestionIndex > 0 && _vm.examFinish === false)?_c('vs-button',{staticClass:\"cursor-pointer\",attrs:{\"color\":\"primary\",\"icon\":\"icon-arrow-left\",\"icon-pack\":\"feather\",\"radius\":\"\"},on:{\"click\":_vm.handlerPreviousExamClick}}):_vm._e()],1),_c('div',{staticClass:\"vx-col w-1/3 flex justify-end mr-5\"},[(_vm.currentQuestionIndex !== 0\n                            && _vm.currentQuestionIndex < _vm.examQuestions.length - 1\n                            && _vm.examFinish === false)?_c('vs-button',{staticClass:\"cursor-pointer pull-right\",attrs:{\"color\":\"primary\",\"icon\":\"icon-arrow-right\",\"icon-pack\":\"feather\",\"radius\":\"\"},on:{\"click\":_vm.handlerNextExamClick}}):_vm._e()],1)]):_vm._e()]:_c('div',{staticClass:\"h-full w-full flex justify-center flex-col\"},[_c('div',{staticClass:\"mb-24 w-full flex justify-center flex-col items-center\"},[_c('span',[_vm._v(_vm._s(_vm.$t((\"virtual-class.\" + _vm.examMode + \"-title\"))))]),_c('span',{staticClass:\"text-xl\"},[_vm._v(\" \"+_vm._s(_vm.$t('class-overview.unit-no'))+\" \"+_vm._s(_vm.currentCourseOutlineUnit.seq)+\". \"+_vm._s(_vm.currentCourseOutlineUnit.nameLocal)+\" \")]),_c('span',[_vm._v(_vm._s(_vm.currentCourseOutlineUnit.descriptionLocal))])]),_c('div',{staticClass:\"w-full flex justify-center\"},[_c('vs-button',{staticClass:\"sm:w-4/5 lg:w-1/2 h-16\",staticStyle:{\"max-width\":\"400px\"},attrs:{\"color\":\"primary\",\"icon\":\"icon-check-circle\",\"icon-pack\":\"feather\"},on:{\"click\":_vm.handlerStartExamClick}},[_c('span',[_vm._v(_vm._s(_vm.$t((\"virtual-class.start-\" + _vm.examMode))))])])],1)])],2):(_vm.loadingExamError)?_c('div',{staticClass:\"w-full h-full bg-white vx-row text-center items-center\"},[_c('div',{staticClass:\"vx-col w-full\"},[_c('h3',[_vm._v(_vm._s(_vm.$t(\"virtual-class.error-exam-generating\")))]),_c('h3',{staticClass:\"mt-2\"},[_vm._v(_vm._s(_vm.$t(\"virtual-class.staff-are-working\")))]),_c('h3',{staticClass:\"mt-2\"},[_vm._v(_vm._s(_vm.$t(\"virtual-class.try-again-later\")))])])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    key=\"test-panel\"\n    class=\"mainpanel centerx w-full relative bg-black flex\"\n    :style=\"isBigScreen ? 'height: calc(100vh - 180px);':''\"\n  >\n    <!-- Loading Screen -->\n    <div\n      v-show=\"loadingExam\"\n      id=\"mainpanel-loader\"\n      class=\"vs-con-loading__container loader\"\n    >\n    </div>\n    <!-- Loading Text -->\n    <div v-if=\"loadingExam\" class=\"_screens\">\n      <h3>{{ $t(`virtual-class.exam-preparing`) }}</h3>\n    </div>\n\n    <!-- Exam Screen -->\n    <div v-else-if=\"examReady\" class=\"bg-white w-full h-full overflow-y-auto\">\n\n\n      <!-- On exam completed -->\n      <div v-if=\"examComplete\" class=\"h-full w-full flex justify-center items-center flex-col\">\n        <p class=\"flex flex-row mb-8 items-center\">\n          <feather-icon icon=\"StarIcon\" svgClasses=\"text-success h-10 w-10 mr-4 mt-1 p-0\"/>\n          <span class=\"text-xl text-success\">{{ $t(`virtual-class.${examMode}-send-answer-done`) }}</span>\n        </p>\n\n        <vs-button v-if=\"examMode === 'pretest'\" class=\"sm:w-4/5 lg:w-1/2 h-16 m-2\" color=\"success\" icon=\"icon-video\"\n                   icon-pack=\"feather\" style=\"max-width: 400px;\"\n                   @click=\"handlerStartLearningClick\">\n          <span>{{ $t(`virtual-class.start-learning`) }}</span>\n        </vs-button>\n\n        <div>\n          <p class=\"text-xl text-primary\">\n            {{ $t(`virtual-class.your-${examMode}-score`) }}\n            <span class=\"text-xl3\">\n              {{\n                examMode === 'pretest' ?\n                  currentCourseOutlineUnit.studentUnitTest.pretestScore\n                  : currentCourseOutlineUnit.studentUnitTest.posttestScore\n              }}\n            </span>\n            of\n            <span>\n              {{\n                examMode === 'pretest' ?\n                  currentCourseOutlineUnit.studentUnitTest.pretestMaxScore\n                  : currentCourseOutlineUnit.studentUnitTest.posttestMaxScore\n              }}\n            </span>\n            {{ $t(\"virtual-class.score\") }}\n          </p>\n        </div>\n      </div>\n\n      <!-- on exam finish -->\n      <div v-else-if=\"examFinish\"\n           class=\"w-full flex justify-center items-center align-middle flex-col pt-10\">\n        <p class=\"flex flex-row mb-8 items-center\">\n          <feather-icon icon=\"CheckCircleIcon\" svgClasses=\"text-warning h-10 w-10 mr-4 mt-1 p-0\"/>\n          <span class=\"text-xl text-warning\">{{ $t(`virtual-class.${examMode}-send-answer-inform`) }}</span>\n        </p>\n\n        <div v-if=\"examProcessing\">\n          {{ $t(`virtual-class.${examMode}-send-answer-updating`) }}\n        </div>\n\n        <div v-else class=\"sm:w-4/5 lg:w-1/2 h-16 m-2\" style=\"max-width: 400px;\">\n          <vs-button class=\"w-full\" color=\"primary\" icon=\"icon-send\"\n                     icon-pack=\"feather\" @click=\"handlerFinishExamClick\">\n            <span>{{ $t(`virtual-class.${examMode}-send-answer`) }}</span>\n          </vs-button>\n\n          <vs-button class=\"w-full mt-4\" color=\"warning\" icon=\"icon-arrow-left\"\n                     icon-pack=\"feather\" @click=\"handlerDoExamAgain\">\n            <span>{{ $t(`virtual-class.do-exam-again`) }}</span>\n          </vs-button>\n        </div>\n      </div>\n\n      <!-- Exam Doing -->\n      <template v-else-if=\"examStart\">\n\n        <!-- Question No Top Nav-->\n        <div class=\"vx-row w-full flex flex-inline justify-center mt-5 mx-auto px-5\" >\n\n          <div v-for=\"(question, index) in examQuestions\" :key=\"index\"\n               class=\"flex justify-center items-center mb-2\">\n\n            <vs-divider v-if=\"index > 0\" class=\"w-2 m-0\" color=\"#cccccc\"/>\n\n            <div href=\"#\" :class=\"getBadgeNavColor(index, question)\"\n                 class=\"cursor-pointer mx-0 flex justify-center items-center text-lg text-white\"\n                 :style=\"getBadgeNavSize(index, question)\"\n                 @click=\"handlerGoToExamClick(index)\">\n              <span class=\"text-sm\"> {{ index + 1 }} </span>\n            </div>\n          </div>\n\n          <vs-divider></vs-divider>\n\n        </div>\n\n        <!-- Question -->\n        <div class=\"vx-row min-h-2/5 lg:min-h-2/4\">\n          <div class=\"w-full py-5 px-10\">\n            <div class=\"text-xl\" v-html=\"currentQuestionIndex + 1 + '. ' + currentQuestion.examQuestion.nameLocal\">\n            </div>\n          </div>\n\n          <vs-divider class=\"mx-10\"></vs-divider>\n        </div>\n\n        <!-- Selected Answer -->\n        <!--          <div class=\"vx-row flex flex-wrap w-full justify-center items-end p-5 pl-12 sm:min-h-2/5\"\n                       style=\"height: 5rem;\">\n                    <transition name=\"fade\">\n                      <span class=\"text-lg\"> {{ highlightAnswer }} </span>\n                    </transition>\n                  </div>-->\n\n        <!-- Choices -->\n        <div class=\"vx-row flex flex-wrap w-full justify-center items-end p-5 pl-12 sm:min-h-2/5\">\n          <template v-for=\"(answer, index) in currentQuestion.examQuestion.examAnswers\">\n            <div :key=\"answer.id\"\n                 :class=\"getSelectedAnswerBackground(answer)\"\n                 class=\"choice-button cursor-pointer vx-col w-full sm:w-1/1 md:w-1/2 lg:w-1/3 flex-grow mx-2 my-2 p-0 point flex flex-inline items-center hover:bg-success\"\n                 style=\"max-width: 400px; pointer-events: auto;\"\n                 @click=\"handlerSelectAnswerClick(answer, index)\"\n                 @mouseenter=\"handlerMouseEnter(answer)\"\n                 @mouseleave=\"handlerMouseLeave()\">\n              <vs-chip class=\"h-10 w-10 m-1\" color=\"white\">\n                <span class=\"text-primary text-xl\"> {{ index + 1 }} </span>\n              </vs-chip>\n\n              <span :class=\"getAnswerTextSize(answer)\"\n                    class=\"choice-text w-full pr-1\"\n              >\n              {{ answer.nameLocal }}\n            </span>\n            </div>\n          </template>\n        </div>\n\n\n        <!-- Exam Navigation -->\n        <div v-if=\"examStart && !examComplete\"\n             class=\"vx-row flex flex-inline justify-between mx-auto\">\n\n          <!-- Back button -->\n          <div class=\"vx-col w-1/3 flex justify-start ml-5\">\n            <vs-button\n              v-if=\"currentQuestionIndex > 0 && examFinish === false\"\n              class=\"cursor-pointer\" color=\"primary\" icon=\"icon-arrow-left\"\n              icon-pack=\"feather\" radius @click=\"handlerPreviousExamClick\"></vs-button>\n          </div>\n\n          <!-- Submit Exam button -->\n          <!--        <vs-button v-if=\"studentAnswers.every(x => x !== null && typeof x !== 'undefined')\n                                    && examFinish === false\"\n                             class=\"cursor-pointer\"\n                             color=\"success\" icon=\"icon-send\" icon-pack=\"feather\"\n                             @click=\"handlerNextExamClick\">\n                    <span>{{ $t(`virtual-class.${examMode}-send-answer`) }}</span>\n                  </vs-button>-->\n\n          <!-- Next button -->\n          <div class=\"vx-col w-1/3 flex justify-end mr-5\">\n            <vs-button v-if=\"currentQuestionIndex !== 0\n                            && currentQuestionIndex < examQuestions.length - 1\n                            && examFinish === false\"\n                       class=\"cursor-pointer pull-right\"\n                       color=\"primary\" icon=\"icon-arrow-right\" icon-pack=\"feather\"\n                       radius @click=\"handlerNextExamClick\">\n            </vs-button>\n          </div>\n\n        </div>\n\n      </template>\n\n      <!-- Before exam start -->\n      <div v-else class=\"h-full w-full flex justify-center flex-col\">\n\n          <div class=\"mb-24 w-full flex justify-center flex-col items-center\">\n            <span>{{ $t(`virtual-class.${examMode}-title`) }}</span>\n            <span class=\"text-xl\">\n              {{ $t('class-overview.unit-no') }} {{\n                currentCourseOutlineUnit.seq\n              }}. {{ currentCourseOutlineUnit.nameLocal }}\n            </span>\n            <span>{{ currentCourseOutlineUnit.descriptionLocal }}</span>\n          </div>\n\n          <div class=\"w-full flex justify-center\">\n            <vs-button class=\"sm:w-4/5 lg:w-1/2 h-16\" color=\"primary\" icon=\"icon-check-circle\"\n                       icon-pack=\"feather\" style=\"max-width: 400px;\" @click=\"handlerStartExamClick\">\n              <span>{{ $t(`virtual-class.start-${examMode}`) }}</span>\n            </vs-button>\n          </div>\n\n        </div>\n\n    </div>\n\n    <!-- On some error occurs, Notify user properly -->\n    <div v-else-if=\"loadingExamError\"\n         class=\"w-full h-full bg-white vx-row text-center items-center\">\n      <div class=\"vx-col w-full\">\n        <h3>{{ $t(`virtual-class.error-exam-generating`) }}</h3>\n        <h3 class=\"mt-2\">{{ $t(`virtual-class.staff-are-working`) }}</h3>\n        <h3 class=\"mt-2\">{{ $t(`virtual-class.try-again-later`) }}</h3>\n<!--        <h3 v-if=\"examMode === 'pretest'\" class=\"mt-2\">{{ $t(`virtual-class.learning-start-in`) }}</h3>\n        <h3 v-else class=\"mt-2\">{{ $t(`virtual-class.try-again-later`) }}</h3>-->\n\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport store from '@/store';\nimport {createNamespacedHelpers} from \"vuex\";\nimport StudentUnitTest from \"@/store/modules/student-unittest\";\n\nif (!store.state.StudentUnitTest) store.state.registerModule(`StudentUnitTest`, StudentUnitTest);\n\nconst {\n  mapActions: mapStudentUnitTestActions,\n} = createNamespacedHelpers(`StudentUnitTest`);\n\nexport default {\n  name: \"MainPanelUnitTest\",\n  props: [\n    'studentEnrollDetail',\n    'currentCourseOutlineUnit',\n    'currentStudentUnitTest',\n    'examMode',\n    'isBigScreen',\n  ],\n  data() {\n    return {\n      loadingExam: false,\n      loadingExamError: false,\n      examComplete: false,\n      examFinish: false,\n      examStart: false,\n      examProcessing: false,\n      examQuestions: [],\n      currentQuestion: {},\n      currentQuestionIndex: 0,\n      studentAnswers: [],\n\n      highlightAnswer: null,\n      currentExamState: {},\n    }\n  },\n  watch: {\n    currentQuestion: {\n      handler: function (val) {\n        if (val.length > 0) {\n          val.map(exam => {\n            this.currentExamState[exam.id] = false;\n          })\n        }\n      },\n      deep: true\n    },\n    loadingExam(val) {\n      if (val === false) {\n        this.loaderOn();\n      } else {\n        this.loaderOff();\n      }\n    },\n    examProcessing(val) {\n      if (val === false) {\n        this.loaderOn();\n      } else {\n        this.loaderOff();\n      }\n    },\n    async currentStudentUnitTest(val, preVal) {\n      if (val.id !== preVal.id) {\n        await this.loadData();\n      }\n    },\n    async examMode(val, preVal) {\n      if (val !== preVal) {\n        await this.loadData();\n      }\n    }\n  },\n  computed: {\n    examReady() {\n      return !this.loadingExamError && this.examQuestions && this.examQuestions.length > 0\n    }\n  },\n  methods: {\n    ...mapStudentUnitTestActions({\n      updateStudentUnitTest: 'updateStudentUnitTest',\n      getStudentUnitPretests: 'getStudentUnitPretests',\n      generateStudentUnitPretests: 'generateStudentUnitPretests',\n      bulkCreateStudentUnitPretestAnswer: 'bulkCreateStudentUnitPretestAnswer',\n      getStudentUnitPosttests: 'getStudentUnitPosttests',\n      generateStudentUnitPosttests: 'generateStudentUnitPosttests',\n      bulkCreateStudentUnitPosttestAnswer: 'bulkCreateStudentUnitPosttestAnswer',\n    }),\n    //--------------------------------------- Exam Function ------------------------------\n    // action button function\n    handlerStartExamClick() {\n      this.examStart = true;\n    },\n    handlerSelectAnswerClick(answer, answerSeq) {\n      this.studentAnswers[this.currentQuestionIndex] = {\n        studentUnitTestId: this.currentStudentUnitTest.id,\n        examQuestionId: this.currentQuestion.examQuestion.id,\n        examAnswerId: answer.id,\n        answerNo: parseInt(answer.no),\n        answerSeq: answerSeq || 0,\n        examAnswerNameLocal: answer.nameLocal,\n        examAnswerNameEng: answer.nameEng,\n      };\n      if (this.examMode === \"pretest\") {\n        this.studentAnswers[this.currentQuestionIndex].studentUnitPretestId = this.currentQuestion.id;\n      } else if (this.examMode === \"posttest\") {\n        this.studentAnswers[this.currentQuestionIndex].studentUnitPosttestId = this.currentQuestion.id;\n      }\n\n      this.checkNextExam();\n      this.currentExamState[this.currentQuestion.id] = true;\n    },\n    handlerDoExamAgain() {\n      this.examFinish = false;\n    },\n    async handlerFinishExamClick() {\n      let result;\n      this.examProcessing = true;\n      if (this.examMode === 'pretest') {\n\n        const payload = {\n          studentUnitPretestAnswerCreateArray: this.studentAnswers\n        };\n        result = await this.bulkCreateStudentUnitPretestAnswer(payload);\n\n      } else if (this.examMode === 'posttest') {\n\n        const payload = {\n          studentUnitPosttestAnswerCreateArray: this.studentAnswers\n        };\n        result = await this.bulkCreateStudentUnitPosttestAnswer(payload);\n\n      }\n\n      if (result) {\n        //show result\n        this.examFinish = false;\n        this.examComplete = true;\n        this.$emit('setDoingExam', false);\n\n        //update student unit test to index page\n        this.$emit('setNewStudentUnitTestToCourseOutlineUnits', result);\n      }\n      this.examProcessing = false;\n    },\n    handlerStartLearningClick() {\n      this.$emit('startLearning', this.currentCourseOutlineUnit);\n    },\n\n    // navigate function\n    checkNextExam() {\n      //if answer all question then set exam finish = true\n      if (this.studentAnswers.every(x => x !== null && typeof x !== 'undefined')\n        && this.currentQuestionIndex === this.examQuestions.length - 1) {\n        this.examFinish = true;\n      } else if (this.currentQuestionIndex < this.examQuestions.length - 1) {\n        this.handlerNextExamClick();\n      } else {\n        this.currentQuestionIndex = 0;\n        this.currentQuestion = this.examQuestions[this.currentQuestionIndex];\n      }\n    },\n    handlerNextExamClick() {\n      if (this.examFinish === true) {\n        this.examFinish = false;\n      } else {\n        this.currentQuestionIndex += 1;\n        this.currentQuestion = this.examQuestions[this.currentQuestionIndex];\n      }\n    },\n    handlerPreviousExamClick() {\n      if (this.examFinish) {\n        this.examFinish = false;\n      } else {\n        this.currentQuestionIndex -= 1;\n        this.currentQuestion = this.examQuestions[this.currentQuestionIndex];\n      }\n    },\n    handlerGoToExamClick(index) {\n      this.currentQuestionIndex = index;\n      this.currentQuestion = this.examQuestions[index];\n    },\n\n    // ui function\n    handlerMouseLeave() {\n      this.highlightAnswer = null;\n    },\n    handlerMouseEnter(answer) {\n      this.highlightAnswer = answer.nameLocal;\n    },\n    getSelectedAnswerBackground(answer) {\n      let selectedAnswer = this.studentAnswers[this.currentQuestionIndex]\n      if (selectedAnswer && answer.id === selectedAnswer.examAnswerId) {\n        return 'bg-success';\n      } else {\n        return 'bg-primary'\n      }\n    },\n    getBadgeNavColor(index) {\n      if (this.currentQuestionIndex === index) {\n        return 'bg-warning'\n      } else if (this.studentAnswers[index]) {\n        return 'bg-success'\n      } else {\n        return 'bg-primary'\n      }\n    },\n    getBadgeNavSize(index) {\n      if (this.currentQuestionIndex === index) {\n        return 'width: 29px; height: 29px; border-radius: 50%; z-index: 999;'\n      } else {\n        return 'width: 22px; height: 22px; border-radius: 50%; z-index: 999;'\n      }\n    },\n    getAnswerTextSize(answer) {\n      if (answer.nameLocal.length > 60) {\n        return 'text-sm'\n      } else if (answer.nameLocal.length > 40) {\n        return 'text-md'\n      } else {\n        return 'text-lg'\n      }\n    },\n\n    //--------------------------------------- Prepare Data Function ------------------------------\n    async startTest(unit) {\n      let studentUnitPreOrPostTestsResult;\n\n      if (this.examMode === 'pretest') {\n        // Check and load test exams\n        // studentUnitPreOrPostTestsResult = await this.loadStudentUnitPreTest(unit);\n        // if (studentUnitPreOrPostTestsResult || studentUnitPreOrPostTestsResult.length === 0) {\n          //create if not exist\n          studentUnitPreOrPostTestsResult = await this.createStudentUnitPreTest(unit);\n        // }\n      } else if (this.examMode === 'posttest') { // posttest\n        // Check and load test exams\n        // studentUnitPreOrPostTestsResult = await this.loadStudentUnitPostTest(unit);\n        // if (studentUnitPreOrPostTestsResult || studentUnitPreOrPostTestsResult.length === 0) {\n          //create if not exist\n          studentUnitPreOrPostTestsResult = await this.createStudentUnitPostTest(unit);\n        // }\n      }\n\n      if (studentUnitPreOrPostTestsResult && studentUnitPreOrPostTestsResult.length > 0) {\n        //start test\n        this.examQuestions = studentUnitPreOrPostTestsResult;\n        this.prepareStudentAnswer(this.examQuestions);\n\n        //set currentQuestion to first question\n        this.currentQuestion = this.examQuestions[0];\n        this.currentQuestionIndex = 0;\n\n        this.$emit('setDoingExam', true);\n      } else {\n        this.loadingExamError = true;\n        /*if(this.examMode === 'pretest'){\n          // console.log('bypass in 5 second')\n          //bypass to learning when no exam or can not creat exam\n          setTimeout(async () => {\n            await this.byPassPretest(unit);\n          }, 5000);\n        }*/\n        this.$emit('setDoingExam', false);\n      }\n\n    },\n    async byPassPretest(unit) {\n      // console.log('byPassPretest to')\n      unit.studentUnitTest.isPretestDone = true;\n      // TODO remove comment when import all exam complete\n      // update course outline unit at index page\n      /*let result = this.updateStudentUnitPreTestComplete();\n      if(result){\n        await this.$emit('setNewStudentUnitTestToCourseOutlineUnits', result);\n      }*/\n      this.$emit('setDoingExam', false);\n      this.$emit('startLearning', this.currentCourseOutlineUnit);\n    },\n    prepareStudentAnswer(examQuestions) {\n      this.studentAnswers = new Array(examQuestions.length || 0).fill(null);\n    },\n    async loadStudentUnitPreTest(unit) {\n      const payload = {\n        studentUnitTestId: unit.studentUnitTest.id,\n        studentEnrollDetailId: this.studentEnrollDetail.id,\n        courseOutlineUnitId: unit.id\n      };\n      const result = await this.getStudentUnitPretests(payload);\n      return result;\n    },\n    async createStudentUnitPreTest(unit) {\n      const payload = {\n        studentUnitTestId: unit.studentUnitTest.id,\n        studentEnrollDetailId: this.studentEnrollDetail.id,\n        courseOutlineUnitId: unit.id\n      };\n      const result = await this.generateStudentUnitPretests(payload);\n      return result;\n    },\n    async updateStudentUnitPreTestComplete() {\n      const payload = {\n        id: this.currentStudentUnitTest.id,\n        isPretestDone: true\n      }\n      await this.updateStudentUnitTest(payload);\n    },\n    async loadStudentUnitPostTest(unit) {\n      const payload = {\n        studentUnitTestId: unit.studentUnitTest.id,\n        studentEnrollDetailId: this.studentEnrollDetail.id,\n        courseOutlineUnitId: unit.id\n      };\n      const result = await this.getStudentUnitPosttests(payload);\n      return result;\n    },\n    async createStudentUnitPostTest(unit) {\n      const payload = {\n        studentUnitTestId: unit.studentUnitTest.id,\n        studentEnrollDetailId: this.studentEnrollDetail.id,\n        courseOutlineUnitId: unit.id\n      };\n      const result = await this.generateStudentUnitPosttests(payload);\n      return result;\n    },\n    async loadData() {\n      this.$emit('setTriggerLoading', true);\n      this.loaderOn();\n      this.loadingExam = true;\n      this.loadingExamError = false;\n      this.examComplete = false;\n      this.examFinish = false;\n      this.examStart = false;\n\n      await this.startTest(this.currentCourseOutlineUnit);\n\n      this.loadingExam = false;\n      this.loaderOff();\n      this.$emit('setTriggerLoading', false);\n    },\n\n    //--------------------------------------- Local Data Function ------------------------------\n    loaderOn() {\n      if (this.$vs) {\n        this.isLoaderActive = true;\n        this.$vs.loading({container: '#mainpanel-loader', scale: 1})\n      }\n    },\n    loaderOff() {\n      if (this.$vs) {\n        this.$vs.loading.close('#mainpanel-loader > .con-vs-loading')\n        this.isLoaderActive = false;\n      }\n    },\n  },\n  async mounted() {\n    await this.loadData();\n  },\n}\n</script>\n\n<style lang=\"scss\">\n.choice-button {\n  position: relative;\n  cursor: pointer !important;\n  border-radius: 2rem;\n\n  & > span {\n   /* text-align: center;*/\n    color: white;\n\n    &.choice-text {\n      //white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      max-width: 80%;\n      margin: auto;\n    }\n  }\n}\n\n.sub-debugger {\n  position: absolute;\n  color: white;\n  z-index: 999999999;\n  background: rgba(0, 0, 0, 0.6);\n  top: 0;\n  left: 0;\n  max-height: 45vh;\n  max-width: 100%;\n  overflow-y: scroll;\n  overflow-x: scroll;\n\n  & > .content {\n    width: 0;\n    height: 0;\n    margin: 20px;\n\n    & > ._show {\n      width: 98%;\n      height: auto;\n      overflow: hidden;\n    }\n\n    & > ._data-tree {\n      margin: 20px;\n    }\n  }\n}\n\n.mainpanel {\n  & ._screens {\n    background: white;\n    min-height: 500px;\n    width: 100%;\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n}\n\n#mainpanel-loader {\n  width: 100%;\n  height: calc(100%);\n  margin: auto;\n  padding: 0;\n  padding-bottom: 100px;\n  border: 0;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  position: absolute;\n  z-index: 999;\n  background: #ffffff8c;\n\n  & > .con-vs-loading {\n    background: #ffffff96;\n  }\n}\n</style>\n","import mod from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=1186cfc2&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\nimport style0 from \"./index.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","'use strict';\nvar toObject = require('../internals/to-object');\nvar toAbsoluteIndex = require('../internals/to-absolute-index');\nvar toLength = require('../internals/to-length');\n\n// `Array.prototype.fill` method implementation\n// https://tc39.github.io/ecma262/#sec-array.prototype.fill\nmodule.exports = function fill(value /* , start = 0, end = @length */) {\n  var O = toObject(this);\n  var length = toLength(O.length);\n  var argumentsLength = arguments.length;\n  var index = toAbsoluteIndex(argumentsLength > 1 ? arguments[1] : undefined, length);\n  var end = argumentsLength > 2 ? arguments[2] : undefined;\n  var endPos = end === undefined ? length : toAbsoluteIndex(end, length);\n  while (endPos > index) O[index++] = value;\n  return O;\n};\n","import mod from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\"; export default mod; export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&lang=scss&\"","var $ = require('../internals/export');\nvar fill = require('../internals/array-fill');\nvar addToUnscopables = require('../internals/add-to-unscopables');\n\n// `Array.prototype.fill` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.fill\n$({ target: 'Array', proto: true }, {\n  fill: fill\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables('fill');\n"],"sourceRoot":""}