{"version":3,"sources":["webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabInfoElectronicLecture.vue?d876","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabInfoElectronicLecture.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabInfoElectronicLecture.vue?2731","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabInfoElectronicLecture.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModelDeleteFile.vue?e73a","webpack:///./node_modules/vue-ckeditor2/dist/vue-ckeditor2.esm.js","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateFile.vue?3ed0","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/components/EditorCKNew.vue?84f4","webpack:///src/components/EditorCKNew.vue","webpack:///./src/components/EditorCKNew.vue?667a","webpack:///./src/components/EditorCKNew.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabInfoElectronicLecture.vue?f06f","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabAttachment.vue?073d","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateFile.vue?9432","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateFile.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateFile.vue?6a05","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateFile.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModelDeleteFile.vue?b5a0","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModelDeleteFile.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModelDeleteFile.vue?714c","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModelDeleteFile.vue","webpack:///./src/modules/class-school/_components/ModalViewFile.vue?93a6","webpack:///src/modules/class-school/_components/ModalViewFile.vue","webpack:///./src/modules/class-school/_components/ModalViewFile.vue?89f7","webpack:///./src/modules/class-school/_components/ModalViewFile.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabAttachment.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabAttachment.vue?051b","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabAttachment.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue?2d6f","webpack:///./src/modules/class-school/_api/LessonClassSchoolServices.js","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/components/EditorCKNew.vue?6669","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/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?45a8","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?e8b3","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/directives/debounce.js","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?87f7","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?4bb5","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue?fe66","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabAttachment.vue?ac54","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?8a21","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?e833","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?0a18","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?ff02","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/_components/ModalViewDocument.vue?399c","webpack:///./src/modules/class-school/_api/index.js","webpack:///./src/modules/class-school/_components/ModalViewFile.vue?351b","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?e86e","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?a573","webpack:///./src/components/EditorCKNew.vue?0e86","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue?33cc","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":["render","_vm","this","_h","$createElement","_c","_self","_m","staticClass","_v","attrs","listBookType","isEdit","model","value","form","callback","$$v","$set","expression","listDataClass","listDataSubject","isEditNumberLesson","on","handleCancelEditNumberLesson","$event","handleUpdate","_s","numberLesson","handleEditNumberLesson","_e","isEditDescription","handleCancelEditDescription","description","handleEditDescription","staticRenderFns","props","dataElectronicLecture","type","default","data","id","name","bookTypeId","classId","subjectId","isPublic","watch","mounted","console","methods","onChangePublic","e","handleChangePublic","param","changePublicLessonClassSchool","saveLessonClassSchool","self","getDetailLessonClassSchool","getTypesFilter","getAllTypeFilter","text","GetAllClass","getAllClassFilter","component","t","Date","getTime","a","r","c","u","h","options","_compiled","s","functional","i","_scopeId","o","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","n","call","_registeredComponents","add","_ssrRegister","d","$root","$options","shadowRoot","f","l","beforeCreate","concat","types","config","disabled","readOnlyMode","domProps","String","Object","instanceReadyCallback","Function","Boolean","instanceValue","computed","instance","CKEDITOR","instances","update","setReadOnly","create","log","inline","replace","setData","onChange","onMode","$emit","setTimeout","$once","destroy","internal","window","mode","editable","attachListener","getData","mouseLeave","position","onBlur","onFocus","content","scopedSlots","_u","key","fn","proxy","typeUpload","ref","uploadImage","uploadMedia","init","editor","label","command","icon","toolbar","visibleModalMedia","linkMediaUploaded","groups","height","extraPlugins","allowedContent","font_defaultLabel","fontSize_defaultLabel","contentsCss","removeButtons","components","VueCkeditor","mapGetters","math_value","open_math","editor_selection","toggle_draw","created","mapActions","convertKatex2Img","actionNiwBtn","exec","evt","contentEdit","onChangeContent","val","onEditorChange","html","uploadImg","linkImg","openMathKeyboard","visible","addFillBlankQuestion","fillBlankEditor","openModalUploadMedia","insertEmbedEditor","htmlData","link","handleDoneUpload","linkMedia","embedVideo","handleCancelUpload","openDrawTool","location","handleCreateUpdateFile","listDataFile","length","_l","item","index","handleOnViewFile","fileName","formatSizeFile","sizeFile","handleEditName","handleDeleteFile","totalRecords","paramQueryData","pageSize","fileIdCurrent","closeModal","handleDone","closeModalDelete","handleDeleteDone","pathSelected","closeModalViewFile","resetModal","getNameTitle","preventDefault","handleSave","apply","arguments","$v","required","submitted","fileId","onChangeUploadFile","file","class","isDragging","dragoverUploadFile","dragleaveUploadFile","dropUploadFile","onUploadFile","handleOnRemoveFile","isLoading","handleHideModal","typeDocument","confirmActive","lessonClassSchoolId","path","validations","getDetailFileClassSchool","getDetail","checkType","formData","saveFileClassSchool","toggleModal","handleShowModal","handleDelete","screenWidth","deleteFileClassSchool","ViewFile","isOpenModalCreateUpdateFile","keyword","pageIndex","isOpenModalDeleteFile","isShowFile","ModalCreateUpdateFile","ModelDeleteFile","ModalViewFile","filterDataByKeyword","getDataFile","listFileClassSchool","params","apiEndpoint","HttpService","post","then","res","catch","saveExcerciseClassSchool","createExcercisePdf","get","getDetailExcercise","GetDetailExcerciseDoWork","listLessonClassSchool","getListExcerciseClassSchool","deleteLessonClassSchool","getListElectronicLectureByCurrentUser","assignLessonClassSchool","getListlLessonAssign","getListExcerciseAssign","getListClassSchoolGroupAssignLesson","getListClassSchoolGroupAssignExcercise","getListUserAssingLessonByGroupId","getListUserAssingExcerciseByGroupId","recoveryLessonClassSchoolId","recoveryLessonGroupId","GetListLessonPlaning","getListUserAssingLessonByClassSchoolId","getListUserAssingExcerciseByClassSchoolId","GetListElectronicLecture","SetDurationClassGroupAssign","changeOrderlessonPlaning","getListQuestionBank","deleteExcerciseClassSchool","moveExcerciseOutFolder","getListBankExamExcercise","getListQuestionByExamId","GetQuestionByDoc","SaveAndAssignExcerciseClassSchool","getQuestionFilePDF","getListExcerciseNotScore","recoveryAssignLessonClassSchool","changeOrderLesson","saveChapterClassSchool","listChapterClassSchool","deleteChapterClassSchool","changeOrderChapter","plugins","configEditor","items","toolbarInsert","cntnt","ViewDocument","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","debounce","delay","timeoutID","clearTimeout","args","that","directive","el","binding","oldValue","oninput","dispatchEvent","Event","parseInt","module","exports","nameLecture","isEditNameLesson","nameLesson","handleCancelEditNameLesson","handleUpdateName","Number","handleEditNameLesson","tabActive","tabInfo","handleOnChangeTab","ELECTRONIC_LECTURE_WAREHOUSE","tabContent","tabDocument","handleAddChapter","handleDeleteChapter","handleEditChapter","handleAddPost","handleToggerCollapse","isCollapse","indexPost","handleEditPost","handleDeletePost","handleAddDocument","document","indexDocument","handleEditDocument","handleViewDocument","handleDeleteDocument","chapterClassSchoolIdCurrent","closeModalCreateUpdateChapter","closeModalDeleteChapter","posterClassSchoolIdCurrent","closeModalCreateUpdatePoster","handleDonePoster","handleDeletePostDone","closeModalDeletePost","documentClassSchoolIdCurrent","handleDoneModalPrepareQuestions","handleShowModalLectureLibrary","closeModalCreateUpdateDocument","handleDoneDocument","handleDeleteDocumentDone","closeModalDeleteDocument","documentNameCurrent","closeModalPrepareQuestions","handleDonePrepareQuestions","itemSelected","closeModalViewDocument","dataDocumment","handleDoneModalLectureLibrary","closeModalLectureLibrary","isDisabled","chapterId","getDetailChapterClassSchool","listPostClassSchool","_t","isDisabledButton","posterId","savePostClassSchool","deletePostClassSchool","getDetailPostClassSchool","listTypeDocument","handleOnChangeTypeDocument","directives","rawName","target","composing","isOpenModalView","getNameCommit","saveDocumentClassSchool","headers","saveDocument","deleteDocumentClassSchool","updateNameDocument","getListBookLessonPlan","ModalViewInformation","postId","documentId","pathFile","REFERENCE_LECTURE","getDetailQuestion","topicName","withSize","heightSize","fileQuestion","fileData","url","listAnswer","idClient","isTrue","fileAnswer","getDetailDocumentClassSchool","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","getQuestionByDoc","isValid","saveListQuestion","saveLessonQuestionClassSchool","answerDefault","questionSeleced","itemSelectd","itemCurrent","Id","Name","uploadFileLessonQuestionClassSchool","deleteLessonQuestionClassSchool","modifiers","handleChangeClassId","handleChangeSubjectId","handleScroll","listDataBookLesson","title","handleView","handleClickBookLesson","dataItemView","ModalViewDocument","isOpenModalViewDocument","statusSearch","totalPage","listBookTypeId","listQuestionAdd","dataDocument","bookLessonPlanId","getListData","handleSearchData","handleChangeBookTypeId","resetData","handleOnFilter","ModalCreateUpdateChapter","ChapterClassSchool","PostClassSchool","ModalDeleteChapter","ModalCreateUpdatePost","ModalDeletePost","ModalCreateUpdateDocument","DocumentClassSchool","ModalDeleteDocument","ModalCreateUpdatePrepareQuestions","draggable","vueCustomScrollbar","ModalLectureLibrary","dragging","isOpenModalCreateUpdateChapter","isOpenModalCreateUpdatePoster","isOpenModalCreateUpdateDocument","isOpenModalDeleteDocument","isOpenModalLectureLibrary","isOpenModalDeleteChapter","isOpenModalDeletePost","isShowModalCreateUpdatePrepareQuestions","chapterSelectCurrent","itemChapterCollapse","onChangeDrag","event","onDragStart","onDragEnd","listOrder","listParams","orderNo","getListChapterClassSchool","element","TabInfoElectronicLecture","TabContentElectronicLecture","TabAttachment","PLANING_LESSON_WAREHOUSE","authInfo","roleTeacher","roleHocSinh","getUserInfoByUserId"],"mappings":"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D,sBACA0B,UACAtQ,YACA0B,WAEAyN,oBACA9a,MACA0B,KACAuM,sBACA4J,YACAwB,SACA1X,QACAoM,gBACApC,YACA4N,YACA1O,QACAgB,WACAwB,WAEAE,gBAIAY,YAvEA,WAwEA,UAQAtI,UACA+I,YADA,WAEA,0BAEAjC,aAJA,WAKA,2BAGA1K,QAxFA,WA6FA,uBAEA,0BAEAE,aACA4Z,mBADA,SACAf,GACA,8BAEAC,aAJA,SAIAD,GACA,+BAEA8B,WAPA,SAOAC,GAIA,OAHA,OACAA,KAEA,yBAEAlC,gBAbA,SAaAmC,GACA,kBAEAjC,kBAhBA,WAiBA,gBAEAkC,QAnBA,WAoBA,OACAvb,KACAuY,6BACAhM,yCACAyL,aACAwD,YACAvD,aACAC,eACAC,cACAC,cACAC,QAEAvS,WACAwS,eAyCA,8BAEAmD,aA5EA,WA6EA,2BACA,wEACAzY,sBAEA,0EACA,gCAEA,OADAA,oBACA,iCAGA,UAEA0I,mBAzFA,WAyFA,WACA,4CACA,+CACA,+CACA,mBACAmB,oCACA6O,qCACA,yBACA,mBACA,gCACA,kBACA,aAGA,iCACA,kBAGA,iCAGA,IAFA,gBACA,KACA,4BACA,mBACA,GACA1b,QACAuY,0BACAC,mBACA1S,kBACA2S,YACAL,cACAC,QAEAsB,aAEArB,UAIA,OACAtY,QACAuY,0BACAhM,sCACAyL,aACAwD,YACAvD,aACAC,eACAC,cACAC,cACAC,kDAEAvS,kBACAwS,cAEA,uBAEA,sCAKAP,kBArJA,WAqJA,WAEA,GACAxL,yCACAqL,4BAEAjL,qCACA,yBACA,sBAGA,iCAGA,IAFA,gBACA,KACA,sDACA,6CACA,GACA3M,QACAuY,0BACAC,gBACA1S,kBACA2S,YACAL,cACAC,kDAEAsB,aAEArB,UAIA,OACAtY,QACAuY,0BACAhM,0CACAyL,aACAwD,YACAvD,aACAC,eACAC,cACAC,cACAC,QAEAvS,kBACAwS,cAEA,gCAKA,6BACA,gBAGAnN,WA5MA,WA4NA,GADA,mBACA,kBAGA,IAFA,SACA,wBACA,oBACA,WACA,eACAwQ,KACA,OAGA,EACA,4BAGA,6CAIAC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","file":"js/chunk-a03b57d6.d14c5760.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_vm._m(0),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-2\"},[_vm._v(\"\\n            Bộ sách\\n        \")]),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-select',{staticClass:\"custom-select\",attrs:{\"options\":_vm.listBookType,\"disabled\":_vm.isEdit != 1},model:{value:(_vm.form.bookTypeId),callback:function ($$v) {_vm.$set(_vm.form, \"bookTypeId\", $$v)},expression:\"form.bookTypeId\"}})],1)]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-2\"},[_vm._v(\"\\n            Khối lớp\\n        \")]),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-select',{staticClass:\"custom-select\",attrs:{\"options\":_vm.listDataClass,\"disabled\":_vm.isEdit != 1},model:{value:(_vm.form.classId),callback:function ($$v) {_vm.$set(_vm.form, \"classId\", $$v)},expression:\"form.classId\"}})],1)]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-2\"},[_vm._v(\"\\n            Môn học\\n        \")]),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-select',{staticClass:\"custom-select\",attrs:{\"options\":_vm.listDataSubject,\"disabled\":_vm.isEdit != 1},model:{value:(_vm.form.subjectId),callback:function ($$v) {_vm.$set(_vm.form, \"subjectId\", $$v)},expression:\"form.subjectId\"}})],1)]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-2\"},[_vm._v(\"\\n            Số tiết\\n        \")]),_c('div',{staticClass:\"col-md-4\"},[(!_vm.isEditNumberLesson)?_c('span',[_vm._v(\"\\n                \"+_vm._s(_vm.form.numberLesson)+\"\\n                \"),(_vm.isEdit == 1)?_c('img',{staticClass:\"icon-edit\",attrs:{\"src\":require(\"@/assets/img/edit.png\")},on:{\"click\":_vm.handleEditNumberLesson}}):_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\":\"number\",\"placeholder\":\"Nhập số tiết\",\"autocomplete\":\"off\"},model:{value:(_vm.form.numberLesson),callback:function ($$v) {_vm.$set(_vm.form, \"numberLesson\", $$v)},expression:\"form.numberLesson\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCancelEditNumberLesson}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-agree font-size-17 btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleUpdate()}}},[_vm._v(\"Đồng ý\")])])])])])]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-2\"},[_vm._v(\"\\n            Công khai\\n        \")]),_c('div',{staticClass:\"col-md-4\"},[_c('b-form-checkbox',{staticClass:\"margin-left-10\",attrs:{\"disabled\":_vm.isEdit != 1,\"name\":\"is-public\",\"switch\":\"\"},model:{value:(_vm.form.isPublic),callback:function ($$v) {_vm.$set(_vm.form, \"isPublic\", $$v)},expression:\"form.isPublic\"}})],1)]),_c('div',{staticClass:\"row margin-top-10\"},[(!_vm.isEditDescription)?_c('div',{staticClass:\"col-md-12\"},[_vm._v(\"\\n            \"+_vm._s(_vm.form.description)+\"\\n            \"),(_vm.isEdit == 1)?_c('img',{staticClass:\"icon-edit\",attrs:{\"src\":require(\"@/assets/img/edit.png\")},on:{\"click\":_vm.handleEditDescription}}):_vm._e()]):_c('div',{staticClass:\"display-flex\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-textarea',{staticClass:\"form-control\",attrs:{\"id\":\"description\",\"type\":\"number\",\"placeholder\":\"Nhập mô tả\",\"autocomplete\":\"off\"},model:{value:(_vm.form.description),callback:function ($$v) {_vm.$set(_vm.form, \"description\", $$v)},expression:\"form.description\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCancelEditDescription}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-agree font-size-17 btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleUpdate()}}},[_vm._v(\"Đồng ý\")])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h6',[_vm._v(\"Thông tin\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <!-- <div class=\"name-leson margin-top-10\">\r\n            <h4>\r\n                <strong>{{ form.name }}</strong>\r\n            </h4>\r\n        </div> -->\r\n        <div class=\"row margin-top-10\">\r\n            <div class=\"col-md-12\">\r\n                <h6>Thông tin</h6>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"row margin-top-10\">\r\n            <div class=\"col-md-2\">\r\n                Bộ sách\r\n            </div>\r\n            <div class=\"col-md-4\">\r\n                <b-form-select v-model=\"form.bookTypeId\" :options=\"listBookType\" class=\"custom-select\"\r\n                    :disabled=\"isEdit != 1\">\r\n\r\n                </b-form-select>\r\n            </div>\r\n        </div>\r\n        <div class=\"row margin-top-10\">\r\n            <div class=\"col-md-2\">\r\n                Khối lớp\r\n            </div>\r\n            <div class=\"col-md-4\">\r\n                <b-form-select v-model=\"form.classId\" :options=\"listDataClass\" class=\"custom-select\"\r\n                    :disabled=\"isEdit != 1\">\r\n\r\n                </b-form-select>\r\n            </div>\r\n        </div>\r\n        <div class=\"row margin-top-10\">\r\n            <div class=\"col-md-2\">\r\n                Môn học\r\n            </div>\r\n            <div class=\"col-md-4\">\r\n                <b-form-select v-model=\"form.subjectId\" :options=\"listDataSubject\" class=\"custom-select\"\r\n                    :disabled=\"isEdit != 1\">\r\n\r\n                </b-form-select>\r\n            </div>\r\n        </div>\r\n        <div class=\"row margin-top-10\">\r\n            <div class=\"col-md-2\">\r\n                Số tiết\r\n            </div>\r\n            <div class=\"col-md-4\">\r\n                <span v-if=\"!isEditNumberLesson\">\r\n                    {{ form.numberLesson }}\r\n                    <img @click=\"handleEditNumberLesson\" class=\"icon-edit\" src=\"@/assets/img/edit.png\"\r\n                        v-if=\"isEdit == 1\" />\r\n                </span>\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=\"form.numberLesson\" type=\"number\"\r\n                                placeholder=\"Nhập số tiết\" 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=\"handleCancelEditNumberLesson\">Hủy</a>\r\n                            <a href=\"javascript:;\" class=\"btn btn-agree font-size-17 btn-delete\"\r\n                                @click=\"handleUpdate()\">Đồng ý</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n        <div class=\"row margin-top-10\">\r\n            <div class=\"col-md-2\">\r\n                Công khai\r\n            </div>\r\n            <div class=\"col-md-4\">\r\n                <b-form-checkbox :disabled=\"isEdit != 1\" v-model=\"form.isPublic\" class=\"margin-left-10\" name=\"is-public\"\r\n                    switch>\r\n                </b-form-checkbox>\r\n            </div>\r\n\r\n        </div>\r\n        <div class=\"row margin-top-10\">\r\n            <div class=\"col-md-12\" v-if=\"!isEditDescription\">\r\n                {{ form.description }}\r\n                <img @click=\"handleEditDescription\" class=\"icon-edit\" src=\"@/assets/img/edit.png\" v-if=\"isEdit == 1\" />\r\n            </div>\r\n            <div v-else class=\"display-flex\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-6\">\r\n                        <b-form-textarea id=\"description\" v-model=\"form.description\" type=\"number\"\r\n                            placeholder=\"Nhập mô tả\" 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=\"handleCancelEditDescription\">Hủy</a>\r\n                        <a href=\"javascript:;\" class=\"btn btn-agree font-size-17 btn-delete\"\r\n                            @click=\"handleUpdate()\">Đồng ý</a>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { getAllTypeFilter, getAllClassFilter } from './../../../_api/'\r\nimport { saveLessonClassSchool, changePublicLessonClassSchool } from './../../../_api/LessonClassSchoolServices'\r\n\r\n\r\nexport default {\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            isEditDescription: false,\r\n            isEditNumberLesson: false,\r\n            listDataSubject: [],\r\n            listDataClass: [],\r\n            listBookType: [],\r\n            form: {\r\n                id: this.dataElectronicLecture.id,\r\n                name: this.dataElectronicLecture.name,\r\n                bookTypeId: this.dataElectronicLecture.bookTypeId,\r\n                classId: this.dataElectronicLecture.classId,\r\n                subjectId: this.dataElectronicLecture.subjectId,\r\n                numberLesson: this.dataElectronicLecture.numberLesson,\r\n                description: this.dataElectronicLecture.description,\r\n                isPublic: this.dataElectronicLecture.isPublic,\r\n                type: this.dataElectronicLecture.type,\r\n            }\r\n        }\r\n    },\r\n    watch: {\r\n        'form.bookTypeId': 'handleUpdate',\r\n        'form.classId': 'handleUpdate',\r\n        'form.subjectId': 'handleUpdate',\r\n        'form.isPublic': 'onChangePublic',\r\n    },\r\n    mounted() {\r\n        this.GetAllClass()\r\n        this.getTypesFilter()\r\n\r\n        console.log(this.form.bookTypeId)\r\n        // this.form = {\r\n        //     id: this.dataElectronicLecture.id,\r\n        //     name: this.dataElectronicLecture.name,\r\n        //     bookTypeId: this.dataElectronicLecture.bookTypeId,\r\n        //     classId: this.dataElectronicLecture.classId,\r\n        //     subjectId: this.dataElectronicLecture.subjectId,\r\n        //     numberLesson: this.dataElectronicLecture.numberLesson,\r\n        //     description: this.dataElectronicLecture.description,\r\n        //     isPublic:this.dataElectronicLecture.isPublic,\r\n        //     type: this.dataElectronicLecture.type,\r\n        // }\r\n    },\r\n    methods: {\r\n        onChangePublic(e) {\r\n\r\n            let param = {\r\n                id: this.form.id,\r\n                isPublic: this.form.isPublic\r\n            }\r\n            this.handleChangePublic(param)\r\n        },\r\n        handleChangePublic(param) {\r\n            changePublicLessonClassSchool(param).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    this.$toast.success('Thay đổi chế độ thành công')\r\n                }\r\n            })\r\n        },\r\n        handleEditDescription() {\r\n            this.isEditDescription = true\r\n        },\r\n        handleCancelEditDescription() {\r\n            this.isEditDescription = false\r\n        },\r\n        handleUpdate() {\r\n            let self = this\r\n            saveLessonClassSchool(this.form).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.getDetailLessonClassSchool()\r\n                    this.handleCancelEditNumberLesson()\r\n                    this.handleCancelEditDescription()\r\n                }\r\n            })\r\n        },\r\n        getDetailLessonClassSchool() {\r\n            // let self = this\r\n            // getDetail(this.dataElectronicLecture.id).then(res => {\r\n            //     if (res && res.data && !res.errors) {\r\n            //         self.form = {\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            this.$emit('getDetailLessonClassSchool')\r\n        },\r\n        handleCancelEditNumberLesson() {\r\n            this.isEditNumberLesson = false\r\n        },\r\n        handleEditNumberLesson() {\r\n            this.isEditNumberLesson = true\r\n        },\r\n        getTypesFilter() {\r\n            let self = this\r\n            self.listDataSubject = []\r\n            self.listBookType = []\r\n            getAllTypeFilter({ classId: this.form.classId }).then(res => {\r\n\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({ value: item.subjectId, text: item.name })\r\n                    }\r\n                    for (let i = 0; i < res.data.ltsBookType.length; i++) {\r\n                        const item = res.data.ltsBookType[i];\r\n                        self.listBookType.push({ value: item.bookGroupId, text: item.name })\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        GetAllClass() {\r\n            let self = this\r\n            self.listDataClass = []\r\n            getAllClassFilter({}).then(res => {\r\n\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    }\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!./TabInfoElectronicLecture.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!./TabInfoElectronicLecture.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabInfoElectronicLecture.vue?vue&type=template&id=01fb86de&scoped=true&\"\nimport script from \"./TabInfoElectronicLecture.vue?vue&type=script&lang=js&\"\nexport * from \"./TabInfoElectronicLecture.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabInfoElectronicLecture.vue?vue&type=style&index=0&id=01fb86de&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  \"01fb86de\",\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!./ModelDeleteFile.vue?vue&type=style&index=0&id=2538e78e&lang=scss&scoped=true&\"","var t=(new Date).getTime();export default(function(t,n,e,i,s,o,a,c,r,d){\"boolean\"!=typeof a&&(r=c,c=a,a=!1);var u,h=\"function\"==typeof e?e.options:e;if(t&&t.render&&(h.render=t.render,h.staticRenderFns=t.staticRenderFns,h._compiled=!0,s&&(h.functional=!0)),i&&(h._scopeId=i),o?(u=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||\"undefined\"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),n&&n.call(this,r(t)),t&&t._registeredComponents&&t._registeredComponents.add(o)},h._ssrRegister=u):n&&(u=a?function(){n.call(this,d(this.$root.$options.shadowRoot))}:function(t){n.call(this,c(t))}),u)if(h.functional){var f=h.render;h.render=function(t,n){return u.call(n),f(t,n)}}else{var l=h.beforeCreate;h.beforeCreate=l?[].concat(l,u):[u]}return e}({render:function(){var t=this.$createElement,n=this._self._c||t;return n(\"div\",{staticClass:\"ckeditor\"},[n(\"textarea\",{attrs:{name:this.name,id:this.id,types:this.types,config:this.config,disabled:this.readOnlyMode},domProps:{value:this.value}})])},staticRenderFns:[]},void 0,{name:\"VueCkeditor\",props:{name:{type:String,default:function(){return\"editor-\".concat(++t)}},value:{type:String},id:{type:String,default:function(){return\"editor-\".concat(t)}},types:{type:String,default:function(){return\"classic\"}},config:{type:Object,default:function(){}},instanceReadyCallback:{type:Function},readOnlyMode:{type:Boolean,default:function(){return!1}}},data:function(){return{instanceValue:\"\"}},computed:{instance:function(){return CKEDITOR.instances[this.id]}},watch:{value:function(t){try{this.instance&&this.update(t)}catch(t){}},readOnlyMode:function(t){this.instance.setReadOnly(t)}},mounted:function(){this.create()},methods:{create:function(){var t=this;\"undefined\"==typeof CKEDITOR?console.log(\"CKEDITOR is missing (http://ckeditor.com/)\"):(\"inline\"===this.types?CKEDITOR.inline(this.id,this.config):CKEDITOR.replace(this.id,this.config),this.instance.setData(this.value),this.instance.on(\"instanceReady\",function(){t.instance.setData(t.value)}),this.instance.on(\"change\",this.onChange),this.instance.on(\"mode\",this.onMode),this.instance.on(\"blur\",function(n){t.$emit(\"blur\",n)}),this.instance.on(\"focus\",function(n){t.$emit(\"focus\",n)}),this.instance.on(\"contentDom\",function(n){t.$emit(\"contentDom\",n)}),CKEDITOR.on(\"dialogDefinition\",function(n){t.$emit(\"dialogDefinition\",n)}),this.instance.on(\"fileUploadRequest\",function(n){t.$emit(\"fileUploadRequest\",n)}),this.instance.on(\"fileUploadResponse\",function(n){setTimeout(function(){t.onChange()},0),t.$emit(\"fileUploadResponse\",n)}),void 0!==this.instanceReadyCallback&&this.instance.on(\"instanceReady\",this.instanceReadyCallback),this.$once(\"hook:beforeDestroy\",function(){t.destroy()}))},update:function(t){this.instanceValue!==t&&(this.instance.setData(t,{internal:!1}),this.instanceValue=t)},destroy:function(){try{var t=window.CKEDITOR;t.instances&&t.instances[this.id]&&t.instances[this.id].destroy()}catch(t){}},onMode:function(){var t=this;if(\"source\"===this.instance.mode){var n=this.instance.editable();n.attachListener(n,\"input\",function(){t.onChange()})}},onChange:function(){var t=this.instance.getData();t!==this.value&&(this.$emit(\"input\",t),this.instanceValue=t)}}},void 0,!1,void 0,void 0,void 0));\n","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateFile.vue?vue&type=style&index=0&id=3e08edfa&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&\"","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',{staticClass:\"b-ckeditor\",attrs:{\"id\":(\"myQuillEditor_\" + _vm.position),\"config\":_vm.config,\"disabled\":_vm.disabled?true:false},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',{staticClass:\"p-2 body-modal-upload\",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\t\tclass=\"b-ckeditor\"\r\n\t      \tv-model=\"content\" \r\n\t      \t:config=\"config\" \r\n\t\t\t:disabled=\"disabled?true:false\"\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}`\" class=\"p-2 body-modal-upload\" 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\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','disabled'],\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\t\t\t\t\t{ name: 'clipboard', groups: [ 'clipboard', 'undo' ] },\r\n\t\t\t\t\t\t{ name: 'editing', groups: [ 'find', 'selection', 'spellchecker', 'editing' ] },\r\n\t\t\t\t\t\t{ name: 'forms', groups: [ 'forms' ] },\r\n\t\t\t\t\t\t{ name: 'basicstyles', groups: [ 'basicstyles', 'cleanup' ] },\r\n\t\t\t\t\t\t{ name: 'styles', groups: [ 'styles' ] },\r\n\t\t\t\t\t\t{ name: 'document', groups: [ 'document', 'doctools', 'mode' ] },\r\n\t\t\t\t\t\t{ name: 'paragraph', groups: [ 'align', 'list', 'indent', 'blocks', 'bidi', 'paragraph' ] },\r\n\t\t\t\t\t\t{ name: 'insert', groups: [ 'insert' ] },\r\n\t\t\t\t\t\t{ name: 'links', groups: [ 'links' ] },\r\n\t\t\t\t\t\t{ name: 'colors', groups: [ 'colors' ] },\r\n\t\t\t\t\t\t{ name: 'tools', groups: [ 'tools' ] },\r\n\t\t\t\t\t\t{ name: 'others', groups: [ 'others' ] },\r\n\t\t\t\t\t\t{ name: 'about', groups: [ 'about' ] }\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\tremoveButtons: 'Save,NewPage,ExportPdf,Print,Preview,Templates,Cut,Copy,Paste,PasteText,PasteFromWord,Find,SelectAll,Replace,Scayt,Form,Checkbox,TextField,Radio,Textarea,Select,ImageButton,HiddenField,Button,CopyFormatting,RemoveFormat,Outdent,Indent,BidiLtr,Language,BidiRtl,Anchor,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,Table,ShowBlocks,Maximize,About'\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}\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        \t\tconsole.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\tuploadImg(evt).then(res => {\r\n\t\t\t\t\tconsole.log('Upload success: ', APP_CONFIG, res);\r\n\t\t\t\t\tlet linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n\t\t\t\t\t\t// console.log('2222222222222222222222',linkImg);\r\n\t\t\t\t\tlinkImg && self.insertEmbedEditor('image', linkImg);\r\n\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<style>\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n\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>\r\n<style lang=\"scss\">\r\n.b-ckeditor {\r\n\t.cke_chrome {\r\n\t\tborder-radius: 1rem;\r\n\t\t.cke_inner {\r\n\t\t\tborder-radius: 1rem;\r\n\t\t\t.cke_top {\r\n\t\t\t\tborder-radius: 1rem 1rem 0 0;\r\n\t\t\t\tbackground: #daf1ff;\r\n\t\t\t}\r\n\t\t\t.cke_bottom {\r\n\t\t\t\tborder-radius: 0 0 1rem 1rem;\r\n\t\t\t\tbackground: #daf1ff;\r\n\t\t\t}\r\n\t\t\t.cke_toolbar {\r\n\t\t\t\ta.cke_button_off:hover, a.cke_button_off:focus, a.cke_button_off:active {\r\n\t\t\t\t\tbackground: #afd6ff;\r\n\t\t\t\t\tborder: 1px #afd6ff solid;\r\n\t\t\t\t\tborder-radius: 0.4rem;\r\n\t\t\t\t}\r\n\t\t\t\ta.cke_button_on {\r\n\t\t\t\t\tborder-radius: 0.4rem;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\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!./EditorCKNew.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!./EditorCKNew.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorCKNew.vue?vue&type=template&id=b5f668b0&scoped=true&\"\nimport script from \"./EditorCKNew.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorCKNew.vue?vue&type=script&lang=js&\"\nimport style1 from \"./EditorCKNew.vue?vue&type=style&index=1&id=b5f668b0&lang=scss&scoped=true&\"\nimport style2 from \"./EditorCKNew.vue?vue&type=style&index=2&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  \"b5f668b0\",\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!./TabInfoElectronicLecture.vue?vue&type=style&index=0&id=01fb86de&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_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.handleCreateUpdateFile}},[_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 tài liệu đính kèm\\n                \")]):_vm._e()])]),(_vm.listDataFile.length > 0)?_c('div',{staticClass:\"list-file margin-top-10\"},_vm._l((_vm.listDataFile),function(item,index){return _c('div',{key:index,staticClass:\"row item margin-top-10\"},[_c('div',{staticClass:\"col-md-4\",on:{\"click\":function($event){return _vm.handleOnViewFile(item)}}},[_c('h5',[_c('strong',[_vm._v(_vm._s(item.name))])]),_c('div',{staticClass:\"wrap-line-file display-flex justify-content-space-between\"},[_c('div',[_vm._v(_vm._s(item.fileName))]),_c('div',{},[_vm._v(\"\\n                            \"+_vm._s(_vm.formatSizeFile(item.sizeFile))+\"\\n                        \")])])]),_c('div',{staticClass:\"col-md-8 display-flex\"},[(_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\":function($event){return _vm.handleEditName(item)}}},[_vm._v(\"\\n                        Sửa tên tài liệu\\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\":function($event){return _vm.handleDeleteFile(item)}}},[_vm._v(\"\\n                        Xóa tài liệu\\n                    \")]):_vm._e()])])}),0):_c('div',{staticClass:\"text-center\"},[_vm._v(\"Bài giảng chưa có tài liệu đính kèm\")])]),_c('div',{staticClass:\"row pagination container m-0\"},[_c('b-pagination',{attrs:{\"pills\":\"\",\"total-rows\":_vm.totalRecords,\"per-page\":_vm.paramQueryData.pageSize,\"first-number\":\"\",\"last-number\":\"\"},model:{value:(_vm.paramQueryData.pageIndex),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"pageIndex\", $$v)},expression:\"paramQueryData.pageIndex\"}})],1),(_vm.isOpenModalCreateUpdateFile)?_c('ModalCreateUpdateFile',{attrs:{\"type\":_vm.type,\"fileId\":_vm.fileIdCurrent},on:{\"closeModal\":_vm.closeModal,\"handleDone\":_vm.handleDone}}):_vm._e(),(_vm.isOpenModalDeleteFile)?_c('ModelDeleteFile',{attrs:{\"fileId\":_vm.fileIdCurrent},on:{\"closeModal\":_vm.closeModalDelete,\"handleDeleteDone\":_vm.handleDeleteDone}}):_vm._e(),(_vm.isShowFile)?_c('ModalViewFile',{attrs:{\"path\":_vm.pathSelected},on:{\"closeModal\":_vm.closeModalViewFile}}):_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-file\",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 tài liệu:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên tài liệu\",\"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 tài liệu\\n                            \")]):_vm._e()],1)])]),(this.fileId == 0)?_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))?_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._e(),(!_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 tải lên file tài liệu\\n                        \")]):((_vm.form.file || _vm.form.fileName))?_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.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._e(),_c('div',{staticClass:\"form_action display-flex justity-content-space-between\"},[_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.fileId > 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-file\"\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 tài liệu:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên 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.name.required && submitted\">\r\n                                    Vui lòng nhập tên tài liệu\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"this.fileId == 0\" 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)\" 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\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                                </div>\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 tải lên file tài liệu\r\n                            </span>\r\n                            <div v-else-if=\"(form.file || form.fileName)\" 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.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\r\n                    <div class=\"form_action display-flex justity-content-space-between\">\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                            {{ fileId > 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, requiredIf } from 'vuelidate/lib/validators';\r\nimport { saveFileClassSchool, getDetail } from './../../../_api/fileClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        fileId: {\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            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                fileName: '',\r\n                path: '',\r\n                sizeFile: 0,\r\n                type: this.type,\r\n                file: null//lưu trữ file upload\r\n            },\r\n            isDragging: false,\r\n        }\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        if (this.fileId > 0) {\r\n            //get detail\r\n            this.getDetailFileClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        getNameTitle() {\r\n            return this.fileId > 0 ? 'Cập nhật tên tài liệu' : 'Thêm tài liệu'\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n                fileName: {\r\n                    required\r\n                }\r\n            }\r\n        }\r\n    },\r\n    methods: {\r\n        getDetailFileClassSchool() {\r\n            let self = this\r\n            getDetail(this.fileId).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                        name: res.data.name,\r\n                        fileName: res.data.fileName,\r\n                        path: res.data.path,\r\n                        sizeFile: res.data.sizeFile,\r\n                        type: res.data.sizeFile,\r\n                        file: null//lưu trữ file upload\r\n                    }\r\n                }\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        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        handleSave() {\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                //     form: {\r\n                //     id: 0,\r\n                //     lessonClassSchoolId: 0,\r\n                //     name: '',\r\n                //     fileName:'',\r\n                //     path: '',\r\n                //     sizeFile:0,\r\n                //     file:null//lưu trữ file upload\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('name', this.form.name);\r\n                formData.append('file', this.form.file);\r\n                formData.append('type', this.form.type);\r\n                saveFileClassSchool(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 tên tài liệu thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới tên tài liệu thành công')\r\n                        }\r\n                        self.handleDone()\r\n                    }\r\n                })\r\n            }\r\n        },\r\n        handleOnRemoveFile() {\r\n            this.$refs.file.value = '';\r\n            this.form.file = null\r\n            this.form.path = ''\r\n            this.form.fileName = ''\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        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                name: '',\r\n                fileName: '',\r\n                path: '',\r\n                sizeFile: 0,\r\n                type: this.type,\r\n                file: null//lưu trữ file upload\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-file'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-file'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-file'].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</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!./ModalCreateUpdateFile.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!./ModalCreateUpdateFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdateFile.vue?vue&type=template&id=3e08edfa&scoped=true&\"\nimport script from \"./ModalCreateUpdateFile.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdateFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdateFile.vue?vue&type=style&index=0&id=3e08edfa&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  \"3e08edfa\",\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-file\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-file__body container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa tài liệu\\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 tài liệu 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-file\">\r\n            <div class=\"modal-delete-file__body container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa tài liệu\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 tài liệu 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 { deleteFileClassSchool } from './../../../_api/fileClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalFileClassSchool\",\r\n    props: {\r\n        fileId: {\r\n            type: Number,\r\n            default: 0\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            deleteFileClassSchool(this.fileId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa tài liệu 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-file'].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-file__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!./ModelDeleteFile.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!./ModelDeleteFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModelDeleteFile.vue?vue&type=template&id=2538e78e&scoped=true&\"\nimport script from \"./ModelDeleteFile.vue?vue&type=script&lang=js&\"\nexport * from \"./ModelDeleteFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModelDeleteFile.vue?vue&type=style&index=0&id=2538e78e&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  \"2538e78e\",\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-view-file\",staticClass:\"header-modal\",attrs:{\"size\":\"xl\",\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-view-file__body container wrap-form-create-update-chapter\"},[_c('ViewFile',{attrs:{\"path\":_vm.path}}),_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-file\">\r\n            <div class=\"modal-view-file__body container wrap-form-create-update-chapter\">\r\n                <ViewFile :path=\"path\" />\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\r\n<script>\r\nimport ViewFile from './ViewFile'\r\n\r\nexport default {\r\n    components: {\r\n        ViewFile\r\n    },\r\n    props: {\r\n        path: {\r\n            type: String,\r\n            default: ''\r\n        },\r\n    },\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-file'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.modal-view-file__body{\r\n    height: calc(100vh - 20rem);\r\n    .modal__actions {\r\n    position: absolute;\r\n    top: 0px;\r\n    right: 5px;\r\n    padding: 0px;\r\n   \r\n\r\n    .icon-close {\r\n        width: 15px !important;\r\n    }\r\n}\r\n}\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!./ModalViewFile.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!./ModalViewFile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalViewFile.vue?vue&type=template&id=2f3f36fc&scoped=true&\"\nimport script from \"./ModalViewFile.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalViewFile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalViewFile.vue?vue&type=style&index=0&id=2f3f36fc&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  \"2f3f36fc\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"container\">\r\n        <div class=\"margin-top-10\">\r\n            <div class=\"display-flex justify-content-space-between\">\r\n                <!-- <div class=\"wrap-left\">\r\n                    <h3><strong>{{ dataElectronicLecture.name }}</strong></h3>\r\n                </div> -->\r\n                <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                    <a href=\"javascript:;\"\r\n                        class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add\"\r\n                        @click=\"handleCreateUpdateFile\" 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 tài liệu đính kèm\r\n                    </a>\r\n                </div>\r\n            </div>\r\n            <div class=\"list-file margin-top-10\" v-if=\"listDataFile.length > 0\">\r\n                <div class=\"row item margin-top-10\" v-for=\"(item, index) of listDataFile\" :key=\"index\">\r\n                    <div class=\"col-md-4\" @click=\"handleOnViewFile(item)\">\r\n                        <h5><strong>{{ item.name }}</strong></h5>\r\n                        <div class=\"wrap-line-file display-flex justify-content-space-between\">\r\n                            <div>{{ item.fileName }}</div>\r\n                            <div class=\"\">\r\n                                {{ formatSizeFile(item.sizeFile) }}\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-8 display-flex\">\r\n                        <button type=\"button\" @click=\"handleEditName(item)\"\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 tài liệu\r\n                        </button>\r\n                        <button type=\"button\" @click=\"handleDeleteFile(item)\"\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 tài liệu\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"text-center\" v-else>Bài giảng chưa có tài liệu đính kèm</div>\r\n\r\n        </div>\r\n        <div class=\"row pagination container m-0\">\r\n            <b-pagination pills v-model=\"paramQueryData.pageIndex\" :total-rows=\"totalRecords\"\r\n                :per-page=\"paramQueryData.pageSize\" first-number last-number></b-pagination>\r\n        </div>\r\n        <ModalCreateUpdateFile :type=\"type\" :fileId=\"fileIdCurrent\" v-if=\"isOpenModalCreateUpdateFile\"\r\n            @closeModal=\"closeModal\" @handleDone=\"handleDone\" />\r\n\r\n        <ModelDeleteFile :fileId=\"fileIdCurrent\" v-if=\"isOpenModalDeleteFile\" @closeModal=\"closeModalDelete\"\r\n            @handleDeleteDone=\"handleDeleteDone\" />\r\n        <ModalViewFile v-if=\"isShowFile\" :path=\"pathSelected\" @closeModal=\"closeModalViewFile\" />\r\n    </div>\r\n</template>\r\n<script>\r\nimport ModalCreateUpdateFile from './ModalCreateUpdateFile'\r\nimport ModelDeleteFile from './ModelDeleteFile'\r\nimport ModalViewFile from './../../../_components/ModalViewFile'\r\nimport { listFileClassSchool } from './../../../_api/fileClassSchoolServices'\r\nexport default {\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        type: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    watch: {\r\n        'paramQueryData.pageIndex': 'getDataFile',\r\n        'paramQueryData.keyword': 'filterDataByKeyword'\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false,\r\n            isOpenModalCreateUpdateFile: false,\r\n            paramQueryData: {\r\n                lessonClassSchoolId: 0,\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 6,\r\n                type: this.type\r\n            },\r\n            isOpenModalDeleteFile: false,\r\n            listDataFile: [],\r\n            totalRecords: 0,\r\n            fileIdCurrent: 0,\r\n            isShowFile: false,\r\n            pathSelected: '',\r\n        }\r\n    },\r\n    components: {\r\n        ModalCreateUpdateFile,\r\n        ModelDeleteFile,\r\n        ModalViewFile\r\n    },\r\n    mounted() {\r\n        this.paramQueryData.lessonClassSchoolId = this.$route.query.id\r\n        this.getDataFile()\r\n    },\r\n    methods: {\r\n        handleOnViewFile(file) {\r\n            this.isShowFile = true\r\n            this.pathSelected = file.path\r\n        },\r\n        closeModalDelete() {\r\n            this.isOpenModalDeleteFile = false\r\n        },\r\n        closeModalViewFile() {\r\n            this.isShowFile = false\r\n        },\r\n        handleDeleteDone() {\r\n            this.getDataFile()\r\n            this.closeModalDelete()\r\n        },\r\n        handleDone() {\r\n            this.getDataFile()\r\n            this.closeModal()\r\n        },\r\n        closeModal() {\r\n            this.isOpenModalCreateUpdateFile = false\r\n        },\r\n        handleCreateUpdateFile() {\r\n            this.fileIdCurrent = 0\r\n            this.isOpenModalCreateUpdateFile = true\r\n        },\r\n        handleEditName(item) {\r\n            this.fileIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateFile = true\r\n        },\r\n        handleDeleteFile(item) {\r\n            this.fileIdCurrent = item.id\r\n            this.isOpenModalDeleteFile = true\r\n        },\r\n        filterDataByKeyword() {\r\n            this.paramQueryData.pageIndex = 1\r\n            this.getDataFile()\r\n        },\r\n        formatSizeFile(data, to = 'MB') {\r\n            const const_term = 1024;\r\n\r\n            // Convert the values and concatenate \r\n            // the appropriate unit \r\n            if (to === \"KB\") {\r\n                return (data / const_term).toFixed(3) + \"KB\";\r\n            } else if (to === \"MB\") {\r\n                return (data / const_term ** 2).toFixed(3) + \"MB\";\r\n            } else if (to === \"GB\") {\r\n                return (data / const_term ** 3).toFixed(3) + \"GB\";\r\n            } else if (to === \"TB\") {\r\n                return (data / const_term ** 4).toFixed(3) + \"TB\";\r\n            } else {\r\n                return \"\";\r\n            }\r\n        },\r\n        getDataFile() {\r\n            let self = this\r\n            listFileClassSchool(this.paramQueryData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.listDataFile = res.data.list\r\n                    self.totalRecords = res.data.paging.totalRecords\r\n                }\r\n            })\r\n        }\r\n    }\r\n\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\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.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</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!./TabAttachment.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!./TabAttachment.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabAttachment.vue?vue&type=template&id=710b3033&scoped=true&\"\nimport script from \"./TabAttachment.vue?vue&type=script&lang=js&\"\nexport * from \"./TabAttachment.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabAttachment.vue?vue&type=style&index=0&id=710b3033&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  \"710b3033\",\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!./ModalCreateUpdateChapter.vue?vue&type=style&index=0&lang=scss&\"","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveLessonClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/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 saveExcerciseClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/CreateExcerciseClassSchool`;\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\r\nexport const createExcercisePdf = params => {\r\n    let apiEndpoint = `LessonClassSchool/CreateExcercisePdf`;\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 = `LessonClassSchool/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\n\r\nexport const getDetailExcercise = id => {\r\n    let apiEndpoint = `LessonClassSchool/GetDetailExcercise?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 GetDetailExcerciseDoWork = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetDetailExcerciseDoWork`;\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\r\nexport const listLessonClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/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\n\r\nexport const getListExcerciseClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetListExcerciseClassSchool`;\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\r\nexport const changePublicLessonClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/ChangePublicLessonClassSchool`;\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 deleteLessonClassSchool = id => {\r\n    let apiEndpoint = `LessonClassSchool/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 getListElectronicLectureByCurrentUser = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/GetListElectronicLectureByCurrentUser`;\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\r\n\r\nexport const saveLessonPlaningClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/CreateLessonPlaning`;\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\r\nexport const assignExamIdClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/AssignExamIdClassSchool`;\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 assignLessonClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/AssignLessonClassSchool`;\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\r\nexport const getListlLessonAssign = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetListlLessonAssign`;\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//\r\nexport const getListExcerciseAssign = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetListExcerciseAssign`;\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\r\n\r\nexport const getListClassSchoolGroupAssignLesson = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetListClassSchoolGroupAssignLesson`;\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\r\nexport const getListClassSchoolGroupAssignExcercise = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetListClassSchoolGroupAssignExcercise`;\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\r\n\r\nexport const getListUserAssingLessonByGroupId = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/GetListUserAssingLessonByGroupId`;\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\r\nexport const getListUserAssingExcerciseByGroupId = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/GetListUserAssingExcerciseByGroupId`;\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\r\n\r\nexport const recoveryLessonClassSchoolId = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/RecoveryLessonClassSchoolId`;\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\r\nexport const recoveryLessonGroupId = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/RecoveryLessonGroupId`;\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\r\nexport const GetListLessonPlaning = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/GetListLessonPlaning`;\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 getListUserAssingLessonByClassSchoolId = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/GetListUserAssingLessonByClassSchoolId`;\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 getListUserAssingExcerciseByClassSchoolId = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/GetListUserAssingExcerciseByClassSchoolId`;\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//\r\n\r\nexport const GetListElectronicLecture = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/GetListElectronicLecture`;\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\r\nexport const SetDurationClassGroupAssign = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/SetDurationClassGroupAssign`;\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\r\nexport const changeOrderlessonPlaning = (params) => {\r\n    let apiEndpoint = `LessonClassSchool/ChangeOrderlessonPlaning`;\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\r\nexport const getListQuestionBank = params => {\r\n    let apiEndpoint = `LessonClassSchool/getListQuestionBank`;\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\r\n\r\nexport const deleteExcerciseClassSchool = id => {\r\n    let apiEndpoint = `LessonClassSchool/DeleteExcerciseClassSchool?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 moveExcerciseOutFolder = id => {\r\n    let apiEndpoint = `LessonClassSchool/MoveExcerciseOutFolder?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 getListBankExamExcercise = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetListBankExamExcercise`;\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\r\nexport const getListQuestionByExamId = id => {\r\n    let apiEndpoint = `LessonClassSchool/GetListQuestionByExamId?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 GetQuestionByDoc = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetQuestionByDoc`;\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\r\nexport const SaveAndAssignExcerciseClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/SaveAndAssignExcerciseClassSchool`;\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\r\nexport const getQuestionFilePDF = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetQuestionFilePDF`;\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\r\nexport const getListExcerciseNotScore = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetListExcerciseNotScore`;\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\r\nexport const getListAnswerMember = params => {\r\n    let apiEndpoint = `LessonClassSchool/GetListAnswerMember`;\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\r\nexport const recoveryAssignLessonClassSchool = params => {\r\n    let apiEndpoint = `LessonClassSchool/RecoveryAssignLessonClassSchool`;\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\r\nexport const changeOrderLesson = params => {\r\n    let apiEndpoint = `LessonClassSchool/ChangeOrderLesson`;\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}","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!./EditorCKNew.vue?vue&type=style&index=1&id=b5f668b0&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&\"","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=49d3e041&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    max-width: 90%;\r\n    height: 100vh;\r\n    overflow: scroll;\r\n    //height: 100%;\r\n    top: 0%;\r\n    left: 5%;\r\n    right: 0;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    margin: 0px;\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=2a2db31c&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=2a2db31c&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  \"2a2db31c\",\n  null\n  \n)\n\nexport default component.exports","function debounce(fn, delay) {\r\n    var timeoutID = null\r\n    return function() {\r\n        clearTimeout(timeoutID)\r\n        var args = arguments\r\n        var that = this\r\n        timeoutID = setTimeout(function() {\r\n            fn.apply(that, args)\r\n        }, delay)\r\n    }\r\n}\r\n\r\ndirective.debounce = debounce\r\n\r\nfunction directive(el, binding) {\r\n    if (binding.value !== binding.oldValue) {\r\n        el.oninput = directive.debounce(function(evt) {\r\n            el.dispatchEvent(new Event('change'))\r\n        }, parseInt(binding.value) || 500)\r\n    }\r\n}\r\n\r\nmodule.exports = directive","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&\"","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=5f838ab6&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!./ModalCreateUpdateDocument.vue?vue&type=style&index=0&id=8b48a9ba&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!./TabAttachment.vue?vue&type=style&index=0&id=710b3033&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',{staticClass:\"instructions\",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\" class=\"instructions\">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.instructions{\r\n    color: blue;\r\n    cursor: pointer;\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=8b48a9ba&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=8b48a9ba&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  \"8b48a9ba\",\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\"\r\n                                    v-for=\"(question, index) of listQuestionSave\" :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\r\n            // check đã lưu các câu hỏi chưa\r\n            // let isSaveAllQuestion = true\r\n            // for (let i = 0; i < this.listQuestion.length; i++) {\r\n            //     if (this.listQuestion[i].content !== '') {\r\n            //         isSaveAllQuestion = false\r\n            //     }\r\n            // }\r\n            // if (isSaveAllQuestion) {\r\n            //     this.$emit('closeModal')\r\n            // } else {\r\n            //     this.handleShowModalConfim()\r\n            // }\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\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=49d3e041&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=49d3e041&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  \"49d3e041\",\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 bài giảng tham khảo\"},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 bài giảng tham khảo\")]),_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}},[(_vm.listDataBookLesson.length > 0)?_c('div',{},_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:;\"},on:{\"click\":function($event){return _vm.handleView(item)}}},[_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:\"text-center\"},[_vm._v(\"\\n                            Bài giảng tham khảo không có dữ liệu\\n                        \")])])])]),_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                \")])])])]),(_vm.isOpenModalViewDocument)?_c('ModalViewDocument',{attrs:{\"item\":_vm.dataItemView},on:{\"closeModal\":_vm.closeModalViewDocument}}):_vm._e()],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 bài giảng tham khảo\"\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 bài giảng tham khảo</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=\"\" v-if=\"listDataBookLesson.length > 0\">\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:;\" @click=\"handleView(item)\"\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:;\" :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 class=\"text-center\" v-else>\r\n                                Bài giảng tham khảo không có dữ liệu\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        <ModalViewDocument :item=\"dataItemView\" v-if=\"isOpenModalViewDocument\" @closeModal=\"closeModalViewDocument\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport debounce from \"@/directives/debounce\";\r\nimport { getAllTypeFilter, getAllClassFilter } from \"./../../../_api/\";\r\nimport { saveDocument } from './../../../_api/documentClassSchoolServices'\r\nimport { getListBookLessonPlan } from './../../../_api/documentClassSchoolServices'\r\nimport {\r\n    REFERENCE_LECTURE\r\n} from './../../../constants/constants_enum'\r\nimport ModalViewDocument from './../../../_components/ModalViewDocument'\r\nexport default {\r\n    name: \"ModalLectureLibrary\",\r\n    directives: { debounce },\r\n    components: {\r\n        ModalViewDocument\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            REFERENCE_LECTURE,\r\n            isOpenModalViewDocument: false,\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: 20,\r\n                subjectId: 0,\r\n                classId: 0,\r\n                listBookTypeId: []\r\n            },\r\n            listBookType: [\r\n                { text: \"Kết nối tri thức với cuộc sống\", value: 3 },\r\n                { text: \"Chân trời sáng tạo\", value: 4 },\r\n                { text: \"Cùng học để phát triển năng lực\", value: 5 },\r\n                { text: \"Vì sự bình đẳng và dân chủ trong giáo dục\", value: 6 },\r\n            ],\r\n            listQuestionAdd: [],\r\n            dataDocument: null,\r\n            dataItemView: {}\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        closeModalViewDocument() {\r\n            this.isOpenModalViewDocument = false\r\n        },\r\n        handleView(item) {\r\n            this.dataItemView = {\r\n                typeDocument: REFERENCE_LECTURE,\r\n                bookLessonPlanId: item.bookLessonPlanId\r\n            }\r\n            this.isOpenModalViewDocument = true\r\n        },\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: 30%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .line2 {\r\n        width: 30%;\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: 200px;\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=5cbe0b9f&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=5cbe0b9f&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  \"5cbe0b9f\",\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            this.itemChapterCollapse = item\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=5f838ab6&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=5f838ab6&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  \"5f838ab6\",\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!./ModalViewDocument.vue?vue&type=style&index=0&id=2a2db31c&lang=scss&scoped=true&\"","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const getAllTypeFilter = params => {\r\n    let apiEndpoint = `library/filter-library`;\r\n    return HttpService.get(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getAllClassFilter = params => {\r\n    let apiEndpoint = `Classes/GetListClasses`;\r\n    return HttpService.get(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getUserInfoByUserId = params => {\r\n    let apiEndpoint = `Home/GetUserInfoByUserId?userId=${params}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewFile.vue?vue&type=style&index=0&id=2f3f36fc&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!./ModalLectureLibrary.vue?vue&type=style&index=1&id=5cbe0b9f&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!./EditorCKNew.vue?vue&type=style&index=2&lang=scss&\"","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!./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":""}