{"version":3,"sources":["webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue?cbcc","webpack:///./src/components/EdittorCKAnswerNew.vue?51bd","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue?eb02","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue?2d6f","webpack:///./src/modules/class-school/_api/chapterClassSchoolServices.js","webpack:///./src/components/EdittorCKAnswer.vue?946d","webpack:///src/components/EdittorCKAnswer.vue","webpack:///./src/components/EdittorCKAnswer.vue?d226","webpack:///./src/components/EdittorCKAnswer.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?fed0","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?8ce1","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue?fb16","webpack:///./src/components/EdittorCKAnswer.vue?0a9c","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?34ec","webpack:///src/modules/class-school/_components/ModalViewDocument.vue","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?c93f","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?87f7","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?bf9e","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue?403c","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?84dd","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?8b40","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?cb63","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?3da3","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?0ea6","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?ad88","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?394d","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?5ea0","webpack:///./src/components/EdittorCKAnswerNew.vue?1aff","webpack:///src/components/EdittorCKAnswerNew.vue","webpack:///./src/components/EdittorCKAnswerNew.vue?47f4","webpack:///./src/components/EdittorCKAnswerNew.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?65b8","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?615a","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?18c4","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue?33cc","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?5cf6","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue?8625","webpack:///./src/components/EditorCK.vue?b639","webpack:///src/components/EditorCK.vue","webpack:///./src/components/EditorCK.vue?eedf","webpack:///./src/components/EditorCK.vue","webpack:///./src/components/EditorCK.vue?906a","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue?5f68"],"names":["saveChapterClassSchool","params","apiEndpoint","HttpService","post","then","res","data","catch","e","listChapterClassSchool","getDetail","id","get","deleteChapterClassSchool","changeOrderChapter","render","_vm","this","_h","$createElement","_c","_self","attrs","on","mouseLeave","position","config","$event","onBlur","onFocus","model","value","callback","$$v","content","expression","scopedSlots","_u","key","fn","_v","proxy","staticClass","_s","typeUpload","ref","uploadImage","uploadMedia","handleDoneUpload","staticRenderFns","CKEDITOR","plugins","init","editor","label","command","icon","toolbar","name","props","visibleModalMedia","linkMediaUploaded","components","VueCkeditor","computed","mapGetters","math_value","open_math","editor_selection","toggle_draw","watch","created","mounted","methods","mapActions","convertKatex2Img","configEditor","items","toolbarInsert","height","extraPlugins","allowedContent","font_defaultLabel","fontSize_defaultLabel","contentsCss","actionNiwBtn","exec","self","evt","cntnt","contentEdit","onChangeContent","val","onEditorChange","html","uploadImg","linkImg","addFillBlankQuestion","fillBlankEditor","openModalUploadMedia","type","insertEmbedEditor","htmlData","link","linkMedia","embedVideo","handleCancelUpload","visible","openDrawTool","location","component","item","handleHideModal","ViewDocument","default","confirmActive","isLoading","TYPE_H5P","TYPE_DOCUMENT","TYPE_TEST","FILE_YOUTUBE","FILE_CANVA","FILE_LINK","TYPE_FILE_PDF","TYPE_FILE_POWERPOINT","TYPE_FILE_WORD","TYPE_FILE_EXCEL","TYPE_FILE_IMAGE","screenWidth","handleShowModal","nameLecture","isEditNameLesson","nameLesson","handleCancelEditNameLesson","handleUpdateName","dataElectronicLecture","Number","isEdit","handleEditNameLesson","_e","tabActive","tabInfo","handleOnChangeTab","ELECTRONIC_LECTURE_WAREHOUSE","getDetailLessonClassSchool","tabContent","tabDocument","handleAddChapter","length","_l","index","handleDeleteChapter","handleEditChapter","handleAddPost","handleToggerCollapse","isCollapse","indexPost","handleEditPost","handleDeletePost","handleAddDocument","document","indexDocument","handleEditDocument","handleViewDocument","handleDeleteDocument","paramQueryData","chapterClassSchoolIdCurrent","closeModalCreateUpdateChapter","handleDone","handleDeleteDone","closeModalDeleteChapter","posterClassSchoolIdCurrent","closeModalCreateUpdatePoster","handleDonePoster","handleDeletePostDone","closeModalDeletePost","documentClassSchoolIdCurrent","handleDoneModalPrepareQuestions","closeModalCreateUpdateDocument","handleDoneDocument","handleDeleteDocumentDone","closeModalDeleteDocument","documentNameCurrent","closeModalPrepareQuestions","handleDonePrepareQuestions","itemSelected","closeModalViewDocument","resetModal","getNameTitle","preventDefault","handleSave","apply","arguments","form","$set","$v","required","submitted","isDisabled","chapterId","lessonClassSchoolId","validations","getDetailChapterClassSchool","toggleModal","listPostClassSchool","_t","handleDelete","isDisabledButton","posterId","savePostClassSchool","deletePostClassSchool","getDetailPostClassSchool","listTypeDocument","handleOnChangeTypeDocument","onChangeUploadFile","file","fileName","typeDocument","formatSizeFile","sizeFile","handleOnRemoveFile","class","isDragging","dragoverUploadFile","dragleaveUploadFile","dropUploadFile","onUploadFile","directives","rawName","domProps","target","composing","isOpenModalView","getNameCommit","saveDocumentClassSchool","headers","deleteDocumentClassSchool","updateNameDocument","ModalViewInformation","postId","documentId","pathFile","text","getDetailQuestion","topicName","withSize","heightSize","fileQuestion","fileData","url","listAnswer","console","idClient","isTrue","fileAnswer","getDetailDocumentClassSchool","formData","path","nameTypeDocument","staticStyle","isEditNameDocument","nameDocument","handleCancelEditNameDocument","handleUpdateNameDocument","handleEditNameDocument","tabCreateQuestion","handleChangeTab","listQuestionSave","handleAddQuestion","question","saveQuestion","onEditorChangeQuestion","answer","indexAnswer","code","onEditorChangeAnswer","style","onDeleteFileAnswer","refInFor","changeImgAnswer","handUploadImageAnswer","onDeleteAnswer","handleAddAnswer","handleOnDeleteQuestion","handleEditQuestion","tabUploadDocx","formWord","handleHideModalConfim","handleConfimModal","documentName","EditorCK","EditorCKNew","EdittorCKAnswer","EdittorCKAnswerNew","listQuestion","cdnUrl","listAnswerDelete","question_img_size","answer_key_text","getKeyText","numberQuestion","tab","addData","sizeImage","generateUUID","d","getQuestionByDoc","isValid","saveListQuestion","saveLessonQuestionClassSchool","answerDefault","questionSeleced","itemSelectd","itemCurrent","Id","Name","uploadFileLessonQuestionClassSchool","deleteLessonQuestionClassSchool","ModalCreateUpdateChapter","ChapterClassSchool","PostClassSchool","ModalDeleteChapter","ModalCreateUpdatePost","ModalDeletePost","ModalCreateUpdateDocument","DocumentClassSchool","ModalDeleteDocument","ModalCreateUpdatePrepareQuestions","draggable","vueCustomScrollbar","ModalViewDocument","isOpenModalViewDocument","dragging","isOpenModalCreateUpdateChapter","isOpenModalCreateUpdatePoster","isOpenModalCreateUpdateDocument","isOpenModalDeleteDocument","keyword","pageIndex","pageSize","totalRecords","isOpenModalDeleteChapter","isOpenModalDeletePost","isShowModalCreateUpdatePrepareQuestions","chapterSelectCurrent","itemChapterCollapse","window","onChangeDrag","event","onDragStart","onDragEnd","listOrder","listParams","orderNo","getListChapterClassSchool","element","TabInfoElectronicLecture","TabContentElectronicLecture","TabAttachment","PLANING_LESSON_WAREHOUSE","bookTypeId","classId","subjectId","numberLesson","description","isPublic","authInfo","roleTeacher","roleHocSinh","saveLessonClassSchool","openMathKeyboard"],"mappings":"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KAJA,WAKA,OACA4B,WACAmB,YACAT,cACAgB,qBACAC,uBAGAC,YACAC,oBAEAC,gBACAC,gBACAC,+BACAC,6BACAC,2CAEAC,oCANA,IAQA3C,OARA,WASA,8BAGA4C,OAYApC,2BAEAqC,QA1CA,WA6CA,uDAEAC,QA/CA,WAiDA,qBAEAC,eACAC,yBACA,iBACA,yBACA,iBACA,sBALA,IAQAC,iBARA,WASA,qBACA,kDAIAC,aAdA,WAeA,OACAlB,cACAmB,OACA,YACA,QACA,cACA,SACA,+BACA,0CA+BA,OA5BA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,YACA,+BACA,2CAIA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,aACA,+BACA,2CAIA,CACApB,SACA,CACAC,mBACAmB,OACA,OACA,SACA,YACA,SACA,YACA,cACA,IACA,iBACA,iBAGA,CAAAnB,cAAAmB,+BACA,CACAnB,iBACAmB,OACA,eACA,eACA,IACA,cACA,gBACA,eACA,iBAGA,CAAAnB,aAAAmB,yBACAC,GAEAC,WACAC,6CACAC,kBACAC,0BACAC,yBACAC,+DAIAC,aA/FA,WAgGA,WACA,iEAEAhC,0BACAiC,iBACAC,8BAKAlC,0BACAiC,iBACAC,4BAIAlC,2BACAiC,iBACAC,oCAKAlC,0BACAiC,iBACAC,oCAKA3D,OA9HA,SA8HA4D,GACA,mBAIA3D,QAnIA,SAmIA2D,KAMAhE,WAzIA,WA2IA,iEACA,cADA,YAGA,MACA,+BAEA,EACAiE,+CACA,WACA,KACA,OACA,oBACAC,kBAIA,yBAIAC,gBA/JA,SA+JAC,GACA,wEACAvC,kCAGAwC,eApKA,SAoKAC,GACA,kBACA,OAAAA,OAAArE,wBAEA,iCAIAqB,YA5KA,SA4KA0C,GACA,WAGAO,oCACA,6CACAC,sCAKAC,qBAvLA,WAuLA,qEACAC,iEAGAC,qBA3LA,SA2LAC,GACA,kBACA,8DAIAC,kBAjMA,WAiMA,IAEA,EAFA,oKACA,OAEA,YACAC,8BACA,YAEAA,EADA,yBACAA,iLACA,uBACAA,2JAEAA,2EACAC,EADA,mEAEAA,EAFA,mDAKA,cACAD,+DACAC,EADA,iEAEAA,EAFA,mDAKArD,0EACAoD,GAGA,YACAf,wBAEAA,4BACAA,0BAEA,8DAIAxC,YArOA,SAqOAyC,GACA,IAEA,oBAEA,GACAO,oCACA,sBAKA/C,iBAjPA,WAmPA,kCACA,IACA,KACA,kBACA,0BACA,+BACAwD,0BACAC,UACA,wBACA,+BACAD,sCACAC,WAGAD,yBAIAA,GACA,6CAIAE,mBA1QA,WA2QA,qDACA,gCAEA,+CACA,6BAEA,6DAEA,qBAAAC,WAAAtD,eAGAuD,aAtRA,SAsRAC,GACA,wBACA,uBAAApF,WAAA2E,sBC3ayV,I,wBCQrVU,EAAY,eACd,EACA/F,EACAkC,GACA,EACA,KACA,WACA,MAIa,OAAA6D,E,sECnBf,W,2DCAA,W,oCCAA,W,kCCAA,W,kFCAA,IAAI/F,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,sBAAsBH,YAAY,eAAepB,MAAM,CAAC,KAAO,KAAK,GAAK,wBAAwB,SAAW,GAAG,uBAAuB,GAAG,cAAc,KAAK,CAACF,EAAG,MAAM,CAACsB,YAAY,uEAAuE,CAACtB,EAAG,eAAe,CAACsB,YAAY,qBAAqBpB,MAAM,CAAC,cAAe,EAAK,cAAe,EAAM,KAAON,EAAI+F,QAAQ3F,EAAG,MAAM,CAACsB,YAAY,6BAA6B,CAACtB,EAAG,IAAI,CAACsB,YAAY,4CAA4CpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,oDAAoDpB,EAAG,MAAM,CAACsB,YAAY,aAAapB,MAAM,CAAC,IAAM,EAAQ,QAAsB,IAAM,WAAW,MAAM,IAC/zB2B,EAAkB,G,wBCqBP,GACfS,yBACAI,YACAmD,qBAEAtD,OACAoD,MACAX,YACAc,aAGA5G,KAXA,WAYA,OACA6G,iBACAC,aACAC,gBAAAC,qBAAAC,iBAAAC,oBAAAC,kBAAAC,iBACAC,qBAAAC,4BAAAC,sBAAAC,uBAAAC,yBAGAvD,QAnBA,WAoBA,wBAEAR,UACAgE,YADA,WAEA,2BAIAvD,SAEAuC,gBAFA,WAGA,0BAEAiB,gBALA,WAMA,4CCxDyX,I,wBCQrXnB,EAAY,eACd,EACA/F,EACAkC,GACA,EACA,KACA,WACA,MAIa,OAAA6D,E,2CCnBf,W,kCCAA,W,yDCAA,W,yDCAA,W,yCCAA,IAAI/F,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACA,EAAG,MAAM,CAACsB,YAAY,iBAAiB,CAACtB,EAAG,MAAM,CAACsB,YAAY,iBAAiB,CAACtB,EAAG,KAAK,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,KAAK,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,mBAAmB,CAACN,EAAIwB,GAAG,oBAAoB,GAAGpB,EAAG,KAAK,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,mBAAmB,CAACN,EAAIwB,GAAG,wBAAwB,GAAGpB,EAAG,KAAK,CAACA,EAAG,cAAc,CAACE,MAAM,CAAC,GAAK,KAAK,CAACN,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAIkH,iBAAiB,SAAS9G,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,mBAAmB,CAAG1B,EAAImH,iBAAuP/G,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,MAAM,CAACsB,YAAY,OAAO,CAACtB,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,eAAe,CAACsB,YAAY,eAAepB,MAAM,CAAC,GAAK,eAAe,KAAO,OAAO,YAAc,qBAAqB,aAAe,OAAOQ,MAAM,CAACC,MAAOf,EAAc,WAAEgB,SAAS,SAAUC,GAAMjB,EAAIoH,WAAWnG,GAAKE,WAAW,iBAAiB,GAAGf,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,IAAI,CAACsB,YAAY,4CAA4CpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAIqH,6BAA6B,CAACrH,EAAIwB,GAAG,SAASpB,EAAG,IAAI,CAACsB,YAAY,wCAAwCpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIsH,sBAAsB,CAACtH,EAAIwB,GAAG,kBAAt6BpB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAIuH,sBAAsB7E,SAAgC,GAAtB8E,OAAOxH,EAAIyH,QAAcrH,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,SAA0BC,GAAG,CAAC,MAAQP,EAAI0H,wBAAwB1H,EAAI2H,SAA4tBvH,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,YAAY,OAASN,EAAI4H,WAAa5H,EAAI6H,SAAStH,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI8H,kBAAkB9H,EAAI6H,YAAY,CAAE7H,EAAI4H,WAAa5H,EAAI6H,SAAW7H,EAAIuH,sBAAsB7E,KAAMtC,EAAG,2BAA2B,CAACE,MAAM,CAAC,KAAON,EAAI+H,6BAA6B,sBAAwB/H,EAAIuH,sBAAsB,OAASC,OAAOxH,EAAIyH,SAASlH,GAAG,CAAC,2BAA6BP,EAAIgI,8BAA8BhI,EAAI2H,MAAM,GAAGvH,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,WAAW,OAASN,EAAI4H,WAAa5H,EAAIiI,YAAY1H,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI8H,kBAAkB9H,EAAIiI,eAAe,CAAEjI,EAAI4H,WAAa5H,EAAIiI,YAAcjI,EAAIuH,sBAAsB7E,KAAMtC,EAAG,8BAA8B,CAACE,MAAM,CAAC,KAAON,EAAI+H,6BAA6B,sBAAwB/H,EAAIuH,sBAAsB,OAASC,OAAOxH,EAAIyH,WAAWzH,EAAI2H,MAAM,GAAGvH,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,oBAAoB,OAASN,EAAI4H,WAAa5H,EAAIkI,aAAa3H,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI8H,kBAAkB9H,EAAIkI,gBAAgB,CAAElI,EAAI4H,WAAa5H,EAAIkI,aAAelI,EAAIuH,sBAAsB7E,KAAMtC,EAAG,gBAAgB,CAACE,MAAM,CAAC,KAAON,EAAI+H,6BAA6B,sBAAwB/H,EAAIuH,sBAAsB,OAASC,OAAOxH,EAAIyH,WAAWzH,EAAI2H,MAAM,IAAI,IAAI,MAC7xF1F,EAAkB,G,YCDlB,EAAS,WAAa,IAAIjC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACsB,YAAY,4DAA4D,CAACtB,EAAG,MAAM,CAACsB,YAAY,wBAAwB,CAAgB,GAAd1B,EAAIyH,OAAarH,EAAG,IAAI,CAACsB,YAAY,4EAA4EpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAImI,mBAAmB,CAAC/H,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAA4BF,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAAkCN,EAAIwB,GAAG,iDAAiDxB,EAAI2H,SAAU3H,EAAIP,uBAAuB2I,OAAS,EAAGhI,EAAG,qBAAqB,CAACsB,YAAY,oBAAoB1B,EAAIqI,GAAIrI,EAA0B,wBAAE,SAAS+F,EAAKuC,GAAO,OAAOlI,EAAG,qBAAqB,CAACkB,IAAIgH,EAAMhI,MAAM,CAAC,KAAOyF,EAAK,OAAS/F,EAAIyH,QAAQlH,GAAG,CAAC,oBAAsBP,EAAIuI,oBAAoB,kBAAoBvI,EAAIwI,kBAAkB,cAAgBxI,EAAIyI,cAAc,qBAAuBzI,EAAI0I,sBAAsBtH,YAAYpB,EAAIqB,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACnB,EAAG,aAAa,CAACsB,YAAY,OAAOpB,MAAM,CAAC,QAAUyF,EAAK4C,aAAa,CAACvI,EAAG,qBAAqB,CAACsB,YAAY,iBAAiB1B,EAAIqI,GAAItC,EAAwB,qBAAE,SAAS5G,EAAKyJ,GAAW,OAAOxI,EAAG,kBAAkB,CAACkB,IAAIsH,EAAUtI,MAAM,CAAC,KAAOnB,EAAK,OAASa,EAAIyH,QAAQlH,GAAG,CAAC,eAAiBP,EAAI6I,eAAe,iBAAmB7I,EAAI8I,iBAAiB,kBAAoB9I,EAAI+I,mBAAmB3H,YAAYpB,EAAIqB,GAAG,CAAC,CAACC,IAAI,WAAWC,GAAG,WAAW,OAAOvB,EAAIqI,GAAIlJ,EAA4B,yBAAE,SAAS6J,EAASC,GAAe,OAAO7I,EAAG,sBAAsB,CAACkB,IAAI2H,EAAc3I,MAAM,CAAC,KAAO0I,EAAS,OAAShJ,EAAIyH,QAAQlH,GAAG,CAAC,mBAAqBP,EAAIkJ,mBAAmB,mBAAqBlJ,EAAImJ,mBAAmB,qBAAuBnJ,EAAIoJ,4BAA2B3H,OAAM,IAAO,MAAK,QAAU,IAAI,KAAKA,OAAM,IAAO,MAAK,QAAU,GAAGrB,EAAG,MAAM,CAACsB,YAAY,eAAe,CAAC1B,EAAIwB,GAAG,gCAAiCxB,EAAkC,+BAAEI,EAAG,2BAA2B,CAACE,MAAM,CAAC,KAAON,EAAIqJ,eAAejE,KAAK,UAAYpF,EAAIsJ,6BAA6B/I,GAAG,CAAC,WAAaP,EAAIuJ,8BAA8B,WAAavJ,EAAIwJ,cAAcxJ,EAAI2H,KAAM3H,EAA4B,yBAAEI,EAAG,qBAAqB,CAACE,MAAM,CAAC,UAAYN,EAAIsJ,6BAA6B/I,GAAG,CAAC,iBAAmBP,EAAIyJ,iBAAiB,WAAazJ,EAAI0J,2BAA2B1J,EAAI2H,KAAM3H,EAAiC,8BAAEI,EAAG,wBAAwB,CAACE,MAAM,CAAC,UAAYN,EAAIsJ,4BAA4B,SAAWtJ,EAAI2J,4BAA4BpJ,GAAG,CAAC,WAAaP,EAAI4J,6BAA6B,WAAa5J,EAAI6J,oBAAoB7J,EAAI2H,KAAM3H,EAAyB,sBAAEI,EAAG,kBAAkB,CAACE,MAAM,CAAC,SAAWN,EAAI2J,4BAA4BpJ,GAAG,CAAC,iBAAmBP,EAAI8J,qBAAqB,WAAa9J,EAAI+J,wBAAwB/J,EAAI2H,KAAM3H,EAAmC,gCAAEI,EAAG,4BAA4B,CAACE,MAAM,CAAC,UAAYN,EAAIsJ,4BAA4B,OAAStJ,EAAI2J,2BAA2B,WAAa3J,EAAIgK,8BAA8BzJ,GAAG,CAAC,gCAAkCP,EAAIiK,gCAAgC,WAAajK,EAAIkK,+BAA+B,WAAalK,EAAImK,sBAAsBnK,EAAI2H,KAAM3H,EAA6B,0BAAEI,EAAG,sBAAsB,CAACE,MAAM,CAAC,WAAaN,EAAIgK,8BAA8BzJ,GAAG,CAAC,iBAAmBP,EAAIoK,yBAAyB,WAAapK,EAAIqK,4BAA4BrK,EAAI2H,KAAM3H,EAA2C,wCAAEI,EAAG,oCAAoC,CAACE,MAAM,CAAC,aAAeN,EAAIsK,oBAAoB,WAAatK,EAAIgK,8BAA8BzJ,GAAG,CAAC,WAAaP,EAAIuK,2BAA2B,WAAavK,EAAIwK,8BAA8BxK,EAAI2H,KAAM3H,EAA2B,wBAAEI,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAON,EAAIyK,cAAclK,GAAG,CAAC,WAAaP,EAAI0K,0BAA0B1K,EAAI2H,MAAM,IACx2H,EAAkB,G,YCDlB,EAAS,WAAa,IAAI3H,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,mCAAmCvB,MAAM,CAAC,GAAK,wBAAwB,uBAAuB,GAAG,cAAc,IAAIC,GAAG,CAAC,OAASP,EAAI2K,aAAa,CAACvK,EAAG,MAAM,CAACsB,YAAY,6CAA6C,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI4K,mBAAmBxK,EAAG,SAAS,CAACE,MAAM,CAAC,GAAK,8BAA8BC,GAAG,CAAC,OAAS,SAASI,GAAgC,OAAxBA,EAAOkK,iBAAwB7K,EAAI8K,WAAWC,MAAM,KAAMC,cAAc,CAAC5K,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,yCAAyC,CAACtB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,SAAS,CAACN,EAAIwB,GAAG,iBAAiBpB,EAAG,eAAe,CAACsB,YAAY,eAAepB,MAAM,CAAC,GAAK,OAAO,KAAO,OAAO,YAAc,kBAAkB,aAAe,OAAOQ,MAAM,CAACC,MAAOf,EAAIiL,KAAS,KAAEjK,SAAS,SAAUC,GAAMjB,EAAIkL,KAAKlL,EAAIiL,KAAM,OAAQhK,IAAME,WAAW,gBAAiBnB,EAAImL,GAAGF,KAAKvI,KAAK0I,UAAYpL,EAAIqL,UAAWjL,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,8FAA8FxB,EAAI2H,MAAM,OAAOvH,EAAG,MAAM,CAACsB,YAAY,wDAAwD,CAACtB,EAAG,SAAS,CAACsB,YAAY,uHAAuHpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAIoG,WAAW7F,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,yDAAyDpB,EAAG,SAAS,CAACsB,YAAY,gIAAgIpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAIsL,aAAa,CAACtL,EAAIwB,GAAG,6BAA6BxB,EAAI2B,GAAG3B,EAAIuL,UAAY,EAAI,WAAa,YAAY,iCAAiC,MAAM,IAC75D,EAAkB,G,wBC2CP,GACf5I,OACA4I,WACAnG,YACAc,WAEAd,MACAA,YACAc,YAGA5G,KAXA,WAYA,OACAgM,cACAnF,iBACAkF,aACAjF,aACA6E,MACAtL,KACA6L,sBACA9I,WAIA+I,YAxBA,WAyBA,OACAR,MACAvI,MACA0I,2BAKApI,UACAgE,YADA,WAEA,0BAEA4D,aAJA,WAKA,0DAGApH,QAzCA,WA0CA,mDACA,kBAEA,mCAEA,wBAEAC,SACAiI,4BADA,WAEA,WACAhM,iDACA,uBACA6E,QACA5E,aACA6L,+CACA9I,uBAKAoI,WAbA,WAaA,WACA,OACA,kBACA,mBACAvG,gBACAxF,4CACA,uBACA,YACAwF,+CAEAA,+CAGAA,gBAEAA,qBAIAoG,WAhCA,WAiCA,kBACA,WACAhL,KACA+C,UAGA8G,WAvCA,WAwCA,uBACA,0BAEAmC,YA3CA,WA8CA,sEAEA3F,gBAhDA,WAkDA,0BAEAiB,gBApDA,WAqDA,yDClJ8Z,I,wBCQ1ZnB,EAAY,eACd,EACA,EACA,GACA,EACA,KACA,KACA,MAIa,EAAAA,E,QCnBX,EAAS,WAAa,IAAI9F,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACsB,YAAY,0BAA0B,CAACtB,EAAG,MAAM,CAACsB,YAAY,8CAA8C,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,4DAA4DnB,GAAG,CAAC,MAAQP,EAAI0I,uBAAuB,CAAE1I,EAAI+F,KAAK6F,oBAAoBxD,OAAS,EAAGhI,EAAG,MAAM,CAACsB,YAAY,kBAAkBpB,MAAM,CAAC,IAAM,EAAQ,WAAkCN,EAAI2H,KAAK3H,EAAIwB,GAAG,6CAA6CpB,EAAG,KAAK,CAACsB,YAAY,gBAAgB,CAAC1B,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI+F,KAAKrD,aAAatC,EAAG,MAAM,CAACsB,YAAY,yDAAyD,CAAgB,GAAd1B,EAAIyH,OAAarH,EAAG,SAAS,CAACsB,YAAY,wHAAwHpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIyI,gBAAgB,CAACzI,EAAIwB,GAAG,8CAA8CxB,EAAI2H,KAAoB,GAAd3H,EAAIyH,OAAarH,EAAG,SAAS,CAACsB,YAAY,2GAA2GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIwI,oBAAoB,CAACxI,EAAIwB,GAAG,oDAAoDxB,EAAI2H,KAAoB,GAAd3H,EAAIyH,OAAarH,EAAG,SAAS,CAACsB,YAAY,6GAA6GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIuI,sBAAsB,CAACvI,EAAIwB,GAAG,gDAAgDxB,EAAI2H,SAAS3H,EAAI6L,GAAG,SAAS,IAC5iD,EAAkB,GCoCP,GACflJ,OACAoD,MACAX,YAEAc,YAEAuB,QACArC,YACAc,YAGA5G,KAZA,WAaA,OACA8G,eAGA3C,SACAiF,qBADA,SACA3C,GACA,8CAEA0C,cAJA,WAKA,uCAEAD,kBAPA,WAQA,2CAEAD,oBAVA,WAWA,+CCjEwZ,ICQpZ,G,WAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAIvI,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACsB,YAAY,0BAA0B,CAACtB,EAAG,MAAM,CAACsB,YAAY,8CAA8C,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI+F,KAAKrD,aAAatC,EAAG,MAAM,CAACsB,YAAY,yDAAyD,CAAgB,GAAd1B,EAAIyH,OAAarH,EAAG,SAAS,CAACsB,YAAY,2GAA2GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAI+I,oBAAoB,CAAC/I,EAAIwB,GAAG,oDAAoDxB,EAAI2H,KAAoB,GAAd3H,EAAIyH,OAAarH,EAAG,SAAS,CAACsB,YAAY,2GAA2GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAI6I,iBAAiB,CAAC7I,EAAIwB,GAAG,iDAAiDxB,EAAI2H,KAAoB,GAAd3H,EAAIyH,OAAarH,EAAG,SAAS,CAACsB,YAAY,6GAA6GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAI8I,mBAAmB,CAAC9I,EAAIwB,GAAG,6CAA6CxB,EAAI2H,SAAS3H,EAAI6L,GAAG,aAAa,IACjtC,EAAkB,GC4BP,GACflJ,OACAoD,MACAX,YAEAc,YAEAuB,QACArC,YACAc,YAGA5G,KAZA,WAaA,OACA8G,eAGA3C,SACAsF,kBADA,WAEA,2CAEAF,eAJA,WAKA,wCAEAC,iBAPA,WAQA,4CCtDqZ,ICQjZ,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAI9I,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,uBAAuBH,YAAY,eAAepB,MAAM,CAAC,GAAK,wBAAwB,SAAW,GAAG,uBAAuB,GAAG,cAAc,KAAK,CAACF,EAAG,MAAM,CAACsB,YAAY,8BAA8B,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAG,0DAA0DpB,EAAG,IAAI,CAACsB,YAAY,gEAAgE,CAAC1B,EAAIwB,GAAG,wDAAwDpB,EAAG,QAAQA,EAAG,MAAM,CAACsB,YAAY,6BAA6B,CAACtB,EAAG,IAAI,CAACsB,YAAY,4CAA4CpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,SAASpB,EAAG,IAAI,CAACsB,YAAY,2DAA2DpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI8L,kBAAkB,CAAC9L,EAAIwB,GAAG,mBAAmB,IAC57B,EAAkB,GCsBP,GACfkB,8BACAC,OACA4I,WACAnG,YACAc,WAEAxD,MACA0C,YACAc,aAGA5G,KAZA,WAaA,OACA6G,iBACAC,eAGA5C,QAlBA,WAmBA,wBAEAR,UACAgE,YADA,WAEA,2BAIAvD,SAEAqI,aAFA,WAEA,WACA,OACAjM,iDACA,uBACA0E,0CACA,oBACAA,iCAKAyB,gBAbA,WAcA,0BAEAiB,gBAhBA,WAiBA,6CCnEwZ,ICQpZ,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAIjH,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,2BAA2BvB,MAAM,CAAC,GAAK,wBAAwB,uBAAuB,GAAG,cAAc,IAAIC,GAAG,CAAC,OAASP,EAAI2K,aAAa,CAACvK,EAAG,MAAM,CAACsB,YAAY,6CAA6C,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI4K,mBAAmBxK,EAAG,SAAS,CAACE,MAAM,CAAC,GAAK,8BAA8BC,GAAG,CAAC,OAAS,SAASI,GAAgC,OAAxBA,EAAOkK,iBAAwB7K,EAAI8K,WAAWC,MAAM,KAAMC,cAAc,CAAC5K,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,yCAAyC,CAACtB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,SAAS,CAACN,EAAIwB,GAAG,cAAcpB,EAAG,eAAe,CAACsB,YAAY,eAAepB,MAAM,CAAC,GAAK,OAAO,KAAO,OAAO,YAAc,eAAe,aAAe,OAAOQ,MAAM,CAACC,MAAOf,EAAIiL,KAAS,KAAEjK,SAAS,SAAUC,GAAMjB,EAAIkL,KAAKlL,EAAIiL,KAAM,OAAQhK,IAAME,WAAW,gBAAiBnB,EAAImL,GAAGF,KAAKvI,KAAK0I,UAAYpL,EAAIqL,UAAWjL,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,2FAA2FxB,EAAI2H,MAAM,OAAOvH,EAAG,MAAM,CAACsB,YAAY,wDAAwD,CAACtB,EAAG,SAAS,CAACsB,YAAY,uHAAuHpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAIoG,WAAW7F,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,yDAAyDpB,EAAG,SAAS,CAACsB,YAAY,gIAAgIpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAI+L,mBAAmB,CAAC/L,EAAIwB,GAAG,6BAA6BxB,EAAI2B,GAAG3B,EAAIgM,SAAW,EAAI,WAAa,YAAY,iCAAiC,MAAM,IACj5D,EAAkB,G,YCCTC,EAAsB,SAAAjN,GAC/B,IAAIC,EAAc,yBAClB,OAAOC,OAAYC,KAAKF,EAAaD,GAAQI,MAAK,SAAAC,GAC9C,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MAQdE,EAAY,SAAAC,GACrB,IAAIV,EAAc,6BAAH,OAAgCU,GAC/C,OAAOT,OAAYU,IAAIX,GAAaG,MAAK,SAAAC,GACrC,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MAEd0M,EAAwB,SAAAvM,GACjC,IAAIV,EAAc,6BAAH,OAAgCU,GAC/C,OAAOT,OAAYU,IAAIX,GAAaG,MAAK,SAAAC,GACrC,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MCoBZ,GACfmD,OACAqJ,UACA5G,YACAc,WAEAqF,WACAnG,YACAc,YAGA5G,KAXA,WAYA,OACAyM,oBACA5F,iBACAkF,aACAjF,aACA6E,MACAtL,KACA6L,sBACAD,YACA7I,WAIA+I,YAzBA,WA0BA,OACAR,MACAvI,MACA0I,2BAKApI,UACAgE,YADA,WAEA,0BAEA4D,aAJA,WAKA,mDAGApH,QA1CA,WA2CA,mDACA,mCACA,iBAEA,gCAEA,wBAEAC,SACA0I,yBADA,WAEA,WACAzM,mCACA,uBACA6E,QACA5E,aACA6L,+CACA9I,uBAKAoI,WAbA,WAaA,WACA,OACA,kBACA,mBACAvG,sBACA0H,+BACA,uBACA,YACA1H,4CAEAA,4CAGAA,gBAEAA,2BAIAoG,WAhCA,WAiCA,kBACA,WACAhL,KACA+C,UAGA8G,WAvCA,WAwCA,uBACA,0BAEAmC,YA3CA,WA8CA,8DAEA3F,gBAhDA,WAkDA,0BAEAiB,gBApDA,WAqDA,iDCpJ2Z,ICQvZ,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAIjH,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,sBAAsBH,YAAY,eAAepB,MAAM,CAAC,GAAK,wBAAwB,SAAW,GAAG,uBAAuB,GAAG,cAAc,KAAK,CAACF,EAAG,MAAM,CAACsB,YAAY,6BAA6B,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAG,uDAAuDpB,EAAG,IAAI,CAACsB,YAAY,gEAAgE,CAAC1B,EAAIwB,GAAG,qDAAqDpB,EAAG,QAAQA,EAAG,MAAM,CAACsB,YAAY,6BAA6B,CAACtB,EAAG,IAAI,CAACsB,YAAY,4CAA4CpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,SAASpB,EAAG,IAAI,CAACsB,YAAY,2DAA2DpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI8L,kBAAkB,CAAC9L,EAAIwB,GAAG,mBAAmB,IACp7B,EAAkB,GCsBP,GACfkB,8BACAC,OACAqJ,UACA5G,YACAc,WAEAxD,MACA0C,YACAc,aAGA5G,KAZA,WAaA,OACA6G,iBACAC,eAGA5C,QAlBA,WAmBA,wBAEAR,UACAgE,YADA,WAEA,2BAIAvD,SAEAqI,aAFA,WAEA,WACA,OACAI,mCACA,uBACA3H,uCACA,oBACAA,iCAKAyB,gBAbA,WAcA,0BAEAiB,gBAhBA,WAiBA,4CCnEqZ,ICQjZ,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAIjH,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,mCAAmCvB,MAAM,CAAC,GAAK,wBAAwB,uBAAuB,GAAG,cAAc,IAAIC,GAAG,CAAC,OAASP,EAAI2K,aAAa,CAACvK,EAAG,MAAM,CAACsB,YAAY,6CAA6C,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI4K,mBAAmBxK,EAAG,SAAS,CAACE,MAAM,CAAC,GAAK,8BAA8BC,GAAG,CAAC,OAAS,SAASI,GAAgC,OAAxBA,EAAOkK,iBAAwB7K,EAAI8K,WAAWC,MAAM,KAAMC,cAAc,CAAC5K,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,yCAAyC,CAACtB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,SAAS,CAACN,EAAIwB,GAAG,oBAAoBpB,EAAG,eAAe,CAACsB,YAAY,eAAepB,MAAM,CAAC,GAAK,OAAO,KAAO,OAAO,YAAc,qBAAqB,aAAe,OAAOQ,MAAM,CAACC,MAAOf,EAAIiL,KAAS,KAAEjK,SAAS,SAAUC,GAAMjB,EAAIkL,KAAKlL,EAAIiL,KAAM,OAAQhK,IAAME,WAAW,gBAAiBnB,EAAImL,GAAGF,KAAKvI,KAAK0I,UAAYpL,EAAIqL,UAAWjL,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,iGAAiGxB,EAAI2H,MAAM,OAAOvH,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,sDAAsD,CAACtB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,SAAS,CAACN,EAAIwB,GAAG,qBAAqBpB,EAAG,MAAM,CAACsB,YAAY,cAAc,CAACtB,EAAG,gBAAgB,CAACE,MAAM,CAAC,QAAUN,EAAIoM,kBAAkB7L,GAAG,CAAC,OAASP,EAAIqM,4BAA4BvL,MAAM,CAACC,MAAOf,EAAIiL,KAAiB,aAAEjK,SAAS,SAAUC,GAAMjB,EAAIkL,KAAKlL,EAAIiL,KAAM,eAAgBhK,IAAME,WAAW,sBAAsB,CAACf,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACN,EAAIwB,GAAG,yBAA0BxB,EAAImL,GAAGF,KAAKvI,KAAK0I,UAAYpL,EAAIqL,UAAWjL,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,0GAA0GxB,EAAI2H,MAAM,SAASvH,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,QAAQ,CAACyB,IAAI,OAAOH,YAAY,eAAepB,MAAM,CAAC,OAAS,GAAG,KAAO,OAAO,KAAO,OAAO,GAAK,kBAAkB,OAAS,+BAA+BC,GAAG,CAAC,OAASP,EAAIsM,sBAAyBtM,EAAIiL,KAAKsB,MAAQvM,EAAIiL,KAAKuB,UAAcxM,EAAIiL,KAAKwB,cAAczM,EAAIqG,UAAWrG,EAAIiL,KAAKwB,cAAczM,EAAIsG,eAAk7CtG,EAAIiL,KAAKsB,OAAQvM,EAAIiL,KAAKuB,UAAcxM,EAAIiL,KAAKwB,cAAczM,EAAIqG,UAAWrG,EAAIiL,KAAKwB,cAAczM,EAAIsG,cAAoyBtG,EAAI2H,KAAxxBvH,EAAG,MAAM,CAACsB,YAAY,iBAAiB,CAACtB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,SAAS,CAACN,EAAIwB,GAAG,qBAAqBpB,EAAG,MAAM,CAACsB,YAAY,6DAA6D,CAACtB,EAAG,MAAM,CAACsB,YAAY,0BAA0B,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAapB,MAAM,CAAC,IAAM,EAAQ,WAA6BF,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAC1B,EAAIwB,GAAG,6CAA6CxB,EAAI2B,GAAG3B,EAAIiL,KAAKsB,KAAKvM,EAAIiL,KAAKsB,KAAK7J,KAAK1C,EAAIiL,KAAKuB,UAAU,8CAA8CpM,EAAG,MAAM,CAACsB,YAAY,2BAA2B,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAC1B,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI0M,eAAe1M,EAAIiL,KAAK0B,cAAcvM,EAAG,MAAM,CAACsB,YAAY,aAAapB,MAAM,CAAC,IAAM,EAAQ,SAAgCC,GAAG,CAAC,MAAQP,EAAI4M,4BAAnxExM,EAAG,MAAM,CAACsB,YAAY,yCAAyC,CAACtB,EAAG,MAAM,CAACsB,YAAY,8DAA8DmL,MAAM7M,EAAI8M,WAAW,cAAc,GAAGvM,GAAG,CAAC,SAAWP,EAAI+M,mBAAmB,UAAY/M,EAAIgN,oBAAoB,KAAOhN,EAAIiN,iBAAiB,CAAC7M,EAAG,MAAM,CAACsB,YAAY,oBAAoB,CAACtB,EAAG,MAAM,CAACsB,YAAY,cAAcpB,MAAM,CAAC,IAAM,EAAQ,aAAgCF,EAAG,MAAM,CAACsB,YAAY,sBAAsB,CAACtB,EAAG,MAAM,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAG,yBAAyBpB,EAAG,MAAM,CAACJ,EAAIwB,GAAG,oIAAoIpB,EAAG,MAAM,CAACJ,EAAIwB,GAAG,mJAAmJpB,EAAG,MAAM,CAACsB,YAAY,qBAAqB,CAACtB,EAAG,SAAS,CAACsB,YAAY,kIAAkIpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIkN,eAAe,CAAClN,EAAIwB,GAAG,oGAAqGxB,EAAImL,GAAGF,KAAKuB,SAASpB,UAAYpL,EAAIqL,UAAWjL,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,iGAAiGxB,EAAI2H,WAAo6B3H,EAAIiL,KAAKwB,cAAczM,EAAIwG,cAAexG,EAAIiL,KAAKwB,cAAczM,EAAIyG,YAAazG,EAAIiL,KAAKwB,cAAczM,EAAI0G,UAAWtG,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,yCAAyC,CAACtB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,SAAS,CAACN,EAAIwB,GAAG,oBAAoBpB,EAAG,QAAQ,CAAC+M,WAAW,CAAC,CAACzK,KAAK,QAAQ0K,QAAQ,UAAUrM,MAAOf,EAAIiL,KAAS,KAAE9J,WAAW,cAAcO,YAAY,eAAepB,MAAM,CAAC,GAAK,OAAO,KAAO,OAAO,YAAc,gBAAgB,aAAe,OAAO+M,SAAS,CAAC,MAASrN,EAAIiL,KAAS,MAAG1K,GAAG,CAAC,MAAQ,SAASI,GAAWA,EAAO2M,OAAOC,WAAqBvN,EAAIkL,KAAKlL,EAAIiL,KAAM,OAAQtK,EAAO2M,OAAOvM,YAAaf,EAAImL,GAAGF,KAAK1F,KAAK6F,UAAYpL,EAAIqL,UAAWjL,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,iGAAiGxB,EAAI2H,WAAW3H,EAAI2H,KAAM3H,EAAIiL,KAAKwB,cAAczM,EAAIuG,UAAWnG,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,yCAAyC,CAACtB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,SAAS,CAACN,EAAIwB,GAAG,8DAA8DxB,EAAI2H,KAAKvH,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,yCAAyC,CAACtB,EAAG,QAAQ,CAACG,GAAG,CAAC,MAAQ,SAASI,GAAQX,EAAIwN,iBAAkB,KAAQ,CAACxN,EAAIwB,GAAG,6BAA8BxB,EAAmB,gBAAEI,EAAG,uBAAuB,CAACG,GAAG,CAAC,WAAa,SAASI,GAAQX,EAAIwN,iBAAkB,MAAUxN,EAAI2H,MAAM,OAAOvH,EAAG,MAAM,CAACsB,YAAY,wDAAwD,CAACtB,EAAG,SAAS,CAACsB,YAAY,uHAAuHpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAIoG,WAAW7F,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,yDAAyDpB,EAAG,SAAS,CAACsB,YAAY,gIAAgIpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAIoG,WAAsC,IAAzBpG,EAAIiL,KAAKwB,eAAqB,CAACzM,EAAIwB,GAAG,6BAA6BxB,EAAI2B,GAAG3B,EAAIyN,eAAe,iCAAiC,MAAM,IACthO,EAAkB,GCCTC,GAA0B,SAAA1O,GACnC,IAAIC,EAAc,6BAClB,OAAOC,OAAYC,KAAKF,EAAaD,EAAQ,CACzC2O,QAAS,CAAE,eAAgB,yBAC5BvO,MAAK,SAAAC,GACJ,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MAQdE,GAAY,SAAAC,GACrB,IAAIV,EAAc,iCAAH,OAAoCU,GACnD,OAAOT,OAAYU,IAAIX,GAAaG,MAAK,SAAAC,GACrC,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MAEdoO,GAA4B,SAAAjO,GACrC,IAAIV,EAAc,iCAAH,OAAoCU,GACnD,OAAOT,OAAYU,IAAIX,GAAaG,MAAK,SAAAC,GACrC,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MAGdqO,GAAqB,SAAA7O,GAC9B,IAAIC,EAAc,kCAClB,OAAOC,OAAYC,KAAKF,EAAaD,GAAQI,MAAK,SAAAC,GAC9C,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MCjCvB,GAAS,WAAa,IAAIQ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,oBAAoBH,YAAY,eAAepB,MAAM,CAAC,GAAK,wBAAwB,SAAW,GAAG,uBAAuB,GAAG,cAAc,KAAK,CAACF,EAAG,MAAM,CAACsB,YAAY,uEAAuE,CAACtB,EAAG,MAAM,CAACsB,YAAY,6BAA6B,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAG,gBAAgBpB,EAAG,MAAM,CAACsB,YAAY,sCAAsCpB,MAAM,CAAC,IAAM,EAAQ,SAAuBC,GAAG,CAAC,MAAQP,EAAIgG,qBAAqB5F,EAAG,MAAM,CAACsB,YAAY,mBAAmB,CAACtB,EAAG,IAAI,CAACJ,EAAIwB,GAAG,iCAAiCpB,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,MAAM,OAAS,MAAM,SAAW,KAAK,CAACF,EAAG,SAAS,CAACE,MAAM,CAAC,IAAM,8CAA8C,KAAO,MAAMN,EAAIwB,GAAG,iGAAiG,IAC36B,GAAkB,GCsCP,IACfkB,4BACAc,QAFA,WAGA,wBAEAC,SACAuC,gBADA,WAEA,0BAEAiB,gBAJA,WAKA,0CCjD2Y,MCQvY,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QC+IA,IACfnE,YACAgL,yBAEAnL,OACA4I,WACAnG,YACAc,WAEA6H,QACA3I,YACAc,WAEA8H,YACA5I,YACAc,YAGA5G,KAlBA,WAmBA,OACA6G,iBACAkF,aACAjF,aACA6E,MACAtL,KACA6L,sBACAD,YACAwC,SACArL,QACA+J,gBACAD,YACAyB,YACA1I,QACAoH,WACAJ,WAEAiB,mBACAV,cACAzG,gBAAAC,qBAAAC,iBAAAC,oBAAAC,kBAAAC,iBACA0F,kBACA,CAAArL,aAAAmN,gCACA,CAAAnN,aAAAmN,sBACA,CAAAnN,aAAAmN,sBACA,CAAAnN,aAAAmN,qBACA,CAAAnN,aAAAmN,mBACA,CAAAnN,aAAAmN,sBAIAzC,YAjDA,WAiDA,WACA,OACAR,MACAvI,MACA0I,wBAEAqB,cACArB,wBAEAoB,UAAApB,6CAAA,oEACA7F,MAAA6F,6CAAA,uEAIApI,UACAgE,YADA,WAEA,0BAEA4D,aAJA,WAKA,iEAEA6C,cAPA,WAQA,2FAGAjK,QA1EA,WA2EA,mDACA,mCACA,6BACA,mBAEA,oCAEA,wBAEAC,SACA0K,kBADA,WACA,WAEAzO,sCACA,yBACA,QACAC,aACA6L,+CACA4C,2BAGAC,yBACAC,6BACAC,cACAC,cACAC,4DAEAvN,uBACAwN,eAEAC,oBAEA,8CACA,6BACA,qEACA,yBACA,OAGA,oDACA,0CAGA,mEACA,kDACA,wBACAhP,QACAiP,0BACAC,gBACA3N,kBACA4N,YACAN,cACAC,0DASApC,2BAnDA,WAoDA,0BACA,mBAEAO,mBAvDA,WAwDA,yBACA,oBACA,sBACA,sBACA+B,sBAEAjC,eA9DA,SA8DApN,GAAA,kEACA,OAIA,gBACA,qBACA,UACA,iCACA,UACA,iCACA,UACA,iCAEA,IAGA4N,aA/EA,WAgFA,yBAEAZ,mBAlFA,WAmFA,wCACA,uCACA,wCAEAW,eAvFA,SAuFAzN,GACAA,mBACA,2CACA,0BACA,oBAEAuN,mBA7FA,SA6FAvN,GACAA,mBACA,oBAEAwN,oBAjGA,WAkGA,oBAEA+B,6BApGA,WA+GA,WACArP,sCACA,uBAEA6E,QACA5E,aACA6L,+CACAD,2BACAwC,qBACArL,iBACA+J,iCACAE,yBACAH,0BAEA,yDACAjI,4BAGAA,6BAKAuG,WAtIA,WAsIA,WAWA,OAEA,GADA,mBACA,kBACA,mBACAkE,4BACAA,8DACAA,0CACAA,oCACAA,gCACAA,gDACAA,wCACAL,uBACA,+DACAK,oCAGAA,gCAEAA,wCACA,gBACAA,wCAEAA,gCACAtB,wBACA,uBACA,YACAnJ,kDAEAA,kDAEA,6BACAoK,oBACApK,0DAGAA,qBAQAoG,WA5LA,WA6LA,kBACA,WACAhL,KACA6L,sBACAD,YACAwC,SACArL,QACA+J,gBACAD,YACAyC,QACAtC,WACAJ,YAGAtC,gCA3MA,SA2MAtK,EAAA+C,GACA,uBACA,OACA/C,KACA+C,QAEA,iDAEA8G,WAnNA,WAoNA,uBACA,0BAEAmC,YAvNA,WA0NA,sEAEA3F,gBA5NA,WA8NA,0BAEAiB,gBAhOA,WAiOA,yDCvd+Z,MCQ3Z,I,UAAY,eACd,GACA,EACA,GACA,EACA,KACA,WACA,OAIa,M,QCnBX,GAAS,WAAa,IAAIjH,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACsB,YAAY,0BAA0B,CAACtB,EAAG,MAAM,CAACsB,YAAY,8CAA8C,CAACtB,EAAG,MAAM,CAACsB,YAAY,YAAYnB,GAAG,CAAC,MAAQP,EAAImJ,qBAAqB,CAAC/I,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI+F,KAAKrD,WAAWtC,EAAG,MAAM,CAACJ,EAAIwB,GAAG,IAAIxB,EAAI2B,GAAG3B,EAAIkP,kBAAkB,SAAS9O,EAAG,MAAM,CAACsB,YAAY,yDAAyD,CAAgB,GAAd1B,EAAIyH,OAAarH,EAAG,SAAS,CAACsB,YAAY,2GAA2GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIkJ,qBAAqB,CAAClJ,EAAIwB,GAAG,mDAAmDxB,EAAI2H,KAAoB,GAAd3H,EAAIyH,OAAarH,EAAG,SAAS,CAACsB,YAAY,6GAA6GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIoJ,uBAAuB,CAACpJ,EAAIwB,GAAG,mDAAmDxB,EAAI2H,SAAS3H,EAAI6L,GAAG,aAAa,IACviC,GAAkB,GCyBP,IACflJ,OACAoD,MACAX,YAEAc,YAEAuB,QACArC,YACAc,YAGA5G,KAZA,WAaA,OACA8G,aACAC,gBAAAC,qBAAAC,iBAAAC,oBAAAC,kBAAAC,iBACA0F,kBACA,CAAArL,aAAAmN,gCACA,CAAAnN,aAAAmN,sBACA,CAAAnN,aAAAmN,sBACA,CAAAnN,aAAAmN,qBACA,CAAAnN,aAAAmN,mBACA,CAAAnN,aAAAmN,sBAIAlL,UACAkM,iBADA,WAEA,gDACA,+BACA,mCACA,cAGA,WAGAzL,SACAyF,mBADA,WAEA,4CAEAE,qBAJA,WAKA,8CAEAD,mBAPA,WAQA,8CCvEyZ,MCQrZ,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCnBX,GAAS,WAAa,IAAInJ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,wBAAwBH,YAAY,eAAepB,MAAM,CAAC,GAAK,wBAAwB,SAAW,GAAG,uBAAuB,GAAG,cAAc,KAAK,CAACF,EAAG,MAAM,CAACsB,YAAY,+BAA+B,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAG,6DAA6DpB,EAAG,IAAI,CAACsB,YAAY,gEAAgE,CAAC1B,EAAIwB,GAAG,2DAA2DpB,EAAG,QAAQA,EAAG,MAAM,CAACsB,YAAY,6BAA6B,CAACtB,EAAG,IAAI,CAACsB,YAAY,4CAA4CpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,SAASpB,EAAG,IAAI,CAACsB,YAAY,2DAA2DpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI8L,kBAAkB,CAAC9L,EAAIwB,GAAG,mBAAmB,IACp8B,GAAkB,GCsBP,IACfkB,gCACAC,OACAqL,YACA5I,YACAc,WAEAxD,MACA0C,YACAc,aAGA5G,KAZA,WAaA,OACA6G,iBACAC,eAGA5C,QAlBA,WAmBA,wBAEAR,UACAgE,YADA,WAEA,2BAIAvD,SAEAqI,aAFA,WAEA,WACA,OACA8B,sCACA,uBACArJ,6CACA,oBACAA,iCAKAyB,gBAbA,WAcA,0BAEAiB,gBAhBA,WAiBA,8CCnEyZ,MCQrZ,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCnBX,GAAS,WAAa,IAAIjH,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,sCAAsCH,YAAY,2BAA2BpB,MAAM,CAAC,KAAO,KAAK,GAAK,yBAAyB,uBAAuB,GAAG,cAAc,IAAIC,GAAG,CAAC,OAASP,EAAI2K,aAAa,CAACvK,EAAG,MAAM,CAACsB,YAAY,6CAA6C,CAACtB,EAAG,MAAM,CAACsB,YAAY,sBAAsB,CAACtB,EAAG,MAAM,CAACsB,YAAY,wCAAwCyN,YAAY,CAAC,MAAQ,QAAQ7O,MAAM,CAAC,IAAM,EAAQ,SAAuBC,GAAG,CAAC,MAAQP,EAAIgG,qBAAuBhG,EAAIoP,mBAAwPhP,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,MAAM,CAACsB,YAAY,OAAO,CAACtB,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,eAAe,CAACsB,YAAY,eAAepB,MAAM,CAAC,GAAK,eAAe,KAAO,OAAO,YAAc,qBAAqB,aAAe,OAAOQ,MAAM,CAACC,MAAOf,EAAgB,aAAEgB,SAAS,SAAUC,GAAMjB,EAAIqP,aAAapO,GAAKE,WAAW,mBAAmB,GAAGf,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,IAAI,CAACsB,YAAY,4CAA4CpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAIsP,+BAA+B,CAACtP,EAAIwB,GAAG,SAASpB,EAAG,IAAI,CAACsB,YAAY,wCAAwCpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIuP,8BAA8B,CAACvP,EAAIwB,GAAG,kBAAr7BpB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI4K,iBAAiBxK,EAAG,MAAM,CAACsB,YAAY,kCAAkC,CAACtB,EAAG,SAAS,CAACsB,YAAY,iBAAiBnB,GAAG,CAAC,MAAQP,EAAIwP,yBAAyB,CAACxP,EAAIwB,GAAG,uBAA0vBpB,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,eAAe,OAASN,EAAI4H,WAAa5H,EAAIyP,mBAAmBlP,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI0P,gBAAgB1P,EAAIyP,sBAAsB,CAACrP,EAAG,SAAS,CAACE,MAAM,CAAC,GAAK,8BAA8BC,GAAG,CAAC,OAAS,SAASI,GAAgC,OAAxBA,EAAOkK,iBAAwB7K,EAAI8K,WAAWC,MAAM,KAAMC,cAAc,CAAC5K,EAAG,MAAM,CAACsB,YAAY,kBAAkB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAC1B,EAAIwB,GAAG,6CAA6CxB,EAAI2B,GAAG3B,EAAI2P,iBAAiBvH,QAAQ,sCAAsChI,EAAG,MAAM,CAACsB,YAAY,kBAAkB,CAACtB,EAAG,MAAM,CAACsB,YAAY,+BAA+B,CAACtB,EAAG,IAAI,CAACsB,YAAY,iEAAiEpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAI4P,oBAAoB,CAACxP,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAA4BF,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAAkCN,EAAIwB,GAAG,iGAAiGxB,EAAIqI,GAAIrI,EAAgB,cAAE,SAAS6P,EAASvH,GAAO,OAAOlI,EAAG,MAAM,CAACkB,IAAIgH,EAAM5G,YAAY,QAAQ,CAACtB,EAAG,MAAM,CAACsB,YAAY,yBAAyB,CAACtB,EAAG,IAAI,CAACsB,YAAY,iEAAiEpB,MAAM,CAAC,SAAWN,EAAI+L,iBAAiB,KAAO,gBAAgBxL,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI8P,aAAaD,MAAa,CAAC7P,EAAIwB,GAAG,0FAA0FpB,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,6DAA6D,CAACtB,EAAG,MAAM,CAACsB,YAAY,kBAAkB,CAAC1B,EAAIwB,GAAG,YAAYxB,EAAI2B,GAAG2G,EAAQ,MAAMlI,EAAG,SAAS,CAACsB,YAAY,8BAA8B,CAACtB,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,IAAI,SAAW,aAAa,CAACN,EAAIwB,GAAG,qBAAqBpB,EAAG,MAAM,CAACsB,YAAY,kDAAkD,CAACtB,EAAG,MAAM,CAACsB,YAAY,sBAAsB,CAACtB,EAAG,cAAc,CAACE,MAAM,CAAC,cAAgBuP,EAAS3O,QAAQ,SAAWoH,GAAO/H,GAAG,CAAC,eAAiBP,EAAI+P,2BAA2B,KAAK/P,EAAIqI,GAAIwH,EAAmB,YAAE,SAASG,EAAOC,GAAa,OAAO7P,EAAG,MAAM,CAACkB,IAAI2O,EAAYvO,YAAY,oFAAoF,CAACtB,EAAG,MAAM,CAACsB,YAAY,OAAO,CAACtB,EAAG,MAAM,CAACsB,YAAY,2CAA2C,CAACtB,EAAG,MAAM,CAACsB,YAAY,+BAA+B,CAACtB,EAAG,aAAa,CAACE,MAAM,CAAC,GAAK,YAAcgI,EAAQ2H,GAAanP,MAAM,CAACC,MAAOiP,EAAa,OAAEhP,SAAS,SAAUC,GAAMjB,EAAIkL,KAAK8E,EAAQ,SAAU/O,IAAME,WAAW,mBAAmBf,EAAG,QAAQ,CAACsB,YAAY,qCAAqCpB,MAAM,CAAC,IAAM,YAAcgI,EAAQ2H,IAAc,CAAC7P,EAAG,SAAS,CAACJ,EAAIwB,GAAG,UAAUxB,EAAI2B,GAAGqO,EAAOE,SAAS9P,EAAG,OAAO,CAACsB,YAAY,8BAA8B,CAAC1B,EAAIwB,GAAG,kGAAkG,KAAKpB,EAAG,MAAM,CAACsB,YAAY,wDAAwD,CAACtB,EAAG,qBAAqB,CAACE,MAAM,CAAC,cAAgB0P,EAAO9O,QAAQ,SAAW8O,EAAOpB,UAAUrO,GAAG,CAAC,eAAiBP,EAAImQ,wBAAwB/P,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAEsO,EAAOlB,WAAc,IAAE1O,EAAG,MAAM,CAACsB,YAAY,kBAAkB,CAACtB,EAAG,MAAM,CAACgQ,MAAM,CAAG,MAASP,EAASxB,SAAW,KAAM,OAAUwB,EAASvB,WAAa,MAAQhO,MAAM,CAAC,IAAM0P,EAAOlB,WAAWL,OAAOrO,EAAG,WAAW,CAACsB,YAAY,4BAA4BpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIqQ,mBAAmBR,EAAUG,MAAW,CAAC5P,EAAG,IAAI,CAACsB,YAAY,wBAAwBpB,MAAM,CAAC,aAAa,gBAAgB,CAACF,EAAG,MAAM,CAACE,MAAM,CAAC,QAAU,gBAAgB,YAAY,QAAQ,MAAQ,MAAM,OAAS,MAAM,KAAO,eAAe,cAAc,OAAO,UAAY,UAAU,CAACF,EAAG,OAAO,CAACE,MAAM,CAAC,EAAI,uUAAuU,GAAGF,EAAG,MAAM,CAACsB,YAAY,2BAA2B,CAACtB,EAAG,QAAQ,CAACyB,IAAImO,EAAOpB,SAAS0B,UAAS,EAAKhQ,MAAM,CAAC,OAAS,GAAG,KAAO,OAAO,OAAS,WAAWC,GAAG,CAAC,OAAS,SAASI,GAAQ,OAAOX,EAAIuQ,gBAAgB5P,EAAQkP,EAAUG,OAAY5P,EAAG,WAAW,CAACsB,YAAY,4BAA4BpB,MAAM,CAAC,KAAO,SAAS,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIwQ,sBAAsBR,MAAW,CAAC5P,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,QAA8B,IAAM,MAAMN,EAAIwB,GAAG,8HAA8H,KAAKpB,EAAG,IAAI,CAACG,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIyQ,eAAeZ,EAAUG,MAAW,CAAC5P,EAAG,MAAM,CAACE,MAAM,CAAC,MAAQ,6BAA6B,MAAQ,KAAK,OAAS,KAAK,QAAU,YAAY,KAAO,SAAS,CAACF,EAAG,OAAO,CAACE,MAAM,CAAC,EAAI,aAAa,OAAS,UAAU,eAAe,IAAI,iBAAiB,QAAQ,kBAAkB,WAAWF,EAAG,OAAO,CAACE,MAAM,CAAC,EAAI,aAAa,OAAS,UAAU,eAAe,IAAI,iBAAiB,QAAQ,kBAAkB,gBAAgB,UAASF,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,SAAS,CAACsB,YAAY,2FAA2FpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI0Q,gBAAgBb,MAAa,CAACzP,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAAkCN,EAAIwB,GAAG,6GAA6G,QAAOpB,EAAG,MAAM,CAACsB,YAAY,OAAO1B,EAAIqI,GAAIrI,EAAoB,kBAAE,SAAS6P,EAASvH,GAAO,OAAOlI,EAAG,MAAM,CAACkB,IAAIgH,EAAM5G,YAAY,yCAAyC,CAACtB,EAAG,MAAM,CAACsB,YAAY,gEAAgE,CAACtB,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,SAAS,CAACJ,EAAIwB,GAAG,WAAWxB,EAAI2B,GAAG2G,EAAQ,GAAG,OAAOtI,EAAIwB,GAAG,KAAKpB,EAAG,SAAS,CAACsB,YAAY,iBAAiB2L,SAAS,CAAC,UAAYrN,EAAI2B,GAAGkO,EAAS3O,cAAcd,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,IAAI,CAACsB,YAAY,qFAAqFpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI2Q,uBAAuBd,MAAa,CAAC7P,EAAIwB,GAAG,yGAAyGxB,EAAIwB,GAAG,yFAAyFpB,EAAG,IAAI,CAACsB,YAAY,iEAAiEpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI4Q,mBAAmBf,MAAa,CAAC7P,EAAIwB,GAAG,2GAA2GpB,EAAG,MAAM,CAACsB,YAAY,oBAAoB1B,EAAIqI,GAAIwH,EAAmB,YAAE,SAASG,EAAOC,GAAa,OAAO7P,EAAG,MAAM,CAACkB,IAAI2O,EAAYvO,YAAY,eAAe,CAACtB,EAAG,kBAAkB,CAACE,MAAM,CAAC,QAAU0P,EAAOnB,OAAO,SAAW,KAAK,CAACzO,EAAG,MAAM,CAACiN,SAAS,CAAC,UAAYrN,EAAI2B,GAAI,8BAAiCqO,EAAW,KAAI,UAAaA,EAAc,QAAI,iBAAkB,MAAK,QAAO,GAAG5P,EAAG,MAAM,CAACsB,YAAY,6DAA6D,CAACtB,EAAG,SAAS,CAACsB,YAAY,wEAAwEpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAIoG,WAAW7F,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,4EAA4EpB,EAAG,SAAS,CAACsB,YAAY,gEAAgEpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAI+L,mBAAmB,CAAC/L,EAAIwB,GAAG,qCAAqCxB,EAAI2B,GAAG3B,EAAIgO,WAAa,EAAI,MAAQ,YAAY,uCAAuC,IAAI,GAAG5N,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,mBAAmB,OAASN,EAAI4H,WAAa5H,EAAI6Q,eAAetQ,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI0P,gBAAgB1P,EAAI6Q,kBAAkB,CAACzQ,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,yBAAyB,CAACtB,EAAG,QAAQ,CAACyB,IAAI,OAAOH,YAAY,eAAepB,MAAM,CAAC,OAAS,GAAG,KAAO,OAAO,KAAO,OAAO,GAAK,kBAAkB,OAAS,+BAA+BC,GAAG,CAAC,OAASP,EAAIsM,sBAAyBtM,EAAI8Q,SAASvE,MAAQvM,EAAI8Q,SAAStE,SAAokBxM,EAAI8Q,SAASvE,MAAQvM,EAAI8Q,SAAStE,SAAWpM,EAAG,MAAM,CAACsB,YAAY,wBAAwB,CAACtB,EAAG,QAAQ,CAACE,MAAM,CAAC,IAAM,SAAS,CAACN,EAAIwB,GAAG,oBAAoBpB,EAAG,MAAM,CAACsB,YAAY,6DAA6D,CAACtB,EAAG,MAAM,CAACsB,YAAY,0BAA0B,CAACtB,EAAG,MAAM,CAACsB,YAAY,6BAA6BpB,MAAM,CAAC,IAAM,EAAQ,WAA6BF,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAC1B,EAAIwB,GAAG,iDAAiDxB,EAAI2B,GAAG3B,EAAI8Q,SAASvE,KAAOvM,EAAI8Q,SAASvE,KAAK7J,KAAO1C,EAAI8Q,SAAStE,UAAU,kDAAkDpM,EAAG,MAAM,CAACsB,YAAY,2BAA2B,CAACtB,EAAG,MAAM,CAACsB,YAAY,6BAA6B,CAAC1B,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI0M,eAAe1M,EAAI8Q,SAASnE,WAAW,gDAAgDvM,EAAG,MAAM,CAACsB,YAAY,aAAapB,MAAM,CAAC,IAAM,EAAQ,SAAgCC,GAAG,CAAC,MAAQP,EAAI4M,4BAA4B5M,EAAI2H,KAA7+CvH,EAAG,MAAM,CAACsB,YAAY,uBAAuBmL,MAAM7M,EAAI8M,WAAa,cAAgB,GAAGvM,GAAG,CAAC,SAAWP,EAAI+M,mBAAmB,UAAY/M,EAAIgN,oBAAoB,KAAOhN,EAAIiN,iBAAiB,CAAC7M,EAAG,MAAM,CAACsB,YAAY,iCAAiC,CAACtB,EAAG,MAAM,CAACG,GAAG,CAAC,MAAQP,EAAIkN,eAAe,CAAC9M,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAG,gCAAgCpB,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,MAAM,CAACsB,YAAY,gCAAgCnB,GAAG,CAAC,MAAQP,EAAIkN,eAAe,CAAC9M,EAAG,MAAM,CAACsB,YAAY,cAAcpB,MAAM,CAAC,IAAM,EAAQ,wBAAs+B,IAAI,KAAKF,EAAG,UAAU,CAACyB,IAAI,0CAA0CH,YAAY,eAAepB,MAAM,CAAC,GAAK,wBAAwB,uBAAuB,GAAG,cAAc,KAAK,CAACF,EAAG,MAAM,CAACsB,YAAY,iCAAiC,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAG,uHAAuHpB,EAAG,IAAI,CAACsB,YAAY,yDAAyD,CAAC1B,EAAIwB,GAAG,kIAAkIpB,EAAG,MAAM,CAACsB,YAAY,8BAA8B,CAACtB,EAAG,IAAI,CAACsB,YAAY,uEAAuEpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAI+Q,wBAAwB,CAAC/Q,EAAIwB,GAAG,WAAWpB,EAAG,IAAI,CAACsB,YAAY,+DAA+DpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIgR,uBAAuB,CAAChR,EAAIwB,GAAG,qBAAqB,IAC53Y,GAAkB,G,oDCDlB,GAAS,WAAa,IAAIxB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,kBAAkBC,GAAG,CAAC,WAAaP,EAAIQ,aAAa,CAACJ,EAAG,eAAe,CAACsB,YAAY,aAAapB,MAAM,CAAC,GAAM,wBAA0BN,EAAIS,SAAU,OAAST,EAAIU,QAAQH,GAAG,CAAC,KAAO,SAASI,GAAQ,OAAOX,EAAIY,OAAOD,IAAS,MAAQ,SAASA,GAAQ,OAAOX,EAAIa,QAAQF,KAAUG,MAAM,CAACC,MAAOf,EAAW,QAAEgB,SAAS,SAAUC,GAAMjB,EAAIkB,QAAQD,GAAKE,WAAW,aAAaf,EAAG,UAAU,CAACE,MAAM,CAAC,GAAM,mBAAqBN,EAAIS,SAAU,cAAc,IAAIW,YAAYpB,EAAIqB,GAAG,CAAC,CAACC,IAAI,cAAcC,GAAG,WAAW,MAAO,CAACvB,EAAIwB,GAAG,mBAAmBC,OAAM,MAAS,CAACrB,EAAG,MAAM,CAACsB,YAAY,0CAA0C,CAACtB,EAAG,MAAM,CAACsB,YAAY,cAAc,CAACtB,EAAG,QAAQ,CAACsB,YAAY,kCAAkC,CAAC1B,EAAIwB,GAAG,OAAOxB,EAAI2B,GAAsB,UAAnB3B,EAAI4B,WAAyB,MAAQ,SAAS,gCAAgCxB,EAAG,QAAQ,CAACyB,IAAI,aAAaH,YAAY,0BAA0BpB,MAAM,CAAC,KAAO,YAAYF,EAAG,IAAI,CAACsB,YAAY,+DAA+D,CAACtB,EAAG,OAAO,CAACsB,YAAY,gBAAgB,CAAC1B,EAAIwB,GAAG,YAAYpB,EAAG,MAAM,CAACsB,YAAY,sKAAsK,CAACtB,EAAG,OAAO,CAACsB,YAAY,YAAY,CAAC1B,EAAIwB,GAAG,WAAWxB,EAAI2B,GAAsB,UAAnB3B,EAAI4B,WAAyB,MAAQ,YAAgC,UAAnB5B,EAAI4B,WAAwBxB,EAAG,QAAQ,CAACyB,IAAI,QAAQvB,MAAM,CAAC,KAAO,OAAO,KAAO,GAAG,GAAK,QAAQ,OAAS,WAAWC,GAAG,CAAC,OAASP,EAAI8B,eAAe1B,EAAG,QAAQ,CAACyB,IAAI,UAAUvB,MAAM,CAAC,KAAO,OAAO,OAA4B,UAAnBN,EAAI4B,WACxoD,gCACA,WAAWrB,GAAG,CAAC,OAASP,EAAI+B,iBAAiB3B,EAAG,MAAM,CAACsB,YAAY,0BAA0B,CAACtB,EAAG,SAAS,CAACsB,YAAY,kBAAkBpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIgC,mBAAmB,CAAChC,EAAIwB,GAAG,0CAA0C,IACxP,GAAkB,G,0wBCyDjBU,SAASC,QAAQvC,IAAI,mBAC1BsC,uCACAE,iBASAC,4BACAC,oBACAC,oBACAC,2DACAC,mBAGAJ,6BACAC,6BACAC,qBACAC,yDACAC,mBAIAJ,4BACAC,qBACAC,oBACAC,uEACAC,sBAMe,I,GAAA,IACfC,0BAEAC,sEACArD,KAJA,WAKA,OACA4B,WACAmB,YACAT,cACAgB,qBACAC,uBAGAC,YACAC,qBAEAC,kBACAC,iBACAC,+BACAC,6BACAC,2CAEAC,oCANA,IAQA3C,OARA,WASA,8BAGA4C,OAYApC,2BAEAqC,QA1CA,WA6CA,uDAEAC,QA/CA,WAiDA,qBAEAC,iBACAC,0BACA,iBACA,yBACA,iBACA,sBALA,IAQAC,iBARA,WASA,qBACA,mDAIAC,aAdA,WAeA,OACAlB,cACAmB,OACA,YACA,QACA,cACA,SACA,+BACA,0CA+BA,OA5BA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,YACA,+BACA,2CAIA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,aACA,+BACA,2CAIA,CACApB,SACA,CACAC,mBACAmB,OACA,OACA,SACA,YACA,SACA,YACA,cACA,IACA,iBACA,iBAGA,CAAAnB,cAAAmB,+BACA,CACAnB,iBACAmB,OACA,eACA,eACA,IACA,cACA,gBACA,eACA,iBAGA,CAAAnB,aAAAmB,yBACAC,GAEAC,WACAC,6CACAC,kBACAC,0BACAC,yBACAC,+DAIAC,aA/FA,WAgGA,WACA,iEAEAhC,0BACAiC,iBACAC,8BAKAlC,0BACAiC,iBACAC,4BAIAlC,2BACAiC,iBACAC,oCAKAlC,0BACAiC,iBACAC,oCAKA3D,OA9HA,SA8HA4D,GACA,mBAIA3D,QAnIA,SAmIA2D,KAMAhE,WAzIA,WA2IA,iEACA,cADA,YAGA,MACA,+BAEA,EACAiE,+CACA,WACA,KACA,OACA,oBACAC,kBAIA,yBAIAC,gBA/JA,SA+JAC,GACA,wEACAvC,kCAGAwC,eApKA,SAoKAC,GACA,kBACA,OAAAA,OAAArE,wBAEA,iCAIAqB,YA5KA,SA4KA0C,GACA,WAGAO,qCACA,8CACAC,sCAKAC,qBAvLA,WAuLA,qEACAC,kEAGAC,qBA3LA,SA2LAC,GACA,kBACA,8DAIAC,kBAjMA,WAiMA,IAEA,EAFA,oKACA,OAEA,YACAC,8BACA,YAEAA,EADA,yBACAA,iLACA,uBACAA,2JAEAA,2EACAC,EADA,mEAEAA,EAFA,mDAKA,cACAD,+DACAC,EADA,iEAEAA,EAFA,mDAKArD,0EACAoD,GAGA,YACAf,wBAEAA,4BACAA,0BAEA,8DAIAxC,YArOA,SAqOAyC,GACA,IAEA,oBAEA,GACAO,qCACA,sBAKA/C,iBAjPA,WAmPA,kCACA,IACA,KACA,kBACA,0BACA,+BACAwD,0BACAC,UACA,wBACA,+BACAD,sCACAC,WAGAD,yBAIAA,GACA,6CAIAE,mBA1QA,WA2QA,qDACA,gCAEA,+CACA,6BAEA,6DAEA,qBAAAC,WAAAtD,eAGAuD,aAtRA,SAsRAC,GACA,wBACA,uBAAApF,WAAA2E,sBC3a4V,MCQxV,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,g9CC0QA,QACfzC,OACAqL,YACA5I,YACAc,WAEA+K,cACA7L,YACAc,aAGApD,YACAoO,iBACAC,oBACAC,wBACAC,uBAEA/N,OACA,yCAEAhE,KApBA,WAqBA,OACAyM,oBACAnE,YACA6H,oBACAoB,gBACA1K,iBACAkF,aACAjF,aAIAkL,gBAEAC,yCACAC,oBAGAC,mBACA,CAAA1Q,QAAAmN,gBACA,CAAAnN,QAAAmN,iBACA,CAAAnN,QAAAmN,iBACA,CAAAnN,QAAAmN,iBAEAwD,iBACA,qGAEArC,gBACAD,sBACA0B,UACAtE,YACAD,WAEAoD,oBACA1E,MACAtL,KACA6L,sBACAD,YACAwC,SACArL,QACA+J,gBACAD,YACAyB,YACA1I,QACAoH,WACAJ,WAEAO,gBAIArB,YAvEA,WAwEA,UAQAzI,UACAgE,YADA,WAEA,0BAEA4D,aAJA,WAKA,2BAGApH,QAxFA,WA6FA,uBAEA,0BAEAC,aACAmN,mBADA,SACAf,GACA,8BAEAC,aAJA,SAIAD,GACA,+BAEA8B,WAPA,SAOAC,GAIA,OAHA,OACAA,KAEA,yBAEAlC,gBAbA,SAaAmC,GACA,kBAEAjC,kBAhBA,WAiBA,gBAEAkC,QAnBA,WAoBA,OACAnS,KACAiP,6BACApD,yCACA4C,aACA2D,YACA1D,aACAC,eACAC,cACAC,cACAC,QAEAvN,WACAwN,eAyCA,8BAEAsD,aA5EA,WA6EA,2BACA,wEACAC,sBAEA,0EACA,gCAEA,OADAA,oBACA,iCAGA,UAEA3F,mBAzFA,WAyFA,WACA,4CACA,+CACA,+CACA,mBACA0C,oCACAkD,qCACA,yBACA,mBACA,gCACA,kBACA,aAGA,iCACA,kBAGA,iCAGA,IAFA,gBACA,KACA,4BACA,mBACA,GACAvS,QACAiP,0BACAC,mBACA3N,kBACA4N,YACAN,cACAC,QAEAyB,aAEAxB,UAIA,OACA/O,QACAiP,0BACApD,sCACA4C,aACA2D,YACA1D,aACAC,eACAC,cACAC,cACAC,kDAEAvN,kBACAwN,cAEA,uBAEA,sCAKAP,kBArJA,WAqJA,WAEA,GACA3C,yCACAwC,4BAEAtO,qCACA,yBACA,sBAGA,iCAGA,IAFA,gBACA,KACA,sDACA,6CACA,GACAC,QACAiP,0BACAC,gBACA3N,kBACA4N,YACAN,cACAC,kDAEAyB,aAEAxB,UAIA,OACA/O,QACAiP,0BACApD,0CACA4C,aACA2D,YACA1D,aACAC,eACAC,cACAC,cACAC,QAEAvN,kBACAwN,cAEA,gCAKA,6BACA,gBAGA5D,WA5MA,WA4NA,GADA,mBACA,kBAGA,IAFA,SACA,wBACA,oBACA,WACA,eACAqH,KACA,OAGA,EACA,4BAGA,6CAIAC,iBA9OA,SA8OAd,GAAA,8DACA,OACA,eAEAtC,mCACAA,6DACA,4BACA,WACAA,+BACAA,2CACAA,iEACAA,kDACAA,6CACAA,2CACAA,+CACAA,yCACAA,uDACAA,oDAGA,uCACA,sBACAA,6CACAA,iEACAA,qDACAA,uDACAA,gEACAA,kDAGAzK,sBACA8N,qCACA,yBAGA,GAFA9N,iDACAA,sBACA,EAaAA,uBAZA,wCAEA,IADA,wBACA,oBACA,WACA,wBACAA,2BAWA,0BACAA,YAGAA,0BAGA+N,cAzSA,SAySAhK,GACA,OACA3I,KACAiP,6BACAC,UACA3N,WACA4N,YACAN,cACAC,QAEAyB,0BAGAH,uBAtTA,SAsTAzQ,GACA,oCACAiT,kBAEApC,qBA1TA,SA0TA7Q,GAEA,2CAEA,IADA,2BACA,+BACA,sBACA,2BACA0Q,iBACA,SAKAS,eAvUA,SAuUAZ,EAAA2C,GACA,uCACA,sBACA,yBACA,QACA,iCAEA3C,4BAIAQ,mBAlVA,SAkVAR,EAAA4C,GACA9D,iBACA,uCACA,sBACA,2BACA5I,2BACAA,sBACA,gCACA,SAIAwK,gBA9VA,SA8VA/Q,EAAAqQ,EAAA4C,GACA,uCACA,sBACA,2BACA1M,yDACAA,4DACA,SAKAyK,sBAzWA,SAyWAzK,GACA,mCAEA2K,gBA5WA,SA4WAb,GACAA,6DA7WA,iCAiXA,2BACA,wEACAoC,sBAEA,0EACA,gCAEA,OADAA,oBACA,iCAGA,YA3XA,yCA8XA,qCACA,8BACA,yCAhYA,iCAqYA,2BArYA,2CAwYA,oCACA,8BAzYA,6CA4YA,oCACA,WACApE,IAAA6E,mBAAAC,yBAAA,kBACA,uBACApO,qDACAA,wCAjZA,iDAsZA,8BAtZA,uCAyZA,yBACA,wBACA,0BACA,0BACAoK,wBA7ZA,iCA+ZArP,GAAA,kEACA,OAIA,gBACA,qBACA,UACA,iCACA,UACA,iCACA,UACA,iCAEA,MA7aA,qCAgbAE,GACAA,mBACA,sBAlbA,wCAqbA,sBArbA,iCAubAA,GACAA,mBACA,2CACA,0BACA,sBA3bA,uCA8bA,WACA,sBACA,mBACAmP,uBACAK,gCACA4D,uEACA,sBACArO,wDArcA,yCA0cAsL,GACAlB,eACA,WACAkE,wCACA,yBACAtO,2CACAA,sBAGA,yCACA,wBACA,wBACAA,2BAGA,0BACAA,mBA1dA,yCA6eA,4BACA,OACA,uBACA,yBACA,MACA,OACA,wBACA,yBACA,MACA,OACA,wBACA,yBACA,MACA,OACA,uBACA,yBACA,MACA,QACA,UA/fA,0CAmgBA,wCAngBA,sCAsgBA,sEACA,mFAvgBA,+BAuhBA,kBACA,WACA5E,KACA6L,sBACA4C,aACA2D,YACA1D,aACAC,eACAC,cACAC,cACAC,QAEAvN,WACAwN,kBApiBA,+BAwiBA,uBACA,4BAziBA,0CA6iBA,gEA7iBA,0CAijBA,gEAjjBA,gCAsjBA,2EAtjBA,sCAyjBA,4BAzjBA,oCA8jBA,gCA9jBA,oCAikBA,4DAjkBA,KC9Xua,MCQna,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,qECiFA,IACf5L,YACAgQ,2BACAC,qBACAC,kBACAC,qBACAC,wBACAC,kBACAC,6BACAC,uBACAC,uBACAC,qCACAC,eACAC,wBACAC,2BAEA/Q,OACA4E,uBACAnC,YAEAc,YAEAuB,QACArC,YA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","file":"js/chunk-5bdb16b8.826ffe87.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteChapter.vue?vue&type=style&index=0&id=3be13ab5&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswerNew.vue?vue&type=style&index=0&id=02b80394&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChapterClassSchool.vue?vue&type=style&index=0&id=be8e9774&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateChapter.vue?vue&type=style&index=0&lang=scss&\"","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveChapterClassSchool = params => {\r\n    let apiEndpoint = `ChapterClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listChapterClassSchool = params => {\r\n    let apiEndpoint = `ChapterClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `ChapterClassSchool/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deleteChapterClassSchool = id => {\r\n    let apiEndpoint = `ChapterClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const changeOrderChapter = params => {\r\n    let apiEndpoint = `ChapterClassSchool/ChangeOrderChapter`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app-cke-answer\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{attrs:{\"id\":(\"myQuillEditor_answer_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_an_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"Tải lên media\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center editor-modal-media\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\")+\" thông qua\\n          link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"\\n          form-group form-editor-media\\n          position-rel\\n          text-center\\n          display-flex-center\\n          justify-content-center\\n        \"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\"))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video'\n    ? 'video/mp4,video/x-m4v,video/*'\n    : 'audio/*'},on:{\"change\":_vm.uploadMedia}})]),_c('div',{staticClass:\"form-action text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDoneUpload}},[_vm._v(\"\\n          Tải lên\\n        \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app-cke-answer\" @mouseleave=\"mouseLeave\">\r\n    <vue-ckeditor :id=\"`myQuillEditor_answer_${position}`\" v-model=\"content\" :config=\"config\" @blur=\"onBlur($event)\"\r\n      @focus=\"onFocus($event)\" />\r\n    <b-modal :id=\"`modal_upload_an_${position}`\" hide-footer>\r\n      <template v-slot:modal-title>Tải lên media</template>\r\n      <div class=\"d-block text-center editor-modal-media\">\r\n        <div class=\"form-group\">\r\n          <label class=\"display-block font-weight-bold\">Tải {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }} thông qua\r\n            link</label>\r\n          <input type=\"text\" class=\"form-control full-width\" ref=\"link_media\" />\r\n        </div>\r\n        <p class=\"display-block text-center full-width hr-center position-rel\">\r\n          <span class=\"position-rel\">Hoặc</span>\r\n        </p>\r\n        <div class=\"\r\n            form-group form-editor-media\r\n            position-rel\r\n            text-center\r\n            display-flex-center\r\n            justify-content-center\r\n          \">\r\n          <span class=\"margin-0\">Tải lên {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }}</span>\r\n          <input v-if=\"typeUpload === 'image'\" type=\"file\" name id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\"\r\n            accept=\"image/*\" />\r\n          <input v-else type=\"file\" ref=\"upMedia\" @change=\"uploadMedia\" :accept=\"typeUpload === 'video'\r\n      ? 'video/mp4,video/x-m4v,video/*'\r\n      : 'audio/*'\r\n    \" />\r\n        </div>\r\n        <div class=\"form-action text-right\">\r\n          <button type=\"button\" class=\"btn btn-primary\" @click=\"handleDoneUpload\">\r\n            Tải lên\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueCkeditor from \"vue-ckeditor2\";\r\n// import mixins from '@/helpers/mixins';\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport {\r\n  replaceHtmlMathlive,\r\n  setAlignImgEditor,\r\n  fillBlankEditor,\r\n  convertOldKatexData2Img,\r\n} from \"@/helpers/functions\";\r\nimport { uploadImg } from \"@/store/common/api\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n// import katex from 'katex';\r\n// const imgVideo = require('@/assets/images/video.png')\r\n// const imgAudio = require('@/assets/images/audio.png')\r\n// const imgFx = require('@/assets/images/fx.png')\r\n// const imgDraw = require('@/assets/images/draw.png')\r\n\r\n// Add plugin for editor\r\nif (!CKEDITOR.plugins.get(\"niw_btn_answer\")) {\r\n  CKEDITOR.plugins.add(\"niw_btn_answer\", {\r\n    init: function (editor) {\r\n      // Button drawshape\r\n      // editor.ui.addButton('drawShape', {\r\n      //        label: 'Vẽ hình',\r\n      //        command: 'drawShape',\r\n      //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n      //        toolbar: 'insert'\r\n      //    });\r\n\r\n      editor.ui.addButton(\"fillBlank\", {\r\n        label: \"Câu điền từ\",\r\n        command: \"fillBlank\",\r\n        icon: \"https://image.flaticon.com/icons/svg/106/106987.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      editor.ui.addButton(\"selectForm\", {\r\n        label: \"Lựa chọn câu trả lời\",\r\n        command: \"selectForm\",\r\n        icon: \"https://image.flaticon.com/icons/svg/30/30856.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      // Button upload img\r\n      editor.ui.addButton(\"uploadImg\", {\r\n        label: \"Tải hình ảnh\",\r\n        command: \"uploadImg\",\r\n        icon: \"https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14\",\r\n        toolbar: \"insert\",\r\n      });\r\n    },\r\n  });\r\n}\r\n\r\nexport default {\r\n  name: \"EdittorCKAnswer\",\r\n  // mixins: [mixins],\r\n  props: [\"contentEditor\", \"fillBlank\", \"position\", \"selectBox\", \"parentId\"],\r\n  data() {\r\n    return {\r\n      content: \"\",\r\n      editor: null,\r\n      typeUpload: \"\",\r\n      visibleModalMedia: false,\r\n      linkMediaUploaded: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    VueCkeditor,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      math_value: `common/math_value`,\r\n      open_math: `common/open_math`,\r\n      editor_selection: `common/editor_selection`,\r\n      // draw_shape_data: 'common/draw_shape_data',\r\n      toggle_draw: \"common/toggle_draw\",\r\n    }),\r\n    config() {\r\n      return this.configEditor();\r\n    },\r\n  },\r\n  watch: {\r\n    //  draw_shape_data(newVal, oldVal) {\r\n    //  \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n    //  \t\t// console.log(newVal.data);\r\n    //    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n    //    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n    //    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n    //    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n    //    CKEDITOR.instances[`myQuillEditor_answer_${newVal.position}`].insertHtml(htmlData);\r\n    // this.setDrawShapeData(null);\r\n    //  \t}\r\n    //  },\r\n    content: \"onChangeContent\",\r\n  },\r\n  created() {\r\n    // Convert old data use Katex\r\n    // this.convertKatex2Img()\r\n    this.content = this.contentEditor ? this.contentEditor : \"\";\r\n  },\r\n  mounted() {\r\n    // All action for all button\r\n    this.actionNiwBtn();\r\n  },\r\n  methods: {\r\n    ...mapActions(`common`, [\r\n      \"toggleFormMath\",\r\n      \"setContentSelectEditor\",\r\n      \"toggleDrawTool\",\r\n      \"setDrawShapeData\",\r\n    ]),\r\n\r\n    convertKatex2Img() {\r\n      if (this.contentEditor) {\r\n        this.content = convertOldKatexData2Img(this.contentEditor);\r\n      }\r\n    },\r\n\r\n    configEditor() {\r\n      let toolbarInsert = {\r\n        name: \"insert\",\r\n        items: [\r\n          \"uploadImg\",\r\n          \"Table\",\r\n          \"SpecialChar\",\r\n          \"Iframe\",\r\n          \"ckeditor_wiris_formulaEditor\",\r\n          \"ckeditor_wiris_formulaEditorChemistry\",\r\n        ],\r\n      };\r\n      if (this.fillBlank) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"fillBlank\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      if (this.selectBox) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"selectForm\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      return {\r\n        toolbar: [\r\n          {\r\n            name: \"basicstyles\",\r\n            items: [\r\n              \"Bold\",\r\n              \"Italic\",\r\n              \"Underline\",\r\n              \"Strike\",\r\n              \"Subscript\",\r\n              \"Superscript\",\r\n              \"-\",\r\n              \"CopyFormatting\",\r\n              \"RemoveFormat\",\r\n            ],\r\n          },\r\n          { name: \"colors\", items: [\"TextColor\", \"BGColor\"] },\r\n          {\r\n            name: \"paragraph\",\r\n            items: [\r\n              \"NumberedList\",\r\n              \"BulletedList\",\r\n              \"-\",\r\n              \"JustifyLeft\",\r\n              \"JustifyCenter\",\r\n              \"JustifyRight\",\r\n              \"JustifyBlock\",\r\n            ],\r\n          },\r\n          { name: \"links\", items: [\"Link\", \"Unlink\"] },\r\n          toolbarInsert,\r\n        ],\r\n        height: 100,\r\n        extraPlugins: \"niw_btn_answer,ckeditor_wiris\",\r\n        allowedContent: true,\r\n        font_defaultLabel: \"Arial\",\r\n        fontSize_defaultLabel: 16,\r\n        contentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"],\r\n      };\r\n    },\r\n\r\n    actionNiwBtn() {\r\n      let self = this;\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${self.position}`];\r\n      // Button drawshape\r\n      editor.addCommand(\"drawShape\", {\r\n        exec: function (edt) {\r\n          self.openDrawTool(self.position);\r\n        },\r\n      });\r\n\r\n      // Button create math\r\n      editor.addCommand(\"fillBlank\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion();\r\n        },\r\n      });\r\n      // Button create math\r\n      editor.addCommand(\"selectForm\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion(\"select\");\r\n        },\r\n      });\r\n\r\n      // Button upload img\r\n      editor.addCommand(\"uploadImg\", {\r\n        exec: function (edt) {\r\n          self.openModalUploadMedia(\"image\");\r\n        },\r\n      });\r\n    },\r\n\r\n    onBlur(evt) {\r\n      this.mouseLeave();\r\n      // console.log('Blur: ', evt);\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n    onFocus(evt) {\r\n      // console.log('Focus: ', evt.editor);\r\n      // evt.editor._.events.change;\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n\r\n    mouseLeave() {\r\n      // console.log('Mouse leave: ');\r\n      let frame = document.querySelector(\r\n        `#cke_myQuillEditor_answer_${this.position} iframe`\r\n      );\r\n      if (frame) {\r\n        let cntnt = frame.contentWindow.document;\r\n        // let parag = cntnt.getElementsByTagName(\"p\");\r\n        let parag =\r\n          cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n        let legthParag = parag.length;\r\n        let contentEdit = \"\";\r\n        if (legthParag > 0) {\r\n          for (let i = 0; i < legthParag; i++) {\r\n            contentEdit += parag[i].outerHTML;\r\n          }\r\n        }\r\n        // console.log(parag.length, contentEdit);\r\n        this.onEditorChange(contentEdit);\r\n      }\r\n    },\r\n\r\n    onChangeContent(val) {\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${this.position}`];\r\n      editor && this.onEditorChange(editor._.data);\r\n    },\r\n\r\n    onEditorChange(html) {\r\n      if (this.position) {\r\n        let data = {html, position: this.position};\r\n        // this.$bus.emit(`${CHANGE_TXT_ANSWER}_${this.position}`, data);\r\n        this.$emit('onEditorChange', data);\r\n      }\r\n\r\n    },\r\n    uploadImage(evt) {\r\n      let self = this;\r\n      // const files = evt.target.files[0];\r\n      // if (files) {\r\n      uploadImg(evt).then((res) => {\r\n        let linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n        linkImg && self.insertEmbedEditor(\"image\", linkImg);\r\n      });\r\n      // }\r\n    },\r\n\r\n    addFillBlankQuestion(type = \"blank\") {\r\n      fillBlankEditor(type, `myQuillEditor_answer_${this.position}`);\r\n    },\r\n\r\n    openModalUploadMedia(type) {\r\n      this.typeUpload = type;\r\n      this.$bvModal.show(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = true;\r\n    },\r\n\r\n    insertEmbedEditor(type = \"image\", link, embed = false) {\r\n      let self = this;\r\n      let htmlData;\r\n      if (type === \"image\") {\r\n        htmlData = `<img src=\"${link}\">`;\r\n      } else if (type === \"video\") {\r\n        if (embed && link.includes(\"youtube\")) {\r\n          htmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`;\r\n        } else if (embed && link.includes(\"vimeo\")) {\r\n          htmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\r\n        } else {\r\n          htmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n        }\r\n      } else if (type === \"audio\") {\r\n        htmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n      }\r\n      CKEDITOR.instances[`myQuillEditor_answer_${self.position}`].insertHtml(\r\n        htmlData\r\n      );\r\n\r\n      if (type === \"image\") {\r\n        self.$refs.upImg.value = \"\";\r\n      } else {\r\n        self.$refs.link_media.value = \"\";\r\n        self.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // self.visibleModalMedia = false;\r\n    },\r\n\r\n    uploadMedia(evt) {\r\n      let self = this;\r\n      // self.visibleModalMedia = false;\r\n      const files = evt.target.files[0];\r\n      // console.log(files);\r\n      if (files) {\r\n        uploadImg(files).then((res) => {\r\n          let linkImg = res.image.image_src;\r\n        });\r\n      }\r\n    },\r\n\r\n    handleDoneUpload() {\r\n      // console.log('Done: ', this.$refs);\r\n      let linkSocial = this.$refs.link_media.value;\r\n      let linkMedia = linkSocial;\r\n      let embedVideo = false;\r\n      if (linkSocial && linkSocial !== undefined) {\r\n        if (linkSocial.includes(\"youtube\")) {\r\n          let linkYT = linkSocial.split(\".com/watch?v=\");\r\n          linkMedia = linkYT[0] + \".com/embed/\" + linkYT[1];\r\n          embedVideo = true;\r\n        } else if (linkSocial.includes(\"vimeo\")) {\r\n          let linkVM = link.split(\"vimeo.com/\");\r\n          linkMedia = linkVM[0] + \"player.vimeo.com/video/\" + linkVM[1];\r\n          embedVideo = true;\r\n        }\r\n      } else {\r\n        linkMedia = this.linkMediaUploaded;\r\n      }\r\n      // console.log(linkMedia);\r\n\r\n      linkMedia &&\r\n        this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n      // this.visibleModalMedia = false;\r\n    },\r\n\r\n    handleCancelUpload() {\r\n      if (this.$refs.link_media && this.$refs.link_media.value) {\r\n        this.$refs.link_media.value = \"\";\r\n      }\r\n      if (this.$refs.upMedia && this.$refs.upMedia.value) {\r\n        this.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = false;\r\n      this.toggleFormMath({ visible: false, editor: null });\r\n    },\r\n\r\n    openDrawTool(location) {\r\n      this.toggleDrawTool(true);\r\n      this.setDrawShapeData({ position: location, type: \"question\" });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.editor-modal-media {\r\n  label {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  input {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .hr-center {\r\n    margin: 15px 0;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      height: 1px;\r\n      width: 60%;\r\n      background: #ccc;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    span {\r\n      padding: 0 20px;\r\n      background: #fff;\r\n    }\r\n  }\r\n\r\n  .form-editor-media {\r\n    width: 120px;\r\n    height: 120px;\r\n    border: 1px solid #d1d1d1;\r\n    margin: 0 auto;\r\n\r\n    input {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .form-action {\r\n    padding-top: 15px;\r\n    margin-top: 15px;\r\n    border-top: 1px solid #d1d1d1;\r\n\r\n    button {\r\n      height: 35px;\r\n    }\r\n  }\r\n}\r\n\r\n.cke_button__selectform .cke_button_label {\r\n  display: inline;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdittorCKAnswer.vue?vue&type=template&id=7011e4d6&scoped=true&\"\nimport script from \"./EdittorCKAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./EdittorCKAnswer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EdittorCKAnswer.vue?vue&type=style&index=0&id=7011e4d6&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7011e4d6\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePrepareQuestions.vue?vue&type=style&index=0&id=36a7e714&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteDocument.vue?vue&type=style&index=0&id=0099d535&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePost.vue?vue&type=style&index=0&id=1ddb3ca0&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswer.vue?vue&type=style&index=0&id=7011e4d6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-view-document\",staticClass:\"header-modal\",attrs:{\"size\":\"xl\",\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-view-document__body container wrap-form-create-update-chapter\"},[_c('ViewDocument',{staticClass:\"wrap-view-document\",attrs:{\"isShowAnswer\":true,\"isEnableWork\":false,\"item\":_vm.item}}),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                    Đóng\\n                    \"),_c('img',{staticClass:\"icon-close\",attrs:{\"src\":require(\"@/assets/img/x.png\"),\"alt\":\"\"}})])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-view-document\">\r\n            <div class=\"modal-view-document__body container wrap-form-create-update-chapter\">\r\n                <ViewDocument :isShowAnswer=\"true\" :isEnableWork=\"false\" class=\"wrap-view-document\" :item=\"item\" />\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">\r\n                        Đóng\r\n                        <img class=\"icon-close\" src=\"@/assets/img/x.png\" alt=\"\" />\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport ViewDocument from './ViewDocument'\r\nimport {\r\n    TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n    TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE\r\n} from './../constants/constants_enum'\r\n\r\nexport default {\r\n    name: \"ModalViewDocument\",\r\n    components:{\r\n        ViewDocument\r\n    },\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            default: {}\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n            TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-view-document'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.icon-close{\r\n    width: 15px;\r\n}\r\n.wrap-view-document{\r\n    margin-top: 10px;\r\n}\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-view-document__body {\r\n    height: 40rem;\r\n    padding: 20px;\r\n    background-color: white;\r\n    .modal__actions{\r\n        position: absolute;\r\n        top: 0px;\r\n        right: 0px;\r\n        padding: 0px;\r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            color: black;\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewDocument.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalViewDocument.vue?vue&type=template&id=6b40bd03&scoped=true&\"\nimport script from \"./ModalViewDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalViewDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalViewDocument.vue?vue&type=style&index=0&id=6b40bd03&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"6b40bd03\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailElectronicLectureWarehouse.vue?vue&type=style&index=0&id=4548e3e2&lang=scss&scoped=true&\"","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=0f6518e0&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=31284387&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=46486646&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,\"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()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-update-class-school\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tên chương:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên chương\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên chương\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabled}},[_vm._v(\"\\n                        \"+_vm._s(_vm.chapterId > 0 ? 'Cập nhật' : 'Thêm mới')+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-update-class-school\"\r\n            @hidden=\"resetModal\">\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                </h4>\r\n                <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Tên chương:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên chương\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.name.required && submitted\">\r\n                                    Vui lòng nhập tên chương\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isDisabled\">\r\n                            {{ chapterId > 0 ? 'Cập nhật' : 'Thêm mới' }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required } from 'vuelidate/lib/validators';\r\nimport { saveChapterClassSchool,getDetail } from './../../../_api/chapterClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        type: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabled:false,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId:0,\r\n                name: ''\r\n            }\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.chapterId==0?'Tạo chương':'Cập nhật chương'\r\n        }\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        if(this.chapterId >0){\r\n            //get detail\r\n            this.getDetailChapterClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        getDetailChapterClassSchool(){\r\n            let self = this\r\n            getDetail(this.chapterId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.form = {\r\n                        id:res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        name: res.data.name,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleSave() {\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                self.isDisabled = true\r\n                saveChapterClassSchool(this.form).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        if (this.form.id > 0) {\r\n                            self.$toast.success('Cập nhật chương thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới chương thành công')\r\n                        }\r\n\r\n                        self.handleDone()\r\n                    }\r\n                    self.isDisabled = false\r\n                })\r\n            }\r\n        },\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                name: ''\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-class-school'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-class-school'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-class-school'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n.justity-content-center {\r\n    justify-content: center\r\n}\r\n.cg-1 {\r\n    column-gap: 1rem;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdateChapter.vue?vue&type=template&id=55b91b80&\"\nimport script from \"./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdateChapter.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"indented margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left\"},[_c('div',{staticClass:\"wrap-name-item display-flex justify-content-space-between\",on:{\"click\":_vm.handleToggerCollapse}},[(_vm.item.listPostClassSchool.length > 0)?_c('img',{staticClass:\"icon-down-arrow\",attrs:{\"src\":require(\"@/assets/img/down-arrow.png\")}}):_vm._e(),_vm._v(\"\\n                     \\n                \"),_c('h5',{staticClass:\"name-chapter\"},[_vm._v(_vm._s(_vm.item.name))])])]),_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1 btn-add-post\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleAddPost}},[_vm._v(\"\\n                Thêm bài\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleEditChapter}},[_vm._v(\"\\n                Sửa tên chương\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDeleteChapter}},[_vm._v(\"\\n                Xóa chương\\n            \")]):_vm._e()])]),_vm._t(\"post\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"indented margin-top-10\">\r\n        <div class=\"display-flex justify-content-space-between\">\r\n            <div class=\"wrap-left\">\r\n                <div @click=\"handleToggerCollapse\" class=\"wrap-name-item display-flex justify-content-space-between\">\r\n                    <img v-if=\"item.listPostClassSchool.length > 0\" class=\"icon-down-arrow\"\r\n                        src=\"@/assets/img/down-arrow.png\" />\r\n                    &nbsp; &nbsp; &nbsp;\r\n                    <h5 class=\"name-chapter\">{{ item.name }}</h5>\r\n\r\n                </div>\r\n            </div>\r\n            <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                <button type=\"button\" @click=\"handleAddPost\"\r\n                    class=\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1 btn-add-post\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Thêm bài\r\n                </button>\r\n                <button type=\"button\" @click=\"handleEditChapter\"\r\n                    class=\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Sửa tên chương\r\n                </button>\r\n                <button type=\"button\" @click=\"handleDeleteChapter\"\r\n                    class=\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Xóa chương\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <slot name=\"post\">\r\n        </slot>\r\n\r\n    </div>\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false\r\n        }\r\n    },\r\n    methods: {\r\n        handleToggerCollapse(item) {\r\n            this.$emit('handleToggerCollapse', this.item)\r\n        },\r\n        handleAddPost() {\r\n            this.$emit('handleAddPost', this.item)\r\n        },\r\n        handleEditChapter() {\r\n            this.$emit('handleEditChapter', this.item)\r\n        },\r\n        handleDeleteChapter() {\r\n            this.$emit('handleDeleteChapter', this.item)\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-name-item {\r\n    cursor: pointer;\r\n}\r\n\r\n.icon-down-arrow {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.name-chapter {\r\n    color: #626262;\r\n}\r\n\r\n.btn-delete {\r\n    background-color: red;\r\n    color: white;\r\n    margin-left: 5px;\r\n}\r\n\r\n.btn-edit {\r\n    background-color: #7ea8c7;\r\n    color: rgb(70, 69, 69);\r\n    margin-left: 5px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.indented {\r\n    margin-left: 20px;\r\n    /* Đặt giá trị thụt cách tùy ý */\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChapterClassSchool.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChapterClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChapterClassSchool.vue?vue&type=template&id=be8e9774&scoped=true&\"\nimport script from \"./ChapterClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./ChapterClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChapterClassSchool.vue?vue&type=style&index=0&id=be8e9774&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"be8e9774\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"indented margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left\"},[_c('h6',[_c('strong',[_vm._v(_vm._s(_vm.item.name))])])]),_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleAddDocument}},[_vm._v(\"\\n                Thêm bài giảng\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleEditPost}},[_vm._v(\"\\n                Sửa tên bài\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDeletePost}},[_vm._v(\"\\n                Xóa bài\\n            \")]):_vm._e()])]),_vm._t(\"document\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"indented margin-top-10\">\r\n        <div class=\"display-flex justify-content-space-between\">\r\n            <div class=\"wrap-left\">\r\n                <h6><strong>{{ item.name }}</strong></h6>\r\n            </div>\r\n            <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                <button type=\"button\" @click=\"handleAddDocument\"\r\n                    class=\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Thêm bài giảng\r\n                </button>\r\n                <button type=\"button\" @click=\"handleEditPost\"\r\n                    class=\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Sửa tên bài\r\n                </button>\r\n                <button type=\"button\" @click=\"handleDeletePost\"\r\n                    class=\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Xóa bài\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <slot name=\"document\">\r\n        </slot>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false\r\n        }\r\n    },\r\n    methods: {\r\n        handleAddDocument() {\r\n            this.$emit('handleAddDocument', this.item)\r\n        },\r\n        handleEditPost() {\r\n            this.$emit('handleEditPost', this.item)\r\n        },\r\n        handleDeletePost() {\r\n            this.$emit('handleDeletePost', this.item)\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.btn-delete {\r\n    background-color: red;\r\n    color: white;\r\n    margin-left: 5px;\r\n}\r\n\r\n.btn-edit {\r\n    background-color: #7ea8c7;\r\n    color: rgb(70, 69, 69);\r\n    margin-left: 5px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.indented {\r\n    margin-left: 20px;\r\n    /* Đặt giá trị thụt cách tùy ý */\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PostClassSchool.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PostClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PostClassSchool.vue?vue&type=template&id=a0589dce&scoped=true&\"\nimport script from \"./PostClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./PostClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PostClassSchool.vue?vue&type=style&index=0&id=a0589dce&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a0589dce\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-delete-chapter\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-chapter__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa chương\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa chương này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-chapter\">\r\n            <div class=\"modal-delete-chapter__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa chương\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa chương này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deleteChapterClassSchool } from './../../../_api/chapterClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDeleteClassSchool\",\r\n    props: {\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deleteChapterClassSchool(this.chapterId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa chương thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-chapter'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-chapter__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteChapter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteChapter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeleteChapter.vue?vue&type=template&id=3be13ab5&scoped=true&\"\nimport script from \"./ModalDeleteChapter.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeleteChapter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeleteChapter.vue?vue&type=style&index=0&id=3be13ab5&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3be13ab5\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-update-post\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tạo bài:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên bài\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabledButton}},[_vm._v(\"\\n                        \"+_vm._s(_vm.posterId > 0 ? 'Cập nhật' : 'Thêm mới')+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const savePostClassSchool = params => {\r\n    let apiEndpoint = `PostClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listPostClassSchool = params => {\r\n    let apiEndpoint = `PostClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `PostClassSchool/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deletePostClassSchool = id => {\r\n    let apiEndpoint = `PostClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-update-post\"\r\n            @hidden=\"resetModal\">\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                </h4>\r\n                <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Tạo bài:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên bài\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.name.required && submitted\">\r\n                                    Vui lòng nhập tên bài\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isDisabledButton\">\r\n                            {{ posterId > 0 ? 'Cập nhật' : 'Thêm mới' }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required } from 'vuelidate/lib/validators';\r\nimport { savePostClassSchool,getDetail } from './../../../_api/postClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        posterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabledButton:false,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId:0,\r\n                chapterId:0,\r\n                name: '',\r\n            }\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.posterId==0?'Tạo bài':'Cập nhật bài'\r\n        }\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        this.form.chapterId = this.chapterId\r\n        if(this.posterId >0){\r\n            //get detail\r\n            this.getDetailPostClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        getDetailPostClassSchool(){\r\n            let self = this\r\n            getDetail(this.posterId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.form = {\r\n                        id:res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        name: res.data.name,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleSave() {\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                self.isDisabledButton = true\r\n                savePostClassSchool(this.form).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        if (this.form.id > 0) {\r\n                            self.$toast.success('Cập nhật bài thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới bài thành công')\r\n                        }\r\n\r\n                        self.handleDone()\r\n                    }\r\n                    self.isDisabledButton = false\r\n                })\r\n            }\r\n        },\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                name: ''\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-post'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-post'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-post'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n.justify-content-center {\r\n    justify-content: center\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdatePost.vue?vue&type=template&id=1ddb3ca0&scoped=true&\"\nimport script from \"./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdatePost.vue?vue&type=style&index=0&id=1ddb3ca0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1ddb3ca0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-delete-poster\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-poster__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa bài\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa bài này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-poster\">\r\n            <div class=\"modal-delete-poster__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa bài\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa bài này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deletePostClassSchool } from './../../../_api/postClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDeleteClassSchool\",\r\n    props: {\r\n        posterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deletePostClassSchool(this.posterId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa bài thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-poster'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-poster__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeletePost.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeletePost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeletePost.vue?vue&type=template&id=3c118577&scoped=true&\"\nimport script from \"./ModalDeletePost.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeletePost.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeletePost.vue?vue&type=style&index=0&id=3c118577&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3c118577\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-update-class-school\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tên bài giảng:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài giảng\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên bài giảng\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block display-flex\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Loại bài giảng:\")]),_c('div',{staticClass:\"wrap-input\"},[_c('b-form-select',{attrs:{\"options\":_vm.listTypeDocument},on:{\"change\":_vm.handleOnChangeTypeDocument},model:{value:(_vm.form.typeDocument),callback:function ($$v) {_vm.$set(_vm.form, \"typeDocument\", $$v)},expression:\"form.typeDocument\"}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Chọn để tiếp tục\")])]),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                    Vui lòng nhập loại bài giảng\\n                                \")]):_vm._e()],1)])])]),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"hidden\":\"\",\"type\":\"file\",\"name\":\"file\",\"id\":\"fileInputUpload\",\"accept\":\".pptx,.docx,.xlsx,.pdf,.h5p\"},on:{\"change\":_vm.onChangeUploadFile}}),(!(_vm.form.file || _vm.form.fileName) && (_vm.form.typeDocument==_vm.TYPE_H5P ||_vm.form.typeDocument==_vm.TYPE_DOCUMENT))?_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('div',{staticClass:\"wrap-upload-file display-flex justify-content-space-between\",class:_vm.isDragging?'upload-drag':'',on:{\"dragover\":_vm.dragoverUploadFile,\"dragleave\":_vm.dragleaveUploadFile,\"drop\":_vm.dropUploadFile}},[_c('div',{staticClass:\"upload-file-left\"},[_c('img',{staticClass:\"icon-upload\",attrs:{\"src\":require(\"@/assets/img/upload.png\")}})]),_c('div',{staticClass:\"upload-file-center\"},[_c('div',[_c('strong',[_vm._v(\"Thêm hoặc kéo thả\")])]),_c('div',[_vm._v(\"\\n                                        Hỗ trợ các định dạng .pptx, .docx, .xlsx, .pdf\\n                                    \")]),_c('div',[_vm._v(\"\\n                                        Mỗi lần chỉ tải 1 file, dung lượng file không vượt quá 15MB\\n                                    \")])]),_c('div',{staticClass:\"upload-file-right\"},[_c('button',{staticClass:\"btn btn-upload border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.onUploadFile}},[_vm._v(\"\\n                                        CHỌN FILE\\n                                    \")])])]),(!_vm.$v.form.fileName.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng chọn file tài liệu\\n                            \")]):_vm._e()]):((_vm.form.file || _vm.form.fileName) && (_vm.form.typeDocument==_vm.TYPE_H5P ||_vm.form.typeDocument==_vm.TYPE_DOCUMENT))?_c('div',{staticClass:\"display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"File bài giảng:\")]),_c('div',{staticClass:\"wrap-file-data display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left display-flex\"},[_c('img',{staticClass:\"icon-photo\",attrs:{\"src\":require(\"@/assets/img/photo.png\")}}),_c('div',{staticClass:\"name-file\"},[_vm._v(\"\\n                                        \"+_vm._s(_vm.form.file?_vm.form.file.name:_vm.form.fileName)+\"\\n                                    \")])]),_c('div',{staticClass:\"wrap-right display-flex\"},[_c('div',{staticClass:\"size-file\"},[_vm._v(_vm._s(_vm.formatSizeFile(_vm.form.sizeFile)))]),_c('img',{staticClass:\"btn-delete\",attrs:{\"src\":require(\"@/assets/img/icon-close.png\")},on:{\"click\":_vm.handleOnRemoveFile}})])])]):_vm._e()])]),(_vm.form.typeDocument==_vm.FILE_YOUTUBE ||_vm.form.typeDocument==_vm.FILE_CANVA ||_vm.form.typeDocument==_vm.FILE_LINK)?_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"path\"}},[_vm._v(\"Link tài liệu:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.link),expression:\"form.link\"}],staticClass:\"form-control\",attrs:{\"id\":\"path\",\"type\":\"text\",\"placeholder\":\"link tài liệu\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.form.link)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"link\", $event.target.value)}}}),(!_vm.$v.form.link.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập link tài liệu\\n                            \")]):_vm._e()])])]):_vm._e(),(_vm.form.typeDocument==_vm.TYPE_TEST)?_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Sau khi cập nhật, cần tạo câu hỏi cho bài kiểm tra\")])])])]):_vm._e(),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{on:{\"click\":function($event){_vm.isOpenModalView = true}}},[_vm._v(\"Hướng dẫn tạo bài giảng\")]),(_vm.isOpenModalView)?_c('ModalViewInformation',{on:{\"closeModal\":function($event){_vm.isOpenModalView = false}}}):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isLoading || _vm.form.typeDocument == ''}},[_vm._v(\"\\n                        \"+_vm._s(_vm.getNameCommit)+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveDocumentClassSchool = params => {\r\n    let apiEndpoint = `DocumentClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params, {\r\n        headers: { 'Content-Type': 'multipart/form-data' }\r\n    }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const 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\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\" :options=\"listTypeDocument\"\r\n                                        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\r\n                                    hidden\r\n                                    type=\"file\"\r\n                                    name=\"file\"\r\n                                    id=\"fileInputUpload\"\r\n                                    class=\"hidden-input\"\r\n                                    @change=\"onChangeUploadFile\"\r\n                                    ref=\"file\"\r\n                                    accept=\".pptx,.docx,.xlsx,.pdf,.h5p\"\r\n                                />\r\n                            <div v-if=\"!(form.file || form.fileName) && (form.typeDocument==TYPE_H5P ||form.typeDocument==TYPE_DOCUMENT)\" class=\"login-modal__form__item display-block\">\r\n                                <div \r\n                                @dragover=\"dragoverUploadFile\"\r\n                                @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 \r\n                                        @click=\"onUploadFile\"\r\n                                        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)\" 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\" 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\" class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"path\">Link tài liệu:</label>\r\n                                <input id=\"path\" v-model=\"form.link\" type=\"text\" placeholder=\"link tài liệu\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.link.required && submitted\">\r\n                                    Vui lòng nhập link tài liệu\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"form.typeDocument==TYPE_TEST\" class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Sau khi cập nhật, cần tạo câu hỏi cho bài kiểm tra</label>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label @click=\"isOpenModalView = true\">Hướng dẫn tạo bài giảng</label>\r\n                                <ModalViewInformation @closeModal=\"isOpenModalView = false\" v-if=\"isOpenModalView\"/>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading || form.typeDocument == ''\">\r\n                            {{ getNameCommit }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required,requiredIf } from 'vuelidate/lib/validators';\r\nimport { saveDocumentClassSchool, getDetail } from './../../../_api/documentClassSchoolServices'\r\nimport { TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST,FILE_YOUTUBE, FILE_CANVA, FILE_LINK } 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            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: TYPE_DOCUMENT, text: 'Dạng tài liệu' },\r\n                { value: TYPE_TEST, text: 'Dạng kiểm tra' },\r\n                { value: FILE_YOUTUBE, text: 'Dạng youtube' },\r\n                { value: FILE_CANVA, text: 'Dạng canva' },\r\n                { value: FILE_LINK, text: 'Dạng nhúng' },\r\n            ]\r\n        }\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)) }\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                    console.log(this.form)\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            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        },\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                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                console.log(this.form)\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                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.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        .icon-photo{\r\n            width: 30px;\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        .btn-delete{\r\n            cursor: pointer;\r\n            width: 20px;\r\n            height: 20px;\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    .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.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=31284387&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=31284387&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  \"31284387\",\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 } 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,\r\n            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: TYPE_DOCUMENT, text: 'Dạng tài liệu' },\r\n                { value: TYPE_TEST, text: 'Dạng kiểm tra' },\r\n                { value: FILE_YOUTUBE, text: 'Dạng youtube' },\r\n                { value: FILE_CANVA, text: 'Dạng canva' },\r\n                { value: FILE_LINK, text: 'Dạng nhúng' },\r\n            ]\r\n        }\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=0f6518e0&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=0f6518e0&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  \"0f6518e0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-delete-document\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-document__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa bài giảng\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa bài giảng này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-document\">\r\n            <div class=\"modal-delete-document__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa bài giảng\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa bài giảng này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deleteDocumentClassSchool } from './../../../_api/documentClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDocumentClassSchool\",\r\n    props: {\r\n        documentId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deleteDocumentClassSchool(this.documentId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa bài giảng thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-document'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-document__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteDocument.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeleteDocument.vue?vue&type=template&id=0099d535&scoped=true&\"\nimport script from \"./ModalDeleteDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeleteDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeleteDocument.vue?vue&type=style&index=0&id=0099d535&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0099d535\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-update-prepare-quesion\",staticClass:\"modal-dialog b-modal-xxl\",attrs:{\"size\":\"xl\",\"id\":\"modal-prepare-question\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('div',{staticClass:\"action_close_modal\"},[_c('img',{staticClass:\"icon-close float-right cursor-pointer\",staticStyle:{\"width\":\"15px\"},attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),(!_vm.isEditNameDocument)?_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))]),_c('div',{staticClass:\"action_change_name float-right\"},[_c('button',{staticClass:\"btn btn-change\",on:{\"click\":_vm.handleEditNameDocument}},[_vm._v(\"Chỉnh sửa tên\")])])]):_c('div',{staticClass:\"display-flex\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"numberLesson\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài giảng\",\"autocomplete\":\"off\"},model:{value:(_vm.nameDocument),callback:function ($$v) {_vm.nameDocument=$$v},expression:\"nameDocument\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCancelEditNameDocument}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-agree font-size-17 btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleUpdateNameDocument()}}},[_vm._v(\"Đồng ý\")])])])]),_c('b-tabs',{attrs:{\"pills\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Soạn câu hỏi\",\"active\":_vm.tabActive == _vm.tabCreateQuestion},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabCreateQuestion)}}},[_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group row\"},[_c('div',{staticClass:\"col-md-12\"},[_vm._v(\"\\n                                Số câu: \"+_vm._s(_vm.listQuestionSave.length)+\"\\n                            \")])]),_c('div',{staticClass:\"row form-group\"},[_c('div',{staticClass:\"col-md-12 col-lg-8 col-xl-6\"},[_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleAddQuestion}},[_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus.png\")}}),_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus-hover.png\")}}),_vm._v(\"\\n                                    Tạo câu hỏi mới\\n                                \")])])]),_vm._l((_vm.listQuestion),function(question,index){return _c('div',{key:index,staticClass:\"pb-3\"},[_c('div',{staticClass:\"justify-content-right\"},[_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"disabled\":_vm.isDisabledButton,\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.saveQuestion(question)}}},[_vm._v(\"\\n                                    Hoàn thành\\n                                \")])]),_c('div',{staticClass:\"row form-group pb-3\"},[_c('div',{staticClass:\"col-md-12 col-lg-3 col-xl-2 display-flex-column rg-1 mb-3\"},[_c('div',{staticClass:\"question-title\"},[_vm._v(\"Câu hỏi: \"+_vm._s(index + 1))]),_c('select',{staticClass:\"custom-select border-rd-10\"},[_c('option',{attrs:{\"value\":\"1\",\"selected\":\"selected\"}},[_vm._v(\"Trắc nghiệm\")])])]),_c('div',{staticClass:\"question-head col-md-12 col-lg-7 col-xl-8 mb-3\"},[_c('div',{staticClass:\"question-head__row\"},[_c('EditorCKNew',{attrs:{\"contentEditor\":question.content,\"position\":index},on:{\"onEditorChange\":_vm.onEditorChangeQuestion}})],1)]),_vm._l((question.listAnswer),function(answer,indexAnswer){return _c('div',{key:indexAnswer,staticClass:\"item display-flex-center justify-content-between item-answer cg-1 col-md-12 mt-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"item__first col-md-12 col-lg-3 col-xl-2\"},[_c('div',{staticClass:\"answer-correct display-flex\"},[_c('b-checkbox',{attrs:{\"id\":'b-answer_' + index + indexAnswer},model:{value:(answer.isTrue),callback:function ($$v) {_vm.$set(answer, \"isTrue\", $$v)},expression:\"answer.isTrue\"}}),_c('label',{staticClass:\"display-flex-column cursor-pointer\",attrs:{\"for\":'b-answer_' + index + indexAnswer}},[_c('strong',[_vm._v(\"Đáp án \"+_vm._s(answer.code))]),_c('span',{staticClass:\"font-size-12 text-subtitle\"},[_vm._v(\"Hãy tích để chọn làm\\n                                                        đáp án đúng\")])])],1)]),_c('div',{staticClass:\"col-md-12 col-lg-7 col-xl-8 display-flex-center cg-1\"},[_c('EdittorCKAnswerNew',{attrs:{\"contentEditor\":answer.content,\"position\":answer.idClient},on:{\"onEditorChange\":_vm.onEditorChangeAnswer}}),_c('div',{staticClass:\"item__img\"},[(answer.fileAnswer.url)?_c('div',{staticClass:\"image-question\"},[_c('img',{style:({ 'width': question.withSize + 'px', 'height': question.heightSize + 'px' }),attrs:{\"src\":answer.fileAnswer.url}}),_c('b-button',{staticClass:\"btn-delete-image-question\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.onDeleteFileAnswer(question, answer)}}},[_c('i',{staticClass:\"anticon anticon-close\",attrs:{\"aria-label\":\"icon: close\"}},[_c('svg',{attrs:{\"viewBox\":\"64 64 896 896\",\"data-icon\":\"close\",\"width\":\"1em\",\"height\":\"1em\",\"fill\":\"currentColor\",\"aria-hidden\":\"true\",\"focusable\":\"false\"}},[_c('path',{attrs:{\"d\":\"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z\"}})])])])],1):_c('div',{staticClass:\"answer-img position-rel\"},[_c('input',{ref:answer.idClient,refInFor:true,attrs:{\"hidden\":\"\",\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":function($event){return _vm.changeImgAnswer($event, question, answer)}}}),_c('b-button',{staticClass:\"btn-select-image-question\",attrs:{\"type\":\"button\",\"icon\":\"upload\"},on:{\"click\":function($event){return _vm.handUploadImageAnswer(answer)}}},[_c('img',{staticClass:\"icon-file\",attrs:{\"src\":require(\"@/assets/img/icon-file.png\"),\"alt\":\"\"}}),_vm._v(\"\\n                                                        Tải ảnh\\n                                                    \")])],1)]),_c('a',{on:{\"click\":function($event){return _vm.onDeleteAnswer(question, answer)}}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M18 6L6 18\",\"stroke\":\"#DC3545\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M6 6L18 18\",\"stroke\":\"#DC3545\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])])],1)])])}),_c('div',{staticClass:\"col-md-12\"},[_c('button',{staticClass:\"border-rd-20 font-size-16 form-30h display-flex-center cg-1 line-height-1 btn-add-answer\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.handleAddAnswer(question)}}},[_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus-hover.png\")}}),_vm._v(\"\\n                                        Thêm mới câu trả lời\\n                                    \")])])],2)])}),_c('div',{staticClass:\"row\"},_vm._l((_vm.listQuestionSave),function(question,index){return _c('div',{key:index,staticClass:\"question-item col-md-12 margin-top-10\"},[_c('div',{staticClass:\"wrap-title-header display-flex justify-content-space-between\"},[_c('div',{staticClass:\"display-flex\"},[_c('strong',[_vm._v(\"Câu hỏi \"+_vm._s(index + 1)+\":\")]),_vm._v(\" \"),_c('strong',{staticClass:\"title-question\",domProps:{\"innerHTML\":_vm._s(question.content)}})]),_c('div',{staticClass:\"display-flex\"},[_c('a',{staticClass:\"item btn btn-main btn-delete-question border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleOnDeleteQuestion(question)}}},[_vm._v(\"\\n                                            Xóa câu hỏi\\n                                        \")]),_vm._v(\"\\n                                         \\n                                        \"),_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleEditQuestion(question)}}},[_vm._v(\"\\n                                            Chỉnh sửa\\n                                        \")])])]),_c('div',{staticClass:\"wrap-list-answer\"},_vm._l((question.listAnswer),function(answer,indexAnswer){return _c('div',{key:indexAnswer,staticClass:\"answer-item\"},[_c('b-form-checkbox',{attrs:{\"checked\":answer.isTrue,\"disabled\":\"\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s((\"<span class='display-flex'>\" + (answer.code) + \".&nbsp;\" + (answer.content) + \"</span>\"))}})])],1)}),0)])}),0),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1 mt-4\"},[_c('button',{staticClass:\"btn btn-outline-primary b-btn-width font-size-16 font-sanpro-semibold\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                                Hủy bỏ\\n                            \")]),_c('button',{staticClass:\"btn btn-primary b-btn-width font-size-16 font-sanpro-semibold\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabledButton}},[_vm._v(\"\\n                                \"+_vm._s(_vm.documentId > 0 ? 'Lưu' : 'Thêm mới')+\"\\n                            \")])])],2)],1),_c('b-tab',{attrs:{\"title\":\"Tạo từ file docx\",\"active\":_vm.tabActive == _vm.tabUploadDocx},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabUploadDocx)}}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row block_upload_file\"},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"hidden\":\"\",\"type\":\"file\",\"name\":\"file\",\"id\":\"fileInputUpload\",\"accept\":\".pptx,.docx,.xlsx,.pdf,.h5p\"},on:{\"change\":_vm.onChangeUploadFile}}),(!(_vm.formWord.file || _vm.formWord.fileName))?_c('div',{staticClass:\"col-md-4 upload-file\",class:_vm.isDragging ? 'upload-drag' : '',on:{\"dragover\":_vm.dragoverUploadFile,\"dragleave\":_vm.dragleaveUploadFile,\"drop\":_vm.dropUploadFile}},[_c('div',{staticClass:\"justify-content-center tittle\"},[_c('div',{on:{\"click\":_vm.onUploadFile}},[_c('h4',[_c('strong',[_vm._v(\"Tải file lên tại đây\")])])])]),_c('div',{staticClass:\"row col-md-5\"},[_c('div',{staticClass:\"text-center block_icon_upload\",on:{\"click\":_vm.onUploadFile}},[_c('img',{staticClass:\"icon-upload\",attrs:{\"src\":require(\"@/assets/img/upload.png\")}})])])]):((_vm.formWord.file || _vm.formWord.fileName))?_c('div',{staticClass:\"col-md-6 upload-file\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"File tài liệu:\")]),_c('div',{staticClass:\"wrap-file-data display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left display-flex\"},[_c('img',{staticClass:\"icon-photo margin-right-10\",attrs:{\"src\":require(\"@/assets/img/photo.png\")}}),_c('div',{staticClass:\"name-file\"},[_vm._v(\"\\n                                            \"+_vm._s(_vm.formWord.file ? _vm.formWord.file.name : _vm.formWord.fileName)+\"\\n                                        \")])]),_c('div',{staticClass:\"wrap-right display-flex\"},[_c('div',{staticClass:\"size-file margin-right-10\"},[_vm._v(_vm._s(_vm.formatSizeFile(_vm.formWord.sizeFile))+\"\\n                                        \")]),_c('img',{staticClass:\"btn-delete\",attrs:{\"src\":require(\"@/assets/img/icon-close.png\")},on:{\"click\":_vm.handleOnRemoveFile}})])])]):_vm._e()])])])],1)],1)]),_c('b-modal',{ref:\"modal-confirm-document-prepare-question\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"container modal-confirm__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Thông tin bài giảng của bạn chưa được lưu. Bạn có chắc chắn muốn thoát?\\n                \")])]),_c('p',{staticClass:\"font-size-17 primary-color-txt font-sanpro-light py-2\"},[_vm._v(\"\\n                Nếu bạn xác nhận thoát, mọi dữ liệu về chỉnh sửa bài bài giảng của bạn sẽ không được lưu trữ\\n            \")]),_c('div',{staticClass:\"modal__actions text-center\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn btn-outline-secondary btn-no mr-3\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModalConfim}},[_vm._v(\"Không\")]),_c('a',{staticClass:\"btn btn-primary font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleConfimModal()}}},[_vm._v(\"Xác nhận\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app-cke-answer\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{staticClass:\"b-ckeditor\",attrs:{\"id\":(\"myQuillEditor_answer_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_an_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"Tải lên media\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center editor-modal-media\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\")+\" thông qua\\n          link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"\\n          form-group form-editor-media\\n          position-rel\\n          text-center\\n          display-flex-center\\n          justify-content-center\\n        \"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\"))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video'\n    ? 'video/mp4,video/x-m4v,video/*'\n    : 'audio/*'},on:{\"change\":_vm.uploadMedia}})]),_c('div',{staticClass:\"form-action text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDoneUpload}},[_vm._v(\"\\n          Tải lên\\n        \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app-cke-answer\" @mouseleave=\"mouseLeave\">\r\n    <vue-ckeditor :id=\"`myQuillEditor_answer_${position}`\" class=\"b-ckeditor\" v-model=\"content\" :config=\"config\" @blur=\"onBlur($event)\"\r\n      @focus=\"onFocus($event)\" />\r\n    <b-modal :id=\"`modal_upload_an_${position}`\" hide-footer>\r\n      <template v-slot:modal-title>Tải lên media</template>\r\n      <div class=\"d-block text-center editor-modal-media\">\r\n        <div class=\"form-group\">\r\n          <label class=\"display-block font-weight-bold\">Tải {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }} thông qua\r\n            link</label>\r\n          <input type=\"text\" class=\"form-control full-width\" ref=\"link_media\" />\r\n        </div>\r\n        <p class=\"display-block text-center full-width hr-center position-rel\">\r\n          <span class=\"position-rel\">Hoặc</span>\r\n        </p>\r\n        <div class=\"\r\n            form-group form-editor-media\r\n            position-rel\r\n            text-center\r\n            display-flex-center\r\n            justify-content-center\r\n          \">\r\n          <span class=\"margin-0\">Tải lên {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }}</span>\r\n          <input v-if=\"typeUpload === 'image'\" type=\"file\" name id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\"\r\n            accept=\"image/*\" />\r\n          <input v-else type=\"file\" ref=\"upMedia\" @change=\"uploadMedia\" :accept=\"typeUpload === 'video'\r\n      ? 'video/mp4,video/x-m4v,video/*'\r\n      : 'audio/*'\r\n    \" />\r\n        </div>\r\n        <div class=\"form-action text-right\">\r\n          <button type=\"button\" class=\"btn btn-primary\" @click=\"handleDoneUpload\">\r\n            Tải lên\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueCkeditor from \"vue-ckeditor2\";\r\n// import mixins from '@/helpers/mixins';\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport {\r\n  replaceHtmlMathlive,\r\n  setAlignImgEditor,\r\n  fillBlankEditor,\r\n  convertOldKatexData2Img,\r\n} from \"@/helpers/functions\";\r\nimport { uploadImg } from \"@/store/common/api\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n// import katex from 'katex';\r\n// const imgVideo = require('@/assets/images/video.png')\r\n// const imgAudio = require('@/assets/images/audio.png')\r\n// const imgFx = require('@/assets/images/fx.png')\r\n// const imgDraw = require('@/assets/images/draw.png')\r\n\r\n// Add plugin for editor\r\nif (!CKEDITOR.plugins.get(\"niw_btn_answer\")) {\r\n  CKEDITOR.plugins.add(\"niw_btn_answer\", {\r\n    init: function (editor) {\r\n      // Button drawshape\r\n      // editor.ui.addButton('drawShape', {\r\n      //        label: 'Vẽ hình',\r\n      //        command: 'drawShape',\r\n      //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n      //        toolbar: 'insert'\r\n      //    });\r\n\r\n      editor.ui.addButton(\"fillBlank\", {\r\n        label: \"Câu điền từ\",\r\n        command: \"fillBlank\",\r\n        icon: \"https://image.flaticon.com/icons/svg/106/106987.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      editor.ui.addButton(\"selectForm\", {\r\n        label: \"Lựa chọn câu trả lời\",\r\n        command: \"selectForm\",\r\n        icon: \"https://image.flaticon.com/icons/svg/30/30856.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      // Button upload img\r\n      editor.ui.addButton(\"uploadImg\", {\r\n        label: \"Tải hình ảnh\",\r\n        command: \"uploadImg\",\r\n        icon: \"https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14\",\r\n        toolbar: \"insert\",\r\n      });\r\n    },\r\n  });\r\n}\r\n\r\nexport default {\r\n  name: \"EdittorCKAnswerNew\",\r\n  // mixins: [mixins],\r\n  props: [\"contentEditor\", \"fillBlank\", \"position\", \"selectBox\", \"parentId\"],\r\n  data() {\r\n    return {\r\n      content: \"\",\r\n      editor: null,\r\n      typeUpload: \"\",\r\n      visibleModalMedia: false,\r\n      linkMediaUploaded: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    VueCkeditor,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      math_value: `common/math_value`,\r\n      open_math: `common/open_math`,\r\n      editor_selection: `common/editor_selection`,\r\n      // draw_shape_data: 'common/draw_shape_data',\r\n      toggle_draw: \"common/toggle_draw\",\r\n    }),\r\n    config() {\r\n      return this.configEditor();\r\n    },\r\n  },\r\n  watch: {\r\n    //  draw_shape_data(newVal, oldVal) {\r\n    //  \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n    //  \t\t// console.log(newVal.data);\r\n    //    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n    //    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n    //    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n    //    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n    //    CKEDITOR.instances[`myQuillEditor_answer_${newVal.position}`].insertHtml(htmlData);\r\n    // this.setDrawShapeData(null);\r\n    //  \t}\r\n    //  },\r\n    content: \"onChangeContent\",\r\n  },\r\n  created() {\r\n    // Convert old data use Katex\r\n    // this.convertKatex2Img()\r\n    this.content = this.contentEditor ? this.contentEditor : \"\";\r\n  },\r\n  mounted() {\r\n    // All action for all button\r\n    this.actionNiwBtn();\r\n  },\r\n  methods: {\r\n    ...mapActions(`common`, [\r\n      \"toggleFormMath\",\r\n      \"setContentSelectEditor\",\r\n      \"toggleDrawTool\",\r\n      \"setDrawShapeData\",\r\n    ]),\r\n\r\n    convertKatex2Img() {\r\n      if (this.contentEditor) {\r\n        this.content = convertOldKatexData2Img(this.contentEditor);\r\n      }\r\n    },\r\n\r\n    configEditor() {\r\n      let toolbarInsert = {\r\n        name: \"insert\",\r\n        items: [\r\n          \"uploadImg\",\r\n          \"Table\",\r\n          \"SpecialChar\",\r\n          \"Iframe\",\r\n          \"ckeditor_wiris_formulaEditor\",\r\n          \"ckeditor_wiris_formulaEditorChemistry\",\r\n        ],\r\n      };\r\n      if (this.fillBlank) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"fillBlank\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      if (this.selectBox) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"selectForm\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      return {\r\n        toolbar: [\r\n          {\r\n            name: \"basicstyles\",\r\n            items: [\r\n              \"Bold\",\r\n              \"Italic\",\r\n              \"Underline\",\r\n              \"Strike\",\r\n              \"Subscript\",\r\n              \"Superscript\",\r\n              \"-\",\r\n              \"CopyFormatting\",\r\n              \"RemoveFormat\",\r\n            ],\r\n          },\r\n          { name: \"colors\", items: [\"TextColor\", \"BGColor\"] },\r\n          {\r\n            name: \"paragraph\",\r\n            items: [\r\n              \"NumberedList\",\r\n              \"BulletedList\",\r\n              \"-\",\r\n              \"JustifyLeft\",\r\n              \"JustifyCenter\",\r\n              \"JustifyRight\",\r\n              \"JustifyBlock\",\r\n            ],\r\n          },\r\n          { name: \"links\", items: [\"Link\", \"Unlink\"] },\r\n          toolbarInsert,\r\n        ],\r\n        height: 100,\r\n        extraPlugins: \"niw_btn_answer,ckeditor_wiris\",\r\n        allowedContent: true,\r\n        font_defaultLabel: \"Arial\",\r\n        fontSize_defaultLabel: 16,\r\n        contentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"],\r\n      };\r\n    },\r\n\r\n    actionNiwBtn() {\r\n      let self = this;\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${self.position}`];\r\n      // Button drawshape\r\n      editor.addCommand(\"drawShape\", {\r\n        exec: function (edt) {\r\n          self.openDrawTool(self.position);\r\n        },\r\n      });\r\n\r\n      // Button create math\r\n      editor.addCommand(\"fillBlank\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion();\r\n        },\r\n      });\r\n      // Button create math\r\n      editor.addCommand(\"selectForm\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion(\"select\");\r\n        },\r\n      });\r\n\r\n      // Button upload img\r\n      editor.addCommand(\"uploadImg\", {\r\n        exec: function (edt) {\r\n          self.openModalUploadMedia(\"image\");\r\n        },\r\n      });\r\n    },\r\n\r\n    onBlur(evt) {\r\n      this.mouseLeave();\r\n      // console.log('Blur: ', evt);\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n    onFocus(evt) {\r\n      // console.log('Focus: ', evt.editor);\r\n      // evt.editor._.events.change;\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n\r\n    mouseLeave() {\r\n      // console.log('Mouse leave: ');\r\n      let frame = document.querySelector(\r\n        `#cke_myQuillEditor_answer_${this.position} iframe`\r\n      );\r\n      if (frame) {\r\n        let cntnt = frame.contentWindow.document;\r\n        // let parag = cntnt.getElementsByTagName(\"p\");\r\n        let parag =\r\n          cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n        let legthParag = parag.length;\r\n        let contentEdit = \"\";\r\n        if (legthParag > 0) {\r\n          for (let i = 0; i < legthParag; i++) {\r\n            contentEdit += parag[i].outerHTML;\r\n          }\r\n        }\r\n        // console.log(parag.length, contentEdit);\r\n        this.onEditorChange(contentEdit);\r\n      }\r\n    },\r\n\r\n    onChangeContent(val) {\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${this.position}`];\r\n      editor && this.onEditorChange(editor._.data);\r\n    },\r\n\r\n    onEditorChange(html) {\r\n      if (this.position) {\r\n        let data = {html, position: this.position};\r\n        // this.$bus.emit(`${CHANGE_TXT_ANSWER}_${this.position}`, data);\r\n        this.$emit('onEditorChange', data);\r\n      }\r\n\r\n    },\r\n    uploadImage(evt) {\r\n      let self = this;\r\n      // const files = evt.target.files[0];\r\n      // if (files) {\r\n      uploadImg(evt).then((res) => {\r\n        let linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n        linkImg && self.insertEmbedEditor(\"image\", linkImg);\r\n      });\r\n      // }\r\n    },\r\n\r\n    addFillBlankQuestion(type = \"blank\") {\r\n      fillBlankEditor(type, `myQuillEditor_answer_${this.position}`);\r\n    },\r\n\r\n    openModalUploadMedia(type) {\r\n      this.typeUpload = type;\r\n      this.$bvModal.show(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = true;\r\n    },\r\n\r\n    insertEmbedEditor(type = \"image\", link, embed = false) {\r\n      let self = this;\r\n      let htmlData;\r\n      if (type === \"image\") {\r\n        htmlData = `<img src=\"${link}\">`;\r\n      } else if (type === \"video\") {\r\n        if (embed && link.includes(\"youtube\")) {\r\n          htmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`;\r\n        } else if (embed && link.includes(\"vimeo\")) {\r\n          htmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\r\n        } else {\r\n          htmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n        }\r\n      } else if (type === \"audio\") {\r\n        htmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n      }\r\n      CKEDITOR.instances[`myQuillEditor_answer_${self.position}`].insertHtml(\r\n        htmlData\r\n      );\r\n\r\n      if (type === \"image\") {\r\n        self.$refs.upImg.value = \"\";\r\n      } else {\r\n        self.$refs.link_media.value = \"\";\r\n        self.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // self.visibleModalMedia = false;\r\n    },\r\n\r\n    uploadMedia(evt) {\r\n      let self = this;\r\n      // self.visibleModalMedia = false;\r\n      const files = evt.target.files[0];\r\n      // console.log(files);\r\n      if (files) {\r\n        uploadImg(files).then((res) => {\r\n          let linkImg = res.image.image_src;\r\n        });\r\n      }\r\n    },\r\n\r\n    handleDoneUpload() {\r\n      // console.log('Done: ', this.$refs);\r\n      let linkSocial = this.$refs.link_media.value;\r\n      let linkMedia = linkSocial;\r\n      let embedVideo = false;\r\n      if (linkSocial && linkSocial !== undefined) {\r\n        if (linkSocial.includes(\"youtube\")) {\r\n          let linkYT = linkSocial.split(\".com/watch?v=\");\r\n          linkMedia = linkYT[0] + \".com/embed/\" + linkYT[1];\r\n          embedVideo = true;\r\n        } else if (linkSocial.includes(\"vimeo\")) {\r\n          let linkVM = link.split(\"vimeo.com/\");\r\n          linkMedia = linkVM[0] + \"player.vimeo.com/video/\" + linkVM[1];\r\n          embedVideo = true;\r\n        }\r\n      } else {\r\n        linkMedia = this.linkMediaUploaded;\r\n      }\r\n      // console.log(linkMedia);\r\n\r\n      linkMedia &&\r\n        this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n      // this.visibleModalMedia = false;\r\n    },\r\n\r\n    handleCancelUpload() {\r\n      if (this.$refs.link_media && this.$refs.link_media.value) {\r\n        this.$refs.link_media.value = \"\";\r\n      }\r\n      if (this.$refs.upMedia && this.$refs.upMedia.value) {\r\n        this.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = false;\r\n      this.toggleFormMath({ visible: false, editor: null });\r\n    },\r\n\r\n    openDrawTool(location) {\r\n      this.toggleDrawTool(true);\r\n      this.setDrawShapeData({ position: location, type: \"question\" });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.editor-modal-media {\r\n  label {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  input {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .hr-center {\r\n    margin: 15px 0;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      height: 1px;\r\n      width: 60%;\r\n      background: #ccc;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    span {\r\n      padding: 0 20px;\r\n      background: #fff;\r\n    }\r\n  }\r\n\r\n  .form-editor-media {\r\n    width: 120px;\r\n    height: 120px;\r\n    border: 1px solid #d1d1d1;\r\n    margin: 0 auto;\r\n\r\n    input {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .form-action {\r\n    padding-top: 15px;\r\n    margin-top: 15px;\r\n    border-top: 1px solid #d1d1d1;\r\n\r\n    button {\r\n      height: 35px;\r\n    }\r\n  }\r\n}\r\n\r\n.cke_button__selectform .cke_button_label {\r\n  display: inline;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdittorCKAnswerNew.vue?vue&type=template&id=02b80394&scoped=true&\"\nimport script from \"./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"\nexport * from \"./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EdittorCKAnswerNew.vue?vue&type=style&index=0&id=02b80394&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02b80394\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prepare-question\" class=\"modal-dialog b-modal-xxl\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-create-update-prepare-quesion\" @hidden=\"resetModal\">\r\n\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <div class=\"action_close_modal\">\r\n                    <img class=\"icon-close float-right cursor-pointer\" style=\"width: 15px;\" src=\"@/assets/img/x.png\"\r\n                        @click=\"handleHideModal\" />\r\n                </div>\r\n                <h4 v-if=\"!isEditNameDocument\">\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                    <div class=\"action_change_name float-right\">\r\n                        <button class=\"btn btn-change\" @click=\"handleEditNameDocument\">Chỉnh sửa tên</button>\r\n                    </div>\r\n                </h4>\r\n                <div v-else class=\"display-flex\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-6\">\r\n                            <b-form-input id=\"numberLesson\" v-model=\"nameDocument\" type=\"text\"\r\n                                placeholder=\"Nhập tên bài giảng\" autocomplete=\"off\" class=\"form-control\" />\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                            <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\"\r\n                                @click=\"handleCancelEditNameDocument\">Hủy</a>\r\n                            <a @click=\"handleUpdateNameDocument()\" href=\"javascript:;\"\r\n                                class=\"btn btn-agree font-size-17 btn-delete\">Đồng ý</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <b-tabs pills>\r\n                    <b-tab @click=\"handleChangeTab(tabCreateQuestion)\" title=\"Soạn câu hỏi\"\r\n                        :active=\"tabActive == tabCreateQuestion\">\r\n                        <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                            <div class=\"form-group row\">\r\n                                <div class=\"col-md-12\">\r\n                                    Số câu: {{ listQuestionSave.length }}\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row form-group\">\r\n                                <div class=\"col-md-12 col-lg-8 col-xl-6\">\r\n                                    <a href=\"javascript:;\" @click=\"handleAddQuestion\"\r\n                                        class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                        <img class=\"icon-plus\" src=\"@/assets/img/plus.png\" />\r\n                                        <img class=\"icon-plus\" src=\"@/assets/img/plus-hover.png\" />\r\n                                        Tạo câu hỏi mới\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <!--  -->\r\n                            <div class=\"pb-3\" v-for=\"(question, index) of listQuestion\" :key=\"index\">\r\n                                <div class=\"justify-content-right\">\r\n                                    <a :disabled=\"isDisabledButton\" href=\"javascript:;\" @click=\"saveQuestion(question)\"\r\n                                        class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                        Hoàn thành\r\n                                    </a>\r\n\r\n                                </div>\r\n\r\n                                <div class=\"row form-group pb-3\">\r\n                                    <div class=\"col-md-12 col-lg-3 col-xl-2 display-flex-column rg-1 mb-3\">\r\n                                        <div class=\"question-title\">Câu hỏi: {{ index + 1 }}</div>\r\n                                        <select class=\"custom-select border-rd-10\">\r\n                                            <option value=\"1\" selected=\"selected\">Trắc nghiệm</option>\r\n                                        </select>\r\n\r\n                                    </div>\r\n                                    <div class=\"question-head col-md-12 col-lg-7 col-xl-8 mb-3\">\r\n                                        <div class=\"question-head__row\">\r\n                                            <EditorCKNew @onEditorChange=\"onEditorChangeQuestion\"\r\n                                                :contentEditor=\"question.content\" :position=\"index\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div v-for=\"(answer, indexAnswer) of question.listAnswer\" :key=\"indexAnswer\"\r\n                                        class=\"item display-flex-center justify-content-between item-answer cg-1 col-md-12 mt-3\">\r\n                                        <div class=\"row\">\r\n                                            <div class=\"item__first col-md-12 col-lg-3 col-xl-2\">\r\n                                                <div class=\"answer-correct display-flex\">\r\n                                                    <b-checkbox :id=\"'b-answer_' + index + indexAnswer\"\r\n                                                        v-model=\"answer.isTrue\">\r\n                                                    </b-checkbox>\r\n                                                    <label class=\"display-flex-column cursor-pointer\"\r\n                                                        :for=\"'b-answer_' + index + indexAnswer\">\r\n                                                        <strong>Đáp án {{ answer.code }}</strong>\r\n                                                        <span class=\"font-size-12 text-subtitle\">Hãy tích để chọn làm\r\n                                                            đáp án đúng</span>\r\n                                                    </label>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"col-md-12 col-lg-7 col-xl-8 display-flex-center cg-1\">\r\n                                                <EdittorCKAnswerNew @onEditorChange=\"onEditorChangeAnswer\"\r\n                                                    :contentEditor=\"answer.content\" :position=\"answer.idClient\" />\r\n\r\n                                                <div class=\"item__img\">\r\n                                                    <div v-if=\"answer.fileAnswer.url\" class=\"image-question\">\r\n                                                        <img :style=\"{ 'width': question.withSize + 'px', 'height': question.heightSize + 'px' }\"\r\n                                                            :src=\"answer.fileAnswer.url\" />\r\n                                                        <b-button @click=\"onDeleteFileAnswer(question, answer)\"\r\n                                                            type=\"button\" class=\"btn-delete-image-question\">\r\n                                                            <i aria-label=\"icon: close\" class=\"anticon anticon-close\">\r\n                                                                <svg viewBox=\"64 64 896 896\" data-icon=\"close\"\r\n                                                                    width=\"1em\" height=\"1em\" fill=\"currentColor\"\r\n                                                                    aria-hidden=\"true\" focusable=\"false\" class=\"\">\r\n                                                                    <path\r\n                                                                        d=\"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z\">\r\n                                                                    </path>\r\n                                                                </svg></i>\r\n                                                        </b-button>\r\n                                                    </div>\r\n                                                    <div v-else class=\"answer-img position-rel\">\r\n                                                        <input hidden type=\"file\" :ref=\"answer.idClient\"\r\n                                                            accept=\"image/*\"\r\n                                                            @change=\"changeImgAnswer($event, question, answer)\">\r\n                                                        <b-button @click=\"handUploadImageAnswer(answer)\"\r\n                                                            class=\"btn-select-image-question\" type=\"button\"\r\n                                                            icon=\"upload\">\r\n                                                            <img class=\"icon-file\" src=\"@/assets/img/icon-file.png\"\r\n                                                                alt />\r\n                                                            Tải ảnh\r\n                                                        </b-button>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <a @click=\"onDeleteAnswer(question, answer)\" class=\"\">\r\n                                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n                                                        viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                                        <path d=\"M18 6L6 18\" stroke=\"#DC3545\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                                        <path d=\"M6 6L18 18\" stroke=\"#DC3545\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                                    </svg>\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-md-12\">\r\n                                        <button @click=\"handleAddAnswer(question)\" type=\"button\"\r\n                                            class=\"border-rd-20 font-size-16 form-30h display-flex-center cg-1 line-height-1 btn-add-answer\">\r\n                                            <img class=\"icon-plus\" src=\"@/assets/img/plus-hover.png\" />\r\n                                            Thêm mới câu trả lời\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <!--  -->\r\n                            <div class=\"row\">\r\n                                <div class=\"question-item col-md-12 margin-top-10\" v-for=\"(question, index) of listQuestionSave\"\r\n                                    :key=\"index\">\r\n                                    <div class=\"wrap-title-header display-flex justify-content-space-between\">\r\n                                        <div class=\"display-flex\">\r\n                                            <strong>Câu hỏi {{ index + 1 }}:</strong>&nbsp;<strong\r\n                                                class=\"title-question\" v-html=\"question.content\"></strong>\r\n                                        </div>\r\n                                        <div class=\"display-flex\">\r\n                                            <a href=\"javascript:;\" @click=\"handleOnDeleteQuestion(question)\"\r\n                                                class=\"item btn btn-main btn-delete-question border-rd-10 margin-5 font-size-16 item__add\">\r\n                                                Xóa câu hỏi\r\n                                            </a>\r\n                                            &nbsp;\r\n                                            <a href=\"javascript:;\" @click=\"handleEditQuestion(question)\"\r\n                                                class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                                Chỉnh sửa\r\n                                            </a>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div class=\"wrap-list-answer\">\r\n                                        <div class=\"answer-item\" v-for=\"(answer, indexAnswer) of question.listAnswer\"\r\n                                            :key=\"indexAnswer\">\r\n                                            <b-form-checkbox :checked=\"answer.isTrue\" disabled>\r\n                                                <div\r\n                                                    v-html=\"`<span class='display-flex'>${answer.code}.&nbsp;${answer.content}</span>`\">\r\n                                                </div>\r\n                                            </b-form-checkbox>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"form_action display-flex justity-content-center cg-1 mt-4\">\r\n                                <button type=\"button\"\r\n                                    class=\"btn btn-outline-primary b-btn-width font-size-16 font-sanpro-semibold\"\r\n                                    :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                                    Hủy bỏ\r\n                                </button>\r\n                                <button type=\"submit\"\r\n                                    class=\"btn btn-primary b-btn-width font-size-16 font-sanpro-semibold\"\r\n                                    :disabled=\"isDisabledButton\">\r\n                                    {{ documentId > 0 ? 'Lưu' : 'Thêm mới' }}\r\n                                </button>\r\n                            </div>\r\n                        </b-form>\r\n                    </b-tab>\r\n                    <b-tab @click=\"handleChangeTab(tabUploadDocx)\" title=\"Tạo từ file docx\"\r\n                        :active=\"tabActive == tabUploadDocx\">\r\n                        <div class=\"container\">\r\n                            <div class=\"row block_upload_file\">\r\n                                <input hidden type=\"file\" name=\"file\" id=\"fileInputUpload\" class=\"hidden-input\"\r\n                                    ref=\"file\" accept=\".pptx,.docx,.xlsx,.pdf,.h5p\" @change=\"onChangeUploadFile\" />\r\n                                <div v-if=\"!(formWord.file || formWord.fileName)\" class=\"col-md-4 upload-file\"\r\n                                    @dragover=\"dragoverUploadFile\" @dragleave=\"dragleaveUploadFile\"\r\n                                    @drop=\"dropUploadFile\" :class=\"isDragging ? 'upload-drag' : ''\">\r\n                                    <div class=\"justify-content-center tittle\">\r\n                                        <div @click=\"onUploadFile\">\r\n                                            <h4><strong>Tải file lên tại đây</strong></h4>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div class=\"row col-md-5\">\r\n                                        <div class=\"text-center block_icon_upload\" @click=\"onUploadFile\">\r\n                                            <img class=\"icon-upload\" src=\"@/assets/img/upload.png\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <div v-else-if=\"(formWord.file || formWord.fileName)\" class=\"col-md-6 upload-file\">\r\n                                    <label for=\"name\" class=\"\">File tài liệu:</label>\r\n                                    <div class=\"wrap-file-data display-flex justify-content-space-between\">\r\n\r\n                                        <div class=\"wrap-left display-flex\">\r\n                                            <img class=\"icon-photo margin-right-10\" src=\"@/assets/img/photo.png\" />\r\n                                            <div class=\"name-file\">\r\n                                                {{ formWord.file ? formWord.file.name : formWord.fileName }}\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"wrap-right display-flex\">\r\n                                            <div class=\"size-file margin-right-10\">{{ formatSizeFile(formWord.sizeFile)\r\n                                                }}\r\n                                            </div>\r\n                                            <img @click=\"handleOnRemoveFile\" class=\"btn-delete\"\r\n                                                src=\"@/assets/img/icon-close.png\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </b-tab>\r\n\r\n                </b-tabs>\r\n\r\n\r\n            </div>\r\n\r\n        </b-modal>\r\n\r\n        <b-modal id=\"modal-prevent-closing\" class=\"header-modal\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-confirm-document-prepare-question\">\r\n            <div class=\"container modal-confirm__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Thông tin bài giảng của bạn chưa được lưu. Bạn có chắc chắn muốn thoát?\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-17 primary-color-txt font-sanpro-light py-2\">\r\n                    Nếu bạn xác nhận thoát, mọi dữ liệu về chỉnh sửa bài bài giảng của bạn sẽ không được lưu trữ\r\n                </p>\r\n                <div class=\"modal__actions text-center\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn btn-outline-secondary btn-no mr-3\"\r\n                        @click=\"handleHideModalConfim\">Không</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-primary font-size-17 font-sanpro-semibold btn-delete\"\r\n                        @click=\"handleConfimModal()\">Xác nhận</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { saveLessonQuestionClassSchool, getDetail, deleteLessonQuestionClassSchool } from './../../../_api/lessonQuestionClassSchoolServices'\r\nimport EditorCK from '@/components/EditorCK.vue'\r\nimport EditorCKNew from '@/components/EditorCKNew.vue'\r\nimport EdittorCKAnswer from '@/components/EdittorCKAnswer.vue'\r\nimport EdittorCKAnswerNew from '@/components/EdittorCKAnswerNew.vue'\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport { updateNameDocument } from './../../../_api/documentClassSchoolServices'\r\nimport { uploadFileLessonQuestionClassSchool, getQuestionByDoc } from './../../../_api/lessonQuestionClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        documentId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        documentName: {\r\n            type: String,\r\n            default: ''\r\n        }\r\n    },\r\n    components: {\r\n        EditorCK,\r\n        EditorCKNew,\r\n        EdittorCKAnswer,\r\n        EdittorCKAnswerNew\r\n    },\r\n    watch: {\r\n        'form.sizeImage': 'setSizeImageQuestion'\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabledButton:false,\r\n            tabActive: 1,\r\n            tabCreateQuestion: 1,\r\n            tabUploadDocx: 2,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n\r\n\r\n\r\n            listQuestion: [],\r\n\r\n            cdnUrl: APP_CONFIG.bookCdnUrl + 'data/lesson/',\r\n            listAnswerDelete: [],\r\n            //kích xỡ ảnh câu hỏi\r\n\r\n            question_img_size: [\r\n                { value: 4, text: '456x336' },\r\n                { value: 3, text: '1032x584' },\r\n                { value: 2, text: '1032x176' },\r\n                { value: 1, text: '240x176' }\r\n            ],\r\n            answer_key_text: [\r\n                'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'X', 'W', 'Y', 'Z'\r\n            ],\r\n            nameDocument: '',\r\n            isEditNameDocument: false,\r\n            formWord: {\r\n                fileName: '',\r\n                file: null,\r\n            },\r\n            listQuestionSave: [],\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                chapterId: 0,\r\n                postId: 0,\r\n                name: '',\r\n                typeDocument: '',\r\n                fileName: '',\r\n                pathFile: '',\r\n                link: '',\r\n                sizeFile: 0,\r\n                file: null, //lưu trữ file upload\r\n            },\r\n            isDragging: false,\r\n\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            // form: {\r\n            //     topicName:{\r\n            //         required\r\n            //     }\r\n            // }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.documentName\r\n        }\r\n    },\r\n    mounted() {\r\n        // if (this.documentId > 0) {\r\n        //     //get detail\r\n        //     this.getDetailChapterClassSchool()\r\n        // }\r\n        this.handleShowModal()\r\n\r\n        this.getDetailQuestion()\r\n    },\r\n    methods: {\r\n        handleEditQuestion(question) {\r\n            this.listQuestion = [{ ...question }]\r\n        },\r\n        saveQuestion(question) {\r\n            this.saveListQuestion([question],false)\r\n        },\r\n        getKeyText(numberQuestion) {\r\n            if (numberQuestion > 24) {\r\n                numberQuestion = 0\r\n            }\r\n            return this.answer_key_text[numberQuestion]\r\n        },\r\n        handleChangeTab(tab) {\r\n            this.tabActive = tab\r\n        },\r\n        handleAddQuestion() {\r\n            this.addData()\r\n        },\r\n        addData() {\r\n            let data = {\r\n                id: 0,\r\n                idClient: this.generateUUID(),\r\n                lessonClassSchoolId: this.$route.query.id,\r\n                topicName: '', // tên đề bài\r\n                sizeImage: 1, // kích cỡ ảnh\r\n                withSize: 240,\r\n                heightSize: 176,\r\n                fileQuestion: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                content: '',\r\n                listAnswer: [],\r\n\r\n            }\r\n            //         let data = {\r\n            // \"id\": 0,\r\n            // \"idClient\": this.generateUUID(),\r\n            // \"lessonClassSchoolId\": \"161\",\r\n            // \"topicName\": \"\",\r\n            // \"sizeImage\": 1,\r\n            // \"withSize\": 240,\r\n            // \"heightSize\": 176,\r\n            // \"fileQuestion\": {\r\n            //     \"fileData\": null,\r\n            //     \"url\": \"\"\r\n            // },\r\n            // \"content\": \"<p>c&acirc;u hỏi 1</p>\\n\",\r\n            // \"listAnswer\": [\r\n            //     {\r\n            //         \"id\": 0,\r\n            //         \"idClient\": this.generateUUID(),\r\n            //         \"isTrue\": false,\r\n            //         \"content\": \"<p>câu trả lời 1</p>\",\r\n            //         \"fileAnswer\": {\r\n            //             \"fileData\": null,\r\n            //             \"url\": \"\"\r\n            //         },\r\n            //         'code':this.getKeyText(0)\r\n            //     },\r\n            //     {\r\n            //         \"id\": 0,\r\n            //         \"idClient\": this.generateUUID(),\r\n            //         \"isTrue\": true,\r\n            //         \"content\": \"<p>câu trả lời 2</p>\",\r\n            //         \"fileAnswer\": {\r\n            //             \"fileData\": null,\r\n            //             \"url\": \"\"\r\n            //         },\r\n            //         'code':this.getKeyText(1)\r\n            //     }\r\n            // ]\r\n            //}\r\n            this.listQuestion.unshift(data)\r\n        },\r\n        generateUUID() { // Public Domain/MIT\r\n            var d = new Date().getTime();\r\n            if (typeof performance !== 'undefined' && typeof performance.now === 'function') {\r\n                d += performance.now(); //use high-precision timer if available\r\n            }\r\n            var newGuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n                var r = (d + Math.random() * 16) % 16 | 0;\r\n                d = Math.floor(d / 16);\r\n                return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\r\n            });\r\n\r\n            return newGuid;\r\n        },\r\n        onChangeUploadFile() {\r\n            this.formWord.file = this.$refs.file.files[0]\r\n            this.formWord.sizeFile = this.formWord.file.size\r\n            this.formWord.fileName = this.formWord.file.name\r\n            const formData = new FormData();\r\n            formData.append('file', this.formWord.file)\r\n            getQuestionByDoc(formData).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    if (res.data.length == 0) {\r\n                        this.tabActive = this.tabCreateQuestion\r\n                        this.listQuestion = []\r\n                        this.addData()\r\n                    }\r\n\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        this.listQuestion = []\r\n\r\n\r\n                        for (let i = 0; i < res.data.length; i++) {\r\n                            const item = res.data[i];\r\n                            let listAnswer = []\r\n                            for (let j = 0; j < item.answers.length; j++) {\r\n                                const element = item.answers[j];\r\n                                let answer = {\r\n                                    id: element.id,\r\n                                    idClient: this.generateUUID(),\r\n                                    isTrue: element.correct ? true : false,\r\n                                    content: element.content,\r\n                                    fileAnswer: {\r\n                                        fileData: null,\r\n                                        url: '',\r\n                                    },\r\n                                    code: element.code\r\n                                }\r\n                                listAnswer.push(answer)\r\n                            }\r\n\r\n\r\n                            let question = {\r\n                                id: item.id,\r\n                                idClient: this.generateUUID(),\r\n                                lessonClassSchoolId: this.$route.query.id,\r\n                                topicName: '', // tên đề bài\r\n                                sizeImage: 1, // kích cỡ ảnh\r\n                                withSize: 240,\r\n                                heightSize: 176,\r\n                                fileQuestion: {\r\n                                    fileData: null,\r\n                                    url: item.path ? `${this.cdnUrl}${item.path}` : '',\r\n                                },\r\n                                content: item.content,\r\n                                listAnswer: listAnswer,\r\n                            }\r\n                            this.listQuestion.push(question)\r\n                        }\r\n                        this.tabActive = this.tabCreateQuestion\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        getDetailQuestion() {\r\n            let self = this\r\n            let params = {\r\n                lessonClassSchoolId: this.$route.query.id,\r\n                documentId: this.documentId\r\n            }\r\n            getDetail(params).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    this.listQuestionSave = []\r\n\r\n\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        const item = res.data[i];\r\n                        let listAnswer = []\r\n                        for (let j = 0; j < item.listLessonAnswerClassSchoolModels.length; j++) {\r\n                            const element = item.listLessonAnswerClassSchoolModels[j];\r\n                            let answer = {\r\n                                id: element.id,\r\n                                idClient: this.generateUUID(),\r\n                                isTrue: element.isTrue,\r\n                                content: element.content,\r\n                                fileAnswer: {\r\n                                    fileData: null,\r\n                                    url: element.path ? `${this.cdnUrl}${element.path}` : '',\r\n                                },\r\n                                code: element.code\r\n                            }\r\n                            listAnswer.push(answer)\r\n                        }\r\n\r\n\r\n                        let question = {\r\n                            id: item.id,\r\n                            idClient: this.generateUUID(),\r\n                            lessonClassSchoolId: item.lessonClassSchoolId,\r\n                            topicName: '', // tên đề bài\r\n                            sizeImage: 1, // kích cỡ ảnh\r\n                            withSize: 240,\r\n                            heightSize: 176,\r\n                            fileQuestion: {\r\n                                fileData: null,\r\n                                url: ''\r\n                            },\r\n                            content: item.content,\r\n                            listAnswer: listAnswer,\r\n                        }\r\n                        this.listQuestionSave.push(question)\r\n                    }\r\n                }\r\n            })\r\n\r\n            if (this.listQuestion.length == 0) {\r\n                this.addData()\r\n            }\r\n        },\r\n        handleSave() {\r\n            // form: {\r\n            //     id: 0,\r\n            //     lessonClassSchoolId: 0,\r\n            //     topicName: '', // tên đề bài\r\n            //     sizeImage: 1, // kích cỡ ảnh\r\n            //     withSize: 240,\r\n            //     heightSize: 176,\r\n            //     fileQuestion: {\r\n            //         fileData: null,\r\n            //         url: ''\r\n            //     },\r\n            //     content: '',\r\n            //     listAnswer: []\r\n            // },\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                let isValid =true\r\n                let listQuestion = [...this.listQuestion]\r\n                for (let i = 0; i < listQuestion.length; i++) {\r\n                    const element = listQuestion[i];\r\n                    if(!element.content){\r\n                        isValid =false\r\n                        break\r\n                    }\r\n                }\r\n                if(isValid){\r\n                    this.saveListQuestion(listQuestion,true)\r\n                }\r\n                else{\r\n                    this.$toast.error('Vui lòng nhập câu hỏi')\r\n                }\r\n            }\r\n        },\r\n        saveListQuestion(listQuestion,isClear = false) {\r\n            let self = this\r\n            const formData = new FormData();\r\n            //return\r\n            formData.append(`countQuestion`, listQuestion.length);\r\n            formData.append(`listAnswerDelete`, this.listAnswerDelete.join(\",\"));\r\n            for (let i = 0; i < listQuestion.length; i++) {\r\n                const item = listQuestion[i];\r\n                formData.append(`id_${i}`, item.id);\r\n                formData.append(`idClient_${i}`, item.idClient);\r\n                formData.append(`lessonClassSchoolId_${i}`, item.lessonClassSchoolId);\r\n                formData.append(`documentId_${i}`, this.documentId);\r\n                formData.append(`topicName_${i}`, item.topicName);\r\n                formData.append(`withSize_${i}`, item.withSize);\r\n                formData.append(`heightSize_${i}`, item.heightSize);\r\n                formData.append(`content_${i}`, item.content);\r\n                formData.append(`countAnswer_${i}`, item.listAnswer.length);\r\n                formData.append(`file_${i}`, item.fileQuestion.fileData);\r\n\r\n\r\n                for (let a = 0; a < item.listAnswer.length; a++) {\r\n                    const answer = item.listAnswer[a];\r\n                    formData.append(`id_${i}_${a}`, answer.id);\r\n                    formData.append(`questionIdClient_${i}_${a}`, item.idClient);\r\n                    formData.append(`isTrue_${i}_${a}`, answer.isTrue);\r\n                    formData.append(`content_${i}_${a}`, answer.content);\r\n                    formData.append(`file_${i}_${a}`, answer.fileAnswer.fileData);\r\n                    formData.append(`code_${i}_${a}`, answer.code);\r\n                }\r\n            }\r\n            self.isDisabledButton = true\r\n            saveLessonQuestionClassSchool(formData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Cập nhật tài liệu thành công')\r\n                    self.getDetailQuestion()\r\n                    if(!isClear){\r\n                        for (let q = 0; q < self.listQuestion.length; q++) {\r\n                        const item = self.listQuestion[q];\r\n                        for (let i = 0; i < listQuestion.length; i++) {\r\n                            let itemQuestion = listQuestion[i];\r\n                            if (itemQuestion.idClient == item.idClient) {\r\n                                self.listQuestion.splice(q, 1)\r\n                            }\r\n                        }\r\n\r\n                    }\r\n                    }\r\n                    else{\r\n                        self.listQuestion = []\r\n                    }\r\n                    \r\n                    \r\n                    if (self.listQuestion.length == 0) {\r\n                        self.addData()\r\n                    }\r\n                }\r\n                self.isDisabledButton = false\r\n            })\r\n        },\r\n        answerDefault(index) {\r\n            return {\r\n                id: 0,\r\n                idClient: this.generateUUID(),\r\n                isTrue: false,\r\n                content: '',\r\n                fileAnswer: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                code: this.getKeyText(index)\r\n            }\r\n        },\r\n        onEditorChangeQuestion(data) {\r\n            let questionSeleced = this.listQuestion[data.position]\r\n            questionSeleced.content = data.html\r\n        },\r\n        onEditorChangeAnswer(data) {\r\n\r\n            for (let iq = 0; iq < this.listQuestion.length; iq++) {\r\n                const question = this.listQuestion[iq];\r\n                for (let ia = 0; ia < question.listAnswer.length; ia++) {\r\n                    let answer = question.listAnswer[ia];\r\n                    if (answer.idClient == data.position) {\r\n                        answer.content = data.html\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        onDeleteAnswer(question, itemSelectd) {\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                const item = question.listAnswer[i];\r\n                if (itemSelectd.idClient == item.idClient) {\r\n                    if (item.id > 0) {\r\n                        this.listAnswerDelete.push(item.id)\r\n                    }\r\n                    question.listAnswer.splice(i, 1)\r\n                }\r\n            }\r\n        },\r\n        onDeleteFileAnswer(question, itemCurrent) {\r\n            console.log(question, itemCurrent)\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                let item = question.listAnswer[i];\r\n                if (itemCurrent.idClient == item.idClient) {\r\n                    item.fileAnswer.fileData = null\r\n                    item.fileAnswer.url = null\r\n                    this.$refs[item.idClient].value = ''\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        changeImgAnswer(e, question, itemCurrent) {\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                const item = question.listAnswer[i];\r\n                if (itemCurrent.idClient == item.idClient) {\r\n                    item.fileAnswer.fileData = this.$refs[item.idClient][0].files[0]\r\n                    item.fileAnswer.url = URL.createObjectURL(item.fileAnswer.fileData);\r\n                    break\r\n                }\r\n            }\r\n\r\n        },\r\n        handUploadImageAnswer(item) {\r\n            this.$refs[item.idClient][0].click()\r\n        },\r\n        handleAddAnswer(question) {\r\n            question.listAnswer.push(this.answerDefault(question.listAnswer.length))\r\n        },\r\n\r\n        generateUUID() { // Public Domain/MIT\r\n            var d = new Date().getTime();\r\n            if (typeof performance !== 'undefined' && typeof performance.now === 'function') {\r\n                d += performance.now(); //use high-precision timer if available\r\n            }\r\n            var newGuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n                var r = (d + Math.random() * 16) % 16 | 0;\r\n                d = Math.floor(d / 16);\r\n                return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\r\n            });\r\n\r\n            return newGuid;\r\n        },\r\n        onDeleteFileQuestion() {\r\n            this.form.fileQuestion.fileData = null\r\n            this.form.fileQuestion.url = ''\r\n            this.$refs.fileImageQuestion.value = ''\r\n        },\r\n        //\r\n\r\n        onUploadFile() {\r\n            this.$refs.file.click()\r\n        },\r\n        handleEditNameDocument() {\r\n            this.nameDocument = this.documentName\r\n            this.isEditNameDocument = true\r\n        },\r\n        handleUpdateNameDocument() {\r\n            this.documentName = this.nameDocument\r\n            let self = this\r\n            updateNameDocument({ Id: this.documentId, Name: this.nameDocument }).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Cập nhật tên tài liệu thành công')\r\n                    self.handleCancelEditNameDocument()\r\n                }\r\n            })\r\n        },\r\n        handleCancelEditNameDocument() {\r\n            this.isEditNameDocument = false\r\n        },\r\n        handleOnRemoveFile() {\r\n            this.$refs.file.value = '';\r\n            this.formWord.file = null\r\n            this.formWord.pathFile = ''\r\n            this.formWord.fileName = ''\r\n            console.log('clear')\r\n        },\r\n        formatSizeFile(data, to = 'MB') {\r\n            const const_term = 1024;\r\n\r\n            // Convert the values and concatenate \r\n            // the appropriate unit \r\n            if (to === \"KB\") {\r\n                return (data / const_term).toFixed(3) + \"KB\";\r\n            } else if (to === \"MB\") {\r\n                return (data / const_term ** 2).toFixed(3) + \"MB\";\r\n            } else if (to === \"GB\") {\r\n                return (data / const_term ** 3).toFixed(3) + \"GB\";\r\n            } else if (to === \"TB\") {\r\n                return (data / const_term ** 4).toFixed(3) + \"TB\";\r\n            } else {\r\n                return \"\";\r\n            }\r\n        },\r\n        dragoverUploadFile(e) {\r\n            e.preventDefault();\r\n            this.isDragging = true;\r\n        },\r\n        dragleaveUploadFile() {\r\n            this.isDragging = false;\r\n        },\r\n        dropUploadFile(e) {\r\n            e.preventDefault();\r\n            this.$refs.file.files = e.dataTransfer.files;\r\n            this.onChangeUploadFile();\r\n            this.isDragging = false;\r\n        },\r\n        handleSaveDocument() {\r\n            let self = this\r\n            if (!this.$v.$invalid) {\r\n                const formData = new FormData();\r\n                console.log(this.form)\r\n                formData.append('file', this.form.file);\r\n                uploadFileLessonQuestionClassSchool(formData).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        self.$toast.success('Thêm mới tài liệu thành công')\r\n                    }\r\n                })\r\n            }\r\n        },\r\n        handleOnDeleteQuestion(question) {\r\n            console.log(question)\r\n            let self = this\r\n            deleteLessonQuestionClassSchool(question.id).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa câu hỏi thành công')\r\n                    self.getDetailQuestion()\r\n                    //self.listQuestion = []\r\n                    //self.addData()\r\n                    for (let q = 0; q < self.listQuestion.length; q++) {\r\n                        const item = self.listQuestion[q];\r\n                        if (question.idClient == item.idClient) {\r\n                            self.listQuestion.splice(q, 1)\r\n                        }\r\n                    }\r\n                    if (self.listQuestion.length == 0) {\r\n                        self.addData()\r\n                    }\r\n                }\r\n            })\r\n            // for (let i = 0; i < this.listQuestion.length; i++) {\r\n            //     const item = this.listQuestion[i];\r\n            //     if (question.id == item.id) {\r\n            //         this.listQuestion.splice(i, 1)\r\n            //         if (question.id > 0) {\r\n            //             // Call api delete question\r\n\r\n            //         }\r\n\r\n            //         break\r\n            //     }\r\n            // }\r\n        },\r\n        //\r\n        setSizeImageQuestion() {\r\n            switch (this.form.sizeImage) {\r\n                case 1://'240x176'\r\n                    this.form.withSize = 240\r\n                    this.form.heightSize = 176\r\n                    break;\r\n                case 2: //'1032x176'\r\n                    this.form.withSize = 1032\r\n                    this.form.heightSize = 176\r\n                    break;\r\n                case 3: //'1032x584'\r\n                    this.form.withSize = 1032\r\n                    this.form.heightSize = 584\r\n                    break;\r\n                case 4: //'456x336'\r\n                    this.form.withSize = 456\r\n                    this.form.heightSize = 336\r\n                    break;\r\n                default:\r\n                    break;\r\n            }\r\n        },\r\n        onUploadImageQuestion() {\r\n            this.$refs.fileImageQuestion.click()\r\n        },\r\n        changeImgQuestion() {\r\n            this.form.fileQuestion.fileData = this.$refs.fileImageQuestion.files[0]\r\n            this.form.fileQuestion.url = URL.createObjectURL(this.form.fileQuestion.fileData);\r\n        },\r\n        // getDetailChapterClassSchool() {\r\n        //     let self = this\r\n        //     getDetail(this.documentId).then(res => {\r\n        //         if (res && res.data && !res.errors) {\r\n        //             self.form = {\r\n        //                 id: res.data.id,\r\n        //                 lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n        //                 name: res.data.name,\r\n        //             }\r\n        //         }\r\n        //     })\r\n        // },\r\n\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                topicName: '', // tên đề bài\r\n                sizeImage: 1, // kích cỡ ảnh\r\n                withSize: 240,\r\n                heightSize: 176,\r\n                fileQuestion: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                content: '',\r\n                listAnswer: []\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        handleHideModalConfim() {\r\n            //\r\n            this.$refs['modal-confirm-document-prepare-question'].hide()\r\n        },\r\n        handleShowModalConfim() {\r\n            //\r\n            this.$refs['modal-confirm-document-prepare-question'].show()\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-prepare-quesion'].toggle('#toggle-btn')\r\n        },\r\n        handleConfimModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-prepare-quesion'].hide()\r\n            //this.$emit('closeModal')\r\n            this.handleShowModalConfim()\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-prepare-quesion'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-10{\r\n    margin-top: 10px;\r\n}\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n\r\n.icon-plus {\r\n    width: 20px;\r\n    display: inline-block;\r\n}\r\n\r\n.item__add {\r\n    line-height: 18px;\r\n}\r\n\r\n.modal-confirm__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n\r\n    .modal__actions {\r\n\r\n        .btn-delete {\r\n            color: white;\r\n            border-radius: 8px;\r\n            min-width: 8rem;\r\n            font-family: sans-serif;\r\n            height: auto;\r\n            padding: 0.2rem;\r\n        }\r\n\r\n        .btn-no {\r\n            border-radius: 8px;\r\n            min-width: 8rem;\r\n            font-family: sans-serif;\r\n            height: auto;\r\n            padding: 0.2rem;\r\n\r\n            &:hover {\r\n                color: #ffffff;\r\n            }\r\n        }\r\n\r\n        .btn-cancel {\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.item-answer {\r\n    margin-top: 10px;\r\n}\r\n\r\n.btn-add-answer {\r\n    display: inline-block;\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n    border: 0;\r\n    background: none;\r\n}\r\n\r\n.text-center {\r\n    text-align: center;\r\n}\r\n\r\n.btn-delete-image-question {\r\n    background: red;\r\n    border: 1px solid red;\r\n    color: #fffcfc;\r\n    border-radius: 20px;\r\n}\r\n\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.btn-select-image-question {\r\n    border: 1px solid #f0f0f0;\r\n    color: black;\r\n    background: #f0f0f0;\r\n\r\n    .icon-file {\r\n        width: 10px;\r\n    }\r\n}\r\n\r\n.btn-complete-question {\r\n    border-radius: 10px;\r\n    border: 1px solid #84d7ff;\r\n    padding: 0.25rem 0.5rem;\r\n    background: #84d7ff;\r\n\r\n    &:hover {\r\n        background: #007bff;\r\n    }\r\n}\r\n\r\n.w-100px {\r\n    width: 100px;\r\n}\r\n\r\n.question-title {\r\n    border: 1px solid #ced4da;\r\n    border-radius: 10px;\r\n    padding: 0.5rem 1rem;\r\n}\r\n\r\n.item__img {\r\n    min-width: 82px;\r\n}\r\n\r\n\r\n.font-size-12 {\r\n    font-size: 12px !important;\r\n}\r\n\r\n.b-btn-width {\r\n    min-width: 8rem;\r\n    height: auto;\r\n    padding: 0.3rem;\r\n    border-radius: 8px;\r\n}\r\n\r\n.float-right {\r\n    float: right;\r\n}\r\n\r\n.wrap-form-create-update-chapter {\r\n    padding: 30px !important;\r\n}\r\n\r\n.btn-change {\r\n    border: none;\r\n    background-color: #d7f0fe;\r\n    color: black;\r\n    padding: 0px 4px;\r\n    margin-right: 40px;\r\n}\r\n\r\n.btn-change:hover {\r\n    background-color: #84d7ff;\r\n}\r\n\r\n.action_close_modal {\r\n    margin-bottom: 10px;\r\n    height: 10px;\r\n}\r\n\r\n.upload-file {\r\n    border: 2px solid rgb(168, 167, 167);\r\n    border-style: dashed;\r\n    border-radius: 15px;\r\n}\r\n\r\n.block_upload_file {\r\n    justify-content: center;\r\n    margin: 40px 0;\r\n    text-align: center;\r\n}\r\n\r\n.upload-file {\r\n    padding: 40px 10px;\r\n    text-align: -webkit-center;\r\n}\r\n\r\n.upload-file .tittle {\r\n    margin: 10px 0;\r\n}\r\n\r\n.justify-content-center {\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.block_icon_upload {\r\n    background-color: #d7f0fe;\r\n    padding: 10px 25px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.btn-agree {\r\n    margin-left: 10px;\r\n    background: #0f3dba;\r\n    color: white;\r\n    line-height: 19px;\r\n}\r\n\r\n.wrap-file-data {\r\n    .wrap-left {\r\n        .name-file {\r\n            max-width: 285px;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            margin-left: 5px;\r\n        }\r\n\r\n        .icon-photo {\r\n            width: 30px;\r\n            height: 30px;\r\n        }\r\n    }\r\n\r\n    .wrap-right {\r\n        .size-file {\r\n            margin-right: 5px;\r\n            color: #7a7777;\r\n        }\r\n\r\n        .btn-delete {\r\n            cursor: pointer;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.upload-drag {\r\n    border: 2px dashed #46b5e1 !important;\r\n    opacity: 0.5;\r\n}\r\n\r\n.justify-content-right {\r\n    justify-content: right;\r\n    display: flex;\r\n}\r\n\r\n.btn-delete-question,\r\n.btn-delete-question:hover {\r\n    background-color: red;\r\n    border: red;\r\n    color: white;\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=template&id=36a7e714&scoped=true&\"\nimport script from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=style&index=0&id=36a7e714&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"36a7e714\",\n  null\n  \n)\n\nexport default component.exports","<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\" 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\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\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    },\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            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        }\r\n    },\r\n    mounted() {\r\n        this.getListChapterClassSchool()\r\n    },\r\n    methods: {\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        handleDonePrepareQuestions() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalPrepareQuestions()\r\n        },\r\n        handleDoneModalPrepareQuestions(data) {\r\n            this.documentClassSchoolIdCurrent = data.id\r\n            this.documentNameCurrent = data.name\r\n            this.isShowModalCreateUpdatePrepareQuestions = true\r\n        },\r\n        closeModalPrepareQuestions() {\r\n            this.isShowModalCreateUpdatePrepareQuestions = false\r\n            this.getListChapterClassSchool()\r\n        },\r\n        handleDeleteDocument(item) {\r\n            this.documentClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeleteDocument = true\r\n        },\r\n        handleEditDocument(item) {\r\n            this.documentClassSchoolIdCurrent = item.id\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateDocument = true\r\n        },\r\n        handleDeleteDocumentDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeleteDocument()\r\n        },\r\n        closeModalDeleteDocument() {\r\n            this.isOpenModalDeleteDocument = false\r\n        },\r\n        handleAddDocument(item) {\r\n\r\n            this.documentClassSchoolIdCurrent = 0\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateDocument = true\r\n        },\r\n        handleDoneDocument() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdateDocument()\r\n        },\r\n        closeModalCreateUpdateDocument() {\r\n            this.isOpenModalCreateUpdateDocument = false\r\n        },\r\n        handleDeletePost(item) {\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeletePost = true\r\n        },\r\n        closeModalDeletePost() {\r\n            this.isOpenModalDeletePost = false\r\n        },\r\n        handleDeletePostDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeletePost()\r\n        },\r\n        handleEditPost(item) {\r\n            console.log(`chapter:${item.chapterId},post:${item.id}`)\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdatePoster = true\r\n        },\r\n        handleAddPost(item) {\r\n            //oke\r\n            console.log('chapter:', item.id)\r\n            this.posterClassSchoolIdCurrent = 0\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.chapterSelectCurrent = item\r\n            this.isOpenModalCreateUpdatePoster = true\r\n        },\r\n        handleDonePoster() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdatePoster()\r\n        },\r\n        closeModalCreateUpdatePoster() {\r\n            this.isOpenModalCreateUpdatePoster = false\r\n        },\r\n        closeModalDeleteChapter() {\r\n            this.isOpenModalDeleteChapter = false\r\n        },\r\n        handleDeleteDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeleteChapter()\r\n        },\r\n        handleDeleteChapter(item) {\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeleteChapter = true\r\n        },\r\n        handleEditChapter(item) {\r\n            console.log(item)\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateChapter = true\r\n        },\r\n        handleAddChapter() {\r\n            //set\r\n            this.chapterClassSchoolIdCurrent = 0\r\n            this.isOpenModalCreateUpdateChapter = true\r\n            this.itemChapterCollapse=null\r\n        },\r\n        closeModalCreateUpdateChapter() {\r\n            this.isOpenModalCreateUpdateChapter = false\r\n        },\r\n        handleDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdateChapter()\r\n        },\r\n        getListChapterClassSchool() {\r\n            let self = this\r\n            listChapterClassSchool(this.paramQueryData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.listChapterClassSchool = res.data.list\r\n                    self.listChapterClassSchool.forEach(element => {\r\n                        if (element.id ==(this.itemChapterCollapse?this.itemChapterCollapse.id:0)) {\r\n                            element.isCollapse = true\r\n                        }\r\n                    });\r\n                    self.totalRecords = res.data.paging.totalRecords\r\n                }\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-10 {\r\n    margin-top: 20px;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.icon-plus {\r\n    width: 20px;\r\n    top: 0px !important;\r\n    display: inline-block;\r\n}\r\n\r\n.b-chapter-scroll {\r\n    max-height: 63vh;\r\n    overflow-y: auto;\r\n}\r\n\r\n.b-post-scroll {\r\n    max-height: 30vh;\r\n    overflow-y: auto;\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabContentElectronicLecture.vue?vue&type=template&id=46486646&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=46486646&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  \"46486646\",\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!./PostClassSchool.vue?vue&type=style&index=0&id=a0589dce&lang=scss&scoped=true&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewDocument.vue?vue&type=style&index=0&id=6b40bd03&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeletePost.vue?vue&type=style&index=0&id=3c118577&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app-cke\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{attrs:{\"id\":(\"myQuillEditor_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_q_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"\\n\\t    \\t\\tTải lên media\\n\\t    \\t\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === 'image' ? 'ảnh' : 'media')+\" thông qua link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"form-group form-editor-media position-rel text-center display-flex-center justify-content-center\"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === 'image' ? 'ảnh' : 'media'))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video' ? 'video/mp4,video/x-m4v,video/*' : 'audio/*'},on:{\"change\":_vm.uploadMedia}})])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div id=\"app-cke\" @mouseleave=\"mouseLeave\">\r\n    \t<vue-ckeditor \r\n    \t\t:id=\"`myQuillEditor_${position}`\"\r\n\t      \tv-model=\"content\" \r\n\t      \t:config=\"config\" \r\n\t      \t@blur=\"onBlur($event)\" \r\n\t      \t@focus=\"onFocus($event)\"\r\n\t    />\r\n\t    <b-modal :id=\"`modal_upload_q_${position}`\" hide-footer>\r\n\t    \t<template v-slot:modal-title>\r\n\t    \t\tTải lên media\r\n\t    \t</template>\r\n\t    \t<div class=\"d-block text-center\">\r\n\t    \t\t<div class=\"form-group\">\r\n\t\t\t    \t<label class=\"display-block font-weight-bold\">Tải {{typeUpload === 'image' ? 'ảnh' : 'media'}} thông qua link</label>\r\n\t\t\t    \t<input type=\"text\" class=\"form-control full-width\" ref=\"link_media\">\r\n\t\t    \t</div>\r\n\t\t    \t<p class=\"display-block text-center full-width hr-center position-rel\">\r\n\t\t    \t\t<span class=\"position-rel\">Hoặc</span>\r\n\t\t    \t</p>\r\n\t\t    \t<div class=\"form-group form-editor-media position-rel text-center display-flex-center justify-content-center\">\r\n\t\t    \t\t<span class=\"margin-0\">Tải lên {{typeUpload === 'image' ? 'ảnh' : 'media'}}</span>\r\n\t\t    \t\t<input v-if=\"typeUpload === 'image'\" type=\"file\" name=\"\" id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\" accept=\"image/*\">\r\n\t\t\t\t\t<input \r\n\t\t\t\t\t\tv-else\r\n\t\t\t\t\t\ttype=\"file\" \r\n\t\t\t\t\t\tref=\"upMedia\" \r\n\t\t\t\t\t\t@change=\"uploadMedia\" \r\n\t\t\t\t\t\t:accept=\"typeUpload === 'video' ? 'video/mp4,video/x-m4v,video/*' : 'audio/*'\"\r\n\t\t\t\t\t>\r\n\t\t    \t</div>\r\n\t    \t</div>\r\n\t    </b-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\timport VueCkeditor from 'vue-ckeditor2';\r\n\t// import mixins from '@/helpers/mixins';\r\n\timport { CHANGE_TXT_QUESTION } from '@/store/common/constants';\r\n\timport { mapGetters, mapActions } from 'vuex';\r\n\timport { replaceHtmlMathlive, setAlignImgEditor, fillBlankEditor, convertOldKatexData2Img } from '@/helpers/functions';\r\n\timport { uploadImg } from '@/store/common/api';\r\n\timport { APP_CONFIG } from '@/utils/constants'\r\n\t// const imgVideo = require('@/assets/images/video.png')\r\n\t// const imgAudio = require('@/assets/images/audio.png')\r\n\t// const imgFx = require('@/assets/images/fx.png')\r\n\t// const imgDraw = require('@/assets/images/draw.png')\r\n\tCKEDITOR.plugins.addExternal('ckeditor_wiris', '/libs/mathtype/plugin.js');\r\n\r\n\tif(!CKEDITOR.plugins.get('niw_btn')) {\r\n\t\tCKEDITOR.plugins.add('niw_btn', {\r\n\t\t    init: function(editor) {\r\n\t\t        // Button drawshape\r\n\t\t        // editor.ui.addButton('drawShape', {\r\n\t         //        label: 'Vẽ hình',\r\n\t         //        command: 'drawShape',\r\n\t         //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n\t         //        toolbar: 'insert'\r\n\t         //    });\r\n\r\n\t\t\t\t// Button upload img\r\n\t\t\t\teditor.ui.addButton('uploadImg', {\r\n\t                label: 'Tải hình ảnh',\r\n\t                command: 'uploadImg',\r\n\t                icon: 'https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14',\r\n\t                toolbar: 'insert'\r\n\t            });\r\n\r\n\t\t\t\t// Button upload Video\r\n\t\t\t\teditor.ui.addButton('uploadVideo', {\r\n\t                label: 'Tải video',\r\n\t                command: 'uploadVideo',\r\n\t                icon: 'https://image.flaticon.com/icons/svg/60/60813.svg',\r\n\t                toolbar: 'insert'\r\n\t            });\r\n\r\n\t\t\t\t// Button upload Audio\r\n\t\t\t\teditor.ui.addButton('uploadAudio', {\r\n\t                label: 'Tải audio',\r\n\t                command: 'uploadAudio',\r\n\t                icon: 'https://image.flaticon.com/icons/svg/126/126508.svg',\r\n\t                toolbar: 'insert'\r\n\t            });\r\n\t\t    }\r\n\t\t});\r\n\t}\r\n\r\n\texport default {\r\n\t\tname: 'EditorCK',\r\n\t\t// mixins: [mixins],\r\n\t\tprops: ['contentEditor', 'fillBlank', 'position', 'selectBox', 'toolbar', 'editorHeight'],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tcontent: '',\r\n\t\t\t\teditor: null,\r\n\t\t\t\ttypeUpload: '',\r\n\t\t        visibleModalMedia: false,\r\n\t\t       \tlinkMediaUploaded: '',\r\n\t\t\t\tconfig: {\r\n\t\t\t\t\ttoolbar: [\r\n          \t{ name: 'document', items: [ 'Source'] },\r\n          \t{ name: 'styles', items: [ 'Format', 'Font', 'FontSize' ] },\r\n\t\t\t\t\t\t{ name: 'basicstyles', items: [ 'Bold', 'Italic', 'Underline', 'Strike', 'Subscript', 'Superscript', '-', 'CopyFormatting', 'RemoveFormat' ] },\r\n\t\t\t\t\t\t{ name: 'colors', items: [ 'TextColor', 'BGColor' ] },\r\n\t\t\t\t\t\t{ name: 'paragraph', items: [ 'NumberedList', 'BulletedList', '-', 'Outdent', 'Indent', '-', 'Blockquote', '-', 'JustifyLeft', 'JustifyCenter', 'JustifyRight', 'JustifyBlock', '-', 'BidiLtr', 'BidiRtl'] },\r\n\t\t\t\t\t\t{ name: 'links', items: [ 'Link', 'Unlink', 'Anchor' ] },\r\n\t\t\t\t\t\t{ name: 'insert', items: [ 'Media', 'uploadImg', 'uploadVideo', 'uploadAudio', 'Table', 'HorizontalRule', 'Smiley', 'SpecialChar', 'PageBreak', 'Iframe', 'ckeditor_wiris_formulaEditor','ckeditor_wiris_formulaEditorChemistry' ] },\r\n\t\t\t        ],\r\n\t\t\t        height: 200,\r\n\t\t\t        extraPlugins: 'niw_btn,ckeditor_wiris',\r\n    \t\t\t\tallowedContent: true,\r\n    \t\t\t\tfont_defaultLabel: 'Arial',\r\n\t\t\t\t\tfontSize_defaultLabel: 12,\r\n\t\t\t\t\tcontentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"]\r\n    \t\t\t\t// extraAllowedContent: mathElements.join( ' ' ) + '(*)[*]{*};img[data-mathml,data-custom-editor,role](Wirisformula)'\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomponents: { VueCkeditor },\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({\r\n\t\t      \tmath_value: `common/math_value`,\r\n\t\t      \topen_math: `common/open_math`,\r\n\t\t      \teditor_selection: 'common/editor_selection',\r\n\t\t      \t// draw_shape_data: 'common/draw_shape_data',\r\n\t\t      \ttoggle_draw: 'common/toggle_draw',\r\n\t\t    }),\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\t// draw_shape_data(newVal, oldVal) {\r\n\t\t //    \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n\t\t\t// \t    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n\t\t\t// \t    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n\t\t\t// \t    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n\t\t\t// \t    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n\t\t\t// \t    CKEDITOR.instances[`myQuillEditor_${newVal.position}`].insertHtml(htmlData);\r\n\t\t\t// \t\tthis.setDrawShapeData(null);\r\n\t\t //    \t}\r\n\t\t //    },\r\n\t\t\t'content': 'onChangeContent',\r\n\t\t\t'contentEditor': function(){\r\n\t\t\t\tthis.content = this.contentEditor;\r\n\t\t\t},\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\t// Convert old data use Katex\r\n\t\t\t// this.convertKatex2Img()\r\n\t\t\tthis.content = this.contentEditor ? this.contentEditor : '';\r\n\t\t\tif(this.toolbar !== ''){\r\n\t\t\t\tthis.config.toolbar = this.toolbar;\r\n\t\t\t}\r\n\t\t\tif(this.editorHeight > 0){\r\n\t\t\t\tthis.config.height = this.editorHeight;\r\n\t\t\t}\r\n\t\t},\r\n\t\tmounted() {\r\n\t\t\t// All action for all button\r\n\t\t\tthis.actionNiwBtn();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions(`common`, ['toggleFormMath', 'setContentSelectEditor', 'toggleDrawTool', 'setDrawShapeData']),\r\n\r\n\t\t\tconvertKatex2Img() {\r\n\t\t\t\tif(this.contentEditor) {\r\n\t\t\t\t\tthis.content = convertOldKatexData2Img(this.contentEditor);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tactionNiwBtn() {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tlet editor = CKEDITOR.instances[`myQuillEditor_${self.position}`];\r\n\t\t        // Button drawshape\r\n\t            editor.addCommand(\"drawShape\", {\r\n\t\t\t\t    exec: function(edt) {\r\n\t\t\t\t        self.openDrawTool(self.position);\r\n\t\t\t\t    }\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// Button upload img\r\n\t            editor.addCommand(\"uploadImg\", {\r\n\t\t\t\t    exec: function(edt) {\r\n\t\t\t\t        self.openModalUploadMedia('image')\r\n\t\t\t\t    }\r\n\t\t\t\t});\r\n\r\n\t\t\t\t// Button upload Video\r\n\t            editor.addCommand(\"uploadVideo\", {\r\n\t\t\t\t    exec: function(edt) {\r\n\t\t\t\t        self.openModalUploadMedia('video')\r\n\t\t\t\t    }\r\n\t\t\t\t});\r\n\t\t\t\t// Button upload Audio\r\n\t            editor.addCommand(\"uploadAudio\", {\r\n\t\t\t\t    exec: function(edt) {\r\n\t\t\t\t        self.openModalUploadMedia('audio')\r\n\t\t\t\t    }\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n            onBlur(evt) {\r\n            \tthis.mouseLeave()\r\n\t\t      \t// console.log('Blur: ');\r\n\t\t  //     \tlet html = evt.editor.getData()\r\n\t\t\t\t// let frame = document.querySelector(`#${evt.editor.id}_contents iframe`);\r\n\t\t\t\t// let cntnt = frame.contentWindow.document;\r\n\t\t\t\t// let parag = cntnt.getElementsByTagName(\"p\");\r\n\t\t\t\t// let legthParag = parag.length;\r\n\t\t\t\t// let contentEdit = '';\r\n\t\t\t\t// for(let i = 0; i < legthParag; i++) {\r\n\t\t\t\t// \tcontentEdit += parag[i].outerHTML;\r\n\t\t\t\t// }\r\n\t\t\t\t// console.log(parag.length, contentEdit);\r\n\t\t      \t// this.onEditorChange(evt.editor._.data)\r\n\t\t    },\r\n\t\t    onFocus(evt) {\r\n\t\t    \t// this.mouseLeave()\r\n\t\t  //     \tconsole.log('Focus: ', evt);\r\n\t\t  //     \t// evt.editor.change();\r\n\t\t  //     \tlet frame = document.querySelector(`#${evt.editor.id}_contents iframe`);\r\n\t\t\t\t// let cntnt = frame.contentWindow.document;\r\n\t\t\t\t// let parag = cntnt.getElementsByTagName(\"p\");\r\n\t\t\t\t// let legthParag = parag.length;\r\n\t\t\t\t// let contentEdit = '';\r\n\t\t\t\t// for(let i = 0; i < legthParag; i++) {\r\n\t\t\t\t// \tcontentEdit += parag[i].outerHTML;\r\n\t\t\t\t// }\r\n\t\t\t\t// // console.log(parag.length, contentEdit, evt.editor._.data);\r\n\t\t\t\t// // console.log(CKEDITOR.plugins.externals.ckeditor_wiris, CKEDITOR.dialog.on('ckeditor_wiris'));\r\n\t\t  //     \tthis.onEditorChange(contentEdit)\r\n\t\t      \t// document.getElementById(\"app-cke\").click();\r\n\r\n\t\t      \t// this.onEditorChange(evt.editor._.data)\r\n\t\t      \t// this.mouseLeave()\r\n\t\t    },\r\n\r\n\t\t    mouseLeave() {\r\n\t\t    \t// console.log('Mouse leave: ');\r\n\t\t    \tlet frame = document.querySelector(`#cke_myQuillEditor_${this.position} iframe`);\r\n\t\t    \tif(frame){\r\n\t\t\t\t\tlet cntnt = frame.contentWindow.document;\r\n\t\t\t\t\t// let parag = cntnt.getElementsByTagName(\"p\");\r\n\t\t\t\t\tlet parag = cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n\t\t\t\t\tlet legthParag = parag.length;\r\n\t\t\t\t\tlet contentEdit = '';\r\n\t\t\t\t\tif(legthParag > 0) {\r\n\t\t\t\t\t\tfor(let i = 0; i < legthParag; i++) {\r\n\t\t\t\t\t\t\tcontentEdit += parag[i].outerHTML;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t\t// console.log('AAAAAAAAAA', parag.length, contentEdit);\r\n\t\t\t\t\tthis.onEditorChange(contentEdit)\r\n\t\t    \t}\r\n\t\t    },\r\n\r\n\t\t    onChangeContent(val) {\r\n\t\t\t\tlet editor = CKEDITOR.instances[`myQuillEditor_${this.position}`];\r\n\t\t\t\tif(val == editor.getData()){\r\n\t\t\t\t\teditor && this.onEditorChange(editor._.data)\r\n\t\t    \t\teditor && this.onEditorChange(editor.getData())\r\n\t\t\t\t}\r\n\t\t    },\r\n\r\n\t\t    onEditorChange(html) {\r\n\t\t    \t//console.log('onchange', data);\r\n\t\t\t\tlet data = {html, position: this.position};\r\n\t\t\t\tthis.$emit(`onEditorChange`, data);\r\n\t\t\t},\r\n\t\t\tuploadImage(evt) {\r\n\t\t\t\tlet self = this;\r\n        console.log('UPload file:', evt);\r\n\t\t\t\t\r\n\t\t\t\t// const files = evt.target.files[0];\r\n\t\t\t\t// if (files) {\r\n\t\t\t\t\tuploadImg(evt).then(res => {\r\n            console.log('Upload success: ', APP_CONFIG, res);\r\n\t\t\t\t\t\tlet linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n\t\t\t\t\t\t\t// console.log('2222222222222222222222',linkImg);\r\n    \t\t\t\tlinkImg && self.insertEmbedEditor('image', linkImg);\r\n\t\t\t\t\t})\r\n\t\t\t\t// }\r\n\t\t\t},\r\n\r\n\t\t    openMathKeyboard(editor) {\r\n\t\t\t\tthis.toggleFormMath({visible: true, editor});\r\n\t\t\t},\r\n\r\n\t\t\taddFillBlankQuestion(type = 'blank') {\r\n\t\t\t\tfillBlankEditor(type, `myQuillEditor_${this.position}`);\r\n\t\t\t},\r\n\r\n\t\t\topenModalUploadMedia(type) {\r\n\t\t\t\tthis.typeUpload = type;\r\n\t\t\t\t// this.visibleModalMedia = true;\r\n\t\t\t\tthis.$bvModal.show(`modal_upload_q_${this.position}`)\r\n\t\t\t},\r\n\r\n\t\t\tinsertEmbedEditor(type = 'image', link, embed = false) {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tlet htmlData;\r\n\t\t\t\tif(type === 'image') {\r\n\t\t\t\t\thtmlData = `<img src=\"${link}\">`\r\n\t\t\t\t} else if (type === 'video') {\r\n\t\t\t\t\tif(embed && link.includes('youtube')) {\r\n\t\t\t\t\t\thtmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`\r\n\t\t\t\t\t} else if (embed && link.includes('vimeo')) {\r\n\t\t\t\t\t\thtmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`\r\n\t\t\t\t\t} else {\r\n\t\t\t\t\t\thtmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else if (type === 'audio') {\r\n\t\t\t\t\thtmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n\t\t\t\t}\r\n\t\t\t\tCKEDITOR.instances[`myQuillEditor_${self.position}`].insertHtml(htmlData);\r\n\t\t\t\t\r\n\t\t        if(type === 'image') {\r\n\t\t        \tself.$refs.upImg.value = '';\r\n\t\t        } else {\r\n\t\t        \tself.$refs.link_media.value = '';\r\n\t\t\t\t\tself.$refs.upMedia.value = '';\r\n\t\t        }\r\n\t\t        this.$bvModal.hide(`modal_upload_q_${this.position}`)\r\n\t\t        // self.visibleModalMedia = false;\r\n\t\t\t},\r\n\r\n\t\t\tuploadMedia(evt) {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\t// self.visibleModalMedia = false;\r\n\t\t\t\t// const files = evt.target.files[0];\r\n\t\t\t\t// console.log(files);\r\n\t\t\t\t// if (files) {\r\n\t\t\t\t\tuploadImg(evt).then(res => {\r\n\t\t\t\t\t\t// console.log(res);\r\n\t\t\t\t\t\t// let quill = self.$refs[`myQuillEditor_${this.position}`].quill\r\n    \t\t\t\t\t// let index = quill.getSelection() ? quill.getSelection().index : 0;\r\n    \t\t\t\t\tlet linkImg = res;\r\n    \t\t\t\t\t// quill.insertEmbed(index, 'video', linkImg)\r\n\t\t\t\t     //    quill.setSelection(index + 1)\r\n\t\t\t\t     //    this.$refs.upImg.value = '';\r\n\t\t\t\t\t})\r\n\t\t\t\t// }\r\n\t\t\t},\r\n\r\n\t\t\thandleDoneUpload() {\r\n\t\t\t\t// console.log('Done: ', this.$refs);\r\n\t\t\t\tlet linkSocial = this.$refs.link_media.value;\r\n\t\t\t\tlet linkMedia = linkSocial;\r\n\t\t\t\tlet embedVideo = false;\r\n\t\t\t\tif(linkSocial && linkSocial !== undefined) {\r\n\t\t\t\t\tif( linkSocial.includes('youtube') ) {\r\n\t\t\t\t\t\tlet linkYT = linkSocial.split('.com/watch?v=');\r\n\t\t                linkMedia = linkYT[0] + '.com/embed/' + linkYT[1];\r\n\t\t                embedVideo = true;\r\n\t\t\t\t\t} else if ( linkSocial.includes('vimeo') ) {\r\n\t\t\t\t\t\tlet linkVM = link.split('vimeo.com/');\r\n\t                \tlinkMedia = linkVM[0] + 'player.vimeo.com/video/' + linkVM[1];\r\n\t                \tembedVideo = true;\r\n\t\t\t\t\t}\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlinkMedia = this.linkMediaUploaded;\r\n\t\t\t\t}\r\n\t\t\t\tconsole.log(linkMedia);\r\n\t\t\t\t\r\n\t\t        linkMedia && this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n\t\t        // this.visibleModalMedia = false;\r\n\t\t\t},\r\n\r\n\t\t\thandleCancelUpload() {\r\n\t\t\t\tif(this.$refs.link_media && this.$refs.link_media.value) {\r\n\t\t\t\t\tthis.$refs.link_media.value = '';\r\n\t\t\t\t}\r\n\t\t\t\tif(this.$refs.upMedia && this.$refs.upMedia.value) {\r\n\t\t\t\t\tthis.$refs.upMedia.value = '';\r\n\t\t\t\t}\r\n\t\t\t\tthis.$bvModal.hide(`modal_upload_q_${this.position}`)\r\n\t\t\t\t// this.visibleModalMedia = false;\r\n\t\t\t\tthis.toggleFormMath({visible: false, editor: null});\r\n\t\t\t},\r\n\r\n\t\t\topenDrawTool(location) {\r\n\t\t\t\tthis.toggleDrawTool(true);\r\n\t\t\t\tthis.setDrawShapeData({position: location, type: 'question'});\r\n\t\t\t},\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.editor-modal-media {\r\n\t\tlabel {\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t}\r\n\t\tinput {\r\n\t\t\tmin-width: 100%;\r\n\t\t}\r\n\t\t.hr-center {\r\n\t\t\tmargin: 15px 0;\r\n\r\n\t\t\t&:before {\r\n\t\t\t\tcontent: \"\";\r\n\t\t\t\theight: 1px;\r\n\t\t\t\twidth: 60%;\r\n\t\t\t\tbackground: #ccc;\r\n\t\t\t\tposition: absolute;\r\n\t\t\t\ttop: 50%;\r\n\t\t\t\tleft: 0;\r\n\t\t\t\tright: 0;\r\n\t\t\t\tmargin: 0 auto;\r\n\t\t\t}\r\n\r\n\t\t\tspan {\r\n\t\t\t\tpadding: 0 20px;\r\n\t\t\t\tbackground: #fff;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.form-editor-media {\r\n\t\t\twidth: 120px;\r\n\t\t    height: 120px;\r\n\t\t    border: 1px solid #d1d1d1;\r\n\t\t    margin: 0 auto;\r\n\r\n\t\t    input {\r\n\t\t    \tposition: absolute;\r\n\t\t    \ttop: 0;\r\n\t\t    \tleft: 0;\r\n\t\t    \twidth: 100%;\r\n\t\t    \theight: 100%;\r\n\t\t    \topacity: 0;\r\n\t\t    \tcursor: pointer;\r\n\t\t    }\r\n\t\t}\r\n\t}\r\n\t.cke_button__uploadvideo {background: red;}\r\n\t.cke_button__uploadvideo .cke_label{display:inline;}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorCK.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorCK.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EditorCK.vue?vue&type=template&id=e7adb8ee&scoped=true&\"\nimport script from \"./EditorCK.vue?vue&type=script&lang=js&\"\nexport * from \"./EditorCK.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EditorCK.vue?vue&type=style&index=0&id=e7adb8ee&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"e7adb8ee\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EditorCK.vue?vue&type=style&index=0&id=e7adb8ee&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewInformation.vue?vue&type=style&index=0&id=d845a594&lang=scss&scoped=true&\""],"sourceRoot":""}