{"version":3,"sources":["webpack:///./src/modules/class-school/teacher_personal_page/_components/ChartCompleteRatio.vue?f497","webpack:///src/modules/class-school/teacher_personal_page/_components/ChartCompleteRatio.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChartCompleteRatio.vue?57e8","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChartCompleteRatio.vue","webpack:///./src/modules/class-school/_components/ViewFile.vue?c8c9","webpack:///./src/modules/class-school/teacher_personal_page/_components/PostCollapse.vue?bf34","webpack:///./src/modules/class-school/teacher_personal_page/_components/PostCollapse.vue?ef1a","webpack:///src/modules/class-school/teacher_personal_page/_components/PostCollapse.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/PostCollapse.vue?1392","webpack:///./src/modules/class-school/teacher_personal_page/_components/PostCollapse.vue","webpack:///./src/modules/class-school/_api/documentUserClassSchoolServices.js","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabStatisticLessonPlan.vue?855a","webpack:///./src/modules/class-school/teacher_personal_page/_components/LectureCollapse.vue?884f","webpack:///./src/modules/class-school/teacher_personal_page/detail_lesson_plan_assigned.vue?c8f8","webpack:///./src/modules/class-school/teacher_personal_page/_components/ElectronicLectureCollapse.vue?fc55","webpack:///src/modules/class-school/teacher_personal_page/_components/ElectronicLectureCollapse.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/ElectronicLectureCollapse.vue?fcba","webpack:///./src/modules/class-school/teacher_personal_page/_components/ElectronicLectureCollapse.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChapterCollapse.vue?210b","webpack:///./src/modules/class-school/teacher_personal_page/_components/LectureCollapse.vue?5c64","webpack:///src/modules/class-school/teacher_personal_page/_components/LectureCollapse.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/LectureCollapse.vue?5c87","webpack:///./src/modules/class-school/teacher_personal_page/_components/LectureCollapse.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/ElectronicLectureCollapse.vue?01f8","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabContentLessonPlan.vue?e891","webpack:///./src/modules/class-school/_components/ViewFile.vue?dc61","webpack:///src/modules/class-school/_components/ViewFile.vue","webpack:///./src/modules/class-school/_components/ViewFile.vue?13a4","webpack:///./src/modules/class-school/_components/ViewFile.vue","webpack:///./src/modules/class-school/teacher_personal_page/detail_lesson_plan_assigned.vue?2169","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabStatisticLessonPlan.vue?8ebe","webpack:///src/modules/class-school/teacher_personal_page/_components/TabStatisticLessonPlan.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabStatisticLessonPlan.vue?cc00","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabStatisticLessonPlan.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabContentLessonPlan.vue?042e","webpack:///src/modules/class-school/teacher_personal_page/_components/TabContentLessonPlan.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabContentLessonPlan.vue?ce53","webpack:///./src/modules/class-school/teacher_personal_page/_components/TabContentLessonPlan.vue","webpack:///src/modules/class-school/teacher_personal_page/detail_lesson_plan_assigned.vue","webpack:///./src/modules/class-school/teacher_personal_page/detail_lesson_plan_assigned.vue?7018","webpack:///./src/modules/class-school/teacher_personal_page/detail_lesson_plan_assigned.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChapterCollapse.vue?f658","webpack:///src/modules/class-school/teacher_personal_page/_components/ChapterCollapse.vue","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChapterCollapse.vue?f006","webpack:///./src/modules/class-school/teacher_personal_page/_components/ChapterCollapse.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticRenderFns","name","components","ApexCharts","props","classSchoolId","type","default","lessonClassSchoolId","data","listMember","paramQueryDataMember","keyword","pageIndex","pageSize","subjectId","classId","isGetByAll","options","chart","height","series","labels","legend","markers","width","radius","colors","tooltip","fillSeriesColor","noData","text","watch","mounted","methods","renderChart","chartElement","updateChart","getListCompleteProcess","getListMember","getListUserLessonPlaning","getListUserElectroniclecture","component","staticClass","on","handleToggleCollapsePost","_v","_s","item","listDocumentClassSchool","length","isCollapse","_e","_t","indexChapter","indexElectronicLecture","saveDocumentUserClassSchool","params","apiEndpoint","HttpService","post","then","res","catch","e","handleToggleCollapse","listChapterClassSchool","$event","handleclick","isDisabledCheckbox","id","event","typeFile","TYPE_FILE_PDF","apiUrl","path","TYPE_DOCUMENT","VueDocPreview","TYPE_H5P","TYPE_TEST","FILE_YOUTUBE","FILE_CANVA","FILE_LINK","TYPE_FILE_POWERPOINT","TYPE_FILE_WORD","TYPE_FILE_EXCEL","TYPE_FILE_IMAGE","listTypeDocument","value","mdStyle","img","code","console","checkFile","emberYoutube","url","match","query","nameClass","nameLessonPlan","tabActive","tabStatistic","handleChangeTab","listGroupId","tabContent","_m","fieldsTableMember","scopedSlots","_u","key","fn","label","row","stt","memberName","completeRate","formatNumber","missionRate","proxy","_l","index","listQuestionRateFalse","domProps","content","countMemberAnswerFalse","countMemberAnwer","vueCustomScrollbar","ChartCompleteRatio","paramQueryDataQuestion","thClass","tdClass","moment","getDataAll","getQuestionRateFalse","getQuestionLessonPlaningRateFalse","chapter","chapterIndex","handleToggleCollapseChapter","indexPost","document","indexDocument","handleOnViewDocument","handleToggleCollapseFile","isCollapseFile","handleOnViewFile","handleToggleCollapseNVHT","isCollapseLearningTask","handleOnTask","listQuestion","learningTaskId","itemDocumentSelected","pathSelected","ChapterCollapse","PostCollapse","LectureCollapse","ElectronicLectureCollapse","ViewDocument","ViewFile","ViewQuestion","listLessonPlaning","listElectronicLecture","PLANING_LESSON_WAREHOUSE","PLANING_LESSON_ASSIGN","ELECTRONIC_LECTURE_WAREHOUSE","ELECTRONIC_LECTURE_ASSIGN","paramQueryData","isShowDocument","isShowFile","isShowQuestion","athSelected","paramQueryDataFile","listDataFile","totalRecordsFile","listLearningTaskLesson","isClickDocument","listChapter","listPost","file","viewQuestion","viewFile","viewDocument","isCheck","lesssonPlaningId","ChapId","postId","documentId","status","formatSizeFile","getDataFile","listFileElectronicByLessonPlaning","self","getListLessonPlaning","GetListLessonPlaning","getListLearningTask","getListLearningTaskLesson","getListQuestionByLearningTask","getListQuestion","TabStatisticLessonPlan","TabContentLessonPlan","tab","listPostClassSchool"],"mappings":"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","file":"js/chunk-6f35b58f.9f4c681d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"chart\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div id=\"chart\">\r\n    </div>\r\n</template>\r\n<script>\r\n\r\nimport ApexCharts from 'apexcharts'\r\nimport { getListUserLessonPlaning, getListUserElectroniclecture } from './../../_api/lessonClassSchoolUserServices';\r\n\r\nexport default {\r\n    name: 'ChartCompleteRatio',\r\n    components: { ApexCharts },\r\n    props: {\r\n        classSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        lessonClassSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        type: {\r\n            type: String,\r\n            default: 'ElectronicLecture'\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            listMember: [],\r\n            paramQueryDataMember: {\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 5000000,\r\n                subjectId: 0,\r\n                classId: 0,\r\n                classSchoolId: 0,\r\n                lessonClassSchoolId: 0,\r\n                isGetByAll: true\r\n            },\r\n            options: {\r\n                chart: {\r\n                    type: 'pie',\r\n                    height: 300,\r\n                },\r\n                series: [],\r\n                labels: ['Đang hoàn thành', 'Chưa xem', 'Đã hoàn thành'],\r\n                legend: {\r\n                    markers: {\r\n                        width: 28,\r\n                        height: 12,\r\n                        radius: 0,\r\n                    },\r\n                },\r\n                colors: ['#051e5a', '#0f3cb9', '#a0b4f5'],\r\n                tooltip: {\r\n                    fillSeriesColor: false,\r\n                },\r\n                noData: {\r\n                    text: 'Đang tải dữ liệu biểu đồ...'\r\n                },\r\n                \r\n            }\r\n        }\r\n    },\r\n    watch: {\r\n        'lessonClassSchoolId': 'getListMember',\r\n        'listMember': 'updateChart',\r\n    },\r\n    mounted() {\r\n        if (this.lessonClassSchoolId > 0) {\r\n            this.getListMember()\r\n        }\r\n    },\r\n    methods:{\r\n        renderChart() {\r\n            if (this.options.series.length > 0) {\r\n                const chartElement = document.querySelector(\"#chart\");\r\n                chartElement.innerHTML = ''\r\n                var chart = new ApexCharts(chartElement, this.options);\r\n                chart.render();\r\n            }\r\n        },\r\n        updateChart() {\r\n            this.getListCompleteProcess()\r\n            this.renderChart()\r\n        },\r\n        getListCompleteProcess() {\r\n            if (this.listMember.length > 0) {\r\n                var listCompleted = this.listMember.filter(x => x.completeRate * 1 >= 100);\r\n                var listIsBeingCompleted = this.listMember.filter(x => x.completeRate * 1 > 0 && x.completeRate * 1 < 100);\r\n                var completedRate = (listCompleted.length / this.listMember.length * 100).toFixed(0) * 1\r\n                var isBeingCompletedRate = (listIsBeingCompleted.length / this.listMember.length * 100).toFixed(0) * 1\r\n                var notSeenRate = 100 - completedRate - isBeingCompletedRate\r\n                this.options.series = [isBeingCompletedRate, notSeenRate, completedRate]\r\n            }\r\n        },\r\n        getListMember() {\r\n            this.listMember = []\r\n            this.paramQueryDataMember.classSchoolId = this.classSchoolId\r\n            this.paramQueryDataMember.lessonClassSchoolId = this.lessonClassSchoolId\r\n            if (this.type == 'LessonPlaning') {\r\n                getListUserLessonPlaning(this.paramQueryDataMember).then(res => {\r\n                    if (res && res.data && !res.errors && res.data.list != null) {\r\n                        for (let i = 0; i < res.data.list.length; i++) {\r\n                            const item = res.data.list[i];\r\n                            this.listMember.push({ \r\n                                'stt': i + 1,\r\n                                'memberName': item.userName,\r\n                                'completeRate': item.completeRate,\r\n                            })\r\n                        }\r\n                    }\r\n                })\r\n            }\r\n            else {\r\n                getListUserElectroniclecture(this.paramQueryDataMember).then(res => {\r\n                    if (res && res.data && !res.errors && res.data.list != null) {\r\n                        for (let i = 0; i < res.data.list.length; i++) {\r\n                            const item = res.data.list[i];\r\n                            this.listMember.push({ \r\n                                'stt': i + 1,\r\n                                'memberName': item.userName,\r\n                                'completeRate': item.completeRate,\r\n                            })\r\n                        }\r\n                    }\r\n                })\r\n            }\r\n        },\r\n\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\r\n</style>","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!./ChartCompleteRatio.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!./ChartCompleteRatio.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartCompleteRatio.vue?vue&type=template&id=513d7174&scoped=true&\"\nimport script from \"./ChartCompleteRatio.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartCompleteRatio.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  \"513d7174\",\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/index.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!./ViewFile.vue?vue&type=style&index=0&id=6671c4f4&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./PostCollapse.vue?vue&type=style&index=0&id=4e9ccbd6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"post-collapse p-2\"},[_c('div',{staticClass:\"wrap-name-item display-flex-center\",on:{\"click\":_vm.handleToggleCollapsePost}},[_c('span',{staticClass:\"name-post\"},[_vm._v(_vm._s(_vm.item.name))]),(_vm.item.listDocumentClassSchool.length > 0)?_c('div',{staticClass:\"icon-area\"},[(!_vm.item.isCollapse)?_c('img',{staticClass:\"icon-down-arrow\",attrs:{\"src\":require(\"@/assets/img/icon-down-arrow.png\")}}):_c('img',{staticClass:\"icon-up-arrow\",attrs:{\"src\":require(\"@/assets/img/icon-up-arrow.png\")}})]):_vm._e()]),_c('div',{staticClass:\"pl-2\"},[_vm._t(\"lecture\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"post-collapse p-2\">\r\n        <div @click=\"handleToggleCollapsePost\" class=\"wrap-name-item display-flex-center\">\r\n            <span class=\"name-post\">{{ item.name }}</span>\r\n            <div class=\"icon-area\" v-if=\"item.listDocumentClassSchool.length > 0\">\r\n                <img class=\"icon-down-arrow\" v-if=\"!item.isCollapse\" src=\"@/assets/img/icon-down-arrow.png\" />\r\n                <img class=\"icon-up-arrow\" v-else src=\"@/assets/img/icon-up-arrow.png\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"pl-2\">\r\n            <slot name=\"lecture\">\r\n            </slot>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n\r\nexport default{\r\n    props:{\r\n        item:{\r\n            type:Object,\r\n            default:{}\r\n        },\r\n        indexChapter:{\r\n            type: Number,\r\n            default: null\r\n        },\r\n        indexElectronicLecture :{\r\n            type: Number,\r\n            default: null\r\n        },\r\n    },\r\n    data(){\r\n        return{\r\n            \r\n        }\r\n    },\r\n    methods:{\r\n        handleToggleCollapsePost(){\r\n            this.$emit('handleToggleCollapsePost',this.item, this.indexChapter, this.indexElectronicLecture)\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-name-item{\r\n    cursor: pointer;\r\n    border-bottom: 1px solid #dee2e6;\r\n}\r\n</style>","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!./PostCollapse.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!./PostCollapse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PostCollapse.vue?vue&type=template&id=4e9ccbd6&scoped=true&\"\nimport script from \"./PostCollapse.vue?vue&type=script&lang=js&\"\nexport * from \"./PostCollapse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PostCollapse.vue?vue&type=style&index=0&id=4e9ccbd6&lang=scss&scoped=true&\"\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  \"4e9ccbd6\",\n  null\n  \n)\n\nexport default component.exports","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveDocumentUserClassSchool = params => {\r\n    let apiEndpoint = `DocumentUserClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listDocumentUserClassSchool = params => {\r\n    let apiEndpoint = `DocumentUserClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `DocumentUserClassSchool/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deleteDocumentUserClassSchool = id => {\r\n    let apiEndpoint = `DocumentUserClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./TabStatisticLessonPlan.vue?vue&type=style&index=0&id=193cbd48&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./LectureCollapse.vue?vue&type=style&index=0&id=0a88327e&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.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!./detail_lesson_plan_assigned.vue?vue&type=style&index=0&id=07e0ce18&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"electronic-lecture-collapse p-2\"},[_c('div',{staticClass:\"wrap-name-item display-flex-center\",on:{\"click\":_vm.handleToggleCollapse}},[_c('strong',{staticClass:\"name-electronic-lecture\"},[_vm._v(_vm._s(_vm.item.name))]),(_vm.item.listChapterClassSchool.length > 0)?_c('div',{staticClass:\"icon-area\"},[(!_vm.item.isCollapse)?_c('img',{staticClass:\"icon-down-arrow\",attrs:{\"src\":require(\"@/assets/img/icon-down-arrow.png\")}}):_c('img',{staticClass:\"icon-up-arrow\",attrs:{\"src\":require(\"@/assets/img/icon-up-arrow.png\")}})]):_vm._e()]),_c('div',{staticClass:\"pl-2\"},[_vm._t(\"chapter\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"electronic-lecture-collapse p-2\">\r\n        <div @click=\"handleToggleCollapse\" class=\"wrap-name-item display-flex-center\">\r\n            <strong class=\"name-electronic-lecture\">{{ item.name }}</strong>\r\n            <div class=\"icon-area\" v-if=\"item.listChapterClassSchool.length > 0\">\r\n                <img class=\"icon-down-arrow\" v-if=\"!item.isCollapse\" src=\"@/assets/img/icon-down-arrow.png\" />\r\n                <img class=\"icon-up-arrow\" v-else src=\"@/assets/img/icon-up-arrow.png\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"pl-2\">\r\n            <slot name=\"chapter\">\r\n            </slot>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n\r\nexport default{\r\n    props:{\r\n        item:{\r\n            type:Object,\r\n            default:{}\r\n        }\r\n    },\r\n    data(){\r\n        return{\r\n            \r\n        }\r\n    },\r\n    methods:{\r\n        handleToggleCollapse(){\r\n            this.$emit('handleToggleCollapse',this.item)\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-name-item{\r\n    cursor: pointer;\r\n    border-bottom: 1px solid #dee2e6;\r\n}\r\n</style>","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!./ElectronicLectureCollapse.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!./ElectronicLectureCollapse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ElectronicLectureCollapse.vue?vue&type=template&id=f438d974&scoped=true&\"\nimport script from \"./ElectronicLectureCollapse.vue?vue&type=script&lang=js&\"\nexport * from \"./ElectronicLectureCollapse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ElectronicLectureCollapse.vue?vue&type=style&index=0&id=f438d974&lang=scss&scoped=true&\"\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  \"f438d974\",\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/index.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!./ChapterCollapse.vue?vue&type=style&index=0&id=ac986c7c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lecture-collapse p-2\",on:{\"click\":function($event){return _vm.handleclick($event)}}},[_c('div',{staticClass:\"wrap-name-item display-flex-center\"},[(!_vm.isDisabledCheckbox)?_c('input',{staticClass:\"form-control\",attrs:{\"type\":\"checkbox\",\"id\":'check_' + _vm.item.id}}):_vm._e(),_c('label',{staticClass:\"name-post m-0\",attrs:{\"for\":\"checkbox\",\"for\":'check_' + _vm.item.id}},[_vm._v(_vm._s(_vm.item.name))])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"lecture-collapse p-2\" @click=\"handleclick($event)\">\r\n        <div class=\"wrap-name-item display-flex-center\">\r\n            <input v-if=\"!isDisabledCheckbox\" type=\"checkbox\" :id=\"'check_' + item.id\" class=\"form-control\" />\r\n            <label for=\"checkbox\" class=\"name-post m-0\" :for=\"'check_' + item.id\">{{ item.name }}</label>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n\r\nexport default{\r\n    props:{\r\n        item:{\r\n            type:Object,\r\n            default:{}\r\n        },\r\n        isDisabledCheckbox:{\r\n            type:Boolean,\r\n            default: false\r\n        }\r\n    },\r\n    data(){\r\n        return{\r\n            \r\n        }\r\n    },\r\n    methods:{\r\n        handleclick(event) {\r\n            this.$emit(`handleclick`, event, this.item);\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-name-item{\r\n    cursor: pointer;\r\n    column-gap: 0.5rem;\r\n}\r\n.name-post {\r\n    cursor: pointer;\r\n    color: #007bff;\r\n}\r\ninput[type=checkbox] {\r\n    width: 20px;\r\n    height: 20px;\r\n    cursor: pointer;\r\n}\r\n</style>","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!./LectureCollapse.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!./LectureCollapse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./LectureCollapse.vue?vue&type=template&id=0a88327e&scoped=true&\"\nimport script from \"./LectureCollapse.vue?vue&type=script&lang=js&\"\nexport * from \"./LectureCollapse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./LectureCollapse.vue?vue&type=style&index=0&id=0a88327e&lang=scss&scoped=true&\"\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  \"0a88327e\",\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/index.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!./ElectronicLectureCollapse.vue?vue&type=style&index=0&id=f438d974&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.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!./TabContentLessonPlan.vue?vue&type=style&index=0&id=4a0c3064&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"full-parent\"},[(_vm.typeFile == _vm.TYPE_FILE_PDF)?_c('embed',{staticClass:\"full-parent\",attrs:{\"src\":_vm.apiUrl + _vm.path}}):_vm._e(),(_vm.typeFile == _vm.TYPE_DOCUMENT)?_c('iframe',{staticClass:\"full-parent\",attrs:{\"src\":(\"https://view.officeapps.live.com/op/embed.aspx?src=\" + (_vm.apiUrl + _vm.path)),\"frameborder\":\"0\"}}):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"full-parent\">\r\n        <embed v-if=\"typeFile == TYPE_FILE_PDF\" :src=\"apiUrl + path\" class=\"full-parent\" />\r\n        <!-- <iframe v-if=\"typeFile == TYPE_DOCUMENT\" class=\"full-parent\" :src=\"`https://docs.google.com/gview?url=${apiUrl + path}&embedded=true`\" frameborder=\"0\">\r\n            </iframe> -->\r\n            <iframe v-if=\"typeFile == TYPE_DOCUMENT\" class=\"full-parent\" :src=\"`https://view.officeapps.live.com/op/embed.aspx?src=${apiUrl + path}`\" frameborder=\"0\">\r\n            </iframe>\r\n    </div>\r\n\r\n</template>\r\n<script>\r\nimport {\r\n    TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n    TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE\r\n} from './../constants/constants_enum'\r\nimport VueDocPreview from 'vue-doc-preview'\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n\r\nexport default {\r\n    components: {\r\n        VueDocPreview\r\n    },\r\n    props: {\r\n        path: {\r\n            type: String,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: ''\r\n        },\r\n        \r\n    },\r\n    watch: {\r\n        'path':'checkFile'\r\n    },\r\n    data() {\r\n        return {\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n            TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE,\r\n            apiUrl: APP_CONFIG.apiUrl + '/lessons/',\r\n           // apiUrl: 'https://apihanhtrangso-uat.hiser.vn/lessons/',//APP_CONFIG.apiUrl + '/lessons/',\r\n            typeFile: 0,\r\n            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: TYPE_DOCUMENT, text: 'Dạng tài liệu' },\r\n                { value: TYPE_TEST, text: 'Dạng kiểm tra' },\r\n                { value: FILE_YOUTUBE, text: 'Dạng youtube' },\r\n                { value: FILE_CANVA, text: 'Dạng canva' },\r\n                { value: FILE_LINK, text: 'Dạng nhúng' },\r\n            ],\r\n            mdStyle: {\r\n                img: {\r\n                    'display': 'none'\r\n                },\r\n                code: {\r\n                    'background-color': 'red',\r\n                    'line-height': '20px'\r\n                }\r\n            }\r\n        }\r\n    },\r\n    mounted() {\r\n        this.checkFile()\r\n        console.log(this.path)\r\n    },\r\n    methods: {\r\n        checkFile(){\r\n            console.log(this.path)\r\n            if (this.path.endsWith('.pdf')) {\r\n                this.typeFile = TYPE_FILE_PDF\r\n            }\r\n            else if(this.path.endsWith('.jpeg')||this.path.endsWith('.jpg')||this.path.endsWith('.gif')||this.path.endsWith('.png')){\r\n                this.typeFile = TYPE_FILE_IMAGE\r\n            }else{\r\n                this.typeFile = TYPE_DOCUMENT\r\n            }\r\n        },\r\n        emberYoutube(url) {\r\n            const regExp = /^.*(youtu.be\\/|v\\/|u\\/\\w\\/|embed\\/|watch\\?v=|&v=)([^#&?]*).*/;\r\n            const match = url.match(regExp);\r\n            return `https://www.youtube.com/embed/${(match && match[2].length === 11)\r\n                ? match[2]\r\n                : null}`\r\n        }\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.full-parent {\r\n    width: 100% !important;\r\n    height: 100% !important;\r\n}\r\n.question{\r\n    padding: 10px;\r\n        border: 1px solid #dfb6b6;\r\n        border-radius: 15px;\r\n        background: #dfb6b6;\r\n}\r\n.list-answer{\r\n        padding: 10px;\r\n        border: 1px solid #dde3e6;\r\n        border-radius: 15px;\r\n        background: white;\r\n    }\r\n.over-flow-auto {\r\n    overflow: auto;\r\n    \r\n}\r\n.justify-content-space-between{\r\n    justify-content: space-between;\r\n}\r\n</style>","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!./ViewFile.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!./ViewFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewFile.vue?vue&type=template&id=6671c4f4&scoped=true&\"\nimport script from \"./ViewFile.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewFile.vue?vue&type=style&index=0&id=6671c4f4&lang=scss&scoped=true&\"\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  \"6671c4f4\",\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('section',{staticClass:\"section-class-personal-page\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/lop-hoc\"}},[_vm._v(\"Lớp học\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/lop-hoc\"}},[_vm._v(\"Trang cá nhân\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":{path: '/trang-ca-nhan-giao-vien', query: { id: _vm.classSchoolId, nameClass: _vm.nameClass }}}},[_vm._v(_vm._s(_vm.nameClass))])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(_vm._s(_vm.nameLessonPlan))])],1)])])]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"pt-4\"},[_c('h2',{staticClass:\"font-weight-bold\"},[_vm._v(_vm._s(_vm.nameLessonPlan))])]),_c('b-tabs',{staticClass:\"pre-class-school-list__filter__tabs\"},[_c('b-tab',{attrs:{\"title\":\"Thống kê\",\"active\":_vm.tabActive == _vm.tabStatistic},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabStatistic)}}},[(_vm.tabActive == _vm.tabStatistic)?_c('TabStatisticLessonPlan',{attrs:{\"lessonClassSchoolId\":_vm.lessonClassSchoolId,\"listGroupId\":_vm.listGroupId,\"classSchoolId\":_vm.classSchoolId}}):_vm._e()],1),_c('b-tab',{attrs:{\"title\":\"Nội dung\",\"active\":_vm.tabActive == _vm.tabContent},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabContent)}}},[(_vm.tabActive == _vm.tabContent)?_c('TabContentLessonPlan',{attrs:{\"lessonClassSchoolId\":_vm.lessonClassSchoolId,\"listGroupId\":_vm.listGroupId,\"classSchoolId\":_vm.classSchoolId}}):_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('div',{staticClass:\"row mt-3\"},[_c('div',{staticClass:\"col-xl-6 col-lg-12\"},[_vm._m(0),_c('div',{staticClass:\"chart-complete-ratio\"},[_vm._m(1),_c('ChartCompleteRatio',{attrs:{\"classSchoolId\":_vm.classSchoolId,\"lessonClassSchoolId\":_vm.lessonClassSchoolId,\"type\":'LessonPlaning'}})],1),_c('div',{staticClass:\"mt-3\"},[_c('label',{staticClass:\"text-subtitle m-0\"},[_vm._v(\"Danh sách học sinh\")]),_c('b-table',{staticClass:\"b-table-list\",attrs:{\"responsive\":\"\",\"striped\":\"\",\"hover\":\"\",\"sticky-header\":\"\",\"fields\":_vm.fieldsTableMember,\"items\":_vm.listMember},scopedSlots:_vm._u([(_vm.listMember.length > 0)?{key:\"head(stt)\",fn:function(data){return [_c('span',{staticClass:\"col-table\"},[_vm._v(_vm._s(data.label))])]}}:null,{key:\"head(name)\",fn:function(data){return [_c('span',{staticClass:\"col-table\"},[_vm._v(_vm._s(data.label))])]}},{key:\"cell(stt)\",fn:function(row){return [_vm._v(\"\\n                    \"+_vm._s(row.item.stt)+\"\\n                \")]}},{key:\"cell(memberName)\",fn:function(row){return [_vm._v(\"\\n                    \"+_vm._s(row.item.memberName)+\"\\n                \")]}},{key:\"cell(completeRate)\",fn:function(row){return [_vm._v(\"\\n                    \"+_vm._s(row.item.completeRate != null ? _vm.formatNumber(row.item.completeRate) + '%' : '-')+\"\\n                \")]}},{key:\"cell(missionRate)\",fn:function(row){return [_vm._v(\"\\n                    \"+_vm._s(row.item.missionRate != null ? _vm.formatNumber(row.item.missionRate) + '%' : '-')+\"\\n                \")]}},(_vm.listMember.length == 0)?{key:\"table-caption\",fn:function(){return [_vm._v(\"Chưa có dữ liệu học sinh\")]},proxy:true}:null],null,true)})],1)]),_c('div',{staticClass:\"col-xl-6 col-lg-12\"},[_vm._m(2),_c('div',{staticClass:\"chart-complete-ratio\"},[_c('vueCustomScrollbar',{staticClass:\"list-question-scroll\"},[_c('label',{staticClass:\"text-question-title\"},[_vm._v(\"\\n                    Danh sách các câu hỏi có tỷ lệ sai cao\\n                \")]),_c('div',{staticClass:\"question-list\"},[_vm._l((_vm.listQuestionRateFalse),function(item,index){return (_vm.listQuestionRateFalse.length > 0)?_c('div',{staticClass:\"question-item\"},[_c('div',{staticClass:\"q-top\"},[_c('p',{staticClass:\"text-primary m-0 float-left\"},[_vm._v(\"Câu \"+_vm._s(index + 1)+\" (NVHT: Mục lục cấp 2):  \")]),(item.content)?_c('p',{staticClass:\"m-0 float-left\",domProps:{\"innerHTML\":_vm._s(item.content)}}):_c('span',{staticClass:\"m-0 float-left\"},[_vm._v(\"Câu hỏi chưa có nội dung\")])]),_c('div',{staticClass:\"q-bottom display-flex-center\"},[_c('strong',[_vm._v(\"Tỉ lệ câu sai: \")]),_vm._v(\"\\n                            \"+_vm._s(item.countMemberAnswerFalse * 1)+\"/\"+_vm._s(item.countMemberAnwer * 1)+\"\\n                        \")])]):_vm._e()}),(_vm.listQuestionRateFalse.length == 0)?_c('div',{staticClass:\"no-data\"},[_vm._v(\"\\n                        Dữ liệu đang được cập nhật...\\n                    \")]):_vm._e()],2)])],1)])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-3\"},[_c('strong',[_vm._v(\"Thống kê tỉ lệ hoàn thành\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"display-flex-center justify-content-center\"},[_c('h5',{staticClass:\"text-subtitle\"},[_vm._v(\"Biểu đồ tỉ lệ hoàn thành của học sinh\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"mb-3\"},[_c('strong',[_vm._v(\"Thống kê kết quả\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"row mt-3\">\r\n        <div class=\"col-xl-6 col-lg-12\">\r\n            <div class=\"mb-3\">\r\n                <strong>Thống kê tỉ lệ hoàn thành</strong>\r\n            </div>\r\n            <div class=\"chart-complete-ratio\">\r\n                <div class=\"display-flex-center justify-content-center\">\r\n                    <h5 class=\"text-subtitle\">Biểu đồ tỉ lệ hoàn thành của học sinh</h5>\r\n                </div>\r\n                <ChartCompleteRatio :classSchoolId=\"classSchoolId\" :lessonClassSchoolId=\"lessonClassSchoolId\" :type=\"'LessonPlaning'\" />\r\n            </div>\r\n            <div class=\"mt-3\">\r\n                <label class=\"text-subtitle m-0\">Danh sách học sinh</label>\r\n                <b-table responsive striped hover sticky-header :fields=\"fieldsTableMember\" :items=\"listMember\" class=\"b-table-list\">\r\n                    <template #head(stt)=\"data\" v-if=\"listMember.length > 0\">\r\n                        <span class=\"col-table\">{{ data.label }}</span>\r\n                    </template>\r\n                    <template #head(name)=\"data\">\r\n                        <span class=\"col-table\">{{ data.label }}</span>\r\n                    </template>\r\n                    <template #cell(stt)=\"row\">\r\n                        {{ row.item.stt }}\r\n                    </template>\r\n                    <template #cell(memberName)=\"row\">\r\n                        {{ row.item.memberName }}\r\n                    </template>\r\n                    <template #cell(completeRate)=\"row\">\r\n                        {{ row.item.completeRate != null ? formatNumber(row.item.completeRate) + '%' : '-' }}\r\n                    </template>\r\n                    <template #cell(missionRate)=\"row\">\r\n                        {{ row.item.missionRate != null ? formatNumber(row.item.missionRate) + '%' : '-' }}\r\n                    </template>\r\n                    <template #table-caption v-if=\"listMember.length == 0\">Chưa có dữ liệu học sinh</template>\r\n                </b-table>\r\n            </div>\r\n        </div>\r\n        <div class=\"col-xl-6 col-lg-12\">\r\n            <div class=\"mb-3\">\r\n                <strong>Thống kê kết quả</strong>\r\n            </div>\r\n            <div class=\"chart-complete-ratio\">\r\n                <vueCustomScrollbar class=\"list-question-scroll\">\r\n                    <label class=\"text-question-title\">\r\n                        Danh sách các câu hỏi có tỷ lệ sai cao\r\n                    </label>\r\n                    <div class=\"question-list\">\r\n                        <div v-if=\"listQuestionRateFalse.length > 0\" class=\"question-item\" v-for=\"(item, index) of listQuestionRateFalse\">\r\n                            <div class=\"q-top\">\r\n                                <p class=\"text-primary m-0 float-left\">Câu {{ index + 1 }} (NVHT: Mục lục cấp 2): &nbsp;</p> \r\n                                <p class=\"m-0 float-left\" v-if=\"item.content\" v-html=\"item.content\">\r\n                                </p>\r\n                                <span class=\"m-0 float-left\" v-else>Câu hỏi chưa có nội dung</span>\r\n                            </div>\r\n                            <div class=\"q-bottom display-flex-center\">\r\n                                <strong>Tỉ lệ câu sai: </strong>\r\n                                {{ item.countMemberAnswerFalse * 1 }}/{{ item.countMemberAnwer * 1 }}\r\n                            </div>\r\n                        </div>\r\n                        <div v-if=\"listQuestionRateFalse.length == 0\" class=\"no-data\">\r\n                            Dữ liệu đang được cập nhật...\r\n                        </div>\r\n                    </div>\r\n                </vueCustomScrollbar>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport moment from \"moment\"\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport ChartCompleteRatio from './ChartCompleteRatio'\r\nimport { getListUserLessonPlaning, getQuestionLessonPlaningRateFalse } from './../../_api/lessonClassSchoolUserServices';\r\n\r\nexport default {\r\n    components:{\r\n        vueCustomScrollbar,\r\n        ChartCompleteRatio\r\n    },\r\n    props: {\r\n        listGroupId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        classSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        lessonClassSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            paramQueryDataQuestion: {\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 3,\r\n                lessonClassSchoolId: 0,\r\n                listGroupId: 0,\r\n                classSchoolId: 0,\r\n            },\r\n            paramQueryDataMember: {\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 5000000,\r\n                subjectId: 0,\r\n                classId: 0,\r\n                classSchoolId: 0,\r\n                lessonClassSchoolId: 0,\r\n                isGetByAll: true\r\n            },\r\n            fieldsTableMember: [\r\n                { key: 'stt', label: 'STT', thClass: 'w-60px text-center', tdClass: 'w-60px text-center' }, \r\n                { key: 'memberName', label: 'Tên học sinh' }, \r\n                { key: 'completeRate', label: 'Tiến độ hoàn thành', thClass: 'w-200px text-center', tdClass: 'w-200px text-center' }, \r\n                { key: 'missionRate', label: 'Tỉ lệ đúng nvht', thClass: 'w-200px text-center', tdClass: 'w-200px text-center' }, \r\n            ],\r\n            listMember: [],\r\n            listQuestionRateFalse: []\r\n        }\r\n    },\r\n    watch: {\r\n        'classSchoolId': 'getDataAll',\r\n    },\r\n    mounted(){\r\n        if (this.classSchoolId > 0) {\r\n            this.getDataAll()\r\n        }\r\n    },\r\n    methods:{\r\n        moment,\r\n        formatNumber(value){\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            return value.toFixed(0);\r\n        },\r\n        getDataAll() {\r\n            this.getQuestionRateFalse()\r\n            this.getListMember()\r\n        },\r\n        getQuestionRateFalse() {\r\n            this.listQuestionRateFalse = []\r\n            this.paramQueryDataQuestion.lessonClassSchoolId = this.lessonClassSchoolId\r\n            this.paramQueryDataQuestion.listGroupId = this.listGroupId\r\n            this.paramQueryDataQuestion.classSchoolId = this.classSchoolId\r\n            getQuestionLessonPlaningRateFalse(this.paramQueryDataQuestion).then(res => {\r\n                if (res && res.data && !res.errors && res.data.list != null) {\r\n                    for (let i = 0; i < res.data.list.length; i++) {\r\n                        const item = res.data.list[i];\r\n                        this.listQuestionRateFalse.push(item);\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        getListMember() {\r\n            this.listMember = []\r\n            this.paramQueryDataMember.classSchoolId = this.classSchoolId\r\n            this.paramQueryDataMember.lessonClassSchoolId = this.lessonClassSchoolId\r\n            getListUserLessonPlaning(this.paramQueryDataMember).then(res => {\r\n                if (res && res.data && !res.errors && res.data.list != null) {\r\n                    for (let i = 0; i < res.data.list.length; i++) {\r\n                        const item = res.data.list[i];\r\n                        this.listMember.push({ \r\n                            'stt': i + 1,\r\n                            'memberName': item.userName,\r\n                            'completeRate': item.completeRate,\r\n                            'missionTrue': item.missionTrue,\r\n                            'missionTotal': item.missionTotal,\r\n                            'missionRate': this.formatNumber((item.missionTrue || 0) / (item.missionTotal || 1) * 100),\r\n                        })\r\n                    }\r\n                }\r\n            })\r\n        },\r\n\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.chart-complete-ratio {\r\n    padding: 0.5rem 2rem;\r\n    border: 1px solid #dee2e6;\r\n    border-radius: 0.6rem;\r\n    min-height: 10rem;\r\n}\r\n.header-table .col-header{\r\n    color: #94a3b0;\r\n    padding: 0.3rem 0.2rem;\r\n}\r\n.col-cell {\r\n    padding: 0.3rem 0.2rem;\r\n}\r\n.icon-edit {\r\n    width: 15px;\r\n    cursor: pointer;\r\n}\r\n.width-60 {\r\n    width: 60px;\r\n}\r\n.question-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n    row-gap: 1rem;\r\n}\r\n.question-item {\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: baseline !important;\r\n}\r\n.table-list-member {\r\n    max-height: 60vh;\r\n    overflow-y: auto;\r\n    overflow-x: hidden;\r\n}\r\n.list-question-scroll {\r\n    max-height: 40vh;\r\n    overflow-y: auto;\r\n}\r\n.float-left {\r\n    float: left;\r\n}\r\n.text-question-title {\r\n    color: #898989;\r\n}\r\n.b-table-list {\r\n    max-height: 20rem;\r\n    overflow-y: auto;\r\n}\r\n</style>","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!./TabStatisticLessonPlan.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!./TabStatisticLessonPlan.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabStatisticLessonPlan.vue?vue&type=template&id=193cbd48&scoped=true&\"\nimport script from \"./TabStatisticLessonPlan.vue?vue&type=script&lang=js&\"\nexport * from \"./TabStatisticLessonPlan.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabStatisticLessonPlan.vue?vue&type=style&index=0&id=193cbd48&lang=scss&scoped=true&\"\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  \"193cbd48\",\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:\"row mt-3\"},[_c('div',{staticClass:\"col-xl-3 col-lg-4\"},[_c('vueCustomScrollbar',{staticClass:\"b-item-scroll\"},[_c('transition-group',{attrs:{\"type\":\"transition\"}},_vm._l((_vm.listLessonPlaning),function(item,index){return _c('ElectronicLectureCollapse',{key:index,attrs:{\"item\":item},on:{\"handleToggleCollapse\":_vm.handleToggleCollapse},scopedSlots:_vm._u([{key:\"chapter\",fn:function(){return [_c('b-collapse',{staticClass:\"mt-1\",attrs:{\"visible\":item.isCollapse}},[_c('vueCustomScrollbar',{staticClass:\"b-chapter-scroll\"},_vm._l((item.listChapterClassSchool),function(chapter,chapterIndex){return _c('ChapterCollapse',{key:chapterIndex,attrs:{\"item\":chapter,\"indexElectronicLecture\":index},on:{\"handleToggleCollapse\":_vm.handleToggleCollapseChapter},scopedSlots:_vm._u([{key:\"post\",fn:function(){return [_c('b-collapse',{staticClass:\"mt-1\",attrs:{\"visible\":true}},_vm._l((chapter.listPostClassSchool),function(post,indexPost){return _c('PostCollapse',{key:indexPost,attrs:{\"item\":post,\"indexElectronicLecture\":index,\"indexChapter\":chapterIndex},on:{\"handleToggleCollapsePost\":_vm.handleToggleCollapsePost},scopedSlots:_vm._u([{key:\"lecture\",fn:function(){return [_c('b-collapse',{staticClass:\"mt-1\",attrs:{\"visible\":post.isCollapse}},_vm._l((post.listDocumentClassSchool),function(document,indexDocument){return _c('LectureCollapse',{key:indexDocument,attrs:{\"isDisabledCheckbox\":true,\"item\":document},on:{\"handleclick\":_vm.handleOnViewDocument}})}),1)]},proxy:true}],null,true)})}),1)]},proxy:true}],null,true)})}),1)],1)]},proxy:true}],null,true)})}),1),_c('div',{staticClass:\"mt-2 p-2\"},[_c('div',{staticClass:\"name-files display-flex-center\",on:{\"click\":_vm.handleToggleCollapseFile}},[_c('strong',[_vm._v(\"Tài liệu đính kèm\")])]),_c('b-collapse',{staticClass:\"mt-1\",attrs:{\"visible\":_vm.isCollapseFile}},_vm._l((_vm.listDataFile),function(item,index){return _c('div',{key:index,staticClass:\"display-flex-center p-1\"},[_c('a',{attrs:{\"href\":\"javascripts:;\"},on:{\"click\":function($event){return _vm.handleOnViewFile(item)}}},[_vm._v(\" \\n                            \"+_vm._s(item.name)+\"\\n                        \")])])}),0)],1),_c('div',{staticClass:\"mt-2 p-2\"},[_c('div',{staticClass:\"name-files display-flex-center\",on:{\"click\":_vm.handleToggleCollapseNVHT}},[_c('strong',[_vm._v(\"Nhiệm vụ học tập\")])]),_c('b-collapse',{staticClass:\"mt-1\",attrs:{\"visible\":_vm.isCollapseLearningTask}},_vm._l((_vm.listLearningTaskLesson),function(item,index){return _c('div',{key:index,staticClass:\"display-flex-center p-1\"},[_c('a',{attrs:{\"href\":\"javascripts:;\"},on:{\"click\":function($event){return _vm.handleOnTask(item)}}},[_vm._v(\" \\n                            \"+_vm._s(item.name)+\"\\n                        \")])])}),0)],1)],1)],1),_c('div',{staticClass:\"col-xl-9 col-lg-8\"},[_c('vueCustomScrollbar',{staticClass:\"content\"},[_c('div',{staticClass:\"view-document\"},[(_vm.isShowQuestion)?_c('ViewQuestion',{attrs:{\"listQuestion\":_vm.listQuestion,\"learningTaskId\":_vm.learningTaskId}}):_vm._e(),(_vm.isShowDocument)?_c('ViewDocument',{attrs:{\"item\":_vm.itemDocumentSelected}}):_vm._e(),(_vm.isShowFile)?_c('ViewFile',{attrs:{\"path\":_vm.pathSelected}}):_vm._e()],1)])],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"row mt-3\">\r\n        <div class=\"col-xl-3 col-lg-4\">\r\n            <vueCustomScrollbar class=\"b-item-scroll\">\r\n                <transition-group type=\"transition\">\r\n                    <ElectronicLectureCollapse :item=\"item\" v-for=\"(item, index) of listLessonPlaning\" :key=\"index\" @handleToggleCollapse=\"handleToggleCollapse\">\r\n                        <template v-slot:chapter>\r\n                            <b-collapse class=\"mt-1\" :visible=\"item.isCollapse\">\r\n                                <vueCustomScrollbar class=\"b-chapter-scroll\">\r\n                                    <ChapterCollapse v-for=\"(chapter, chapterIndex) of item.listChapterClassSchool\" \r\n                                        :item=\"chapter\"\r\n                                        :indexElectronicLecture=\"index\" \r\n                                        :key=\"chapterIndex\" \r\n                                        @handleToggleCollapse=\"handleToggleCollapseChapter\">\r\n                                        <template v-slot:post>\r\n                                            <b-collapse class=\"mt-1\" :visible=\"true\">\r\n                                                <PostCollapse v-for=\"(post, indexPost) of chapter.listPostClassSchool\" \r\n                                                    :item=\"post\"\r\n                                                    :key=\"indexPost\" \r\n                                                    :indexElectronicLecture=\"index\" \r\n                                                    :indexChapter=\"chapterIndex\" \r\n                                                    @handleToggleCollapsePost=\"handleToggleCollapsePost\">\r\n                                                    <template v-slot:lecture>\r\n                                                        <b-collapse class=\"mt-1\" :visible=\"post.isCollapse\">\r\n                                                            <LectureCollapse v-for=\"(document, indexDocument) of post.listDocumentClassSchool\" \r\n                                                                :isDisabledCheckbox=\"true\" \r\n                                                                :item=\"document\"  \r\n                                                                :key=\"indexDocument\"\r\n                                                                @handleclick=\"handleOnViewDocument\"\r\n                                                            />\r\n                                                        </b-collapse>\r\n                                                    </template>\r\n                                                </PostCollapse>\r\n                                            </b-collapse>\r\n                                        </template>\r\n                                    </ChapterCollapse>\r\n                                </vueCustomScrollbar>\r\n                            </b-collapse>\r\n                        </template>\r\n                    </ElectronicLectureCollapse>\r\n                </transition-group>\r\n                <div class=\"mt-2 p-2\">\r\n                    <div @click=\"handleToggleCollapseFile\" class=\"name-files display-flex-center\">\r\n                        <strong>Tài liệu đính kèm</strong>\r\n                    </div>\r\n                    <b-collapse class=\"mt-1\" :visible=\"isCollapseFile\">\r\n                        <div class=\"display-flex-center p-1\" v-for=\"(item, index) of listDataFile\" :key=\"index\">\r\n                            <a href=\"javascripts:;\" @click=\"handleOnViewFile(item)\"> \r\n                                {{ item.name }}\r\n                            </a>\r\n                        </div>\r\n                    </b-collapse>\r\n                </div>\r\n                <div class=\"mt-2 p-2\">\r\n                    <div @click=\"handleToggleCollapseNVHT\" class=\"name-files display-flex-center\">\r\n                        <strong>Nhiệm vụ học tập</strong>\r\n                    </div>\r\n                    <b-collapse class=\"mt-1\" :visible=\"isCollapseLearningTask\">\r\n                        <div class=\"display-flex-center p-1\" v-for=\"(item, index) of listLearningTaskLesson\" :key=\"index\">\r\n                            <a href=\"javascripts:;\" @click=\"handleOnTask(item)\"> \r\n                                {{ item.name }}\r\n                            </a>\r\n                        </div>\r\n                    </b-collapse>\r\n                </div>\r\n            </vueCustomScrollbar>\r\n        </div>\r\n        <div class=\"col-xl-9 col-lg-8\">\r\n            <vueCustomScrollbar class=\"content\">\r\n                <div class=\"view-document\">\r\n                    <ViewQuestion :listQuestion=\"listQuestion\" :learningTaskId=\"learningTaskId\" v-if=\"isShowQuestion\" />\r\n                    <ViewDocument v-if=\"isShowDocument\" :item=\"itemDocumentSelected\" />\r\n                    <ViewFile v-if=\"isShowFile\" :path=\"pathSelected\" />\r\n                </div>\r\n            </vueCustomScrollbar>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport moment from \"moment\"\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport ChapterCollapse from './ChapterCollapse'\r\nimport PostCollapse from './PostCollapse'\r\nimport LectureCollapse from './LectureCollapse'\r\nimport ElectronicLectureCollapse from \"./ElectronicLectureCollapse.vue\"\r\nimport { GetListLessonPlaning } from './../../_api/LessonClassSchoolServices'\r\nimport { PLANING_LESSON_WAREHOUSE, PLANING_LESSON_ASSIGN, ELECTRONIC_LECTURE_WAREHOUSE, ELECTRONIC_LECTURE_ASSIGN } from './../../constants/constants_enum'\r\nimport ViewDocument from './../../_components/ViewDocument'\r\nimport { getListLearningTaskLesson, getListQuestion } from './../../_api/learningTask'\r\nimport { listFileClassSchool, listFileElectronicByLessonPlaning } from './../../_api/fileClassSchoolServices'\r\nimport { saveDocumentUserClassSchool } from './../../_api/documentUserClassSchoolServices'\r\nimport ViewFile from './../../_components/ViewFile'\r\nimport ViewQuestion from './../../_components/ViewQuestion'\r\n\r\nexport default {\r\n    components:{\r\n        vueCustomScrollbar,\r\n        ChapterCollapse,\r\n        PostCollapse,\r\n        LectureCollapse,\r\n        ElectronicLectureCollapse,\r\n        ViewDocument,\r\n        ViewFile,\r\n        ViewQuestion\r\n    },\r\n    props: {\r\n        listGroupId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        classSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        lessonClassSchoolId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            listLessonPlaning: [],\r\n            listElectronicLecture: [],\r\n            PLANING_LESSON_WAREHOUSE, PLANING_LESSON_ASSIGN, ELECTRONIC_LECTURE_WAREHOUSE, ELECTRONIC_LECTURE_ASSIGN,\r\n            paramQueryData: {\r\n                classSchoolId: 0,\r\n                id: 0,\r\n                type: PLANING_LESSON_WAREHOUSE,\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 5,\r\n            },\r\n            isShowDocument: false,\r\n            isShowFile: false,\r\n            isShowQuestion: false,\r\n            athSelected: '',\r\n            itemDocumentSelected: null,\r\n            paramQueryDataFile: {\r\n                lessonClassSchoolId: 0,\r\n            },\r\n            listDataFile: [],\r\n            totalRecordsFile: 0,\r\n            listLearningTaskLesson: [],\r\n            learningTaskId: 0,\r\n            listQuestion: [],\r\n            isClickDocument: false,\r\n            isCollapseFile: false,\r\n            isCollapseLearningTask: false,\r\n            pathSelected: ''\r\n        }\r\n    },\r\n    mounted(){\r\n        this.paramQueryData.id = this.paramQueryDataFile.lessonClassSchoolId = this.lessonClassSchoolId\r\n        this.classSchoolId = this.paramQueryData.classSchoolId = this.classSchoolId\r\n        this.getListLessonPlaning()\r\n        this.getDataFile()\r\n        this.getListLearningTask()\r\n    },\r\n    methods:{\r\n        moment,\r\n        formatNumber(value){\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            return value.toFixed(0);\r\n        },\r\n        handleToggleCollapse(item){\r\n            for (let i = 0; i < this.listElectronicLecture.length; i++) {\r\n                if (this.listElectronicLecture[i].id != item.id) {\r\n                    this.listElectronicLecture[i].isCollapse = false\r\n                }\r\n            }\r\n            item.isCollapse = !item.isCollapse\r\n        },\r\n        handleToggleCollapseChapter(item, index){\r\n            if (this.listElectronicLecture.length > 0) {\r\n                let listChapter = this.listElectronicLecture[index].listChapter\r\n                for (let i = 0; i < listChapter.length; i++) {\r\n                    if (listChapter[i].id != item.id) {\r\n                        listChapter[i].isCollapse = false\r\n                    }\r\n                }\r\n            }\r\n            item.isCollapse = !item.isCollapse\r\n        },\r\n        handleToggleCollapsePost(item, indexChapter, indexElectronicLecture){\r\n            if (this.listElectronicLecture.length > 0) {\r\n                let listChapter = this.listElectronicLecture[indexElectronicLecture].listChapter\r\n                if (listChapter.length > 0) {\r\n                    let listPost = listChapter[indexChapter].listPost\r\n                    for (let i = 0; i < listPost.length; i++) {\r\n                        if (listPost[i].id != item.id) {\r\n                            listPost[i].isCollapse = false\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n            item.isCollapse = !item.isCollapse\r\n        },\r\n        handleToggleCollapseFile() {\r\n            this.isCollapseFile = !this.isCollapseFile\r\n        },\r\n        handleToggleCollapseNVHT() {\r\n            this.isCollapseLearningTask = !this.isCollapseLearningTask\r\n        },\r\n        handleOnViewFile(file) {\r\n            this.viewFile()\r\n            this.pathSelected = file.path\r\n        },\r\n        handleOnTask(item) {\r\n            this.isShowQuestion = false\r\n            this.isClickTask = true\r\n            this.learningTaskId = item.learningTaskId\r\n            this.getListQuestionByLearningTask()\r\n        },\r\n        viewQuestion() {\r\n            this.isShowQuestion = true\r\n            this.isShowDocument = false,\r\n                this.isShowFile = false\r\n        },\r\n        viewFile() {\r\n            this.isShowQuestion = false\r\n            this.isShowDocument = false,\r\n                this.isShowFile = true\r\n        },\r\n        viewDocument() {\r\n            this.isShowQuestion = false\r\n            this.isShowDocument = true,\r\n                this.isShowFile = false\r\n        },\r\n        handleOnViewDocument(isCheck, document) {\r\n            let self = this\r\n\r\n            this.viewDocument()\r\n\r\n            document.isCheck = true\r\n            this.itemDocumentSelected = document\r\n\r\n            let params = {\r\n                lesssonPlaningId: this.paramQueryData.id,\r\n                classSchoolId: this.classSchoolId,\r\n                lessonClassSchoolId: document.lessonClassSchoolId,\r\n                ChapId: document.chapterId,\r\n                postId: document.postId,\r\n                documentId: document.id,\r\n                type: PLANING_LESSON_WAREHOUSE,\r\n                status: 2\r\n            }\r\n            saveDocumentUserClassSchool(params).then(() => {\r\n                // eslint-disable-next-line no-empty\r\n\r\n            })\r\n        },\r\n        formatSizeFile(data, to = 'MB') {\r\n            const const_term = 1024;\r\n\r\n            // Convert the values and concatenate \r\n            // the appropriate unit \r\n            if (to === \"KB\") {\r\n                return (data / const_term).toFixed(3) + \"KB\";\r\n            } else if (to === \"MB\") {\r\n                return (data / const_term ** 2).toFixed(3) + \"MB\";\r\n            } else if (to === \"GB\") {\r\n                return (data / const_term ** 3).toFixed(3) + \"GB\";\r\n            } else if (to === \"TB\") {\r\n                return (data / const_term ** 4).toFixed(3) + \"TB\";\r\n            } else {\r\n                return \"\";\r\n            }\r\n        },\r\n        getDataFile() {\r\n            let self = this\r\n            listFileElectronicByLessonPlaning(this.paramQueryDataFile).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.listDataFile = res.data\r\n                    //self.totalRecordsFile = res.data.paging.totalRecords\r\n                }\r\n            })\r\n        },\r\n        getListLessonPlaning() {\r\n            let self = this\r\n            GetListLessonPlaning(this.paramQueryData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.listLessonPlaning = res.data\r\n                }\r\n            })\r\n        },\r\n        getListLearningTask() {\r\n            let self = this\r\n            getListLearningTaskLesson(self.paramQueryData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.listLearningTaskLesson = res.data.list\r\n                    self.totalRecords = res.data.paging.totalRecords\r\n\r\n                }\r\n            })\r\n\r\n        },\r\n\r\n        getListQuestionByLearningTask() {\r\n            let self = this\r\n            let params = {\r\n                lessonClassSchoolId: this.paramQueryData.id,\r\n                classSchoolId: this.classSchoolId,\r\n                learningTaskId: self.learningTaskId\r\n            }\r\n            getListQuestion(params).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.listQuestion = res.data\r\n                }\r\n                this.viewQuestion()\r\n            })\r\n\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.b-item-scroll {\r\n    max-height: 60vh;\r\n    overflow-y: auto;\r\n}\r\n.b-chapter-scroll {\r\n    max-height: 30vh;\r\n    overflow-y: auto;\r\n}\r\n.content {\r\n    //padding: 0.5rem 2rem;\r\n    border: 1px solid #dee2e6;\r\n    border-radius: 0.6rem;\r\n    min-height: 30rem;\r\n}\r\n.icon-edit {\r\n    width: 15px;\r\n    cursor: pointer;\r\n}\r\n.name-files {\r\n    cursor: pointer;\r\n    border-bottom: 1px solid #dee2e6;\r\n}\r\n.view-document {\r\n    height: 30rem;\r\n}\r\n</style>","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!./TabContentLessonPlan.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!./TabContentLessonPlan.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabContentLessonPlan.vue?vue&type=template&id=4a0c3064&scoped=true&\"\nimport script from \"./TabContentLessonPlan.vue?vue&type=script&lang=js&\"\nexport * from \"./TabContentLessonPlan.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabContentLessonPlan.vue?vue&type=style&index=0&id=4a0c3064&lang=scss&scoped=true&\"\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  \"4a0c3064\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <section class=\"section-class-personal-page\">\r\n        <div class=\"ss-breadcrumb\">\r\n            <div class=\"container-hts\">\r\n                <ul class=\"margin-0 p-0\">\r\n                    <li><router-link to=\"/lop-hoc\">Lớp học</router-link></li>\r\n                    <li><router-link to=\"/lop-hoc\">Trang cá nhân</router-link></li>\r\n                    <li><router-link :to=\"{path: '/trang-ca-nhan-giao-vien', query: { id: classSchoolId, nameClass: nameClass }}\">{{ nameClass }}</router-link></li>\r\n                    <li><router-link to=\"\">{{ nameLessonPlan }}</router-link></li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"container\">\r\n            <div class=\"pt-4\">\r\n                <h2 class=\"font-weight-bold\">{{ nameLessonPlan }}</h2>\r\n            </div>\r\n            <b-tabs class=\"pre-class-school-list__filter__tabs\">\r\n                <b-tab title=\"Thống kê\" @click=\"handleChangeTab(tabStatistic)\" :active=\"tabActive == tabStatistic\">\r\n                    <TabStatisticLessonPlan v-if=\"tabActive == tabStatistic\" \r\n                        :lessonClassSchoolId=\"lessonClassSchoolId\"\r\n                        :listGroupId=\"listGroupId\"\r\n                        :classSchoolId=\"classSchoolId\"\r\n                    />\r\n                </b-tab>\r\n                <b-tab title=\"Nội dung\" @click=\"handleChangeTab(tabContent)\" :active=\"tabActive == tabContent\">\r\n                    <TabContentLessonPlan v-if=\"tabActive == tabContent\" \r\n                        :lessonClassSchoolId=\"lessonClassSchoolId\"\r\n                        :listGroupId=\"listGroupId\"\r\n                        :classSchoolId=\"classSchoolId\"\r\n                    />\r\n                </b-tab>\r\n            </b-tabs>\r\n        </div>\r\n    </section>\r\n</template>\r\n<script>\r\nimport TabStatisticLessonPlan from './_components/TabStatisticLessonPlan.vue'\r\nimport TabContentLessonPlan from './_components/TabContentLessonPlan.vue'\r\nexport default{\r\n    components:{\r\n        TabStatisticLessonPlan,\r\n        TabContentLessonPlan\r\n    },\r\n    data(){\r\n        return{\r\n            nameClass: '',\r\n            nameLessonPlan: '',\r\n            tabActive:1,\r\n            tabStatistic:1,\r\n            tabContent:2,\r\n            lessonClassSchoolId: 0,\r\n            listGroupId: 0,\r\n            classSchoolId: 0,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.lessonClassSchoolId = this.$router.history.current.query.id * 1\r\n        this.classSchoolId = this.$router.history.current.query.classSchoolId * 1\r\n        this.listGroupId = this.$router.history.current.query.listGroupId * 1\r\n        this.nameClass = this.$router.history.current.query.nameClass\r\n        this.nameLessonPlan = this.$router.history.current.query.namePageDetail\r\n    },\r\n    methods:{\r\n        handleChangeTab(tab){\r\n            this.tabActive = tab\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n    .pre-class-school-list__filter__tabs ul.nav-tabs li.nav-item {\r\n        padding: 0 3rem;\r\n    }\r\n</style>","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!./detail_lesson_plan_assigned.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!./detail_lesson_plan_assigned.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./detail_lesson_plan_assigned.vue?vue&type=template&id=07e0ce18&scoped=true&\"\nimport script from \"./detail_lesson_plan_assigned.vue?vue&type=script&lang=js&\"\nexport * from \"./detail_lesson_plan_assigned.vue?vue&type=script&lang=js&\"\nimport style0 from \"./detail_lesson_plan_assigned.vue?vue&type=style&index=0&id=07e0ce18&lang=scss&scoped=true&\"\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  \"07e0ce18\",\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:\"chapter-collapse p-2\"},[_c('div',{staticClass:\"wrap-name-item display-flex-center\",on:{\"click\":_vm.handleToggleCollapse}},[_c('strong',{staticClass:\"name-chapter\"},[_vm._v(_vm._s(_vm.item.name))]),(_vm.item.listPostClassSchool.length > 0)?_c('div',{staticClass:\"icon-area\"},[(!_vm.item.isCollapse)?_c('img',{staticClass:\"icon-down-arrow\",attrs:{\"src\":require(\"@/assets/img/icon-down-arrow.png\")}}):_c('img',{staticClass:\"icon-up-arrow\",attrs:{\"src\":require(\"@/assets/img/icon-up-arrow.png\")}})]):_vm._e()]),_c('div',{staticClass:\"pl-2\"},[_vm._t(\"post\")],2)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"chapter-collapse p-2\">\r\n        <div @click=\"handleToggleCollapse\" class=\"wrap-name-item display-flex-center\">\r\n            <strong class=\"name-chapter\">{{ item.name }}</strong>\r\n            <div class=\"icon-area\" v-if=\"item.listPostClassSchool.length > 0\">\r\n                <img class=\"icon-down-arrow\" v-if=\"!item.isCollapse\" src=\"@/assets/img/icon-down-arrow.png\" />\r\n                <img class=\"icon-up-arrow\" v-else src=\"@/assets/img/icon-up-arrow.png\" />\r\n            </div>\r\n        </div>\r\n        <div class=\"pl-2\">\r\n            <slot name=\"post\">\r\n            </slot>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n\r\nexport default{\r\n    props:{\r\n        item:{\r\n            type:Object,\r\n            default:{}\r\n        },\r\n        indexElectronicLecture:{\r\n            type: Number,\r\n            default: null\r\n        }\r\n    },\r\n    data(){\r\n        return{\r\n            \r\n        }\r\n    },\r\n    methods:{\r\n        handleToggleCollapse(){\r\n            this.$emit('handleToggleCollapse', this.item, this.indexElectronicLecture)\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-name-item{\r\n    cursor: pointer;\r\n    border-bottom: 1px solid #dee2e6;\r\n}\r\n</style>","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!./ChapterCollapse.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!./ChapterCollapse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChapterCollapse.vue?vue&type=template&id=ac986c7c&scoped=true&\"\nimport script from \"./ChapterCollapse.vue?vue&type=script&lang=js&\"\nexport * from \"./ChapterCollapse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChapterCollapse.vue?vue&type=style&index=0&id=ac986c7c&lang=scss&scoped=true&\"\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  \"ac986c7c\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}