{"version":3,"sources":["webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue?9bed","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?cf67","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue?cbcc","webpack:///./src/components/EdittorCKAnswerNew.vue?51bd","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue?eb02","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue?2d6f","webpack:///./src/modules/class-school/_api/chapterClassSchoolServices.js","webpack:///./src/components/EdittorCKAnswer.vue?946d","webpack:///src/components/EdittorCKAnswer.vue","webpack:///./src/components/EdittorCKAnswer.vue?d226","webpack:///./src/components/EdittorCKAnswer.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?5c42","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?fed0","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?8ce1","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue?fb16","webpack:///./src/components/EdittorCKAnswer.vue?0a9c","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?34ec","webpack:///src/modules/class-school/_components/ModalViewDocument.vue","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?c93f","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?87f7","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?7b0f","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?cc71","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue?2e4f","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue?b808","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue?3987","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue?1c90","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue?c957","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue?6f38","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue?5968","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue?509f","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue?87f8","webpack:///./src/modules/class-school/_api/postClassSchoolServices.js","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue?5233","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue?8800","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue?4a73","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue?6c2f","webpack:///./src/modules/class-school/_api/documentClassSchoolServices.js","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue?7ed4","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue?63df","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue?691d","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?3a02","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?0ea6","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?ad88","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?394d","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?5ea0","webpack:///./src/components/EdittorCKAnswerNew.vue?1aff","webpack:///src/components/EdittorCKAnswerNew.vue","webpack:///./src/components/EdittorCKAnswerNew.vue?47f4","webpack:///./src/components/EdittorCKAnswerNew.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?65b8","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?c00a","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?9647","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?615a","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?18c4","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?9241","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?a573","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue?33cc","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?5cf6","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue?8625","webpack:///./src/components/EditorCK.vue?b639","webpack:///src/components/EditorCK.vue","webpack:///./src/components/EditorCK.vue?eedf","webpack:///./src/components/EditorCK.vue","webpack:///./src/components/EditorCK.vue?906a","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue?5f68"],"names":["saveChapterClassSchool","params","apiEndpoint","HttpService","post","then","res","data","catch","e","listChapterClassSchool","getDetail","id","get","deleteChapterClassSchool","changeOrderChapter","render","_vm","this","_h","$createElement","_c","_self","attrs","on","mouseLeave","position","config","$event","onBlur","onFocus","model","value","callback","$$v","content","expression","scopedSlots","_u","key","fn","_v","proxy","staticClass","_s","typeUpload","ref","uploadImage","uploadMedia","handleDoneUpload","staticRenderFns","CKEDITOR","plugins","init","editor","label","command","icon","toolbar","name","props","visibleModalMedia","linkMediaUploaded","components","VueCkeditor","computed","mapGetters","math_value","open_math","editor_selection","toggle_draw","watch","created","mounted","methods","mapActions","convertKatex2Img","configEditor","items","toolbarInsert","height","extraPlugins","allowedContent","font_defaultLabel","fontSize_defaultLabel","contentsCss","actionNiwBtn","exec","self","evt","cntnt","contentEdit","onChangeContent","val","onEditorChange","html","uploadImg","linkImg","addFillBlankQuestion","fillBlankEditor","openModalUploadMedia","type","insertEmbedEditor","htmlData","link","linkMedia","embedVideo","handleCancelUpload","visible","openDrawTool","location","component","item","handleHideModal","ViewDocument","default","confirmActive","isLoading","TYPE_H5P","TYPE_DOCUMENT","TYPE_TEST","FILE_YOUTUBE","FILE_CANVA","FILE_LINK","TYPE_FILE_PDF","TYPE_FILE_POWERPOINT","TYPE_FILE_WORD","TYPE_FILE_EXCEL","TYPE_FILE_IMAGE","screenWidth","handleShowModal","nameLecture","isEditNameLesson","nameLesson","handleCancelEditNameLesson","handleUpdateName","dataElectronicLecture","Number","isEdit","handleEditNameLesson","_e","tabActive","tabInfo","handleOnChangeTab","ELECTRONIC_LECTURE_WAREHOUSE","getDetailLessonClassSchool","tabContent","tabDocument","handleAddChapter","length","_l","index","handleDeleteChapter","handleEditChapter","handleAddPost","handleToggerCollapse","isCollapse","indexPost","handleEditPost","handleDeletePost","handleAddDocument","document","indexDocument","handleEditDocument","handleViewDocument","handleDeleteDocument","paramQueryData","chapterClassSchoolIdCurrent","closeModalCreateUpdateChapter","handleDone","handleDeleteDone","closeModalDeleteChapter","posterClassSchoolIdCurrent","closeModalCreateUpdatePoster","handleDonePoster","handleDeletePostDone","closeModalDeletePost","documentClassSchoolIdCurrent","handleDoneModalPrepareQuestions","handleShowModalLectureLibrary","closeModalCreateUpdateDocument","handleDoneDocument","handleDeleteDocumentDone","closeModalDeleteDocument","documentNameCurrent","closeModalPrepareQuestions","handleDonePrepareQuestions","itemSelected","closeModalViewDocument","dataDocumment","handleDoneModalLectureLibrary","closeModalLectureLibrary","resetModal","getNameTitle","preventDefault","handleSave","apply","arguments","form","$set","$v","required","submitted","isDisabled","chapterId","lessonClassSchoolId","validations","getDetailChapterClassSchool","toggleModal","listPostClassSchool","_t","handleDelete","isDisabledButton","posterId","savePostClassSchool","deletePostClassSchool","getDetailPostClassSchool","listTypeDocument","handleOnChangeTypeDocument","onChangeUploadFile","file","fileName","typeDocument","formatSizeFile","sizeFile","handleOnRemoveFile","class","isDragging","dragoverUploadFile","dragleaveUploadFile","dropUploadFile","onUploadFile","directives","rawName","domProps","target","composing","isOpenModalView","getNameCommit","saveDocumentClassSchool","headers","saveDocument","deleteDocumentClassSchool","updateNameDocument","getListBookLessonPlan","ModalViewInformation","postId","documentId","pathFile","REFERENCE_LECTURE","text","getDetailQuestion","topicName","withSize","heightSize","fileQuestion","fileData","url","listAnswer","idClient","isTrue","fileAnswer","console","checkType","getDetailDocumentClassSchool","formData","path","nameTypeDocument","staticStyle","isEditNameDocument","nameDocument","handleCancelEditNameDocument","handleUpdateNameDocument","handleEditNameDocument","tabCreateQuestion","handleChangeTab","listQuestionSave","handleAddQuestion","question","saveQuestion","onEditorChangeQuestion","answer","indexAnswer","code","onEditorChangeAnswer","style","onDeleteFileAnswer","refInFor","changeImgAnswer","handUploadImageAnswer","onDeleteAnswer","handleAddAnswer","handleOnDeleteQuestion","handleEditQuestion","tabUploadDocx","formWord","handleHideModalConfim","handleConfimModal","documentName","EditorCK","EditorCKNew","EdittorCKAnswer","EdittorCKAnswerNew","listQuestion","cdnUrl","listAnswerDelete","question_img_size","answer_key_text","getKeyText","numberQuestion","tab","addData","sizeImage","generateUUID","d","getQuestionByDoc","isValid","saveListQuestion","saveLessonQuestionClassSchool","answerDefault","questionSeleced","itemSelectd","itemCurrent","Id","Name","uploadFileLessonQuestionClassSchool","deleteLessonQuestionClassSchool","modifiers","listDataClass","handleChangeClassId","listDataSubject","handleChangeSubjectId","listBookType","totalRecords","handleScroll","title","handleClickBookLesson","statusSearch","listDataBookLesson","totalPage","keyword","pageIndex","pageSize","subjectId","classId","listQuestionAdd","dataDocument","getListData","handleSearchData","handleChangeBookTypeId","resetData","handleOnFilter","getTypesFilter","getAllTypeFilter","GetAllClass","getAllClassFilter","ModalCreateUpdateChapter","ChapterClassSchool","PostClassSchool","ModalDeleteChapter","ModalCreateUpdatePost","ModalDeletePost","ModalCreateUpdateDocument","DocumentClassSchool","ModalDeleteDocument","ModalCreateUpdatePrepareQuestions","draggable","vueCustomScrollbar","ModalViewDocument","ModalLectureLibrary","isOpenModalViewDocument","dragging","isOpenModalCreateUpdateChapter","isOpenModalCreateUpdatePoster","isOpenModalCreateUpdateDocument","isOpenModalDeleteDocument","isOpenModalLectureLibrary","isOpenModalDeleteChapter","isOpenModalDeletePost","isShowModalCreateUpdatePrepareQuestions","chapterSelectCurrent","itemChapterCollapse","window","onChangeDrag","event","onDragStart","onDragEnd","listOrder","listParams","orderNo","getListChapterClassSchool","element","TabInfoElectronicLecture","TabContentElectronicLecture","TabAttachment","PLANING_LESSON_WAREHOUSE","bookTypeId","numberLesson","description","isPublic","authInfo","roleTeacher","roleHocSinh","saveLessonClassSchool","openMathKeyboard"],"mappings":"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,uBAEAC,sEACArD,KAJA,WAKA,OACA4B,WACAmB,YACAT,cACAgB,qBACAC,uBAGAC,YACAC,oBAEAC,gBACAC,gBACAC,+BACAC,6BACAC,2CAEAC,oCANA,IAQA3C,OARA,WASA,8BAGA4C,OAYApC,2BAEAqC,QA1CA,WA6CA,uDAEAC,QA/CA,WAiDA,qBAEAC,eACAC,yBACA,iBACA,yBACA,iBACA,sBALA,IAQAC,iBARA,WASA,qBACA,kDAIAC,aAdA,WAeA,OACAlB,cACAmB,OACA,YACA,QACA,cACA,SACA,+BACA,0CA+BA,OA5BA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,YACA,+BACA,2CAIA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,aACA,+BACA,2CAIA,CACApB,SACA,CACAC,mBACAmB,OACA,OACA,SACA,YACA,SACA,YACA,cACA,IACA,iBACA,iBAGA,CAAAnB,cAAAmB,+BACA,CACAnB,iBACAmB,OACA,eACA,eACA,IACA,cACA,gBACA,eACA,iBAGA,CAAAnB,aAAAmB,yBACAC,GAEAC,WACAC,6CACAC,kBACAC,0BACAC,yBACAC,+DAIAC,aA/FA,WAgGA,WACA,iEAEAhC,0BACAiC,iBACAC,8BAKAlC,0BACAiC,iBACAC,4BAIAlC,2BACAiC,iBACAC,oCAKAlC,0BACAiC,iBACAC,oCAKA3D,OA9HA,SA8HA4D,GACA,mBAIA3D,QAnIA,SAmIA2D,KAMAhE,WAzIA,WA2IA,iEACA,cADA,YAGA,MACA,+BAEA,EACAiE,+CACA,WACA,KACA,OACA,oBACAC,kBAIA,yBAIAC,gBA/JA,SA+JAC,GACA,wEACAvC,kCAGAwC,eApKA,SAoKAC,GACA,kBACA,OAAAA,OAAArE,wBAEA,iCAIAqB,YA5KA,SA4KA0C,GACA,WAGAO,oCACA,6CACAC,sCAKAC,qBAvLA,WAuLA,qEACAC,iEAGAC,qBA3LA,SA2LAC,GACA,kBACA,8DAIAC,kBAjMA,WAiMA,IAEA,EAFA,oKACA,OAEA,YACAC,8BACA,YAEAA,EADA,yBACAA,iLACA,uBACAA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CACA,WAAWrB,GAAG,CAAC,OAASP,EAAI+B,iBAAiB3B,EAAG,MAAM,CAACsB,YAAY,0BAA0B,CAACtB,EAAG,SAAS,CAACsB,YAAY,kBAAkBpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIgC,mBAAmB,CAAChC,EAAIwB,GAAG,0CAA0C,IACxP,GAAkB,G,0wBCyDjBU,SAASC,QAAQvC,IAAI,mBAC1BsC,uCACAE,iBASAC,4BACAC,oBACAC,oBACAC,2DACAC,mBAGAJ,6BACAC,6BACAC,qBACAC,yDACAC,mBAIAJ,4BACAC,qBACAC,oBACAC,uEACAC,sBAMe,I,GAAA,IACfC,0BAEAC,sEACArD,KAJA,WAKA,OACA4B,WACAmB,YACAT,cACAgB,qBACAC,uBAGAC,YACAC,qBAEAC,kBACAC,iBACAC,+BACAC,6BACAC,2CAEAC,oCANA,IAQA3C,OARA,WASA,8BAGA4C,OAYApC,2BAEAqC,QA1CA,WA6CA,uDAEAC,QA/CA,WAiDA,qBAEAC,iBACAC,0BACA,iBACA,yBACA,iBACA,sBALA,IAQAC,iBARA,WASA,qBACA,mDAIAC,aAdA,WAeA,OACAlB,cACAmB,OACA,YACA,QACA,cACA,SACA,+BACA,0CA+BA,OA5BA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,YACA,+BACA,2CAIA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,aACA,+BACA,2CAIA,CACApB,SACA,CACAC,mBACAmB,OACA,OACA,SACA,YACA,SACA,YACA,cACA,IACA,iBACA,iBAGA,CAAAnB,cAAAmB,+BACA,CACAnB,iBACAmB,OACA,eACA,eACA,IACA,cACA,gBACA,eACA,iBAGA,CAAAnB,aAAAmB,yBACAC,GAEAC,WACAC,6CACAC,kBACAC,0BACAC,yBACAC,+DAIAC,aA/FA,WAgGA,WACA,iEAEAhC,0BACAiC,iBACAC,8BAKAlC,0BACAiC,iBACAC,4BAIAlC,2BACAiC,iBACAC,oCAKAlC,0BACAiC,iBACAC,oCAKA3D,OA9HA,SA8HA4D,GACA,mBAIA3D,QAnI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","file":"js/chunk-a7d5c9fe.4af33b6c.js","sourcesContent":["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!./ModalCreateUpdateDocument.vue?vue&type=style&index=0&id=2efbb50a&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.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!./ModalLectureLibrary.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/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!./ModalDeleteChapter.vue?vue&type=style&index=0&id=3be13ab5&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!./EdittorCKAnswerNew.vue?vue&type=style&index=0&id=02b80394&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!./ChapterClassSchool.vue?vue&type=style&index=0&id=be8e9774&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!./ModalCreateUpdateChapter.vue?vue&type=style&index=0&lang=scss&\"","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveChapterClassSchool = params => {\r\n    let apiEndpoint = `ChapterClassSchool/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 listChapterClassSchool = params => {\r\n    let apiEndpoint = `ChapterClassSchool/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 = `ChapterClassSchool/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 deleteChapterClassSchool = id => {\r\n    let apiEndpoint = `ChapterClassSchool/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\nexport const changeOrderChapter = params => {\r\n    let apiEndpoint = `ChapterClassSchool/ChangeOrderChapter`;\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\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app-cke-answer\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{attrs:{\"id\":(\"myQuillEditor_answer_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_an_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"Tải lên media\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center editor-modal-media\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\")+\" thông qua\\n          link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"\\n          form-group form-editor-media\\n          position-rel\\n          text-center\\n          display-flex-center\\n          justify-content-center\\n        \"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\"))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video'\n    ? 'video/mp4,video/x-m4v,video/*'\n    : 'audio/*'},on:{\"change\":_vm.uploadMedia}})]),_c('div',{staticClass:\"form-action text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDoneUpload}},[_vm._v(\"\\n          Tải lên\\n        \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app-cke-answer\" @mouseleave=\"mouseLeave\">\r\n    <vue-ckeditor :id=\"`myQuillEditor_answer_${position}`\" v-model=\"content\" :config=\"config\" @blur=\"onBlur($event)\"\r\n      @focus=\"onFocus($event)\" />\r\n    <b-modal :id=\"`modal_upload_an_${position}`\" hide-footer>\r\n      <template v-slot:modal-title>Tải lên media</template>\r\n      <div class=\"d-block text-center editor-modal-media\">\r\n        <div class=\"form-group\">\r\n          <label class=\"display-block font-weight-bold\">Tải {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }} thông qua\r\n            link</label>\r\n          <input type=\"text\" class=\"form-control full-width\" ref=\"link_media\" />\r\n        </div>\r\n        <p class=\"display-block text-center full-width hr-center position-rel\">\r\n          <span class=\"position-rel\">Hoặc</span>\r\n        </p>\r\n        <div class=\"\r\n            form-group form-editor-media\r\n            position-rel\r\n            text-center\r\n            display-flex-center\r\n            justify-content-center\r\n          \">\r\n          <span class=\"margin-0\">Tải lên {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }}</span>\r\n          <input v-if=\"typeUpload === 'image'\" type=\"file\" name id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\"\r\n            accept=\"image/*\" />\r\n          <input v-else type=\"file\" ref=\"upMedia\" @change=\"uploadMedia\" :accept=\"typeUpload === 'video'\r\n      ? 'video/mp4,video/x-m4v,video/*'\r\n      : 'audio/*'\r\n    \" />\r\n        </div>\r\n        <div class=\"form-action text-right\">\r\n          <button type=\"button\" class=\"btn btn-primary\" @click=\"handleDoneUpload\">\r\n            Tải lên\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueCkeditor from \"vue-ckeditor2\";\r\n// import mixins from '@/helpers/mixins';\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport {\r\n  replaceHtmlMathlive,\r\n  setAlignImgEditor,\r\n  fillBlankEditor,\r\n  convertOldKatexData2Img,\r\n} from \"@/helpers/functions\";\r\nimport { uploadImg } from \"@/store/common/api\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n// import katex from 'katex';\r\n// const imgVideo = require('@/assets/images/video.png')\r\n// const imgAudio = require('@/assets/images/audio.png')\r\n// const imgFx = require('@/assets/images/fx.png')\r\n// const imgDraw = require('@/assets/images/draw.png')\r\n\r\n// Add plugin for editor\r\nif (!CKEDITOR.plugins.get(\"niw_btn_answer\")) {\r\n  CKEDITOR.plugins.add(\"niw_btn_answer\", {\r\n    init: function (editor) {\r\n      // Button drawshape\r\n      // editor.ui.addButton('drawShape', {\r\n      //        label: 'Vẽ hình',\r\n      //        command: 'drawShape',\r\n      //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n      //        toolbar: 'insert'\r\n      //    });\r\n\r\n      editor.ui.addButton(\"fillBlank\", {\r\n        label: \"Câu điền từ\",\r\n        command: \"fillBlank\",\r\n        icon: \"https://image.flaticon.com/icons/svg/106/106987.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      editor.ui.addButton(\"selectForm\", {\r\n        label: \"Lựa chọn câu trả lời\",\r\n        command: \"selectForm\",\r\n        icon: \"https://image.flaticon.com/icons/svg/30/30856.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      // Button upload img\r\n      editor.ui.addButton(\"uploadImg\", {\r\n        label: \"Tải hình ảnh\",\r\n        command: \"uploadImg\",\r\n        icon: \"https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14\",\r\n        toolbar: \"insert\",\r\n      });\r\n    },\r\n  });\r\n}\r\n\r\nexport default {\r\n  name: \"EdittorCKAnswer\",\r\n  // mixins: [mixins],\r\n  props: [\"contentEditor\", \"fillBlank\", \"position\", \"selectBox\", \"parentId\"],\r\n  data() {\r\n    return {\r\n      content: \"\",\r\n      editor: null,\r\n      typeUpload: \"\",\r\n      visibleModalMedia: false,\r\n      linkMediaUploaded: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    VueCkeditor,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      math_value: `common/math_value`,\r\n      open_math: `common/open_math`,\r\n      editor_selection: `common/editor_selection`,\r\n      // draw_shape_data: 'common/draw_shape_data',\r\n      toggle_draw: \"common/toggle_draw\",\r\n    }),\r\n    config() {\r\n      return this.configEditor();\r\n    },\r\n  },\r\n  watch: {\r\n    //  draw_shape_data(newVal, oldVal) {\r\n    //  \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n    //  \t\t// console.log(newVal.data);\r\n    //    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n    //    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n    //    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n    //    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n    //    CKEDITOR.instances[`myQuillEditor_answer_${newVal.position}`].insertHtml(htmlData);\r\n    // this.setDrawShapeData(null);\r\n    //  \t}\r\n    //  },\r\n    content: \"onChangeContent\",\r\n  },\r\n  created() {\r\n    // Convert old data use Katex\r\n    // this.convertKatex2Img()\r\n    this.content = this.contentEditor ? this.contentEditor : \"\";\r\n  },\r\n  mounted() {\r\n    // All action for all button\r\n    this.actionNiwBtn();\r\n  },\r\n  methods: {\r\n    ...mapActions(`common`, [\r\n      \"toggleFormMath\",\r\n      \"setContentSelectEditor\",\r\n      \"toggleDrawTool\",\r\n      \"setDrawShapeData\",\r\n    ]),\r\n\r\n    convertKatex2Img() {\r\n      if (this.contentEditor) {\r\n        this.content = convertOldKatexData2Img(this.contentEditor);\r\n      }\r\n    },\r\n\r\n    configEditor() {\r\n      let toolbarInsert = {\r\n        name: \"insert\",\r\n        items: [\r\n          \"uploadImg\",\r\n          \"Table\",\r\n          \"SpecialChar\",\r\n          \"Iframe\",\r\n          \"ckeditor_wiris_formulaEditor\",\r\n          \"ckeditor_wiris_formulaEditorChemistry\",\r\n        ],\r\n      };\r\n      if (this.fillBlank) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"fillBlank\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      if (this.selectBox) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"selectForm\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      return {\r\n        toolbar: [\r\n          {\r\n            name: \"basicstyles\",\r\n            items: [\r\n              \"Bold\",\r\n              \"Italic\",\r\n              \"Underline\",\r\n              \"Strike\",\r\n              \"Subscript\",\r\n              \"Superscript\",\r\n              \"-\",\r\n              \"CopyFormatting\",\r\n              \"RemoveFormat\",\r\n            ],\r\n          },\r\n          { name: \"colors\", items: [\"TextColor\", \"BGColor\"] },\r\n          {\r\n            name: \"paragraph\",\r\n            items: [\r\n              \"NumberedList\",\r\n              \"BulletedList\",\r\n              \"-\",\r\n              \"JustifyLeft\",\r\n              \"JustifyCenter\",\r\n              \"JustifyRight\",\r\n              \"JustifyBlock\",\r\n            ],\r\n          },\r\n          { name: \"links\", items: [\"Link\", \"Unlink\"] },\r\n          toolbarInsert,\r\n        ],\r\n        height: 100,\r\n        extraPlugins: \"niw_btn_answer,ckeditor_wiris\",\r\n        allowedContent: true,\r\n        font_defaultLabel: \"Arial\",\r\n        fontSize_defaultLabel: 16,\r\n        contentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"],\r\n      };\r\n    },\r\n\r\n    actionNiwBtn() {\r\n      let self = this;\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${self.position}`];\r\n      // Button drawshape\r\n      editor.addCommand(\"drawShape\", {\r\n        exec: function (edt) {\r\n          self.openDrawTool(self.position);\r\n        },\r\n      });\r\n\r\n      // Button create math\r\n      editor.addCommand(\"fillBlank\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion();\r\n        },\r\n      });\r\n      // Button create math\r\n      editor.addCommand(\"selectForm\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion(\"select\");\r\n        },\r\n      });\r\n\r\n      // Button upload img\r\n      editor.addCommand(\"uploadImg\", {\r\n        exec: function (edt) {\r\n          self.openModalUploadMedia(\"image\");\r\n        },\r\n      });\r\n    },\r\n\r\n    onBlur(evt) {\r\n      this.mouseLeave();\r\n      // console.log('Blur: ', evt);\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n    onFocus(evt) {\r\n      // console.log('Focus: ', evt.editor);\r\n      // evt.editor._.events.change;\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n\r\n    mouseLeave() {\r\n      // console.log('Mouse leave: ');\r\n      let frame = document.querySelector(\r\n        `#cke_myQuillEditor_answer_${this.position} iframe`\r\n      );\r\n      if (frame) {\r\n        let cntnt = frame.contentWindow.document;\r\n        // let parag = cntnt.getElementsByTagName(\"p\");\r\n        let parag =\r\n          cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n        let legthParag = parag.length;\r\n        let contentEdit = \"\";\r\n        if (legthParag > 0) {\r\n          for (let i = 0; i < legthParag; i++) {\r\n            contentEdit += parag[i].outerHTML;\r\n          }\r\n        }\r\n        // console.log(parag.length, contentEdit);\r\n        this.onEditorChange(contentEdit);\r\n      }\r\n    },\r\n\r\n    onChangeContent(val) {\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${this.position}`];\r\n      editor && this.onEditorChange(editor._.data);\r\n    },\r\n\r\n    onEditorChange(html) {\r\n      if (this.position) {\r\n        let data = {html, position: this.position};\r\n        // this.$bus.emit(`${CHANGE_TXT_ANSWER}_${this.position}`, data);\r\n        this.$emit('onEditorChange', data);\r\n      }\r\n\r\n    },\r\n    uploadImage(evt) {\r\n      let self = this;\r\n      // const files = evt.target.files[0];\r\n      // if (files) {\r\n      uploadImg(evt).then((res) => {\r\n        let linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n        linkImg && self.insertEmbedEditor(\"image\", linkImg);\r\n      });\r\n      // }\r\n    },\r\n\r\n    addFillBlankQuestion(type = \"blank\") {\r\n      fillBlankEditor(type, `myQuillEditor_answer_${this.position}`);\r\n    },\r\n\r\n    openModalUploadMedia(type) {\r\n      this.typeUpload = type;\r\n      this.$bvModal.show(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = true;\r\n    },\r\n\r\n    insertEmbedEditor(type = \"image\", link, embed = false) {\r\n      let self = this;\r\n      let htmlData;\r\n      if (type === \"image\") {\r\n        htmlData = `<img src=\"${link}\">`;\r\n      } else if (type === \"video\") {\r\n        if (embed && link.includes(\"youtube\")) {\r\n          htmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`;\r\n        } else if (embed && link.includes(\"vimeo\")) {\r\n          htmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\r\n        } else {\r\n          htmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n        }\r\n      } else if (type === \"audio\") {\r\n        htmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n      }\r\n      CKEDITOR.instances[`myQuillEditor_answer_${self.position}`].insertHtml(\r\n        htmlData\r\n      );\r\n\r\n      if (type === \"image\") {\r\n        self.$refs.upImg.value = \"\";\r\n      } else {\r\n        self.$refs.link_media.value = \"\";\r\n        self.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // self.visibleModalMedia = false;\r\n    },\r\n\r\n    uploadMedia(evt) {\r\n      let self = this;\r\n      // self.visibleModalMedia = false;\r\n      const files = evt.target.files[0];\r\n      // console.log(files);\r\n      if (files) {\r\n        uploadImg(files).then((res) => {\r\n          let linkImg = res.image.image_src;\r\n        });\r\n      }\r\n    },\r\n\r\n    handleDoneUpload() {\r\n      // console.log('Done: ', this.$refs);\r\n      let linkSocial = this.$refs.link_media.value;\r\n      let linkMedia = linkSocial;\r\n      let embedVideo = false;\r\n      if (linkSocial && linkSocial !== undefined) {\r\n        if (linkSocial.includes(\"youtube\")) {\r\n          let linkYT = linkSocial.split(\".com/watch?v=\");\r\n          linkMedia = linkYT[0] + \".com/embed/\" + linkYT[1];\r\n          embedVideo = true;\r\n        } else if (linkSocial.includes(\"vimeo\")) {\r\n          let linkVM = link.split(\"vimeo.com/\");\r\n          linkMedia = linkVM[0] + \"player.vimeo.com/video/\" + linkVM[1];\r\n          embedVideo = true;\r\n        }\r\n      } else {\r\n        linkMedia = this.linkMediaUploaded;\r\n      }\r\n      // console.log(linkMedia);\r\n\r\n      linkMedia &&\r\n        this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n      // this.visibleModalMedia = false;\r\n    },\r\n\r\n    handleCancelUpload() {\r\n      if (this.$refs.link_media && this.$refs.link_media.value) {\r\n        this.$refs.link_media.value = \"\";\r\n      }\r\n      if (this.$refs.upMedia && this.$refs.upMedia.value) {\r\n        this.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = false;\r\n      this.toggleFormMath({ visible: false, editor: null });\r\n    },\r\n\r\n    openDrawTool(location) {\r\n      this.toggleDrawTool(true);\r\n      this.setDrawShapeData({ position: location, type: \"question\" });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.editor-modal-media {\r\n  label {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  input {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .hr-center {\r\n    margin: 15px 0;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      height: 1px;\r\n      width: 60%;\r\n      background: #ccc;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    span {\r\n      padding: 0 20px;\r\n      background: #fff;\r\n    }\r\n  }\r\n\r\n  .form-editor-media {\r\n    width: 120px;\r\n    height: 120px;\r\n    border: 1px solid #d1d1d1;\r\n    margin: 0 auto;\r\n\r\n    input {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .form-action {\r\n    padding-top: 15px;\r\n    margin-top: 15px;\r\n    border-top: 1px solid #d1d1d1;\r\n\r\n    button {\r\n      height: 35px;\r\n    }\r\n  }\r\n}\r\n\r\n.cke_button__selectform .cke_button_label {\r\n  display: inline;\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!./EdittorCKAnswer.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!./EdittorCKAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdittorCKAnswer.vue?vue&type=template&id=7011e4d6&scoped=true&\"\nimport script from \"./EdittorCKAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./EdittorCKAnswer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EdittorCKAnswer.vue?vue&type=style&index=0&id=7011e4d6&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  \"7011e4d6\",\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!./TabContentElectronicLecture.vue?vue&type=style&index=0&id=36e947ab&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!./ModalCreateUpdatePrepareQuestions.vue?vue&type=style&index=0&id=36a7e714&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!./ModalDeleteDocument.vue?vue&type=style&index=0&id=0099d535&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!./ModalCreateUpdatePost.vue?vue&type=style&index=0&id=1ddb3ca0&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!./EdittorCKAnswer.vue?vue&type=style&index=0&id=7011e4d6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-view-document\",staticClass:\"header-modal\",attrs:{\"size\":\"xl\",\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-view-document__body container wrap-form-create-update-chapter\"},[_c('ViewDocument',{staticClass:\"wrap-view-document\",attrs:{\"isShowAnswer\":true,\"isEnableWork\":false,\"item\":_vm.item}}),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                    Đóng\\n                    \"),_c('img',{staticClass:\"icon-close\",attrs:{\"src\":require(\"@/assets/img/x.png\"),\"alt\":\"\"}})])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-view-document\">\r\n            <div class=\"modal-view-document__body container wrap-form-create-update-chapter\">\r\n                <ViewDocument :isShowAnswer=\"true\" :isEnableWork=\"false\" class=\"wrap-view-document\" :item=\"item\" />\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">\r\n                        Đóng\r\n                        <img class=\"icon-close\" src=\"@/assets/img/x.png\" alt=\"\" />\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport ViewDocument from './ViewDocument'\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\n\r\nexport default {\r\n    name: \"ModalViewDocument\",\r\n    components:{\r\n        ViewDocument\r\n    },\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            confirmActive: {},\r\n            isLoading: false,\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        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-view-document'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.icon-close{\r\n    width: 15px;\r\n}\r\n.wrap-view-document{\r\n    margin-top: 10px;\r\n}\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-view-document__body {\r\n    height: 40rem;\r\n    padding: 20px;\r\n    background-color: white;\r\n    .modal__actions{\r\n        position: absolute;\r\n        top: 0px;\r\n        right: 0px;\r\n        padding: 0px;\r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            color: black;\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\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!./ModalViewDocument.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!./ModalViewDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalViewDocument.vue?vue&type=template&id=6b40bd03&scoped=true&\"\nimport script from \"./ModalViewDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalViewDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalViewDocument.vue?vue&type=style&index=0&id=6b40bd03&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  \"6b40bd03\",\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!./DetailElectronicLectureWarehouse.vue?vue&type=style&index=0&id=4548e3e2&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/soan-tai-lieu\"}},[_vm._v(\"Soạn tài liệu\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/soan-tai-lieu\"}},[_vm._v(\"Bài giảng điện tử\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(_vm._s(_vm.nameLecture))])],1)])])]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"name-leson mt-3\"},[(!_vm.isEditNameLesson)?_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.dataElectronicLecture.name))]),(Number(_vm.isEdit) == 1)?_c('img',{staticClass:\"icon-edit\",attrs:{\"src\":require(\"@/assets/img/edit.png\")},on:{\"click\":_vm.handleEditNameLesson}}):_vm._e()]):_c('div',{staticClass:\"display-flex\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"numberLesson\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài giảng\",\"autocomplete\":\"off\"},model:{value:(_vm.nameLesson),callback:function ($$v) {_vm.nameLesson=$$v},expression:\"nameLesson\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCancelEditNameLesson}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-agree font-size-17 btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleUpdateName()}}},[_vm._v(\"Đồng ý\")])])])])]),_c('b-tabs',{attrs:{\"pills\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Thông tin\",\"active\":_vm.tabActive == _vm.tabInfo},on:{\"click\":function($event){return _vm.handleOnChangeTab(_vm.tabInfo)}}},[(_vm.tabActive == _vm.tabInfo && _vm.dataElectronicLecture.name)?_c('TabInfoElectronicLecture',{attrs:{\"type\":_vm.ELECTRONIC_LECTURE_WAREHOUSE,\"dataElectronicLecture\":_vm.dataElectronicLecture,\"isEdit\":Number(_vm.isEdit)},on:{\"getDetailLessonClassSchool\":_vm.getDetailLessonClassSchool}}):_vm._e()],1),_c('b-tab',{attrs:{\"title\":\"Nội dung\",\"active\":_vm.tabActive == _vm.tabContent},on:{\"click\":function($event){return _vm.handleOnChangeTab(_vm.tabContent)}}},[(_vm.tabActive == _vm.tabContent && _vm.dataElectronicLecture.name)?_c('TabContentElectronicLecture',{attrs:{\"type\":_vm.ELECTRONIC_LECTURE_WAREHOUSE,\"dataElectronicLecture\":_vm.dataElectronicLecture,\"isEdit\":Number(_vm.isEdit)}}):_vm._e()],1),_c('b-tab',{attrs:{\"title\":\"Tài liệu đính kèm\",\"active\":_vm.tabActive == _vm.tabDocument},on:{\"click\":function($event){return _vm.handleOnChangeTab(_vm.tabDocument)}}},[(_vm.tabActive == _vm.tabDocument && _vm.dataElectronicLecture.name)?_c('TabAttachment',{attrs:{\"type\":_vm.ELECTRONIC_LECTURE_WAREHOUSE,\"dataElectronicLecture\":_vm.dataElectronicLecture,\"isEdit\":Number(_vm.isEdit)}}):_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',[_c('div',{staticClass:\"margin-top-10 display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-btn-add-chapter\"},[(_vm.isEdit == 1)?_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleAddChapter}},[_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus.png\")}}),_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus-hover.png\")}}),_vm._v(\"\\n                Thêm chương\\n            \")]):_vm._e()])]),(_vm.listChapterClassSchool.length > 0)?_c('vueCustomScrollbar',{staticClass:\"b-chapter-scroll\"},_vm._l((_vm.listChapterClassSchool),function(item,index){return _c('ChapterClassSchool',{key:index,attrs:{\"item\":item,\"isEdit\":_vm.isEdit},on:{\"handleDeleteChapter\":_vm.handleDeleteChapter,\"handleEditChapter\":_vm.handleEditChapter,\"handleAddPost\":_vm.handleAddPost,\"handleToggerCollapse\":_vm.handleToggerCollapse},scopedSlots:_vm._u([{key:\"post\",fn:function(){return [_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":item.isCollapse}},[_c('vueCustomScrollbar',{staticClass:\"b-post-scroll\"},_vm._l((item.listPostClassSchool),function(post,indexPost){return _c('PostClassSchool',{key:indexPost,attrs:{\"item\":post,\"isEdit\":_vm.isEdit},on:{\"handleEditPost\":_vm.handleEditPost,\"handleDeletePost\":_vm.handleDeletePost,\"handleAddDocument\":_vm.handleAddDocument},scopedSlots:_vm._u([{key:\"document\",fn:function(){return _vm._l((post.listDocumentClassSchool),function(document,indexDocument){return _c('DocumentClassSchool',{key:indexDocument,attrs:{\"item\":document,\"isEdit\":_vm.isEdit},on:{\"handleEditDocument\":_vm.handleEditDocument,\"handleViewDocument\":_vm.handleViewDocument,\"handleDeleteDocument\":_vm.handleDeleteDocument}})})},proxy:true}],null,true)})}),1)],1)]},proxy:true}],null,true)})}),1):_c('div',{staticClass:\"text-center\"},[_vm._v(\"Bài giảng chưa có nội dung\")]),(_vm.isOpenModalCreateUpdateChapter)?_c('ModalCreateUpdateChapter',{attrs:{\"type\":_vm.paramQueryData.type,\"chapterId\":_vm.chapterClassSchoolIdCurrent},on:{\"closeModal\":_vm.closeModalCreateUpdateChapter,\"handleDone\":_vm.handleDone}}):_vm._e(),(_vm.isOpenModalDeleteChapter)?_c('ModalDeleteChapter',{attrs:{\"chapterId\":_vm.chapterClassSchoolIdCurrent},on:{\"handleDeleteDone\":_vm.handleDeleteDone,\"closeModal\":_vm.closeModalDeleteChapter}}):_vm._e(),(_vm.isOpenModalCreateUpdatePoster)?_c('ModalCreateUpdatePost',{attrs:{\"chapterId\":_vm.chapterClassSchoolIdCurrent,\"posterId\":_vm.posterClassSchoolIdCurrent},on:{\"closeModal\":_vm.closeModalCreateUpdatePoster,\"handleDone\":_vm.handleDonePoster}}):_vm._e(),(_vm.isOpenModalDeletePost)?_c('ModalDeletePost',{attrs:{\"posterId\":_vm.posterClassSchoolIdCurrent},on:{\"handleDeleteDone\":_vm.handleDeletePostDone,\"closeModal\":_vm.closeModalDeletePost}}):_vm._e(),(_vm.isOpenModalCreateUpdateDocument)?_c('ModalCreateUpdateDocument',{attrs:{\"chapterId\":_vm.chapterClassSchoolIdCurrent,\"postId\":_vm.posterClassSchoolIdCurrent,\"documentId\":_vm.documentClassSchoolIdCurrent},on:{\"handleDoneModalPrepareQuestions\":_vm.handleDoneModalPrepareQuestions,\"handleShowModalLectureLibrary\":_vm.handleShowModalLectureLibrary,\"closeModal\":_vm.closeModalCreateUpdateDocument,\"handleDone\":_vm.handleDoneDocument}}):_vm._e(),(_vm.isOpenModalDeleteDocument)?_c('ModalDeleteDocument',{attrs:{\"documentId\":_vm.documentClassSchoolIdCurrent},on:{\"handleDeleteDone\":_vm.handleDeleteDocumentDone,\"closeModal\":_vm.closeModalDeleteDocument}}):_vm._e(),(_vm.isShowModalCreateUpdatePrepareQuestions)?_c('ModalCreateUpdatePrepareQuestions',{attrs:{\"documentName\":_vm.documentNameCurrent,\"documentId\":_vm.documentClassSchoolIdCurrent},on:{\"closeModal\":_vm.closeModalPrepareQuestions,\"handleDone\":_vm.handleDonePrepareQuestions}}):_vm._e(),(_vm.isOpenModalViewDocument)?_c('ModalViewDocument',{attrs:{\"item\":_vm.itemSelected},on:{\"closeModal\":_vm.closeModalViewDocument}}):_vm._e(),(_vm.isOpenModalLectureLibrary)?_c('ModalLectureLibrary',{attrs:{\"form\":_vm.dataDocumment},on:{\"handleDone\":_vm.handleDoneModalLectureLibrary,\"closeModal\":_vm.closeModalLectureLibrary}}):_vm._e()],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('b-modal',{ref:\"modal-create-update-class-school\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tên chương:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên chương\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên chương\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabled}},[_vm._v(\"\\n                        \"+_vm._s(_vm.chapterId > 0 ? 'Cập nhật' : 'Thêm mới')+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-update-class-school\"\r\n            @hidden=\"resetModal\">\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                </h4>\r\n                <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Tên chương:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên chương\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.name.required && submitted\">\r\n                                    Vui lòng nhập tên chương\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isDisabled\">\r\n                            {{ chapterId > 0 ? 'Cập nhật' : 'Thêm mới' }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required } from 'vuelidate/lib/validators';\r\nimport { saveChapterClassSchool,getDetail } from './../../../_api/chapterClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        type: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabled:false,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId:0,\r\n                name: ''\r\n            }\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.chapterId==0?'Tạo chương':'Cập nhật chương'\r\n        }\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        if(this.chapterId >0){\r\n            //get detail\r\n            this.getDetailChapterClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        getDetailChapterClassSchool(){\r\n            let self = this\r\n            getDetail(this.chapterId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.form = {\r\n                        id:res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        name: res.data.name,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleSave() {\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                self.isDisabled = true\r\n                saveChapterClassSchool(this.form).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        if (this.form.id > 0) {\r\n                            self.$toast.success('Cập nhật chương thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới chương thành công')\r\n                        }\r\n\r\n                        self.handleDone()\r\n                    }\r\n                    self.isDisabled = false\r\n                })\r\n            }\r\n        },\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                name: ''\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-class-school'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-class-school'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-class-school'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n.justity-content-center {\r\n    justify-content: center\r\n}\r\n.cg-1 {\r\n    column-gap: 1rem;\r\n}\r\n</style>\r\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!./ModalCreateUpdateChapter.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!./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdateChapter.vue?vue&type=template&id=55b91b80&\"\nimport script from \"./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdateChapter.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","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"indented margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left\"},[_c('div',{staticClass:\"wrap-name-item display-flex justify-content-space-between\",on:{\"click\":_vm.handleToggerCollapse}},[(_vm.item.listPostClassSchool.length > 0)?_c('img',{staticClass:\"icon-down-arrow\",attrs:{\"src\":require(\"@/assets/img/down-arrow.png\")}}):_vm._e(),_vm._v(\"\\n                     \\n                \"),_c('h5',{staticClass:\"name-chapter\"},[_vm._v(_vm._s(_vm.item.name))])])]),_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1 btn-add-post\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleAddPost}},[_vm._v(\"\\n                Thêm bài\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleEditChapter}},[_vm._v(\"\\n                Sửa tên chương\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDeleteChapter}},[_vm._v(\"\\n                Xóa chương\\n            \")]):_vm._e()])]),_vm._t(\"post\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"indented margin-top-10\">\r\n        <div class=\"display-flex justify-content-space-between\">\r\n            <div class=\"wrap-left\">\r\n                <div @click=\"handleToggerCollapse\" class=\"wrap-name-item display-flex justify-content-space-between\">\r\n                    <img v-if=\"item.listPostClassSchool.length > 0\" class=\"icon-down-arrow\"\r\n                        src=\"@/assets/img/down-arrow.png\" />\r\n                    &nbsp; &nbsp; &nbsp;\r\n                    <h5 class=\"name-chapter\">{{ item.name }}</h5>\r\n\r\n                </div>\r\n            </div>\r\n            <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                <button type=\"button\" @click=\"handleAddPost\"\r\n                    class=\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1 btn-add-post\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Thêm bài\r\n                </button>\r\n                <button type=\"button\" @click=\"handleEditChapter\"\r\n                    class=\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Sửa tên chương\r\n                </button>\r\n                <button type=\"button\" @click=\"handleDeleteChapter\"\r\n                    class=\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Xóa chương\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <slot name=\"post\">\r\n        </slot>\r\n\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            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false\r\n        }\r\n    },\r\n    methods: {\r\n        handleToggerCollapse(item) {\r\n            this.$emit('handleToggerCollapse', this.item)\r\n        },\r\n        handleAddPost() {\r\n            this.$emit('handleAddPost', this.item)\r\n        },\r\n        handleEditChapter() {\r\n            this.$emit('handleEditChapter', this.item)\r\n        },\r\n        handleDeleteChapter() {\r\n            this.$emit('handleDeleteChapter', 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}\r\n\r\n.icon-down-arrow {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.name-chapter {\r\n    color: #626262;\r\n}\r\n\r\n.btn-delete {\r\n    background-color: red;\r\n    color: white;\r\n    margin-left: 5px;\r\n}\r\n\r\n.btn-edit {\r\n    background-color: #7ea8c7;\r\n    color: rgb(70, 69, 69);\r\n    margin-left: 5px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.indented {\r\n    margin-left: 20px;\r\n    /* Đặt giá trị thụt cách tùy ý */\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!./ChapterClassSchool.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!./ChapterClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChapterClassSchool.vue?vue&type=template&id=be8e9774&scoped=true&\"\nimport script from \"./ChapterClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./ChapterClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChapterClassSchool.vue?vue&type=style&index=0&id=be8e9774&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  \"be8e9774\",\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:\"indented margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left\"},[_c('h6',[_c('strong',[_vm._v(_vm._s(_vm.item.name))])])]),_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleAddDocument}},[_vm._v(\"\\n                Thêm bài giảng\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleEditPost}},[_vm._v(\"\\n                Sửa tên bài\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDeletePost}},[_vm._v(\"\\n                Xóa bài\\n            \")]):_vm._e()])]),_vm._t(\"document\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"indented margin-top-10\">\r\n        <div class=\"display-flex justify-content-space-between\">\r\n            <div class=\"wrap-left\">\r\n                <h6><strong>{{ item.name }}</strong></h6>\r\n            </div>\r\n            <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                <button type=\"button\" @click=\"handleAddDocument\"\r\n                    class=\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Thêm bài giảng\r\n                </button>\r\n                <button type=\"button\" @click=\"handleEditPost\"\r\n                    class=\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Sửa tên bài\r\n                </button>\r\n                <button type=\"button\" @click=\"handleDeletePost\"\r\n                    class=\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Xóa bài\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <slot name=\"document\">\r\n        </slot>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false\r\n        }\r\n    },\r\n    methods: {\r\n        handleAddDocument() {\r\n            this.$emit('handleAddDocument', this.item)\r\n        },\r\n        handleEditPost() {\r\n            this.$emit('handleEditPost', this.item)\r\n        },\r\n        handleDeletePost() {\r\n            this.$emit('handleDeletePost', this.item)\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.btn-delete {\r\n    background-color: red;\r\n    color: white;\r\n    margin-left: 5px;\r\n}\r\n\r\n.btn-edit {\r\n    background-color: #7ea8c7;\r\n    color: rgb(70, 69, 69);\r\n    margin-left: 5px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.indented {\r\n    margin-left: 20px;\r\n    /* Đặt giá trị thụt cách tùy ý */\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!./PostClassSchool.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!./PostClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PostClassSchool.vue?vue&type=template&id=a0589dce&scoped=true&\"\nimport script from \"./PostClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./PostClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PostClassSchool.vue?vue&type=style&index=0&id=a0589dce&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  \"a0589dce\",\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('b-modal',{ref:\"modal-delete-chapter\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-chapter__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa chương\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa chương này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-chapter\">\r\n            <div class=\"modal-delete-chapter__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa chương\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa chương này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deleteChapterClassSchool } from './../../../_api/chapterClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDeleteClassSchool\",\r\n    props: {\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deleteChapterClassSchool(this.chapterId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa chương thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-chapter'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-chapter__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\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!./ModalDeleteChapter.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!./ModalDeleteChapter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeleteChapter.vue?vue&type=template&id=3be13ab5&scoped=true&\"\nimport script from \"./ModalDeleteChapter.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeleteChapter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeleteChapter.vue?vue&type=style&index=0&id=3be13ab5&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  \"3be13ab5\",\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('b-modal',{ref:\"modal-create-update-post\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tạo bài:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên bài\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabledButton}},[_vm._v(\"\\n                        \"+_vm._s(_vm.posterId > 0 ? 'Cập nhật' : 'Thêm mới')+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const savePostClassSchool = params => {\r\n    let apiEndpoint = `PostClassSchool/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 listPostClassSchool = params => {\r\n    let apiEndpoint = `PostClassSchool/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 = `PostClassSchool/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 deletePostClassSchool = id => {\r\n    let apiEndpoint = `PostClassSchool/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","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-update-post\"\r\n            @hidden=\"resetModal\">\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                </h4>\r\n                <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Tạo bài:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên bài\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.name.required && submitted\">\r\n                                    Vui lòng nhập tên bài\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isDisabledButton\">\r\n                            {{ posterId > 0 ? 'Cập nhật' : 'Thêm mới' }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required } from 'vuelidate/lib/validators';\r\nimport { savePostClassSchool,getDetail } from './../../../_api/postClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        posterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabledButton:false,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId:0,\r\n                chapterId:0,\r\n                name: '',\r\n            }\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.posterId==0?'Tạo bài':'Cập nhật bài'\r\n        }\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        this.form.chapterId = this.chapterId\r\n        if(this.posterId >0){\r\n            //get detail\r\n            this.getDetailPostClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        getDetailPostClassSchool(){\r\n            let self = this\r\n            getDetail(this.posterId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.form = {\r\n                        id:res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        name: res.data.name,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleSave() {\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                self.isDisabledButton = true\r\n                savePostClassSchool(this.form).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        if (this.form.id > 0) {\r\n                            self.$toast.success('Cập nhật bài thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới bài thành công')\r\n                        }\r\n\r\n                        self.handleDone()\r\n                    }\r\n                    self.isDisabledButton = false\r\n                })\r\n            }\r\n        },\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                name: ''\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-post'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-post'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-post'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n.justify-content-center {\r\n    justify-content: center\r\n}\r\n</style>\r\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!./ModalCreateUpdatePost.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!./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdatePost.vue?vue&type=template&id=1ddb3ca0&scoped=true&\"\nimport script from \"./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdatePost.vue?vue&type=style&index=0&id=1ddb3ca0&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  \"1ddb3ca0\",\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('b-modal',{ref:\"modal-delete-poster\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-poster__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa bài\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa bài này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-poster\">\r\n            <div class=\"modal-delete-poster__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa bài\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa bài này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deletePostClassSchool } from './../../../_api/postClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDeleteClassSchool\",\r\n    props: {\r\n        posterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deletePostClassSchool(this.posterId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa bài thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-poster'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-poster__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\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!./ModalDeletePost.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!./ModalDeletePost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeletePost.vue?vue&type=template&id=3c118577&scoped=true&\"\nimport script from \"./ModalDeletePost.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeletePost.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeletePost.vue?vue&type=style&index=0&id=3c118577&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  \"3c118577\",\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('b-modal',{ref:\"modal-create-update-class-school\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tên bài giảng:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài giảng\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên bài giảng\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block display-flex\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Loại bài giảng:\")]),_c('div',{staticClass:\"wrap-input\"},[_c('b-form-select',{attrs:{\"options\":_vm.listTypeDocument},on:{\"change\":_vm.handleOnChangeTypeDocument},model:{value:(_vm.form.typeDocument),callback:function ($$v) {_vm.$set(_vm.form, \"typeDocument\", $$v)},expression:\"form.typeDocument\"}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Chọn để tiếp tục\")])]),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                    Vui lòng nhập loại bài giảng\\n                                \")]):_vm._e()],1)])])]),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"hidden\":\"\",\"type\":\"file\",\"name\":\"file\",\"id\":\"fileInputUpload\",\"accept\":\".pptx,.docx,.xlsx,.pdf,.h5p\"},on:{\"change\":_vm.onChangeUploadFile}}),(!(_vm.form.file || _vm.form.fileName) && (_vm.form.typeDocument == _vm.TYPE_H5P || _vm.form.typeDocument == _vm.TYPE_DOCUMENT))?_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('div',{staticClass:\"wrap-upload-file display-flex justify-content-space-between\",class:_vm.isDragging ? 'upload-drag' : '',on:{\"dragover\":_vm.dragoverUploadFile,\"dragleave\":_vm.dragleaveUploadFile,\"drop\":_vm.dropUploadFile}},[_c('div',{staticClass:\"upload-file-left\"},[_c('img',{staticClass:\"icon-upload\",attrs:{\"src\":require(\"@/assets/img/upload.png\")}})]),_c('div',{staticClass:\"upload-file-center\"},[_c('div',[_c('strong',[_vm._v(\"Thêm hoặc kéo thả\")])]),_c('div',[_vm._v(\"\\n                                        Hỗ trợ các định dạng .pptx, .docx, .xlsx, .pdf\\n                                    \")]),_c('div',[_vm._v(\"\\n                                        Mỗi lần chỉ tải 1 file, dung lượng file không vượt quá 15MB\\n                                    \")])]),_c('div',{staticClass:\"upload-file-right\"},[_c('button',{staticClass:\"btn btn-upload border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.onUploadFile}},[_vm._v(\"\\n                                        CHỌN FILE\\n                                    \")])])]),(!_vm.$v.form.fileName.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng chọn file tài liệu\\n                            \")]):_vm._e()]):((_vm.form.file || _vm.form.fileName) && (_vm.form.typeDocument == _vm.TYPE_H5P || _vm.form.typeDocument == _vm.TYPE_DOCUMENT))?_c('div',{staticClass:\"display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"File bài giảng:\")]),_c('div',{staticClass:\"wrap-file-data display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left display-flex\"},[_c('img',{staticClass:\"icon-photo\",attrs:{\"src\":require(\"@/assets/img/photo.png\")}}),_c('div',{staticClass:\"name-file\"},[_vm._v(\"\\n                                        \"+_vm._s(_vm.form.file ? _vm.form.file.name : _vm.form.fileName)+\"\\n                                    \")])]),_c('div',{staticClass:\"wrap-right display-flex\"},[_c('div',{staticClass:\"size-file\"},[_vm._v(_vm._s(_vm.formatSizeFile(_vm.form.sizeFile)))]),_c('img',{staticClass:\"btn-delete\",attrs:{\"src\":require(\"@/assets/img/icon-close.png\")},on:{\"click\":_vm.handleOnRemoveFile}})])])]):_vm._e()])]),(_vm.form.typeDocument == _vm.FILE_YOUTUBE || _vm.form.typeDocument == _vm.FILE_CANVA || _vm.form.typeDocument == _vm.FILE_LINK)?_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"path\"}},[_vm._v(\"Link tài liệu:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.link),expression:\"form.link\"}],staticClass:\"form-control\",attrs:{\"id\":\"path\",\"type\":\"text\",\"placeholder\":\"link tài liệu\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.form.link)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"link\", $event.target.value)}}}),(!_vm.$v.form.link.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập link tài liệu\\n                            \")]):_vm._e()])])]):_vm._e(),(_vm.form.typeDocument == _vm.TYPE_TEST)?_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Sau khi cập nhật, cần tạo câu hỏi cho bài kiểm tra\")])])])]):_vm._e(),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{on:{\"click\":function($event){_vm.isOpenModalView = true}}},[_vm._v(\"Hướng dẫn tạo bài giảng\")]),(_vm.isOpenModalView)?_c('ModalViewInformation',{on:{\"closeModal\":function($event){_vm.isOpenModalView = false}}}):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isLoading || _vm.form.typeDocument == ''}},[_vm._v(\"\\n                        \"+_vm._s(_vm.getNameCommit)+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveDocumentClassSchool = params => {\r\n    let apiEndpoint = `DocumentClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params, {\r\n        headers: { 'Content-Type': 'multipart/form-data' }\r\n    }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const saveDocument = params => {\r\n    let apiEndpoint = `DocumentClassSchool/CreateDocument`;\r\n    return HttpService.post(apiEndpoint, params, {\r\n        headers: { 'Content-Type': 'multipart/form-data' }\r\n    }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listDocumentClassSchool = params => {\r\n    let apiEndpoint = `DocumentClassSchool/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 = `DocumentClassSchool/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 deleteDocumentClassSchool = id => {\r\n    let apiEndpoint = `DocumentClassSchool/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\r\nexport const updateNameDocument = params => {\r\n    let apiEndpoint = `DocumentClassSchool/update-name`;\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 getListBookLessonPlan = params => {\r\n    let apiEndpoint = `DocumentClassSchool/GetListBookLessonPlan`;\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\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-view-lesson\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-lesson__body container wrap-form-create-update-chapter\"},[_c('div',{staticClass:\"modal__actions text-right\"},[_c('h4',[_c('strong',[_vm._v(\"Trợ giúp\")])]),_c('img',{staticClass:\"icon-delete btn-close custom-cursor\",attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),_c('div',{staticClass:\"modal__contents\"},[_c('p',[_vm._v(\"Hướng dẫn sử dụng chức năng\")]),_c('video',{attrs:{\"width\":\"320\",\"height\":\"240\",\"controls\":\"\"}},[_c('source',{attrs:{\"src\":\"https://www.youtube.com/watch?v=jyoFEA0o1XQ\",\"type\":\"\"}}),_vm._v(\"\\n                    Your browser does not support the video tag.\\n                \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-view-lesson\">\r\n            <div class=\"modal-delete-lesson__body container wrap-form-create-update-chapter\">\r\n                <!-- <h4>\r\n                    <strong>\r\n                        Xóa {{ getNameType }}\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa {{ getNameType }} này không? <br />\r\n                </p> -->\r\n                <div class=\"modal__actions text-right\">\r\n                    <h4><strong>Trợ giúp</strong></h4>\r\n                    <img class=\"icon-delete btn-close custom-cursor\" src=\"@/assets/img/x.png\"\r\n                        @click=\"handleHideModal\" />\r\n                    <!-- <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\"></a> -->\r\n                    <!-- <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a> -->\r\n                </div>\r\n\r\n                <div class=\"modal__contents\">\r\n\r\n                    <p>Hướng dẫn sử dụng chức năng</p>\r\n                    <video width=\"320\" height=\"240\" controls>\r\n                        <source src=\"https://www.youtube.com/watch?v=jyoFEA0o1XQ\" type=\"\">\r\n                        Your browser does not support the video tag.\r\n                    </video>\r\n                    <!-- <iframe width=\"420\" height=\"345\" src=\"https://www.youtube.com/watch?v=jyoFEA0o1XQ\">\r\n                    </iframe> -->\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ModalViewInformation\",\r\n    mounted() {\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-view-lesson'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/* .btn-cancel {\r\n    color: black;\r\n    background-color: red;\r\n    border-radius: 50%;\r\n    \r\n} */\r\n\r\n.btn-close {\r\n    width: 10px;\r\n}\r\n\r\n.custom-cursor {\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!./ModalViewInformation.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!./ModalViewInformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalViewInformation.vue?vue&type=template&id=d845a594&scoped=true&\"\nimport script from \"./ModalViewInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalViewInformation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalViewInformation.vue?vue&type=style&index=0&id=d845a594&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  \"d845a594\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-update-class-school\"\r\n            @hidden=\"resetModal\">\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                </h4>\r\n                <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Tên bài giảng:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên bài giảng\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.name.required && submitted\">\r\n                                    Vui lòng nhập tên bài giảng\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block display-flex\">\r\n                                <label for=\"name\">Loại bài giảng:</label>\r\n                                <div class=\"wrap-input\">\r\n                                    <b-form-select @change=\"handleOnChangeTypeDocument\" v-model=\"form.typeDocument\"\r\n                                        :options=\"listTypeDocument\" class=\"\">\r\n                                        <option value=\"\">Chọn để tiếp tục</option>\r\n                                    </b-form-select>\r\n                                    <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                        v-if=\"!$v.form.name.required && submitted\">\r\n                                        Vui lòng nhập loại bài giảng\r\n                                    </span>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <input hidden type=\"file\" name=\"file\" id=\"fileInputUpload\" class=\"hidden-input\"\r\n                                @change=\"onChangeUploadFile\" ref=\"file\" accept=\".pptx,.docx,.xlsx,.pdf,.h5p\" />\r\n                            <div v-if=\"!(form.file || form.fileName) && (form.typeDocument == TYPE_H5P || form.typeDocument == TYPE_DOCUMENT)\"\r\n                                class=\"login-modal__form__item display-block\">\r\n                                <div @dragover=\"dragoverUploadFile\" @dragleave=\"dragleaveUploadFile\"\r\n                                    @drop=\"dropUploadFile\"\r\n                                    class=\"wrap-upload-file display-flex justify-content-space-between\"\r\n                                    :class=\"isDragging ? 'upload-drag' : ''\">\r\n                                    <div class=\"upload-file-left\">\r\n                                        <img class=\"icon-upload\" src=\"@/assets/img/upload.png\" />\r\n                                    </div>\r\n                                    <div class=\"upload-file-center\">\r\n                                        <div><strong>Thêm hoặc kéo thả</strong></div>\r\n                                        <div>\r\n                                            Hỗ trợ các định dạng .pptx, .docx, .xlsx, .pdf\r\n                                        </div>\r\n                                        <div>\r\n                                            Mỗi lần chỉ tải 1 file, dung lượng file không vượt quá 15MB\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"upload-file-right\">\r\n                                        <button @click=\"onUploadFile\" type=\"button\"\r\n                                            class=\"btn btn-upload border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\">\r\n                                            CHỌN FILE\r\n                                        </button>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.fileName.required && submitted\">\r\n                                    Vui lòng chọn file tài liệu\r\n                                </span>\r\n                            </div>\r\n\r\n                            <div v-else-if=\"(form.file || form.fileName) && (form.typeDocument == TYPE_H5P || form.typeDocument == TYPE_DOCUMENT)\"\r\n                                class=\"display-block\">\r\n                                <label for=\"name\">File bài giảng:</label>\r\n                                <div class=\"wrap-file-data display-flex justify-content-space-between\">\r\n\r\n                                    <div class=\"wrap-left display-flex\">\r\n                                        <img class=\"icon-photo\" src=\"@/assets/img/photo.png\" />\r\n                                        <div class=\"name-file\">\r\n                                            {{ form.file ? form.file.name : form.fileName }}\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"wrap-right display-flex\">\r\n                                        <div class=\"size-file\">{{ formatSizeFile(form.sizeFile) }}</div>\r\n                                        <img @click=\"handleOnRemoveFile\" class=\"btn-delete\"\r\n                                            src=\"@/assets/img/icon-close.png\" />\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"form.typeDocument == FILE_YOUTUBE || form.typeDocument == FILE_CANVA || form.typeDocument == FILE_LINK\"\r\n                        class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"path\">Link tài liệu:</label>\r\n                                <input id=\"path\" v-model=\"form.link\" type=\"text\" placeholder=\"link tài liệu\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.link.required && submitted\">\r\n                                    Vui lòng nhập link tài liệu\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"form.typeDocument == TYPE_TEST\" class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Sau khi cập nhật, cần tạo câu hỏi cho bài kiểm tra</label>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label @click=\"isOpenModalView = true\">Hướng dẫn tạo bài giảng</label>\r\n                                <ModalViewInformation @closeModal=\"isOpenModalView = false\" v-if=\"isOpenModalView\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading || form.typeDocument == ''\">\r\n                            {{ getNameCommit }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required, requiredIf } from 'vuelidate/lib/validators';\r\nimport { saveDocumentClassSchool, getDetail } from './../../../_api/documentClassSchoolServices'\r\nimport { TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,REFERENCE_LECTURE } from './../../../constants/constants_enum'\r\nimport ModalViewInformation from '../ModalViewInformation.vue';\r\n\r\n\r\nexport default {\r\n    components: {\r\n        ModalViewInformation\r\n    },\r\n    props: {\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        postId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        documentId: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                chapterId: 0,\r\n                postId: 0,\r\n                name: '',\r\n                typeDocument: '',\r\n                fileName: '',\r\n                pathFile: '',\r\n                link: '',\r\n                sizeFile: 0,\r\n                file: null, //lưu trữ file upload\r\n            },\r\n            isOpenModalView: false,\r\n            isDragging: false,\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n            REFERENCE_LECTURE,\r\n            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: REFERENCE_LECTURE, text: 'Bài giảng tham khảo lấy từ thư viện' },\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        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n                typeDocument: {\r\n                    required\r\n                },\r\n                fileName: { required: requiredIf(() => (this.form.typeDocument == TYPE_H5P || this.form.typeDocument == TYPE_DOCUMENT)) },\r\n                link: { required: requiredIf(() => (this.form.typeDocument == FILE_LINK || this.form.typeDocument == FILE_CANVA || this.form.typeDocument == FILE_YOUTUBE)) }\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.documentId == 0 ? 'Thêm bài giảng' : 'Cập nhật bài giảng'\r\n        },\r\n        getNameCommit() {\r\n            return this.form.typeDocument == TYPE_TEST ? 'Tiếp tục' : (this.documentId > 0 ? 'Cập nhật' : 'Thêm mới')\r\n        },\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        this.form.chapterId = this.chapterId\r\n        this.form.postId = this.postId\r\n        if (this.documentId > 0) {\r\n            //get detail\r\n            this.getDetailDocumentClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        getDetailQuestion() {\r\n            let self = this\r\n            getDetail(this.documentId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    this.form = {\r\n                        id: res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        topicName: res.data.topicName, // tên đề bài\r\n\r\n                        //sizeImage: 1, // kích cỡ ảnh\r\n                        withSize: res.data.withSize,\r\n                        heightSize: res.data.heightSize,\r\n                        fileQuestion: {\r\n                            fileData: null,\r\n                            url: res.data.path ? `${this.cdnUrl}${res.data.path}` : '',\r\n                        },\r\n                        content: res.data.content,\r\n                        listAnswer: []\r\n                    }\r\n                    //set data cho sizeImage\r\n                    for (let i = 0; i < this.question_img_size.length; i++) {\r\n                        const item = this.question_img_size[i];\r\n                        if (item.text == `${this.form.withSize}x${this.form.heightSize}`) {\r\n                            this.form.sizeImage = item.value\r\n                            break\r\n                        }\r\n                    }\r\n                    if (res.data.listLessonAnswerClassSchoolModels.length == 0) {\r\n                        this.form.listAnswer.push(this.answerDefault())\r\n                    }\r\n\r\n                    for (let i = 0; i < res.data.listLessonAnswerClassSchoolModels.length; i++) {\r\n                        const item = res.data.listLessonAnswerClassSchoolModels[i];\r\n                        this.form.listAnswer.push({\r\n                            id: item.id,\r\n                            idClient: this.generateUUID(),\r\n                            isTrue: item.isTrue,\r\n                            content: item.content,\r\n                            fileAnswer: {\r\n                                fileData: null,\r\n                                url: item.path ? `${this.cdnUrl}${item.path}` : '',\r\n                            },\r\n                        })\r\n                    }\r\n\r\n\r\n                }\r\n            })\r\n        },\r\n        handleOnChangeTypeDocument() {\r\n            this.handleOnRemoveFile()\r\n            this.form.link = ''\r\n        },\r\n        handleOnRemoveFile() {\r\n            this.$refs.file.value = '';\r\n            this.form.file = null\r\n            this.form.pathFile = ''\r\n            this.form.fileName = ''\r\n            console.log('clear')\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        onUploadFile() {\r\n            this.$refs.file.click()\r\n        },\r\n        onChangeUploadFile() {\r\n            const const_term = 1024;\r\n            const listTypeDocument = ['pptx', 'docx', 'xlsx', 'pdf', 'h5p']\r\n            var checkType = false\r\n            if (this.$refs.file.files[0].size / const_term ** 2 <= 15) {\r\n                for (let i = 0; i < listTypeDocument.length; i++) {\r\n                    if (this.$refs.file.files[0].name.split(\".\").pop() == listTypeDocument[i]) {\r\n                        this.form.file = this.$refs.file.files[0]\r\n                        this.form.sizeFile = this.form.file.size\r\n                        this.form.fileName = this.form.file.name\r\n                        // console.log(this.$refs.file.files[0].size)\r\n                        checkType = true\r\n                    }\r\n                }\r\n                if (!checkType) {\r\n                    this.$toast.error('Chỉ hỗ trợ các định dạng .docx, .pptx, .pdf, .xlsx')\r\n                }\r\n            } else {\r\n                this.$toast.error('Upload file có dung lượng không quá 15MB')\r\n            }\r\n\r\n        },\r\n        dropUploadFile(e) {\r\n            e.preventDefault();\r\n            this.$refs.file.files = e.dataTransfer.files;\r\n            this.onChangeUploadFile();\r\n            this.isDragging = false;\r\n        },\r\n        dragoverUploadFile(e) {\r\n            e.preventDefault();\r\n            this.isDragging = true;\r\n        },\r\n        dragleaveUploadFile() {\r\n            this.isDragging = false;\r\n        },\r\n        getDetailDocumentClassSchool() {\r\n            // form: {\r\n            //     id: 0,\r\n            //     lessonClassSchoolId: 0,\r\n            //     chapterId: 0,\r\n            //     postId: 0,\r\n            //     name: '',\r\n            //     typeDocument: '',\r\n            //     path: '',\r\n            //     file:null//lưu trữ file upload\r\n            // },\r\n            let self = this\r\n            getDetail(this.documentId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n\r\n                    self.form = {\r\n                        id: res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        chapterId: res.data.chapterId,\r\n                        postId: res.data.postId,\r\n                        name: res.data.name,\r\n                        typeDocument: res.data.typeDocument,\r\n                        sizeFile: res.data.sizeFile,\r\n                        fileName: res.data.fileName\r\n                    }\r\n                    if (self.form.typeDocument == TYPE_H5P || res.data.typeDocument == TYPE_DOCUMENT) {\r\n                        self.form.pathFile = res.data.path\r\n                    }\r\n                    else {\r\n                        self.form.link = res.data.path\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleSave() {\r\n            // form: {\r\n            //     id: 0,\r\n            //     lessonClassSchoolId: 0,\r\n            //     chapterId: 0,\r\n            //     postId: 0,\r\n            //     name: '',\r\n            //     typeDocument: '',\r\n            //     path: '',\r\n            //     file:null//lưu trữ file upload\r\n            // },\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n\r\n                \r\n                const formData = new FormData();\r\n                formData.append('id', this.form.id);\r\n                formData.append('lessonClassSchoolId', this.form.lessonClassSchoolId);\r\n                formData.append('chapterId', this.form.chapterId);\r\n                formData.append('postId', this.form.postId);\r\n                formData.append('name', this.form.name);\r\n                formData.append('typeDocument', this.form.typeDocument);\r\n                formData.append('sizeFile', this.form.sizeFile);\r\n\r\n                if (this.form.typeDocument == TYPE_H5P || this.form.typeDocument == TYPE_DOCUMENT) {\r\n                    formData.append('path', this.form.pathFile);\r\n                }\r\n                else {\r\n                    formData.append('path', this.form.link);\r\n                }\r\n                formData.append('fileName', this.form.fileName);\r\n                if (this.form.file) {\r\n                    formData.append('sizeFile', this.form.sizeFile);\r\n                }\r\n                formData.append('file', this.form.file);\r\n                if(self.form.typeDocument == REFERENCE_LECTURE){\r\n                    this.$emit('handleShowModalLectureLibrary',this.form)\r\n                    return\r\n                }\r\n                saveDocumentClassSchool(formData).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        if (this.form.id > 0) {\r\n                            self.$toast.success('Cập nhật bài giảng thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới bài giảng thành công')\r\n                        }\r\n                        if (self.form.typeDocument == TYPE_TEST) {\r\n                            console.log(res.data)\r\n                            self.handleDoneModalPrepareQuestions(res.data.id, res.data.name)\r\n                        }\r\n                        else {\r\n                            self.handleDone()\r\n                        }\r\n\r\n\r\n                    }\r\n                })\r\n            }\r\n        },\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                chapterId: 0,\r\n                postId: 0,\r\n                name: '',\r\n                typeDocument: '',\r\n                fileName: '',\r\n                path: '',\r\n                sizeFile: 0,\r\n                file: null//lưu trữ file upload\r\n            }\r\n        },\r\n        handleDoneModalPrepareQuestions(id, name) {\r\n            this.handleHideModal()\r\n            let params = {\r\n                id: id,\r\n                name: name\r\n            }\r\n            this.$emit('handleDoneModalPrepareQuestions', params)\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-class-school'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-class-school'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-class-school'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.upload-drag {\r\n    border: 2px dashed #46b5e1 !important;\r\n    opacity: 0.5;\r\n}\r\n\r\n.wrap-file-data {\r\n    .wrap-left {\r\n        .name-file {\r\n            max-width: 285px;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            margin-left: 5px;\r\n        }\r\n\r\n        .icon-photo {\r\n            width: 30px;\r\n        }\r\n    }\r\n\r\n    .wrap-right {\r\n        .size-file {\r\n            margin-right: 5px;\r\n            color: #7a7777;\r\n        }\r\n\r\n        .btn-delete {\r\n            cursor: pointer;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.wrap-upload-file {\r\n    border: 1px dashed #c8c8c8;\r\n    padding: 10px;\r\n    border-radius: 15px;\r\n\r\n    .upload-file-left {\r\n        min-width: 50px;\r\n\r\n        .icon-upload {\r\n            width: 30px;\r\n        }\r\n    }\r\n\r\n    .upload-file-right {\r\n        .btn-upload {\r\n            background: white;\r\n            border: 2px solid #59b7df;\r\n            color: #59b7df;\r\n            min-width: 110px;\r\n        }\r\n    }\r\n}\r\n\r\n.wrap-input {\r\n    margin-left: 10px;\r\n    width: 75%;\r\n}\r\n\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.justify-content-center {\r\n    justify-content: center\r\n}\r\n</style>\r\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!./ModalCreateUpdateDocument.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!./ModalCreateUpdateDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdateDocument.vue?vue&type=template&id=2efbb50a&scoped=true&\"\nimport script from \"./ModalCreateUpdateDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdateDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdateDocument.vue?vue&type=style&index=0&id=2efbb50a&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  \"2efbb50a\",\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:\"indented margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left\",on:{\"click\":_vm.handleViewDocument}},[_c('h6',[_c('strong',[_vm._v(_vm._s(_vm.item.name))])]),_c('div',[_vm._v(\"(\"+_vm._s(_vm.nameTypeDocument)+\")\")])]),_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleEditDocument}},[_vm._v(\"\\n                Sửa bài giảng\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDeleteDocument}},[_vm._v(\"\\n                Xóa bài giảng\\n            \")]):_vm._e()])]),_vm._t(\"document\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"indented margin-top-10\">\r\n        <div class=\"display-flex justify-content-space-between\">\r\n            <div @click=\"handleViewDocument\" class=\"wrap-left\">\r\n                <h6><strong>{{ item.name }}</strong></h6>\r\n                <div>({{ nameTypeDocument }})</div>\r\n            </div>\r\n            <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                <button type=\"button\" @click=\"handleEditDocument\"\r\n                    class=\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Sửa bài giảng\r\n                </button>\r\n                <button type=\"button\" @click=\"handleDeleteDocument\"\r\n                    class=\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Xóa bài giảng\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <slot name=\"document\">\r\n        </slot>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,REFERENCE_LECTURE } from './../../../constants/constants_enum'\r\nexport default {\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false,\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,REFERENCE_LECTURE,\r\n            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: REFERENCE_LECTURE, text: 'Bài giảng tham khảo lấy từ thư viện' },\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        }\r\n    },\r\n    computed: {\r\n        nameTypeDocument() {\r\n            for (let i = 0; i < this.listTypeDocument.length; i++) {\r\n                const type = this.listTypeDocument[i];\r\n                if (this.item.typeDocument == type.value) {\r\n                    return type.text\r\n                }\r\n            }\r\n            return ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleEditDocument() {\r\n            this.$emit('handleEditDocument', this.item)\r\n        },\r\n        handleDeleteDocument() {\r\n            this.$emit('handleDeleteDocument', this.item)\r\n        },\r\n        handleViewDocument(){\r\n            this.$emit('handleViewDocument', this.item)\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.btn-delete {\r\n    background-color: red;\r\n    color: white;\r\n    margin-left: 5px;\r\n}\r\n\r\n.btn-edit {\r\n    background-color: #7ea8c7;\r\n    color: rgb(70, 69, 69);\r\n    margin-left: 5px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.indented {\r\n    margin-left: 20px;\r\n    /* Đặt giá trị thụt cách tùy ý */\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!./DocumentClassSchool.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!./DocumentClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DocumentClassSchool.vue?vue&type=template&id=367b18e6&scoped=true&\"\nimport script from \"./DocumentClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./DocumentClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DocumentClassSchool.vue?vue&type=style&index=0&id=367b18e6&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  \"367b18e6\",\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('b-modal',{ref:\"modal-delete-document\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-document__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa bài giảng\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa bài giảng này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-document\">\r\n            <div class=\"modal-delete-document__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa bài giảng\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa bài giảng này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deleteDocumentClassSchool } from './../../../_api/documentClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDocumentClassSchool\",\r\n    props: {\r\n        documentId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deleteDocumentClassSchool(this.documentId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa bài giảng thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-document'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-document__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\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!./ModalDeleteDocument.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!./ModalDeleteDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeleteDocument.vue?vue&type=template&id=0099d535&scoped=true&\"\nimport script from \"./ModalDeleteDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeleteDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeleteDocument.vue?vue&type=style&index=0&id=0099d535&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  \"0099d535\",\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('b-modal',{ref:\"modal-create-update-prepare-quesion\",staticClass:\"modal-dialog b-modal-xxl\",attrs:{\"size\":\"xl\",\"id\":\"modal-prepare-question\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('div',{staticClass:\"action_close_modal\"},[_c('img',{staticClass:\"icon-close float-right cursor-pointer\",staticStyle:{\"width\":\"15px\"},attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),(!_vm.isEditNameDocument)?_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))]),_c('div',{staticClass:\"action_change_name float-right\"},[_c('button',{staticClass:\"btn btn-change\",on:{\"click\":_vm.handleEditNameDocument}},[_vm._v(\"Chỉnh sửa tên\")])])]):_c('div',{staticClass:\"display-flex\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"numberLesson\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài giảng\",\"autocomplete\":\"off\"},model:{value:(_vm.nameDocument),callback:function ($$v) {_vm.nameDocument=$$v},expression:\"nameDocument\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCancelEditNameDocument}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-agree font-size-17 btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleUpdateNameDocument()}}},[_vm._v(\"Đồng ý\")])])])]),_c('b-tabs',{attrs:{\"pills\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Soạn câu hỏi\",\"active\":_vm.tabActive == _vm.tabCreateQuestion},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabCreateQuestion)}}},[_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group row\"},[_c('div',{staticClass:\"col-md-12\"},[_vm._v(\"\\n                                Số câu: \"+_vm._s(_vm.listQuestionSave.length)+\"\\n                            \")])]),_c('div',{staticClass:\"row form-group\"},[_c('div',{staticClass:\"col-md-12 col-lg-8 col-xl-6\"},[_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleAddQuestion}},[_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus.png\")}}),_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus-hover.png\")}}),_vm._v(\"\\n                                    Tạo câu hỏi mới\\n                                \")])])]),_vm._l((_vm.listQuestion),function(question,index){return _c('div',{key:index,staticClass:\"pb-3\"},[_c('div',{staticClass:\"justify-content-right\"},[_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"disabled\":_vm.isDisabledButton,\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.saveQuestion(question)}}},[_vm._v(\"\\n                                    Hoàn thành\\n                                \")])]),_c('div',{staticClass:\"row form-group pb-3\"},[_c('div',{staticClass:\"col-md-12 col-lg-3 col-xl-2 display-flex-column rg-1 mb-3\"},[_c('div',{staticClass:\"question-title\"},[_vm._v(\"Câu hỏi: \"+_vm._s(index + 1))]),_c('select',{staticClass:\"custom-select border-rd-10\"},[_c('option',{attrs:{\"value\":\"1\",\"selected\":\"selected\"}},[_vm._v(\"Trắc nghiệm\")])])]),_c('div',{staticClass:\"question-head col-md-12 col-lg-7 col-xl-8 mb-3\"},[_c('div',{staticClass:\"question-head__row\"},[_c('EditorCKNew',{attrs:{\"contentEditor\":question.content,\"position\":index},on:{\"onEditorChange\":_vm.onEditorChangeQuestion}})],1)]),_vm._l((question.listAnswer),function(answer,indexAnswer){return _c('div',{key:indexAnswer,staticClass:\"item display-flex-center justify-content-between item-answer cg-1 col-md-12 mt-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"item__first col-md-12 col-lg-3 col-xl-2\"},[_c('div',{staticClass:\"answer-correct display-flex\"},[_c('b-checkbox',{attrs:{\"id\":'b-answer_' + index + indexAnswer},model:{value:(answer.isTrue),callback:function ($$v) {_vm.$set(answer, \"isTrue\", $$v)},expression:\"answer.isTrue\"}}),_c('label',{staticClass:\"display-flex-column cursor-pointer\",attrs:{\"for\":'b-answer_' + index + indexAnswer}},[_c('strong',[_vm._v(\"Đáp án \"+_vm._s(answer.code))]),_c('span',{staticClass:\"font-size-12 text-subtitle\"},[_vm._v(\"Hãy tích để chọn làm\\n                                                        đáp án đúng\")])])],1)]),_c('div',{staticClass:\"col-md-12 col-lg-7 col-xl-8 display-flex-center cg-1\"},[_c('EdittorCKAnswerNew',{attrs:{\"contentEditor\":answer.content,\"position\":answer.idClient},on:{\"onEditorChange\":_vm.onEditorChangeAnswer}}),_c('div',{staticClass:\"item__img\"},[(answer.fileAnswer.url)?_c('div',{staticClass:\"image-question\"},[_c('img',{style:({ 'width': question.withSize + 'px', 'height': question.heightSize + 'px' }),attrs:{\"src\":answer.fileAnswer.url}}),_c('b-button',{staticClass:\"btn-delete-image-question\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.onDeleteFileAnswer(question, answer)}}},[_c('i',{staticClass:\"anticon anticon-close\",attrs:{\"aria-label\":\"icon: close\"}},[_c('svg',{attrs:{\"viewBox\":\"64 64 896 896\",\"data-icon\":\"close\",\"width\":\"1em\",\"height\":\"1em\",\"fill\":\"currentColor\",\"aria-hidden\":\"true\",\"focusable\":\"false\"}},[_c('path',{attrs:{\"d\":\"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z\"}})])])])],1):_c('div',{staticClass:\"answer-img position-rel\"},[_c('input',{ref:answer.idClient,refInFor:true,attrs:{\"hidden\":\"\",\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":function($event){return _vm.changeImgAnswer($event, question, answer)}}}),_c('b-button',{staticClass:\"btn-select-image-question\",attrs:{\"type\":\"button\",\"icon\":\"upload\"},on:{\"click\":function($event){return _vm.handUploadImageAnswer(answer)}}},[_c('img',{staticClass:\"icon-file\",attrs:{\"src\":require(\"@/assets/img/icon-file.png\"),\"alt\":\"\"}}),_vm._v(\"\\n                                                        Tải ảnh\\n                                                    \")])],1)]),_c('a',{on:{\"click\":function($event){return _vm.onDeleteAnswer(question, answer)}}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M18 6L6 18\",\"stroke\":\"#DC3545\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M6 6L18 18\",\"stroke\":\"#DC3545\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])])],1)])])}),_c('div',{staticClass:\"col-md-12\"},[_c('button',{staticClass:\"border-rd-20 font-size-16 form-30h display-flex-center cg-1 line-height-1 btn-add-answer\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.handleAddAnswer(question)}}},[_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus-hover.png\")}}),_vm._v(\"\\n                                        Thêm mới câu trả lời\\n                                    \")])])],2)])}),_c('div',{staticClass:\"row\"},_vm._l((_vm.listQuestionSave),function(question,index){return _c('div',{key:index,staticClass:\"question-item col-md-12 margin-top-10\"},[_c('div',{staticClass:\"wrap-title-header display-flex justify-content-space-between\"},[_c('div',{staticClass:\"display-flex\"},[_c('strong',[_vm._v(\"Câu hỏi \"+_vm._s(index + 1)+\":\")]),_vm._v(\" \"),_c('strong',{staticClass:\"title-question\",domProps:{\"innerHTML\":_vm._s(question.content)}})]),_c('div',{staticClass:\"display-flex\"},[_c('a',{staticClass:\"item btn btn-main btn-delete-question border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleOnDeleteQuestion(question)}}},[_vm._v(\"\\n                                            Xóa câu hỏi\\n                                        \")]),_vm._v(\"\\n                                         \\n                                        \"),_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleEditQuestion(question)}}},[_vm._v(\"\\n                                            Chỉnh sửa\\n                                        \")])])]),_c('div',{staticClass:\"wrap-list-answer\"},_vm._l((question.listAnswer),function(answer,indexAnswer){return _c('div',{key:indexAnswer,staticClass:\"answer-item\"},[_c('b-form-checkbox',{attrs:{\"checked\":answer.isTrue,\"disabled\":\"\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s((\"<span class='display-flex'>\" + (answer.code) + \".&nbsp;\" + (answer.content) + \"</span>\"))}})])],1)}),0)])}),0),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1 mt-4\"},[_c('button',{staticClass:\"btn btn-outline-primary b-btn-width font-size-16 font-sanpro-semibold\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                                Hủy bỏ\\n                            \")]),_c('button',{staticClass:\"btn btn-primary b-btn-width font-size-16 font-sanpro-semibold\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabledButton}},[_vm._v(\"\\n                                \"+_vm._s(_vm.documentId > 0 ? 'Lưu' : 'Thêm mới')+\"\\n                            \")])])],2)],1),_c('b-tab',{attrs:{\"title\":\"Tạo từ file docx\",\"active\":_vm.tabActive == _vm.tabUploadDocx},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabUploadDocx)}}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row block_upload_file\"},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"hidden\":\"\",\"type\":\"file\",\"name\":\"file\",\"id\":\"fileInputUpload\",\"accept\":\".pptx,.docx,.xlsx,.pdf,.h5p\"},on:{\"change\":_vm.onChangeUploadFile}}),(!(_vm.formWord.file || _vm.formWord.fileName))?_c('div',{staticClass:\"col-md-4 upload-file\",class:_vm.isDragging ? 'upload-drag' : '',on:{\"dragover\":_vm.dragoverUploadFile,\"dragleave\":_vm.dragleaveUploadFile,\"drop\":_vm.dropUploadFile}},[_c('div',{staticClass:\"justify-content-center tittle\"},[_c('div',{on:{\"click\":_vm.onUploadFile}},[_c('h4',[_c('strong',[_vm._v(\"Tải file lên tại đây\")])])])]),_c('div',{staticClass:\"row col-md-5\"},[_c('div',{staticClass:\"text-center block_icon_upload\",on:{\"click\":_vm.onUploadFile}},[_c('img',{staticClass:\"icon-upload\",attrs:{\"src\":require(\"@/assets/img/upload.png\")}})])])]):((_vm.formWord.file || _vm.formWord.fileName))?_c('div',{staticClass:\"col-md-6 upload-file\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"File tài liệu:\")]),_c('div',{staticClass:\"wrap-file-data display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left display-flex\"},[_c('img',{staticClass:\"icon-photo margin-right-10\",attrs:{\"src\":require(\"@/assets/img/photo.png\")}}),_c('div',{staticClass:\"name-file\"},[_vm._v(\"\\n                                            \"+_vm._s(_vm.formWord.file ? _vm.formWord.file.name : _vm.formWord.fileName)+\"\\n                                        \")])]),_c('div',{staticClass:\"wrap-right display-flex\"},[_c('div',{staticClass:\"size-file margin-right-10\"},[_vm._v(_vm._s(_vm.formatSizeFile(_vm.formWord.sizeFile))+\"\\n                                        \")]),_c('img',{staticClass:\"btn-delete\",attrs:{\"src\":require(\"@/assets/img/icon-close.png\")},on:{\"click\":_vm.handleOnRemoveFile}})])])]):_vm._e()])])])],1)],1)]),_c('b-modal',{ref:\"modal-confirm-document-prepare-question\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"container modal-confirm__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Thông tin bài giảng của bạn chưa được lưu. Bạn có chắc chắn muốn thoát?\\n                \")])]),_c('p',{staticClass:\"font-size-17 primary-color-txt font-sanpro-light py-2\"},[_vm._v(\"\\n                Nếu bạn xác nhận thoát, mọi dữ liệu về chỉnh sửa bài bài giảng của bạn sẽ không được lưu trữ\\n            \")]),_c('div',{staticClass:\"modal__actions text-center\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn btn-outline-secondary btn-no mr-3\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModalConfim}},[_vm._v(\"Không\")]),_c('a',{staticClass:\"btn btn-primary font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleConfimModal()}}},[_vm._v(\"Xác nhận\")])])])])],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',{attrs:{\"id\":\"app-cke-answer\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{staticClass:\"b-ckeditor\",attrs:{\"id\":(\"myQuillEditor_answer_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_an_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"Tải lên media\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center editor-modal-media\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\")+\" thông qua\\n          link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"\\n          form-group form-editor-media\\n          position-rel\\n          text-center\\n          display-flex-center\\n          justify-content-center\\n        \"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\"))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video'\n    ? 'video/mp4,video/x-m4v,video/*'\n    : 'audio/*'},on:{\"change\":_vm.uploadMedia}})]),_c('div',{staticClass:\"form-action text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDoneUpload}},[_vm._v(\"\\n          Tải lên\\n        \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app-cke-answer\" @mouseleave=\"mouseLeave\">\r\n    <vue-ckeditor :id=\"`myQuillEditor_answer_${position}`\" class=\"b-ckeditor\" v-model=\"content\" :config=\"config\" @blur=\"onBlur($event)\"\r\n      @focus=\"onFocus($event)\" />\r\n    <b-modal :id=\"`modal_upload_an_${position}`\" hide-footer>\r\n      <template v-slot:modal-title>Tải lên media</template>\r\n      <div class=\"d-block text-center editor-modal-media\">\r\n        <div class=\"form-group\">\r\n          <label class=\"display-block font-weight-bold\">Tải {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }} thông qua\r\n            link</label>\r\n          <input type=\"text\" class=\"form-control full-width\" ref=\"link_media\" />\r\n        </div>\r\n        <p class=\"display-block text-center full-width hr-center position-rel\">\r\n          <span class=\"position-rel\">Hoặc</span>\r\n        </p>\r\n        <div class=\"\r\n            form-group form-editor-media\r\n            position-rel\r\n            text-center\r\n            display-flex-center\r\n            justify-content-center\r\n          \">\r\n          <span class=\"margin-0\">Tải lên {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }}</span>\r\n          <input v-if=\"typeUpload === 'image'\" type=\"file\" name id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\"\r\n            accept=\"image/*\" />\r\n          <input v-else type=\"file\" ref=\"upMedia\" @change=\"uploadMedia\" :accept=\"typeUpload === 'video'\r\n      ? 'video/mp4,video/x-m4v,video/*'\r\n      : 'audio/*'\r\n    \" />\r\n        </div>\r\n        <div class=\"form-action text-right\">\r\n          <button type=\"button\" class=\"btn btn-primary\" @click=\"handleDoneUpload\">\r\n            Tải lên\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueCkeditor from \"vue-ckeditor2\";\r\n// import mixins from '@/helpers/mixins';\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport {\r\n  replaceHtmlMathlive,\r\n  setAlignImgEditor,\r\n  fillBlankEditor,\r\n  convertOldKatexData2Img,\r\n} from \"@/helpers/functions\";\r\nimport { uploadImg } from \"@/store/common/api\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n// import katex from 'katex';\r\n// const imgVideo = require('@/assets/images/video.png')\r\n// const imgAudio = require('@/assets/images/audio.png')\r\n// const imgFx = require('@/assets/images/fx.png')\r\n// const imgDraw = require('@/assets/images/draw.png')\r\n\r\n// Add plugin for editor\r\nif (!CKEDITOR.plugins.get(\"niw_btn_answer\")) {\r\n  CKEDITOR.plugins.add(\"niw_btn_answer\", {\r\n    init: function (editor) {\r\n      // Button drawshape\r\n      // editor.ui.addButton('drawShape', {\r\n      //        label: 'Vẽ hình',\r\n      //        command: 'drawShape',\r\n      //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n      //        toolbar: 'insert'\r\n      //    });\r\n\r\n      editor.ui.addButton(\"fillBlank\", {\r\n        label: \"Câu điền từ\",\r\n        command: \"fillBlank\",\r\n        icon: \"https://image.flaticon.com/icons/svg/106/106987.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      editor.ui.addButton(\"selectForm\", {\r\n        label: \"Lựa chọn câu trả lời\",\r\n        command: \"selectForm\",\r\n        icon: \"https://image.flaticon.com/icons/svg/30/30856.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      // Button upload img\r\n      editor.ui.addButton(\"uploadImg\", {\r\n        label: \"Tải hình ảnh\",\r\n        command: \"uploadImg\",\r\n        icon: \"https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14\",\r\n        toolbar: \"insert\",\r\n      });\r\n    },\r\n  });\r\n}\r\n\r\nexport default {\r\n  name: \"EdittorCKAnswerNew\",\r\n  // mixins: [mixins],\r\n  props: [\"contentEditor\", \"fillBlank\", \"position\", \"selectBox\", \"parentId\"],\r\n  data() {\r\n    return {\r\n      content: \"\",\r\n      editor: null,\r\n      typeUpload: \"\",\r\n      visibleModalMedia: false,\r\n      linkMediaUploaded: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    VueCkeditor,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      math_value: `common/math_value`,\r\n      open_math: `common/open_math`,\r\n      editor_selection: `common/editor_selection`,\r\n      // draw_shape_data: 'common/draw_shape_data',\r\n      toggle_draw: \"common/toggle_draw\",\r\n    }),\r\n    config() {\r\n      return this.configEditor();\r\n    },\r\n  },\r\n  watch: {\r\n    //  draw_shape_data(newVal, oldVal) {\r\n    //  \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n    //  \t\t// console.log(newVal.data);\r\n    //    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n    //    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n    //    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n    //    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n    //    CKEDITOR.instances[`myQuillEditor_answer_${newVal.position}`].insertHtml(htmlData);\r\n    // this.setDrawShapeData(null);\r\n    //  \t}\r\n    //  },\r\n    content: \"onChangeContent\",\r\n  },\r\n  created() {\r\n    // Convert old data use Katex\r\n    // this.convertKatex2Img()\r\n    this.content = this.contentEditor ? this.contentEditor : \"\";\r\n  },\r\n  mounted() {\r\n    // All action for all button\r\n    this.actionNiwBtn();\r\n  },\r\n  methods: {\r\n    ...mapActions(`common`, [\r\n      \"toggleFormMath\",\r\n      \"setContentSelectEditor\",\r\n      \"toggleDrawTool\",\r\n      \"setDrawShapeData\",\r\n    ]),\r\n\r\n    convertKatex2Img() {\r\n      if (this.contentEditor) {\r\n        this.content = convertOldKatexData2Img(this.contentEditor);\r\n      }\r\n    },\r\n\r\n    configEditor() {\r\n      let toolbarInsert = {\r\n        name: \"insert\",\r\n        items: [\r\n          \"uploadImg\",\r\n          \"Table\",\r\n          \"SpecialChar\",\r\n          \"Iframe\",\r\n          \"ckeditor_wiris_formulaEditor\",\r\n          \"ckeditor_wiris_formulaEditorChemistry\",\r\n        ],\r\n      };\r\n      if (this.fillBlank) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"fillBlank\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      if (this.selectBox) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"selectForm\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      return {\r\n        toolbar: [\r\n          {\r\n            name: \"basicstyles\",\r\n            items: [\r\n              \"Bold\",\r\n              \"Italic\",\r\n              \"Underline\",\r\n              \"Strike\",\r\n              \"Subscript\",\r\n              \"Superscript\",\r\n              \"-\",\r\n              \"CopyFormatting\",\r\n              \"RemoveFormat\",\r\n            ],\r\n          },\r\n          { name: \"colors\", items: [\"TextColor\", \"BGColor\"] },\r\n          {\r\n            name: \"paragraph\",\r\n            items: [\r\n              \"NumberedList\",\r\n              \"BulletedList\",\r\n              \"-\",\r\n              \"JustifyLeft\",\r\n              \"JustifyCenter\",\r\n              \"JustifyRight\",\r\n              \"JustifyBlock\",\r\n            ],\r\n          },\r\n          { name: \"links\", items: [\"Link\", \"Unlink\"] },\r\n          toolbarInsert,\r\n        ],\r\n        height: 100,\r\n        extraPlugins: \"niw_btn_answer,ckeditor_wiris\",\r\n        allowedContent: true,\r\n        font_defaultLabel: \"Arial\",\r\n        fontSize_defaultLabel: 16,\r\n        contentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"],\r\n      };\r\n    },\r\n\r\n    actionNiwBtn() {\r\n      let self = this;\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${self.position}`];\r\n      // Button drawshape\r\n      editor.addCommand(\"drawShape\", {\r\n        exec: function (edt) {\r\n          self.openDrawTool(self.position);\r\n        },\r\n      });\r\n\r\n      // Button create math\r\n      editor.addCommand(\"fillBlank\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion();\r\n        },\r\n      });\r\n      // Button create math\r\n      editor.addCommand(\"selectForm\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion(\"select\");\r\n        },\r\n      });\r\n\r\n      // Button upload img\r\n      editor.addCommand(\"uploadImg\", {\r\n        exec: function (edt) {\r\n          self.openModalUploadMedia(\"image\");\r\n        },\r\n      });\r\n    },\r\n\r\n    onBlur(evt) {\r\n      this.mouseLeave();\r\n      // console.log('Blur: ', evt);\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n    onFocus(evt) {\r\n      // console.log('Focus: ', evt.editor);\r\n      // evt.editor._.events.change;\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n\r\n    mouseLeave() {\r\n      // console.log('Mouse leave: ');\r\n      let frame = document.querySelector(\r\n        `#cke_myQuillEditor_answer_${this.position} iframe`\r\n      );\r\n      if (frame) {\r\n        let cntnt = frame.contentWindow.document;\r\n        // let parag = cntnt.getElementsByTagName(\"p\");\r\n        let parag =\r\n          cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n        let legthParag = parag.length;\r\n        let contentEdit = \"\";\r\n        if (legthParag > 0) {\r\n          for (let i = 0; i < legthParag; i++) {\r\n            contentEdit += parag[i].outerHTML;\r\n          }\r\n        }\r\n        // console.log(parag.length, contentEdit);\r\n        this.onEditorChange(contentEdit);\r\n      }\r\n    },\r\n\r\n    onChangeContent(val) {\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${this.position}`];\r\n      editor && this.onEditorChange(editor._.data);\r\n    },\r\n\r\n    onEditorChange(html) {\r\n      if (this.position) {\r\n        let data = {html, position: this.position};\r\n        // this.$bus.emit(`${CHANGE_TXT_ANSWER}_${this.position}`, data);\r\n        this.$emit('onEditorChange', data);\r\n      }\r\n\r\n    },\r\n    uploadImage(evt) {\r\n      let self = this;\r\n      // const files = evt.target.files[0];\r\n      // if (files) {\r\n      uploadImg(evt).then((res) => {\r\n        let linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n        linkImg && self.insertEmbedEditor(\"image\", linkImg);\r\n      });\r\n      // }\r\n    },\r\n\r\n    addFillBlankQuestion(type = \"blank\") {\r\n      fillBlankEditor(type, `myQuillEditor_answer_${this.position}`);\r\n    },\r\n\r\n    openModalUploadMedia(type) {\r\n      this.typeUpload = type;\r\n      this.$bvModal.show(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = true;\r\n    },\r\n\r\n    insertEmbedEditor(type = \"image\", link, embed = false) {\r\n      let self = this;\r\n      let htmlData;\r\n      if (type === \"image\") {\r\n        htmlData = `<img src=\"${link}\">`;\r\n      } else if (type === \"video\") {\r\n        if (embed && link.includes(\"youtube\")) {\r\n          htmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`;\r\n        } else if (embed && link.includes(\"vimeo\")) {\r\n          htmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\r\n        } else {\r\n          htmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n        }\r\n      } else if (type === \"audio\") {\r\n        htmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n      }\r\n      CKEDITOR.instances[`myQuillEditor_answer_${self.position}`].insertHtml(\r\n        htmlData\r\n      );\r\n\r\n      if (type === \"image\") {\r\n        self.$refs.upImg.value = \"\";\r\n      } else {\r\n        self.$refs.link_media.value = \"\";\r\n        self.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // self.visibleModalMedia = false;\r\n    },\r\n\r\n    uploadMedia(evt) {\r\n      let self = this;\r\n      // self.visibleModalMedia = false;\r\n      const files = evt.target.files[0];\r\n      // console.log(files);\r\n      if (files) {\r\n        uploadImg(files).then((res) => {\r\n          let linkImg = res.image.image_src;\r\n        });\r\n      }\r\n    },\r\n\r\n    handleDoneUpload() {\r\n      // console.log('Done: ', this.$refs);\r\n      let linkSocial = this.$refs.link_media.value;\r\n      let linkMedia = linkSocial;\r\n      let embedVideo = false;\r\n      if (linkSocial && linkSocial !== undefined) {\r\n        if (linkSocial.includes(\"youtube\")) {\r\n          let linkYT = linkSocial.split(\".com/watch?v=\");\r\n          linkMedia = linkYT[0] + \".com/embed/\" + linkYT[1];\r\n          embedVideo = true;\r\n        } else if (linkSocial.includes(\"vimeo\")) {\r\n          let linkVM = link.split(\"vimeo.com/\");\r\n          linkMedia = linkVM[0] + \"player.vimeo.com/video/\" + linkVM[1];\r\n          embedVideo = true;\r\n        }\r\n      } else {\r\n        linkMedia = this.linkMediaUploaded;\r\n      }\r\n      // console.log(linkMedia);\r\n\r\n      linkMedia &&\r\n        this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n      // this.visibleModalMedia = false;\r\n    },\r\n\r\n    handleCancelUpload() {\r\n      if (this.$refs.link_media && this.$refs.link_media.value) {\r\n        this.$refs.link_media.value = \"\";\r\n      }\r\n      if (this.$refs.upMedia && this.$refs.upMedia.value) {\r\n        this.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = false;\r\n      this.toggleFormMath({ visible: false, editor: null });\r\n    },\r\n\r\n    openDrawTool(location) {\r\n      this.toggleDrawTool(true);\r\n      this.setDrawShapeData({ position: location, type: \"question\" });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.editor-modal-media {\r\n  label {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  input {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .hr-center {\r\n    margin: 15px 0;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      height: 1px;\r\n      width: 60%;\r\n      background: #ccc;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    span {\r\n      padding: 0 20px;\r\n      background: #fff;\r\n    }\r\n  }\r\n\r\n  .form-editor-media {\r\n    width: 120px;\r\n    height: 120px;\r\n    border: 1px solid #d1d1d1;\r\n    margin: 0 auto;\r\n\r\n    input {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .form-action {\r\n    padding-top: 15px;\r\n    margin-top: 15px;\r\n    border-top: 1px solid #d1d1d1;\r\n\r\n    button {\r\n      height: 35px;\r\n    }\r\n  }\r\n}\r\n\r\n.cke_button__selectform .cke_button_label {\r\n  display: inline;\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!./EdittorCKAnswerNew.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!./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdittorCKAnswerNew.vue?vue&type=template&id=02b80394&scoped=true&\"\nimport script from \"./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"\nexport * from \"./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EdittorCKAnswerNew.vue?vue&type=style&index=0&id=02b80394&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  \"02b80394\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prepare-question\" class=\"modal-dialog b-modal-xxl\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-create-update-prepare-quesion\" @hidden=\"resetModal\">\r\n\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <div class=\"action_close_modal\">\r\n                    <img class=\"icon-close float-right cursor-pointer\" style=\"width: 15px;\" src=\"@/assets/img/x.png\"\r\n                        @click=\"handleHideModal\" />\r\n                </div>\r\n                <h4 v-if=\"!isEditNameDocument\">\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                    <div class=\"action_change_name float-right\">\r\n                        <button class=\"btn btn-change\" @click=\"handleEditNameDocument\">Chỉnh sửa tên</button>\r\n                    </div>\r\n                </h4>\r\n                <div v-else class=\"display-flex\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-6\">\r\n                            <b-form-input id=\"numberLesson\" v-model=\"nameDocument\" type=\"text\"\r\n                                placeholder=\"Nhập tên bài giảng\" autocomplete=\"off\" class=\"form-control\" />\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                            <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\"\r\n                                @click=\"handleCancelEditNameDocument\">Hủy</a>\r\n                            <a @click=\"handleUpdateNameDocument()\" href=\"javascript:;\"\r\n                                class=\"btn btn-agree font-size-17 btn-delete\">Đồng ý</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <b-tabs pills>\r\n                    <b-tab @click=\"handleChangeTab(tabCreateQuestion)\" title=\"Soạn câu hỏi\"\r\n                        :active=\"tabActive == tabCreateQuestion\">\r\n                        <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                            <div class=\"form-group row\">\r\n                                <div class=\"col-md-12\">\r\n                                    Số câu: {{ listQuestionSave.length }}\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row form-group\">\r\n                                <div class=\"col-md-12 col-lg-8 col-xl-6\">\r\n                                    <a href=\"javascript:;\" @click=\"handleAddQuestion\"\r\n                                        class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                        <img class=\"icon-plus\" src=\"@/assets/img/plus.png\" />\r\n                                        <img class=\"icon-plus\" src=\"@/assets/img/plus-hover.png\" />\r\n                                        Tạo câu hỏi mới\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <!--  -->\r\n                            <div class=\"pb-3\" v-for=\"(question, index) of listQuestion\" :key=\"index\">\r\n                                <div class=\"justify-content-right\">\r\n                                    <a :disabled=\"isDisabledButton\" href=\"javascript:;\" @click=\"saveQuestion(question)\"\r\n                                        class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                        Hoàn thành\r\n                                    </a>\r\n\r\n                                </div>\r\n\r\n                                <div class=\"row form-group pb-3\">\r\n                                    <div class=\"col-md-12 col-lg-3 col-xl-2 display-flex-column rg-1 mb-3\">\r\n                                        <div class=\"question-title\">Câu hỏi: {{ index + 1 }}</div>\r\n                                        <select class=\"custom-select border-rd-10\">\r\n                                            <option value=\"1\" selected=\"selected\">Trắc nghiệm</option>\r\n                                        </select>\r\n\r\n                                    </div>\r\n                                    <div class=\"question-head col-md-12 col-lg-7 col-xl-8 mb-3\">\r\n                                        <div class=\"question-head__row\">\r\n                                            <EditorCKNew @onEditorChange=\"onEditorChangeQuestion\"\r\n                                                :contentEditor=\"question.content\" :position=\"index\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div v-for=\"(answer, indexAnswer) of question.listAnswer\" :key=\"indexAnswer\"\r\n                                        class=\"item display-flex-center justify-content-between item-answer cg-1 col-md-12 mt-3\">\r\n                                        <div class=\"row\">\r\n                                            <div class=\"item__first col-md-12 col-lg-3 col-xl-2\">\r\n                                                <div class=\"answer-correct display-flex\">\r\n                                                    <b-checkbox :id=\"'b-answer_' + index + indexAnswer\"\r\n                                                        v-model=\"answer.isTrue\">\r\n                                                    </b-checkbox>\r\n                                                    <label class=\"display-flex-column cursor-pointer\"\r\n                                                        :for=\"'b-answer_' + index + indexAnswer\">\r\n                                                        <strong>Đáp án {{ answer.code }}</strong>\r\n                                                        <span class=\"font-size-12 text-subtitle\">Hãy tích để chọn làm\r\n                                                            đáp án đúng</span>\r\n                                                    </label>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"col-md-12 col-lg-7 col-xl-8 display-flex-center cg-1\">\r\n                                                <EdittorCKAnswerNew @onEditorChange=\"onEditorChangeAnswer\"\r\n                                                    :contentEditor=\"answer.content\" :position=\"answer.idClient\" />\r\n\r\n                                                <div class=\"item__img\">\r\n                                                    <div v-if=\"answer.fileAnswer.url\" class=\"image-question\">\r\n                                                        <img :style=\"{ 'width': question.withSize + 'px', 'height': question.heightSize + 'px' }\"\r\n                                                            :src=\"answer.fileAnswer.url\" />\r\n                                                        <b-button @click=\"onDeleteFileAnswer(question, answer)\"\r\n                                                            type=\"button\" class=\"btn-delete-image-question\">\r\n                                                            <i aria-label=\"icon: close\" class=\"anticon anticon-close\">\r\n                                                                <svg viewBox=\"64 64 896 896\" data-icon=\"close\"\r\n                                                                    width=\"1em\" height=\"1em\" fill=\"currentColor\"\r\n                                                                    aria-hidden=\"true\" focusable=\"false\" class=\"\">\r\n                                                                    <path\r\n                                                                        d=\"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z\">\r\n                                                                    </path>\r\n                                                                </svg></i>\r\n                                                        </b-button>\r\n                                                    </div>\r\n                                                    <div v-else class=\"answer-img position-rel\">\r\n                                                        <input hidden type=\"file\" :ref=\"answer.idClient\"\r\n                                                            accept=\"image/*\"\r\n                                                            @change=\"changeImgAnswer($event, question, answer)\">\r\n                                                        <b-button @click=\"handUploadImageAnswer(answer)\"\r\n                                                            class=\"btn-select-image-question\" type=\"button\"\r\n                                                            icon=\"upload\">\r\n                                                            <img class=\"icon-file\" src=\"@/assets/img/icon-file.png\"\r\n                                                                alt />\r\n                                                            Tải ảnh\r\n                                                        </b-button>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <a @click=\"onDeleteAnswer(question, answer)\" class=\"\">\r\n                                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n                                                        viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                                        <path d=\"M18 6L6 18\" stroke=\"#DC3545\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                                        <path d=\"M6 6L18 18\" stroke=\"#DC3545\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                                    </svg>\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-md-12\">\r\n                                        <button @click=\"handleAddAnswer(question)\" type=\"button\"\r\n                                            class=\"border-rd-20 font-size-16 form-30h display-flex-center cg-1 line-height-1 btn-add-answer\">\r\n                                            <img class=\"icon-plus\" src=\"@/assets/img/plus-hover.png\" />\r\n                                            Thêm mới câu trả lời\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <!--  -->\r\n                            <div class=\"row\">\r\n                                <div class=\"question-item col-md-12 margin-top-10\" v-for=\"(question, index) of listQuestionSave\"\r\n                                    :key=\"index\">\r\n                                    <div class=\"wrap-title-header display-flex justify-content-space-between\">\r\n                                        <div class=\"display-flex\">\r\n                                            <strong>Câu hỏi {{ index + 1 }}:</strong>&nbsp;<strong\r\n                                                class=\"title-question\" v-html=\"question.content\"></strong>\r\n                                        </div>\r\n                                        <div class=\"display-flex\">\r\n                                            <a href=\"javascript:;\" @click=\"handleOnDeleteQuestion(question)\"\r\n                                                class=\"item btn btn-main btn-delete-question border-rd-10 margin-5 font-size-16 item__add\">\r\n                                                Xóa câu hỏi\r\n                                            </a>\r\n                                            &nbsp;\r\n                                            <a href=\"javascript:;\" @click=\"handleEditQuestion(question)\"\r\n                                                class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                                Chỉnh sửa\r\n                                            </a>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div class=\"wrap-list-answer\">\r\n                                        <div class=\"answer-item\" v-for=\"(answer, indexAnswer) of question.listAnswer\"\r\n                                            :key=\"indexAnswer\">\r\n                                            <b-form-checkbox :checked=\"answer.isTrue\" disabled>\r\n                                                <div\r\n                                                    v-html=\"`<span class='display-flex'>${answer.code}.&nbsp;${answer.content}</span>`\">\r\n                                                </div>\r\n                                            </b-form-checkbox>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"form_action display-flex justity-content-center cg-1 mt-4\">\r\n                                <button type=\"button\"\r\n                                    class=\"btn btn-outline-primary b-btn-width font-size-16 font-sanpro-semibold\"\r\n                                    :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                                    Hủy bỏ\r\n                                </button>\r\n                                <button type=\"submit\"\r\n                                    class=\"btn btn-primary b-btn-width font-size-16 font-sanpro-semibold\"\r\n                                    :disabled=\"isDisabledButton\">\r\n                                    {{ documentId > 0 ? 'Lưu' : 'Thêm mới' }}\r\n                                </button>\r\n                            </div>\r\n                        </b-form>\r\n                    </b-tab>\r\n                    <b-tab @click=\"handleChangeTab(tabUploadDocx)\" title=\"Tạo từ file docx\"\r\n                        :active=\"tabActive == tabUploadDocx\">\r\n                        <div class=\"container\">\r\n                            <div class=\"row block_upload_file\">\r\n                                <input hidden type=\"file\" name=\"file\" id=\"fileInputUpload\" class=\"hidden-input\"\r\n                                    ref=\"file\" accept=\".pptx,.docx,.xlsx,.pdf,.h5p\" @change=\"onChangeUploadFile\" />\r\n                                <div v-if=\"!(formWord.file || formWord.fileName)\" class=\"col-md-4 upload-file\"\r\n                                    @dragover=\"dragoverUploadFile\" @dragleave=\"dragleaveUploadFile\"\r\n                                    @drop=\"dropUploadFile\" :class=\"isDragging ? 'upload-drag' : ''\">\r\n                                    <div class=\"justify-content-center tittle\">\r\n                                        <div @click=\"onUploadFile\">\r\n                                            <h4><strong>Tải file lên tại đây</strong></h4>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div class=\"row col-md-5\">\r\n                                        <div class=\"text-center block_icon_upload\" @click=\"onUploadFile\">\r\n                                            <img class=\"icon-upload\" src=\"@/assets/img/upload.png\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <div v-else-if=\"(formWord.file || formWord.fileName)\" class=\"col-md-6 upload-file\">\r\n                                    <label for=\"name\" class=\"\">File tài liệu:</label>\r\n                                    <div class=\"wrap-file-data display-flex justify-content-space-between\">\r\n\r\n                                        <div class=\"wrap-left display-flex\">\r\n                                            <img class=\"icon-photo margin-right-10\" src=\"@/assets/img/photo.png\" />\r\n                                            <div class=\"name-file\">\r\n                                                {{ formWord.file ? formWord.file.name : formWord.fileName }}\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"wrap-right display-flex\">\r\n                                            <div class=\"size-file margin-right-10\">{{ formatSizeFile(formWord.sizeFile)\r\n                                                }}\r\n                                            </div>\r\n                                            <img @click=\"handleOnRemoveFile\" class=\"btn-delete\"\r\n                                                src=\"@/assets/img/icon-close.png\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </b-tab>\r\n\r\n                </b-tabs>\r\n\r\n\r\n            </div>\r\n\r\n        </b-modal>\r\n\r\n        <b-modal id=\"modal-prevent-closing\" class=\"header-modal\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-confirm-document-prepare-question\">\r\n            <div class=\"container modal-confirm__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Thông tin bài giảng của bạn chưa được lưu. Bạn có chắc chắn muốn thoát?\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-17 primary-color-txt font-sanpro-light py-2\">\r\n                    Nếu bạn xác nhận thoát, mọi dữ liệu về chỉnh sửa bài bài giảng của bạn sẽ không được lưu trữ\r\n                </p>\r\n                <div class=\"modal__actions text-center\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn btn-outline-secondary btn-no mr-3\"\r\n                        @click=\"handleHideModalConfim\">Không</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-primary font-size-17 font-sanpro-semibold btn-delete\"\r\n                        @click=\"handleConfimModal()\">Xác nhận</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { saveLessonQuestionClassSchool, getDetail, deleteLessonQuestionClassSchool } from './../../../_api/lessonQuestionClassSchoolServices'\r\nimport EditorCK from '@/components/EditorCK.vue'\r\nimport EditorCKNew from '@/components/EditorCKNew.vue'\r\nimport EdittorCKAnswer from '@/components/EdittorCKAnswer.vue'\r\nimport EdittorCKAnswerNew from '@/components/EdittorCKAnswerNew.vue'\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport { updateNameDocument } from './../../../_api/documentClassSchoolServices'\r\nimport { uploadFileLessonQuestionClassSchool, getQuestionByDoc } from './../../../_api/lessonQuestionClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        documentId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        documentName: {\r\n            type: String,\r\n            default: ''\r\n        }\r\n    },\r\n    components: {\r\n        EditorCK,\r\n        EditorCKNew,\r\n        EdittorCKAnswer,\r\n        EdittorCKAnswerNew\r\n    },\r\n    watch: {\r\n        'form.sizeImage': 'setSizeImageQuestion'\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabledButton:false,\r\n            tabActive: 1,\r\n            tabCreateQuestion: 1,\r\n            tabUploadDocx: 2,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n\r\n\r\n\r\n            listQuestion: [],\r\n\r\n            cdnUrl: APP_CONFIG.bookCdnUrl + 'data/lesson/',\r\n            listAnswerDelete: [],\r\n            //kích xỡ ảnh câu hỏi\r\n\r\n            question_img_size: [\r\n                { value: 4, text: '456x336' },\r\n                { value: 3, text: '1032x584' },\r\n                { value: 2, text: '1032x176' },\r\n                { value: 1, text: '240x176' }\r\n            ],\r\n            answer_key_text: [\r\n                'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'X', 'W', 'Y', 'Z'\r\n            ],\r\n            nameDocument: '',\r\n            isEditNameDocument: false,\r\n            formWord: {\r\n                fileName: '',\r\n                file: null,\r\n            },\r\n            listQuestionSave: [],\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                chapterId: 0,\r\n                postId: 0,\r\n                name: '',\r\n                typeDocument: '',\r\n                fileName: '',\r\n                pathFile: '',\r\n                link: '',\r\n                sizeFile: 0,\r\n                file: null, //lưu trữ file upload\r\n            },\r\n            isDragging: false,\r\n\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            // form: {\r\n            //     topicName:{\r\n            //         required\r\n            //     }\r\n            // }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.documentName\r\n        }\r\n    },\r\n    mounted() {\r\n        // if (this.documentId > 0) {\r\n        //     //get detail\r\n        //     this.getDetailChapterClassSchool()\r\n        // }\r\n        this.handleShowModal()\r\n\r\n        this.getDetailQuestion()\r\n    },\r\n    methods: {\r\n        handleEditQuestion(question) {\r\n            this.listQuestion = [{ ...question }]\r\n        },\r\n        saveQuestion(question) {\r\n            this.saveListQuestion([question],false)\r\n        },\r\n        getKeyText(numberQuestion) {\r\n            if (numberQuestion > 24) {\r\n                numberQuestion = 0\r\n            }\r\n            return this.answer_key_text[numberQuestion]\r\n        },\r\n        handleChangeTab(tab) {\r\n            this.tabActive = tab\r\n        },\r\n        handleAddQuestion() {\r\n            this.addData()\r\n        },\r\n        addData() {\r\n            let data = {\r\n                id: 0,\r\n                idClient: this.generateUUID(),\r\n                lessonClassSchoolId: this.$route.query.id,\r\n                topicName: '', // tên đề bài\r\n                sizeImage: 1, // kích cỡ ảnh\r\n                withSize: 240,\r\n                heightSize: 176,\r\n                fileQuestion: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                content: '',\r\n                listAnswer: [],\r\n\r\n            }\r\n            //         let data = {\r\n            // \"id\": 0,\r\n            // \"idClient\": this.generateUUID(),\r\n            // \"lessonClassSchoolId\": \"161\",\r\n            // \"topicName\": \"\",\r\n            // \"sizeImage\": 1,\r\n            // \"withSize\": 240,\r\n            // \"heightSize\": 176,\r\n            // \"fileQuestion\": {\r\n            //     \"fileData\": null,\r\n            //     \"url\": \"\"\r\n            // },\r\n            // \"content\": \"<p>c&acirc;u hỏi 1</p>\\n\",\r\n            // \"listAnswer\": [\r\n            //     {\r\n            //         \"id\": 0,\r\n            //         \"idClient\": this.generateUUID(),\r\n            //         \"isTrue\": false,\r\n            //         \"content\": \"<p>câu trả lời 1</p>\",\r\n            //         \"fileAnswer\": {\r\n            //             \"fileData\": null,\r\n            //             \"url\": \"\"\r\n            //         },\r\n            //         'code':this.getKeyText(0)\r\n            //     },\r\n            //     {\r\n            //         \"id\": 0,\r\n            //         \"idClient\": this.generateUUID(),\r\n            //         \"isTrue\": true,\r\n            //         \"content\": \"<p>câu trả lời 2</p>\",\r\n            //         \"fileAnswer\": {\r\n            //             \"fileData\": null,\r\n            //             \"url\": \"\"\r\n            //         },\r\n            //         'code':this.getKeyText(1)\r\n            //     }\r\n            // ]\r\n            //}\r\n            this.listQuestion.unshift(data)\r\n        },\r\n        generateUUID() { // Public Domain/MIT\r\n            var d = new Date().getTime();\r\n            if (typeof performance !== 'undefined' && typeof performance.now === 'function') {\r\n                d += performance.now(); //use high-precision timer if available\r\n            }\r\n            var newGuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n                var r = (d + Math.random() * 16) % 16 | 0;\r\n                d = Math.floor(d / 16);\r\n                return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\r\n            });\r\n\r\n            return newGuid;\r\n        },\r\n        onChangeUploadFile() {\r\n            this.formWord.file = this.$refs.file.files[0]\r\n            this.formWord.sizeFile = this.formWord.file.size\r\n            this.formWord.fileName = this.formWord.file.name\r\n            const formData = new FormData();\r\n            formData.append('file', this.formWord.file)\r\n            getQuestionByDoc(formData).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    if (res.data.length == 0) {\r\n                        this.tabActive = this.tabCreateQuestion\r\n                        this.listQuestion = []\r\n                        this.addData()\r\n                    }\r\n\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        this.listQuestion = []\r\n\r\n\r\n                        for (let i = 0; i < res.data.length; i++) {\r\n                            const item = res.data[i];\r\n                            let listAnswer = []\r\n                            for (let j = 0; j < item.answers.length; j++) {\r\n                                const element = item.answers[j];\r\n                                let answer = {\r\n                                    id: element.id,\r\n                                    idClient: this.generateUUID(),\r\n                                    isTrue: element.correct ? true : false,\r\n                                    content: element.content,\r\n                                    fileAnswer: {\r\n                                        fileData: null,\r\n                                        url: '',\r\n                                    },\r\n                                    code: element.code\r\n                                }\r\n                                listAnswer.push(answer)\r\n                            }\r\n\r\n\r\n                            let question = {\r\n                                id: item.id,\r\n                                idClient: this.generateUUID(),\r\n                                lessonClassSchoolId: this.$route.query.id,\r\n                                topicName: '', // tên đề bài\r\n                                sizeImage: 1, // kích cỡ ảnh\r\n                                withSize: 240,\r\n                                heightSize: 176,\r\n                                fileQuestion: {\r\n                                    fileData: null,\r\n                                    url: item.path ? `${this.cdnUrl}${item.path}` : '',\r\n                                },\r\n                                content: item.content,\r\n                                listAnswer: listAnswer,\r\n                            }\r\n                            this.listQuestion.push(question)\r\n                        }\r\n                        this.tabActive = this.tabCreateQuestion\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        getDetailQuestion() {\r\n            let self = this\r\n            let params = {\r\n                lessonClassSchoolId: this.$route.query.id,\r\n                documentId: this.documentId\r\n            }\r\n            getDetail(params).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    this.listQuestionSave = []\r\n\r\n\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        const item = res.data[i];\r\n                        let listAnswer = []\r\n                        for (let j = 0; j < item.listLessonAnswerClassSchoolModels.length; j++) {\r\n                            const element = item.listLessonAnswerClassSchoolModels[j];\r\n                            let answer = {\r\n                                id: element.id,\r\n                                idClient: this.generateUUID(),\r\n                                isTrue: element.isTrue,\r\n                                content: element.content,\r\n                                fileAnswer: {\r\n                                    fileData: null,\r\n                                    url: element.path ? `${this.cdnUrl}${element.path}` : '',\r\n                                },\r\n                                code: element.code\r\n                            }\r\n                            listAnswer.push(answer)\r\n                        }\r\n\r\n\r\n                        let question = {\r\n                            id: item.id,\r\n                            idClient: this.generateUUID(),\r\n                            lessonClassSchoolId: item.lessonClassSchoolId,\r\n                            topicName: '', // tên đề bài\r\n                            sizeImage: 1, // kích cỡ ảnh\r\n                            withSize: 240,\r\n                            heightSize: 176,\r\n                            fileQuestion: {\r\n                                fileData: null,\r\n                                url: ''\r\n                            },\r\n                            content: item.content,\r\n                            listAnswer: listAnswer,\r\n                        }\r\n                        this.listQuestionSave.push(question)\r\n                    }\r\n                }\r\n            })\r\n\r\n            if (this.listQuestion.length == 0) {\r\n                this.addData()\r\n            }\r\n        },\r\n        handleSave() {\r\n            // form: {\r\n            //     id: 0,\r\n            //     lessonClassSchoolId: 0,\r\n            //     topicName: '', // tên đề bài\r\n            //     sizeImage: 1, // kích cỡ ảnh\r\n            //     withSize: 240,\r\n            //     heightSize: 176,\r\n            //     fileQuestion: {\r\n            //         fileData: null,\r\n            //         url: ''\r\n            //     },\r\n            //     content: '',\r\n            //     listAnswer: []\r\n            // },\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                let isValid =true\r\n                let listQuestion = [...this.listQuestion]\r\n                for (let i = 0; i < listQuestion.length; i++) {\r\n                    const element = listQuestion[i];\r\n                    if(!element.content){\r\n                        isValid =false\r\n                        break\r\n                    }\r\n                }\r\n                if(isValid){\r\n                    this.saveListQuestion(listQuestion,true)\r\n                }\r\n                else{\r\n                    this.$toast.error('Vui lòng nhập câu hỏi')\r\n                }\r\n            }\r\n        },\r\n        saveListQuestion(listQuestion,isClear = false) {\r\n            let self = this\r\n            const formData = new FormData();\r\n            //return\r\n            formData.append(`countQuestion`, listQuestion.length);\r\n            formData.append(`listAnswerDelete`, this.listAnswerDelete.join(\",\"));\r\n            for (let i = 0; i < listQuestion.length; i++) {\r\n                const item = listQuestion[i];\r\n                formData.append(`id_${i}`, item.id);\r\n                formData.append(`idClient_${i}`, item.idClient);\r\n                formData.append(`lessonClassSchoolId_${i}`, item.lessonClassSchoolId);\r\n                formData.append(`documentId_${i}`, this.documentId);\r\n                formData.append(`topicName_${i}`, item.topicName);\r\n                formData.append(`withSize_${i}`, item.withSize);\r\n                formData.append(`heightSize_${i}`, item.heightSize);\r\n                formData.append(`content_${i}`, item.content);\r\n                formData.append(`countAnswer_${i}`, item.listAnswer.length);\r\n                formData.append(`file_${i}`, item.fileQuestion.fileData);\r\n\r\n\r\n                for (let a = 0; a < item.listAnswer.length; a++) {\r\n                    const answer = item.listAnswer[a];\r\n                    formData.append(`id_${i}_${a}`, answer.id);\r\n                    formData.append(`questionIdClient_${i}_${a}`, item.idClient);\r\n                    formData.append(`isTrue_${i}_${a}`, answer.isTrue);\r\n                    formData.append(`content_${i}_${a}`, answer.content);\r\n                    formData.append(`file_${i}_${a}`, answer.fileAnswer.fileData);\r\n                    formData.append(`code_${i}_${a}`, answer.code);\r\n                }\r\n            }\r\n            self.isDisabledButton = true\r\n            saveLessonQuestionClassSchool(formData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Cập nhật tài liệu thành công')\r\n                    self.getDetailQuestion()\r\n                    if(!isClear){\r\n                        for (let q = 0; q < self.listQuestion.length; q++) {\r\n                        const item = self.listQuestion[q];\r\n                        for (let i = 0; i < listQuestion.length; i++) {\r\n                            let itemQuestion = listQuestion[i];\r\n                            if (itemQuestion.idClient == item.idClient) {\r\n                                self.listQuestion.splice(q, 1)\r\n                            }\r\n                        }\r\n\r\n                    }\r\n                    }\r\n                    else{\r\n                        self.listQuestion = []\r\n                    }\r\n                    \r\n                    \r\n                    if (self.listQuestion.length == 0) {\r\n                        self.addData()\r\n                    }\r\n                }\r\n                self.isDisabledButton = false\r\n            })\r\n        },\r\n        answerDefault(index) {\r\n            return {\r\n                id: 0,\r\n                idClient: this.generateUUID(),\r\n                isTrue: false,\r\n                content: '',\r\n                fileAnswer: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                code: this.getKeyText(index)\r\n            }\r\n        },\r\n        onEditorChangeQuestion(data) {\r\n            let questionSeleced = this.listQuestion[data.position]\r\n            questionSeleced.content = data.html\r\n        },\r\n        onEditorChangeAnswer(data) {\r\n\r\n            for (let iq = 0; iq < this.listQuestion.length; iq++) {\r\n                const question = this.listQuestion[iq];\r\n                for (let ia = 0; ia < question.listAnswer.length; ia++) {\r\n                    let answer = question.listAnswer[ia];\r\n                    if (answer.idClient == data.position) {\r\n                        answer.content = data.html\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        onDeleteAnswer(question, itemSelectd) {\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                const item = question.listAnswer[i];\r\n                if (itemSelectd.idClient == item.idClient) {\r\n                    if (item.id > 0) {\r\n                        this.listAnswerDelete.push(item.id)\r\n                    }\r\n                    question.listAnswer.splice(i, 1)\r\n                }\r\n            }\r\n        },\r\n        onDeleteFileAnswer(question, itemCurrent) {\r\n            console.log(question, itemCurrent)\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                let item = question.listAnswer[i];\r\n                if (itemCurrent.idClient == item.idClient) {\r\n                    item.fileAnswer.fileData = null\r\n                    item.fileAnswer.url = null\r\n                    this.$refs[item.idClient].value = ''\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        changeImgAnswer(e, question, itemCurrent) {\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                const item = question.listAnswer[i];\r\n                if (itemCurrent.idClient == item.idClient) {\r\n                    item.fileAnswer.fileData = this.$refs[item.idClient][0].files[0]\r\n                    item.fileAnswer.url = URL.createObjectURL(item.fileAnswer.fileData);\r\n                    break\r\n                }\r\n            }\r\n\r\n        },\r\n        handUploadImageAnswer(item) {\r\n            this.$refs[item.idClient][0].click()\r\n        },\r\n        handleAddAnswer(question) {\r\n            question.listAnswer.push(this.answerDefault(question.listAnswer.length))\r\n        },\r\n\r\n        generateUUID() { // Public Domain/MIT\r\n            var d = new Date().getTime();\r\n            if (typeof performance !== 'undefined' && typeof performance.now === 'function') {\r\n                d += performance.now(); //use high-precision timer if available\r\n            }\r\n            var newGuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n                var r = (d + Math.random() * 16) % 16 | 0;\r\n                d = Math.floor(d / 16);\r\n                return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\r\n            });\r\n\r\n            return newGuid;\r\n        },\r\n        onDeleteFileQuestion() {\r\n            this.form.fileQuestion.fileData = null\r\n            this.form.fileQuestion.url = ''\r\n            this.$refs.fileImageQuestion.value = ''\r\n        },\r\n        //\r\n\r\n        onUploadFile() {\r\n            this.$refs.file.click()\r\n        },\r\n        handleEditNameDocument() {\r\n            this.nameDocument = this.documentName\r\n            this.isEditNameDocument = true\r\n        },\r\n        handleUpdateNameDocument() {\r\n            this.documentName = this.nameDocument\r\n            let self = this\r\n            updateNameDocument({ Id: this.documentId, Name: this.nameDocument }).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Cập nhật tên tài liệu thành công')\r\n                    self.handleCancelEditNameDocument()\r\n                }\r\n            })\r\n        },\r\n        handleCancelEditNameDocument() {\r\n            this.isEditNameDocument = false\r\n        },\r\n        handleOnRemoveFile() {\r\n            this.$refs.file.value = '';\r\n            this.formWord.file = null\r\n            this.formWord.pathFile = ''\r\n            this.formWord.fileName = ''\r\n            console.log('clear')\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        dragoverUploadFile(e) {\r\n            e.preventDefault();\r\n            this.isDragging = true;\r\n        },\r\n        dragleaveUploadFile() {\r\n            this.isDragging = false;\r\n        },\r\n        dropUploadFile(e) {\r\n            e.preventDefault();\r\n            this.$refs.file.files = e.dataTransfer.files;\r\n            this.onChangeUploadFile();\r\n            this.isDragging = false;\r\n        },\r\n        handleSaveDocument() {\r\n            let self = this\r\n            if (!this.$v.$invalid) {\r\n                const formData = new FormData();\r\n                console.log(this.form)\r\n                formData.append('file', this.form.file);\r\n                uploadFileLessonQuestionClassSchool(formData).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        self.$toast.success('Thêm mới tài liệu thành công')\r\n                    }\r\n                })\r\n            }\r\n        },\r\n        handleOnDeleteQuestion(question) {\r\n            console.log(question)\r\n            let self = this\r\n            deleteLessonQuestionClassSchool(question.id).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa câu hỏi thành công')\r\n                    self.getDetailQuestion()\r\n                    //self.listQuestion = []\r\n                    //self.addData()\r\n                    for (let q = 0; q < self.listQuestion.length; q++) {\r\n                        const item = self.listQuestion[q];\r\n                        if (question.idClient == item.idClient) {\r\n                            self.listQuestion.splice(q, 1)\r\n                        }\r\n                    }\r\n                    if (self.listQuestion.length == 0) {\r\n                        self.addData()\r\n                    }\r\n                }\r\n            })\r\n            // for (let i = 0; i < this.listQuestion.length; i++) {\r\n            //     const item = this.listQuestion[i];\r\n            //     if (question.id == item.id) {\r\n            //         this.listQuestion.splice(i, 1)\r\n            //         if (question.id > 0) {\r\n            //             // Call api delete question\r\n\r\n            //         }\r\n\r\n            //         break\r\n            //     }\r\n            // }\r\n        },\r\n        //\r\n        setSizeImageQuestion() {\r\n            switch (this.form.sizeImage) {\r\n                case 1://'240x176'\r\n                    this.form.withSize = 240\r\n                    this.form.heightSize = 176\r\n                    break;\r\n                case 2: //'1032x176'\r\n                    this.form.withSize = 1032\r\n                    this.form.heightSize = 176\r\n                    break;\r\n                case 3: //'1032x584'\r\n                    this.form.withSize = 1032\r\n                    this.form.heightSize = 584\r\n                    break;\r\n                case 4: //'456x336'\r\n                    this.form.withSize = 456\r\n                    this.form.heightSize = 336\r\n                    break;\r\n                default:\r\n                    break;\r\n            }\r\n        },\r\n        onUploadImageQuestion() {\r\n            this.$refs.fileImageQuestion.click()\r\n        },\r\n        changeImgQuestion() {\r\n            this.form.fileQuestion.fileData = this.$refs.fileImageQuestion.files[0]\r\n            this.form.fileQuestion.url = URL.createObjectURL(this.form.fileQuestion.fileData);\r\n        },\r\n        // getDetailChapterClassSchool() {\r\n        //     let self = this\r\n        //     getDetail(this.documentId).then(res => {\r\n        //         if (res && res.data && !res.errors) {\r\n        //             self.form = {\r\n        //                 id: res.data.id,\r\n        //                 lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n        //                 name: res.data.name,\r\n        //             }\r\n        //         }\r\n        //     })\r\n        // },\r\n\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                topicName: '', // tên đề bài\r\n                sizeImage: 1, // kích cỡ ảnh\r\n                withSize: 240,\r\n                heightSize: 176,\r\n                fileQuestion: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                content: '',\r\n                listAnswer: []\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        handleHideModalConfim() {\r\n            //\r\n            this.$refs['modal-confirm-document-prepare-question'].hide()\r\n        },\r\n        handleShowModalConfim() {\r\n            //\r\n            this.$refs['modal-confirm-document-prepare-question'].show()\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-prepare-quesion'].toggle('#toggle-btn')\r\n        },\r\n        handleConfimModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-prepare-quesion'].hide()\r\n            //this.$emit('closeModal')\r\n            this.handleShowModalConfim()\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-prepare-quesion'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-10{\r\n    margin-top: 10px;\r\n}\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n\r\n.icon-plus {\r\n    width: 20px;\r\n    display: inline-block;\r\n}\r\n\r\n.item__add {\r\n    line-height: 18px;\r\n}\r\n\r\n.modal-confirm__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n\r\n    .modal__actions {\r\n\r\n        .btn-delete {\r\n            color: white;\r\n            border-radius: 8px;\r\n            min-width: 8rem;\r\n            font-family: sans-serif;\r\n            height: auto;\r\n            padding: 0.2rem;\r\n        }\r\n\r\n        .btn-no {\r\n            border-radius: 8px;\r\n            min-width: 8rem;\r\n            font-family: sans-serif;\r\n            height: auto;\r\n            padding: 0.2rem;\r\n\r\n            &:hover {\r\n                color: #ffffff;\r\n            }\r\n        }\r\n\r\n        .btn-cancel {\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.item-answer {\r\n    margin-top: 10px;\r\n}\r\n\r\n.btn-add-answer {\r\n    display: inline-block;\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n    border: 0;\r\n    background: none;\r\n}\r\n\r\n.text-center {\r\n    text-align: center;\r\n}\r\n\r\n.btn-delete-image-question {\r\n    background: red;\r\n    border: 1px solid red;\r\n    color: #fffcfc;\r\n    border-radius: 20px;\r\n}\r\n\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.btn-select-image-question {\r\n    border: 1px solid #f0f0f0;\r\n    color: black;\r\n    background: #f0f0f0;\r\n\r\n    .icon-file {\r\n        width: 10px;\r\n    }\r\n}\r\n\r\n.btn-complete-question {\r\n    border-radius: 10px;\r\n    border: 1px solid #84d7ff;\r\n    padding: 0.25rem 0.5rem;\r\n    background: #84d7ff;\r\n\r\n    &:hover {\r\n        background: #007bff;\r\n    }\r\n}\r\n\r\n.w-100px {\r\n    width: 100px;\r\n}\r\n\r\n.question-title {\r\n    border: 1px solid #ced4da;\r\n    border-radius: 10px;\r\n    padding: 0.5rem 1rem;\r\n}\r\n\r\n.item__img {\r\n    min-width: 82px;\r\n}\r\n\r\n\r\n.font-size-12 {\r\n    font-size: 12px !important;\r\n}\r\n\r\n.b-btn-width {\r\n    min-width: 8rem;\r\n    height: auto;\r\n    padding: 0.3rem;\r\n    border-radius: 8px;\r\n}\r\n\r\n.float-right {\r\n    float: right;\r\n}\r\n\r\n.wrap-form-create-update-chapter {\r\n    padding: 30px !important;\r\n}\r\n\r\n.btn-change {\r\n    border: none;\r\n    background-color: #d7f0fe;\r\n    color: black;\r\n    padding: 0px 4px;\r\n    margin-right: 40px;\r\n}\r\n\r\n.btn-change:hover {\r\n    background-color: #84d7ff;\r\n}\r\n\r\n.action_close_modal {\r\n    margin-bottom: 10px;\r\n    height: 10px;\r\n}\r\n\r\n.upload-file {\r\n    border: 2px solid rgb(168, 167, 167);\r\n    border-style: dashed;\r\n    border-radius: 15px;\r\n}\r\n\r\n.block_upload_file {\r\n    justify-content: center;\r\n    margin: 40px 0;\r\n    text-align: center;\r\n}\r\n\r\n.upload-file {\r\n    padding: 40px 10px;\r\n    text-align: -webkit-center;\r\n}\r\n\r\n.upload-file .tittle {\r\n    margin: 10px 0;\r\n}\r\n\r\n.justify-content-center {\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.block_icon_upload {\r\n    background-color: #d7f0fe;\r\n    padding: 10px 25px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.btn-agree {\r\n    margin-left: 10px;\r\n    background: #0f3dba;\r\n    color: white;\r\n    line-height: 19px;\r\n}\r\n\r\n.wrap-file-data {\r\n    .wrap-left {\r\n        .name-file {\r\n            max-width: 285px;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            margin-left: 5px;\r\n        }\r\n\r\n        .icon-photo {\r\n            width: 30px;\r\n            height: 30px;\r\n        }\r\n    }\r\n\r\n    .wrap-right {\r\n        .size-file {\r\n            margin-right: 5px;\r\n            color: #7a7777;\r\n        }\r\n\r\n        .btn-delete {\r\n            cursor: pointer;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.upload-drag {\r\n    border: 2px dashed #46b5e1 !important;\r\n    opacity: 0.5;\r\n}\r\n\r\n.justify-content-right {\r\n    justify-content: right;\r\n    display: flex;\r\n}\r\n\r\n.btn-delete-question,\r\n.btn-delete-question:hover {\r\n    background-color: red;\r\n    border: red;\r\n    color: white;\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer;\r\n}\r\n</style>\r\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!./ModalCreateUpdatePrepareQuestions.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!./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=template&id=36a7e714&scoped=true&\"\nimport script from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=style&index=0&id=36a7e714&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  \"36a7e714\",\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('b-modal',{ref:\"modal-create-question-bank\",attrs:{\"size\":\"xl\",\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container modal-create-question-bank__body\"},[_c('div',{staticClass:\"action\"},[_c('img',{staticClass:\"btn-close custom-cursor btn-float-right\",attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),_c('div',{staticClass:\"header-modal margin-top-10\"},[_c('h3',[_vm._v(\"Thư viện\")])]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"item item__key input-custom-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.lazy\",value:(_vm.paramQueryData.keyword),expression:\"paramQueryData.keyword\",modifiers:{\"lazy\":true}},{name:\"debounce\",rawName:\"v-debounce\",value:(1000),expression:\"1000\"}],staticClass:\"primary-color-txt color_bg_gray_light border-rd-20 font-size-15 form-h30 border-0 full-width\",attrs:{\"type\":\"text\",\"placeholder\":\"Tìm kiếm theo câu hỏi\"},domProps:{\"value\":(_vm.paramQueryData.keyword)},on:{\"change\":function($event){return _vm.$set(_vm.paramQueryData, \"keyword\", $event.target.value)}}}),_c('i',{staticClass:\"icon-search font-size-16 primary-color\"})]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-select',{attrs:{\"options\":_vm.listDataClass},on:{\"change\":_vm.handleChangeClassId},model:{value:(_vm.paramQueryData.classId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"classId\", $$v)},expression:\"paramQueryData.classId\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-form-select',{attrs:{\"options\":_vm.listDataSubject},on:{\"change\":_vm.handleChangeSubjectId},model:{value:(_vm.paramQueryData.subjectId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"subjectId\", $$v)},expression:\"paramQueryData.subjectId\"}})],1)]),_c('div',{staticClass:\"custom-line\"},[_c('div',{staticClass:\"line1\"}),_c('div',{staticClass:\"text-line\"},[_vm._v(\"Nguồn câu hỏi\")]),_c('div',{staticClass:\"line1\"})]),_c('div',{staticClass:\"filter-source-question\"},[_c('div',[_vm._v(\"Sách\")]),_c('div',{staticClass:\"filter-book\"},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.listBookType,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.paramQueryData.listBookTypeId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"listBookTypeId\", $$v)},expression:\"paramQueryData.listBookTypeId\"}})],1)])]),_c('div',{staticClass:\"col-md-8\"},[_c('div',{staticClass:\"count-result\"},[_vm._v(\"Tổng: \"+_vm._s(_vm.totalRecords)+\" kết quả\")]),_c('div',{ref:\"scrollContainer\",staticClass:\"wrap-right\",on:{\"scroll\":_vm.handleScroll}},[_c('div',{staticClass:\"list-question\"},_vm._l((_vm.listDataBookLesson),function(item,index){return _c('div',{key:index,staticClass:\"question-item display-flex\"},[_c('div',{staticClass:\"question col-md-8\"},[_vm._v(\"\\n                                        \"+_vm._s(item.title)+\"\\n                                    \")]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"row p-10\"},[_c('a',{staticClass:\"item btn border-rd-20 font-size-16 display-flex-center item__add col-md-6\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"\\n                                                Xem trước\\n                                            \")]),_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add col-md-6\",attrs:{\"href\":\"javascript:;\",\"disabled\":_vm.isDisabledButton},on:{\"click\":function($event){return _vm.handleClickBookLesson(item)}}},[_vm._v(\"\\n                                                Sử dụng\\n                                            \")])])])])}),0)])])]),_c('div',{staticClass:\"form_action display-flex justity-content-end\"},[_c('button',{staticClass:\"btn btn-cancel border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                    Hủy bỏ\\n                \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-question-bank\"\r\n            @hidden=\"resetModal\">\r\n            <div class=\"container modal-create-question-bank__body\">\r\n                <div class=\"action\"><img class=\"btn-close custom-cursor btn-float-right\" src=\"@/assets/img/x.png\"\r\n                        @click=\"handleHideModal\" /></div>\r\n                <div class=\"header-modal margin-top-10\">\r\n                    <h3>Thư viện</h3>\r\n                </div>\r\n                <div class=\"row margin-top-10\">\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"item item__key input-custom-icon\">\r\n                            <input v-model.lazy=\"paramQueryData.keyword\" v-debounce=\"1000\" type=\"text\"\r\n                                placeholder=\"Tìm kiếm theo câu hỏi\"\r\n                                class=\"primary-color-txt color_bg_gray_light border-rd-20 font-size-15 form-h30 border-0 full-width\" />\r\n                            <i class=\"icon-search font-size-16 primary-color\"></i>\r\n                        </div>\r\n                        <div class=\"row margin-top-10\">\r\n                            <div class=\"col-md-6\">\r\n                                <b-form-select @change=\"handleChangeClassId\" v-model=\"paramQueryData.classId\"\r\n                                    :options=\"listDataClass\">\r\n                                    <!-- <option value=0>Tất cả</option> -->\r\n                                </b-form-select>\r\n                            </div>\r\n                            <div class=\"col-md-6\">\r\n                                <b-form-select @change=\"handleChangeSubjectId\" v-model=\"paramQueryData.subjectId\"\r\n                                    :options=\"listDataSubject\">\r\n                                    <!-- <option value=0>Tất cả</option> -->\r\n                                </b-form-select>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"custom-line\">\r\n                            <div class=\"line1\"></div>\r\n                            <div class=\"text-line\">Nguồn câu hỏi</div>\r\n                            <div class=\"line1\"></div>\r\n                        </div>\r\n                        <div class=\"filter-source-question\">\r\n                            <div>Sách</div>\r\n                            <div class=\"filter-book\">\r\n                                <b-form-checkbox-group v-model=\"paramQueryData.listBookTypeId\" :options=\"listBookType\"\r\n                                    name=\"flavour-2a\" stacked></b-form-checkbox-group>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-8\">\r\n                        <div class=\"count-result\">Tổng: {{ totalRecords }} kết quả</div>\r\n                            <div class=\"wrap-right\" ref=\"scrollContainer\" @scroll=\"handleScroll\">\r\n                                <div class=\"list-question\">\r\n                                    <div class=\"question-item display-flex\" v-for=\"(item, index) of listDataBookLesson\"\r\n                                        :key=\"index\">\r\n                                        <div class=\"question col-md-8\">\r\n                                            {{ item.title }}\r\n                                        </div>\r\n                                        <div class=\"col-md-4\">\r\n                                            <div class=\"row p-10\">\r\n                                                <a href=\"javascript:;\"\r\n                                                    class=\"item btn border-rd-20 font-size-16 display-flex-center item__add col-md-6\">\r\n                                                    Xem trước\r\n                                                </a>\r\n                                                <a href=\"javascript:;\"\r\n                                                :disabled=\"isDisabledButton\"\r\n                                                    @click=\"handleClickBookLesson(item)\"\r\n                                                    class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add col-md-6\">\r\n                                                    Sử dụng\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form_action display-flex justity-content-end\">\r\n                    <button type=\"button\"\r\n                        class=\"btn btn-cancel border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                        :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                        Hủy bỏ\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { getAllTypeFilter, getAllClassFilter } from \"./../../../_api/\";\r\nimport { saveDocument} from './../../../_api/documentClassSchoolServices'\r\nimport { getListBookLessonPlan } from './../../../_api/documentClassSchoolServices'\r\nexport default {\r\n    name: \"ModalLectureLibrary\",\r\n    components: {\r\n    },\r\n    props:{\r\n        form:{\r\n            type:Object,\r\n            default:{}\r\n        }\r\n    },\r\n    watch: {\r\n        // 'paramQueryData.classId': 'handleChangeClassId',\r\n        // 'paramQueryData.subjectId': 'handleChangeSubjectId',\r\n        \"paramQueryData.keyword\": \"handleSearchData\",\r\n        \"paramQueryData.listBookTypeId\": \"handleChangeBookTypeId\",\r\n    },\r\n\r\n    data() {\r\n        return {\r\n            isDisabledButton:false,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            statusSearch: 0,\r\n            listDataSubject: [{ value: 0, text: \"Tất cả - môn\" }],\r\n            listDataClass: [{ value: 0, text: \"Tất cả - lớp\" }],\r\n            listDataBookLesson: [],\r\n            totalRecords: 0,\r\n            totalPage: 0,\r\n            paramQueryData: {\r\n                keyword: \"\",\r\n                pageIndex: 1,\r\n                pageSize: 10,\r\n                subjectId: 0,\r\n                classId: 0,\r\n            },\r\n            listBookType: [\r\n                { text: \"Chân trời sáng tạo\", value: 4 },\r\n                { text: \"Kết nối tri thức với cuộc sống\", value: 3 },\r\n            ],\r\n            listQuestionAdd: [],\r\n            dataDocument:null\r\n        };\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n    },\r\n    mounted() {\r\n        this.dataDocument = this.form\r\n        this.GetAllClass();\r\n        this.handleShowModal();\r\n        this.getListData()\r\n    },\r\n\r\n    methods: {\r\n        handleClickBookLesson(item){\r\n            let self = this\r\n            this.dataDocument.bookLessonPlanId = item.bookLessonPlanId\r\n            this.isDisabledButton = true\r\n            saveDocument(this.dataDocument).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                        if (this.dataDocument.id > 0) {\r\n                                self.$toast.success('Cập nhật bài giảng thành công')\r\n                        } else {\r\n                                self.$toast.success('Thêm mới bài giảng thành công')\r\n                        }\r\n                        this.handleDone()\r\n                    }\r\n                    self.isDisabledButton = false\r\n                })\r\n        },\r\n        handleScroll() {\r\n            const container = this.$refs.scrollContainer;\r\n            const scrollHeight = container.scrollHeight;\r\n            const scrollTop = container.scrollTop;\r\n            const offsetHeight = container.offsetHeight;\r\n            const bottomOffset = scrollHeight - (scrollTop + offsetHeight);\r\n            if (bottomOffset <= 0 && !this.isLoading) {\r\n                // Load more items when the user reaches the bottom with some offset\r\n                let pageIndexSearch = this.paramQueryData.pageIndex + 1;\r\n                if (pageIndexSearch <= this.totalPage) {\r\n                    console.log(\"getdataa\");\r\n                    this.paramQueryData.pageIndex++;\r\n                    this.getListData();\r\n                }\r\n            }\r\n        },\r\n        getListData() {\r\n            let self = this;\r\n            getListBookLessonPlan(this.paramQueryData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    if (res && res.data && !res.errors) {\r\n                        for (let i = 0; i < res.data.list.length; i++) {\r\n                            const item = res.data.list[i];\r\n                            self.listDataBookLesson.push({ ...item });\r\n                        }\r\n\r\n                        self.totalRecords = res.data.paging.totalRecords;\r\n                        self.totalPage = res.data.paging.totalPage;\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleChangeSubjectId(e) {\r\n            //this.subjectId = e.target.value\r\n            this.handleOnFilter();\r\n        },\r\n        handleChangeClassId(e) {\r\n            this.getTypesFilter();\r\n            //this.classId = e.target.value\r\n            this.handleOnFilter();\r\n        },\r\n        handleSearchData() {\r\n            this.handleOnFilter();\r\n        },\r\n        handleChangeBookTypeId() {\r\n            this.handleOnFilter();\r\n        },\r\n        resetData() {\r\n            this.paramQueryData.pageIndex = 1;\r\n            (this.listDataBookLesson = []), (this.totalRecords = 0), (this.totalPage = 0);\r\n        },\r\n        handleOnFilter() {\r\n            this.statusSearch = 1\r\n            this.resetData();\r\n            this.getListData()\r\n        },\r\n        getTypesFilter() {\r\n            let self = this;\r\n            self.listDataSubject = [{ value: 0, text: \"Tất cả - môn\" }];\r\n            this.subjectId = 0;\r\n            getAllTypeFilter({ classId: this.paramQueryData.classId }).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    for (let i = 0; i < res.data.ltsSubject.length; i++) {\r\n                        const item = res.data.ltsSubject[i];\r\n                        self.listDataSubject.push({\r\n                            value: item.subjectId,\r\n                            text: item.name,\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        GetAllClass() {\r\n            let self = this;\r\n            getAllClassFilter({}).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        const item = res.data[i];\r\n                        self.listDataClass.push({ value: item.classId, text: item.name });\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal();\r\n            this.$emit(\"handleDone\");\r\n        },\r\n        resetModal() {\r\n            console.log(\"resetModal\");\r\n            this.submitted = false;\r\n        },\r\n        toggleModal() {\r\n            this.$refs[\"modal-create-question-bank\"].toggle(\"#toggle-btn\");\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-question-bank'].hide()\r\n            this.$emit(\"closeModal\");\r\n        },\r\n        handleShowModal() {\r\n            this.$refs[\"modal-create-question-bank\"].show();\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style>\r\n.question .input-hide-place {\r\n    width: 40px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.loadding {\r\n    color: green;\r\n}\r\n\r\n.modal-create-question-bank__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n\r\n    // custom size modal\r\n    max-width: 90%;\r\n    top: 2%;\r\n    left: 5%;\r\n    right: 0;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    margin: 0px;\r\n\r\n    .modal__actions {\r\n        margin-top: 10px;\r\n\r\n        .btn-delete {\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n\r\n        .btn-cancel {\r\n            margin-right: 10px;\r\n            color: #dd352f;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.justity-content-end {\r\n    justify-content: end\r\n}\r\n\r\n.wrap-right {\r\n    padding: 5px;\r\n    border-radius: 10px;\r\n    border: 1px solid #eaeaea;\r\n    max-height: calc(80vh - 20px);\r\n    overflow: auto;\r\n}\r\n\r\n.question-item {\r\n    padding: 10px;\r\n    overflow: auto;\r\n    margin: 5px;\r\n    border: 1px solid #a1b5f3;\r\n    border-radius: 15px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n\r\n.custom-line {\r\n    width: 100%;\r\n    display: flex;\r\n    margin-top: 20px;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n\r\n    .line1 {\r\n        width: 35%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .line2 {\r\n        width: 35%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .text-line {\r\n        margin-top: -10px;\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n        color: #e5e5e5;\r\n        width: 125px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n.btn-float-right {\r\n    float: right;\r\n    width: 15px;\r\n}\r\n</style>\r\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!./ModalLectureLibrary.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!./ModalLectureLibrary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalLectureLibrary.vue?vue&type=template&id=751661d7&scoped=true&\"\nimport script from \"./ModalLectureLibrary.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalLectureLibrary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalLectureLibrary.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./ModalLectureLibrary.vue?vue&type=style&index=1&id=751661d7&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  \"751661d7\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <div class=\"margin-top-10 display-flex justify-content-space-between\">\r\n            <!-- <div class=\"name-leson\">\r\n                <h4>\r\n                    <strong>{{ dataElectronicLecture.name }}</strong>\r\n                </h4>\r\n            </div> -->\r\n            <div class=\"wrap-btn-add-chapter\">\r\n                <a href=\"javascript:;\" class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add\"\r\n                    @click=\"handleAddChapter\" v-if=\"isEdit == 1\">\r\n                    <img class=\"icon-plus\" src=\"@/assets/img/plus.png\" />\r\n                    <img class=\"icon-plus\" src=\"@/assets/img/plus-hover.png\" />\r\n                    Thêm chương\r\n                </a>\r\n            </div>\r\n        </div>\r\n\r\n        <vueCustomScrollbar v-if=\"listChapterClassSchool.length > 0\"  class=\"b-chapter-scroll\">\r\n            <ChapterClassSchool @handleDeleteChapter=\"handleDeleteChapter\"\r\n                        @handleEditChapter=\"handleEditChapter\" @handleAddPost=\"handleAddPost\" :item=\"item\"\r\n                        v-for=\"(item, index) of listChapterClassSchool\" :key=\"index\"\r\n                        @handleToggerCollapse=\"handleToggerCollapse\" :isEdit=\"isEdit\">\r\n                        <template v-slot:post>\r\n                            <b-collapse class=\"mt-2\" :visible=\"item.isCollapse\">\r\n                                <vueCustomScrollbar class=\"b-post-scroll\">\r\n                                    <PostClassSchool :item=\"post\" @handleEditPost=\"handleEditPost\"\r\n                                        @handleDeletePost=\"handleDeletePost\" @handleAddDocument=\"handleAddDocument\"\r\n                                        v-for=\"(post, indexPost) of item.listPostClassSchool\" :key=\"indexPost\"\r\n                                        :isEdit=\"isEdit\">\r\n                                        <template v-slot:document>\r\n                                            <DocumentClassSchool @handleEditDocument=\"handleEditDocument\"\r\n                                                @handleViewDocument=\"handleViewDocument\"\r\n                                                @handleDeleteDocument=\"handleDeleteDocument\" :item=\"document\"\r\n                                                v-for=\"(document, indexDocument) of post.listDocumentClassSchool\"\r\n                                                :key=\"indexDocument\" :isEdit=\"isEdit\" />\r\n                                        </template>\r\n                                    </PostClassSchool>\r\n                                </vueCustomScrollbar>\r\n                            </b-collapse>\r\n                        </template>\r\n                    </ChapterClassSchool>\r\n            </vueCustomScrollbar>\r\n        <div v-else class=\"text-center\">Bài giảng chưa có nội dung</div>\r\n        <!-- <div class=\"row pagination container m-0\">\r\n                <b-pagination\r\n                pills \r\n                v-model=\"paramQueryData.pageIndex\"\r\n                :total-rows=\"totalRecords\"\r\n                :per-page=\"paramQueryData.pageSize\"\r\n                first-number\r\n                last-number\r\n                ></b-pagination>\r\n            </div> -->\r\n        <ModalCreateUpdateChapter :type=\"paramQueryData.type\" :chapterId=\"chapterClassSchoolIdCurrent\"\r\n            v-if=\"isOpenModalCreateUpdateChapter\" @closeModal=\"closeModalCreateUpdateChapter\"\r\n            @handleDone=\"handleDone\" />\r\n        <ModalDeleteChapter v-if=\"isOpenModalDeleteChapter\" @handleDeleteDone=\"handleDeleteDone\"\r\n            @closeModal=\"closeModalDeleteChapter\" :chapterId=\"chapterClassSchoolIdCurrent\" />\r\n\r\n        <ModalCreateUpdatePost :chapterId=\"chapterClassSchoolIdCurrent\" :posterId=\"posterClassSchoolIdCurrent\"\r\n            v-if=\"isOpenModalCreateUpdatePoster\" @closeModal=\"closeModalCreateUpdatePoster\"\r\n            @handleDone=\"handleDonePoster\" />\r\n\r\n        <ModalDeletePost v-if=\"isOpenModalDeletePost\" @handleDeleteDone=\"handleDeletePostDone\"\r\n            @closeModal=\"closeModalDeletePost\" :posterId=\"posterClassSchoolIdCurrent\" />\r\n\r\n        <ModalCreateUpdateDocument :chapterId=\"chapterClassSchoolIdCurrent\" :postId=\"posterClassSchoolIdCurrent\"\r\n            :documentId=\"documentClassSchoolIdCurrent\"\r\n            @handleDoneModalPrepareQuestions=\"handleDoneModalPrepareQuestions\" \r\n            @handleShowModalLectureLibrary=\"handleShowModalLectureLibrary\"\r\n            v-if=\"isOpenModalCreateUpdateDocument\"\r\n            @closeModal=\"closeModalCreateUpdateDocument\" @handleDone=\"handleDoneDocument\" />\r\n\r\n        <ModalDeleteDocument v-if=\"isOpenModalDeleteDocument\" @handleDeleteDone=\"handleDeleteDocumentDone\"\r\n            @closeModal=\"closeModalDeleteDocument\" :documentId=\"documentClassSchoolIdCurrent\" />\r\n\r\n        <ModalCreateUpdatePrepareQuestions :documentName=\"documentNameCurrent\"\r\n            :documentId=\"documentClassSchoolIdCurrent\" @closeModal=\"closeModalPrepareQuestions\"\r\n            @handleDone=\"handleDonePrepareQuestions\" v-if=\"isShowModalCreateUpdatePrepareQuestions\" />\r\n\r\n        <ModalViewDocument :item=\"itemSelected\" v-if=\"isOpenModalViewDocument\" @closeModal=\"closeModalViewDocument\" />\r\n        <ModalLectureLibrary @handleDone=\"handleDoneModalLectureLibrary\" :form=\"dataDocumment\" v-if=\"isOpenModalLectureLibrary\" @closeModal=\"closeModalLectureLibrary\" />\r\n    </div>\r\n</template>\r\n<script>\r\nimport { TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK } from './../../../constants/constants_enum'\r\n\r\nimport ModalCreateUpdateChapter from './ModalCreateUpdateChapter'\r\nimport ChapterClassSchool from './ChapterClassSchool.vue'\r\nimport { listChapterClassSchool, changeOrderChapter } from './../../../_api/chapterClassSchoolServices'\r\nimport PostClassSchool from './PostClassSchool'\r\nimport ModalDeleteChapter from './ModalDeleteChapter'\r\nimport ModalCreateUpdatePost from './ModalCreateUpdatePost'\r\nimport ModalDeletePost from './ModalDeletePost'\r\nimport ModalCreateUpdateDocument from './ModalCreateUpdateDocument'\r\nimport DocumentClassSchool from './DocumentClassSchool'\r\nimport ModalDeleteDocument from './ModalDeleteDocument'\r\nimport ModalCreateUpdatePrepareQuestions from './ModalCreateUpdatePrepareQuestions'\r\nimport draggable from 'vuedraggable'\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport ModalViewDocument from './../../../_components/ModalViewDocument.vue'\r\nimport ModalLectureLibrary from './ModalLectureLibrary'\r\nexport default {\r\n    components: {\r\n        ModalCreateUpdateChapter,\r\n        ChapterClassSchool,\r\n        PostClassSchool,\r\n        ModalDeleteChapter,\r\n        ModalCreateUpdatePost,\r\n        ModalDeletePost,\r\n        ModalCreateUpdateDocument,\r\n        DocumentClassSchool,\r\n        ModalDeleteDocument,\r\n        ModalCreateUpdatePrepareQuestions,\r\n        draggable,\r\n        vueCustomScrollbar,\r\n        ModalViewDocument,\r\n        ModalLectureLibrary\r\n    },\r\n    props: {\r\n        dataElectronicLecture: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            FILE_LINK,\r\n            itemSelected: null,\r\n            isOpenModalViewDocument: false,\r\n            dragging: false,\r\n            isOpenModalCreateUpdateChapter: false,\r\n            isOpenModalCreateUpdatePoster: false,\r\n            isOpenModalCreateUpdateDocument: false,\r\n            isOpenModalDeleteDocument: false,\r\n            isOpenModalLectureLibrary: false,\r\n            paramQueryData: {\r\n                lessonClassSchoolId: this.dataElectronicLecture.id,\r\n                type: 2,\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 6000000,\r\n            },\r\n            listChapterClassSchool: [],\r\n            totalRecords: 0,\r\n            chapterClassSchoolIdCurrent: 0,\r\n            posterClassSchoolIdCurrent: 0,\r\n            documentClassSchoolIdCurrent: 0,\r\n            documentNameCurrent: '',\r\n            isOpenModalDeleteChapter: false,\r\n            isOpenModalDeletePost: false,\r\n            isShowModalCreateUpdatePrepareQuestions: false,\r\n            chapterSelectCurrent: null,\r\n            itemChapterCollapse : null,\r\n            dataDocumment:null\r\n        }\r\n    },\r\n    mounted() {\r\n        this.getListChapterClassSchool()\r\n    },\r\n    methods: {\r\n        handleDoneModalLectureLibrary(){\r\n            this.getListChapterClassSchool()\r\n            this.closeModalLectureLibrary()\r\n        },\r\n        closeModalLectureLibrary(){\r\n            this.isOpenModalLectureLibrary = false\r\n        },\r\n        handleShowModalLectureLibrary(data){\r\n            this.isOpenModalCreateUpdateDocument = false\r\n            this.isOpenModalLectureLibrary = true\r\n            this.dataDocumment = data\r\n        },\r\n        handleViewDocument(document) {\r\n            this.itemSelected = document\r\n            if (document.typeDocument == FILE_LINK) {\r\n                window.open(document.path, '_blank');\r\n            }\r\n            else {\r\n                this.isOpenModalViewDocument = true\r\n            }\r\n        },\r\n        closeModalViewDocument() {\r\n            this.isOpenModalViewDocument = false\r\n        },\r\n        onChangeDrag(event) {\r\n            console.log(event)\r\n        },\r\n        onDragStart(event) {\r\n            this.dragging = true\r\n        },\r\n        onDragEnd(event) {\r\n            let listOrder = []\r\n\r\n            for (let i = 0; i < this.listChapterClassSchool.length; i++) {\r\n                const item = this.listChapterClassSchool[i];\r\n                listOrder.push(Number(item.orderNo))\r\n            }\r\n\r\n            listOrder.sort(function (a, b) {\r\n                return a-b;\r\n            })\r\n\r\n            let listParams = []\r\n            for (let i = 0; i < this.listChapterClassSchool.length; i++) {\r\n                const item = this.listChapterClassSchool[i];\r\n                listParams.push({ id: item.id, orderNo: listOrder[i] })\r\n            }\r\n            changeOrderChapter(listParams)\r\n\r\n            this.dragging = false\r\n        },\r\n        handleToggerCollapse(item) {\r\n            for (let i = 0; i < this.listChapterClassSchool.length; i++) {\r\n                if (this.listChapterClassSchool[i].id != item.id) {\r\n                    this.listChapterClassSchool[i].isCollapse = false\r\n                }\r\n            }\r\n            item.isCollapse = !item.isCollapse\r\n            if(item.isCollapse){\r\n                this.itemChapterCollapse = item\r\n            }\r\n        },\r\n        \r\n        handleDonePrepareQuestions() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalPrepareQuestions()\r\n        },\r\n        handleDoneModalPrepareQuestions(data) {\r\n            this.documentClassSchoolIdCurrent = data.id\r\n            this.documentNameCurrent = data.name\r\n            this.isShowModalCreateUpdatePrepareQuestions = true\r\n        },\r\n        closeModalPrepareQuestions() {\r\n            this.isShowModalCreateUpdatePrepareQuestions = false\r\n            this.getListChapterClassSchool()\r\n        },\r\n        handleDeleteDocument(item) {\r\n            this.documentClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeleteDocument = true\r\n        },\r\n        handleEditDocument(item) {\r\n            this.documentClassSchoolIdCurrent = item.id\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateDocument = true\r\n        },\r\n        handleDeleteDocumentDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeleteDocument()\r\n        },\r\n        closeModalDeleteDocument() {\r\n            this.isOpenModalDeleteDocument = false\r\n        },\r\n        handleAddDocument(item) {\r\n\r\n            this.documentClassSchoolIdCurrent = 0\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateDocument = true\r\n        },\r\n        handleDoneDocument() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdateDocument()\r\n        },\r\n        closeModalCreateUpdateDocument() {\r\n            this.isOpenModalCreateUpdateDocument = false\r\n        },\r\n        handleDeletePost(item) {\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeletePost = true\r\n        },\r\n        closeModalDeletePost() {\r\n            this.isOpenModalDeletePost = false\r\n        },\r\n        handleDeletePostDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeletePost()\r\n        },\r\n        handleEditPost(item) {\r\n            console.log(`chapter:${item.chapterId},post:${item.id}`)\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdatePoster = true\r\n        },\r\n        handleAddPost(item) {\r\n            //oke\r\n            console.log('chapter:', item.id)\r\n            this.posterClassSchoolIdCurrent = 0\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.chapterSelectCurrent = item\r\n            this.isOpenModalCreateUpdatePoster = true\r\n        },\r\n        handleDonePoster() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdatePoster()\r\n        },\r\n        closeModalCreateUpdatePoster() {\r\n            this.isOpenModalCreateUpdatePoster = false\r\n        },\r\n        closeModalDeleteChapter() {\r\n            this.isOpenModalDeleteChapter = false\r\n        },\r\n        handleDeleteDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeleteChapter()\r\n        },\r\n        handleDeleteChapter(item) {\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeleteChapter = true\r\n        },\r\n        handleEditChapter(item) {\r\n            console.log(item)\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateChapter = true\r\n        },\r\n        handleAddChapter() {\r\n            //set\r\n            this.chapterClassSchoolIdCurrent = 0\r\n            this.isOpenModalCreateUpdateChapter = true\r\n            this.itemChapterCollapse=null\r\n        },\r\n        closeModalCreateUpdateChapter() {\r\n            this.isOpenModalCreateUpdateChapter = false\r\n        },\r\n        handleDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdateChapter()\r\n        },\r\n        getListChapterClassSchool() {\r\n            let self = this\r\n            listChapterClassSchool(this.paramQueryData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.listChapterClassSchool = res.data.list\r\n                    self.listChapterClassSchool.forEach(element => {\r\n                        if (element.id ==(this.itemChapterCollapse?this.itemChapterCollapse.id:0)) {\r\n                            element.isCollapse = true\r\n                        }\r\n                    });\r\n                    self.totalRecords = res.data.paging.totalRecords\r\n                }\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-10 {\r\n    margin-top: 20px;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.icon-plus {\r\n    width: 20px;\r\n    top: 0px !important;\r\n    display: inline-block;\r\n}\r\n\r\n.b-chapter-scroll {\r\n    max-height: 63vh;\r\n    overflow-y: auto;\r\n}\r\n\r\n.b-post-scroll {\r\n    max-height: 30vh;\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!./TabContentElectronicLecture.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!./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabContentElectronicLecture.vue?vue&type=template&id=36e947ab&scoped=true&\"\nimport script from \"./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"\nexport * from \"./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabContentElectronicLecture.vue?vue&type=style&index=0&id=36e947ab&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  \"36e947ab\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <section>\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=\"/soan-tai-lieu\">Soạn tài liệu</router-link></li>\r\n                    <li><router-link to=\"/soan-tai-lieu\">Bài giảng điện tử</router-link></li>\r\n                    <li><router-link to=\"\">{{ nameLecture }}</router-link></li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"container\">\r\n            <div class=\"name-leson mt-3\">\r\n                <h4 v-if=\"!isEditNameLesson\">\r\n                    <strong>{{ dataElectronicLecture.name }}</strong>\r\n                    <img @click=\"handleEditNameLesson\" class=\"icon-edit\" src=\"@/assets/img/edit.png\"\r\n                        v-if=\"Number(isEdit) == 1\" />\r\n                </h4>\r\n                <div v-else class=\"display-flex\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-6\">\r\n                            <b-form-input id=\"numberLesson\" v-model=\"nameLesson\" type=\"text\"\r\n                                placeholder=\"Nhập tên bài giảng\" autocomplete=\"off\" class=\"form-control\" />\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                            <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\"\r\n                                @click=\"handleCancelEditNameLesson\">Hủy</a>\r\n                            <a href=\"javascript:;\" class=\"btn btn-agree font-size-17 btn-delete\"\r\n                                @click=\"handleUpdateName()\">Đồng ý</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <b-tabs pills>\r\n                <b-tab @click=\"handleOnChangeTab(tabInfo)\" title=\"Thông tin\" :active=\"tabActive == tabInfo\">\r\n                    <TabInfoElectronicLecture :type=\"ELECTRONIC_LECTURE_WAREHOUSE\"\r\n                        @getDetailLessonClassSchool=\"getDetailLessonClassSchool\"\r\n                        :dataElectronicLecture=\"dataElectronicLecture\"\r\n                        v-if=\"tabActive == tabInfo && dataElectronicLecture.name\" :isEdit=\"Number(isEdit)\" />\r\n                </b-tab>\r\n                <b-tab @click=\"handleOnChangeTab(tabContent)\" title=\"Nội dung\" :active=\"tabActive == tabContent\">\r\n                    <TabContentElectronicLecture :type=\"ELECTRONIC_LECTURE_WAREHOUSE\"\r\n                        :dataElectronicLecture=\"dataElectronicLecture\"\r\n                        v-if=\"tabActive == tabContent && dataElectronicLecture.name\" :isEdit=\"Number(isEdit)\" />\r\n                </b-tab>\r\n                <b-tab @click=\"handleOnChangeTab(tabDocument)\" title=\"Tài liệu đính kèm\"\r\n                    :active=\"tabActive == tabDocument\">\r\n                    <TabAttachment :type=\"ELECTRONIC_LECTURE_WAREHOUSE\" :dataElectronicLecture=\"dataElectronicLecture\"\r\n                        v-if=\"tabActive == tabDocument && dataElectronicLecture.name\" :isEdit=\"Number(isEdit)\" />\r\n                </b-tab>\r\n            </b-tabs>\r\n        </div>\r\n    </section>\r\n</template>\r\n<script>\r\nimport TabInfoElectronicLecture from './_components/TabInfoElectronicLecture'\r\nimport TabContentElectronicLecture from './_components/TabContentElectronicLecture'\r\nimport { getAuth } from \"@/utils/jwt\";\r\nimport { ROLE_TEACHER, ROLE_PUPIL } from \"@/store/auth/constants\";\r\nimport { getDetail, saveLessonClassSchool } from './../../_api/LessonClassSchoolServices'\r\nimport TabAttachment from './_components/TabAttachment'\r\nimport { PLANING_LESSON_WAREHOUSE, ELECTRONIC_LECTURE_WAREHOUSE } from './../../constants/constants_enum'\r\nexport default {\r\n    components: {\r\n        TabInfoElectronicLecture,\r\n        TabContentElectronicLecture,\r\n        TabAttachment\r\n    },\r\n    data() {\r\n        return {\r\n            isEditNameLesson: false,\r\n            PLANING_LESSON_WAREHOUSE, ELECTRONIC_LECTURE_WAREHOUSE,\r\n            tabActive: 2,\r\n            tabInfo: 1,\r\n            tabContent: 2,\r\n            tabDocument: 3,\r\n            nameLesson: '',\r\n            dataElectronicLecture: {\r\n                id: 0,\r\n                name: '',\r\n                bookTypeId: '',\r\n                classId: '',\r\n                subjectId: '',\r\n                numberLesson: '',\r\n                description: '',\r\n                isPublic: false,\r\n                type: 2\r\n            },\r\n            authInfo: getAuth(),\r\n            roleTeacher: ROLE_TEACHER,\r\n            roleHocSinh: ROLE_PUPIL,\r\n            nameLecture: '',\r\n            isEdit: 0,\r\n        }\r\n\r\n    },\r\n    mounted() {\r\n        this.nameLecture = this.$router.history.current.query.name\r\n        if (this.authInfo.roleCode == this.roleHocSinh) {\r\n            this.$router.push('/danh-sach-lop-hoc')\r\n        }\r\n\r\n        this.dataElectronicLecture.id = this.$route.query.id\r\n        if (this.dataElectronicLecture.id > 0) {\r\n            this.getDetailLessonClassSchool()\r\n        }\r\n        this.isEdit = this.$route.query.isEdit\r\n    },\r\n    methods: {\r\n        handleUpdateName() {\r\n            this.dataElectronicLecture.name = this.nameLesson\r\n            let self = this\r\n            saveLessonClassSchool(this.dataElectronicLecture).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Cập nhật thông tin thành công')\r\n                    self.handleCancelEditNameLesson()\r\n                }\r\n            })\r\n        },\r\n        handleCancelEditNameLesson() {\r\n            this.isEditNameLesson = false\r\n        },\r\n        handleEditNameLesson() {\r\n            this.nameLesson = this.dataElectronicLecture.name\r\n            this.isEditNameLesson = true\r\n        },\r\n        getDetailLessonClassSchool() {\r\n\r\n            let self = this\r\n            getDetail(this.dataElectronicLecture.id).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.dataElectronicLecture = {\r\n                        id: res.data.id,\r\n                        name: res.data.name,\r\n                        bookTypeId: res.data.bookTypeId,\r\n                        classId: res.data.classId,\r\n                        subjectId: res.data.subjectId,\r\n                        numberLesson: res.data.numberLesson,\r\n                        description: res.data.description,\r\n                        isPublic: res.data.isPublic,\r\n                        type: res.data.type,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleOnChangeTab(tab) {\r\n            this.tabActive = tab\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.icon-edit {\r\n    width: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-agree {\r\n    margin-left: 10px;\r\n    background: #0f3dba;\r\n    color: white;\r\n    line-height: 19px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 20px;\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!./DetailElectronicLectureWarehouse.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!./DetailElectronicLectureWarehouse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailElectronicLectureWarehouse.vue?vue&type=template&id=4548e3e2&scoped=true&\"\nimport script from \"./DetailElectronicLectureWarehouse.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailElectronicLectureWarehouse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailElectronicLectureWarehouse.vue?vue&type=style&index=0&id=4548e3e2&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  \"4548e3e2\",\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!./ModalLectureLibrary.vue?vue&type=style&index=1&id=751661d7&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!./DocumentClassSchool.vue?vue&type=style&index=0&id=367b18e6&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!./PostClassSchool.vue?vue&type=style&index=0&id=a0589dce&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!./ModalViewDocument.vue?vue&type=style&index=0&id=6b40bd03&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!./ModalDeletePost.vue?vue&type=style&index=0&id=3c118577&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app-cke\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{attrs:{\"id\":(\"myQuillEditor_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_q_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"\\n\\t    \\t\\tTải lên media\\n\\t    \\t\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === 'image' ? 'ảnh' : 'media')+\" thông qua link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"form-group form-editor-media position-rel text-center display-flex-center justify-content-center\"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === 'image' ? 'ảnh' : 'media'))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video' ? 'video/mp4,video/x-m4v,video/*' : 'audio/*'},on:{\"change\":_vm.uploadMedia}})])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div id=\"app-cke\" @mouseleave=\"mouseLeave\">\r\n    \t<vue-ckeditor \r\n    \t\t:id=\"`myQuillEditor_${position}`\"\r\n\t      \tv-model=\"content\" \r\n\t      \t:config=\"config\" \r\n\t      \t@blur=\"onBlur($event)\" \r\n\t      \t@focus=\"onFocus($event)\"\r\n\t    />\r\n\t    <b-modal :id=\"`modal_upload_q_${position}`\" hide-footer>\r\n\t    \t<template v-slot:modal-title>\r\n\t    \t\tTải lên media\r\n\t    \t</template>\r\n\t    \t<div class=\"d-block text-center\">\r\n\t    \t\t<div class=\"form-group\">\r\n\t\t\t    \t<label class=\"display-block font-weight-bold\">Tải {{typeUpload === 'image' ? 'ảnh' : 'media'}} thông qua link</label>\r\n\t\t\t    \t<input type=\"text\" class=\"form-control full-width\" ref=\"link_media\">\r\n\t\t    \t</div>\r\n\t\t    \t<p class=\"display-block text-center full-width hr-center position-rel\">\r\n\t\t    \t\t<span class=\"position-rel\">Hoặc</span>\r\n\t\t    \t</p>\r\n\t\t    \t<div class=\"form-group form-editor-media position-rel text-center display-flex-center justify-content-center\">\r\n\t\t    \t\t<span class=\"margin-0\">Tải lên {{typeUpload === 'image' ? 'ảnh' : 'media'}}</span>\r\n\t\t    \t\t<input v-if=\"typeUpload === 'image'\" type=\"file\" name=\"\" id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\" accept=\"image/*\">\r\n\t\t\t\t\t<input \r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t\ttype=\"file\" \r\n\t\t\t\t\t\tref=\"upMedia\" \r\n\t\t\t\t\t\t@change=\"uploadMedia\" \r\n\t\t\t\t\t\t:accept=\"typeUpload === 'video' ? 'video/mp4,video/x-m4v,video/*' : 'audio/*'\"\r\n\t\t\t\t\t>\r\n\t\t    \t</div>\r\n\t    \t</div>\r\n\t    </b-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\timport VueCkeditor from 'vue-ckeditor2';\r\n\t// import mixins from '@/helpers/mixins';\r\n\timport { CHANGE_TXT_QUESTION } from '@/store/common/constants';\r\n\timport { mapGetters, mapActions } from 'vuex';\r\n\timport { replaceHtmlMathlive, setAlignImgEditor, fillBlankEditor, convertOldKatexData2Img } from '@/helpers/functions';\r\n\timport { uploadImg } from '@/store/common/api';\r\n\timport { APP_CONFIG } from '@/utils/constants'\r\n\t// const imgVideo = require('@/assets/images/video.png')\r\n\t// const imgAudio = require('@/assets/images/audio.png')\r\n\t// const imgFx = require('@/assets/images/fx.png')\r\n\t// const imgDraw = require('@/assets/images/draw.png')\r\n\tCKEDITOR.plugins.addExternal('ckeditor_wiris', '/libs/mathtype/plugin.js');\r\n\r\n\tif(!CKEDITOR.plugins.get('niw_btn')) {\r\n\t\tCKEDITOR.plugins.add('niw_btn', {\r\n\t\t    init: function(editor) {\r\n\t\t        // Button drawshape\r\n\t\t        // editor.ui.addButton('drawShape', {\r\n\t         //        label: 'Vẽ hình',\r\n\t         //        command: 'drawShape',\r\n\t         //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n\t         //        toolbar: 'insert'\r\n\t         //    });\r\n\r\n\t\t\t\t// Button upload img\r\n\t\t\t\teditor.ui.addButton('uploadImg', {\r\n\t                label: 'Tải hình ảnh',\r\n\t                command: 'uploadImg',\r\n\t                icon: 'https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14',\r\n\t                toolbar: 'insert'\r\n\t            });\r\n\r\n\t\t\t\t// Button upload Video\r\n\t\t\t\teditor.ui.addButton('uploadVideo', {\r\n\t                label: 'Tải video',\r\n\t                command: 'uploadVideo',\r\n\t                icon: 'https://image.flaticon.com/icons/svg/60/60813.svg',\r\n\t                toolbar: 'insert'\r\n\t            });\r\n\r\n\t\t\t\t// Button upload Audio\r\n\t\t\t\teditor.ui.addButton('uploadAudio', {\r\n\t                label: 'Tải audio',\r\n\t                command: 'uploadAudio',\r\n\t                icon: 'https://image.flaticon.com/icons/svg/126/126508.svg',\r\n\t                toolbar: 'insert'\r\n\t            });\r\n\t\t    }\r\n\t\t});\r\n\t}\r\n\r\n\texport default {\r\n\t\tname: 'EditorCK',\r\n\t\t// mixins: [mixins],\r\n\t\tprops: ['contentEditor', 'fillBlank', 'position', 'selectBox', 'toolbar', 'editorHeight'],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tcontent: '',\r\n\t\t\t\teditor: null,\r\n\t\t\t\ttypeUpload: '',\r\n\t\t        visibleModalMedia: false,\r\n\t\t       \tlinkMediaUploaded: '',\r\n\t\t\t\tconfig: {\r\n\t\t\t\t\ttoolbar: [\r\n          \t{ name: 'document', items: [ 'Source'] },\r\n          \t{ name: 'styles', items: [ 'Format', 'Font', 'FontSize' ] },\r\n\t\t\t\t\t\t{ name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat' ] },\r\n\t\t\t\t\t\t{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },\r\n\t\t\t\t\t\t{ name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },\r\n\t\t\t\t\t\t{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },\r\n\t\t\t\t\t\t{ name: 'insert', items: [ 'Media', 'uploadImg', 'uploadVideo', 'uploadAudio', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe', 'ckeditor_wiris_formulaEditor','ckeditor_wiris_formulaEditorChemistry' ] },\r\n\t\t\t        ],\r\n\t\t\t        height: 200,\r\n\t\t\t        extraPlugins: 'niw_btn,ckeditor_wiris',\r\n    \t\t\t\tallowedContent: true,\r\n    \t\t\t\tfont_defaultLabel: 'Arial',\r\n\t\t\t\t\tfontSize_defaultLabel: 12,\r\n\t\t\t\t\tcontentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"]\r\n    \t\t\t\t// extraAllowedContent: mathElements.join( ' ' ) + '(*)[*]{*};img[data-mathml,data-custom-editor,role](Wirisformula)'\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomponents: { VueCkeditor },\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({\r\n\t\t      \tmath_value: `common/math_value`,\r\n\t\t      \topen_math: `common/open_math`,\r\n\t\t      \teditor_selection: 'common/editor_selection',\r\n\t\t      \t// draw_shape_data: 'common/draw_shape_data',\r\n\t\t      \ttoggle_draw: 'common/toggle_draw',\r\n\t\t    }),\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\t// draw_shape_data(newVal, oldVal) {\r\n\t\t //    \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n\t\t\t// \t    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n\t\t\t// \t    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n\t\t\t// \t    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n\t\t\t// \t    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n\t\t\t// \t    CKEDITOR.instances[`myQuillEditor_${newVal.position}`].insertHtml(htmlData);\r\n\t\t\t// \t\tthis.setDrawShapeData(null);\r\n\t\t //    \t}\r\n\t\t //    },\r\n\t\t\t'content': 'onChangeContent',\r\n\t\t\t'contentEditor': function(){\r\n\t\t\t\tthis.content = this.contentEditor;\r\n\t\t\t},\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\t// Convert old data use Katex\r\n\t\t\t// this.convertKatex2Img()\r\n\t\t\tthis.content = this.contentEditor ? this.contentEditor : '';\r\n\t\t\tif(this.toolbar !== ''){\r\n\t\t\t\tthis.config.toolbar = this.toolbar;\r\n\t\t\t}\r\n\t\t\tif(this.editorHeight > 0){\r\n\t\t\t\tthis.config.height = this.editorHeight;\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\t// All action for all button\r\n\t\t\tthis.actionNiwBtn();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions(`common`, ['toggleFormMath', 'setContentSelectEditor', 'toggleDrawTool', 'setDrawShapeData']),\r\n\r\n\t\t\tconvertKatex2Img() {\r\n\t\t\t\tif(this.contentEditor) {\r\n\t\t\t\t\tthis.content = convertOldKatexData2Img(this.contentEditor);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tactionNiwBtn() {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tlet editor = CKEDITOR.instances[`myQuillEditor_${self.position}`];\r\n\t\t        // Button drawshape\r\n\t            editor.addCommand(\"drawShape\", {\r\n\t\t\t\t    exec: function(edt) {\r\n\t\t\t\t        self.openDrawTool(self.position);\r\n\t\t\t\t    }\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// Button upload img\r\n\t            editor.addCommand(\"uploadImg\", {\r\n\t\t\t\t    exec: function(edt) {\r\n\t\t\t\t        self.openModalUploadMedia('image')\r\n\t\t\t\t    }\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// Button upload Video\r\n\t            editor.addCommand(\"uploadVideo\", {\r\n\t\t\t\t    exec: function(edt) {\r\n\t\t\t\t        self.openModalUploadMedia('video')\r\n\t\t\t\t    }\r\n\t\t\t\t});\r\n\t\t\t\t// Button upload Audio\r\n\t            editor.addCommand(\"uploadAudio\", {\r\n\t\t\t\t    exec: function(edt) {\r\n\t\t\t\t        self.openModalUploadMedia('audio')\r\n\t\t\t\t    }\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n            onBlur(evt) {\r\n            \tthis.mouseLeave()\r\n\t\t      \t// console.log('Blur: ');\r\n\t\t  //     \tlet html = evt.editor.getData()\r\n\t\t\t\t// let frame = document.querySelector(`#${evt.editor.id}_contents iframe`);\r\n\t\t\t\t// let cntnt = frame.contentWindow.document;\r\n\t\t\t\t// let parag = cntnt.getElementsByTagName(\"p\");\r\n\t\t\t\t// let legthParag = parag.length;\r\n\t\t\t\t// let contentEdit = '';\r\n\t\t\t\t// for(let i = 0; i < legthParag; i++) {\r\n\t\t\t\t// \tcontentEdit += parag[i].outerHTML;\r\n\t\t\t\t// }\r\n\t\t\t\t// console.log(parag.length, contentEdit);\r\n\t\t      \t// this.onEditorChange(evt.editor._.data)\r\n\t\t    },\r\n\t\t    onFocus(evt) {\r\n\t\t    \t// this.mouseLeave()\r\n\t\t  //     \tconsole.log('Focus: ', evt);\r\n\t\t  //     \t// evt.editor.change();\r\n\t\t  //     \tlet frame = document.querySelector(`#${evt.editor.id}_contents iframe`);\r\n\t\t\t\t// let cntnt = frame.contentWindow.document;\r\n\t\t\t\t// let parag = cntnt.getElementsByTagName(\"p\");\r\n\t\t\t\t// let legthParag = parag.length;\r\n\t\t\t\t// let contentEdit = '';\r\n\t\t\t\t// for(let i = 0; i < legthParag; i++) {\r\n\t\t\t\t// \tcontentEdit += parag[i].outerHTML;\r\n\t\t\t\t// }\r\n\t\t\t\t// // console.log(parag.length, contentEdit, evt.editor._.data);\r\n\t\t\t\t// // console.log(CKEDITOR.plugins.externals.ckeditor_wiris, CKEDITOR.dialog.on('ckeditor_wiris'));\r\n\t\t  //     \tthis.onEditorChange(contentEdit)\r\n\t\t      \t// document.getElementById(\"app-cke\").click();\r\n\r\n\t\t      \t// this.onEditorChange(evt.editor._.data)\r\n\t\t      \t// this.mouseLeave()\r\n\t\t    },\r\n\r\n\t\t    mouseLeave() {\r\n\t\t    \t// console.log('Mouse leave: ');\r\n\t\t    \tlet frame = document.querySelector(`#cke_myQuillEditor_${this.position} iframe`);\r\n\t\t    \tif(frame){\r\n\t\t\t\t\tlet cntnt = frame.contentWindow.document;\r\n\t\t\t\t\t// let parag = cntnt.getElementsByTagName(\"p\");\r\n\t\t\t\t\tlet parag = cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n\t\t\t\t\tlet legthParag = parag.length;\r\n\t\t\t\t\tlet contentEdit = '';\r\n\t\t\t\t\tif(legthParag > 0) {\r\n\t\t\t\t\t\tfor(let i = 0; i < legthParag; i++) {\r\n\t\t\t\t\t\t\tcontentEdit += parag[i].outerHTML;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// console.log('AAAAAAAAAA', parag.length, contentEdit);\r\n\t\t\t\t\tthis.onEditorChange(contentEdit)\r\n\t\t    \t}\r\n\t\t    },\r\n\r\n\t\t    onChangeContent(val) {\r\n\t\t\t\tlet editor = CKEDITOR.instances[`myQuillEditor_${this.position}`];\r\n\t\t\t\tif(val == editor.getData()){\r\n\t\t\t\t\teditor && this.onEditorChange(editor._.data)\r\n\t\t    \t\teditor && this.onEditorChange(editor.getData())\r\n\t\t\t\t}\r\n\t\t    },\r\n\r\n\t\t    onEditorChange(html) {\r\n\t\t    \t//console.log('onchange', data);\r\n\t\t\t\tlet data = {html, position: this.position};\r\n\t\t\t\tthis.$emit(`onEditorChange`, data);\r\n\t\t\t},\r\n\t\t\tuploadImage(evt) {\r\n\t\t\t\tlet self = this;\r\n        console.log('UPload file:', evt);\r\n\t\t\t\t\r\n\t\t\t\t// const files = evt.target.files[0];\r\n\t\t\t\t// if (files) {\r\n\t\t\t\t\tuploadImg(evt).then(res => {\r\n            console.log('Upload success: ', APP_CONFIG, res);\r\n\t\t\t\t\t\tlet linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n\t\t\t\t\t\t\t// console.log('2222222222222222222222',linkImg);\r\n    \t\t\t\tlinkImg && self.insertEmbedEditor('image', linkImg);\r\n\t\t\t\t\t})\r\n\t\t\t\t// }\r\n\t\t\t},\r\n\r\n\t\t    openMathKeyboard(editor) {\r\n\t\t\t\tthis.toggleFormMath({visible: true, editor});\r\n\t\t\t},\r\n\r\n\t\t\taddFillBlankQuestion(type = 'blank') {\r\n\t\t\t\tfillBlankEditor(type, `myQuillEditor_${this.position}`);\r\n\t\t\t},\r\n\r\n\t\t\topenModalUploadMedia(type) {\r\n\t\t\t\tthis.typeUpload = type;\r\n\t\t\t\t// this.visibleModalMedia = true;\r\n\t\t\t\tthis.$bvModal.show(`modal_upload_q_${this.position}`)\r\n\t\t\t},\r\n\r\n\t\t\tinsertEmbedEditor(type = 'image', link, embed = false) {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tlet htmlData;\r\n\t\t\t\tif(type === 'image') {\r\n\t\t\t\t\thtmlData = `<img src=\"${link}\">`\r\n\t\t\t\t} else if (type === 'video') {\r\n\t\t\t\t\tif(embed && link.includes('youtube')) {\r\n\t\t\t\t\t\thtmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`\r\n\t\t\t\t\t} else if (embed && link.includes('vimeo')) {\r\n\t\t\t\t\t\thtmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\thtmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else if (type === 'audio') {\r\n\t\t\t\t\thtmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n\t\t\t\t}\r\n\t\t\t\tCKEDITOR.instances[`myQuillEditor_${self.position}`].insertHtml(htmlData);\r\n\t\t\t\t\r\n\t\t        if(type === 'image') {\r\n\t\t        \tself.$refs.upImg.value = '';\r\n\t\t        } else {\r\n\t\t        \tself.$refs.link_media.value = '';\r\n\t\t\t\t\tself.$refs.upMedia.value = '';\r\n\t\t        }\r\n\t\t        this.$bvModal.hide(`modal_upload_q_${this.position}`)\r\n\t\t        // self.visibleModalMedia = false;\r\n\t\t\t},\r\n\r\n\t\t\tuploadMedia(evt) {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\t// self.visibleModalMedia = false;\r\n\t\t\t\t// const files = evt.target.files[0];\r\n\t\t\t\t// console.log(files);\r\n\t\t\t\t// if (files) {\r\n\t\t\t\t\tuploadImg(evt).then(res => {\r\n\t\t\t\t\t\t// console.log(res);\r\n\t\t\t\t\t\t// let quill = self.$refs[`myQuillEditor_${this.position}`].quill\r\n    \t\t\t\t\t// let index = quill.getSelection() ? quill.getSelection().index : 0;\r\n    \t\t\t\t\tlet linkImg = res;\r\n    \t\t\t\t\t// quill.insertEmbed(index, 'video', linkImg)\r\n\t\t\t\t     //    quill.setSelection(index + 1)\r\n\t\t\t\t     //    this.$refs.upImg.value = '';\r\n\t\t\t\t\t})\r\n\t\t\t\t// }\r\n\t\t\t},\r\n\r\n\t\t\thandleDoneUpload() {\r\n\t\t\t\t// console.log('Done: ', this.$refs);\r\n\t\t\t\tlet linkSocial = this.$refs.link_media.value;\r\n\t\t\t\tlet linkMedia = linkSocial;\r\n\t\t\t\tlet embedVideo = false;\r\n\t\t\t\tif(linkSocial && linkSocial !== undefined) {\r\n\t\t\t\t\tif( linkSocial.includes('youtube') ) {\r\n\t\t\t\t\t\tlet linkYT = linkSocial.split('.com/watch?v=');\r\n\t\t                linkMedia = linkYT[0] + '.com/embed/' + linkYT[1];\r\n\t\t                embedVideo = true;\r\n\t\t\t\t\t} else if ( linkSocial.includes('vimeo') ) {\r\n\t\t\t\t\t\tlet linkVM = link.split('vimeo.com/');\r\n\t                \tlinkMedia = linkVM[0] + 'player.vimeo.com/video/' + linkVM[1];\r\n\t                \tembedVideo = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlinkMedia = this.linkMediaUploaded;\r\n\t\t\t\t}\r\n\t\t\t\tconsole.log(linkMedia);\r\n\t\t\t\t\r\n\t\t        linkMedia && this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n\t\t        // this.visibleModalMedia = false;\r\n\t\t\t},\r\n\r\n\t\t\thandleCancelUpload() {\r\n\t\t\t\tif(this.$refs.link_media && this.$refs.link_media.value) {\r\n\t\t\t\t\tthis.$refs.link_media.value = '';\r\n\t\t\t\t}\r\n\t\t\t\tif(this.$refs.upMedia && this.$refs.upMedia.value) {\r\n\t\t\t\t\tthis.$refs.upMedia.value = '';\r\n\t\t\t\t}\r\n\t\t\t\tthis.$bvModal.hide(`modal_upload_q_${this.position}`)\r\n\t\t\t\t// this.visibleModalMedia = false;\r\n\t\t\t\tthis.toggleFormMath({visible: false, editor: null});\r\n\t\t\t},\r\n\r\n\t\t\topenDrawTool(location) {\r\n\t\t\t\tthis.toggleDrawTool(true);\r\n\t\t\t\tthis.setDrawShapeData({position: location, type: 'question'});\r\n\t\t\t},\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.editor-modal-media {\r\n\t\tlabel {\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t}\r\n\t\tinput {\r\n\t\t\tmin-width: 100%;\r\n\t\t}\r\n\t\t.hr-center {\r\n\t\t\tmargin: 15px 0;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\theight: 1px;\r\n\t\t\t\twidth: 60%;\r\n\t\t\t\tbackground: #ccc;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\r\n\t\t\tspan {\r\n\t\t\t\tpadding: 0 20px;\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.form-editor-media {\r\n\t\t\twidth: 120px;\r\n\t\t    height: 120px;\r\n\t\t    border: 1px solid #d1d1d1;\r\n\t\t    margin: 0 auto;\r\n\r\n\t\t    input {\r\n\t\t    \tposition: absolute;\r\n\t\t    \ttop: 0;\r\n\t\t    \tleft: 0;\r\n\t\t    \twidth: 100%;\r\n\t\t    \theight: 100%;\r\n\t\t    \topacity: 0;\r\n\t\t    \tcursor: pointer;\r\n\t\t    }\r\n\t\t}\r\n\t}\r\n\t.cke_button__uploadvideo {background: red;}\r\n\t.cke_button__uploadvideo .cke_label{display:inline;}\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!./EditorCK.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!./EditorCK.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorCK.vue?vue&type=template&id=e7adb8ee&scoped=true&\"\nimport script from \"./EditorCK.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorCK.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditorCK.vue?vue&type=style&index=0&id=e7adb8ee&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  \"e7adb8ee\",\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!./EditorCK.vue?vue&type=style&index=0&id=e7adb8ee&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!./ModalViewInformation.vue?vue&type=style&index=0&id=d845a594&lang=scss&scoped=true&\""],"sourceRoot":""}