{"version":3,"sources":["webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/index.vue?d906","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/content.vue?2426","webpack:///./src/views/pages/E-Learning/VirtualClass/index.vue?4f5a","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/index.vue?3252","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/sidepanel-toggle.vue?af5e","webpack:///src/views/pages/E-Learning/VirtualClass/MainPanel/sidepanel-toggle.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/sidepanel-toggle.vue?4d17","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/sidepanel-toggle.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/panel-cover.vue?623d","webpack:///src/views/pages/E-Learning/VirtualClass/MainPanel/panel-cover.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/panel-cover.vue?59d9","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/panel-cover.vue","webpack:///src/views/pages/E-Learning/VirtualClass/MainPanel/index.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/index.vue?c0b6","webpack:///./src/views/pages/E-Learning/VirtualClass/MainPanel/index.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/index.vue?7276","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/content.vue?456b","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/item-learn.vue?f5fb","webpack:///src/views/pages/E-Learning/VirtualClass/SidePanel/item-learn.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/item-learn.vue?0ca1","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/item-learn.vue","webpack:///src/views/pages/E-Learning/VirtualClass/SidePanel/content.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/content.vue?72e8","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/content.vue?5f9d","webpack:///src/views/pages/E-Learning/VirtualClass/SidePanel/index.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/index.vue?37a6","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/index.vue?9898","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/index.vue?b520","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/TeacherProfileMini.vue?fba8","webpack:///src/views/pages/E-Learning/VirtualClass/BottomPanel/TeacherProfileMini.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/TeacherProfileMini.vue?7e95","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/TeacherProfileMini.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/index.vue?38c0","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/content.vue?6574","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/item-learn.vue?dba6","webpack:///src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/item-learn.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/item-learn.vue?6fdb","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/item-learn.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/item-test.vue?dfe1","webpack:///src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/item-test.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/item-test.vue?0015","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/item-test.vue","webpack:///src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/content.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/content.vue?0ca4","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/content.vue?3eeb","webpack:///src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/index.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/index.vue?39d0","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/ClassContent/index.vue?59b9","webpack:///src/views/pages/E-Learning/VirtualClass/BottomPanel/index.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/index.vue?a350","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/index.vue?8859","webpack:///src/views/pages/E-Learning/VirtualClass/index.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/index.vue?075c","webpack:///./src/views/pages/E-Learning/VirtualClass/index.vue?1d07","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/content.vue?30f1","webpack:///./src/utils/format.js","webpack:///./src/views/pages/E-Learning/VirtualClass/index.vue?49d2","webpack:///./src/views/pages/ClassOverview/Components/IntroductionInfo.vue?b3a3","webpack:///src/views/pages/ClassOverview/Components/IntroductionInfo.vue","webpack:///./src/views/pages/ClassOverview/Components/IntroductionInfo.vue?7bf1","webpack:///./src/views/pages/ClassOverview/Components/IntroductionInfo.vue","webpack:///./src/views/pages/ClassOverview/Components/SubjectInfo.vue?b7e0","webpack:///src/views/pages/ClassOverview/Components/SubjectInfo.vue","webpack:///./src/views/pages/ClassOverview/Components/SubjectInfo.vue?93f3","webpack:///./src/views/pages/ClassOverview/Components/SubjectInfo.vue","webpack:///./src/views/pages/E-Learning/VirtualClass/SidePanel/index.vue?2057","webpack:///./src/views/pages/E-Learning/VirtualClass/BottomPanel/index.vue?ebcc"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","loading","classSection","countLearningPercent","currentCourseOutlineUnit","currentStudentUnitTest","currentVdoSetTopic","examMode","keepCounting","mainPanelMode","setDoingExam","setNewStudentUnitTestToCourseOutlineUnits","sidePanelActive","startLearning","setTriggerLoading","toggleSidePanel","isBigScreen","courseOutlineUnits","student","teacher","courseOutlineUnitLoading","handlerStartTestClick","handlerTopicClick","triggerLoading","on","_e","staticRenderFns","ref","staticStyle","tag","directives","name","rawName","value","expression","$event","$emit","_v","_s","$t","props","component","key","classRoomPhoto","computed","url","courseOutlineRegistration","courseOutline","picturePath","components","SidePanelToggle","cover","vdo","class","style","length","_l","unit","id","slot","seq","getLearnPercent","nameLocal","getVdoSetTopics","vdoSetUnit","topic","index","studentUnitLearn","vdoSetTopics","percentCounter","onLearningClick","currentLearnTime","totalVdoLength","learnPercent","topicLength","data","timerCounter","learnTime","countUpdateInterval","studentTopicLearn","vdoLength","methods","watch","val","loaderOn","loaderOff","ItemLearn","$vs","isLoaderActive","close","SidePanelContent","studentEnrollDetail","teacherName","goBack","teacherProfile","telephone","email","socialMedia","availableTime","prefix","firstNameLocal","lastNameLocal","$router","push","studentUnitTest","isPosttestDone","nativeOn","onStartTestClick","percentThatCanDoPostTest","showPreTestButton","showPostTestButton","ItemTest","SubjectOverview","SubjectIntroduction","TeacherProfileMini","ClassContent","FAQTab","WebBoardTab","subject","store","MainPanel","SidePanel","BottomPanel","Loader","studentEnrollDetailId","classSectionId","currentVdoSetTopicIndex","secondToUpdateStudentLearnTime","doingExam","currentStudentUnitTestIndex","studentUnitPreTests","studentAnswers","currentCourseOutlineUnitIndex","setNewLearnTimeToCourseOutlineUnit","newLearnTime","percent","newUnitLearnTime","unitPercent","acceptLost","clearVdoPanelVariable","findIndex","firstTopic","toggle","clearUniTestPanelVariable","setCurrentCourseOutlineUnit","setCurrentVdoSetTopic","handleWindowResize","event","isTrusted","windowWidth","dateTimeFormat","yyyymmdd","yyyymmddhhmm","yyyymmddhhmmss","hhmm","momentYYYYMMDD","momentYYYYMMDDhhmmss","momentYYYYMMDDhhmm","momenthhmmsss","momenthhmm","formatSecondToHHMMSS","time","hrs","mins","secs","ret","String","creditCalGrade","instruction","subjectCompute","code","courseOutlineRegistrationCompute","periodCode","classSectionCompute","sectionNo","learnSpanNo","description"],"mappings":"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","file":"js/chunk-1c59539a.e5d7297e.js","sourcesContent":["export * from \"-!../../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../../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=css&\"","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!./content.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"component-screen footer-hidden m-0 p-0\",attrs:{\"id\":\"screen\"}},[(_vm.loading && _vm.classSection)?_c('Loader',{attrs:{\"cover\":\"\"}}):_c('div',{staticClass:\"vx-row lg:h-full m-0 relative\"},[_c('div',{staticClass:\"vx-col panels main-panel h-screen lg:h-full sm:h-1/2 flex-1 sm:w-1/1 p-0\"},[_c('MainPanel',{attrs:{\"countLearningPercent\":_vm.countLearningPercent,\"currentCourseOutlineUnit\":_vm.currentCourseOutlineUnit,\"currentStudentUnitTest\":_vm.currentStudentUnitTest,\"currentVdoSetTopic\":_vm.currentVdoSetTopic,\"examMode\":_vm.examMode,\"keepCounting\":_vm.keepCounting,\"mainPanelMode\":_vm.mainPanelMode,\"classSection\":_vm.classSection,\"setDoingExam\":_vm.setDoingExam,\"setNewStudentUnitTestToCourseOutlineUnits\":_vm.setNewStudentUnitTestToCourseOutlineUnits,\"sidePanelActive\":_vm.sidePanelActive,\"startLearning\":_vm.startLearning,\"setTriggerLoading\":_vm.setTriggerLoading,\"toggleSidePanel\":_vm.toggleSidePanel,\"isBigScreen\":_vm.isBigScreen}}),_c('BottomPanel',{attrs:{\"class-section\":_vm.classSection,\"course-outline-units\":_vm.courseOutlineUnits,\"student\":_vm.student,\"teacher\":_vm.teacher,\"currentCourseOutlineUnit\":_vm.currentCourseOutlineUnit,\"courseOutlineUnitLoading\":_vm.courseOutlineUnitLoading,\"handlerStartTestClick\":_vm.handlerStartTestClick,\"handlerTopicClick\":_vm.handlerTopicClick,\"sidePanelActive\":_vm.sidePanelActive,\"triggerLoading\":_vm.triggerLoading,\"isBigScreen\":_vm.isBigScreen},on:{\"toggleSidePanel\":_vm.toggleSidePanel}})],1),(_vm.isBigScreen)?_c('SidePanel',{attrs:{\"courseOutlineUnitLoading\":_vm.courseOutlineUnitLoading,\"courseOutlineUnits\":_vm.courseOutlineUnits,\"handlerStartTestClick\":_vm.handlerStartTestClick,\"handlerTopicClick\":_vm.handlerTopicClick,\"sidePanelActive\":_vm.sidePanelActive,\"triggerLoading\":_vm.triggerLoading},on:{\"toggleSidePanel\":_vm.toggleSidePanel}}):_vm._e()],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"main-panel\"},[_c('div',{staticClass:\"bg-white w-full h-auto\",staticStyle:{\"position\":\"relative\"}},[(_vm.isBigScreen)?_c('SidePanelToggle',{attrs:{\"sidePanelActive\":_vm.sidePanelActive},on:{\"toggleSidePanel\":_vm.toggleSidePanel}}):_vm._e(),_c('transition',{attrs:{\"name\":\"panel-fade\",\"mode\":\"out-in\"}},[_c(_vm.mainPanelMode,{tag:\"component\",attrs:{\"currentVdoSetTopic\":_vm.currentVdoSetTopic,\"keepCounting\":_vm.keepCounting,\"countLearningPercent\":_vm.countLearningPercent,\"classSection\":_vm.classSection,\"currentCourseOutlineUnit\":_vm.currentCourseOutlineUnit,\"examMode\":_vm.examMode,\"currentStudentUnitTest\":_vm.currentStudentUnitTest},on:{\"setNewStudentUnitTestToCourseOutlineUnits\":_vm.setNewStudentUnitTestToCourseOutlineUnits,\"startLearning\":_vm.startLearning,\"setDoingExam\":_vm.setDoingExam,\"setTriggerLoading\":_vm.setTriggerLoading}})],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('vs-button',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.sidePanelActive),expression:\"!sidePanelActive\"}],staticClass:\"content-tab-button p-2 pb-1 pr-5 flex-inline\",attrs:{\"color\":\"black\",\"type\":\"filled\"},on:{\"click\":function($event){return _vm.$emit('toggleSidePanel',true)}}},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"MenuIcon\",\"svgClasses\":\"text-white stroke-current h-5 w-5 mr-2 p-0\"}}),_c('span',{staticClass:\"my-auto\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"general.view-content-list\" ))+\" \")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n      <!-- @mouseover=\"isContentTabButtonActive = true\"\n      @mouseleave=\"isContentTabButtonActive = false\" -->\n      <!-- :class=\"{ 'hide': !isContentTabButtonActive }\" -->\n    <vs-button\n      v-show=\"!sidePanelActive\"\n      @click=\"$emit('toggleSidePanel',true)\"\n      color=\"black\"\n      type=\"filled\" class=\"content-tab-button p-2 pb-1 pr-5 flex-inline\"\n    >\n      <feather-icon class=\"cursor-pointer\" icon=\"MenuIcon\" svgClasses=\"text-white stroke-current h-5 w-5 mr-2 p-0\" />\n      <span class=\"my-auto\">\n        {{ $t(\"general.view-content-list\" )}}\n      </span>\n    </vs-button>\n  </div>\n</template>\n\n<script>\nexport default {\n  props:[\n    'sidePanelActive'\n  ],\n}\n</script>\n\n<style>\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!./sidepanel-toggle.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!./sidepanel-toggle.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./sidepanel-toggle.vue?vue&type=template&id=0d1132c9&\"\nimport script from \"./sidepanel-toggle.vue?vue&type=script&lang=js&\"\nexport * from \"./sidepanel-toggle.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{key:\"cover\"},[_c('img',{staticClass:\"responsive card-img-top\",attrs:{\"src\":_vm.classRoomPhoto,\"alt\":\"content-img\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div key=\"cover\">\n    <img\n      :src=\"classRoomPhoto\"\n      alt=\"content-img\"\n      class=\"responsive card-img-top\"\n    />\n  </div>\n</template>\n\n<script>\nimport {getClassRoomUrl} from \"@/utils/upload\";\n\nexport default {\n  props:[\n    'classSection'\n  ],\n  computed:{\n    classRoomPhoto() {\n      let url = '';\n      if(this.classSection){\n        url = this.classSection.courseOutlineRegistration.courseOutline.picturePath\n      }\n      return getClassRoomUrl(url);\n    }\n  }\n}\n</script>\n\n<style>\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!./panel-cover.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!./panel-cover.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./panel-cover.vue?vue&type=template&id=512907c1&\"\nimport script from \"./panel-cover.vue?vue&type=script&lang=js&\"\nexport * from \"./panel-cover.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","<template>\n  <!-- Main Panel -->\n  <div ref=\"main-panel\">\n\n    <!--CONTENT-->\n    <div class=\"bg-white w-full h-auto\" style=\"position: relative;\">\n      <SidePanelToggle v-if=\"isBigScreen\"\n                       :sidePanelActive=\"sidePanelActive\"\n                       @toggleSidePanel=\"toggleSidePanel\">\n      </SidePanelToggle>\n\n      <transition name=\"panel-fade\" mode=\"out-in\">\n        <component :is=\"mainPanelMode\"\n                   :currentVdoSetTopic=\"currentVdoSetTopic\"\n                   :keepCounting=\"keepCounting\"\n                   :countLearningPercent=\"countLearningPercent\"\n                   :classSection=\"classSection\"\n\n                   :currentCourseOutlineUnit=\"currentCourseOutlineUnit\"\n                   :examMode=\"examMode\"\n                   :currentStudentUnitTest=\"currentStudentUnitTest\"\n                   @setNewStudentUnitTestToCourseOutlineUnits=\"setNewStudentUnitTestToCourseOutlineUnits\"\n                   @startLearning=\"startLearning\"\n                   @setDoingExam=\"setDoingExam\"\n                   @setTriggerLoading=\"setTriggerLoading\"\n        />\n      </transition>\n\n    </div>\n\n  </div>\n</template>\n\n<script>\nimport SidePanelToggle from \"./sidepanel-toggle\";\nimport cover from \"./panel-cover\";\n\nexport default {\n  props:[\n    'currentVdoSetTopic',\n    'sidePanelActive',\n    'toggleSidePanel',\n    'mainPanelMode',\n    'keepCounting',\n    'countLearningPercent',\n    'classSection',\n\n    'currentCourseOutlineUnit',\n    'examMode',\n    'currentStudentUnitTest',\n    'setNewStudentUnitTestToCourseOutlineUnits',\n    'startLearning',\n    'setDoingExam',\n    'setTriggerLoading',\n    'isBigScreen',\n  ],\n  components: {\n    SidePanelToggle,\n    cover,\n    vdo: () => import( \"./MainPanel-Vdo\"),\n    // test: () => import(\"./MainPanel-StudentUnitTest\")\n  },\n}\n\n</script>\n\n<style>\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=0b2e0350&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-col panel side-panel bg-grey lg:h-full lg:w-1/3 sm:w-1/1 p-0\",class:{ 'hide': !_vm.sidePanelActive }},[_c('div',{staticClass:\"flex w-full bg-white p-8 justify-between\"},[_c('span',{staticClass:\"my-auto text-xl\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"general.class-content\"))+\" \")]),_c('vs-button',{attrs:{\"color\":\"grey\",\"icon-pack\":\"feather\",\"icon\":\"icon-x\",\"radius\":\"\"},on:{\"click\":function($event){return _vm.$emit('toggleSidePanel',false)}}})],1),_c('vs-divider',{staticClass:\"w-full m-0 p-0 bg-grey\"}),_c('SidePanelContent',{attrs:{\"courseOutlineUnits\":_vm.courseOutlineUnits,\"courseOutlineUnitLoading\":_vm.courseOutlineUnitLoading,\"handlerTopicClick\":_vm.handlerTopicClick,\"handlerStartTestClick\":_vm.handlerStartTestClick,\"triggerLoading\":_vm.triggerLoading}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidepanel-content centerx w-full relative\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.triggerLoading),expression:\"triggerLoading\"}],staticClass:\"vs-con-loading__container loader h-full\",attrs:{\"id\":\"sidepanel-loader\"}},[_c('span',{staticClass:\"text-primary text-xl\"},[_vm._v(_vm._s(_vm.$t(\"general.loading\")))])]),_c('div',{style:(!_vm.courseOutlineUnits || _vm.courseOutlineUnits.length === 0 ? 'max-height: 70vh; overflow: hidden;' : '')},_vm._l((_vm.courseOutlineUnits),function(unit){return _c('div',{key:unit.id,staticClass:\"p-0 bg-white m-0 w-full\"},[_c('vs-collapse',{staticClass:\"m-0 w-full sidepanel-unit-item\",attrs:{\"accordion\":\"\"}},[_c('vs-collapse-item',{staticClass:\"w-full\"},[_c('div',{staticClass:\"w-full items-center mr-4\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"flex justify-between mr-10\"},[_c('p',{staticClass:\"mb-1 text-lg\"},[_vm._v(_vm._s(_vm.$t('virtual-class.learning-unit') + ' ' + unit.seq))]),_c('p',{staticClass:\"mb-1 text-lg\"},[_vm._v(_vm._s(_vm.getLearnPercent(unit))+\"%\")])]),_c('p',{staticClass:\"mb-1 text-base  mr-5\"},[_vm._v(_vm._s(unit.nameLocal))])]),_c('div',{staticClass:\"pb-1\"},[_c('div',_vm._l((_vm.getVdoSetTopics(unit.vdoSetUnit)),function(topic,index){return _c('div',{key:topic.id},[_c('ItemLearn',{attrs:{\"index\":index,\"studentUnitLearn\":unit.studentUnitLearn,\"topic\":topic,\"topicId\":topic.id,\"topicLength\":unit.vdoSetUnit.vdoSetTopics.length,\"unit\":unit},on:{\"handlerTopicClick\":_vm.handlerTopicClick}})],1)}),0)])])],1),_c('vs-divider',{staticClass:\"w-full m-0 p-0\"})],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidepanel-learn-item\"},[_c('div',{staticClass:\"flex flex-row justify-start\"},[_c('p',{staticClass:\"flex flex-1 items-start mb-2\"},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"FilmIcon\",\"svgClasses\":\"text-primary stroke-current h-5 w-5 mr-4 mt-1 p-0\"}}),_c('span',{staticClass:\"text-lg text-primary\"},[_vm._v(_vm._s(_vm.topic.nameLocal))])],1)]),_c('div',{staticClass:\"flex flex-row\"},[_c('div',{staticClass:\"flex flex-col justify-start w-2/3\"},[_c('vs-button',{staticClass:\"w-3/4\",attrs:{\"color\":_vm.percentCounter > 99 ? 'success' : 'primary',\"icon\":\"icon-play\",\"icon-pack\":\"feather\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.onLearningClick(_vm.topic, _vm.unit)}}},[_c('span',{staticClass:\"text-base\"},[_vm._v(\" \"+_vm._s(_vm.percentCounter > 99 ? _vm.$t(\"virtual-class.review-lesson\") : _vm.$t(\"virtual-class.start-learning\"))+\" \")])])],1),_c('div',{staticClass:\"flex flex-col justify-end w-1/3\"},[_c('p',{staticClass:\"flex flex-1 text-grey justify-end items-center whitespace-pre\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.currentLearnTime)+\"/\"+_vm._s(_vm.totalVdoLength)+\" \")]),_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"ClockIcon\",\"svgClasses\":\"stroke-current h-4 w-4 mr-2 p-0\"}})],1),_c('span',{staticClass:\"text-right text-xl\"},[(_vm.percentCounter > 99)?_c('feather-icon',{staticClass:\"text-warning\",attrs:{\"icon\":\"StarIcon\",\"svgClasses\":\"h-4 w-4 mr-2 p-0\"}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.learnPercent)+\"% \")],1)])]),(_vm.index !== _vm.topicLength - 1)?_c('vs-divider'):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sidepanel-learn-item\">\n<!--    <div class=\"flex items-start w-full mb-2\">-->\n\n      <div class=\"flex flex-row justify-start\">\n        <p class=\"flex flex-1 items-start mb-2\">\n          <feather-icon class=\"cursor-pointer\" icon=\"FilmIcon\"\n                        svgClasses=\"text-primary stroke-current h-5 w-5 mr-4 mt-1 p-0\"/>\n          <span class=\"text-lg text-primary\">{{ topic.nameLocal }}</span>\n        </p>\n      </div>\n      <div class=\"flex flex-row\">\n        <div class=\"flex flex-col justify-start w-2/3\">\n          <vs-button\n            :color=\"percentCounter > 99 ? 'success' : 'primary'\" class=\"w-3/4\" icon=\"icon-play\"\n            icon-pack=\"feather\"\n            size=\"small\"\n            @click=\"onLearningClick(topic, unit)\"\n          >\n            <span class=\"text-base\">\n              {{ percentCounter > 99 ? $t(\"virtual-class.review-lesson\") : $t(\"virtual-class.start-learning\") }}\n            </span>\n          </vs-button>\n\n        </div>\n\n        <div class=\"flex flex-col justify-end w-1/3\">\n          <p class=\"flex flex-1 text-grey justify-end items-center whitespace-pre\">\n            <span>\n              {{ currentLearnTime }}/{{ totalVdoLength }}\n            </span>\n            <feather-icon class=\"cursor-pointer\" icon=\"ClockIcon\" svgClasses=\"stroke-current h-4 w-4 mr-2 p-0\"/>\n          </p>\n          <span class=\"text-right text-xl\">\n            <feather-icon v-if=\"percentCounter > 99\"\n                          class=\"text-warning\"\n                          icon=\"StarIcon\"\n                          svgClasses=\"h-4 w-4 mr-2 p-0\"/>\n            {{ learnPercent }}%\n          </span>\n        </div>\n      </div>\n<!--    </div>-->\n    <vs-divider v-if=\"index !== topicLength - 1\"/>\n  </div>\n</template>\n\n<script>\nimport {formatSecondToHHMMSS} from \"@/utils/format\";\n\nexport default {\n  props: [\n    'topic',\n    'topicId',\n    'unit',\n    'studentUnitLearn',\n    'index',\n    'topicLength',\n  ],\n  data() {\n    return {\n      timerCounter: 0,\n      percentCounter: 0,\n      learnTime: 0,\n      countUpdateInterval: 3\n    }\n  },\n  computed: {\n    currentLearnTime() {\n      if (this.topic && this.topic.studentTopicLearn) {\n        let learnTime = this.topic.studentTopicLearn.learnTime\n        if (learnTime > this.topic.vdoLength) {\n          learnTime = this.topic.vdoLength;\n        }\n        return formatSecondToHHMMSS(learnTime);\n      } else {\n        return 0;\n      }\n    },\n    totalVdoLength() {\n      return formatSecondToHHMMSS(this.topic.vdoLength);\n    },\n    learnPercent() {\n      if (this.topic && this.topic.studentTopicLearn) {\n        return this.topic.studentTopicLearn.learnPercent > this.topic.studentTopicLearn.learnPercent\n          ? 100 : this.topic.studentTopicLearn.learnPercent;\n      } else {\n        return 0;\n      }\n    }\n  },\n  methods: {\n    async onLearningClick(topic, unit) {\n      this.$emit('handlerTopicClick', {topic, unit})\n    },\n  },\n}\n</script>\n\n<style>\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!./item-learn.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!./item-learn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./item-learn.vue?vue&type=template&id=500b768a&\"\nimport script from \"./item-learn.vue?vue&type=script&lang=js&\"\nexport * from \"./item-learn.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","<template>\n  <div class=\"sidepanel-content centerx w-full relative\">\n    <!-- LOADING-->\n    <div\n      v-show=\"triggerLoading\"\n      id=\"sidepanel-loader\"\n      class=\"vs-con-loading__container loader h-full\"\n    >\n      <span class=\"text-primary text-xl\">{{ $t(\"general.loading\") }}</span>\n    </div>\n\n    <!--CONTENT-->\n    <div :style=\"!courseOutlineUnits || courseOutlineUnits.length === 0 ? 'max-height: 70vh; overflow: hidden;' : ''\">\n      <div v-for=\"unit in courseOutlineUnits\" :key=\"unit.id\" class=\"p-0 bg-white m-0 w-full\">\n        <vs-collapse accordion class=\"m-0 w-full sidepanel-unit-item\">\n          <vs-collapse-item class=\"w-full\">\n            <!--COURSE OUTLINE UNIT-->\n            <div slot=\"header\" class=\"w-full items-center mr-4\">\n              <!--UNIT NO, NAME, LEARNING PROGRESS-->\n              <div class=\"flex justify-between mr-10\">\n                <p class=\"mb-1 text-lg\">{{ $t('virtual-class.learning-unit') + ' ' + unit.seq }}</p>\n                <p class=\"mb-1 text-lg\">{{ getLearnPercent(unit) }}%</p>\n              </div>\n              <p class=\"mb-1 text-base  mr-5\">{{ unit.nameLocal }}</p>\n            </div>\n\n            <div class=\"pb-1\">\n              <!-- PRE TEST POST TEST -->\n<!--              <ItemTest v-if=\"(unit.studentUnitTest) && !unit.studentUnitTest.isPosttestDone\"\n                        :unit=\"unit\"\n                        @handlerStartTestClick=\"handlerStartTestClick\"/>-->\n\n              <!-- COURSE OUTLINE TOPIC -->\n              <!--  <div v-if=\"unit.studentUnitTest && unit.studentUnitTest.isPretestDone\">-->\n              <div>\n                <div v-for=\"(topic, index) in getVdoSetTopics(unit.vdoSetUnit)\" :key=\"topic.id\">\n                  <ItemLearn\n                    :index=\"index\"\n                    :studentUnitLearn=\"unit.studentUnitLearn\"\n                    :topic=\"topic\"\n                    :topicId=\"topic.id\"\n                    :topicLength=\"unit.vdoSetUnit.vdoSetTopics.length\"\n                    :unit=\"unit\"\n                    @handlerTopicClick=\"handlerTopicClick\"/>\n                </div>\n              </div>\n            </div>\n          </vs-collapse-item>\n        </vs-collapse>\n        <vs-divider class=\"w-full m-0 p-0\"/>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ItemLearn from \"./item-learn\";\n// import ItemTest from \"./item-test\";\n\nexport default {\n  props: [\n    'courseOutlineUnits',\n    'courseOutlineUnitLoading',\n    'handlerTopicClick',\n    'handlerStartTestClick',\n    'triggerLoading',\n  ],\n  watch: {\n    triggerLoading(val) {\n      // console.log('watch triggerLoading', val);//not working\n      if (val) {\n        this.loaderOn();\n      } else {\n        this.loaderOff();\n      }\n    }\n  },\n  components: {\n    ItemLearn,\n    // ItemTest\n  },\n  data() {\n    return {\n      loading: true,\n    }\n  },\n  methods: {\n    getLearnPercent(unit) {\n      if (unit.studentUnitLearn) {\n        return unit.studentUnitLearn.learnPercent > 100 ? 100 : unit.studentUnitLearn.learnPercent\n      }\n      return 0;\n    },\n    getVdoSetTopics(vdoSetUnit) {\n      if (vdoSetUnit) {\n        return vdoSetUnit.vdoSetTopics;\n      }\n      return [];\n    },\n    //--------------------------------------- Local Data Function ------------------------------\n    loaderOn() {\n      if (this.$vs) {\n        this.isLoaderActive = true;\n        this.$vs.loading({container: '#sidepanel-loader', scale: 1})\n      }\n    },\n    loaderOff() {\n      if (this.$vs) {\n        this.isLoaderActive = false;\n        this.$vs.loading.close('#sidepanel-loader > .con-vs-loading')\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n\n.sidepanel-content {\n  height: calc(100vh - 205px);\n  overflow-y: scroll;\n\n  & .sidepanel-unit-item {\n    background: rgb(230, 230, 230);\n    border: none;\n    border-bottom: 1px solid white;\n    border-radius: 0;\n    transition: all ease-in 0.1s !important;\n    transition-delay: unset !important;\n\n    &:hover {\n      color: #5e54c3;\n      background: white;\n    }\n  }\n}\n\n#sidepanel-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: #d2d2d28c;\n\n  & > .con-vs-loading {\n    background: #a2a2a24a;\n  }\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!./content.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!./content.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./content.vue?vue&type=template&id=3b991219&\"\nimport script from \"./content.vue?vue&type=script&lang=js&\"\nexport * from \"./content.vue?vue&type=script&lang=js&\"\nimport style0 from \"./content.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","<template>\n  <!-- SIDE PANEL -->\n  <div class=\"vx-col panel side-panel bg-grey lg:h-full lg:w-1/3 sm:w-1/1 p-0\"\n        :class=\"{ 'hide': !sidePanelActive }\"\n  >\n    <div class=\"flex w-full bg-white p-8 justify-between\">\n      <span class=\"my-auto text-xl\">\n        {{ $t(\"general.class-content\") }}\n      </span>\n      <vs-button color=\"grey\" icon-pack=\"feather\" icon=\"icon-x\"\n                 @click=\"$emit('toggleSidePanel',false)\" radius >\n      </vs-button>\n    </div>\n    <vs-divider class=\"w-full m-0 p-0 bg-grey\"/>\n\n    <!-- SIDE PANEL CONTENT -->\n    <SidePanelContent :courseOutlineUnits=\"courseOutlineUnits\"\n                      :courseOutlineUnitLoading=\"courseOutlineUnitLoading\"\n                      :handlerTopicClick=\"handlerTopicClick\"\n                      :handlerStartTestClick=\"handlerStartTestClick\"\n                      :triggerLoading=\"triggerLoading\">\n    </SidePanelContent>\n  </div>\n</template>\n\n<script>\nimport SidePanelContent from \"./content.vue\";\n\nexport default {\n  props:[\n    'sidePanelActive',\n    'courseOutlineUnits',\n    'courseOutlineUnitLoading',\n    'handlerTopicClick',\n    'handlerStartTestClick',\n    'triggerLoading',\n  ],\n  components: {\n    SidePanelContent\n  },\n}\n</script>\n\n<style>\n.side-panel {\n  overflow: hidden;\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=3946237d&\"\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=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  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"p-0 pt-8 bg-white\",staticStyle:{\"min-height\":\"500px\"}},[_c('vs-tabs',{staticClass:\"virtual-class--bottom-panel\",attrs:{\"alignment\":\"fixed\"}},[(!_vm.isBigScreen)?_c('vs-tab',{staticClass:\"p-0\",attrs:{\"label\":_vm.$t('general.class-content'),\"icon\":\"icon-list\",\"icon-pack\":\"feather\"}},[_c('class-content',{attrs:{\"courseOutlineUnitLoading\":_vm.courseOutlineUnitLoading,\"courseOutlineUnits\":_vm.courseOutlineUnits,\"handlerStartTestClick\":_vm.handlerStartTestClick,\"handlerTopicClick\":_vm.handlerTopicClick,\"sidePanelActive\":_vm.sidePanelActive,\"student-enroll-detail\":_vm.studentEnrollDetail,\"triggerLoading\":_vm.triggerLoading}})],1):_vm._e(),_c('vs-tab',{attrs:{\"label\":_vm.$t('virtual-class.description'),\"icon\":\"icon-info\",\"icon-pack\":\"feather\"}},[_c('div',{staticClass:\"tab-text\"},[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col w-full sm:w-full lg:w-1/2\"},[(_vm.studentEnrollDetail)?_c('subject-overview',{attrs:{\"classRoom\":_vm.studentEnrollDetail}}):_vm._e()],1),_c('div',{staticClass:\"vx-col w-full sm:w-full lg:w-1/2\"},[(_vm.teacher)?_c('teacher-profile-mini',{attrs:{\"teacher\":_vm.teacher}}):_vm._e()],1)]),(_vm.studentEnrollDetail)?_c('subject-introduction',{attrs:{\"classRoom\":_vm.studentEnrollDetail}}):_vm._e()],1)]),_c('vs-tab',{attrs:{\"label\":_vm.$t('general.faq'),\"icon\":\"icon-help-circle\",\"icon-pack\":\"feather\"}},[(_vm.classSection)?_c('FAQTab',{attrs:{\"classSection\":_vm.classSection,\"courseOutlineUnits\":_vm.courseOutlineUnits,\"currentFocusUnit\":_vm.currentCourseOutlineUnit,\"studentEnrollDetail\":_vm.studentEnrollDetail}}):_vm._e()],1),_c('vs-tab',{attrs:{\"label\":_vm.$t('general.webboard'),\"icon-pack\":\"feather\",\"icon\":\"icon-message-square\"}},[(_vm.classSection)?_c('WebBoardTab',{attrs:{\"student\":_vm.student,\"studentEnrollDetail\":_vm.studentEnrollDetail,\"classSection\":_vm.classSection}}):_vm._e()],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":_vm.teacherName,\"body-class\":\"p-0\",\"title-color\":\"primary\"}},[_c('template',{slot:\"actions\"},[_c('div',{staticClass:\"flex justify-end\"},[_c('vs-button',{attrs:{\"radius\":\"\",\"color\":\"success\",\"type\":\"border\",\"icon\":\"keyboard_backspace\"},on:{\"click\":_vm.goBack}})],1)]),_c('vs-avatar',{staticClass:\"mx-auto block\",attrs:{\"src\":_vm.teacherProfile,\"size\":\"90px\"}}),_c('vs-divider'),_c('div',{staticClass:\"flex flex-col justify-start\"},[(_vm.teacher.telephone)?_c('span',{staticClass:\"flex items-center\"},[_c('vs-avatar',{attrs:{\"color\":\"primary\",\"icon\":\"smartphone\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(_vm.teacher.telephone)+\" \")])],1):_vm._e(),(_vm.teacher.email)?_c('span',{staticClass:\"flex items-center\"},[_c('vs-avatar',{attrs:{\"color\":\"success\",\"icon\":\"email\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(_vm.teacher.email)+\" \")])],1):_vm._e(),(_vm.teacher.socialMedia)?_c('span',{staticClass:\"flex items-center\"},[_c('vs-avatar',{attrs:{\"color\":\"danger\",\"icon\":\"link\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(_vm.teacher.socialMedia)+\" \")])],1):_vm._e(),(_vm.teacher.availableTime)?_c('span',{staticClass:\"flex items-center\"},[_c('vs-avatar',{attrs:{\"color\":\"warning\",\"icon\":\"alarm\"}}),_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(_vm.teacher.availableTime)+\" \")])],1):_vm._e()])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card\n    :title=\"teacherName\" body-class=\"p-0\"\n    class=\"mb-base\" title-color=\"primary\"\n  >\n    <template slot=\"actions\">\n      <div class=\"flex justify-end\">\n        <vs-button radius color=\"success\" type=\"border\" icon=\"keyboard_backspace\"\n                   @click=\"goBack\">\n        </vs-button>\n      </div>\n    </template>\n\n    <vs-avatar\n      :src=\"teacherProfile\" class=\"mx-auto block\"\n      size=\"90px\"/>\n\n    <vs-divider/>\n    <div class=\"flex flex-col justify-start\">\n\n        <span v-if=\"teacher.telephone\" class=\"flex items-center\">\n          <vs-avatar color=\"primary\" icon=\"smartphone\" />\n          <span class=\"ml-2\"> {{ teacher.telephone }} </span>\n        </span>\n\n      <span v-if=\"teacher.email\" class=\"flex items-center\">\n          <vs-avatar color=\"success\" icon=\"email\" />\n          <span class=\"ml-2\"> {{ teacher.email }} </span>\n        </span>\n\n      <span v-if=\"teacher.socialMedia\" class=\"flex items-center\">\n          <vs-avatar color=\"danger\" icon=\"link\"></vs-avatar>\n          <span class=\"ml-2\"> {{ teacher.socialMedia }} </span>\n        </span>\n\n      <span v-if=\"teacher.availableTime\" class=\"flex items-center\">\n            <vs-avatar color=\"warning\" icon=\"alarm\"> </vs-avatar>\n          <span class=\"ml-2\"> {{ teacher.availableTime }} </span>\n        </span>\n\n    </div>\n  </vx-card>\n</template>\n\n<script>\nimport {getAvatarUrl} from \"@/utils/upload\";\n\nexport default {\n  name: \"TeacherProfileMini\",\n  props: ['teacher'],\n  computed: {\n    teacherProfile() {\n      return getAvatarUrl(this.teacher ? this.teacher.picturePath : '');\n    },\n    teacherName(){\n      if(this.teacher){\n        let prefix = this.teacher.prefix ? this.teacher.prefix.nameLocal+' ':'';\n        return prefix + this.teacher.firstNameLocal + ' ' + this.teacher.lastNameLocal\n      }\n      return '';\n    }\n  },\n  methods:{\n    goBack(){\n      this.$router.push('/');\n    }\n  }\n}\n</script>\n\n<style scoped>\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!./TeacherProfileMini.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!./TeacherProfileMini.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TeacherProfileMini.vue?vue&type=template&id=0005aa92&scoped=true&\"\nimport script from \"./TeacherProfileMini.vue?vue&type=script&lang=js&\"\nexport * from \"./TeacherProfileMini.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  \"0005aa92\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"vx-col bg-grey lg:h-full w-full p-0\"},[_c('SidePanelContent',{attrs:{\"studentEnrollDetail\":_vm.studentEnrollDetail,\"courseOutlineUnits\":_vm.courseOutlineUnits,\"courseOutlineUnitLoading\":_vm.courseOutlineUnitLoading,\"handlerTopicClick\":_vm.handlerTopicClick,\"handlerStartTestClick\":_vm.handlerStartTestClick,\"triggerLoading\":_vm.triggerLoading}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidepanel-content centerx w-full relative\"},[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.triggerLoading),expression:\"triggerLoading\"}],staticClass:\"vs-con-loading__container loader h-full\",attrs:{\"id\":\"sidepanel-loader\"}},[_c('span',{staticClass:\"text-primary text-xl\"},[_vm._v(_vm._s(_vm.$t(\"general.loading\")))])]),_c('div',{style:(!_vm.courseOutlineUnits || _vm.courseOutlineUnits.length === 0 ? 'max-height: 70vh; overflow: hidden;' : '')},_vm._l((_vm.courseOutlineUnits),function(unit){return _c('div',{key:unit.id,staticClass:\"p-0 bg-white m-0 w-full\"},[_c('vs-collapse',{staticClass:\"m-0 w-full sidepanel-unit-item\",attrs:{\"accordion\":\"\"}},[_c('vs-collapse-item',{staticClass:\"w-full\"},[_c('div',{staticClass:\"w-full items-center mr-4\",attrs:{\"slot\":\"header\"},slot:\"header\"},[_c('div',{staticClass:\"flex justify-between mr-10\"},[_c('p',{staticClass:\"mb-1 text-lg\"},[_vm._v(_vm._s(_vm.$t('virtual-class.learning-unit') + ' ' + unit.seq))]),_c('p',{staticClass:\"mb-1 text-lg\"},[_vm._v(_vm._s(_vm.getLearnPercent(unit))+\"%\")])]),_c('p',{staticClass:\"mb-1 text-base  mr-5\"},[_vm._v(_vm._s(unit.nameLocal))])]),_c('div',{staticClass:\"pb-1\"},[((unit.studentUnitTest) && !unit.studentUnitTest.isPosttestDone)?_c('ItemTest',{attrs:{\"unit\":unit},on:{\"handlerStartTestClick\":_vm.handlerStartTestClick}}):_vm._e(),_c('div',_vm._l((_vm.getVdoSetTopics(unit.vdoSetUnit)),function(topic,index){return _c('div',{key:topic.id},[_c('ItemLearn',{attrs:{\"index\":index,\"studentUnitLearn\":unit.studentUnitLearn,\"topic\":topic,\"topicId\":topic.id,\"topicLength\":unit.vdoSetUnit.vdoSetTopics.length,\"unit\":unit},on:{\"handlerTopicClick\":_vm.handlerTopicClick}})],1)}),0)],1)])],1),_c('vs-divider',{staticClass:\"w-full m-0 p-0\"})],1)}),0)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidepanel-learn-item\"},[_c('div',{staticClass:\"flex flex-row justify-start\"},[_c('p',{staticClass:\"flex flex-1 items-start mb-2\"},[_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"FilmIcon\",\"svgClasses\":\"text-primary stroke-current h-5 w-5 mr-4 mt-1 p-0\"}}),_c('span',{staticClass:\"text-lg text-primary\"},[_vm._v(_vm._s(_vm.topic.nameLocal))])],1)]),_c('div',{staticClass:\"flex flex-row\"},[_c('div',{staticClass:\"flex flex-col justify-start w-2/3\"},[_c('vs-button',{staticClass:\"w-3/4\",attrs:{\"color\":_vm.percentCounter > 99 ? 'success' : 'primary',\"icon\":\"icon-play\",\"icon-pack\":\"feather\",\"size\":\"small\"},on:{\"click\":function($event){return _vm.onLearningClick(_vm.topic, _vm.unit)}}},[_c('span',{staticClass:\"text-base\"},[_vm._v(\" \"+_vm._s(_vm.percentCounter > 99 ? _vm.$t(\"virtual-class.review-lesson\") : _vm.$t(\"virtual-class.start-learning\"))+\" \")])])],1),_c('div',{staticClass:\"flex flex-col justify-end w-1/3\"},[_c('p',{staticClass:\"flex flex-1 text-grey justify-end items-center whitespace-pre\"},[_c('span',[_vm._v(\" \"+_vm._s(_vm.currentLearnTime)+\"/\"+_vm._s(_vm.totalVdoLength)+\" \")]),_c('feather-icon',{staticClass:\"cursor-pointer\",attrs:{\"icon\":\"ClockIcon\",\"svgClasses\":\"stroke-current h-4 w-4 mr-2 p-0\"}})],1),_c('span',{staticClass:\"text-right text-xl\"},[(_vm.percentCounter > 99)?_c('feather-icon',{staticClass:\"text-warning\",attrs:{\"icon\":\"StarIcon\",\"svgClasses\":\"h-4 w-4 mr-2 p-0\"}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.learnPercent)+\"% \")],1)])]),(_vm.index !== _vm.topicLength - 1)?_c('vs-divider'):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sidepanel-learn-item\">\n<!--    <div class=\"flex items-start w-full mb-2\">-->\n\n      <div class=\"flex flex-row justify-start\">\n        <p class=\"flex flex-1 items-start mb-2\">\n          <feather-icon class=\"cursor-pointer\" icon=\"FilmIcon\"\n                        svgClasses=\"text-primary stroke-current h-5 w-5 mr-4 mt-1 p-0\"/>\n          <span class=\"text-lg text-primary\">{{ topic.nameLocal }}</span>\n        </p>\n      </div>\n      <div class=\"flex flex-row\">\n        <div class=\"flex flex-col justify-start w-2/3\">\n          <vs-button\n            :color=\"percentCounter > 99 ? 'success' : 'primary'\" class=\"w-3/4\" icon=\"icon-play\"\n            icon-pack=\"feather\"\n            size=\"small\"\n            @click=\"onLearningClick(topic, unit)\"\n          >\n            <span class=\"text-base\">\n              {{ percentCounter > 99 ? $t(\"virtual-class.review-lesson\") : $t(\"virtual-class.start-learning\") }}\n            </span>\n          </vs-button>\n\n        </div>\n\n        <div class=\"flex flex-col justify-end w-1/3\">\n          <p class=\"flex flex-1 text-grey justify-end items-center whitespace-pre\">\n            <span>\n              {{ currentLearnTime }}/{{ totalVdoLength }}\n            </span>\n            <feather-icon class=\"cursor-pointer\" icon=\"ClockIcon\" svgClasses=\"stroke-current h-4 w-4 mr-2 p-0\"/>\n          </p>\n          <span class=\"text-right text-xl\">\n            <feather-icon v-if=\"percentCounter > 99\"\n                          class=\"text-warning\"\n                          icon=\"StarIcon\"\n                          svgClasses=\"h-4 w-4 mr-2 p-0\"/>\n            {{ learnPercent }}%\n          </span>\n        </div>\n      </div>\n<!--    </div>-->\n    <vs-divider v-if=\"index !== topicLength - 1\"/>\n  </div>\n</template>\n\n<script>\nimport {formatSecondToHHMMSS} from \"@/utils/format\";\n\nexport default {\n  props: [\n    'topic',\n    'topicId',\n    'unit',\n    'studentUnitLearn',\n    'index',\n    'topicLength',\n  ],\n  data() {\n    return {\n      timerCounter: 0,\n      percentCounter: 0,\n      learnTime: 0,\n      countUpdateInterval: 3\n    }\n  },\n  computed: {\n    currentLearnTime() {\n      if (this.topic && this.topic.studentTopicLearn) {\n        let learnTime = this.topic.studentTopicLearn.learnTime\n        if (learnTime > this.topic.vdoLength) {\n          learnTime = this.topic.vdoLength;\n        }\n        return formatSecondToHHMMSS(learnTime);\n      } else {\n        return 0;\n      }\n    },\n    totalVdoLength() {\n      return formatSecondToHHMMSS(this.topic.vdoLength);\n    },\n    learnPercent() {\n      if (this.topic && this.topic.studentTopicLearn) {\n        return this.topic.studentTopicLearn.learnPercent > this.topic.studentTopicLearn.learnPercent\n          ? 100 : this.topic.studentTopicLearn.learnPercent;\n      } else {\n        return 0;\n      }\n    }\n  },\n  methods: {\n    async onLearningClick(topic, unit) {\n      this.$emit('handlerTopicClick', {topic, unit})\n    },\n  },\n}\n</script>\n\n<style>\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!./item-learn.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!./item-learn.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./item-learn.vue?vue&type=template&id=3595cba0&\"\nimport script from \"./item-learn.vue?vue&type=script&lang=js&\"\nexport * from \"./item-learn.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.unit)?_c('div',{staticClass:\"sidepanel-test-item mb-2\"},[(_vm.showPreTestButton)?_c('div',{},[_c('vs-button',{attrs:{\"color\":\"primary\",\"icon-pack\":\"feather\",\"icon\":\"icon-check-circle\"},nativeOn:{\"click\":function($event){return _vm.onStartTestClick(_vm.unit, 'pretest')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"virtual-class.start-pretest\"))+\" \")]),_c('vs-divider')],1):_vm._e(),(_vm.showPostTestButton)?_c('div',{staticClass:\"mb-2\"},[_c('vs-button',{attrs:{\"color\":\"primary\",\"icon-pack\":\"feather\",\"icon\":\"icon-check-circle\"},on:{\"click\":function($event){return _vm.onStartTestClick(_vm.unit, 'posttest')}}},[_vm._v(\" \"+_vm._s(_vm.$t(\"virtual-class.start-posttest\"))+\" \")]),_c('vs-divider')],1):_vm._e()]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sidepanel-test-item mb-2\" v-if=\"unit\">\n    <div v-if=\"showPreTestButton\" class=\"\">\n      <vs-button\n        color=\"primary\" icon-pack=\"feather\" icon=\"icon-check-circle\"\n        @click.native=\"onStartTestClick(unit, 'pretest')\"\n      >\n        {{ $t(\"virtual-class.start-pretest\") }}\n      </vs-button>\n\n      <vs-divider></vs-divider>\n    </div>\n\n    <div\n      v-if=\"showPostTestButton\"\n      class=\"mb-2\">\n      <vs-button\n        color=\"primary\" icon-pack=\"feather\" icon=\"icon-check-circle\"\n        @click=\"onStartTestClick(unit, 'posttest')\"\n      >\n        {{ $t(\"virtual-class.start-posttest\") }}\n      </vs-button>\n      <vs-divider></vs-divider>\n    </div>\n\n  </div>\n</template>\n\n<script>\n\nexport default {\n  props: [\n    'unit',\n  ],\n  data() {\n    return {\n      percentThatCanDoPostTest: 60,\n    }\n  },\n  computed: {\n    showPreTestButton(){\n      if(!this.unit.studentUnitTest.isPretestDone){\n        return true;\n      }\n      return false\n    },\n    showPostTestButton() {\n      if(this.unit.studentUnitTest.isPretestDone\n      && !this.unit.studentUnitTest.isPosttestDone\n      && this.unit.studentUnitLearn.learnPercent >= this.percentThatCanDoPostTest){\n        return true;\n      }\n      return false\n    },\n  },\n  methods: {\n    onStartTestClick(unit, examMode){\n      this.$emit('handlerStartTestClick', {unit, examMode});\n    }\n  },\n}\n</script>\n\n<style>\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!./item-test.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!./item-test.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./item-test.vue?vue&type=template&id=0eebc6df&\"\nimport script from \"./item-test.vue?vue&type=script&lang=js&\"\nexport * from \"./item-test.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","<template>\n  <div class=\"sidepanel-content centerx w-full relative\">\n    <!-- LOADING-->\n    <div\n      v-show=\"triggerLoading\"\n      id=\"sidepanel-loader\"\n      class=\"vs-con-loading__container loader h-full\"\n    >\n      <span class=\"text-primary text-xl\">{{ $t(\"general.loading\") }}</span>\n    </div>\n\n    <!--CONTENT-->\n    <div :style=\"!courseOutlineUnits || courseOutlineUnits.length === 0 ? 'max-height: 70vh; overflow: hidden;' : ''\">\n      <div v-for=\"unit in courseOutlineUnits\" :key=\"unit.id\" class=\"p-0 bg-white m-0 w-full\">\n        <vs-collapse accordion class=\"m-0 w-full sidepanel-unit-item\">\n          <vs-collapse-item class=\"w-full\">\n            <!--COURSE OUTLINE UNIT-->\n            <div slot=\"header\" class=\"w-full items-center mr-4\">\n              <!--UNIT NO, NAME, LEARNING PROGRESS-->\n              <div class=\"flex justify-between mr-10\">\n                <p class=\"mb-1 text-lg\">{{ $t('virtual-class.learning-unit') + ' ' + unit.seq }}</p>\n                <p class=\"mb-1 text-lg\">{{ getLearnPercent(unit) }}%</p>\n              </div>\n              <p class=\"mb-1 text-base  mr-5\">{{ unit.nameLocal }}</p>\n            </div>\n\n            <div class=\"pb-1\">\n              <!-- PRE TEST POST TEST -->\n              <ItemTest v-if=\"(unit.studentUnitTest) && !unit.studentUnitTest.isPosttestDone\"\n                        :unit=\"unit\"\n                        @handlerStartTestClick=\"handlerStartTestClick\"/>\n\n              <!-- COURSE OUTLINE TOPIC -->\n              <!--  <div v-if=\"unit.studentUnitTest && unit.studentUnitTest.isPretestDone\">-->\n              <div>\n                <div v-for=\"(topic, index) in getVdoSetTopics(unit.vdoSetUnit)\" :key=\"topic.id\">\n                  <ItemLearn\n                    :index=\"index\"\n                    :studentUnitLearn=\"unit.studentUnitLearn\"\n                    :topic=\"topic\"\n                    :topicId=\"topic.id\"\n                    :topicLength=\"unit.vdoSetUnit.vdoSetTopics.length\"\n                    :unit=\"unit\"\n                    @handlerTopicClick=\"handlerTopicClick\"/>\n                </div>\n              </div>\n            </div>\n          </vs-collapse-item>\n        </vs-collapse>\n        <vs-divider class=\"w-full m-0 p-0\"/>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport ItemLearn from \"./item-learn\";\nimport ItemTest from \"./item-test\";\n\nexport default {\n  props: [\n    'studentEnrollDetail',\n    'courseOutlineUnits',\n    'courseOutlineUnitLoading',\n    'handlerTopicClick',\n    'handlerStartTestClick',\n    'triggerLoading',\n  ],\n  watch: {\n    triggerLoading(val) {\n      // console.log('watch triggerLoading', val);//not working\n      if (val) {\n        this.loaderOn();\n      } else {\n        this.loaderOff();\n      }\n    }\n  },\n  components: {\n    ItemLearn,\n    ItemTest\n  },\n  data() {\n    return {\n      loading: true,\n    }\n  },\n  methods: {\n    getLearnPercent(unit) {\n      if (unit.studentUnitLearn) {\n        return unit.studentUnitLearn.learnPercent > 100 ? 100 : unit.studentUnitLearn.learnPercent\n      }\n      return 0;\n    },\n    getVdoSetTopics(vdoSetUnit) {\n      if (vdoSetUnit) {\n        return vdoSetUnit.vdoSetTopics;\n      }\n      return [];\n    },\n    //--------------------------------------- Local Data Function ------------------------------\n    loaderOn() {\n      if (this.$vs) {\n        this.isLoaderActive = true;\n        this.$vs.loading({container: '#sidepanel-loader', scale: 1})\n      }\n    },\n    loaderOff() {\n      if (this.$vs) {\n        this.isLoaderActive = false;\n        this.$vs.loading.close('#sidepanel-loader > .con-vs-loading')\n      }\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\">\n\n.sidepanel-content {\n  height: calc(100vh - 205px);\n  overflow-y: scroll;\n\n  & .sidepanel-unit-item {\n    background: rgb(230, 230, 230);\n    border: none;\n    border-bottom: 1px solid white;\n    border-radius: 0;\n    transition: all ease-in 0.1s !important;\n    transition-delay: unset !important;\n\n    &:hover {\n      color: #5e54c3;\n      background: white;\n    }\n  }\n}\n\n#sidepanel-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: #d2d2d28c;\n\n  & > .con-vs-loading {\n    background: #a2a2a24a;\n  }\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!./content.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!./content.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./content.vue?vue&type=template&id=1bff7ec8&\"\nimport script from \"./content.vue?vue&type=script&lang=js&\"\nexport * from \"./content.vue?vue&type=script&lang=js&\"\nimport style0 from \"./content.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","<template>\n  <!-- SIDE PANEL -->\n  <div class=\"vx-col bg-grey lg:h-full w-full p-0\">\n    <!-- SIDE PANEL CONTENT -->\n    <SidePanelContent :studentEnrollDetail=\"studentEnrollDetail\"\n                      :courseOutlineUnits=\"courseOutlineUnits\"\n                      :courseOutlineUnitLoading=\"courseOutlineUnitLoading\"\n                      :handlerTopicClick=\"handlerTopicClick\"\n                      :handlerStartTestClick=\"handlerStartTestClick\"\n                      :triggerLoading=\"triggerLoading\">\n    </SidePanelContent>\n  </div>\n</template>\n\n<script>\nimport SidePanelContent from \"./content.vue\";\n\nexport default {\n  name: 'ClassContent',\n  props:[\n    'studentEnrollDetail',\n    'sidePanelActive',\n    'courseOutlineUnits',\n    'courseOutlineUnitLoading',\n    'handlerTopicClick',\n    'handlerStartTestClick',\n    'triggerLoading',\n  ],\n  components: {\n    SidePanelContent\n  },\n}\n</script>\n\n<style>\n.side-panel {\n  overflow: hidden;\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=cb15c706&\"\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=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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\n  <div>\n    <!-- TABS -->\n    <div class=\"p-0 pt-8 bg-white\" style=\"min-height: 500px;\">\n      <vs-tabs alignment=\"fixed\" class=\"virtual-class--bottom-panel\">\n\n        <!--CLASS CONTENT FOR MOBILE TAB-->\n        <vs-tab v-if=\"!isBigScreen\"\n          :label=\"$t('general.class-content')\"\n          icon=\"icon-list\" icon-pack=\"feather\"\n          class=\"p-0\"\n        >\n          <class-content\n            :courseOutlineUnitLoading=\"courseOutlineUnitLoading\"\n            :courseOutlineUnits=\"courseOutlineUnits\"\n            :handlerStartTestClick=\"handlerStartTestClick\"\n            :handlerTopicClick=\"handlerTopicClick\"\n            :sidePanelActive=\"sidePanelActive\"\n            :student-enroll-detail=\"studentEnrollDetail\"\n            :triggerLoading=\"triggerLoading\"\n          >\n\n          </class-content>\n        </vs-tab>\n\n        <!--OVERVIEW TAB-->\n        <vs-tab\n          :label=\"$t('virtual-class.description')\"\n          icon=\"icon-info\" icon-pack=\"feather\"\n        >\n          <div class=\"tab-text\">\n            <div class=\"vx-row\">\n              <div class=\"vx-col w-full sm:w-full lg:w-1/2\">\n                <subject-overview v-if=\"studentEnrollDetail\"\n                                  :classRoom=\"studentEnrollDetail\">\n                </subject-overview>\n              </div>\n              <div class=\"vx-col w-full sm:w-full lg:w-1/2\">\n                <teacher-profile-mini v-if=\"teacher\"\n                                 :teacher=\"teacher\">\n                </teacher-profile-mini>\n              </div>\n            </div>\n\n\n            <subject-introduction v-if=\"studentEnrollDetail\"\n                                  :classRoom=\"studentEnrollDetail\">\n            </subject-introduction>\n          </div>\n        </vs-tab>\n\n        <!--FAQ TAB-->\n        <vs-tab :label=\"$t('general.faq')\"\n                icon=\"icon-help-circle\" icon-pack=\"feather\"\n        >\n          <FAQTab\n            v-if=\"classSection\"\n            :classSection=\"classSection\"\n            :courseOutlineUnits=\"courseOutlineUnits\"\n            :currentFocusUnit=\"currentCourseOutlineUnit\"\n            :studentEnrollDetail=\"studentEnrollDetail\"/>\n        </vs-tab>\n\n        <!--WEB BOARD TAB-->\n        <vs-tab\n          :label=\"$t('general.webboard')\"\n          icon-pack=\"feather\" icon=\"icon-message-square\"\n        >\n          <WebBoardTab v-if=\"classSection\"\n                       :student=\"student\"\n                       :studentEnrollDetail=\"studentEnrollDetail\"\n                       :classSection=\"classSection\">\n          </WebBoardTab>\n        </vs-tab>\n\n      </vs-tabs>\n    </div>\n  </div>\n</template>\n\n<script>\nimport SubjectOverview from \"@/views/pages/ClassOverview/Components/SubjectInfo\";\nimport SubjectIntroduction from \"@/views/pages/ClassOverview/Components/IntroductionInfo\";\nimport TeacherProfileMini from \"@/views/pages/E-Learning/VirtualClass/BottomPanel/TeacherProfileMini\";\nimport ClassContent from './ClassContent/index';\n\nexport default {\n  props: [\n    'courseOutlineUnits',\n    'student',\n    'classSection',\n    'teacher',\n    'currentCourseOutlineUnit',\n\n    'sidePanelActive',\n    'courseOutlineUnitLoading',\n    'handlerTopicClick',\n    'handlerStartTestClick',\n    'triggerLoading',\n    'isBigScreen',\n  ],\n  components: {\n    SubjectOverview,\n    SubjectIntroduction,\n    TeacherProfileMini,\n    ClassContent,\n    FAQTab: () => import(\"./Faq/index.vue\"),\n    WebBoardTab: () => import(\"./WebBoard/WebBoard.vue\"),\n  },\n  computed:{\n    studentEnrollDetail(){\n      if(this.classSection){\n        return {\n          subject: this.classSection.courseOutlineRegistration.subject,\n          classSection: this.classSection,\n          courseOutlineRegistration: this.classSection.courseOutlineRegistration,\n        }\n      }\n      return null\n    },\n\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.virtual-class--bottom-panel {\n  & .vs-tabs--btn {\n    text-align: center;\n    justify-content: center;\n\n    & .vs-icon {\n      font-size: 1.6rem;\n      text-align: left;\n    }\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=c959e9b4&\"\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","<template>\n  <div id=\"screen\" class=\"component-screen footer-hidden m-0 p-0\">\n    <Loader v-if=\"loading && classSection\" cover/>\n    <div v-else class=\"vx-row lg:h-full m-0 relative\">\n      <div class=\"vx-col panels main-panel h-screen lg:h-full sm:h-1/2 flex-1 sm:w-1/1 p-0\">\n        <MainPanel\n          :countLearningPercent=\"countLearningPercent\"\n          :currentCourseOutlineUnit=\"currentCourseOutlineUnit\"\n          :currentStudentUnitTest=\"currentStudentUnitTest\"\n          :currentVdoSetTopic=\"currentVdoSetTopic\"\n          :examMode=\"examMode\"\n          :keepCounting=\"keepCounting\"\n          :mainPanelMode=\"mainPanelMode\"\n          :classSection=\"classSection\"\n\n          :setDoingExam=\"setDoingExam\"\n          :setNewStudentUnitTestToCourseOutlineUnits=\"setNewStudentUnitTestToCourseOutlineUnits\"\n          :sidePanelActive=\"sidePanelActive\"\n          :startLearning=\"startLearning\"\n          :setTriggerLoading=\"setTriggerLoading\"\n          :toggleSidePanel=\"toggleSidePanel\"\n\n          :isBigScreen=\"isBigScreen\"\n        >\n        </MainPanel>\n        <BottomPanel :class-section=\"classSection\"\n                     :course-outline-units=\"courseOutlineUnits\"\n                     :student=\"student\"\n                     :teacher=\"teacher\"\n                     :currentCourseOutlineUnit=\"currentCourseOutlineUnit\"\n\n                     :courseOutlineUnitLoading=\"courseOutlineUnitLoading\"\n                     :handlerStartTestClick=\"handlerStartTestClick\"\n                     :handlerTopicClick=\"handlerTopicClick\"\n                     :sidePanelActive=\"sidePanelActive\"\n                     :triggerLoading=\"triggerLoading\"\n                     @toggleSidePanel=\"toggleSidePanel\"\n                     :isBigScreen=\"isBigScreen\"\n        >\n        </BottomPanel>\n      </div>\n\n      <SidePanel v-if=\"isBigScreen\"\n        :courseOutlineUnitLoading=\"courseOutlineUnitLoading\"\n        :courseOutlineUnits=\"courseOutlineUnits\"\n        :handlerStartTestClick=\"handlerStartTestClick\"\n        :handlerTopicClick=\"handlerTopicClick\"\n        :sidePanelActive=\"sidePanelActive\"\n        :triggerLoading=\"triggerLoading\"\n        @toggleSidePanel=\"toggleSidePanel\"\n      >\n      </SidePanel>\n    </div>\n  </div>\n</template>\n\n<script>\nimport store from '@/store';\nimport EventBus from '@/event-bus';\n\nimport MainPanel from \"./MainPanel\";\nimport SidePanel from \"./SidePanel\";\nimport BottomPanel from \"./BottomPanel\";\nimport ClassSection from \"@/store/modules/courses/class-section/index\";\nimport VdoSetTopic from \"@/store/modules/vdo-set/vdo-set-topic/index\";\nimport {createNamespacedHelpers} from \"vuex\";\n\nif (!store.state.ClassSection) store.state.registerModule(`ClassSection`, ClassSection);\nif (!store.state.VdoSetTopic) store.state.registerModule(`VdoSetTopic`, VdoSetTopic);\n\nconst {\n  mapActions: mapClassSectionActions,\n} = createNamespacedHelpers(`ClassSection`);\nconst {\n  mapActions: mapVdoSetTopicActions,\n} = createNamespacedHelpers(`VdoSetTopic`);\n\nexport default {\n  components: {\n    MainPanel,\n    SidePanel,\n    BottomPanel,\n    Loader: () => import('@/components/common-ui/loader-block/index.vue'),\n  },\n  computed: {\n    student() {\n      if (this.studentEnrollDetail) {\n        return this.studentEnrollDetail.student;\n      }\n      return null;\n    },\n    teacher() {\n      if (this.classSection) {\n        return this.classSection.courseOutlineRegistration.teacher;\n      }\n      return null;\n    },\n  },\n  data() {\n    return {\n      loading: true,\n      courseOutlineUnitLoading: true,\n      studentEnrollDetailId: null,\n      classSectionId: null,\n      classSection: null,\n      courseOutlineUnits: [],\n      vdoSetTopics: [],\n      sidePanelActive: true,\n\n      //FOR VIDEO PANEL\n      currentVdoSetTopic: null,\n      currentVdoSetTopicIndex: null,\n      keepCounting: true,\n      secondToUpdateStudentLearnTime: 10,\n\n      //FOR PRE & POST TEST PANEL\n      doingExam: false,\n      examMode: '',\n      currentStudentUnitTest: null,\n      currentStudentUnitTestIndex: null,\n      studentUnitPreTests: [],\n      studentAnswers: [],\n\n      //FOR VIDEO & PRE & POST TEST PANEL\n      mainPanelMode: 'cover',\n      currentCourseOutlineUnit: null,\n      currentCourseOutlineUnitIndex: null,\n      triggerLoading: false,\n\n      isBigScreen: true,\n    }\n  },\n  methods: {\n    ...mapClassSectionActions({\n      getClassSectionForLearning: 'getClassSectionForLearning',\n    }),\n    ...mapVdoSetTopicActions({\n      getVdoSetTopicsByFilter: 'getVdoSetTopicsByFilter',\n    }),\n    //---------------------------------- VDO PANEL FUNCTION ----------------------------------\n    async countLearningPercent(/*counter*/) {\n      //calculate learn percent\n      let currentLearnTime = this.currentVdoSetTopic.studentTopicLearn.learnTime;\n      let newLearnTime = currentLearnTime + 1;\n      let vdoLength = this.currentVdoSetTopic.vdoLength;\n      let percent = Math.floor((newLearnTime / vdoLength) * 100);\n      if (percent > 100) {\n        percent = 100;\n      }\n\n      //set new percent to studentTopicLearn in courseOutlineUnit\n      this.setNewLearnTimeToCourseOutlineUnit(newLearnTime, percent);\n      if (percent >= 100) {\n        //update StudentTopicLearnTime and stop counting\n        this.keepCounting = false\n        // await this.updateStudentTopicLearnTime();\n      }/* else if (counter === this.secondToUpdateStudentLearnTime) {\n        //update StudentTopicLearnTime every 10 sec\n        await this.updateStudentTopicLearnTime();\n      }*/\n    },\n    async updateStudentTopicLearnTime() {\n      const studentTopicLearn = this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n        .vdoSetUnit\n        .vdoSetTopics[this.currentVdoSetTopicIndex]\n        .studentTopicLearn;\n      const studentUnitLearn = this.courseOutlineUnits[this.currentCourseOutlineUnitIndex].studentUnitLearn;\n\n      const payload = {\n        studentTopicLearnId: studentTopicLearn.id,\n        studentUnitLearnId: studentUnitLearn.id,\n        studentTopicLearnInput: {\n          learnTime: studentTopicLearn.learnTime,\n          learnPercent: studentTopicLearn.learnPercent,\n        },\n        studentUnitLearnInput: {\n          totalLearnTime: studentUnitLearn.totalLearnTime,\n          learnPercent: studentUnitLearn.learnPercent,\n        },\n      };\n      await this.updateStudentTopicAndUnitLearn(payload);\n    },\n    setNewLearnTimeToCourseOutlineUnit(newLearnTime, percent) {\n      //update student Topic Learn\n      this.currentVdoSetTopic.studentTopicLearn.learnTime = newLearnTime;\n      this.currentVdoSetTopic.studentTopicLearn.learnPercent = percent;\n\n      this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n        .vdoSetUnit\n        .vdoSetTopics[this.currentVdoSetTopicIndex]\n        .studentTopicLearn.learnTime = newLearnTime;\n      this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n        .vdoSetUnit\n        .vdoSetTopics[this.currentVdoSetTopicIndex]\n        .studentTopicLearn.learnPercent = percent;\n\n      //update student Unit Learn\n      let newUnitLearnTime = this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n        .studentUnitLearn.totalLearnTime + 1;\n      if (newUnitLearnTime > this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n        .vdoSetUnit.totalVdoLength) {\n        newUnitLearnTime = this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n          .vdoSetUnit.totalVdoLength;\n      }\n      let totalUnitVdoLength = this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n        .vdoSetUnit.totalVdoLength;\n      let unitPercent = Math.floor((newUnitLearnTime / totalUnitVdoLength) * 100);\n      if (unitPercent > 100) {\n        unitPercent = 100;\n      }\n      this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n        .studentUnitLearn.totalLearnTime = newUnitLearnTime;\n      this.courseOutlineUnits[this.currentCourseOutlineUnitIndex]\n        .studentUnitLearn.learnPercent = unitPercent;\n    },\n    //---------------------------------- PRE & POST TEST PANEL FUNCTION ----------------------------------\n    handlerStartTestClick({unit, examMode}) {\n\n      if (this.examMode !== examMode\n        || !this.currentStudentUnitTest\n        || this.currentStudentUnitTest.id !== unit.studentUnitTest.id) {\n        if (this.doingExam) {\n          const acceptLost = confirm(this.$t(`virtual-class.confirm-quit-${examMode}`));\n          if (acceptLost === true) {\n            this.clearVdoPanelVariable();\n            this.currentCourseOutlineUnit = unit;\n            this.currentCourseOutlineUnitIndex = this.courseOutlineUnits.findIndex(item => item.id === unit.id);\n            this.currentStudentUnitTest = unit.studentUnitTest;\n            this.mainPanelMode = 'test'\n            this.examMode = examMode;\n            /*this.setCurrentCourseOutlineUnit(unit);\n            this.setCurrentStudentUnitTest(unit);\n            this.startPretest();*/\n          }\n        } else {\n          this.clearVdoPanelVariable();\n          this.currentCourseOutlineUnit = unit;\n          this.currentCourseOutlineUnitIndex = this.courseOutlineUnits.findIndex(item => item.id === unit.id);\n          this.currentStudentUnitTest = unit.studentUnitTest;\n          this.mainPanelMode = 'test'\n          this.examMode = examMode;\n          /*this.setCurrentCourseOutlineUnit(unit);\n          this.setCurrentStudentUnitTest(unit);\n          this.startPretest();*/\n        }\n\n      } /*else {\n        console.log('dup')\n      }*/\n\n    },\n    startLearning(unit) {\n      let firstTopic = unit.vdoSetUnit.vdoSetTopics;\n      if (firstTopic && firstTopic.length > 0) {\n        this.handlerTopicClick({unit, topic: firstTopic[0]});\n      }\n    },\n    setDoingExam(doingExam) {\n      this.doingExam = doingExam;\n    },\n    setNewStudentUnitTestToCourseOutlineUnits(studentUnitTest) {\n      this.currentCourseOutlineUnit.studentUnitTest = studentUnitTest;\n      this.currentStudentUnitTest = studentUnitTest;\n\n      this.courseOutlineUnits[this.currentCourseOutlineUnitIndex].studentUnitTest = studentUnitTest;\n    },\n    //---------------------------------- SIDE PANEL FUNCTION ----------------------------------\n    toggleSidePanel(toggle) {\n      this.sidePanelActive = toggle;\n    },\n    handlerTopicClick({topic, unit}) {\n      // console.log('unit',unit);\n      // console.log('topic',topic);\n      this.clearUniTestPanelVariable();\n      //set current currentCourseOutlineUnit && currentVdoSetTopic\n      this.setCurrentCourseOutlineUnit(unit);\n      this.setCurrentVdoSetTopic(topic);\n\n      //if complete learning then dont count percent\n      this.keepCounting = false;\n      /*if (this.currentVdoSetTopic.vdoLength > this.currentVdoSetTopic.studentTopicLearn.learnTime) {\n        this.keepCounting = true;\n      } else {\n        this.keepCounting = false;\n      }*/\n\n      //show video panel\n      this.mainPanelMode = 'vdo';\n    },\n    //---------------------------------- LOCAL FUNCTION ----------------------------------\n    async loadData() {\n      this.loading = true;\n      if (this.$route.params.classSectionId) {\n        this.classSectionId = this.$route.params.classSectionId;\n        this.classSection = await this.getClassSectionForLearning({id: this.classSectionId});\n        if (this.classSection) {\n          //get vdo set topics\n          this.vdoSetTopics = await this.getVdoSetTopicsByFilter({\n            vdoSetTopicFilterInput: {\n              vdoSetId: this.classSection.vdoSet.id,\n              isEnabled: true,\n            }\n          })\n          this.courseOutlineUnitLoading = true;\n          this.courseOutlineUnits = await this.prepareCourseOutlineUnits();\n          this.courseOutlineUnitLoading = false;\n        }\n      }\n      this.loading = false;\n    },\n    async prepareCourseOutlineUnits() {\n      //create Course Outline Units for Side Panel\n      let newCourseOutlineUnits = [];\n      let courseOutlineUnits = this.classSection\n        .courseOutlineRegistration\n        .courseOutline\n        .courseOutlineUnits;\n      if (courseOutlineUnits && courseOutlineUnits.length > 0) {\n        let vdoSetUnits = [];\n        if (this.classSection.vdoSet) {\n          vdoSetUnits = this.classSection.vdoSet.vdoSetUnits;\n        }\n        for (let i = 0; i < courseOutlineUnits.length; i++) {\n          const item = courseOutlineUnits[i];\n          let vdoSetUnit = vdoSetUnits.find(element =>\n            element.courseOutlineUnit && element.courseOutlineUnit.id === item.id);\n\n          //filter isEnabled vdoSetTopic\n          if(vdoSetUnit && this.vdoSetTopics && this.vdoSetTopics.length > 0) {\n            vdoSetUnit.vdoSetTopics = this.vdoSetTopics.filter(e => e.isEnabled && e.vdoSetUnit.id === vdoSetUnit.id);\n          }\n\n          let result = {\n            ...item,\n            vdoSetUnit,\n          }\n          newCourseOutlineUnits.push(result);\n        }\n      }\n      return newCourseOutlineUnits;\n    },\n    async createStudentUnitTests(courseOutlineUnit) {\n      const payload = {\n        studentId: this.studentEnrollDetail.student.id,\n        courseOutlineUnitId: courseOutlineUnit.id,\n        studentEnrollId: this.studentEnrollDetail.studentEnroll.id,\n        studentEnrollDetailId: this.studentEnrollDetail.id,\n        academicPeriodId: this.studentEnrollDetail.studentEnroll.academicPeriod.id,\n        subjectId: this.studentEnrollDetail.subject.id,\n        studentUnitTestInput: {\n          studentCode: this.studentEnrollDetail.student.code,\n          subjectCode: this.studentEnrollDetail.subject.code,\n          periodCode: this.studentEnrollDetail.studentEnroll.periodCode,\n\n          unitSeq: courseOutlineUnit.seq,\n          pretestScore: 0,\n          pretestMaxScore: courseOutlineUnit.preTestExpectScore,\n          pretestQuestionQty: courseOutlineUnit.preTestExpectScore,\n          isPretestDone: false,\n          posttestScore: 0,\n          posttestMaxScore: courseOutlineUnit.postTestExpectScore,\n          posttestQuestionQty: courseOutlineUnit.postTestExpectScore,\n          isPosttestDone: false,\n        },\n      };\n      let result = await this.addStudentUnitTest(payload);\n      if (result) {\n        return result;\n      }\n      return null;\n    },\n    async createStudentUnitLearns(courseOutlineUnit, vdoSetUnit) {\n      const payload = {\n        studentEnrollId: this.studentEnrollDetail.studentEnroll.id,\n        studentEnrollDetailId: this.studentEnrollDetail.id,\n        courseOutlineUnitId: courseOutlineUnit.id,\n        vdoSetUnitId: vdoSetUnit.id,\n        studentUnitLearnInput: {\n          unitSeq: courseOutlineUnit.seq,\n          totalVdoLength: vdoSetUnit.totalVdoLength,\n          totalLearnTime: 0,\n          learnPercent: 0,\n        },\n      };\n      let result = await this.addStudentUnitLearnAndTopic(payload);\n      if (result) {\n        return result;\n      }\n      return null;\n    },\n    async createStudentTopicLearn(studentUnitLearn, vdoSetTopic, vdoSetUnit) {\n\n      let learnTime = 0;\n      let learnPercent = 0;\n      //fix case have Student unit learn percent = 100 but dont have student topic learn\n      if (studentUnitLearn.learnPercent >= 100) {\n        learnTime = vdoSetTopic.vdoLength;\n        learnPercent = 100;\n      }\n      const payload = {\n        studentUnitLearnId: studentUnitLearn.id,\n        studentEnrollDetailId: this.studentEnrollDetail.id,\n        vdoSetUnitId: vdoSetUnit.id,\n        vdoSetTopicId: vdoSetTopic.id,\n        studentTopicLearnInput: {\n          vdoLength: vdoSetTopic.vdoLength,\n          learnTime: learnTime,\n          learnPercent: learnPercent,\n        }\n      };\n      const result = await this.addStudentTopicLearn(payload);\n      if (result) {\n        return result\n      }\n      return null\n    },\n    setCurrentCourseOutlineUnit(unit) {\n      this.currentCourseOutlineUnit = unit;\n      this.currentCourseOutlineUnitIndex = this.courseOutlineUnits.findIndex(item => item.id === unit.id);\n    },\n    setCurrentVdoSetTopic(topic) {\n      this.currentVdoSetTopic = topic;\n      this.currentVdoSetTopicIndex = this.currentCourseOutlineUnit\n        .vdoSetUnit\n        .vdoSetTopics.findIndex(item => item.id === topic.id);\n    },\n    async setStudentTopicLearnToVdoSetTopic(studentUnitLearn, vdoSetUnit){\n      let studentTopicLearns = studentUnitLearn.studentTopicLearns;\n      for (let j = 0; j < vdoSetUnit.vdoSetTopics.length; j++) {\n        let vdoSetTopic = vdoSetUnit.vdoSetTopics[j];\n        let studentTopicLearn = studentTopicLearns.find(element =>\n          element.vdoSetTopic && element.vdoSetTopic.id === vdoSetTopic.id);\n        if (!studentTopicLearn) {\n          //create missing studentTopicLearn\n          studentTopicLearn = await this.createStudentTopicLearn(studentUnitLearn, vdoSetTopic, vdoSetUnit);\n        }\n        vdoSetUnit.vdoSetTopics[j] = {\n          ...vdoSetUnit.vdoSetTopics[j],\n          studentTopicLearn,\n        }\n      }\n      return vdoSetUnit;\n    },\n    clearVdoPanelVariable() {\n      this.currentVdoSetTopic = null;\n      this.currentVdoSetTopicIndex = null;\n      this.keepCounting = false;\n    },\n    clearUniTestPanelVariable() {\n      this.doingExam = false;\n      this.examMode = '';\n      this.currentStudentUnitTest = null;\n      this.currentStudentUnitTestIndex = null;\n    },\n    setTriggerLoading(val){\n      this.triggerLoading = val\n    },\n    handleWindowResize(event) {\n      if (event && !event.isTrusted) {\n        return;\n      }\n      const windowWidth = window.innerWidth;\n      if (windowWidth <= 1200) {\n        this.isBigScreen = false;\n      } else {\n        this.isBigScreen = true;\n      }\n    },\n  },\n  async beforeMount() {\n    EventBus.$emit('toggleNav', 'close');\n    await this.loadData();\n  },\n  async mounted() {\n    window.addEventListener('resize', this.handleWindowResize);\n    this.handleWindowResize();\n  },\n  async beforeDestroy() {\n    document.removeEventListener('resize', this.handleWindowResize);\n    EventBus.$emit('toggleNav', 'open');\n  },\n}\n</script>\n\n<style lang=\"scss\">\n#screen {\n  @media only screen and (min-width: 1024px) {\n    height: calc(var(--vh, 1vh) * 100 - 6rem) !important;\n  }\n  word-break: break-word !important;\n  overflow: hidden;\n\n  & .panels {\n    overflow-y: auto;\n  }\n}\n\n.parentx-static {\n  overflow: hidden;\n  position: relative;\n}\n\n.content-tab-button {\n  position: absolute;\n  top: 36px;\n  right: -6px;\n  transition: all ease-in 300ms;\n  z-index: 99999;\n\n  & .vs-button-text {\n    display: inline-flex;\n    align-items: center;\n  }\n\n  &.hide {\n    right: -114px;\n    background: rgba(0, 0, 0, 0.5) !important;\n  }\n}\n\n.main-panel {\n  border-left: 1px solid #eeeeee !important;\n  border-right: 1px solid #dddddd !important;\n}\n\n.side-panel {\n  transition: all ease-out 400ms;\n  // width: 0px;\n\n  &.hide {\n    width: 0px !important;\n    opacity: 0;\n  }\n}\n\n.panel-fade-enter-active {\n  transition: all .3s ease;\n}\n\n.panel-fade-leave-active {\n  transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0);\n}\n\n.panel-fade-enter, .panel-fade-leave-to {\n  opacity: 0;\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=7b14cd95&\"\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","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!./content.vue?vue&type=style&index=0&lang=scss&\"","export const dateTimeFormat = {\n  yyyymmdd: 'yyyy-MM-dd',\n  yyyymmddhhmm: 'yyyy-MM-dd hh:mms',\n  yyyymmddhhmmss: 'yyyy-MM-dd hh:mm:ss',\n  hhmm: 'hh:mm',\n  momentYYYYMMDD: 'YYYY-MM-DD',\n  momentYYYYMMDDhhmmss: 'YYYY-MM-DD HH:mm:ss',\n  momentYYYYMMDDhhmm: 'YYYY-MM-DD HH:mm',\n  momenthhmmsss: 'HH:mm:ss',\n  momenthhmm: 'HH:mm',\n};\n\nexport const configDateTimePicker = {\n  enableTime: true,\n  enableSeconds: true,\n  noCalendar: true\n};\nexport const configDatePicker = {\n  wrap: true, // set wrap to true only when using 'input-group'\n  altFormat: 'M j, Y',\n  altInput: true,\n  dateFormat: 'Y-m-d',\n};\n\nexport const formatSecondToHHMMSS = function (time) {\n  // Hours, minutes and seconds\n  let hrs = ~~(time / 3600);\n  let mins = ~~((time % 3600) / 60);\n  let secs = ~~time % 60;\n\n  // Output like \"1:01\" or \"4:03:59\" or \"123:03:59\"\n  let ret = \"\";\n  if (hrs > 0) {\n    ret += \"\" + hrs + \":\" + (mins < 10 ? \"0\" : \"\");\n  }\n  ret += \"\" + mins + \":\" + (secs < 10 ? \"0\" : \"\");\n  ret += \"\" + secs;\n  return ret;\n}\n","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 render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"title\":_vm.$t('class-over-view.instruction'),\"title-color\":\"primary\"}},[_c('template',{slot:\"actions\"},[_c('vs-chip',{attrs:{\"transparent\":\"\",\"color\":\"primary\"}},[_c('vs-avatar',{staticClass:\"bg-primary cursor-default\",attrs:{\"text\":String(_vm.subject.creditCalGrade)}}),_vm._v(_vm._s(_vm.$t('student-enroll.credit'))+\" \")],1)],1),_c('div',{staticClass:\"p-1 mb-2\"},[_vm._v(\" \"+_vm._s(_vm.courseOutline.instruction ? _vm.courseOutline.instruction:'-')+\" \")])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vx-card\n    :title=\"$t('class-over-view.instruction')\"\n    title-color=\"primary\"\n    class=\"mb-base\"\n  >\n\n    <template slot=\"actions\">\n      <vs-chip transparent color=\"primary\" >\n        <vs-avatar class=\"bg-primary cursor-default\" :text=\"String(subject.creditCalGrade)\"/>{{ $t('student-enroll.credit') }}\n      </vs-chip>\n\n\n    </template>\n    <div class=\"p-1 mb-2\">\n      {{ courseOutline.instruction ? courseOutline.instruction:'-' }}\n    </div>\n  </vx-card>\n</template>\n\n<script>\n    export default {\n      props:{\n        classRoom: Object\n      },\n      computed:{\n        courseOutline(){\n          return this.classRoom ? this.classRoom.courseOutlineRegistration.courseOutline:{}\n        },\n        subject(){\n          return this.classRoom ? this.classRoom.subject:{}\n        },\n      }\n    }\n</script>\n\n<style scoped>\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!./IntroductionInfo.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!./IntroductionInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./IntroductionInfo.vue?vue&type=template&id=7d40fb87&scoped=true&\"\nimport script from \"./IntroductionInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./IntroductionInfo.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  \"7d40fb87\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vx-card',{staticClass:\"mb-base\",attrs:{\"subtitle\":_vm.subjectCompute.nameLocal,\"title\":_vm.subjectCompute.code,\"subtitle-color\":\"warning\",\"title-color\":\"primary\"}},[_c('template',{slot:\"actions\"},[_c('div',{staticClass:\"flex justify-end mb-4\"},[_c('vs-chip',{staticClass:\"pr-0\",attrs:{\"color\":\"primary\",\"transparent\":\"\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('course-outline-registration.academic-period-short')))]),_c('vs-chip',{staticClass:\"bg-primary ml-2 mb-0 text-white font-semibold\"},[_vm._v(_vm._s(_vm.courseOutlineRegistrationCompute.periodCode)+\" \")])],1),_c('vs-chip',{staticClass:\"pr-0\",attrs:{\"color\":\"primary\",\"transparent\":\"\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('class-over-view.section-short')))]),_c('vs-chip',{staticClass:\"bg-primary ml-2 mb-0 text-white font-semibold\"},[_vm._v(_vm._s(_vm.classSectionCompute.sectionNo)+\" \")])],1),_c('vs-chip',{staticClass:\"pr-0\",attrs:{\"color\":\"primary\",\"transparent\":\"\"}},[_c('span',[_vm._v(_vm._s(_vm.$t('class-over-view.learn-span-no-short')))]),_c('vs-chip',{staticClass:\"bg-primary ml-2 mb-0 text-white font-semibold\"},[_vm._v(_vm._s(_vm.classSectionCompute.learnSpanNo)+\" \")])],1)],1)]),_c('p',[_vm._v(_vm._s(_vm.subjectCompute.description))])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\n  <vx-card :subtitle=\"subjectCompute.nameLocal\"\n           :title=\"subjectCompute.code\"\n           class=\"mb-base\"\n           subtitle-color=\"warning\"\n           title-color=\"primary\"\n  >\n    <template slot=\"actions\">\n      <div class=\"flex justify-end mb-4\">\n        <vs-chip class=\"pr-0\" color=\"primary\" transparent>\n          <span>{{ $t('course-outline-registration.academic-period-short') }}</span>\n          <vs-chip class=\"bg-primary ml-2 mb-0 text-white font-semibold\">{{ courseOutlineRegistrationCompute.periodCode}}\n          </vs-chip>\n        </vs-chip>\n\n        <vs-chip class=\"pr-0\" color=\"primary\" transparent>\n          <span>{{ $t('class-over-view.section-short') }}</span>\n          <vs-chip class=\"bg-primary ml-2 mb-0 text-white font-semibold\">{{ classSectionCompute.sectionNo }}\n          </vs-chip>\n        </vs-chip>\n\n        <vs-chip class=\"pr-0\" color=\"primary\" transparent>\n          <span>{{ $t('class-over-view.learn-span-no-short') }}</span>\n          <vs-chip class=\"bg-primary ml-2 mb-0 text-white font-semibold\">{{ classSectionCompute.learnSpanNo }}\n          </vs-chip>\n        </vs-chip>\n      </div>\n    </template>\n\n    <p>{{ subjectCompute.description }}</p>\n  </vx-card>\n\n</template>\n\n<script>\n\n  export default {\n    props: {\n      classRoom: Object,\n    },\n    computed:{\n      subjectCompute(){\n        return this.classRoom ? this.classRoom.subject:{}\n      },\n      classSectionCompute(){\n        return this.classRoom ? this.classRoom.classSection:{}\n      },\n      courseOutlineRegistrationCompute(){\n        return this.classRoom ? this.classRoom.courseOutlineRegistration:{}\n      },\n    }\n  }\n</script>\n\n<style scoped>\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!./SubjectInfo.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!./SubjectInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SubjectInfo.vue?vue&type=template&id=1ead02fe&scoped=true&\"\nimport script from \"./SubjectInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./SubjectInfo.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  \"1ead02fe\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../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=css&\"","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&\""],"sourceRoot":""}