{"version":3,"sources":["webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue?9bed","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?3e12","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?cf67","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue?cbcc","webpack:///./src/components/EdittorCKAnswerNew.vue?51bd","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue?eb02","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue?2d6f","webpack:///./src/modules/class-school/_api/chapterClassSchoolServices.js","webpack:///./src/components/EdittorCKAnswer.vue?946d","webpack:///src/components/EdittorCKAnswer.vue","webpack:///./src/components/EdittorCKAnswer.vue?d226","webpack:///./src/components/EdittorCKAnswer.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?5c42","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?fed0","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?8ce1","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue?fb16","webpack:///./src/components/EdittorCKAnswer.vue?0a9c","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?e8b3","webpack:///src/modules/class-school/_components/ModalViewDocument.vue","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?c93f","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue","webpack:///./src/directives/debounce.js","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?87f7","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?7b0f","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?cc71","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue?2e4f","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue?b808","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateChapter.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue?3987","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue?1c90","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ChapterClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue?c957","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue?6f38","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue?5968","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue?509f","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteChapter.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue?87f8","webpack:///./src/modules/class-school/_api/postClassSchoolServices.js","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue?5233","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePost.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue?8800","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue?4a73","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeletePost.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue?6c2f","webpack:///./src/modules/class-school/_api/documentClassSchoolServices.js","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue?7ed4","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue?63df","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/ModalViewInformation.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue?691d","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdateDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?3a02","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?0ea6","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?ad88","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue?394d","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalDeleteDocument.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?5ea0","webpack:///./src/components/EdittorCKAnswerNew.vue?1aff","webpack:///src/components/EdittorCKAnswerNew.vue","webpack:///./src/components/EdittorCKAnswerNew.vue?47f4","webpack:///./src/components/EdittorCKAnswerNew.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue?65b8","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalCreateUpdatePrepareQuestions.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?0dfc","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue?9647","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/ModalLectureLibrary.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue?615a","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/TabContentElectronicLecture.vue","webpack:///src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue?18c4","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/DetailElectronicLectureWarehouse.vue","webpack:///./src/modules/class-school/_components/ModalViewDocument.vue?399c","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/DocumentClassSchool.vue?a573","webpack:///./src/modules/class-school/teacher_prepare_document/lesson_component/_components/PostClassSchool.vue?33cc","webpack:///./src/modules/class-school/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","debounce","delay","timeoutID","clearTimeout","args","arguments","that","setTimeout","apply","directive","el","binding","oldValue","oninput","dispatchEvent","Event","parseInt","module","exports","nameLecture","isEditNameLesson","nameLesson","handleCancelEditNameLesson","handleUpdateName","dataElectronicLecture","Number","isEdit","handleEditNameLesson","_e","tabActive","tabInfo","handleOnChangeTab","ELECTRONIC_LECTURE_WAREHOUSE","getDetailLessonClassSchool","tabContent","tabDocument","handleAddChapter","length","_l","index","handleDeleteChapter","handleEditChapter","handleAddPost","handleToggerCollapse","isCollapse","indexPost","handleEditPost","handleDeletePost","handleAddDocument","document","indexDocument","handleEditDocument","handleViewDocument","handleDeleteDocument","paramQueryData","chapterClassSchoolIdCurrent","closeModalCreateUpdateChapter","handleDone","handleDeleteDone","closeModalDeleteChapter","posterClassSchoolIdCurrent","closeModalCreateUpdatePoster","handleDonePoster","handleDeletePostDone","closeModalDeletePost","documentClassSchoolIdCurrent","handleDoneModalPrepareQuestions","handleShowModalLectureLibrary","closeModalCreateUpdateDocument","handleDoneDocument","handleDeleteDocumentDone","closeModalDeleteDocument","documentNameCurrent","closeModalPrepareQuestions","handleDonePrepareQuestions","itemSelected","closeModalViewDocument","dataDocumment","handleDoneModalLectureLibrary","closeModalLectureLibrary","resetModal","getNameTitle","preventDefault","handleSave","form","$set","$v","required","submitted","isDisabled","chapterId","lessonClassSchoolId","validations","getDetailChapterClassSchool","toggleModal","listPostClassSchool","_t","handleDelete","isDisabledButton","posterId","savePostClassSchool","deletePostClassSchool","getDetailPostClassSchool","listTypeDocument","handleOnChangeTypeDocument","onChangeUploadFile","file","fileName","typeDocument","formatSizeFile","sizeFile","handleOnRemoveFile","class","isDragging","dragoverUploadFile","dragleaveUploadFile","dropUploadFile","onUploadFile","directives","rawName","domProps","target","composing","isOpenModalView","getNameCommit","saveDocumentClassSchool","headers","saveDocument","deleteDocumentClassSchool","updateNameDocument","getListBookLessonPlan","ModalViewInformation","postId","documentId","pathFile","REFERENCE_LECTURE","text","getDetailQuestion","topicName","withSize","heightSize","fileQuestion","fileData","url","listAnswer","idClient","isTrue","fileAnswer","console","checkType","getDetailDocumentClassSchool","formData","path","nameTypeDocument","staticStyle","isEditNameDocument","nameDocument","handleCancelEditNameDocument","handleUpdateNameDocument","handleEditNameDocument","tabCreateQuestion","handleChangeTab","listQuestionSave","handleAddQuestion","question","saveQuestion","onEditorChangeQuestion","answer","indexAnswer","code","onEditorChangeAnswer","style","onDeleteFileAnswer","refInFor","changeImgAnswer","handUploadImageAnswer","onDeleteAnswer","handleAddAnswer","handleOnDeleteQuestion","handleEditQuestion","tabUploadDocx","formWord","handleHideModalConfim","handleConfimModal","documentName","EditorCK","EditorCKNew","EdittorCKAnswer","EdittorCKAnswerNew","listQuestion","cdnUrl","listAnswerDelete","question_img_size","answer_key_text","getKeyText","numberQuestion","tab","addData","sizeImage","generateUUID","d","getQuestionByDoc","isValid","saveListQuestion","saveLessonQuestionClassSchool","answerDefault","questionSeleced","itemSelectd","itemCurrent","Id","Name","uploadFileLessonQuestionClassSchool","deleteLessonQuestionClassSchool","modifiers","listDataClass","handleChangeClassId","listDataSubject","handleChangeSubjectId","listBookType","totalRecords","handleScroll","title","handleView","handleClickBookLesson","dataItemView","ModalViewDocument","isOpenModalViewDocument","statusSearch","listDataBookLesson","totalPage","keyword","pageIndex","pageSize","subjectId","classId","listBookTypeId","listQuestionAdd","dataDocument","bookLessonPlanId","getListData","handleSearchData","handleChangeBookTypeId","resetData","handleOnFilter","getTypesFilter","getAllTypeFilter","GetAllClass","getAllClassFilter","ModalCreateUpdateChapter","ChapterClassSchool","PostClassSchool","ModalDeleteChapter","ModalCreateUpdatePost","ModalDeletePost","ModalCreateUpdateDocument","DocumentClassSchool","ModalDeleteDocument","ModalCreateUpdatePrepareQuestions","draggable","vueCustomScrollbar","ModalLectureLibrary","dragging","isOpenModalCreateUpdateChapter","isOpenModalCreateUpdatePoster","isOpenModalCreateUpdateDocument","isOpenModalDeleteDocument","isOpenModalLectureLibrary","isOpenModalDeleteChapter","isOpenModalDeletePost","isShowModalCreateUpdatePrepareQuestions","chapterSelectCurrent","itemChapterCollapse","window","onChangeDrag","event","onDragStart","onDragEnd","listOrder","listParams","orderNo","getListChapterClassSchool","element","TabInfoElectronicLecture","TabContentElectronicLecture","TabAttachment","PLANING_LESSON_WAREHOUSE","bookTypeId","numberLesson","description","isPublic","authInfo","roleTeacher","roleHocSinh","saveLessonClassSchool","openMathKeyboard"],"mappings":"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Me,OACfC,uBAEAC,sEACArD,KAJA,WAKA,OACA4B,WACAmB,YACAT,cACAgB,qBACAC,uBAGAC,YACAC,oBAEAC,gBACAC,gBACAC,+BACAC,6BACAC,2CAEAC,oCANA,IAQA3C,OARA,WASA,8BAGA4C,OAYApC,2BAEAqC,QA1CA,WA6CA,uDAEAC,QA/CA,WAiDA,qBAEAC,eACAC,yBACA,iBACA,yBACA,iBACA,sBALA,IAQAC,iBARA,WASA,qBACA,kDAIAC,aAdA,WAeA,OACAlB,cACAmB,OACA,YACA,QACA,cACA,SACA,+BACA,0CA+BA,OA5BA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,YACA,+BACA,2CAIA,iBACAC,GACApB,cACAmB,OACA,YACA,QACA,cACA,SACA,aACA,+BACA,2CAIA,CACApB,SACA,CACAC,mBACAmB,OACA,OACA,SACA,YACA,SACA,YACA,cACA,IACA,iBACA,iBAGA,CAAAnB,cAAAmB,+BACA,CACAnB,iBACAmB,OACA,eACA,eACA,IACA,cACA,gBACA,eACA,iBAGA,CAAAnB,aAAAmB,yBACAC,GAEAC,WACAC,6CACAC,kBACAC,0BACAC,yBACAC,+DAIAC,aA/FA,WAgGA,WACA,iEAEAhC,0BACAiC,iBACAC,8BAKAlC,0BACAiC,iBACAC,4BAIAlC,2BACAiC,iBACAC,oCAKAlC,0BACAiC,iBACAC,oCAKA3D,OA9HA,SA8HA4D,GACA,mBAIA3D,QAnIA,SAmIA2D,KAMAhE,WAzIA,WA2IA,iEACA,cADA,YAGA,MACA,+BAEA,EACAiE,+CACA,WACA,KACA,OACA,oBACAC,kBAIA,yBAIAC,gBA/JA,SA+JAC,GACA,wEACAvC,kCAGAwC,eApKA,SAoKAC,GACA,kBACA,OAAAA,OAAArE,wBAEA,iCAIAqB,YA5KA,SA4KA0C,GACA,WAGAO,oCACA,6CACAC,sCAKAC,qBAvLA,WAuLA,qEACAC,iEAGAC,qBA3LA,SA2LAC,GACA,kBACA,8DAIAC,kBAjMA,WAiMA,IAEA,EAFA,oKACA,OAEA,YACAC,8BACA,YAEAA,EADA,yBACAA,iLACA,uBACAA,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,6CCnBf,W,6DCAA,W,2GCAA,W,oCCAA,W,kCCAA,W,yDCAA,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,mDCnBf,SAASoB,EAAS3F,EAAI4F,GAClB,IAAIC,EAAY,KAChB,OAAO,WACHC,aAAaD,GACb,IAAIE,EAAOC,UACPC,EAAOvH,KACXmH,EAAYK,YAAW,WACnBlG,EAAGmG,MAAMF,EAAMF,KAChBH,IAMX,SAASQ,EAAUC,EAAIC,GACfA,EAAQ9G,QAAU8G,EAAQC,WAC1BF,EAAGG,QAAUJ,EAAUT,UAAS,SAAS1C,GACrCoD,EAAGI,cAAc,IAAIC,MAAM,aAC5BC,SAASL,EAAQ9G,QAAU,MANtC4G,EAAUT,SAAWA,EAUrBiB,EAAOC,QAAUT,G,kCCtBjB,W,uFCAA,IAAI5H,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,EAAIqI,iBAAiB,SAASjI,EAAG,MAAM,CAACsB,YAAY,aAAa,CAACtB,EAAG,MAAM,CAACsB,YAAY,mBAAmB,CAAG1B,EAAIsI,iBAAuPlI,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,EAAIuI,WAAWtH,GAAKE,WAAW,iBAAiB,GAAGf,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,IAAI,CAACsB,YAAY,4CAA4CpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAIwI,6BAA6B,CAACxI,EAAIwB,GAAG,SAASpB,EAAG,IAAI,CAACsB,YAAY,wCAAwCpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIyI,sBAAsB,CAACzI,EAAIwB,GAAG,kBAAt6BpB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI0I,sBAAsBhG,SAAgC,GAAtBiG,OAAO3I,EAAI4I,QAAcxI,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,SAA0BC,GAAG,CAAC,MAAQP,EAAI6I,wBAAwB7I,EAAI8I,SAA4tB1I,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,YAAY,OAASN,EAAI+I,WAAa/I,EAAIgJ,SAASzI,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIiJ,kBAAkBjJ,EAAIgJ,YAAY,CAAEhJ,EAAI+I,WAAa/I,EAAIgJ,SAAWhJ,EAAI0I,sBAAsBhG,KAAMtC,EAAG,2BAA2B,CAACE,MAAM,CAAC,KAAON,EAAIkJ,6BAA6B,sBAAwBlJ,EAAI0I,sBAAsB,OAASC,OAAO3I,EAAI4I,SAASrI,GAAG,CAAC,2BAA6BP,EAAImJ,8BAA8BnJ,EAAI8I,MAAM,GAAG1I,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,WAAW,OAASN,EAAI+I,WAAa/I,EAAIoJ,YAAY7I,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIiJ,kBAAkBjJ,EAAIoJ,eAAe,CAAEpJ,EAAI+I,WAAa/I,EAAIoJ,YAAcpJ,EAAI0I,sBAAsBhG,KAAMtC,EAAG,8BAA8B,CAACE,MAAM,CAAC,KAAON,EAAIkJ,6BAA6B,sBAAwBlJ,EAAI0I,sBAAsB,OAASC,OAAO3I,EAAI4I,WAAW5I,EAAI8I,MAAM,GAAG1I,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,oBAAoB,OAASN,EAAI+I,WAAa/I,EAAIqJ,aAAa9I,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIiJ,kBAAkBjJ,EAAIqJ,gBAAgB,CAAErJ,EAAI+I,WAAa/I,EAAIqJ,aAAerJ,EAAI0I,sBAAsBhG,KAAMtC,EAAG,gBAAgB,CAACE,MAAM,CAAC,KAAON,EAAIkJ,6BAA6B,sBAAwBlJ,EAAI0I,sBAAsB,OAASC,OAAO3I,EAAI4I,WAAW5I,EAAI8I,MAAM,IAAI,IAAI,MAC7xF7G,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,EAAI4I,OAAaxI,EAAG,IAAI,CAACsB,YAAY,4EAA4EpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAIsJ,mBAAmB,CAAClJ,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAA4BF,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAAkCN,EAAIwB,GAAG,iDAAiDxB,EAAI8I,SAAU9I,EAAIP,uBAAuB8J,OAAS,EAAGnJ,EAAG,qBAAqB,CAACsB,YAAY,oBAAoB1B,EAAIwJ,GAAIxJ,EAA0B,wBAAE,SAAS+F,EAAK0D,GAAO,OAAOrJ,EAAG,qBAAqB,CAACkB,IAAImI,EAAMnJ,MAAM,CAAC,KAAOyF,EAAK,OAAS/F,EAAI4I,QAAQrI,GAAG,CAAC,oBAAsBP,EAAI0J,oBAAoB,kBAAoB1J,EAAI2J,kBAAkB,cAAgB3J,EAAI4J,cAAc,qBAAuB5J,EAAI6J,sBAAsBzI,YAAYpB,EAAIqB,GAAG,CAAC,CAACC,IAAI,OAAOC,GAAG,WAAW,MAAO,CAACnB,EAAG,aAAa,CAACsB,YAAY,OAAOpB,MAAM,CAAC,QAAUyF,EAAK+D,aAAa,CAAC1J,EAAG,qBAAqB,CAACsB,YAAY,iBAAiB1B,EAAIwJ,GAAIzD,EAAwB,qBAAE,SAAS5G,EAAK4K,GAAW,OAAO3J,EAAG,kBAAkB,CAACkB,IAAIyI,EAAUzJ,MAAM,CAAC,KAAOnB,EAAK,OAASa,EAAI4I,QAAQrI,GAAG,CAAC,eAAiBP,EAAIgK,eAAe,iBAAmBhK,EAAIiK,iBAAiB,kBAAoBjK,EAAIkK,mBAAmB9I,YAAYpB,EAAIqB,GAAG,CAAC,CAACC,IAAI,WAAWC,GAAG,WAAW,OAAOvB,EAAIwJ,GAAIrK,EAA4B,yBAAE,SAASgL,EAASC,GAAe,OAAOhK,EAAG,sBAAsB,CAACkB,IAAI8I,EAAc9J,MAAM,CAAC,KAAO6J,EAAS,OAASnK,EAAI4I,QAAQrI,GAAG,CAAC,mBAAqBP,EAAIqK,mBAAmB,mBAAqBrK,EAAIsK,mBAAmB,qBAAuBtK,EAAIuK,4BAA2B9I,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,EAAIwK,eAAepF,KAAK,UAAYpF,EAAIyK,6BAA6BlK,GAAG,CAAC,WAAaP,EAAI0K,8BAA8B,WAAa1K,EAAI2K,cAAc3K,EAAI8I,KAAM9I,EAA4B,yBAAEI,EAAG,qBAAqB,CAACE,MAAM,CAAC,UAAYN,EAAIyK,6BAA6BlK,GAAG,CAAC,iBAAmBP,EAAI4K,iBAAiB,WAAa5K,EAAI6K,2BAA2B7K,EAAI8I,KAAM9I,EAAiC,8BAAEI,EAAG,wBAAwB,CAACE,MAAM,CAAC,UAAYN,EAAIyK,4BAA4B,SAAWzK,EAAI8K,4BAA4BvK,GAAG,CAAC,WAAaP,EAAI+K,6BAA6B,WAAa/K,EAAIgL,oBAAoBhL,EAAI8I,KAAM9I,EAAyB,sBAAEI,EAAG,kBAAkB,CAACE,MAAM,CAAC,SAAWN,EAAI8K,4BAA4BvK,GAAG,CAAC,iBAAmBP,EAAIiL,qBAAqB,WAAajL,EAAIkL,wBAAwBlL,EAAI8I,KAAM9I,EAAmC,gCAAEI,EAAG,4BAA4B,CAACE,MAAM,CAAC,UAAYN,EAAIyK,4BAA4B,OAASzK,EAAI8K,2BAA2B,WAAa9K,EAAImL,8BAA8B5K,GAAG,CAAC,gCAAkCP,EAAIoL,gCAAgC,8BAAgCpL,EAAIqL,8BAA8B,WAAarL,EAAIsL,+BAA+B,WAAatL,EAAIuL,sBAAsBvL,EAAI8I,KAAM9I,EAA6B,0BAAEI,EAAG,sBAAsB,CAACE,MAAM,CAAC,WAAaN,EAAImL,8BAA8B5K,GAAG,CAAC,iBAAmBP,EAAIwL,yBAAyB,WAAaxL,EAAIyL,4BAA4BzL,EAAI8I,KAAM9I,EAA2C,wCAAEI,EAAG,oCAAoC,CAACE,MAAM,CAAC,aAAeN,EAAI0L,oBAAoB,WAAa1L,EAAImL,8BAA8B5K,GAAG,CAAC,WAAaP,EAAI2L,2BAA2B,WAAa3L,EAAI4L,8BAA8B5L,EAAI8I,KAAM9I,EAA2B,wBAAEI,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAON,EAAI6L,cAActL,GAAG,CAAC,WAAaP,EAAI8L,0BAA0B9L,EAAI8I,KAAM9I,EAA6B,0BAAEI,EAAG,sBAAsB,CAACE,MAAM,CAAC,KAAON,EAAI+L,eAAexL,GAAG,CAAC,WAAaP,EAAIgM,8BAA8B,WAAahM,EAAIiM,4BAA4BjM,EAAI8I,MAAM,IAC9mI,EAAkB,G,YCDlB,EAAS,WAAa,IAAI9I,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,EAAIkM,aAAa,CAAC9L,EAAG,MAAM,CAACsB,YAAY,6CAA6C,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAImM,mBAAmB/L,EAAG,SAAS,CAACE,MAAM,CAAC,GAAK,8BAA8BC,GAAG,CAAC,OAAS,SAASI,GAAgC,OAAxBA,EAAOyL,iBAAwBpM,EAAIqM,WAAW3E,MAAM,KAAMH,cAAc,CAACnH,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,EAAIsM,KAAS,KAAEtL,SAAS,SAAUC,GAAMjB,EAAIuM,KAAKvM,EAAIsM,KAAM,OAAQrL,IAAME,WAAW,gBAAiBnB,EAAIwM,GAAGF,KAAK5J,KAAK+J,UAAYzM,EAAI0M,UAAWtM,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,8FAA8FxB,EAAI8I,MAAM,OAAO1I,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,EAAI2M,aAAa,CAAC3M,EAAIwB,GAAG,6BAA6BxB,EAAI2B,GAAG3B,EAAI4M,UAAY,EAAI,WAAa,YAAY,iCAAiC,MAAM,IAC75D,EAAkB,G,wBC2CP,GACfjK,OACAiK,WACAxH,YACAc,WAEAd,MACAA,YACAc,YAGA5G,KAXA,WAYA,OACAqN,cACAxG,iBACAuG,aACAtG,aACAkG,MACA3M,KACAkN,sBACAnK,WAIAoK,YAxBA,WAyBA,OACAR,MACA5J,MACA+J,2BAKAzJ,UACAgE,YADA,WAEA,0BAEAmF,aAJA,WAKA,0DAGA3I,QAzCA,WA0CA,mDACA,kBAEA,mCAEA,wBAEAC,SACAsJ,4BADA,WAEA,WACArN,iDACA,uBACA6E,QACA5E,aACAkN,+CACAnK,uBAKA2J,WAbA,WAaA,WACA,OACA,kBACA,mBACA9H,gBACAxF,4CACA,uBACA,YACAwF,+CAEAA,+CAGAA,gBAEAA,qBAIA2H,WAhCA,WAiCA,kBACA,WACAvM,KACA+C,UAGAiI,WAvCA,WAwCA,uBACA,0BAEAqC,YA3CA,WA8CA,sEAEAhH,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,EAAI6J,uBAAuB,CAAE7J,EAAI+F,KAAKkH,oBAAoB1D,OAAS,EAAGnJ,EAAG,MAAM,CAACsB,YAAY,kBAAkBpB,MAAM,CAAC,IAAM,EAAQ,WAAkCN,EAAI8I,KAAK9I,EAAIwB,GAAG,6CAA6CpB,EAAG,KAAK,CAACsB,YAAY,gBAAgB,CAAC1B,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI+F,KAAKrD,aAAatC,EAAG,MAAM,CAACsB,YAAY,yDAAyD,CAAgB,GAAd1B,EAAI4I,OAAaxI,EAAG,SAAS,CAACsB,YAAY,wHAAwHpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAI4J,gBAAgB,CAAC5J,EAAIwB,GAAG,8CAA8CxB,EAAI8I,KAAoB,GAAd9I,EAAI4I,OAAaxI,EAAG,SAAS,CAACsB,YAAY,2GAA2GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAI2J,oBAAoB,CAAC3J,EAAIwB,GAAG,oDAAoDxB,EAAI8I,KAAoB,GAAd9I,EAAI4I,OAAaxI,EAAG,SAAS,CAACsB,YAAY,6GAA6GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAI0J,sBAAsB,CAAC1J,EAAIwB,GAAG,gDAAgDxB,EAAI8I,SAAS9I,EAAIkN,GAAG,SAAS,IAC5iD,EAAkB,GCoCP,GACfvK,OACAoD,MACAX,YAEAc,YAEA0C,QACAxD,YACAc,YAGA5G,KAZA,WAaA,OACA8G,eAGA3C,SACAoG,qBADA,SACA9D,GACA,8CAEA6D,cAJA,WAKA,uCAEAD,kBAPA,WAQA,2CAEAD,oBAVA,WAWA,+CCjEwZ,ICQpZ,G,WAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAI1J,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,EAAI4I,OAAaxI,EAAG,SAAS,CAACsB,YAAY,2GAA2GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIkK,oBAAoB,CAAClK,EAAIwB,GAAG,oDAAoDxB,EAAI8I,KAAoB,GAAd9I,EAAI4I,OAAaxI,EAAG,SAAS,CAACsB,YAAY,2GAA2GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIgK,iBAAiB,CAAChK,EAAIwB,GAAG,iDAAiDxB,EAAI8I,KAAoB,GAAd9I,EAAI4I,OAAaxI,EAAG,SAAS,CAACsB,YAAY,6GAA6GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIiK,mBAAmB,CAACjK,EAAIwB,GAAG,6CAA6CxB,EAAI8I,SAAS9I,EAAIkN,GAAG,aAAa,IACjtC,EAAkB,GC4BP,GACfvK,OACAoD,MACAX,YAEAc,YAEA0C,QACAxD,YACAc,YAGA5G,KAZA,WAaA,OACA8G,eAGA3C,SACAyG,kBADA,WAEA,2CAEAF,eAJA,WAKA,wCAEAC,iBAPA,WAQA,4CCtDqZ,ICQjZ,G,UAAY,eACd,EACA,EACA,GACA,EACA,KACA,WACA,OAIa,I,QCnBX,EAAS,WAAa,IAAIjK,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,EAAImN,kBAAkB,CAACnN,EAAIwB,GAAG,mBAAmB,IAC57B,EAAkB,GCsBP,GACfkB,8BACAC,OACAiK,WACAxH,YACAc,WAEAxD,MACA0C,YACAc,aAGA5G,KAZA,WAaA,OACA6G,iBACAC,eAGA5C,QAlBA,WAmBA,wBAEAR,UACAgE,YADA,WAEA,2BAIAvD,SAEA0J,aAFA,WAEA,WACA,OACAtN,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,EAAIkM,aAAa,CAAC9L,EAAG,MAAM,CAACsB,YAAY,6CAA6C,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAImM,mBAAmB/L,EAAG,SAAS,CAACE,MAAM,CAAC,GAAK,8BAA8BC,GAAG,CAAC,OAAS,SAASI,GAAgC,OAAxBA,EAAOyL,iBAAwBpM,EAAIqM,WAAW3E,MAAM,KAAMH,cAAc,CAACnH,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,EAAIsM,KAAS,KAAEtL,SAAS,SAAUC,GAAMjB,EAAIuM,KAAKvM,EAAIsM,KAAM,OAAQrL,IAAME,WAAW,gBAAiBnB,EAAIwM,GAAGF,KAAK5J,KAAK+J,UAAYzM,EAAI0M,UAAWtM,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,2FAA2FxB,EAAI8I,MAAM,OAAO1I,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,EAAIoN,mBAAmB,CAACpN,EAAIwB,GAAG,6BAA6BxB,EAAI2B,GAAG3B,EAAIqN,SAAW,EAAI,WAAa,YAAY,iCAAiC,MAAM,IACj5D,EAAkB,G,YCCTC,EAAsB,SAAAtO,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,MAEd+N,EAAwB,SAAA5N,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,OACA0K,UACAjI,YACAc,WAEA0G,WACAxH,YACAc,YAGA5G,KAXA,WAYA,OACA8N,oBACAjH,iBACAuG,aACAtG,aACAkG,MACA3M,KACAkN,sBACAD,YACAlK,WAIAoK,YAzBA,WA0BA,OACAR,MACA5J,MACA+J,2BAKAzJ,UACAgE,YADA,WAEA,0BAEAmF,aAJA,WAKA,mDAGA3I,QA1CA,WA2CA,mDACA,mCACA,iBAEA,gCAEA,wBAEAC,SACA+J,yBADA,WAEA,WACA9N,mCACA,uBACA6E,QACA5E,aACAkN,+CACAnK,uBAKA2J,WAbA,WAaA,WACA,OACA,kBACA,mBACA9H,sBACA+I,+BACA,uBACA,YACA/I,4CAEAA,4CAGAA,gBAEAA,2BAIA2H,WAhCA,WAiCA,kBACA,WACAvM,KACA+C,UAGAiI,WAvCA,WAwCA,uBACA,0BAEAqC,YA3CA,WA8CA,8DAEAhH,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,EAAImN,kBAAkB,CAACnN,EAAIwB,GAAG,mBAAmB,IACp7B,EAAkB,GCsBP,GACfkB,8BACAC,OACA0K,UACAjI,YACAc,WAEAxD,MACA0C,YACAc,aAGA5G,KAZA,WAaA,OACA6G,iBACAC,eAGA5C,QAlBA,WAmBA,wBAEAR,UACAgE,YADA,WAEA,2BAIAvD,SAEA0J,aAFA,WAEA,WACA,OACAI,mCACA,uBACAhJ,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,EAAIkM,aAAa,CAAC9L,EAAG,MAAM,CAACsB,YAAY,6CAA6C,CAACtB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAImM,mBAAmB/L,EAAG,SAAS,CAACE,MAAM,CAAC,GAAK,8BAA8BC,GAAG,CAAC,OAAS,SAASI,GAAgC,OAAxBA,EAAOyL,iBAAwBpM,EAAIqM,WAAW3E,MAAM,KAAMH,cAAc,CAACnH,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,EAAIsM,KAAS,KAAEtL,SAAS,SAAUC,GAAMjB,EAAIuM,KAAKvM,EAAIsM,KAAM,OAAQrL,IAAME,WAAW,gBAAiBnB,EAAIwM,GAAGF,KAAK5J,KAAK+J,UAAYzM,EAAI0M,UAAWtM,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,iGAAiGxB,EAAI8I,MAAM,OAAO1I,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,EAAIyN,kBAAkBlN,GAAG,CAAC,OAASP,EAAI0N,4BAA4B5M,MAAM,CAACC,MAAOf,EAAIsM,KAAiB,aAAEtL,SAAS,SAAUC,GAAMjB,EAAIuM,KAAKvM,EAAIsM,KAAM,eAAgBrL,IAAME,WAAW,sBAAsB,CAACf,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACN,EAAIwB,GAAG,yBAA0BxB,EAAIwM,GAAGF,KAAK5J,KAAK+J,UAAYzM,EAAI0M,UAAWtM,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,0GAA0GxB,EAAI8I,MAAM,SAAS1I,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,EAAI2N,sBAAyB3N,EAAIsM,KAAKsB,MAAQ5N,EAAIsM,KAAKuB,UAAc7N,EAAIsM,KAAKwB,cAAgB9N,EAAIqG,UAAYrG,EAAIsM,KAAKwB,cAAgB9N,EAAIsG,eAAs7CtG,EAAIsM,KAAKsB,OAAQ5N,EAAIsM,KAAKuB,UAAc7N,EAAIsM,KAAKwB,cAAgB9N,EAAIqG,UAAYrG,EAAIsM,KAAKwB,cAAgB9N,EAAIsG,cAAwyBtG,EAAI8I,KAA5xB1I,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,EAAIsM,KAAKsB,KAAO5N,EAAIsM,KAAKsB,KAAKlL,KAAO1C,EAAIsM,KAAKuB,UAAU,8CAA8CzN,EAAG,MAAM,CAACsB,YAAY,2BAA2B,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAC1B,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI+N,eAAe/N,EAAIsM,KAAK0B,cAAc5N,EAAG,MAAM,CAACsB,YAAY,aAAapB,MAAM,CAAC,IAAM,EAAQ,SAAgCC,GAAG,CAAC,MAAQP,EAAIiO,4BAAhyE7N,EAAG,MAAM,CAACsB,YAAY,yCAAyC,CAACtB,EAAG,MAAM,CAACsB,YAAY,8DAA8DwM,MAAMlO,EAAImO,WAAa,cAAgB,GAAG5N,GAAG,CAAC,SAAWP,EAAIoO,mBAAmB,UAAYpO,EAAIqO,oBAAoB,KAAOrO,EAAIsO,iBAAiB,CAAClO,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,EAAIuO,eAAe,CAACvO,EAAIwB,GAAG,oGAAqGxB,EAAIwM,GAAGF,KAAKuB,SAASpB,UAAYzM,EAAI0M,UAAWtM,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,iGAAiGxB,EAAI8I,WAA66B9I,EAAIsM,KAAKwB,cAAgB9N,EAAIwG,cAAgBxG,EAAIsM,KAAKwB,cAAgB9N,EAAIyG,YAAczG,EAAIsM,KAAKwB,cAAgB9N,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,CAACoO,WAAW,CAAC,CAAC9L,KAAK,QAAQ+L,QAAQ,UAAU1N,MAAOf,EAAIsM,KAAS,KAAEnL,WAAW,cAAcO,YAAY,eAAepB,MAAM,CAAC,GAAK,OAAO,KAAO,OAAO,YAAc,gBAAgB,aAAe,OAAOoO,SAAS,CAAC,MAAS1O,EAAIsM,KAAS,MAAG/L,GAAG,CAAC,MAAQ,SAASI,GAAWA,EAAOgO,OAAOC,WAAqB5O,EAAIuM,KAAKvM,EAAIsM,KAAM,OAAQ3L,EAAOgO,OAAO5N,YAAaf,EAAIwM,GAAGF,KAAK/G,KAAKkH,UAAYzM,EAAI0M,UAAWtM,EAAG,OAAO,CAACsB,YAAY,wDAAwD,CAAC1B,EAAIwB,GAAG,iGAAiGxB,EAAI8I,WAAW9I,EAAI8I,KAAM9I,EAAIsM,KAAKwB,cAAgB9N,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,EAAI8I,KAAK1I,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,EAAI6O,iBAAkB,KAAQ,CAAC7O,EAAIwB,GAAG,6BAA8BxB,EAAmB,gBAAEI,EAAG,uBAAuB,CAACG,GAAG,CAAC,WAAa,SAASI,GAAQX,EAAI6O,iBAAkB,MAAU7O,EAAI8I,MAAM,OAAO1I,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,EAAIsM,KAAKwB,eAAqB,CAAC9N,EAAIwB,GAAG,6BAA6BxB,EAAI2B,GAAG3B,EAAI8O,eAAe,iCAAiC,MAAM,IACljO,EAAkB,GCCTC,GAA0B,SAAA/P,GACnC,IAAIC,EAAc,6BAClB,OAAOC,OAAYC,KAAKF,EAAaD,EAAQ,CACzCgQ,QAAS,CAAE,eAAgB,yBAC5B5P,MAAK,SAAAC,GACJ,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MAEdyP,GAAe,SAAAjQ,GACxB,IAAIC,EAAc,qCAClB,OAAOC,OAAYC,KAAKF,EAAaD,EAAQ,CACzCgQ,QAAS,CAAE,eAAgB,yBAC5B5P,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,MAEd0P,GAA4B,SAAAvP,GACrC,IAAIV,EAAc,iCAAH,OAAoCU,GACnD,OAAOT,OAAYU,IAAIX,GAAaG,MAAK,SAAAC,GACrC,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MAGd2P,GAAqB,SAAAnQ,GAC9B,IAAIC,EAAc,kCAClB,OAAOC,OAAYC,KAAKF,EAAaD,GAAQI,MAAK,SAAAC,GAC9C,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MAEd4P,GAAwB,SAAApQ,GACjC,IAAIC,EAAc,4CAClB,OAAOC,OAAYC,KAAKF,EAAaD,GAAQI,MAAK,SAAAC,GAC9C,OAAOA,EAAIC,KAAOD,EAAIC,KAAO,QAC9BC,OAAM,SAAAC,GAAO,OAAO,MC/CvB,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,QCsIA,IACfnE,YACAuM,yBAEA1M,OACAiK,WACAxH,YACAc,WAEAoJ,QACAlK,YACAc,WAEAqJ,YACAnK,YACAc,YAGA5G,KAlBA,WAmBA,OACA6G,iBACAuG,aACAtG,aACAkG,MACA3M,KACAkN,sBACAD,YACA0C,SACA5M,QACAoL,gBACAD,YACA2B,YACAjK,QACAyI,WACAJ,WAEAiB,mBACAV,cACA9H,gBAAAC,qBAAAC,iBAAAC,oBAAAC,kBAAAC,iBACA+I,yBACAhC,kBACA,CAAA1M,aAAA2O,gCACA,CAAA3O,aAAA2O,4CACA,CAAA3O,aAAA2O,sBACA,CAAA3O,aAAA2O,sBACA,CAAA3O,aAAA2O,qBACA,CAAA3O,aAAA2O,mBACA,CAAA3O,aAAA2O,sBAIA5C,YAnDA,WAmDA,WACA,OACAR,MACA5J,MACA+J,wBAEAqB,cACArB,wBAEAoB,UAAApB,6CAAA,oEACAlH,MAAAkH,6CAAA,oGAIAzJ,UACAgE,YADA,WAEA,0BAEAmF,aAJA,WAKA,iEAEA2C,cAPA,WAQA,2FAGAtL,QA5EA,WA6EA,mDACA,mCACA,6BACA,mBAEA,oCAEA,wBAEAC,SACAkM,kBADA,WACA,WAEAjQ,sCACA,yBACA,QACAC,aACAkN,+CACA+C,2BAGAC,yBACAC,6BACAC,cACAC,cACAC,4DAEA/O,uBACAgP,eAGA,8CACA,6BACA,qEACA,yBACA,OAGA,oDACA,0CAGA,mEACA,kDACA,wBACAvQ,QACAwQ,0BACAC,gBACAlP,kBACAmP,YACAL,cACAC,0DASAvC,2BAlDA,WAmDA,0BACA,mBAEAO,mBAtDA,WAuDA,yBACA,oBACA,sBACA,sBACAqC,sBAEAvC,eA7DA,SA6DAzO,GAAA,kEACA,OAIA,gBACA,qBACA,UACA,iCACA,UACA,iCACA,UACA,iCAEA,IAGAiP,aA9EA,WA+EA,yBAEAZ,mBAjFA,WAkFA,WACA,qCACA,KACA,oDACA,2BACA,uDACA,wCACA,uCACA,uCAEA4C,MAGA,GACA,6EAGA,+DAIAjC,eAvGA,SAuGA9O,GACAA,mBACA,2CACA,0BACA,oBAEA4O,mBA7GA,SA6GA5O,GACAA,mBACA,oBAEA6O,oBAjHA,WAkHA,oBAEAmC,6BApHA,WA+HA,WACA9Q,sCACA,uBAEA6E,QACA5E,aACAkN,+CACAD,2BACA0C,qBACA5M,iBACAoL,iCACAE,yBACAH,0BAEA,yDACAtJ,4BAGAA,6BAKA8H,WAtJA,WAsJA,WAWA,OAEA,GADA,mBACA,kBAGA,mBAoBA,GAnBAoE,4BACAA,8DACAA,0CACAA,oCACAA,gCACAA,gDACAA,wCAEA,+DACAA,oCAGAA,gCAEAA,wCACA,gBACAA,wCAEAA,gCACA,4BAEA,YADA,sDAGA1B,wBACA,uBACA,YACAxK,kDAEAA,kDAEA,6BACA+L,oBACA/L,0DAGAA,qBAQA2H,WAlNA,WAmNA,kBACA,WACAvM,KACAkN,sBACAD,YACA0C,SACA5M,QACAoL,gBACAD,YACA6C,QACA1C,WACAJ,YAGAxC,gCAjOA,SAiOAzL,EAAA+C,GACA,uBACA,OACA/C,KACA+C,QAEA,iDAEAiI,WAzOA,WA0OA,uBACA,0BAEAqC,YA7OA,WAgPA,sEAEAhH,gBAlPA,WAoPA,0BAEAiB,gBAtPA,WAuPA,yDCte+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,EAAIsK,qBAAqB,CAAClK,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI+F,KAAKrD,WAAWtC,EAAG,MAAM,CAACJ,EAAIwB,GAAG,IAAIxB,EAAI2B,GAAG3B,EAAI2Q,kBAAkB,SAASvQ,EAAG,MAAM,CAACsB,YAAY,yDAAyD,CAAgB,GAAd1B,EAAI4I,OAAaxI,EAAG,SAAS,CAACsB,YAAY,2GAA2GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIqK,qBAAqB,CAACrK,EAAIwB,GAAG,mDAAmDxB,EAAI8I,KAAoB,GAAd9I,EAAI4I,OAAaxI,EAAG,SAAS,CAACsB,YAAY,6GAA6GpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQP,EAAIuK,uBAAuB,CAACvK,EAAIwB,GAAG,mDAAmDxB,EAAI8I,SAAS9I,EAAIkN,GAAG,aAAa,IACviC,GAAkB,GCyBP,IACfvK,OACAoD,MACAX,YAEAc,YAEA0C,QACAxD,YACAc,YAGA5G,KAZA,WAaA,OACA8G,aACAC,gBAAAC,qBAAAC,iBAAAC,oBAAAC,kBAAAC,iBAAA+I,yBACAhC,kBACA,CAAA1M,aAAA2O,gCACA,CAAA3O,aAAA2O,4CACA,CAAA3O,aAAA2O,sBACA,CAAA3O,aAAA2O,sBACA,CAAA3O,aAAA2O,qBACA,CAAA3O,aAAA2O,mBACA,CAAA3O,aAAA2O,sBAIA1M,UACA2N,iBADA,WAEA,gDACA,+BACA,mCACA,cAGA,WAGAlN,SACA4G,mBADA,WAEA,4CAEAE,qBAJA,WAKA,8CAEAD,mBAPA,WAQA,8CCxEyZ,MCQrZ,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCnBX,GAAS,WAAa,IAAItK,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,EAAImN,kBAAkB,CAACnN,EAAIwB,GAAG,mBAAmB,IACp8B,GAAkB,GCsBP,IACfkB,gCACAC,OACA4M,YACAnK,YACAc,WAEAxD,MACA0C,YACAc,aAGA5G,KAZA,WAaA,OACA6G,iBACAC,eAGA5C,QAlBA,WAmBA,wBAEAR,UACAgE,YADA,WAEA,2BAIAvD,SAEA0J,aAFA,WAEA,WACA,OACA+B,sCACA,uBACA3K,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,EAAIkM,aAAa,CAAC9L,EAAG,MAAM,CAACsB,YAAY,6CAA6C,CAACtB,EAAG,MAAM,CAACsB,YAAY,sBAAsB,CAACtB,EAAG,MAAM,CAACsB,YAAY,wCAAwCkP,YAAY,CAAC,MAAQ,QAAQtQ,MAAM,CAAC,IAAM,EAAQ,SAAuBC,GAAG,CAAC,MAAQP,EAAIgG,qBAAuBhG,EAAI6Q,mBAAwPzQ,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,EAAI8Q,aAAa7P,GAAKE,WAAW,mBAAmB,GAAGf,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,IAAI,CAACsB,YAAY,4CAA4CpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQP,EAAI+Q,+BAA+B,CAAC/Q,EAAIwB,GAAG,SAASpB,EAAG,IAAI,CAACsB,YAAY,wCAAwCpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIgR,8BAA8B,CAAChR,EAAIwB,GAAG,kBAAr7BpB,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAImM,iBAAiB/L,EAAG,MAAM,CAACsB,YAAY,kCAAkC,CAACtB,EAAG,SAAS,CAACsB,YAAY,iBAAiBnB,GAAG,CAAC,MAAQP,EAAIiR,yBAAyB,CAACjR,EAAIwB,GAAG,uBAA0vBpB,EAAG,SAAS,CAACE,MAAM,CAAC,MAAQ,KAAK,CAACF,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,eAAe,OAASN,EAAI+I,WAAa/I,EAAIkR,mBAAmB3Q,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAImR,gBAAgBnR,EAAIkR,sBAAsB,CAAC9Q,EAAG,SAAS,CAACE,MAAM,CAAC,GAAK,8BAA8BC,GAAG,CAAC,OAAS,SAASI,GAAgC,OAAxBA,EAAOyL,iBAAwBpM,EAAIqM,WAAW3E,MAAM,KAAMH,cAAc,CAACnH,EAAG,MAAM,CAACsB,YAAY,kBAAkB,CAACtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAC1B,EAAIwB,GAAG,6CAA6CxB,EAAI2B,GAAG3B,EAAIoR,iBAAiB7H,QAAQ,sCAAsCnJ,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,EAAIqR,oBAAoB,CAACjR,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAA4BF,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAAkCN,EAAIwB,GAAG,iGAAiGxB,EAAIwJ,GAAIxJ,EAAgB,cAAE,SAASsR,EAAS7H,GAAO,OAAOrJ,EAAG,MAAM,CAACkB,IAAImI,EAAM/H,YAAY,QAAQ,CAACtB,EAAG,MAAM,CAACsB,YAAY,yBAAyB,CAACtB,EAAG,IAAI,CAACsB,YAAY,iEAAiEpB,MAAM,CAAC,SAAWN,EAAIoN,iBAAiB,KAAO,gBAAgB7M,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIuR,aAAaD,MAAa,CAACtR,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,GAAG8H,EAAQ,MAAMrJ,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,cAAgBgR,EAASpQ,QAAQ,SAAWuI,GAAOlJ,GAAG,CAAC,eAAiBP,EAAIwR,2BAA2B,KAAKxR,EAAIwJ,GAAI8H,EAAmB,YAAE,SAASG,EAAOC,GAAa,OAAOtR,EAAG,MAAM,CAACkB,IAAIoQ,EAAYhQ,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,YAAcmJ,EAAQiI,GAAa5Q,MAAM,CAACC,MAAO0Q,EAAa,OAAEzQ,SAAS,SAAUC,GAAMjB,EAAIuM,KAAKkF,EAAQ,SAAUxQ,IAAME,WAAW,mBAAmBf,EAAG,QAAQ,CAACsB,YAAY,qCAAqCpB,MAAM,CAAC,IAAM,YAAcmJ,EAAQiI,IAAc,CAACtR,EAAG,SAAS,CAACJ,EAAIwB,GAAG,UAAUxB,EAAI2B,GAAG8P,EAAOE,SAASvR,EAAG,OAAO,CAACsB,YAAY,8BAA8B,CAAC1B,EAAIwB,GAAG,kGAAkG,KAAKpB,EAAG,MAAM,CAACsB,YAAY,wDAAwD,CAACtB,EAAG,qBAAqB,CAACE,MAAM,CAAC,cAAgBmR,EAAOvQ,QAAQ,SAAWuQ,EAAOtB,UAAU5P,GAAG,CAAC,eAAiBP,EAAI4R,wBAAwBxR,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAE+P,EAAOpB,WAAc,IAAEjQ,EAAG,MAAM,CAACsB,YAAY,kBAAkB,CAACtB,EAAG,MAAM,CAACyR,MAAM,CAAG,MAASP,EAASzB,SAAW,KAAM,OAAUyB,EAASxB,WAAa,MAAQxP,MAAM,CAAC,IAAMmR,EAAOpB,WAAWJ,OAAO7P,EAAG,WAAW,CAACsB,YAAY,4BAA4BpB,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAI8R,mBAAmBR,EAAUG,MAAW,CAACrR,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,IAAI4P,EAAOtB,SAAS4B,UAAS,EAAKzR,MAAM,CAAC,OAAS,GAAG,KAAO,OAAO,OAAS,WAAWC,GAAG,CAAC,OAAS,SAASI,GAAQ,OAAOX,EAAIgS,gBAAgBrR,EAAQ2Q,EAAUG,OAAYrR,EAAG,WAAW,CAACsB,YAAY,4BAA4BpB,MAAM,CAAC,KAAO,SAAS,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIiS,sBAAsBR,MAAW,CAACrR,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,EAAIkS,eAAeZ,EAAUG,MAAW,CAACrR,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,EAAImS,gBAAgBb,MAAa,CAAClR,EAAG,MAAM,CAACsB,YAAY,YAAYpB,MAAM,CAAC,IAAM,EAAQ,WAAkCN,EAAIwB,GAAG,6GAA6G,QAAOpB,EAAG,MAAM,CAACsB,YAAY,OAAO1B,EAAIwJ,GAAIxJ,EAAoB,kBAAE,SAASsR,EAAS7H,GAAO,OAAOrJ,EAAG,MAAM,CAACkB,IAAImI,EAAM/H,YAAY,yCAAyC,CAACtB,EAAG,MAAM,CAACsB,YAAY,gEAAgE,CAACtB,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,SAAS,CAACJ,EAAIwB,GAAG,WAAWxB,EAAI2B,GAAG8H,EAAQ,GAAG,OAAOzJ,EAAIwB,GAAG,KAAKpB,EAAG,SAAS,CAACsB,YAAY,iBAAiBgN,SAAS,CAAC,UAAY1O,EAAI2B,GAAG2P,EAASpQ,cAAcd,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,IAAI,CAACsB,YAAY,qFAAqFpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIoS,uBAAuBd,MAAa,CAACtR,EAAIwB,GAAG,yGAAyGxB,EAAIwB,GAAG,yFAAyFpB,EAAG,IAAI,CAACsB,YAAY,iEAAiEpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIqS,mBAAmBf,MAAa,CAACtR,EAAIwB,GAAG,2GAA2GpB,EAAG,MAAM,CAACsB,YAAY,oBAAoB1B,EAAIwJ,GAAI8H,EAAmB,YAAE,SAASG,EAAOC,GAAa,OAAOtR,EAAG,MAAM,CAACkB,IAAIoQ,EAAYhQ,YAAY,eAAe,CAACtB,EAAG,kBAAkB,CAACE,MAAM,CAAC,QAAUmR,EAAOrB,OAAO,SAAW,KAAK,CAAChQ,EAAG,MAAM,CAACsO,SAAS,CAAC,UAAY1O,EAAI2B,GAAI,8BAAiC8P,EAAW,KAAI,UAAaA,EAAc,QAAI,iBAAkB,MAAK,QAAO,GAAGrR,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,EAAIoN,mBAAmB,CAACpN,EAAIwB,GAAG,qCAAqCxB,EAAI2B,GAAG3B,EAAIuP,WAAa,EAAI,MAAQ,YAAY,uCAAuC,IAAI,GAAGnP,EAAG,QAAQ,CAACE,MAAM,CAAC,MAAQ,mBAAmB,OAASN,EAAI+I,WAAa/I,EAAIsS,eAAe/R,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAImR,gBAAgBnR,EAAIsS,kBAAkB,CAAClS,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,EAAI2N,sBAAyB3N,EAAIuS,SAAS3E,MAAQ5N,EAAIuS,SAAS1E,SAAokB7N,EAAIuS,SAAS3E,MAAQ5N,EAAIuS,SAAS1E,SAAWzN,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,EAAIuS,SAAS3E,KAAO5N,EAAIuS,SAAS3E,KAAKlL,KAAO1C,EAAIuS,SAAS1E,UAAU,kDAAkDzN,EAAG,MAAM,CAACsB,YAAY,2BAA2B,CAACtB,EAAG,MAAM,CAACsB,YAAY,6BAA6B,CAAC1B,EAAIwB,GAAGxB,EAAI2B,GAAG3B,EAAI+N,eAAe/N,EAAIuS,SAASvE,WAAW,gDAAgD5N,EAAG,MAAM,CAACsB,YAAY,aAAapB,MAAM,CAAC,IAAM,EAAQ,SAAgCC,GAAG,CAAC,MAAQP,EAAIiO,4BAA4BjO,EAAI8I,KAA7+C1I,EAAG,MAAM,CAACsB,YAAY,uBAAuBwM,MAAMlO,EAAImO,WAAa,cAAgB,GAAG5N,GAAG,CAAC,SAAWP,EAAIoO,mBAAmB,UAAYpO,EAAIqO,oBAAoB,KAAOrO,EAAIsO,iBAAiB,CAAClO,EAAG,MAAM,CAACsB,YAAY,iCAAiC,CAACtB,EAAG,MAAM,CAACG,GAAG,CAAC,MAAQP,EAAIuO,eAAe,CAACnO,EAAG,KAAK,CAACA,EAAG,SAAS,CAACJ,EAAIwB,GAAG,gCAAgCpB,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAACtB,EAAG,MAAM,CAACsB,YAAY,gCAAgCnB,GAAG,CAAC,MAAQP,EAAIuO,eAAe,CAACnO,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,EAAIwS,wBAAwB,CAACxS,EAAIwB,GAAG,WAAWpB,EAAG,IAAI,CAACsB,YAAY,+DAA+DpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIyS,uBAAuB,CAACzS,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,OACA4M,YACAnK,YACAc,WAEAwM,cACAtN,YACAc,aAGApD,YACA6P,iBACAC,oBACAC,wBACAC,uBAEAxP,OACA,yCAEAhE,KApBA,WAqBA,OACA8N,oBACArE,YACAmI,oBACAoB,gBACAnM,iBACAuG,aACAtG,aAIA2M,gBAEAC,yCACAC,oBAGAC,mBACA,CAAAnS,QAAA2O,gBACA,CAAA3O,QAAA2O,iBACA,CAAA3O,QAAA2O,iBACA,CAAA3O,QAAA2O,iBAEAyD,iBACA,qGAEArC,gBACAD,sBACA0B,UACA1E,YACAD,WAEAwD,oBACA9E,MACA3M,KACAkN,sBACAD,YACA0C,SACA5M,QACAoL,gBACAD,YACA2B,YACAjK,QACAyI,WACAJ,WAEAO,gBAIArB,YAvEA,WAwEA,UAQA9J,UACAgE,YADA,WAEA,0BAEAmF,aAJA,WAKA,2BAGA3I,QAxFA,WA6FA,uBAEA,0BAEAC,aACA4O,mBADA,SACAf,GACA,8BAEAC,aAJA,SAIAD,GACA,+BAEA8B,WAPA,SAOAC,GAIA,OAHA,OACAA,KAEA,yBAEAlC,gBAbA,SAaAmC,GACA,kBAEAjC,kBAhBA,WAiBA,gBAEAkC,QAnBA,WAoBA,OACA5T,KACAwQ,6BACAtD,yCACA+C,aACA4D,YACA3D,aACAC,eACAC,cACAC,cACAC,QAEA/O,WACAgP,eAyCA,8BAEAuD,aA5EA,WA6EA,2BACA,wEACAC,sBAEA,0EACA,gCAEA,OADAA,oBACA,iCAGA,UAEA/F,mBAzFA,WAyFA,WACA,4CACA,+CACA,+CACA,mBACA8C,oCACAkD,qCACA,yBACA,mBACA,gCACA,kBACA,aAGA,iCACA,kBAGA,iCAGA,IAFA,gBACA,KACA,4BACA,mBACA,GACAhU,QACAwQ,0BACAC,mBACAlP,kBACAmP,YACAL,cACAC,QAEA0B,aAEAzB,UAIA,OACAvQ,QACAwQ,0BACAtD,sCACA+C,aACA4D,YACA3D,aACAC,eACAC,cACAC,cACAC,kDAEA/O,kBACAgP,cAEA,uBAEA,sCAKAP,kBArJA,WAqJA,WAEA,GACA9C,yCACA0C,4BAEA7P,qCACA,yBACA,sBAGA,iCAGA,IAFA,gBACA,KACA,sDACA,6CACA,GACAC,QACAwQ,0BACAC,gBACAlP,kBACAmP,YACAL,cACAC,kDAEA0B,aAEAzB,UAIA,OACAvQ,QACAwQ,0BACAtD,0CACA+C,aACA4D,YACA3D,aACAC,eACAC,cACAC,cACAC,QAEA/O,kBACAgP,cAEA,gCAKA,6BACA,gBAGA7D,WA5MA,WA4NA,GADA,mBACA,kBAGA,IAFA,SACA,wBACA,oBACA,WACA,eACAuH,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,kDAGAlM,sBACAuP,qCACA,yBAGA,GAFAvP,iDACAA,sBACA,EAaAA,uBAZA,wCAEA,IADA,wBACA,oBACA,WACA,wBACAA,2BAWA,0BACAA,YAGAA,0BAGAwP,cAzSA,SAySAtK,GACA,OACA9J,KACAwQ,6BACAC,UACAlP,WACAmP,YACAL,cACAC,QAEA0B,0BAGAH,uBAtTA,SAsTAlS,GACA,oCACA0U,kBAEApC,qBA1TA,SA0TAtS,GAEA,2CAEA,IADA,2BACA,+BACA,sBACA,2BACAmS,iBACA,SAKAS,eAvUA,SAuUAZ,EAAA2C,GACA,uCACA,sBACA,yBACA,QACA,iCAEA3C,4BAIAQ,mBAlVA,SAkVAR,EAAA4C,GACA5D,iBACA,uCACA,sBACA,2BACAvK,2BACAA,sBACA,gCACA,SAIAiM,gBA9VA,SA8VAxS,EAAA8R,EAAA4C,GACA,uCACA,sBACA,2BACAnO,yDACAA,4DACA,SAKAkM,sBAzWA,SAyWAlM,GACA,mCAEAoM,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,WACAvE,IAAAgF,mBAAAC,yBAAA,kBACA,uBACA7P,qDACAA,wCAjZA,iDAsZA,8BAtZA,uCAyZA,yBACA,wBACA,0BACA,0BACA+L,wBA7ZA,iCA+ZAhR,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,mBACA8Q,uBACAG,gCACA4D,uEACA,sBACA9P,wDArcA,yCA0cA+M,GACAhB,eACA,WACAgE,wCACA,yBACA/P,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,KACAkN,sBACA+C,aACA4D,YACA3D,aACAC,eACAC,cACAC,cACAC,QAEA/O,WACAgP,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,qECnBX,GAAS,WAAa,IAAIlQ,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,UAAU,CAACyB,IAAI,6BAA6BvB,MAAM,CAAC,KAAO,KAAK,GAAK,wBAAwB,uBAAuB,GAAG,cAAc,IAAIC,GAAG,CAAC,OAASP,EAAIkM,aAAa,CAAC9L,EAAG,MAAM,CAACsB,YAAY,8CAA8C,CAACtB,EAAG,MAAM,CAACsB,YAAY,UAAU,CAACtB,EAAG,MAAM,CAACsB,YAAY,0CAA0CpB,MAAM,CAAC,IAAM,EAAQ,SAAuBC,GAAG,CAAC,MAAQP,EAAIgG,qBAAqB5F,EAAG,MAAM,CAACsB,YAAY,8BAA8B,CAACtB,EAAG,KAAK,CAACJ,EAAIwB,GAAG,gBAAgBpB,EAAG,MAAM,CAACsB,YAAY,qBAAqB,CAACtB,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,MAAM,CAACsB,YAAY,oCAAoC,CAACtB,EAAG,QAAQ,CAACoO,WAAW,CAAC,CAAC9L,KAAK,QAAQ+L,QAAQ,eAAe1N,MAAOf,EAAIwK,eAAsB,QAAErJ,WAAW,yBAAyBoT,UAAU,CAAC,MAAO,IAAO,CAAC7R,KAAK,WAAW+L,QAAQ,aAAa1N,MAAM,IAAOI,WAAW,SAASO,YAAY,+FAA+FpB,MAAM,CAAC,KAAO,OAAO,YAAc,qCAAqCoO,SAAS,CAAC,MAAS1O,EAAIwK,eAAsB,SAAGjK,GAAG,CAAC,OAAS,SAASI,GAAQ,OAAOX,EAAIuM,KAAKvM,EAAIwK,eAAgB,UAAW7J,EAAOgO,OAAO5N,WAAWX,EAAG,IAAI,CAACsB,YAAY,6CAA6CtB,EAAG,MAAM,CAACsB,YAAY,qBAAqB,CAACtB,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,gBAAgB,CAACE,MAAM,CAAC,QAAUN,EAAIwU,eAAejU,GAAG,CAAC,OAASP,EAAIyU,qBAAqB3T,MAAM,CAACC,MAAOf,EAAIwK,eAAsB,QAAExJ,SAAS,SAAUC,GAAMjB,EAAIuM,KAAKvM,EAAIwK,eAAgB,UAAWvJ,IAAME,WAAW,6BAA6B,GAAGf,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,gBAAgB,CAACE,MAAM,CAAC,QAAUN,EAAI0U,iBAAiBnU,GAAG,CAAC,OAASP,EAAI2U,uBAAuB7T,MAAM,CAACC,MAAOf,EAAIwK,eAAwB,UAAExJ,SAAS,SAAUC,GAAMjB,EAAIuM,KAAKvM,EAAIwK,eAAgB,YAAavJ,IAAME,WAAW,+BAA+B,KAAKf,EAAG,MAAM,CAACsB,YAAY,eAAe,CAACtB,EAAG,MAAM,CAACsB,YAAY,UAAUtB,EAAG,MAAM,CAACsB,YAAY,aAAa,CAAC1B,EAAIwB,GAAG,mBAAmBpB,EAAG,MAAM,CAACsB,YAAY,YAAYtB,EAAG,MAAM,CAACsB,YAAY,0BAA0B,CAACtB,EAAG,MAAM,CAACJ,EAAIwB,GAAG,UAAUpB,EAAG,MAAM,CAACsB,YAAY,eAAe,CAACtB,EAAG,wBAAwB,CAACE,MAAM,CAAC,QAAUN,EAAI4U,aAAa,KAAO,aAAa,QAAU,IAAI9T,MAAM,CAACC,MAAOf,EAAIwK,eAA6B,eAAExJ,SAAS,SAAUC,GAAMjB,EAAIuM,KAAKvM,EAAIwK,eAAgB,iBAAkBvJ,IAAME,WAAW,oCAAoC,OAAOf,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,MAAM,CAACsB,YAAY,gBAAgB,CAAC1B,EAAIwB,GAAG,SAASxB,EAAI2B,GAAG3B,EAAI6U,cAAc,cAAczU,EAAG,MAAM,CAACyB,IAAI,kBAAkBH,YAAY,aAAanB,GAAG,CAAC,OAASP,EAAI8U,eAAe9U,EAAIwJ,GAAIxJ,EAAsB,oBAAE,SAAS+F,EAAK0D,GAAO,OAAOrJ,EAAG,MAAM,CAACkB,IAAImI,EAAM/H,YAAY,8BAA8B,CAACtB,EAAG,MAAM,CAACsB,YAAY,qBAAqB,CAAC1B,EAAIwB,GAAG,6CAA6CxB,EAAI2B,GAAGoE,EAAKgP,OAAO,4CAA4C3U,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,MAAM,CAACsB,YAAY,YAAY,CAACtB,EAAG,IAAI,CAACsB,YAAY,4EAA4EpB,MAAM,CAAC,KAAO,gBAAgBC,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIgV,WAAWjP,MAAS,CAAC/F,EAAIwB,GAAG,+GAA+GpB,EAAG,IAAI,CAACsB,YAAY,qFAAqFpB,MAAM,CAAC,KAAO,eAAe,SAAWN,EAAIoN,kBAAkB7M,GAAG,CAAC,MAAQ,SAASI,GAAQ,OAAOX,EAAIiV,sBAAsBlP,MAAS,CAAC/F,EAAIwB,GAAG,sHAAqH,OAAOpB,EAAG,MAAM,CAACsB,YAAY,gDAAgD,CAACtB,EAAG,SAAS,CAACsB,YAAY,kIAAkIpB,MAAM,CAAC,KAAO,SAAS,SAAWN,EAAIoG,WAAW7F,GAAG,CAAC,MAAQP,EAAIgG,kBAAkB,CAAChG,EAAIwB,GAAG,0DAA2DxB,EAA2B,wBAAEI,EAAG,oBAAoB,CAACE,MAAM,CAAC,KAAON,EAAIkV,cAAc3U,GAAG,CAAC,WAAaP,EAAI8L,0BAA0B9L,EAAI8I,MAAM,IACttI,GAAkB,G,kuBC8FP,QACfpG,2BACA8L,YAAAtH,eACApE,YACAqS,2BAEAxS,OACA2J,MACAlH,YACAc,aAGA5C,OAGA,4CACA,0DAGAhE,KAnBA,WAoBA,OACAmQ,yBACA2F,2BACAhI,oBACAjH,iBACAuG,aACAtG,aACAiP,eACAX,kBAAA3T,QAAA2O,sBACA8E,gBAAAzT,QAAA2O,sBACA4F,sBACAT,eACAU,YACA/K,gBACAgL,WACAC,YACAC,YACAC,YACAC,UACAC,mBAEAjB,cACA,CAAAlF,6BAAA3O,SACA,CAAA2O,4CAAA3O,UAEA+U,mBACAC,kBACAb,kBAGAlS,UACAgE,YADA,WAEA,2BAGAxD,QAvDA,WAwDA,4BACA,mBACA,uBACA,oBAGAC,SACAqI,uBADA,WAEA,iCAEAkJ,WAJA,SAIAjP,GACA,mBACA+H,oBACAkI,qCAEA,iCAEAf,sBAXA,SAWAlP,GAAA,WACA,OACA,sDACA,yBACAkJ,wCACA,uBACA,oBACA1K,kDAEAA,kDAEA,gBAEAA,0BAGAuQ,aA3BA,WA4BA,iCACA,iBACA,cACA,iBACA,UACA,0BAEA,sCACA,oBACAxE,wBACA,gCACA,sBAIA2F,YA3CA,WA4CA,WACA7G,0CACA,yBACA,sBACA,sCACA,qBACA7K,oCAGAA,0CACAA,yCAKAoQ,sBA3DA,SA2DAnV,GAEA,uBAEAiV,oBA/DA,SA+DAjV,GACA,sBAEA,uBAEA0W,iBApEA,WAqEA,uBAEAC,uBAvEA,WAwEA,uBAEAC,UA1EA,WA2EA,gCACA,iEAEAC,eA9EA,WA+EA,oBACA,iBACA,oBAEAC,eAnFA,WAoFA,WACA/R,oBAAAxD,QAAA2O,sBACA,iBACA6G,iBAAAX,sCAAA,kBACA,wBACA,4CACA,2BACArR,wBACAxD,kBACA2O,mBAMA8G,YAnGA,WAoGA,WACAC,sCACA,wBACA,iCACA,gBACAlS,sBAAAxD,gBAAA2O,mBAKA/E,WA9GA,WA+GA,uBACA,0BAEAuB,WAlHA,WAmHAoE,0BACA,mBAEAtD,YAtHA,WAuHA,gEAEAhH,gBAzHA,WA2HA,0BAEAiB,gBA7HA,WA8HA,mDC3RyZ,MCSrZ,I,oBAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCmFA,IACfnE,YACA4T,2BACAC,qBACAC,kBACAC,qBACAC,wBACAC,kBACAC,6BACAC,uBACAC,uBACAC,qCACAC,eACAC,wBACAlC,0BACAmC,wBAEA3U,OACA+F,uBACAtD,YAEAc,YAEA0C,QACAxD,YACAc,YAGA5G,KA5BA,WA6BA,OACAoH,iBACAmF,kBACAuJ,2BACAmC,YACAC,kCACAC,iCACAC,mCACAC,6BACAC,6BACApN,gBACAqC,kDACAzH,OACAoQ,WACAC,YACAC,cAEAjW,0BACAoV,eACApK,8BACAK,6BACAK,+BACAO,uBACAmM,4BACAC,yBACAC,2CACAC,0BACAC,yBACAlM,qBAGAvI,QA5DA,WA6DA,kCAEAC,SACAuI,8BADA,WAEA,iCACA,iCAEAC,yBALA,WAMA,mCAEAZ,8BARA,SAQA/L,GACA,wCACA,kCACA,sBAEAgL,mBAbA,SAaAH,GACA,oBACA,uBACA+N,6BAGA,iCAGApM,uBAtBA,WAuBA,iCAEAqM,aAzBA,SAyBAC,GACA9H,gBAEA+H,YA5BA,SA4BAD,GACA,kBAEAE,UA/BA,SA+BAF,GAGA,IAFA,SAEA,8CACA,qCACAG,0BAGAA,sBACA,cAIA,IADA,SACA,8CACA,qCACAC,QAAA7Y,QAAA8Y,eAEA3Y,kBAEA,kBAEA+J,qBApDA,SAoDA9D,GACA,qDACA,0CACA,8CAGAA,2BACA,eACA,6BAIA6F,2BAhEA,WAiEA,iCACA,mCAEAR,gCApEA,SAoEA9L,GACA,uCACA,gCACA,iDAEAqM,2BAzEA,WA0EA,gDACA,kCAEApB,qBA7EA,SA6EAxE,GACA,uCACA,mCAEAsE,mBAjFA,SAiFAtE,GACA,uCACA,6CACA,qCACA,yCAEAyF,yBAvFA,WAwFA,iCACA,iCAEAC,yBA3FA,WA4FA,mCAEAvB,kBA9FA,SA8FAnE,GAEA,oCACA,6CACA,qCACA,yCAEAwF,mBArGA,WAsGA,iCACA,uCAEAD,+BAzGA,WA0GA,yCAEArB,iBA5GA,SA4GAlE,GACA,qCACA,+BAEAmF,qBAhHA,WAiHA,+BAEAD,qBAnHA,WAoHA,iCACA,6BAEAjB,eAvHA,SAuHAjE,GACAuK,kEACA,6CACA,qCACA,uCAEA1G,cA7HA,SA6HA7D,GAEAuK,6BACA,kCACA,sCACA,4BACA,uCAEAtF,iBArIA,WAsIA,iCACA,qCAEAD,6BAzIA,WA0IA,uCAEAF,wBA5IA,WA6IA,kCAEAD,iBA/IA,WAgJA,iCACA,gCAEAlB,oBAnJA,SAmJA3D,GACA,sCACA,kCAEA4D,kBAvJA,SAuJA5D,GACAuK,eACA,sCACA,wCAEAhH,iBA5JA,WA8JA,mCACA,uCACA,+BAEAoB,8BAlKA,WAmKA,wCAEAC,WArKA,WAsKA,iCACA,sCAEA+N,0BAzKA,WAyKA,WACA,OACAjZ,sDACA,uBACA8E,qCACAA,8CACA,2DACAoU,oBAGApU,iDCzVia,MCQ7Z,I,UAAY,eACd,GACA,EACA,GACA,EACA,KACA,WACA,OAIa,M,4DC2CA,IACfzB,YACA8V,gCACAC,+BACAC,uBAEAxZ,KANA,WAOA,OACAgJ,oBACAyQ,gCAAA7P,oCACAH,YACAC,UACAI,aACAC,cACAd,cACAG,uBACA/I,KACA+C,QACAsW,cACApD,WACAD,aACAsD,gBACAC,eACAC,YACA/T,QAEAgU,2BACAC,oBACAC,oBACAjR,eACAO,WAIApF,QAlCA,WAmCA,yDACA,0CACA,wCAGA,mDACA,iCACA,kCAEA,sCAEAC,SACAgF,iBADA,WAEA,gDACA,WACA8Q,8DACA,uBACAhV,kDACAA,oCAIAiE,2BAXA,WAYA,0BAEAK,qBAdA,WAeA,gDACA,0BAEAM,2BAlBA,WAoBA,WACAzJ,iEACA,uBACA6E,yBACA5E,aACA+C,iBACAsW,6BACApD,uBACAD,2BACAsD,iCACAC,+BACAC,yBACA/T,uBAKA6D,kBArCA,SAqCAqK,GACA,oBClJuZ,MCQnZ,I,UAAY,eACd,GACAvT,EACAkC,GACA,EACA,KACA,WACA,OAIa,gB,kECnBf,W,kCCAA,W,kCCAA,W,kCCAA,W,kCCAA,IAAIlC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,WAAWC,GAAG,CAAC,WAAaP,EAAIQ,aAAa,CAACJ,EAAG,eAAe,CAACE,MAAM,CAAC,GAAM,iBAAmBN,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,kBAAoBN,EAAIS,SAAU,cAAc,IAAIW,YAAYpB,EAAIqB,GAAG,CAAC,CAACC,IAAI,cAAcC,GAAG,WAAW,MAAO,CAACvB,EAAIwB,GAAG,yCAAyCC,OAAM,MAAS,CAACrB,EAAG,MAAM,CAACsB,YAAY,uBAAuB,CAACtB,EAAG,MAAM,CAACsB,YAAY,cAAc,CAACtB,EAAG,QAAQ,CAACsB,YAAY,kCAAkC,CAAC1B,EAAIwB,GAAG,OAAOxB,EAAI2B,GAAsB,UAAnB3B,EAAI4B,WAAyB,MAAQ,SAAS,qBAAqBxB,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,oGAAoG,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,WAAyB,gCAAkC,WAAWrB,GAAG,CAAC,OAASP,EAAI+B,sBAAsB,IACroDE,EAAkB,G,+vBCgDtBC,0EAEA,iCACAA,gCACAE,iBAUAC,4BACAC,qBACAC,oBACAC,uEACAC,mBAIAJ,8BACAC,kBACAC,sBACAC,yDACAC,mBAIAJ,8BACAC,kBACAC,sBACAC,2DACAC,sBAMA,OACAC,gBAEAC,oFACArD,KAJA,WAKA,OACA4B,WACAmB,YACAT,cACAgB,qBACAC,qBACAnC,QACA+B,SACA,CAAAC,gBAAAmB,kBACA,CAAAnB,cAAAmB,oCACA,CAAAnB,mBAAAmB,4GACA,CAAAnB,cAAAmB,+BACA,CAAAnB,iBAAAmB,uKACA,CAAAnB,aAAAmB,kCACA,CAAAnB,cAAAmB,sMAEAE,WACAC,sCACAC,kBACAC,0BACAC,yBACAC,gEAKAtB,YAAAC,oBACAC,cACAC,gBACAC,+BACAC,6BACAC,2CAEAC,oCAGAC,OAWA,0BACA,yBACA,kCAGAC,QAzDA,WA4DA,sDACA,oBACA,kCAEA,sBACA,uCAGAC,QApEA,WAsEA,qBAEAC,eACAC,0GADA,IAGAC,iBAHA,WAIA,qBACA,kDAIAU,aATA,WAUA,WACA,0DAEAhC,0BACAiC,iBACAC,8BAKAlC,0BACAiC,iBACAC,mCAKAlC,4BACAiC,iBACAC,mCAIAlC,4BACAiC,iBACAC,oCAKA3D,OAxCA,SAwCA4D,GACA,mBAcA3D,QAvDA,SAuDA2D,KAqBAhE,WA5EA,WA8EA,oFACA,MACA,+BAEA,iDACA,WACA,KACA,OACA,oBACAkE,kBAIA,yBAIAC,gBA/FA,SA+FAC,GACA,iEACA,iBACAvC,iCACAA,sCAIAwC,eAvGA,SAuGAC,GAEA,OAAAA,OAAArE,wBACA,gCAEAqB,YA5GA,SA4GA0C,GACA,WACA8L,8BAIAvL,oCACAuL,yCACA,6CAEAtL,sCAKAwU,iBA3HA,SA2HAnX,GACA,qBAAAsD,WAAAtD,YAGA4C,qBA/HA,WA+HA,qEACAC,0DAGAC,qBAnIA,SAmIAC,GACA,kBAEA,6DAGAC,kBAzIA,WAyIA,IAEA,EAFA,oKACA,OAEA,YACAC,8BACA,YAEAA,EADA,yBACAA,iLACA,uBACAA,2JAEAA,2EACAC,EADA,mEAEAA,EAFA,mDAKA,cACAD,+DACAC,EADA,iEAEAA,EAFA,mDAKArD,sEAEA,YACAqC,wBAEAA,4BACAA,0BAEA,6DAIAxC,YA3KA,SA2KAyC,GAMAO,yCAYA/C,iBA7LA,WA+LA,kCACA,IACA,KACA,kBACA,0BACA,+BACAwD,0BACAC,UACA,wBACA,+BACAD,sCACAC,WAGAD,yBAEA8K,eAEA9K,gDAIAE,mBArNA,WAsNA,qDACA,gCAEA,+CACA,6BAEA,4DAEA,qBAAAC,WAAAtD,eAGAuD,aAjOA,SAiOAC,GACA,wBACA,uBAAApF,WAAA2E,sBCpYkV,I,wBCQ9UU,EAAY,eACd,EACA/F,EACAkC,GACA,EACA,KACA,WACA,MAIa,OAAA6D,E,2CCnBf,W,kCCAA","file":"js/chunk-14c94ba4.014c5c63.js","sourcesContent":["export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateDocument.vue?vue&type=style&index=0&id=2efbb50a&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalLectureLibrary.vue?vue&type=style&index=1&id=3ce10e3a&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalLectureLibrary.vue?vue&type=style&index=0&lang=css&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteChapter.vue?vue&type=style&index=0&id=3be13ab5&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswerNew.vue?vue&type=style&index=0&id=02b80394&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChapterClassSchool.vue?vue&type=style&index=0&id=be8e9774&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateChapter.vue?vue&type=style&index=0&lang=scss&\"","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveChapterClassSchool = params => {\r\n    let apiEndpoint = `ChapterClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listChapterClassSchool = params => {\r\n    let apiEndpoint = `ChapterClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `ChapterClassSchool/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deleteChapterClassSchool = id => {\r\n    let apiEndpoint = `ChapterClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const changeOrderChapter = params => {\r\n    let apiEndpoint = `ChapterClassSchool/ChangeOrderChapter`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app-cke-answer\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{attrs:{\"id\":(\"myQuillEditor_answer_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_an_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"Tải lên media\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center editor-modal-media\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\")+\" thông qua\\n          link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"\\n          form-group form-editor-media\\n          position-rel\\n          text-center\\n          display-flex-center\\n          justify-content-center\\n        \"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\"))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video'\n    ? 'video/mp4,video/x-m4v,video/*'\n    : 'audio/*'},on:{\"change\":_vm.uploadMedia}})]),_c('div',{staticClass:\"form-action text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDoneUpload}},[_vm._v(\"\\n          Tải lên\\n        \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app-cke-answer\" @mouseleave=\"mouseLeave\">\r\n    <vue-ckeditor :id=\"`myQuillEditor_answer_${position}`\" v-model=\"content\" :config=\"config\" @blur=\"onBlur($event)\"\r\n      @focus=\"onFocus($event)\" />\r\n    <b-modal :id=\"`modal_upload_an_${position}`\" hide-footer>\r\n      <template v-slot:modal-title>Tải lên media</template>\r\n      <div class=\"d-block text-center editor-modal-media\">\r\n        <div class=\"form-group\">\r\n          <label class=\"display-block font-weight-bold\">Tải {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }} thông qua\r\n            link</label>\r\n          <input type=\"text\" class=\"form-control full-width\" ref=\"link_media\" />\r\n        </div>\r\n        <p class=\"display-block text-center full-width hr-center position-rel\">\r\n          <span class=\"position-rel\">Hoặc</span>\r\n        </p>\r\n        <div class=\"\r\n            form-group form-editor-media\r\n            position-rel\r\n            text-center\r\n            display-flex-center\r\n            justify-content-center\r\n          \">\r\n          <span class=\"margin-0\">Tải lên {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }}</span>\r\n          <input v-if=\"typeUpload === 'image'\" type=\"file\" name id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\"\r\n            accept=\"image/*\" />\r\n          <input v-else type=\"file\" ref=\"upMedia\" @change=\"uploadMedia\" :accept=\"typeUpload === 'video'\r\n      ? 'video/mp4,video/x-m4v,video/*'\r\n      : 'audio/*'\r\n    \" />\r\n        </div>\r\n        <div class=\"form-action text-right\">\r\n          <button type=\"button\" class=\"btn btn-primary\" @click=\"handleDoneUpload\">\r\n            Tải lên\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueCkeditor from \"vue-ckeditor2\";\r\n// import mixins from '@/helpers/mixins';\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport {\r\n  replaceHtmlMathlive,\r\n  setAlignImgEditor,\r\n  fillBlankEditor,\r\n  convertOldKatexData2Img,\r\n} from \"@/helpers/functions\";\r\nimport { uploadImg } from \"@/store/common/api\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n// import katex from 'katex';\r\n// const imgVideo = require('@/assets/images/video.png')\r\n// const imgAudio = require('@/assets/images/audio.png')\r\n// const imgFx = require('@/assets/images/fx.png')\r\n// const imgDraw = require('@/assets/images/draw.png')\r\n\r\n// Add plugin for editor\r\nif (!CKEDITOR.plugins.get(\"niw_btn_answer\")) {\r\n  CKEDITOR.plugins.add(\"niw_btn_answer\", {\r\n    init: function (editor) {\r\n      // Button drawshape\r\n      // editor.ui.addButton('drawShape', {\r\n      //        label: 'Vẽ hình',\r\n      //        command: 'drawShape',\r\n      //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n      //        toolbar: 'insert'\r\n      //    });\r\n\r\n      editor.ui.addButton(\"fillBlank\", {\r\n        label: \"Câu điền từ\",\r\n        command: \"fillBlank\",\r\n        icon: \"https://image.flaticon.com/icons/svg/106/106987.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      editor.ui.addButton(\"selectForm\", {\r\n        label: \"Lựa chọn câu trả lời\",\r\n        command: \"selectForm\",\r\n        icon: \"https://image.flaticon.com/icons/svg/30/30856.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      // Button upload img\r\n      editor.ui.addButton(\"uploadImg\", {\r\n        label: \"Tải hình ảnh\",\r\n        command: \"uploadImg\",\r\n        icon: \"https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14\",\r\n        toolbar: \"insert\",\r\n      });\r\n    },\r\n  });\r\n}\r\n\r\nexport default {\r\n  name: \"EdittorCKAnswer\",\r\n  // mixins: [mixins],\r\n  props: [\"contentEditor\", \"fillBlank\", \"position\", \"selectBox\", \"parentId\"],\r\n  data() {\r\n    return {\r\n      content: \"\",\r\n      editor: null,\r\n      typeUpload: \"\",\r\n      visibleModalMedia: false,\r\n      linkMediaUploaded: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    VueCkeditor,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      math_value: `common/math_value`,\r\n      open_math: `common/open_math`,\r\n      editor_selection: `common/editor_selection`,\r\n      // draw_shape_data: 'common/draw_shape_data',\r\n      toggle_draw: \"common/toggle_draw\",\r\n    }),\r\n    config() {\r\n      return this.configEditor();\r\n    },\r\n  },\r\n  watch: {\r\n    //  draw_shape_data(newVal, oldVal) {\r\n    //  \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n    //  \t\t// console.log(newVal.data);\r\n    //    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n    //    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n    //    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n    //    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n    //    CKEDITOR.instances[`myQuillEditor_answer_${newVal.position}`].insertHtml(htmlData);\r\n    // this.setDrawShapeData(null);\r\n    //  \t}\r\n    //  },\r\n    content: \"onChangeContent\",\r\n  },\r\n  created() {\r\n    // Convert old data use Katex\r\n    // this.convertKatex2Img()\r\n    this.content = this.contentEditor ? this.contentEditor : \"\";\r\n  },\r\n  mounted() {\r\n    // All action for all button\r\n    this.actionNiwBtn();\r\n  },\r\n  methods: {\r\n    ...mapActions(`common`, [\r\n      \"toggleFormMath\",\r\n      \"setContentSelectEditor\",\r\n      \"toggleDrawTool\",\r\n      \"setDrawShapeData\",\r\n    ]),\r\n\r\n    convertKatex2Img() {\r\n      if (this.contentEditor) {\r\n        this.content = convertOldKatexData2Img(this.contentEditor);\r\n      }\r\n    },\r\n\r\n    configEditor() {\r\n      let toolbarInsert = {\r\n        name: \"insert\",\r\n        items: [\r\n          \"uploadImg\",\r\n          \"Table\",\r\n          \"SpecialChar\",\r\n          \"Iframe\",\r\n          \"ckeditor_wiris_formulaEditor\",\r\n          \"ckeditor_wiris_formulaEditorChemistry\",\r\n        ],\r\n      };\r\n      if (this.fillBlank) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"fillBlank\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      if (this.selectBox) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"selectForm\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      return {\r\n        toolbar: [\r\n          {\r\n            name: \"basicstyles\",\r\n            items: [\r\n              \"Bold\",\r\n              \"Italic\",\r\n              \"Underline\",\r\n              \"Strike\",\r\n              \"Subscript\",\r\n              \"Superscript\",\r\n              \"-\",\r\n              \"CopyFormatting\",\r\n              \"RemoveFormat\",\r\n            ],\r\n          },\r\n          { name: \"colors\", items: [\"TextColor\", \"BGColor\"] },\r\n          {\r\n            name: \"paragraph\",\r\n            items: [\r\n              \"NumberedList\",\r\n              \"BulletedList\",\r\n              \"-\",\r\n              \"JustifyLeft\",\r\n              \"JustifyCenter\",\r\n              \"JustifyRight\",\r\n              \"JustifyBlock\",\r\n            ],\r\n          },\r\n          { name: \"links\", items: [\"Link\", \"Unlink\"] },\r\n          toolbarInsert,\r\n        ],\r\n        height: 100,\r\n        extraPlugins: \"niw_btn_answer,ckeditor_wiris\",\r\n        allowedContent: true,\r\n        font_defaultLabel: \"Arial\",\r\n        fontSize_defaultLabel: 16,\r\n        contentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"],\r\n      };\r\n    },\r\n\r\n    actionNiwBtn() {\r\n      let self = this;\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${self.position}`];\r\n      // Button drawshape\r\n      editor.addCommand(\"drawShape\", {\r\n        exec: function (edt) {\r\n          self.openDrawTool(self.position);\r\n        },\r\n      });\r\n\r\n      // Button create math\r\n      editor.addCommand(\"fillBlank\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion();\r\n        },\r\n      });\r\n      // Button create math\r\n      editor.addCommand(\"selectForm\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion(\"select\");\r\n        },\r\n      });\r\n\r\n      // Button upload img\r\n      editor.addCommand(\"uploadImg\", {\r\n        exec: function (edt) {\r\n          self.openModalUploadMedia(\"image\");\r\n        },\r\n      });\r\n    },\r\n\r\n    onBlur(evt) {\r\n      this.mouseLeave();\r\n      // console.log('Blur: ', evt);\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n    onFocus(evt) {\r\n      // console.log('Focus: ', evt.editor);\r\n      // evt.editor._.events.change;\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n\r\n    mouseLeave() {\r\n      // console.log('Mouse leave: ');\r\n      let frame = document.querySelector(\r\n        `#cke_myQuillEditor_answer_${this.position} iframe`\r\n      );\r\n      if (frame) {\r\n        let cntnt = frame.contentWindow.document;\r\n        // let parag = cntnt.getElementsByTagName(\"p\");\r\n        let parag =\r\n          cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n        let legthParag = parag.length;\r\n        let contentEdit = \"\";\r\n        if (legthParag > 0) {\r\n          for (let i = 0; i < legthParag; i++) {\r\n            contentEdit += parag[i].outerHTML;\r\n          }\r\n        }\r\n        // console.log(parag.length, contentEdit);\r\n        this.onEditorChange(contentEdit);\r\n      }\r\n    },\r\n\r\n    onChangeContent(val) {\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${this.position}`];\r\n      editor && this.onEditorChange(editor._.data);\r\n    },\r\n\r\n    onEditorChange(html) {\r\n      if (this.position) {\r\n        let data = {html, position: this.position};\r\n        // this.$bus.emit(`${CHANGE_TXT_ANSWER}_${this.position}`, data);\r\n        this.$emit('onEditorChange', data);\r\n      }\r\n\r\n    },\r\n    uploadImage(evt) {\r\n      let self = this;\r\n      // const files = evt.target.files[0];\r\n      // if (files) {\r\n      uploadImg(evt).then((res) => {\r\n        let linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n        linkImg && self.insertEmbedEditor(\"image\", linkImg);\r\n      });\r\n      // }\r\n    },\r\n\r\n    addFillBlankQuestion(type = \"blank\") {\r\n      fillBlankEditor(type, `myQuillEditor_answer_${this.position}`);\r\n    },\r\n\r\n    openModalUploadMedia(type) {\r\n      this.typeUpload = type;\r\n      this.$bvModal.show(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = true;\r\n    },\r\n\r\n    insertEmbedEditor(type = \"image\", link, embed = false) {\r\n      let self = this;\r\n      let htmlData;\r\n      if (type === \"image\") {\r\n        htmlData = `<img src=\"${link}\">`;\r\n      } else if (type === \"video\") {\r\n        if (embed && link.includes(\"youtube\")) {\r\n          htmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`;\r\n        } else if (embed && link.includes(\"vimeo\")) {\r\n          htmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\r\n        } else {\r\n          htmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n        }\r\n      } else if (type === \"audio\") {\r\n        htmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n      }\r\n      CKEDITOR.instances[`myQuillEditor_answer_${self.position}`].insertHtml(\r\n        htmlData\r\n      );\r\n\r\n      if (type === \"image\") {\r\n        self.$refs.upImg.value = \"\";\r\n      } else {\r\n        self.$refs.link_media.value = \"\";\r\n        self.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // self.visibleModalMedia = false;\r\n    },\r\n\r\n    uploadMedia(evt) {\r\n      let self = this;\r\n      // self.visibleModalMedia = false;\r\n      const files = evt.target.files[0];\r\n      // console.log(files);\r\n      if (files) {\r\n        uploadImg(files).then((res) => {\r\n          let linkImg = res.image.image_src;\r\n        });\r\n      }\r\n    },\r\n\r\n    handleDoneUpload() {\r\n      // console.log('Done: ', this.$refs);\r\n      let linkSocial = this.$refs.link_media.value;\r\n      let linkMedia = linkSocial;\r\n      let embedVideo = false;\r\n      if (linkSocial && linkSocial !== undefined) {\r\n        if (linkSocial.includes(\"youtube\")) {\r\n          let linkYT = linkSocial.split(\".com/watch?v=\");\r\n          linkMedia = linkYT[0] + \".com/embed/\" + linkYT[1];\r\n          embedVideo = true;\r\n        } else if (linkSocial.includes(\"vimeo\")) {\r\n          let linkVM = link.split(\"vimeo.com/\");\r\n          linkMedia = linkVM[0] + \"player.vimeo.com/video/\" + linkVM[1];\r\n          embedVideo = true;\r\n        }\r\n      } else {\r\n        linkMedia = this.linkMediaUploaded;\r\n      }\r\n      // console.log(linkMedia);\r\n\r\n      linkMedia &&\r\n        this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n      // this.visibleModalMedia = false;\r\n    },\r\n\r\n    handleCancelUpload() {\r\n      if (this.$refs.link_media && this.$refs.link_media.value) {\r\n        this.$refs.link_media.value = \"\";\r\n      }\r\n      if (this.$refs.upMedia && this.$refs.upMedia.value) {\r\n        this.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = false;\r\n      this.toggleFormMath({ visible: false, editor: null });\r\n    },\r\n\r\n    openDrawTool(location) {\r\n      this.toggleDrawTool(true);\r\n      this.setDrawShapeData({ position: location, type: \"question\" });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.editor-modal-media {\r\n  label {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  input {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .hr-center {\r\n    margin: 15px 0;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      height: 1px;\r\n      width: 60%;\r\n      background: #ccc;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    span {\r\n      padding: 0 20px;\r\n      background: #fff;\r\n    }\r\n  }\r\n\r\n  .form-editor-media {\r\n    width: 120px;\r\n    height: 120px;\r\n    border: 1px solid #d1d1d1;\r\n    margin: 0 auto;\r\n\r\n    input {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .form-action {\r\n    padding-top: 15px;\r\n    margin-top: 15px;\r\n    border-top: 1px solid #d1d1d1;\r\n\r\n    button {\r\n      height: 35px;\r\n    }\r\n  }\r\n}\r\n\r\n.cke_button__selectform .cke_button_label {\r\n  display: inline;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswer.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdittorCKAnswer.vue?vue&type=template&id=7011e4d6&scoped=true&\"\nimport script from \"./EdittorCKAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./EdittorCKAnswer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EdittorCKAnswer.vue?vue&type=style&index=0&id=7011e4d6&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"7011e4d6\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabContentElectronicLecture.vue?vue&type=style&index=0&id=36e947ab&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePrepareQuestions.vue?vue&type=style&index=0&id=36a7e714&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteDocument.vue?vue&type=style&index=0&id=0099d535&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePost.vue?vue&type=style&index=0&id=1ddb3ca0&lang=scss&scoped=true&\"","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswer.vue?vue&type=style&index=0&id=7011e4d6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-view-document\",staticClass:\"header-modal\",attrs:{\"size\":\"xl\",\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-view-document__body container wrap-form-create-update-chapter\"},[_c('ViewDocument',{staticClass:\"wrap-view-document\",attrs:{\"isShowAnswer\":true,\"isEnableWork\":false,\"item\":_vm.item}}),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                    Đóng\\n                    \"),_c('img',{staticClass:\"icon-close\",attrs:{\"src\":require(\"@/assets/img/x.png\"),\"alt\":\"\"}})])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-view-document\">\r\n            <div class=\"modal-view-document__body container wrap-form-create-update-chapter\">\r\n                <ViewDocument :isShowAnswer=\"true\" :isEnableWork=\"false\" class=\"wrap-view-document\" :item=\"item\" />\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">\r\n                        Đóng\r\n                        <img class=\"icon-close\" src=\"@/assets/img/x.png\" alt=\"\" />\r\n                    </a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport ViewDocument from './ViewDocument'\r\nimport {\r\n    TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n    TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE\r\n} from './../constants/constants_enum'\r\n\r\nexport default {\r\n    name: \"ModalViewDocument\",\r\n    components:{\r\n        ViewDocument\r\n    },\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            default: {}\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n            TYPE_FILE_PDF, TYPE_FILE_POWERPOINT, TYPE_FILE_WORD, TYPE_FILE_EXCEL, TYPE_FILE_IMAGE\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-view-document'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.icon-close{\r\n    width: 15px;\r\n}\r\n.wrap-view-document{\r\n    margin-top: 10px;\r\n}\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-view-document__body {\r\n    // height: 40rem;\r\n    padding: 20px;\r\n    background-color: white;\r\n    max-width: 90%;\r\n    height: 100vh;\r\n    overflow: scroll;\r\n    //height: 100%;\r\n    top: 0%;\r\n    left: 5%;\r\n    right: 0;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    margin: 0px;\r\n    .modal__actions{\r\n        position: absolute;\r\n        top: 0px;\r\n        right: 0px;\r\n        padding: 0px;\r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            color: black;\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewDocument.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalViewDocument.vue?vue&type=template&id=2a2db31c&scoped=true&\"\nimport script from \"./ModalViewDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalViewDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalViewDocument.vue?vue&type=style&index=0&id=2a2db31c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2a2db31c\",\n  null\n  \n)\n\nexport default component.exports","function debounce(fn, delay) {\r\n    var timeoutID = null\r\n    return function() {\r\n        clearTimeout(timeoutID)\r\n        var args = arguments\r\n        var that = this\r\n        timeoutID = setTimeout(function() {\r\n            fn.apply(that, args)\r\n        }, delay)\r\n    }\r\n}\r\n\r\ndirective.debounce = debounce\r\n\r\nfunction directive(el, binding) {\r\n    if (binding.value !== binding.oldValue) {\r\n        el.oninput = directive.debounce(function(evt) {\r\n            el.dispatchEvent(new Event('change'))\r\n        }, parseInt(binding.value) || 500)\r\n    }\r\n}\r\n\r\nmodule.exports = directive","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailElectronicLectureWarehouse.vue?vue&type=style&index=0&id=4548e3e2&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/soan-tai-lieu\"}},[_vm._v(\"Soạn tài liệu\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/soan-tai-lieu\"}},[_vm._v(\"Bài giảng điện tử\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(_vm._s(_vm.nameLecture))])],1)])])]),_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"name-leson mt-3\"},[(!_vm.isEditNameLesson)?_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.dataElectronicLecture.name))]),(Number(_vm.isEdit) == 1)?_c('img',{staticClass:\"icon-edit\",attrs:{\"src\":require(\"@/assets/img/edit.png\")},on:{\"click\":_vm.handleEditNameLesson}}):_vm._e()]):_c('div',{staticClass:\"display-flex\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"numberLesson\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài giảng\",\"autocomplete\":\"off\"},model:{value:(_vm.nameLesson),callback:function ($$v) {_vm.nameLesson=$$v},expression:\"nameLesson\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCancelEditNameLesson}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-agree font-size-17 btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleUpdateName()}}},[_vm._v(\"Đồng ý\")])])])])]),_c('b-tabs',{attrs:{\"pills\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Thông tin\",\"active\":_vm.tabActive == _vm.tabInfo},on:{\"click\":function($event){return _vm.handleOnChangeTab(_vm.tabInfo)}}},[(_vm.tabActive == _vm.tabInfo && _vm.dataElectronicLecture.name)?_c('TabInfoElectronicLecture',{attrs:{\"type\":_vm.ELECTRONIC_LECTURE_WAREHOUSE,\"dataElectronicLecture\":_vm.dataElectronicLecture,\"isEdit\":Number(_vm.isEdit)},on:{\"getDetailLessonClassSchool\":_vm.getDetailLessonClassSchool}}):_vm._e()],1),_c('b-tab',{attrs:{\"title\":\"Nội dung\",\"active\":_vm.tabActive == _vm.tabContent},on:{\"click\":function($event){return _vm.handleOnChangeTab(_vm.tabContent)}}},[(_vm.tabActive == _vm.tabContent && _vm.dataElectronicLecture.name)?_c('TabContentElectronicLecture',{attrs:{\"type\":_vm.ELECTRONIC_LECTURE_WAREHOUSE,\"dataElectronicLecture\":_vm.dataElectronicLecture,\"isEdit\":Number(_vm.isEdit)}}):_vm._e()],1),_c('b-tab',{attrs:{\"title\":\"Tài liệu đính kèm\",\"active\":_vm.tabActive == _vm.tabDocument},on:{\"click\":function($event){return _vm.handleOnChangeTab(_vm.tabDocument)}}},[(_vm.tabActive == _vm.tabDocument && _vm.dataElectronicLecture.name)?_c('TabAttachment',{attrs:{\"type\":_vm.ELECTRONIC_LECTURE_WAREHOUSE,\"dataElectronicLecture\":_vm.dataElectronicLecture,\"isEdit\":Number(_vm.isEdit)}}):_vm._e()],1)],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"margin-top-10 display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-btn-add-chapter\"},[(_vm.isEdit == 1)?_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleAddChapter}},[_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus.png\")}}),_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus-hover.png\")}}),_vm._v(\"\\n                Thêm chương\\n            \")]):_vm._e()])]),(_vm.listChapterClassSchool.length > 0)?_c('vueCustomScrollbar',{staticClass:\"b-chapter-scroll\"},_vm._l((_vm.listChapterClassSchool),function(item,index){return _c('ChapterClassSchool',{key:index,attrs:{\"item\":item,\"isEdit\":_vm.isEdit},on:{\"handleDeleteChapter\":_vm.handleDeleteChapter,\"handleEditChapter\":_vm.handleEditChapter,\"handleAddPost\":_vm.handleAddPost,\"handleToggerCollapse\":_vm.handleToggerCollapse},scopedSlots:_vm._u([{key:\"post\",fn:function(){return [_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"visible\":item.isCollapse}},[_c('vueCustomScrollbar',{staticClass:\"b-post-scroll\"},_vm._l((item.listPostClassSchool),function(post,indexPost){return _c('PostClassSchool',{key:indexPost,attrs:{\"item\":post,\"isEdit\":_vm.isEdit},on:{\"handleEditPost\":_vm.handleEditPost,\"handleDeletePost\":_vm.handleDeletePost,\"handleAddDocument\":_vm.handleAddDocument},scopedSlots:_vm._u([{key:\"document\",fn:function(){return _vm._l((post.listDocumentClassSchool),function(document,indexDocument){return _c('DocumentClassSchool',{key:indexDocument,attrs:{\"item\":document,\"isEdit\":_vm.isEdit},on:{\"handleEditDocument\":_vm.handleEditDocument,\"handleViewDocument\":_vm.handleViewDocument,\"handleDeleteDocument\":_vm.handleDeleteDocument}})})},proxy:true}],null,true)})}),1)],1)]},proxy:true}],null,true)})}),1):_c('div',{staticClass:\"text-center\"},[_vm._v(\"Bài giảng chưa có nội dung\")]),(_vm.isOpenModalCreateUpdateChapter)?_c('ModalCreateUpdateChapter',{attrs:{\"type\":_vm.paramQueryData.type,\"chapterId\":_vm.chapterClassSchoolIdCurrent},on:{\"closeModal\":_vm.closeModalCreateUpdateChapter,\"handleDone\":_vm.handleDone}}):_vm._e(),(_vm.isOpenModalDeleteChapter)?_c('ModalDeleteChapter',{attrs:{\"chapterId\":_vm.chapterClassSchoolIdCurrent},on:{\"handleDeleteDone\":_vm.handleDeleteDone,\"closeModal\":_vm.closeModalDeleteChapter}}):_vm._e(),(_vm.isOpenModalCreateUpdatePoster)?_c('ModalCreateUpdatePost',{attrs:{\"chapterId\":_vm.chapterClassSchoolIdCurrent,\"posterId\":_vm.posterClassSchoolIdCurrent},on:{\"closeModal\":_vm.closeModalCreateUpdatePoster,\"handleDone\":_vm.handleDonePoster}}):_vm._e(),(_vm.isOpenModalDeletePost)?_c('ModalDeletePost',{attrs:{\"posterId\":_vm.posterClassSchoolIdCurrent},on:{\"handleDeleteDone\":_vm.handleDeletePostDone,\"closeModal\":_vm.closeModalDeletePost}}):_vm._e(),(_vm.isOpenModalCreateUpdateDocument)?_c('ModalCreateUpdateDocument',{attrs:{\"chapterId\":_vm.chapterClassSchoolIdCurrent,\"postId\":_vm.posterClassSchoolIdCurrent,\"documentId\":_vm.documentClassSchoolIdCurrent},on:{\"handleDoneModalPrepareQuestions\":_vm.handleDoneModalPrepareQuestions,\"handleShowModalLectureLibrary\":_vm.handleShowModalLectureLibrary,\"closeModal\":_vm.closeModalCreateUpdateDocument,\"handleDone\":_vm.handleDoneDocument}}):_vm._e(),(_vm.isOpenModalDeleteDocument)?_c('ModalDeleteDocument',{attrs:{\"documentId\":_vm.documentClassSchoolIdCurrent},on:{\"handleDeleteDone\":_vm.handleDeleteDocumentDone,\"closeModal\":_vm.closeModalDeleteDocument}}):_vm._e(),(_vm.isShowModalCreateUpdatePrepareQuestions)?_c('ModalCreateUpdatePrepareQuestions',{attrs:{\"documentName\":_vm.documentNameCurrent,\"documentId\":_vm.documentClassSchoolIdCurrent},on:{\"closeModal\":_vm.closeModalPrepareQuestions,\"handleDone\":_vm.handleDonePrepareQuestions}}):_vm._e(),(_vm.isOpenModalViewDocument)?_c('ModalViewDocument',{attrs:{\"item\":_vm.itemSelected},on:{\"closeModal\":_vm.closeModalViewDocument}}):_vm._e(),(_vm.isOpenModalLectureLibrary)?_c('ModalLectureLibrary',{attrs:{\"form\":_vm.dataDocumment},on:{\"handleDone\":_vm.handleDoneModalLectureLibrary,\"closeModal\":_vm.closeModalLectureLibrary}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-update-class-school\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tên chương:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên chương\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên chương\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabled}},[_vm._v(\"\\n                        \"+_vm._s(_vm.chapterId > 0 ? 'Cập nhật' : 'Thêm mới')+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-update-class-school\"\r\n            @hidden=\"resetModal\">\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                </h4>\r\n                <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Tên chương:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên chương\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.name.required && submitted\">\r\n                                    Vui lòng nhập tên chương\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isDisabled\">\r\n                            {{ chapterId > 0 ? 'Cập nhật' : 'Thêm mới' }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required } from 'vuelidate/lib/validators';\r\nimport { saveChapterClassSchool,getDetail } from './../../../_api/chapterClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        type: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabled:false,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId:0,\r\n                name: ''\r\n            }\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.chapterId==0?'Tạo chương':'Cập nhật chương'\r\n        }\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        if(this.chapterId >0){\r\n            //get detail\r\n            this.getDetailChapterClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        getDetailChapterClassSchool(){\r\n            let self = this\r\n            getDetail(this.chapterId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.form = {\r\n                        id:res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        name: res.data.name,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleSave() {\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                self.isDisabled = true\r\n                saveChapterClassSchool(this.form).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        if (this.form.id > 0) {\r\n                            self.$toast.success('Cập nhật chương thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới chương thành công')\r\n                        }\r\n\r\n                        self.handleDone()\r\n                    }\r\n                    self.isDisabled = false\r\n                })\r\n            }\r\n        },\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                name: ''\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-class-school'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-class-school'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-class-school'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\">\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n.justity-content-center {\r\n    justify-content: center\r\n}\r\n.cg-1 {\r\n    column-gap: 1rem;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdateChapter.vue?vue&type=template&id=55b91b80&\"\nimport script from \"./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdateChapter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdateChapter.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"indented margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left\"},[_c('div',{staticClass:\"wrap-name-item display-flex justify-content-space-between\",on:{\"click\":_vm.handleToggerCollapse}},[(_vm.item.listPostClassSchool.length > 0)?_c('img',{staticClass:\"icon-down-arrow\",attrs:{\"src\":require(\"@/assets/img/down-arrow.png\")}}):_vm._e(),_vm._v(\"\\n                     \\n                \"),_c('h5',{staticClass:\"name-chapter\"},[_vm._v(_vm._s(_vm.item.name))])])]),_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1 btn-add-post\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleAddPost}},[_vm._v(\"\\n                Thêm bài\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleEditChapter}},[_vm._v(\"\\n                Sửa tên chương\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDeleteChapter}},[_vm._v(\"\\n                Xóa chương\\n            \")]):_vm._e()])]),_vm._t(\"post\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"indented margin-top-10\">\r\n        <div class=\"display-flex justify-content-space-between\">\r\n            <div class=\"wrap-left\">\r\n                <div @click=\"handleToggerCollapse\" class=\"wrap-name-item display-flex justify-content-space-between\">\r\n                    <img v-if=\"item.listPostClassSchool.length > 0\" class=\"icon-down-arrow\"\r\n                        src=\"@/assets/img/down-arrow.png\" />\r\n                    &nbsp; &nbsp; &nbsp;\r\n                    <h5 class=\"name-chapter\">{{ item.name }}</h5>\r\n\r\n                </div>\r\n            </div>\r\n            <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                <button type=\"button\" @click=\"handleAddPost\"\r\n                    class=\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1 btn-add-post\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Thêm bài\r\n                </button>\r\n                <button type=\"button\" @click=\"handleEditChapter\"\r\n                    class=\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Sửa tên chương\r\n                </button>\r\n                <button type=\"button\" @click=\"handleDeleteChapter\"\r\n                    class=\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Xóa chương\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <slot name=\"post\">\r\n        </slot>\r\n\r\n    </div>\r\n</template>\r\n<script>\r\n\r\nexport default {\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false\r\n        }\r\n    },\r\n    methods: {\r\n        handleToggerCollapse(item) {\r\n            this.$emit('handleToggerCollapse', this.item)\r\n        },\r\n        handleAddPost() {\r\n            this.$emit('handleAddPost', this.item)\r\n        },\r\n        handleEditChapter() {\r\n            this.$emit('handleEditChapter', this.item)\r\n        },\r\n        handleDeleteChapter() {\r\n            this.$emit('handleDeleteChapter', this.item)\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-name-item {\r\n    cursor: pointer;\r\n}\r\n\r\n.icon-down-arrow {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n\r\n.name-chapter {\r\n    color: #626262;\r\n}\r\n\r\n.btn-delete {\r\n    background-color: red;\r\n    color: white;\r\n    margin-left: 5px;\r\n}\r\n\r\n.btn-edit {\r\n    background-color: #7ea8c7;\r\n    color: rgb(70, 69, 69);\r\n    margin-left: 5px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.indented {\r\n    margin-left: 20px;\r\n    /* Đặt giá trị thụt cách tùy ý */\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChapterClassSchool.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChapterClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChapterClassSchool.vue?vue&type=template&id=be8e9774&scoped=true&\"\nimport script from \"./ChapterClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./ChapterClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ChapterClassSchool.vue?vue&type=style&index=0&id=be8e9774&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"be8e9774\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"indented margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left\"},[_c('h6',[_c('strong',[_vm._v(_vm._s(_vm.item.name))])])]),_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleAddDocument}},[_vm._v(\"\\n                Thêm bài giảng\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleEditPost}},[_vm._v(\"\\n                Sửa tên bài\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDeletePost}},[_vm._v(\"\\n                Xóa bài\\n            \")]):_vm._e()])]),_vm._t(\"document\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"indented margin-top-10\">\r\n        <div class=\"display-flex justify-content-space-between\">\r\n            <div class=\"wrap-left\">\r\n                <h6><strong>{{ item.name }}</strong></h6>\r\n            </div>\r\n            <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                <button type=\"button\" @click=\"handleAddDocument\"\r\n                    class=\"btn btn-main border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Thêm bài giảng\r\n                </button>\r\n                <button type=\"button\" @click=\"handleEditPost\"\r\n                    class=\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Sửa tên bài\r\n                </button>\r\n                <button type=\"button\" @click=\"handleDeletePost\"\r\n                    class=\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Xóa bài\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <slot name=\"document\">\r\n        </slot>\r\n    </div>\r\n</template>\r\n<script>\r\nexport default {\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false\r\n        }\r\n    },\r\n    methods: {\r\n        handleAddDocument() {\r\n            this.$emit('handleAddDocument', this.item)\r\n        },\r\n        handleEditPost() {\r\n            this.$emit('handleEditPost', this.item)\r\n        },\r\n        handleDeletePost() {\r\n            this.$emit('handleDeletePost', this.item)\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.btn-delete {\r\n    background-color: red;\r\n    color: white;\r\n    margin-left: 5px;\r\n}\r\n\r\n.btn-edit {\r\n    background-color: #7ea8c7;\r\n    color: rgb(70, 69, 69);\r\n    margin-left: 5px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.indented {\r\n    margin-left: 20px;\r\n    /* Đặt giá trị thụt cách tùy ý */\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PostClassSchool.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PostClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PostClassSchool.vue?vue&type=template&id=a0589dce&scoped=true&\"\nimport script from \"./PostClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./PostClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PostClassSchool.vue?vue&type=style&index=0&id=a0589dce&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"a0589dce\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-delete-chapter\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-chapter__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa chương\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa chương này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-chapter\">\r\n            <div class=\"modal-delete-chapter__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa chương\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa chương này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deleteChapterClassSchool } from './../../../_api/chapterClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDeleteClassSchool\",\r\n    props: {\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deleteChapterClassSchool(this.chapterId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa chương thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-chapter'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-chapter__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteChapter.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteChapter.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeleteChapter.vue?vue&type=template&id=3be13ab5&scoped=true&\"\nimport script from \"./ModalDeleteChapter.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeleteChapter.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeleteChapter.vue?vue&type=style&index=0&id=3be13ab5&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3be13ab5\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-update-post\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tạo bài:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên bài\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabledButton}},[_vm._v(\"\\n                        \"+_vm._s(_vm.posterId > 0 ? 'Cập nhật' : 'Thêm mới')+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const savePostClassSchool = params => {\r\n    let apiEndpoint = `PostClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listPostClassSchool = params => {\r\n    let apiEndpoint = `PostClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `PostClassSchool/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deletePostClassSchool = id => {\r\n    let apiEndpoint = `PostClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-update-post\"\r\n            @hidden=\"resetModal\">\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                </h4>\r\n                <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Tạo bài:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên bài\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.name.required && submitted\">\r\n                                    Vui lòng nhập tên bài\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isDisabledButton\">\r\n                            {{ posterId > 0 ? 'Cập nhật' : 'Thêm mới' }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required } from 'vuelidate/lib/validators';\r\nimport { savePostClassSchool,getDetail } from './../../../_api/postClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        posterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabledButton:false,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId:0,\r\n                chapterId:0,\r\n                name: '',\r\n            }\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.posterId==0?'Tạo bài':'Cập nhật bài'\r\n        }\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        this.form.chapterId = this.chapterId\r\n        if(this.posterId >0){\r\n            //get detail\r\n            this.getDetailPostClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        getDetailPostClassSchool(){\r\n            let self = this\r\n            getDetail(this.posterId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.form = {\r\n                        id:res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        name: res.data.name,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleSave() {\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                self.isDisabledButton = true\r\n                savePostClassSchool(this.form).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        if (this.form.id > 0) {\r\n                            self.$toast.success('Cập nhật bài thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới bài thành công')\r\n                        }\r\n\r\n                        self.handleDone()\r\n                    }\r\n                    self.isDisabledButton = false\r\n                })\r\n            }\r\n        },\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                name: ''\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-post'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-post'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-post'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n.justify-content-center {\r\n    justify-content: center\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdatePost.vue?vue&type=template&id=1ddb3ca0&scoped=true&\"\nimport script from \"./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdatePost.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdatePost.vue?vue&type=style&index=0&id=1ddb3ca0&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"1ddb3ca0\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-delete-poster\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-poster__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa bài\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa bài này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-poster\">\r\n            <div class=\"modal-delete-poster__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa bài\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa bài này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deletePostClassSchool } from './../../../_api/postClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDeleteClassSchool\",\r\n    props: {\r\n        posterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deletePostClassSchool(this.posterId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa bài thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-poster'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-poster__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeletePost.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeletePost.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeletePost.vue?vue&type=template&id=3c118577&scoped=true&\"\nimport script from \"./ModalDeletePost.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeletePost.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeletePost.vue?vue&type=style&index=0&id=3c118577&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3c118577\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-update-class-school\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))])]),_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Tên bài giảng:\")]),_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"name\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài giảng\",\"autocomplete\":\"off\"},model:{value:(_vm.form.name),callback:function ($$v) {_vm.$set(_vm.form, \"name\", $$v)},expression:\"form.name\"}}),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập tên bài giảng\\n                            \")]):_vm._e()],1)])]),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block display-flex\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Loại bài giảng:\")]),_c('div',{staticClass:\"wrap-input\"},[_c('b-form-select',{attrs:{\"options\":_vm.listTypeDocument},on:{\"change\":_vm.handleOnChangeTypeDocument},model:{value:(_vm.form.typeDocument),callback:function ($$v) {_vm.$set(_vm.form, \"typeDocument\", $$v)},expression:\"form.typeDocument\"}},[_c('option',{attrs:{\"value\":\"\"}},[_vm._v(\"Chọn để tiếp tục\")])]),(!_vm.$v.form.name.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                    Vui lòng nhập loại bài giảng\\n                                \")]):_vm._e()],1)])])]),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"hidden\":\"\",\"type\":\"file\",\"name\":\"file\",\"id\":\"fileInputUpload\",\"accept\":\".pptx,.docx,.xlsx,.pdf,.h5p\"},on:{\"change\":_vm.onChangeUploadFile}}),(!(_vm.form.file || _vm.form.fileName) && (_vm.form.typeDocument == _vm.TYPE_H5P || _vm.form.typeDocument == _vm.TYPE_DOCUMENT))?_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('div',{staticClass:\"wrap-upload-file display-flex justify-content-space-between\",class:_vm.isDragging ? 'upload-drag' : '',on:{\"dragover\":_vm.dragoverUploadFile,\"dragleave\":_vm.dragleaveUploadFile,\"drop\":_vm.dropUploadFile}},[_c('div',{staticClass:\"upload-file-left\"},[_c('img',{staticClass:\"icon-upload\",attrs:{\"src\":require(\"@/assets/img/upload.png\")}})]),_c('div',{staticClass:\"upload-file-center\"},[_c('div',[_c('strong',[_vm._v(\"Thêm hoặc kéo thả\")])]),_c('div',[_vm._v(\"\\n                                        Hỗ trợ các định dạng .pptx, .docx, .xlsx, .pdf\\n                                    \")]),_c('div',[_vm._v(\"\\n                                        Mỗi lần chỉ tải 1 file, dung lượng file không vượt quá 15MB\\n                                    \")])]),_c('div',{staticClass:\"upload-file-right\"},[_c('button',{staticClass:\"btn btn-upload border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.onUploadFile}},[_vm._v(\"\\n                                        CHỌN FILE\\n                                    \")])])]),(!_vm.$v.form.fileName.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng chọn file tài liệu\\n                            \")]):_vm._e()]):((_vm.form.file || _vm.form.fileName) && (_vm.form.typeDocument == _vm.TYPE_H5P || _vm.form.typeDocument == _vm.TYPE_DOCUMENT))?_c('div',{staticClass:\"display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"File bài giảng:\")]),_c('div',{staticClass:\"wrap-file-data display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left display-flex\"},[_c('img',{staticClass:\"icon-photo\",attrs:{\"src\":require(\"@/assets/img/photo.png\")}}),_c('div',{staticClass:\"name-file\"},[_vm._v(\"\\n                                        \"+_vm._s(_vm.form.file ? _vm.form.file.name : _vm.form.fileName)+\"\\n                                    \")])]),_c('div',{staticClass:\"wrap-right display-flex\"},[_c('div',{staticClass:\"size-file\"},[_vm._v(_vm._s(_vm.formatSizeFile(_vm.form.sizeFile)))]),_c('img',{staticClass:\"btn-delete\",attrs:{\"src\":require(\"@/assets/img/icon-close.png\")},on:{\"click\":_vm.handleOnRemoveFile}})])])]):_vm._e()])]),(_vm.form.typeDocument == _vm.FILE_YOUTUBE || _vm.form.typeDocument == _vm.FILE_CANVA || _vm.form.typeDocument == _vm.FILE_LINK)?_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"path\"}},[_vm._v(\"Link tài liệu:\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.form.link),expression:\"form.link\"}],staticClass:\"form-control\",attrs:{\"id\":\"path\",\"type\":\"text\",\"placeholder\":\"link tài liệu\",\"autocomplete\":\"off\"},domProps:{\"value\":(_vm.form.link)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.form, \"link\", $event.target.value)}}}),(!_vm.$v.form.link.required && _vm.submitted)?_c('span',{staticClass:\"error display-block color-err font-size-14 text-left\"},[_vm._v(\"\\n                                Vui lòng nhập link tài liệu\\n                            \")]):_vm._e()])])]):_vm._e(),(_vm.form.typeDocument == _vm.TYPE_TEST)?_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"Sau khi cập nhật, cần tạo câu hỏi cho bài kiểm tra\")])])])]):_vm._e(),_c('div',{staticClass:\"row form-group pb-2\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"login-modal__form__item display-block\"},[_c('label',{on:{\"click\":function($event){_vm.isOpenModalView = true}}},[_vm._v(\"Hướng dẫn tạo bài giảng\")]),(_vm.isOpenModalView)?_c('ModalViewInformation',{on:{\"closeModal\":function($event){_vm.isOpenModalView = false}}}):_vm._e()],1)])]),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                        Hủy\\n                    \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isLoading || _vm.form.typeDocument == ''}},[_vm._v(\"\\n                        \"+_vm._s(_vm.getNameCommit)+\"\\n                    \")])])])],1)])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import HttpService from \"@/utils/httpData\"\r\n\r\nexport const saveDocumentClassSchool = params => {\r\n    let apiEndpoint = `DocumentClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params, {\r\n        headers: { 'Content-Type': 'multipart/form-data' }\r\n    }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const saveDocument = params => {\r\n    let apiEndpoint = `DocumentClassSchool/CreateDocument`;\r\n    return HttpService.post(apiEndpoint, params, {\r\n        headers: { 'Content-Type': 'multipart/form-data' }\r\n    }).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listDocumentClassSchool = params => {\r\n    let apiEndpoint = `DocumentClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `DocumentClassSchool/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deleteDocumentClassSchool = id => {\r\n    let apiEndpoint = `DocumentClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const updateNameDocument = params => {\r\n    let apiEndpoint = `DocumentClassSchool/update-name`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getListBookLessonPlan = params => {\r\n    let apiEndpoint = `DocumentClassSchool/GetListBookLessonPlan`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-view-lesson\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-lesson__body container wrap-form-create-update-chapter\"},[_c('div',{staticClass:\"modal__actions text-right\"},[_c('h4',[_c('strong',[_vm._v(\"Trợ giúp\")])]),_c('img',{staticClass:\"icon-delete btn-close custom-cursor\",attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),_c('div',{staticClass:\"modal__contents\"},[_c('p',[_vm._v(\"Hướng dẫn sử dụng chức năng\")]),_c('video',{attrs:{\"width\":\"320\",\"height\":\"240\",\"controls\":\"\"}},[_c('source',{attrs:{\"src\":\"https://www.youtube.com/watch?v=jyoFEA0o1XQ\",\"type\":\"\"}}),_vm._v(\"\\n                    Your browser does not support the video tag.\\n                \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-view-lesson\">\r\n            <div class=\"modal-delete-lesson__body container wrap-form-create-update-chapter\">\r\n                <!-- <h4>\r\n                    <strong>\r\n                        Xóa {{ getNameType }}\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa {{ getNameType }} này không? <br />\r\n                </p> -->\r\n                <div class=\"modal__actions text-right\">\r\n                    <h4><strong>Trợ giúp</strong></h4>\r\n                    <img class=\"icon-delete btn-close custom-cursor\" src=\"@/assets/img/x.png\"\r\n                        @click=\"handleHideModal\" />\r\n                    <!-- <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\"></a> -->\r\n                    <!-- <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a> -->\r\n                </div>\r\n\r\n                <div class=\"modal__contents\">\r\n\r\n                    <p>Hướng dẫn sử dụng chức năng</p>\r\n                    <video width=\"320\" height=\"240\" controls>\r\n                        <source src=\"https://www.youtube.com/watch?v=jyoFEA0o1XQ\" type=\"\">\r\n                        Your browser does not support the video tag.\r\n                    </video>\r\n                    <!-- <iframe width=\"420\" height=\"345\" src=\"https://www.youtube.com/watch?v=jyoFEA0o1XQ\">\r\n                    </iframe> -->\r\n\r\n                </div>\r\n\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ModalViewInformation\",\r\n    mounted() {\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-view-lesson'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n/* .btn-cancel {\r\n    color: black;\r\n    background-color: red;\r\n    border-radius: 50%;\r\n    \r\n} */\r\n\r\n.btn-close {\r\n    width: 10px;\r\n}\r\n\r\n.custom-cursor {\r\n    cursor: pointer;\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewInformation.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewInformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalViewInformation.vue?vue&type=template&id=d845a594&scoped=true&\"\nimport script from \"./ModalViewInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalViewInformation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalViewInformation.vue?vue&type=style&index=0&id=d845a594&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"d845a594\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-update-class-school\"\r\n            @hidden=\"resetModal\">\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <h4>\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                </h4>\r\n                <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Tên bài giảng:</label>\r\n                                <b-form-input id=\"name\" v-model=\"form.name\" type=\"text\" placeholder=\"Nhập tên bài giảng\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.name.required && submitted\">\r\n                                    Vui lòng nhập tên bài giảng\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block display-flex\">\r\n                                <label for=\"name\">Loại bài giảng:</label>\r\n                                <div class=\"wrap-input\">\r\n                                    <b-form-select @change=\"handleOnChangeTypeDocument\" v-model=\"form.typeDocument\"\r\n                                        :options=\"listTypeDocument\" class=\"\">\r\n                                        <option value=\"\">Chọn để tiếp tục</option>\r\n                                    </b-form-select>\r\n                                    <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                        v-if=\"!$v.form.name.required && submitted\">\r\n                                        Vui lòng nhập loại bài giảng\r\n                                    </span>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <input hidden type=\"file\" name=\"file\" id=\"fileInputUpload\" class=\"hidden-input\"\r\n                                @change=\"onChangeUploadFile\" ref=\"file\" accept=\".pptx,.docx,.xlsx,.pdf,.h5p\" />\r\n                            <div v-if=\"!(form.file || form.fileName) && (form.typeDocument == TYPE_H5P || form.typeDocument == TYPE_DOCUMENT)\"\r\n                                class=\"login-modal__form__item display-block\">\r\n                                <div @dragover=\"dragoverUploadFile\" @dragleave=\"dragleaveUploadFile\"\r\n                                    @drop=\"dropUploadFile\"\r\n                                    class=\"wrap-upload-file display-flex justify-content-space-between\"\r\n                                    :class=\"isDragging ? 'upload-drag' : ''\">\r\n                                    <div class=\"upload-file-left\">\r\n                                        <img class=\"icon-upload\" src=\"@/assets/img/upload.png\" />\r\n                                    </div>\r\n                                    <div class=\"upload-file-center\">\r\n                                        <div><strong>Thêm hoặc kéo thả</strong></div>\r\n                                        <div>\r\n                                            Hỗ trợ các định dạng .pptx, .docx, .xlsx, .pdf\r\n                                        </div>\r\n                                        <div>\r\n                                            Mỗi lần chỉ tải 1 file, dung lượng file không vượt quá 15MB\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"upload-file-right\">\r\n                                        <button @click=\"onUploadFile\" type=\"button\"\r\n                                            class=\"btn btn-upload border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\">\r\n                                            CHỌN FILE\r\n                                        </button>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.fileName.required && submitted\">\r\n                                    Vui lòng chọn file tài liệu\r\n                                </span>\r\n                            </div>\r\n\r\n                            <div v-else-if=\"(form.file || form.fileName) && (form.typeDocument == TYPE_H5P || form.typeDocument == TYPE_DOCUMENT)\"\r\n                                class=\"display-block\">\r\n                                <label for=\"name\">File bài giảng:</label>\r\n                                <div class=\"wrap-file-data display-flex justify-content-space-between\">\r\n\r\n                                    <div class=\"wrap-left display-flex\">\r\n                                        <img class=\"icon-photo\" src=\"@/assets/img/photo.png\" />\r\n                                        <div class=\"name-file\">\r\n                                            {{ form.file ? form.file.name : form.fileName }}\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"wrap-right display-flex\">\r\n                                        <div class=\"size-file\">{{ formatSizeFile(form.sizeFile) }}</div>\r\n                                        <img @click=\"handleOnRemoveFile\" class=\"btn-delete\"\r\n                                            src=\"@/assets/img/icon-close.png\" />\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"form.typeDocument == FILE_YOUTUBE || form.typeDocument == FILE_CANVA || form.typeDocument == FILE_LINK\"\r\n                        class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"path\">Link tài liệu:</label>\r\n                                <input id=\"path\" v-model=\"form.link\" type=\"text\" placeholder=\"link tài liệu\"\r\n                                    autocomplete=\"off\" class=\"form-control\" />\r\n                                <span class=\"error display-block color-err font-size-14 text-left\"\r\n                                    v-if=\"!$v.form.link.required && submitted\">\r\n                                    Vui lòng nhập link tài liệu\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"form.typeDocument == TYPE_TEST\" class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label for=\"name\">Sau khi cập nhật, cần tạo câu hỏi cho bài kiểm tra</label>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row form-group pb-2\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"login-modal__form__item display-block\">\r\n                                <label @click=\"isOpenModalView = true\">Hướng dẫn tạo bài giảng</label>\r\n                                <ModalViewInformation @closeModal=\"isOpenModalView = false\" v-if=\"isOpenModalView\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"form_action display-flex justity-content-center cg-1\">\r\n                        <button type=\"button\"\r\n                            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                            Hủy\r\n                        </button>\r\n                        <button type=\"submit\"\r\n                            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                            :disabled=\"isLoading || form.typeDocument == ''\">\r\n                            {{ getNameCommit }}\r\n                        </button>\r\n                    </div>\r\n                </b-form>\r\n            </div>\r\n\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { required, requiredIf } from 'vuelidate/lib/validators';\r\nimport { saveDocumentClassSchool, getDetail } from './../../../_api/documentClassSchoolServices'\r\nimport { TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,REFERENCE_LECTURE } from './../../../constants/constants_enum'\r\nimport ModalViewInformation from '../ModalViewInformation.vue';\r\n\r\n\r\nexport default {\r\n    components: {\r\n        ModalViewInformation\r\n    },\r\n    props: {\r\n        chapterId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        postId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        documentId: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                chapterId: 0,\r\n                postId: 0,\r\n                name: '',\r\n                typeDocument: '',\r\n                fileName: '',\r\n                pathFile: '',\r\n                link: '',\r\n                sizeFile: 0,\r\n                file: null, //lưu trữ file upload\r\n            },\r\n            isOpenModalView: false,\r\n            isDragging: false,\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,\r\n            REFERENCE_LECTURE,\r\n            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: REFERENCE_LECTURE, text: 'Bài giảng tham khảo lấy từ thư viện' },\r\n                { value: TYPE_DOCUMENT, text: 'Dạng tài liệu' },\r\n                { value: TYPE_TEST, text: 'Dạng kiểm tra' },\r\n                { value: FILE_YOUTUBE, text: 'Dạng youtube' },\r\n                { value: FILE_CANVA, text: 'Dạng canva' },\r\n                { value: FILE_LINK, text: 'Dạng nhúng' },\r\n            ]\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            form: {\r\n                name: {\r\n                    required\r\n                },\r\n                typeDocument: {\r\n                    required\r\n                },\r\n                fileName: { required: requiredIf(() => (this.form.typeDocument == TYPE_H5P || this.form.typeDocument == TYPE_DOCUMENT)) },\r\n                link: { required: requiredIf(() => (this.form.typeDocument == FILE_LINK || this.form.typeDocument == FILE_CANVA || this.form.typeDocument == FILE_YOUTUBE)) }\r\n            }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.documentId == 0 ? 'Thêm bài giảng' : 'Cập nhật bài giảng'\r\n        },\r\n        getNameCommit() {\r\n            return this.form.typeDocument == TYPE_TEST ? 'Tiếp tục' : (this.documentId > 0 ? 'Cập nhật' : 'Thêm mới')\r\n        },\r\n    },\r\n    mounted() {\r\n        this.form.lessonClassSchoolId = this.$route.query.id\r\n        this.form.chapterId = this.chapterId\r\n        this.form.postId = this.postId\r\n        if (this.documentId > 0) {\r\n            //get detail\r\n            this.getDetailDocumentClassSchool()\r\n        }\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        getDetailQuestion() {\r\n            let self = this\r\n            getDetail(this.documentId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    this.form = {\r\n                        id: res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        topicName: res.data.topicName, // tên đề bài\r\n\r\n                        //sizeImage: 1, // kích cỡ ảnh\r\n                        withSize: res.data.withSize,\r\n                        heightSize: res.data.heightSize,\r\n                        fileQuestion: {\r\n                            fileData: null,\r\n                            url: res.data.path ? `${this.cdnUrl}${res.data.path}` : '',\r\n                        },\r\n                        content: res.data.content,\r\n                        listAnswer: []\r\n                    }\r\n                    //set data cho sizeImage\r\n                    for (let i = 0; i < this.question_img_size.length; i++) {\r\n                        const item = this.question_img_size[i];\r\n                        if (item.text == `${this.form.withSize}x${this.form.heightSize}`) {\r\n                            this.form.sizeImage = item.value\r\n                            break\r\n                        }\r\n                    }\r\n                    if (res.data.listLessonAnswerClassSchoolModels.length == 0) {\r\n                        this.form.listAnswer.push(this.answerDefault())\r\n                    }\r\n\r\n                    for (let i = 0; i < res.data.listLessonAnswerClassSchoolModels.length; i++) {\r\n                        const item = res.data.listLessonAnswerClassSchoolModels[i];\r\n                        this.form.listAnswer.push({\r\n                            id: item.id,\r\n                            idClient: this.generateUUID(),\r\n                            isTrue: item.isTrue,\r\n                            content: item.content,\r\n                            fileAnswer: {\r\n                                fileData: null,\r\n                                url: item.path ? `${this.cdnUrl}${item.path}` : '',\r\n                            },\r\n                        })\r\n                    }\r\n\r\n\r\n                }\r\n            })\r\n        },\r\n        handleOnChangeTypeDocument() {\r\n            this.handleOnRemoveFile()\r\n            this.form.link = ''\r\n        },\r\n        handleOnRemoveFile() {\r\n            this.$refs.file.value = '';\r\n            this.form.file = null\r\n            this.form.pathFile = ''\r\n            this.form.fileName = ''\r\n            console.log('clear')\r\n        },\r\n        formatSizeFile(data, to = 'MB') {\r\n            const const_term = 1024;\r\n\r\n            // Convert the values and concatenate \r\n            // the appropriate unit \r\n            if (to === \"KB\") {\r\n                return (data / const_term).toFixed(3) + \"KB\";\r\n            } else if (to === \"MB\") {\r\n                return (data / const_term ** 2).toFixed(3) + \"MB\";\r\n            } else if (to === \"GB\") {\r\n                return (data / const_term ** 3).toFixed(3) + \"GB\";\r\n            } else if (to === \"TB\") {\r\n                return (data / const_term ** 4).toFixed(3) + \"TB\";\r\n            } else {\r\n                return \"\";\r\n            }\r\n        },\r\n        onUploadFile() {\r\n            this.$refs.file.click()\r\n        },\r\n        onChangeUploadFile() {\r\n            const const_term = 1024;\r\n            const listTypeDocument = ['pptx', 'docx', 'xlsx', 'pdf', 'h5p']\r\n            var checkType = false\r\n            if (this.$refs.file.files[0].size / const_term ** 2 <= 15) {\r\n                for (let i = 0; i < listTypeDocument.length; i++) {\r\n                    if (this.$refs.file.files[0].name.split(\".\").pop() == listTypeDocument[i]) {\r\n                        this.form.file = this.$refs.file.files[0]\r\n                        this.form.sizeFile = this.form.file.size\r\n                        this.form.fileName = this.form.file.name\r\n                        // console.log(this.$refs.file.files[0].size)\r\n                        checkType = true\r\n                    }\r\n                }\r\n                if (!checkType) {\r\n                    this.$toast.error('Chỉ hỗ trợ các định dạng .docx, .pptx, .pdf, .xlsx')\r\n                }\r\n            } else {\r\n                this.$toast.error('Upload file có dung lượng không quá 15MB')\r\n            }\r\n\r\n        },\r\n        dropUploadFile(e) {\r\n            e.preventDefault();\r\n            this.$refs.file.files = e.dataTransfer.files;\r\n            this.onChangeUploadFile();\r\n            this.isDragging = false;\r\n        },\r\n        dragoverUploadFile(e) {\r\n            e.preventDefault();\r\n            this.isDragging = true;\r\n        },\r\n        dragleaveUploadFile() {\r\n            this.isDragging = false;\r\n        },\r\n        getDetailDocumentClassSchool() {\r\n            // form: {\r\n            //     id: 0,\r\n            //     lessonClassSchoolId: 0,\r\n            //     chapterId: 0,\r\n            //     postId: 0,\r\n            //     name: '',\r\n            //     typeDocument: '',\r\n            //     path: '',\r\n            //     file:null//lưu trữ file upload\r\n            // },\r\n            let self = this\r\n            getDetail(this.documentId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n\r\n                    self.form = {\r\n                        id: res.data.id,\r\n                        lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n                        chapterId: res.data.chapterId,\r\n                        postId: res.data.postId,\r\n                        name: res.data.name,\r\n                        typeDocument: res.data.typeDocument,\r\n                        sizeFile: res.data.sizeFile,\r\n                        fileName: res.data.fileName\r\n                    }\r\n                    if (self.form.typeDocument == TYPE_H5P || res.data.typeDocument == TYPE_DOCUMENT) {\r\n                        self.form.pathFile = res.data.path\r\n                    }\r\n                    else {\r\n                        self.form.link = res.data.path\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleSave() {\r\n            // form: {\r\n            //     id: 0,\r\n            //     lessonClassSchoolId: 0,\r\n            //     chapterId: 0,\r\n            //     postId: 0,\r\n            //     name: '',\r\n            //     typeDocument: '',\r\n            //     path: '',\r\n            //     file:null//lưu trữ file upload\r\n            // },\r\n            let self = this\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n\r\n                \r\n                const formData = new FormData();\r\n                formData.append('id', this.form.id);\r\n                formData.append('lessonClassSchoolId', this.form.lessonClassSchoolId);\r\n                formData.append('chapterId', this.form.chapterId);\r\n                formData.append('postId', this.form.postId);\r\n                formData.append('name', this.form.name);\r\n                formData.append('typeDocument', this.form.typeDocument);\r\n                formData.append('sizeFile', this.form.sizeFile);\r\n\r\n                if (this.form.typeDocument == TYPE_H5P || this.form.typeDocument == TYPE_DOCUMENT) {\r\n                    formData.append('path', this.form.pathFile);\r\n                }\r\n                else {\r\n                    formData.append('path', this.form.link);\r\n                }\r\n                formData.append('fileName', this.form.fileName);\r\n                if (this.form.file) {\r\n                    formData.append('sizeFile', this.form.sizeFile);\r\n                }\r\n                formData.append('file', this.form.file);\r\n                if(self.form.typeDocument == REFERENCE_LECTURE){\r\n                    this.$emit('handleShowModalLectureLibrary',this.form)\r\n                    return\r\n                }\r\n                saveDocumentClassSchool(formData).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        if (this.form.id > 0) {\r\n                            self.$toast.success('Cập nhật bài giảng thành công')\r\n                        } else {\r\n                            self.$toast.success('Thêm mới bài giảng thành công')\r\n                        }\r\n                        if (self.form.typeDocument == TYPE_TEST) {\r\n                            console.log(res.data)\r\n                            self.handleDoneModalPrepareQuestions(res.data.id, res.data.name)\r\n                        }\r\n                        else {\r\n                            self.handleDone()\r\n                        }\r\n\r\n\r\n                    }\r\n                })\r\n            }\r\n        },\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                chapterId: 0,\r\n                postId: 0,\r\n                name: '',\r\n                typeDocument: '',\r\n                fileName: '',\r\n                path: '',\r\n                sizeFile: 0,\r\n                file: null//lưu trữ file upload\r\n            }\r\n        },\r\n        handleDoneModalPrepareQuestions(id, name) {\r\n            this.handleHideModal()\r\n            let params = {\r\n                id: id,\r\n                name: name\r\n            }\r\n            this.$emit('handleDoneModalPrepareQuestions', params)\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-class-school'].toggle('#toggle-btn')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-class-school'].hide()\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-class-school'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.upload-drag {\r\n    border: 2px dashed #46b5e1 !important;\r\n    opacity: 0.5;\r\n}\r\n\r\n.wrap-file-data {\r\n    .wrap-left {\r\n        .name-file {\r\n            max-width: 285px;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            margin-left: 5px;\r\n        }\r\n\r\n        .icon-photo {\r\n            width: 30px;\r\n        }\r\n    }\r\n\r\n    .wrap-right {\r\n        .size-file {\r\n            margin-right: 5px;\r\n            color: #7a7777;\r\n        }\r\n\r\n        .btn-delete {\r\n            cursor: pointer;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.wrap-upload-file {\r\n    border: 1px dashed #c8c8c8;\r\n    padding: 10px;\r\n    border-radius: 15px;\r\n\r\n    .upload-file-left {\r\n        min-width: 50px;\r\n\r\n        .icon-upload {\r\n            width: 30px;\r\n        }\r\n    }\r\n\r\n    .upload-file-right {\r\n        .btn-upload {\r\n            background: white;\r\n            border: 2px solid #59b7df;\r\n            color: #59b7df;\r\n            min-width: 110px;\r\n        }\r\n    }\r\n}\r\n\r\n.wrap-input {\r\n    margin-left: 10px;\r\n    width: 75%;\r\n}\r\n\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.justify-content-center {\r\n    justify-content: center\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateDocument.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdateDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdateDocument.vue?vue&type=template&id=2efbb50a&scoped=true&\"\nimport script from \"./ModalCreateUpdateDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdateDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdateDocument.vue?vue&type=style&index=0&id=2efbb50a&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"2efbb50a\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"indented margin-top-10\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left\",on:{\"click\":_vm.handleViewDocument}},[_c('h6',[_c('strong',[_vm._v(_vm._s(_vm.item.name))])]),_c('div',[_vm._v(\"(\"+_vm._s(_vm.nameTypeDocument)+\")\")])]),_c('div',{staticClass:\"wrap-right display-flex justify-content-space-between\"},[(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleEditDocument}},[_vm._v(\"\\n                Sửa bài giảng\\n            \")]):_vm._e(),(_vm.isEdit == 1)?_c('button',{staticClass:\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDeleteDocument}},[_vm._v(\"\\n                Xóa bài giảng\\n            \")]):_vm._e()])]),_vm._t(\"document\")],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"indented margin-top-10\">\r\n        <div class=\"display-flex justify-content-space-between\">\r\n            <div @click=\"handleViewDocument\" class=\"wrap-left\">\r\n                <h6><strong>{{ item.name }}</strong></h6>\r\n                <div>({{ nameTypeDocument }})</div>\r\n            </div>\r\n            <div class=\"wrap-right display-flex justify-content-space-between\">\r\n                <button type=\"button\" @click=\"handleEditDocument\"\r\n                    class=\"btn btn-edit border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Sửa bài giảng\r\n                </button>\r\n                <button type=\"button\" @click=\"handleDeleteDocument\"\r\n                    class=\"btn btn-delete border-rd-20 font-size-16 form-30h display-flex-center justify-content-center line-height-1\"\r\n                    v-if=\"isEdit == 1\">\r\n                    Xóa bài giảng\r\n                </button>\r\n            </div>\r\n        </div>\r\n        <slot name=\"document\">\r\n        </slot>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,REFERENCE_LECTURE } from './../../../constants/constants_enum'\r\nexport default {\r\n    props: {\r\n        item: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isLoading: false,\r\n            TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK,REFERENCE_LECTURE,\r\n            listTypeDocument: [\r\n                { value: TYPE_H5P, text: 'Bài giảng tương tác H5P' },\r\n                { value: REFERENCE_LECTURE, text: 'Bài giảng tham khảo lấy từ thư viện' },\r\n                { value: TYPE_DOCUMENT, text: 'Dạng tài liệu' },\r\n                { value: TYPE_TEST, text: 'Dạng kiểm tra' },\r\n                { value: FILE_YOUTUBE, text: 'Dạng youtube' },\r\n                { value: FILE_CANVA, text: 'Dạng canva' },\r\n                { value: FILE_LINK, text: 'Dạng nhúng' },\r\n            ]\r\n        }\r\n    },\r\n    computed: {\r\n        nameTypeDocument() {\r\n            for (let i = 0; i < this.listTypeDocument.length; i++) {\r\n                const type = this.listTypeDocument[i];\r\n                if (this.item.typeDocument == type.value) {\r\n                    return type.text\r\n                }\r\n            }\r\n            return ''\r\n        }\r\n    },\r\n    methods: {\r\n        handleEditDocument() {\r\n            this.$emit('handleEditDocument', this.item)\r\n        },\r\n        handleDeleteDocument() {\r\n            this.$emit('handleDeleteDocument', this.item)\r\n        },\r\n        handleViewDocument(){\r\n            this.$emit('handleViewDocument', this.item)\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.btn-delete {\r\n    background-color: red;\r\n    color: white;\r\n    margin-left: 5px;\r\n}\r\n\r\n.btn-edit {\r\n    background-color: #7ea8c7;\r\n    color: rgb(70, 69, 69);\r\n    margin-left: 5px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.indented {\r\n    margin-left: 20px;\r\n    /* Đặt giá trị thụt cách tùy ý */\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumentClassSchool.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumentClassSchool.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DocumentClassSchool.vue?vue&type=template&id=367b18e6&scoped=true&\"\nimport script from \"./DocumentClassSchool.vue?vue&type=script&lang=js&\"\nexport * from \"./DocumentClassSchool.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DocumentClassSchool.vue?vue&type=style&index=0&id=367b18e6&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"367b18e6\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-delete-document\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-document__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Xóa bài giảng\\n                \")])]),_c('p',{staticClass:\"font-size-20 text-center primary-color-txt font-sanpro-light\"},[_vm._v(\"\\n                Bạn có muốn xóa bài giảng này không? \"),_c('br')]),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDelete()}}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-delete-document\">\r\n            <div class=\"modal-delete-document__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Xóa bài giảng\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa bài giảng này không? <br />\r\n                </p>\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Hủy</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { deleteDocumentClassSchool } from './../../../_api/documentClassSchoolServices'\r\n\r\nexport default {\r\n    name: \"ModalDocumentClassSchool\",\r\n    props: {\r\n        documentId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        name:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            confirmActive: {},\r\n            isLoading: false,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        \r\n        handleDelete() {\r\n            let self = this\r\n            deleteDocumentClassSchool(this.documentId).then(res=>{\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa bài giảng thành công')\r\n                    this.handleHideModal()\r\n                    self.$emit('handleDeleteDone')\r\n                    \r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-delete-document'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-delete-document__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteDocument.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalDeleteDocument.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalDeleteDocument.vue?vue&type=template&id=0099d535&scoped=true&\"\nimport script from \"./ModalDeleteDocument.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalDeleteDocument.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalDeleteDocument.vue?vue&type=style&index=0&id=0099d535&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0099d535\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-update-prepare-quesion\",staticClass:\"modal-dialog b-modal-xxl\",attrs:{\"size\":\"xl\",\"id\":\"modal-prepare-question\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container wrap-form-create-update-chapter\"},[_c('div',{staticClass:\"action_close_modal\"},[_c('img',{staticClass:\"icon-close float-right cursor-pointer\",staticStyle:{\"width\":\"15px\"},attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),(!_vm.isEditNameDocument)?_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.getNameTitle))]),_c('div',{staticClass:\"action_change_name float-right\"},[_c('button',{staticClass:\"btn btn-change\",on:{\"click\":_vm.handleEditNameDocument}},[_vm._v(\"Chỉnh sửa tên\")])])]):_c('div',{staticClass:\"display-flex\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-input',{staticClass:\"form-control\",attrs:{\"id\":\"numberLesson\",\"type\":\"text\",\"placeholder\":\"Nhập tên bài giảng\",\"autocomplete\":\"off\"},model:{value:(_vm.nameDocument),callback:function ($$v) {_vm.nameDocument=$$v},expression:\"nameDocument\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCancelEditNameDocument}},[_vm._v(\"Hủy\")]),_c('a',{staticClass:\"btn btn-agree font-size-17 btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleUpdateNameDocument()}}},[_vm._v(\"Đồng ý\")])])])]),_c('b-tabs',{attrs:{\"pills\":\"\"}},[_c('b-tab',{attrs:{\"title\":\"Soạn câu hỏi\",\"active\":_vm.tabActive == _vm.tabCreateQuestion},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabCreateQuestion)}}},[_c('b-form',{attrs:{\"id\":\"form-create-update-chapter\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.handleSave.apply(null, arguments)}}},[_c('div',{staticClass:\"form-group row\"},[_c('div',{staticClass:\"col-md-12\"},[_vm._v(\"\\n                                Số câu: \"+_vm._s(_vm.listQuestionSave.length)+\"\\n                            \")])]),_c('div',{staticClass:\"row form-group\"},[_c('div',{staticClass:\"col-md-12 col-lg-8 col-xl-6\"},[_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleAddQuestion}},[_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus.png\")}}),_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus-hover.png\")}}),_vm._v(\"\\n                                    Tạo câu hỏi mới\\n                                \")])])]),_vm._l((_vm.listQuestion),function(question,index){return _c('div',{key:index,staticClass:\"pb-3\"},[_c('div',{staticClass:\"justify-content-right\"},[_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"disabled\":_vm.isDisabledButton,\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.saveQuestion(question)}}},[_vm._v(\"\\n                                    Hoàn thành\\n                                \")])]),_c('div',{staticClass:\"row form-group pb-3\"},[_c('div',{staticClass:\"col-md-12 col-lg-3 col-xl-2 display-flex-column rg-1 mb-3\"},[_c('div',{staticClass:\"question-title\"},[_vm._v(\"Câu hỏi: \"+_vm._s(index + 1))]),_c('select',{staticClass:\"custom-select border-rd-10\"},[_c('option',{attrs:{\"value\":\"1\",\"selected\":\"selected\"}},[_vm._v(\"Trắc nghiệm\")])])]),_c('div',{staticClass:\"question-head col-md-12 col-lg-7 col-xl-8 mb-3\"},[_c('div',{staticClass:\"question-head__row\"},[_c('EditorCKNew',{attrs:{\"contentEditor\":question.content,\"position\":index},on:{\"onEditorChange\":_vm.onEditorChangeQuestion}})],1)]),_vm._l((question.listAnswer),function(answer,indexAnswer){return _c('div',{key:indexAnswer,staticClass:\"item display-flex-center justify-content-between item-answer cg-1 col-md-12 mt-3\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"item__first col-md-12 col-lg-3 col-xl-2\"},[_c('div',{staticClass:\"answer-correct display-flex\"},[_c('b-checkbox',{attrs:{\"id\":'b-answer_' + index + indexAnswer},model:{value:(answer.isTrue),callback:function ($$v) {_vm.$set(answer, \"isTrue\", $$v)},expression:\"answer.isTrue\"}}),_c('label',{staticClass:\"display-flex-column cursor-pointer\",attrs:{\"for\":'b-answer_' + index + indexAnswer}},[_c('strong',[_vm._v(\"Đáp án \"+_vm._s(answer.code))]),_c('span',{staticClass:\"font-size-12 text-subtitle\"},[_vm._v(\"Hãy tích để chọn làm\\n                                                        đáp án đúng\")])])],1)]),_c('div',{staticClass:\"col-md-12 col-lg-7 col-xl-8 display-flex-center cg-1\"},[_c('EdittorCKAnswerNew',{attrs:{\"contentEditor\":answer.content,\"position\":answer.idClient},on:{\"onEditorChange\":_vm.onEditorChangeAnswer}}),_c('div',{staticClass:\"item__img\"},[(answer.fileAnswer.url)?_c('div',{staticClass:\"image-question\"},[_c('img',{style:({ 'width': question.withSize + 'px', 'height': question.heightSize + 'px' }),attrs:{\"src\":answer.fileAnswer.url}}),_c('b-button',{staticClass:\"btn-delete-image-question\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.onDeleteFileAnswer(question, answer)}}},[_c('i',{staticClass:\"anticon anticon-close\",attrs:{\"aria-label\":\"icon: close\"}},[_c('svg',{attrs:{\"viewBox\":\"64 64 896 896\",\"data-icon\":\"close\",\"width\":\"1em\",\"height\":\"1em\",\"fill\":\"currentColor\",\"aria-hidden\":\"true\",\"focusable\":\"false\"}},[_c('path',{attrs:{\"d\":\"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z\"}})])])])],1):_c('div',{staticClass:\"answer-img position-rel\"},[_c('input',{ref:answer.idClient,refInFor:true,attrs:{\"hidden\":\"\",\"type\":\"file\",\"accept\":\"image/*\"},on:{\"change\":function($event){return _vm.changeImgAnswer($event, question, answer)}}}),_c('b-button',{staticClass:\"btn-select-image-question\",attrs:{\"type\":\"button\",\"icon\":\"upload\"},on:{\"click\":function($event){return _vm.handUploadImageAnswer(answer)}}},[_c('img',{staticClass:\"icon-file\",attrs:{\"src\":require(\"@/assets/img/icon-file.png\"),\"alt\":\"\"}}),_vm._v(\"\\n                                                        Tải ảnh\\n                                                    \")])],1)]),_c('a',{on:{\"click\":function($event){return _vm.onDeleteAnswer(question, answer)}}},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"width\":\"24\",\"height\":\"24\",\"viewBox\":\"0 0 24 24\",\"fill\":\"none\"}},[_c('path',{attrs:{\"d\":\"M18 6L6 18\",\"stroke\":\"#DC3545\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}}),_c('path',{attrs:{\"d\":\"M6 6L18 18\",\"stroke\":\"#DC3545\",\"stroke-width\":\"2\",\"stroke-linecap\":\"round\",\"stroke-linejoin\":\"round\"}})])])],1)])])}),_c('div',{staticClass:\"col-md-12\"},[_c('button',{staticClass:\"border-rd-20 font-size-16 form-30h display-flex-center cg-1 line-height-1 btn-add-answer\",attrs:{\"type\":\"button\"},on:{\"click\":function($event){return _vm.handleAddAnswer(question)}}},[_c('img',{staticClass:\"icon-plus\",attrs:{\"src\":require(\"@/assets/img/plus-hover.png\")}}),_vm._v(\"\\n                                        Thêm mới câu trả lời\\n                                    \")])])],2)])}),_c('div',{staticClass:\"row\"},_vm._l((_vm.listQuestionSave),function(question,index){return _c('div',{key:index,staticClass:\"question-item col-md-12 margin-top-10\"},[_c('div',{staticClass:\"wrap-title-header display-flex justify-content-space-between\"},[_c('div',{staticClass:\"display-flex\"},[_c('strong',[_vm._v(\"Câu hỏi \"+_vm._s(index + 1)+\":\")]),_vm._v(\" \"),_c('strong',{staticClass:\"title-question\",domProps:{\"innerHTML\":_vm._s(question.content)}})]),_c('div',{staticClass:\"display-flex\"},[_c('a',{staticClass:\"item btn btn-main btn-delete-question border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleOnDeleteQuestion(question)}}},[_vm._v(\"\\n                                            Xóa câu hỏi\\n                                        \")]),_vm._v(\"\\n                                         \\n                                        \"),_c('a',{staticClass:\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleEditQuestion(question)}}},[_vm._v(\"\\n                                            Chỉnh sửa\\n                                        \")])])]),_c('div',{staticClass:\"wrap-list-answer\"},_vm._l((question.listAnswer),function(answer,indexAnswer){return _c('div',{key:indexAnswer,staticClass:\"answer-item\"},[_c('b-form-checkbox',{attrs:{\"checked\":answer.isTrue,\"disabled\":\"\"}},[_c('div',{domProps:{\"innerHTML\":_vm._s((\"<span class='display-flex'>\" + (answer.code) + \".&nbsp;\" + (answer.content) + \"</span>\"))}})])],1)}),0)])}),0),_c('div',{staticClass:\"form_action display-flex justity-content-center cg-1 mt-4\"},[_c('button',{staticClass:\"btn btn-outline-primary b-btn-width font-size-16 font-sanpro-semibold\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                                Hủy bỏ\\n                            \")]),_c('button',{staticClass:\"btn btn-primary b-btn-width font-size-16 font-sanpro-semibold\",attrs:{\"type\":\"submit\",\"disabled\":_vm.isDisabledButton}},[_vm._v(\"\\n                                \"+_vm._s(_vm.documentId > 0 ? 'Lưu' : 'Thêm mới')+\"\\n                            \")])])],2)],1),_c('b-tab',{attrs:{\"title\":\"Tạo từ file docx\",\"active\":_vm.tabActive == _vm.tabUploadDocx},on:{\"click\":function($event){return _vm.handleChangeTab(_vm.tabUploadDocx)}}},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"row block_upload_file\"},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"hidden\":\"\",\"type\":\"file\",\"name\":\"file\",\"id\":\"fileInputUpload\",\"accept\":\".pptx,.docx,.xlsx,.pdf,.h5p\"},on:{\"change\":_vm.onChangeUploadFile}}),(!(_vm.formWord.file || _vm.formWord.fileName))?_c('div',{staticClass:\"col-md-4 upload-file\",class:_vm.isDragging ? 'upload-drag' : '',on:{\"dragover\":_vm.dragoverUploadFile,\"dragleave\":_vm.dragleaveUploadFile,\"drop\":_vm.dropUploadFile}},[_c('div',{staticClass:\"justify-content-center tittle\"},[_c('div',{on:{\"click\":_vm.onUploadFile}},[_c('h4',[_c('strong',[_vm._v(\"Tải file lên tại đây\")])])])]),_c('div',{staticClass:\"row col-md-5\"},[_c('div',{staticClass:\"text-center block_icon_upload\",on:{\"click\":_vm.onUploadFile}},[_c('img',{staticClass:\"icon-upload\",attrs:{\"src\":require(\"@/assets/img/upload.png\")}})])])]):((_vm.formWord.file || _vm.formWord.fileName))?_c('div',{staticClass:\"col-md-6 upload-file\"},[_c('label',{attrs:{\"for\":\"name\"}},[_vm._v(\"File tài liệu:\")]),_c('div',{staticClass:\"wrap-file-data display-flex justify-content-space-between\"},[_c('div',{staticClass:\"wrap-left display-flex\"},[_c('img',{staticClass:\"icon-photo margin-right-10\",attrs:{\"src\":require(\"@/assets/img/photo.png\")}}),_c('div',{staticClass:\"name-file\"},[_vm._v(\"\\n                                            \"+_vm._s(_vm.formWord.file ? _vm.formWord.file.name : _vm.formWord.fileName)+\"\\n                                        \")])]),_c('div',{staticClass:\"wrap-right display-flex\"},[_c('div',{staticClass:\"size-file margin-right-10\"},[_vm._v(_vm._s(_vm.formatSizeFile(_vm.formWord.sizeFile))+\"\\n                                        \")]),_c('img',{staticClass:\"btn-delete\",attrs:{\"src\":require(\"@/assets/img/icon-close.png\")},on:{\"click\":_vm.handleOnRemoveFile}})])])]):_vm._e()])])])],1)],1)]),_c('b-modal',{ref:\"modal-confirm-document-prepare-question\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"container modal-confirm__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    Thông tin bài giảng của bạn chưa được lưu. Bạn có chắc chắn muốn thoát?\\n                \")])]),_c('p',{staticClass:\"font-size-17 primary-color-txt font-sanpro-light py-2\"},[_vm._v(\"\\n                Nếu bạn xác nhận thoát, mọi dữ liệu về chỉnh sửa bài bài giảng của bạn sẽ không được lưu trữ\\n            \")]),_c('div',{staticClass:\"modal__actions text-center\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn btn-outline-secondary btn-no mr-3\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModalConfim}},[_vm._v(\"Không\")]),_c('a',{staticClass:\"btn btn-primary font-size-17 font-sanpro-semibold btn-delete\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleConfimModal()}}},[_vm._v(\"Xác nhận\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app-cke-answer\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{staticClass:\"b-ckeditor\",attrs:{\"id\":(\"myQuillEditor_answer_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_an_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"Tải lên media\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center editor-modal-media\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\")+\" thông qua\\n          link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"\\n          form-group form-editor-media\\n          position-rel\\n          text-center\\n          display-flex-center\\n          justify-content-center\\n        \"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\"))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video'\n    ? 'video/mp4,video/x-m4v,video/*'\n    : 'audio/*'},on:{\"change\":_vm.uploadMedia}})]),_c('div',{staticClass:\"form-action text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDoneUpload}},[_vm._v(\"\\n          Tải lên\\n        \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app-cke-answer\" @mouseleave=\"mouseLeave\">\r\n    <vue-ckeditor :id=\"`myQuillEditor_answer_${position}`\" class=\"b-ckeditor\" v-model=\"content\" :config=\"config\" @blur=\"onBlur($event)\"\r\n      @focus=\"onFocus($event)\" />\r\n    <b-modal :id=\"`modal_upload_an_${position}`\" hide-footer>\r\n      <template v-slot:modal-title>Tải lên media</template>\r\n      <div class=\"d-block text-center editor-modal-media\">\r\n        <div class=\"form-group\">\r\n          <label class=\"display-block font-weight-bold\">Tải {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }} thông qua\r\n            link</label>\r\n          <input type=\"text\" class=\"form-control full-width\" ref=\"link_media\" />\r\n        </div>\r\n        <p class=\"display-block text-center full-width hr-center position-rel\">\r\n          <span class=\"position-rel\">Hoặc</span>\r\n        </p>\r\n        <div class=\"\r\n            form-group form-editor-media\r\n            position-rel\r\n            text-center\r\n            display-flex-center\r\n            justify-content-center\r\n          \">\r\n          <span class=\"margin-0\">Tải lên {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }}</span>\r\n          <input v-if=\"typeUpload === 'image'\" type=\"file\" name id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\"\r\n            accept=\"image/*\" />\r\n          <input v-else type=\"file\" ref=\"upMedia\" @change=\"uploadMedia\" :accept=\"typeUpload === 'video'\r\n      ? 'video/mp4,video/x-m4v,video/*'\r\n      : 'audio/*'\r\n    \" />\r\n        </div>\r\n        <div class=\"form-action text-right\">\r\n          <button type=\"button\" class=\"btn btn-primary\" @click=\"handleDoneUpload\">\r\n            Tải lên\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueCkeditor from \"vue-ckeditor2\";\r\n// import mixins from '@/helpers/mixins';\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport {\r\n  replaceHtmlMathlive,\r\n  setAlignImgEditor,\r\n  fillBlankEditor,\r\n  convertOldKatexData2Img,\r\n} from \"@/helpers/functions\";\r\nimport { uploadImg } from \"@/store/common/api\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n// import katex from 'katex';\r\n// const imgVideo = require('@/assets/images/video.png')\r\n// const imgAudio = require('@/assets/images/audio.png')\r\n// const imgFx = require('@/assets/images/fx.png')\r\n// const imgDraw = require('@/assets/images/draw.png')\r\n\r\n// Add plugin for editor\r\nif (!CKEDITOR.plugins.get(\"niw_btn_answer\")) {\r\n  CKEDITOR.plugins.add(\"niw_btn_answer\", {\r\n    init: function (editor) {\r\n      // Button drawshape\r\n      // editor.ui.addButton('drawShape', {\r\n      //        label: 'Vẽ hình',\r\n      //        command: 'drawShape',\r\n      //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n      //        toolbar: 'insert'\r\n      //    });\r\n\r\n      editor.ui.addButton(\"fillBlank\", {\r\n        label: \"Câu điền từ\",\r\n        command: \"fillBlank\",\r\n        icon: \"https://image.flaticon.com/icons/svg/106/106987.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      editor.ui.addButton(\"selectForm\", {\r\n        label: \"Lựa chọn câu trả lời\",\r\n        command: \"selectForm\",\r\n        icon: \"https://image.flaticon.com/icons/svg/30/30856.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      // Button upload img\r\n      editor.ui.addButton(\"uploadImg\", {\r\n        label: \"Tải hình ảnh\",\r\n        command: \"uploadImg\",\r\n        icon: \"https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14\",\r\n        toolbar: \"insert\",\r\n      });\r\n    },\r\n  });\r\n}\r\n\r\nexport default {\r\n  name: \"EdittorCKAnswerNew\",\r\n  // mixins: [mixins],\r\n  props: [\"contentEditor\", \"fillBlank\", \"position\", \"selectBox\", \"parentId\"],\r\n  data() {\r\n    return {\r\n      content: \"\",\r\n      editor: null,\r\n      typeUpload: \"\",\r\n      visibleModalMedia: false,\r\n      linkMediaUploaded: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    VueCkeditor,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      math_value: `common/math_value`,\r\n      open_math: `common/open_math`,\r\n      editor_selection: `common/editor_selection`,\r\n      // draw_shape_data: 'common/draw_shape_data',\r\n      toggle_draw: \"common/toggle_draw\",\r\n    }),\r\n    config() {\r\n      return this.configEditor();\r\n    },\r\n  },\r\n  watch: {\r\n    //  draw_shape_data(newVal, oldVal) {\r\n    //  \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n    //  \t\t// console.log(newVal.data);\r\n    //    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n    //    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n    //    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n    //    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n    //    CKEDITOR.instances[`myQuillEditor_answer_${newVal.position}`].insertHtml(htmlData);\r\n    // this.setDrawShapeData(null);\r\n    //  \t}\r\n    //  },\r\n    content: \"onChangeContent\",\r\n  },\r\n  created() {\r\n    // Convert old data use Katex\r\n    // this.convertKatex2Img()\r\n    this.content = this.contentEditor ? this.contentEditor : \"\";\r\n  },\r\n  mounted() {\r\n    // All action for all button\r\n    this.actionNiwBtn();\r\n  },\r\n  methods: {\r\n    ...mapActions(`common`, [\r\n      \"toggleFormMath\",\r\n      \"setContentSelectEditor\",\r\n      \"toggleDrawTool\",\r\n      \"setDrawShapeData\",\r\n    ]),\r\n\r\n    convertKatex2Img() {\r\n      if (this.contentEditor) {\r\n        this.content = convertOldKatexData2Img(this.contentEditor);\r\n      }\r\n    },\r\n\r\n    configEditor() {\r\n      let toolbarInsert = {\r\n        name: \"insert\",\r\n        items: [\r\n          \"uploadImg\",\r\n          \"Table\",\r\n          \"SpecialChar\",\r\n          \"Iframe\",\r\n          \"ckeditor_wiris_formulaEditor\",\r\n          \"ckeditor_wiris_formulaEditorChemistry\",\r\n        ],\r\n      };\r\n      if (this.fillBlank) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"fillBlank\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      if (this.selectBox) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"selectForm\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      return {\r\n        toolbar: [\r\n          {\r\n            name: \"basicstyles\",\r\n            items: [\r\n              \"Bold\",\r\n              \"Italic\",\r\n              \"Underline\",\r\n              \"Strike\",\r\n              \"Subscript\",\r\n              \"Superscript\",\r\n              \"-\",\r\n              \"CopyFormatting\",\r\n              \"RemoveFormat\",\r\n            ],\r\n          },\r\n          { name: \"colors\", items: [\"TextColor\", \"BGColor\"] },\r\n          {\r\n            name: \"paragraph\",\r\n            items: [\r\n              \"NumberedList\",\r\n              \"BulletedList\",\r\n              \"-\",\r\n              \"JustifyLeft\",\r\n              \"JustifyCenter\",\r\n              \"JustifyRight\",\r\n              \"JustifyBlock\",\r\n            ],\r\n          },\r\n          { name: \"links\", items: [\"Link\", \"Unlink\"] },\r\n          toolbarInsert,\r\n        ],\r\n        height: 100,\r\n        extraPlugins: \"niw_btn_answer,ckeditor_wiris\",\r\n        allowedContent: true,\r\n        font_defaultLabel: \"Arial\",\r\n        fontSize_defaultLabel: 16,\r\n        contentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"],\r\n      };\r\n    },\r\n\r\n    actionNiwBtn() {\r\n      let self = this;\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${self.position}`];\r\n      // Button drawshape\r\n      editor.addCommand(\"drawShape\", {\r\n        exec: function (edt) {\r\n          self.openDrawTool(self.position);\r\n        },\r\n      });\r\n\r\n      // Button create math\r\n      editor.addCommand(\"fillBlank\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion();\r\n        },\r\n      });\r\n      // Button create math\r\n      editor.addCommand(\"selectForm\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion(\"select\");\r\n        },\r\n      });\r\n\r\n      // Button upload img\r\n      editor.addCommand(\"uploadImg\", {\r\n        exec: function (edt) {\r\n          self.openModalUploadMedia(\"image\");\r\n        },\r\n      });\r\n    },\r\n\r\n    onBlur(evt) {\r\n      this.mouseLeave();\r\n      // console.log('Blur: ', evt);\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n    onFocus(evt) {\r\n      // console.log('Focus: ', evt.editor);\r\n      // evt.editor._.events.change;\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n\r\n    mouseLeave() {\r\n      // console.log('Mouse leave: ');\r\n      let frame = document.querySelector(\r\n        `#cke_myQuillEditor_answer_${this.position} iframe`\r\n      );\r\n      if (frame) {\r\n        let cntnt = frame.contentWindow.document;\r\n        // let parag = cntnt.getElementsByTagName(\"p\");\r\n        let parag =\r\n          cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n        let legthParag = parag.length;\r\n        let contentEdit = \"\";\r\n        if (legthParag > 0) {\r\n          for (let i = 0; i < legthParag; i++) {\r\n            contentEdit += parag[i].outerHTML;\r\n          }\r\n        }\r\n        // console.log(parag.length, contentEdit);\r\n        this.onEditorChange(contentEdit);\r\n      }\r\n    },\r\n\r\n    onChangeContent(val) {\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${this.position}`];\r\n      editor && this.onEditorChange(editor._.data);\r\n    },\r\n\r\n    onEditorChange(html) {\r\n      if (this.position) {\r\n        let data = {html, position: this.position};\r\n        // this.$bus.emit(`${CHANGE_TXT_ANSWER}_${this.position}`, data);\r\n        this.$emit('onEditorChange', data);\r\n      }\r\n\r\n    },\r\n    uploadImage(evt) {\r\n      let self = this;\r\n      // const files = evt.target.files[0];\r\n      // if (files) {\r\n      uploadImg(evt).then((res) => {\r\n        let linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n        linkImg && self.insertEmbedEditor(\"image\", linkImg);\r\n      });\r\n      // }\r\n    },\r\n\r\n    addFillBlankQuestion(type = \"blank\") {\r\n      fillBlankEditor(type, `myQuillEditor_answer_${this.position}`);\r\n    },\r\n\r\n    openModalUploadMedia(type) {\r\n      this.typeUpload = type;\r\n      this.$bvModal.show(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = true;\r\n    },\r\n\r\n    insertEmbedEditor(type = \"image\", link, embed = false) {\r\n      let self = this;\r\n      let htmlData;\r\n      if (type === \"image\") {\r\n        htmlData = `<img src=\"${link}\">`;\r\n      } else if (type === \"video\") {\r\n        if (embed && link.includes(\"youtube\")) {\r\n          htmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`;\r\n        } else if (embed && link.includes(\"vimeo\")) {\r\n          htmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\r\n        } else {\r\n          htmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n        }\r\n      } else if (type === \"audio\") {\r\n        htmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n      }\r\n      CKEDITOR.instances[`myQuillEditor_answer_${self.position}`].insertHtml(\r\n        htmlData\r\n      );\r\n\r\n      if (type === \"image\") {\r\n        self.$refs.upImg.value = \"\";\r\n      } else {\r\n        self.$refs.link_media.value = \"\";\r\n        self.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // self.visibleModalMedia = false;\r\n    },\r\n\r\n    uploadMedia(evt) {\r\n      let self = this;\r\n      // self.visibleModalMedia = false;\r\n      const files = evt.target.files[0];\r\n      // console.log(files);\r\n      if (files) {\r\n        uploadImg(files).then((res) => {\r\n          let linkImg = res.image.image_src;\r\n        });\r\n      }\r\n    },\r\n\r\n    handleDoneUpload() {\r\n      // console.log('Done: ', this.$refs);\r\n      let linkSocial = this.$refs.link_media.value;\r\n      let linkMedia = linkSocial;\r\n      let embedVideo = false;\r\n      if (linkSocial && linkSocial !== undefined) {\r\n        if (linkSocial.includes(\"youtube\")) {\r\n          let linkYT = linkSocial.split(\".com/watch?v=\");\r\n          linkMedia = linkYT[0] + \".com/embed/\" + linkYT[1];\r\n          embedVideo = true;\r\n        } else if (linkSocial.includes(\"vimeo\")) {\r\n          let linkVM = link.split(\"vimeo.com/\");\r\n          linkMedia = linkVM[0] + \"player.vimeo.com/video/\" + linkVM[1];\r\n          embedVideo = true;\r\n        }\r\n      } else {\r\n        linkMedia = this.linkMediaUploaded;\r\n      }\r\n      // console.log(linkMedia);\r\n\r\n      linkMedia &&\r\n        this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n      // this.visibleModalMedia = false;\r\n    },\r\n\r\n    handleCancelUpload() {\r\n      if (this.$refs.link_media && this.$refs.link_media.value) {\r\n        this.$refs.link_media.value = \"\";\r\n      }\r\n      if (this.$refs.upMedia && this.$refs.upMedia.value) {\r\n        this.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = false;\r\n      this.toggleFormMath({ visible: false, editor: null });\r\n    },\r\n\r\n    openDrawTool(location) {\r\n      this.toggleDrawTool(true);\r\n      this.setDrawShapeData({ position: location, type: \"question\" });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.editor-modal-media {\r\n  label {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  input {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .hr-center {\r\n    margin: 15px 0;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      height: 1px;\r\n      width: 60%;\r\n      background: #ccc;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    span {\r\n      padding: 0 20px;\r\n      background: #fff;\r\n    }\r\n  }\r\n\r\n  .form-editor-media {\r\n    width: 120px;\r\n    height: 120px;\r\n    border: 1px solid #d1d1d1;\r\n    margin: 0 auto;\r\n\r\n    input {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .form-action {\r\n    padding-top: 15px;\r\n    margin-top: 15px;\r\n    border-top: 1px solid #d1d1d1;\r\n\r\n    button {\r\n      height: 35px;\r\n    }\r\n  }\r\n}\r\n\r\n.cke_button__selectform .cke_button_label {\r\n  display: inline;\r\n}\r\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdittorCKAnswerNew.vue?vue&type=template&id=02b80394&scoped=true&\"\nimport script from \"./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"\nexport * from \"./EdittorCKAnswerNew.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EdittorCKAnswerNew.vue?vue&type=style&index=0&id=02b80394&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02b80394\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prepare-question\" class=\"modal-dialog b-modal-xxl\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-create-update-prepare-quesion\" @hidden=\"resetModal\">\r\n\r\n\r\n            <div class=\"container wrap-form-create-update-chapter\">\r\n                <div class=\"action_close_modal\">\r\n                    <img class=\"icon-close float-right cursor-pointer\" style=\"width: 15px;\" src=\"@/assets/img/x.png\"\r\n                        @click=\"handleHideModal\" />\r\n                </div>\r\n                <h4 v-if=\"!isEditNameDocument\">\r\n                    <strong>{{ getNameTitle }}</strong>\r\n                    <div class=\"action_change_name float-right\">\r\n                        <button class=\"btn btn-change\" @click=\"handleEditNameDocument\">Chỉnh sửa tên</button>\r\n                    </div>\r\n                </h4>\r\n                <div v-else class=\"display-flex\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-6\">\r\n                            <b-form-input id=\"numberLesson\" v-model=\"nameDocument\" type=\"text\"\r\n                                placeholder=\"Nhập tên bài giảng\" autocomplete=\"off\" class=\"form-control\" />\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                            <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\"\r\n                                @click=\"handleCancelEditNameDocument\">Hủy</a>\r\n                            <a @click=\"handleUpdateNameDocument()\" href=\"javascript:;\"\r\n                                class=\"btn btn-agree font-size-17 btn-delete\">Đồng ý</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <b-tabs pills>\r\n                    <b-tab @click=\"handleChangeTab(tabCreateQuestion)\" title=\"Soạn câu hỏi\"\r\n                        :active=\"tabActive == tabCreateQuestion\">\r\n                        <b-form id=\"form-create-update-chapter\" @submit.prevent=\"handleSave\">\r\n                            <div class=\"form-group row\">\r\n                                <div class=\"col-md-12\">\r\n                                    Số câu: {{ listQuestionSave.length }}\r\n                                </div>\r\n                            </div>\r\n                            <div class=\"row form-group\">\r\n                                <div class=\"col-md-12 col-lg-8 col-xl-6\">\r\n                                    <a href=\"javascript:;\" @click=\"handleAddQuestion\"\r\n                                        class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                        <img class=\"icon-plus\" src=\"@/assets/img/plus.png\" />\r\n                                        <img class=\"icon-plus\" src=\"@/assets/img/plus-hover.png\" />\r\n                                        Tạo câu hỏi mới\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <!--  -->\r\n                            <div class=\"pb-3\" v-for=\"(question, index) of listQuestion\" :key=\"index\">\r\n                                <div class=\"justify-content-right\">\r\n                                    <a :disabled=\"isDisabledButton\" href=\"javascript:;\" @click=\"saveQuestion(question)\"\r\n                                        class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                        Hoàn thành\r\n                                    </a>\r\n\r\n                                </div>\r\n\r\n                                <div class=\"row form-group pb-3\">\r\n                                    <div class=\"col-md-12 col-lg-3 col-xl-2 display-flex-column rg-1 mb-3\">\r\n                                        <div class=\"question-title\">Câu hỏi: {{ index + 1 }}</div>\r\n                                        <select class=\"custom-select border-rd-10\">\r\n                                            <option value=\"1\" selected=\"selected\">Trắc nghiệm</option>\r\n                                        </select>\r\n\r\n                                    </div>\r\n                                    <div class=\"question-head col-md-12 col-lg-7 col-xl-8 mb-3\">\r\n                                        <div class=\"question-head__row\">\r\n                                            <EditorCKNew @onEditorChange=\"onEditorChangeQuestion\"\r\n                                                :contentEditor=\"question.content\" :position=\"index\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div v-for=\"(answer, indexAnswer) of question.listAnswer\" :key=\"indexAnswer\"\r\n                                        class=\"item display-flex-center justify-content-between item-answer cg-1 col-md-12 mt-3\">\r\n                                        <div class=\"row\">\r\n                                            <div class=\"item__first col-md-12 col-lg-3 col-xl-2\">\r\n                                                <div class=\"answer-correct display-flex\">\r\n                                                    <b-checkbox :id=\"'b-answer_' + index + indexAnswer\"\r\n                                                        v-model=\"answer.isTrue\">\r\n                                                    </b-checkbox>\r\n                                                    <label class=\"display-flex-column cursor-pointer\"\r\n                                                        :for=\"'b-answer_' + index + indexAnswer\">\r\n                                                        <strong>Đáp án {{ answer.code }}</strong>\r\n                                                        <span class=\"font-size-12 text-subtitle\">Hãy tích để chọn làm\r\n                                                            đáp án đúng</span>\r\n                                                    </label>\r\n                                                </div>\r\n                                            </div>\r\n                                            <div class=\"col-md-12 col-lg-7 col-xl-8 display-flex-center cg-1\">\r\n                                                <EdittorCKAnswerNew @onEditorChange=\"onEditorChangeAnswer\"\r\n                                                    :contentEditor=\"answer.content\" :position=\"answer.idClient\" />\r\n\r\n                                                <div class=\"item__img\">\r\n                                                    <div v-if=\"answer.fileAnswer.url\" class=\"image-question\">\r\n                                                        <img :style=\"{ 'width': question.withSize + 'px', 'height': question.heightSize + 'px' }\"\r\n                                                            :src=\"answer.fileAnswer.url\" />\r\n                                                        <b-button @click=\"onDeleteFileAnswer(question, answer)\"\r\n                                                            type=\"button\" class=\"btn-delete-image-question\">\r\n                                                            <i aria-label=\"icon: close\" class=\"anticon anticon-close\">\r\n                                                                <svg viewBox=\"64 64 896 896\" data-icon=\"close\"\r\n                                                                    width=\"1em\" height=\"1em\" fill=\"currentColor\"\r\n                                                                    aria-hidden=\"true\" focusable=\"false\" class=\"\">\r\n                                                                    <path\r\n                                                                        d=\"M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z\">\r\n                                                                    </path>\r\n                                                                </svg></i>\r\n                                                        </b-button>\r\n                                                    </div>\r\n                                                    <div v-else class=\"answer-img position-rel\">\r\n                                                        <input hidden type=\"file\" :ref=\"answer.idClient\"\r\n                                                            accept=\"image/*\"\r\n                                                            @change=\"changeImgAnswer($event, question, answer)\">\r\n                                                        <b-button @click=\"handUploadImageAnswer(answer)\"\r\n                                                            class=\"btn-select-image-question\" type=\"button\"\r\n                                                            icon=\"upload\">\r\n                                                            <img class=\"icon-file\" src=\"@/assets/img/icon-file.png\"\r\n                                                                alt />\r\n                                                            Tải ảnh\r\n                                                        </b-button>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <a @click=\"onDeleteAnswer(question, answer)\" class=\"\">\r\n                                                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\"\r\n                                                        viewBox=\"0 0 24 24\" fill=\"none\">\r\n                                                        <path d=\"M18 6L6 18\" stroke=\"#DC3545\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                                        <path d=\"M6 6L18 18\" stroke=\"#DC3545\" stroke-width=\"2\"\r\n                                                            stroke-linecap=\"round\" stroke-linejoin=\"round\" />\r\n                                                    </svg>\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div class=\"col-md-12\">\r\n                                        <button @click=\"handleAddAnswer(question)\" type=\"button\"\r\n                                            class=\"border-rd-20 font-size-16 form-30h display-flex-center cg-1 line-height-1 btn-add-answer\">\r\n                                            <img class=\"icon-plus\" src=\"@/assets/img/plus-hover.png\" />\r\n                                            Thêm mới câu trả lời\r\n                                        </button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <!--  -->\r\n                            <div class=\"row\">\r\n                                <div class=\"question-item col-md-12 margin-top-10\" v-for=\"(question, index) of listQuestionSave\"\r\n                                    :key=\"index\">\r\n                                    <div class=\"wrap-title-header display-flex justify-content-space-between\">\r\n                                        <div class=\"display-flex\">\r\n                                            <strong>Câu hỏi {{ index + 1 }}:</strong>&nbsp;<strong\r\n                                                class=\"title-question\" v-html=\"question.content\"></strong>\r\n                                        </div>\r\n                                        <div class=\"display-flex\">\r\n                                            <a href=\"javascript:;\" @click=\"handleOnDeleteQuestion(question)\"\r\n                                                class=\"item btn btn-main btn-delete-question border-rd-10 margin-5 font-size-16 item__add\">\r\n                                                Xóa câu hỏi\r\n                                            </a>\r\n                                            &nbsp;\r\n                                            <a href=\"javascript:;\" @click=\"handleEditQuestion(question)\"\r\n                                                class=\"item btn btn-main border-rd-10 margin-5 font-size-16 item__add\">\r\n                                                Chỉnh sửa\r\n                                            </a>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div class=\"wrap-list-answer\">\r\n                                        <div class=\"answer-item\" v-for=\"(answer, indexAnswer) of question.listAnswer\"\r\n                                            :key=\"indexAnswer\">\r\n                                            <b-form-checkbox :checked=\"answer.isTrue\" disabled>\r\n                                                <div\r\n                                                    v-html=\"`<span class='display-flex'>${answer.code}.&nbsp;${answer.content}</span>`\">\r\n                                                </div>\r\n                                            </b-form-checkbox>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div class=\"form_action display-flex justity-content-center cg-1 mt-4\">\r\n                                <button type=\"button\"\r\n                                    class=\"btn btn-outline-primary b-btn-width font-size-16 font-sanpro-semibold\"\r\n                                    :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                                    Hủy bỏ\r\n                                </button>\r\n                                <button type=\"submit\"\r\n                                    class=\"btn btn-primary b-btn-width font-size-16 font-sanpro-semibold\"\r\n                                    :disabled=\"isDisabledButton\">\r\n                                    {{ documentId > 0 ? 'Lưu' : 'Thêm mới' }}\r\n                                </button>\r\n                            </div>\r\n                        </b-form>\r\n                    </b-tab>\r\n                    <b-tab @click=\"handleChangeTab(tabUploadDocx)\" title=\"Tạo từ file docx\"\r\n                        :active=\"tabActive == tabUploadDocx\">\r\n                        <div class=\"container\">\r\n                            <div class=\"row block_upload_file\">\r\n                                <input hidden type=\"file\" name=\"file\" id=\"fileInputUpload\" class=\"hidden-input\"\r\n                                    ref=\"file\" accept=\".pptx,.docx,.xlsx,.pdf,.h5p\" @change=\"onChangeUploadFile\" />\r\n                                <div v-if=\"!(formWord.file || formWord.fileName)\" class=\"col-md-4 upload-file\"\r\n                                    @dragover=\"dragoverUploadFile\" @dragleave=\"dragleaveUploadFile\"\r\n                                    @drop=\"dropUploadFile\" :class=\"isDragging ? 'upload-drag' : ''\">\r\n                                    <div class=\"justify-content-center tittle\">\r\n                                        <div @click=\"onUploadFile\">\r\n                                            <h4><strong>Tải file lên tại đây</strong></h4>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div class=\"row col-md-5\">\r\n                                        <div class=\"text-center block_icon_upload\" @click=\"onUploadFile\">\r\n                                            <img class=\"icon-upload\" src=\"@/assets/img/upload.png\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                                <div v-else-if=\"(formWord.file || formWord.fileName)\" class=\"col-md-6 upload-file\">\r\n                                    <label for=\"name\" class=\"\">File tài liệu:</label>\r\n                                    <div class=\"wrap-file-data display-flex justify-content-space-between\">\r\n\r\n                                        <div class=\"wrap-left display-flex\">\r\n                                            <img class=\"icon-photo margin-right-10\" src=\"@/assets/img/photo.png\" />\r\n                                            <div class=\"name-file\">\r\n                                                {{ formWord.file ? formWord.file.name : formWord.fileName }}\r\n                                            </div>\r\n                                        </div>\r\n                                        <div class=\"wrap-right display-flex\">\r\n                                            <div class=\"size-file margin-right-10\">{{ formatSizeFile(formWord.sizeFile)\r\n                                                }}\r\n                                            </div>\r\n                                            <img @click=\"handleOnRemoveFile\" class=\"btn-delete\"\r\n                                                src=\"@/assets/img/icon-close.png\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </b-tab>\r\n\r\n                </b-tabs>\r\n\r\n\r\n            </div>\r\n\r\n        </b-modal>\r\n\r\n        <b-modal id=\"modal-prevent-closing\" class=\"header-modal\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-confirm-document-prepare-question\">\r\n            <div class=\"container modal-confirm__body\">\r\n                <h4>\r\n                    <strong>\r\n                        Thông tin bài giảng của bạn chưa được lưu. Bạn có chắc chắn muốn thoát?\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-17 primary-color-txt font-sanpro-light py-2\">\r\n                    Nếu bạn xác nhận thoát, mọi dữ liệu về chỉnh sửa bài bài giảng của bạn sẽ không được lưu trữ\r\n                </p>\r\n                <div class=\"modal__actions text-center\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn btn-outline-secondary btn-no mr-3\"\r\n                        @click=\"handleHideModalConfim\">Không</a>\r\n                    <a href=\"javascript:;\" class=\"btn btn-primary font-size-17 font-sanpro-semibold btn-delete\"\r\n                        @click=\"handleConfimModal()\">Xác nhận</a>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport { saveLessonQuestionClassSchool, getDetail, deleteLessonQuestionClassSchool } from './../../../_api/lessonQuestionClassSchoolServices'\r\nimport EditorCK from '@/components/EditorCK.vue'\r\nimport EditorCKNew from '@/components/EditorCKNew.vue'\r\nimport EdittorCKAnswer from '@/components/EdittorCKAnswer.vue'\r\nimport EdittorCKAnswerNew from '@/components/EdittorCKAnswerNew.vue'\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport { updateNameDocument } from './../../../_api/documentClassSchoolServices'\r\nimport { uploadFileLessonQuestionClassSchool, getQuestionByDoc } from './../../../_api/lessonQuestionClassSchoolServices'\r\nexport default {\r\n    props: {\r\n        documentId: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n        documentName: {\r\n            type: String,\r\n            default: ''\r\n        }\r\n    },\r\n    components: {\r\n        EditorCK,\r\n        EditorCKNew,\r\n        EdittorCKAnswer,\r\n        EdittorCKAnswerNew\r\n    },\r\n    watch: {\r\n        'form.sizeImage': 'setSizeImageQuestion'\r\n    },\r\n    data() {\r\n        return {\r\n            isDisabledButton:false,\r\n            tabActive: 1,\r\n            tabCreateQuestion: 1,\r\n            tabUploadDocx: 2,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n\r\n\r\n\r\n            listQuestion: [],\r\n\r\n            cdnUrl: APP_CONFIG.bookCdnUrl + 'data/lesson/',\r\n            listAnswerDelete: [],\r\n            //kích xỡ ảnh câu hỏi\r\n\r\n            question_img_size: [\r\n                { value: 4, text: '456x336' },\r\n                { value: 3, text: '1032x584' },\r\n                { value: 2, text: '1032x176' },\r\n                { value: 1, text: '240x176' }\r\n            ],\r\n            answer_key_text: [\r\n                'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'X', 'W', 'Y', 'Z'\r\n            ],\r\n            nameDocument: '',\r\n            isEditNameDocument: false,\r\n            formWord: {\r\n                fileName: '',\r\n                file: null,\r\n            },\r\n            listQuestionSave: [],\r\n            form: {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                chapterId: 0,\r\n                postId: 0,\r\n                name: '',\r\n                typeDocument: '',\r\n                fileName: '',\r\n                pathFile: '',\r\n                link: '',\r\n                sizeFile: 0,\r\n                file: null, //lưu trữ file upload\r\n            },\r\n            isDragging: false,\r\n\r\n        }\r\n    },\r\n    validations() {\r\n        return {\r\n            // form: {\r\n            //     topicName:{\r\n            //         required\r\n            //     }\r\n            // }\r\n        }\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        getNameTitle() {\r\n            return this.documentName\r\n        }\r\n    },\r\n    mounted() {\r\n        // if (this.documentId > 0) {\r\n        //     //get detail\r\n        //     this.getDetailChapterClassSchool()\r\n        // }\r\n        this.handleShowModal()\r\n\r\n        this.getDetailQuestion()\r\n    },\r\n    methods: {\r\n        handleEditQuestion(question) {\r\n            this.listQuestion = [{ ...question }]\r\n        },\r\n        saveQuestion(question) {\r\n            this.saveListQuestion([question],false)\r\n        },\r\n        getKeyText(numberQuestion) {\r\n            if (numberQuestion > 24) {\r\n                numberQuestion = 0\r\n            }\r\n            return this.answer_key_text[numberQuestion]\r\n        },\r\n        handleChangeTab(tab) {\r\n            this.tabActive = tab\r\n        },\r\n        handleAddQuestion() {\r\n            this.addData()\r\n        },\r\n        addData() {\r\n            let data = {\r\n                id: 0,\r\n                idClient: this.generateUUID(),\r\n                lessonClassSchoolId: this.$route.query.id,\r\n                topicName: '', // tên đề bài\r\n                sizeImage: 1, // kích cỡ ảnh\r\n                withSize: 240,\r\n                heightSize: 176,\r\n                fileQuestion: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                content: '',\r\n                listAnswer: [],\r\n\r\n            }\r\n            //         let data = {\r\n            // \"id\": 0,\r\n            // \"idClient\": this.generateUUID(),\r\n            // \"lessonClassSchoolId\": \"161\",\r\n            // \"topicName\": \"\",\r\n            // \"sizeImage\": 1,\r\n            // \"withSize\": 240,\r\n            // \"heightSize\": 176,\r\n            // \"fileQuestion\": {\r\n            //     \"fileData\": null,\r\n            //     \"url\": \"\"\r\n            // },\r\n            // \"content\": \"<p>c&acirc;u hỏi 1</p>\\n\",\r\n            // \"listAnswer\": [\r\n            //     {\r\n            //         \"id\": 0,\r\n            //         \"idClient\": this.generateUUID(),\r\n            //         \"isTrue\": false,\r\n            //         \"content\": \"<p>câu trả lời 1</p>\",\r\n            //         \"fileAnswer\": {\r\n            //             \"fileData\": null,\r\n            //             \"url\": \"\"\r\n            //         },\r\n            //         'code':this.getKeyText(0)\r\n            //     },\r\n            //     {\r\n            //         \"id\": 0,\r\n            //         \"idClient\": this.generateUUID(),\r\n            //         \"isTrue\": true,\r\n            //         \"content\": \"<p>câu trả lời 2</p>\",\r\n            //         \"fileAnswer\": {\r\n            //             \"fileData\": null,\r\n            //             \"url\": \"\"\r\n            //         },\r\n            //         'code':this.getKeyText(1)\r\n            //     }\r\n            // ]\r\n            //}\r\n            this.listQuestion.unshift(data)\r\n        },\r\n        generateUUID() { // Public Domain/MIT\r\n            var d = new Date().getTime();\r\n            if (typeof performance !== 'undefined' && typeof performance.now === 'function') {\r\n                d += performance.now(); //use high-precision timer if available\r\n            }\r\n            var newGuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n                var r = (d + Math.random() * 16) % 16 | 0;\r\n                d = Math.floor(d / 16);\r\n                return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\r\n            });\r\n\r\n            return newGuid;\r\n        },\r\n        onChangeUploadFile() {\r\n            this.formWord.file = this.$refs.file.files[0]\r\n            this.formWord.sizeFile = this.formWord.file.size\r\n            this.formWord.fileName = this.formWord.file.name\r\n            const formData = new FormData();\r\n            formData.append('file', this.formWord.file)\r\n            getQuestionByDoc(formData).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    if (res.data.length == 0) {\r\n                        this.tabActive = this.tabCreateQuestion\r\n                        this.listQuestion = []\r\n                        this.addData()\r\n                    }\r\n\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        this.listQuestion = []\r\n\r\n\r\n                        for (let i = 0; i < res.data.length; i++) {\r\n                            const item = res.data[i];\r\n                            let listAnswer = []\r\n                            for (let j = 0; j < item.answers.length; j++) {\r\n                                const element = item.answers[j];\r\n                                let answer = {\r\n                                    id: element.id,\r\n                                    idClient: this.generateUUID(),\r\n                                    isTrue: element.correct ? true : false,\r\n                                    content: element.content,\r\n                                    fileAnswer: {\r\n                                        fileData: null,\r\n                                        url: '',\r\n                                    },\r\n                                    code: element.code\r\n                                }\r\n                                listAnswer.push(answer)\r\n                            }\r\n\r\n\r\n                            let question = {\r\n                                id: item.id,\r\n                                idClient: this.generateUUID(),\r\n                                lessonClassSchoolId: this.$route.query.id,\r\n                                topicName: '', // tên đề bài\r\n                                sizeImage: 1, // kích cỡ ảnh\r\n                                withSize: 240,\r\n                                heightSize: 176,\r\n                                fileQuestion: {\r\n                                    fileData: null,\r\n                                    url: item.path ? `${this.cdnUrl}${item.path}` : '',\r\n                                },\r\n                                content: item.content,\r\n                                listAnswer: listAnswer,\r\n                            }\r\n                            this.listQuestion.push(question)\r\n                        }\r\n                        this.tabActive = this.tabCreateQuestion\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        getDetailQuestion() {\r\n            let self = this\r\n            let params = {\r\n                lessonClassSchoolId: this.$route.query.id,\r\n                documentId: this.documentId\r\n            }\r\n            getDetail(params).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    this.listQuestionSave = []\r\n\r\n\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        const item = res.data[i];\r\n                        let listAnswer = []\r\n                        for (let j = 0; j < item.listLessonAnswerClassSchoolModels.length; j++) {\r\n                            const element = item.listLessonAnswerClassSchoolModels[j];\r\n                            let answer = {\r\n                                id: element.id,\r\n                                idClient: this.generateUUID(),\r\n                                isTrue: element.isTrue,\r\n                                content: element.content,\r\n                                fileAnswer: {\r\n                                    fileData: null,\r\n                                    url: element.path ? `${this.cdnUrl}${element.path}` : '',\r\n                                },\r\n                                code: element.code\r\n                            }\r\n                            listAnswer.push(answer)\r\n                        }\r\n\r\n\r\n                        let question = {\r\n                            id: item.id,\r\n                            idClient: this.generateUUID(),\r\n                            lessonClassSchoolId: item.lessonClassSchoolId,\r\n                            topicName: '', // tên đề bài\r\n                            sizeImage: 1, // kích cỡ ảnh\r\n                            withSize: 240,\r\n                            heightSize: 176,\r\n                            fileQuestion: {\r\n                                fileData: null,\r\n                                url: ''\r\n                            },\r\n                            content: item.content,\r\n                            listAnswer: listAnswer,\r\n                        }\r\n                        this.listQuestionSave.push(question)\r\n                    }\r\n                }\r\n            })\r\n\r\n            if (this.listQuestion.length == 0) {\r\n                this.addData()\r\n            }\r\n        },\r\n        handleSave() {\r\n            // form: {\r\n            //     id: 0,\r\n            //     lessonClassSchoolId: 0,\r\n            //     topicName: '', // tên đề bài\r\n            //     sizeImage: 1, // kích cỡ ảnh\r\n            //     withSize: 240,\r\n            //     heightSize: 176,\r\n            //     fileQuestion: {\r\n            //         fileData: null,\r\n            //         url: ''\r\n            //     },\r\n            //     content: '',\r\n            //     listAnswer: []\r\n            // },\r\n            this.submitted = true\r\n            if (!this.$v.$invalid) {\r\n                let isValid =true\r\n                let listQuestion = [...this.listQuestion]\r\n                for (let i = 0; i < listQuestion.length; i++) {\r\n                    const element = listQuestion[i];\r\n                    if(!element.content){\r\n                        isValid =false\r\n                        break\r\n                    }\r\n                }\r\n                if(isValid){\r\n                    this.saveListQuestion(listQuestion,true)\r\n                }\r\n                else{\r\n                    this.$toast.error('Vui lòng nhập câu hỏi')\r\n                }\r\n            }\r\n        },\r\n        saveListQuestion(listQuestion,isClear = false) {\r\n            let self = this\r\n            const formData = new FormData();\r\n            //return\r\n            formData.append(`countQuestion`, listQuestion.length);\r\n            formData.append(`listAnswerDelete`, this.listAnswerDelete.join(\",\"));\r\n            for (let i = 0; i < listQuestion.length; i++) {\r\n                const item = listQuestion[i];\r\n                formData.append(`id_${i}`, item.id);\r\n                formData.append(`idClient_${i}`, item.idClient);\r\n                formData.append(`lessonClassSchoolId_${i}`, item.lessonClassSchoolId);\r\n                formData.append(`documentId_${i}`, this.documentId);\r\n                formData.append(`topicName_${i}`, item.topicName);\r\n                formData.append(`withSize_${i}`, item.withSize);\r\n                formData.append(`heightSize_${i}`, item.heightSize);\r\n                formData.append(`content_${i}`, item.content);\r\n                formData.append(`countAnswer_${i}`, item.listAnswer.length);\r\n                formData.append(`file_${i}`, item.fileQuestion.fileData);\r\n\r\n\r\n                for (let a = 0; a < item.listAnswer.length; a++) {\r\n                    const answer = item.listAnswer[a];\r\n                    formData.append(`id_${i}_${a}`, answer.id);\r\n                    formData.append(`questionIdClient_${i}_${a}`, item.idClient);\r\n                    formData.append(`isTrue_${i}_${a}`, answer.isTrue);\r\n                    formData.append(`content_${i}_${a}`, answer.content);\r\n                    formData.append(`file_${i}_${a}`, answer.fileAnswer.fileData);\r\n                    formData.append(`code_${i}_${a}`, answer.code);\r\n                }\r\n            }\r\n            self.isDisabledButton = true\r\n            saveLessonQuestionClassSchool(formData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Cập nhật tài liệu thành công')\r\n                    self.getDetailQuestion()\r\n                    if(!isClear){\r\n                        for (let q = 0; q < self.listQuestion.length; q++) {\r\n                        const item = self.listQuestion[q];\r\n                        for (let i = 0; i < listQuestion.length; i++) {\r\n                            let itemQuestion = listQuestion[i];\r\n                            if (itemQuestion.idClient == item.idClient) {\r\n                                self.listQuestion.splice(q, 1)\r\n                            }\r\n                        }\r\n\r\n                    }\r\n                    }\r\n                    else{\r\n                        self.listQuestion = []\r\n                    }\r\n                    \r\n                    \r\n                    if (self.listQuestion.length == 0) {\r\n                        self.addData()\r\n                    }\r\n                }\r\n                self.isDisabledButton = false\r\n            })\r\n        },\r\n        answerDefault(index) {\r\n            return {\r\n                id: 0,\r\n                idClient: this.generateUUID(),\r\n                isTrue: false,\r\n                content: '',\r\n                fileAnswer: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                code: this.getKeyText(index)\r\n            }\r\n        },\r\n        onEditorChangeQuestion(data) {\r\n            let questionSeleced = this.listQuestion[data.position]\r\n            questionSeleced.content = data.html\r\n        },\r\n        onEditorChangeAnswer(data) {\r\n\r\n            for (let iq = 0; iq < this.listQuestion.length; iq++) {\r\n                const question = this.listQuestion[iq];\r\n                for (let ia = 0; ia < question.listAnswer.length; ia++) {\r\n                    let answer = question.listAnswer[ia];\r\n                    if (answer.idClient == data.position) {\r\n                        answer.content = data.html\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        onDeleteAnswer(question, itemSelectd) {\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                const item = question.listAnswer[i];\r\n                if (itemSelectd.idClient == item.idClient) {\r\n                    if (item.id > 0) {\r\n                        this.listAnswerDelete.push(item.id)\r\n                    }\r\n                    question.listAnswer.splice(i, 1)\r\n                }\r\n            }\r\n        },\r\n        onDeleteFileAnswer(question, itemCurrent) {\r\n            console.log(question, itemCurrent)\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                let item = question.listAnswer[i];\r\n                if (itemCurrent.idClient == item.idClient) {\r\n                    item.fileAnswer.fileData = null\r\n                    item.fileAnswer.url = null\r\n                    this.$refs[item.idClient].value = ''\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        changeImgAnswer(e, question, itemCurrent) {\r\n            for (let i = 0; i < question.listAnswer.length; i++) {\r\n                const item = question.listAnswer[i];\r\n                if (itemCurrent.idClient == item.idClient) {\r\n                    item.fileAnswer.fileData = this.$refs[item.idClient][0].files[0]\r\n                    item.fileAnswer.url = URL.createObjectURL(item.fileAnswer.fileData);\r\n                    break\r\n                }\r\n            }\r\n\r\n        },\r\n        handUploadImageAnswer(item) {\r\n            this.$refs[item.idClient][0].click()\r\n        },\r\n        handleAddAnswer(question) {\r\n            question.listAnswer.push(this.answerDefault(question.listAnswer.length))\r\n        },\r\n\r\n        generateUUID() { // Public Domain/MIT\r\n            var d = new Date().getTime();\r\n            if (typeof performance !== 'undefined' && typeof performance.now === 'function') {\r\n                d += performance.now(); //use high-precision timer if available\r\n            }\r\n            var newGuid = 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\r\n                var r = (d + Math.random() * 16) % 16 | 0;\r\n                d = Math.floor(d / 16);\r\n                return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);\r\n            });\r\n\r\n            return newGuid;\r\n        },\r\n        onDeleteFileQuestion() {\r\n            this.form.fileQuestion.fileData = null\r\n            this.form.fileQuestion.url = ''\r\n            this.$refs.fileImageQuestion.value = ''\r\n        },\r\n        //\r\n\r\n        onUploadFile() {\r\n            this.$refs.file.click()\r\n        },\r\n        handleEditNameDocument() {\r\n            this.nameDocument = this.documentName\r\n            this.isEditNameDocument = true\r\n        },\r\n        handleUpdateNameDocument() {\r\n            this.documentName = this.nameDocument\r\n            let self = this\r\n            updateNameDocument({ Id: this.documentId, Name: this.nameDocument }).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Cập nhật tên tài liệu thành công')\r\n                    self.handleCancelEditNameDocument()\r\n                }\r\n            })\r\n        },\r\n        handleCancelEditNameDocument() {\r\n            this.isEditNameDocument = false\r\n        },\r\n        handleOnRemoveFile() {\r\n            this.$refs.file.value = '';\r\n            this.formWord.file = null\r\n            this.formWord.pathFile = ''\r\n            this.formWord.fileName = ''\r\n            console.log('clear')\r\n        },\r\n        formatSizeFile(data, to = 'MB') {\r\n            const const_term = 1024;\r\n\r\n            // Convert the values and concatenate \r\n            // the appropriate unit \r\n            if (to === \"KB\") {\r\n                return (data / const_term).toFixed(3) + \"KB\";\r\n            } else if (to === \"MB\") {\r\n                return (data / const_term ** 2).toFixed(3) + \"MB\";\r\n            } else if (to === \"GB\") {\r\n                return (data / const_term ** 3).toFixed(3) + \"GB\";\r\n            } else if (to === \"TB\") {\r\n                return (data / const_term ** 4).toFixed(3) + \"TB\";\r\n            } else {\r\n                return \"\";\r\n            }\r\n        },\r\n        dragoverUploadFile(e) {\r\n            e.preventDefault();\r\n            this.isDragging = true;\r\n        },\r\n        dragleaveUploadFile() {\r\n            this.isDragging = false;\r\n        },\r\n        dropUploadFile(e) {\r\n            e.preventDefault();\r\n            this.$refs.file.files = e.dataTransfer.files;\r\n            this.onChangeUploadFile();\r\n            this.isDragging = false;\r\n        },\r\n        handleSaveDocument() {\r\n            let self = this\r\n            if (!this.$v.$invalid) {\r\n                const formData = new FormData();\r\n                console.log(this.form)\r\n                formData.append('file', this.form.file);\r\n                uploadFileLessonQuestionClassSchool(formData).then(res => {\r\n                    if (res && res.data && !res.errors) {\r\n                        self.$toast.success('Thêm mới tài liệu thành công')\r\n                    }\r\n                })\r\n            }\r\n        },\r\n        handleOnDeleteQuestion(question) {\r\n            console.log(question)\r\n            let self = this\r\n            deleteLessonQuestionClassSchool(question.id).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Xóa câu hỏi thành công')\r\n                    self.getDetailQuestion()\r\n                    //self.listQuestion = []\r\n                    //self.addData()\r\n                    for (let q = 0; q < self.listQuestion.length; q++) {\r\n                        const item = self.listQuestion[q];\r\n                        if (question.idClient == item.idClient) {\r\n                            self.listQuestion.splice(q, 1)\r\n                        }\r\n                    }\r\n                    if (self.listQuestion.length == 0) {\r\n                        self.addData()\r\n                    }\r\n                }\r\n            })\r\n            // for (let i = 0; i < this.listQuestion.length; i++) {\r\n            //     const item = this.listQuestion[i];\r\n            //     if (question.id == item.id) {\r\n            //         this.listQuestion.splice(i, 1)\r\n            //         if (question.id > 0) {\r\n            //             // Call api delete question\r\n\r\n            //         }\r\n\r\n            //         break\r\n            //     }\r\n            // }\r\n        },\r\n        //\r\n        setSizeImageQuestion() {\r\n            switch (this.form.sizeImage) {\r\n                case 1://'240x176'\r\n                    this.form.withSize = 240\r\n                    this.form.heightSize = 176\r\n                    break;\r\n                case 2: //'1032x176'\r\n                    this.form.withSize = 1032\r\n                    this.form.heightSize = 176\r\n                    break;\r\n                case 3: //'1032x584'\r\n                    this.form.withSize = 1032\r\n                    this.form.heightSize = 584\r\n                    break;\r\n                case 4: //'456x336'\r\n                    this.form.withSize = 456\r\n                    this.form.heightSize = 336\r\n                    break;\r\n                default:\r\n                    break;\r\n            }\r\n        },\r\n        onUploadImageQuestion() {\r\n            this.$refs.fileImageQuestion.click()\r\n        },\r\n        changeImgQuestion() {\r\n            this.form.fileQuestion.fileData = this.$refs.fileImageQuestion.files[0]\r\n            this.form.fileQuestion.url = URL.createObjectURL(this.form.fileQuestion.fileData);\r\n        },\r\n        // getDetailChapterClassSchool() {\r\n        //     let self = this\r\n        //     getDetail(this.documentId).then(res => {\r\n        //         if (res && res.data && !res.errors) {\r\n        //             self.form = {\r\n        //                 id: res.data.id,\r\n        //                 lessonClassSchoolId: res.data.lessonClassSchoolId,\r\n        //                 name: res.data.name,\r\n        //             }\r\n        //         }\r\n        //     })\r\n        // },\r\n\r\n        resetModal() {\r\n            this.submitted = false\r\n            this.form = {\r\n                id: 0,\r\n                lessonClassSchoolId: 0,\r\n                topicName: '', // tên đề bài\r\n                sizeImage: 1, // kích cỡ ảnh\r\n                withSize: 240,\r\n                heightSize: 176,\r\n                fileQuestion: {\r\n                    fileData: null,\r\n                    url: ''\r\n                },\r\n                content: '',\r\n                listAnswer: []\r\n            }\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone')\r\n        },\r\n        handleHideModalConfim() {\r\n            //\r\n            this.$refs['modal-confirm-document-prepare-question'].hide()\r\n        },\r\n        handleShowModalConfim() {\r\n            //\r\n            this.$refs['modal-confirm-document-prepare-question'].show()\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs['modal-create-update-prepare-quesion'].toggle('#toggle-btn')\r\n        },\r\n        handleConfimModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-update-prepare-quesion'].hide()\r\n            //this.$emit('closeModal')\r\n            this.handleShowModalConfim()\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-create-update-prepare-quesion'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-10{\r\n    margin-top: 10px;\r\n}\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n\r\n.icon-plus {\r\n    width: 20px;\r\n    display: inline-block;\r\n}\r\n\r\n.item__add {\r\n    line-height: 18px;\r\n}\r\n\r\n.modal-confirm__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n\r\n    .modal__actions {\r\n\r\n        .btn-delete {\r\n            color: white;\r\n            border-radius: 8px;\r\n            min-width: 8rem;\r\n            font-family: sans-serif;\r\n            height: auto;\r\n            padding: 0.2rem;\r\n        }\r\n\r\n        .btn-no {\r\n            border-radius: 8px;\r\n            min-width: 8rem;\r\n            font-family: sans-serif;\r\n            height: auto;\r\n            padding: 0.2rem;\r\n\r\n            &:hover {\r\n                color: #ffffff;\r\n            }\r\n        }\r\n\r\n        .btn-cancel {\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.item-answer {\r\n    margin-top: 10px;\r\n}\r\n\r\n.btn-add-answer {\r\n    display: inline-block;\r\n    margin-top: 10px;\r\n    margin-bottom: 10px;\r\n    border: 0;\r\n    background: none;\r\n}\r\n\r\n.text-center {\r\n    text-align: center;\r\n}\r\n\r\n.btn-delete-image-question {\r\n    background: red;\r\n    border: 1px solid red;\r\n    color: #fffcfc;\r\n    border-radius: 20px;\r\n}\r\n\r\n.wrap-form-create-update-chapter {\r\n    background-color: white;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.btn-select-image-question {\r\n    border: 1px solid #f0f0f0;\r\n    color: black;\r\n    background: #f0f0f0;\r\n\r\n    .icon-file {\r\n        width: 10px;\r\n    }\r\n}\r\n\r\n.btn-complete-question {\r\n    border-radius: 10px;\r\n    border: 1px solid #84d7ff;\r\n    padding: 0.25rem 0.5rem;\r\n    background: #84d7ff;\r\n\r\n    &:hover {\r\n        background: #007bff;\r\n    }\r\n}\r\n\r\n.w-100px {\r\n    width: 100px;\r\n}\r\n\r\n.question-title {\r\n    border: 1px solid #ced4da;\r\n    border-radius: 10px;\r\n    padding: 0.5rem 1rem;\r\n}\r\n\r\n.item__img {\r\n    min-width: 82px;\r\n}\r\n\r\n\r\n.font-size-12 {\r\n    font-size: 12px !important;\r\n}\r\n\r\n.b-btn-width {\r\n    min-width: 8rem;\r\n    height: auto;\r\n    padding: 0.3rem;\r\n    border-radius: 8px;\r\n}\r\n\r\n.float-right {\r\n    float: right;\r\n}\r\n\r\n.wrap-form-create-update-chapter {\r\n    padding: 30px !important;\r\n}\r\n\r\n.btn-change {\r\n    border: none;\r\n    background-color: #d7f0fe;\r\n    color: black;\r\n    padding: 0px 4px;\r\n    margin-right: 40px;\r\n}\r\n\r\n.btn-change:hover {\r\n    background-color: #84d7ff;\r\n}\r\n\r\n.action_close_modal {\r\n    margin-bottom: 10px;\r\n    height: 10px;\r\n}\r\n\r\n.upload-file {\r\n    border: 2px solid rgb(168, 167, 167);\r\n    border-style: dashed;\r\n    border-radius: 15px;\r\n}\r\n\r\n.block_upload_file {\r\n    justify-content: center;\r\n    margin: 40px 0;\r\n    text-align: center;\r\n}\r\n\r\n.upload-file {\r\n    padding: 40px 10px;\r\n    text-align: -webkit-center;\r\n}\r\n\r\n.upload-file .tittle {\r\n    margin: 10px 0;\r\n}\r\n\r\n.justify-content-center {\r\n    display: flex;\r\n    justify-content: center;\r\n}\r\n\r\n.block_icon_upload {\r\n    background-color: #d7f0fe;\r\n    padding: 10px 25px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.btn-agree {\r\n    margin-left: 10px;\r\n    background: #0f3dba;\r\n    color: white;\r\n    line-height: 19px;\r\n}\r\n\r\n.wrap-file-data {\r\n    .wrap-left {\r\n        .name-file {\r\n            max-width: 285px;\r\n            text-overflow: ellipsis;\r\n            overflow: hidden;\r\n            margin-left: 5px;\r\n        }\r\n\r\n        .icon-photo {\r\n            width: 30px;\r\n            height: 30px;\r\n        }\r\n    }\r\n\r\n    .wrap-right {\r\n        .size-file {\r\n            margin-right: 5px;\r\n            color: #7a7777;\r\n        }\r\n\r\n        .btn-delete {\r\n            cursor: pointer;\r\n            width: 20px;\r\n            height: 20px;\r\n        }\r\n    }\r\n}\r\n\r\n.upload-drag {\r\n    border: 2px dashed #46b5e1 !important;\r\n    opacity: 0.5;\r\n}\r\n\r\n.justify-content-right {\r\n    justify-content: right;\r\n    display: flex;\r\n}\r\n\r\n.btn-delete-question,\r\n.btn-delete-question:hover {\r\n    background-color: red;\r\n    border: red;\r\n    color: white;\r\n}\r\n\r\n.cursor-pointer {\r\n    cursor: pointer;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=template&id=36a7e714&scoped=true&\"\nimport script from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateUpdatePrepareQuestions.vue?vue&type=style&index=0&id=36a7e714&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"36a7e714\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-create-question-bank\",attrs:{\"size\":\"xl\",\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container modal-create-question-bank__body\"},[_c('div',{staticClass:\"action\"},[_c('img',{staticClass:\"btn-close custom-cursor btn-float-right\",attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),_c('div',{staticClass:\"header-modal margin-top-10\"},[_c('h3',[_vm._v(\"Thư viện\")])]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"item item__key input-custom-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.lazy\",value:(_vm.paramQueryData.keyword),expression:\"paramQueryData.keyword\",modifiers:{\"lazy\":true}},{name:\"debounce\",rawName:\"v-debounce\",value:(1000),expression:\"1000\"}],staticClass:\"primary-color-txt color_bg_gray_light border-rd-20 font-size-15 form-h30 border-0 full-width\",attrs:{\"type\":\"text\",\"placeholder\":\"Tìm kiếm theo bài giảng tham khảo\"},domProps:{\"value\":(_vm.paramQueryData.keyword)},on:{\"change\":function($event){return _vm.$set(_vm.paramQueryData, \"keyword\", $event.target.value)}}}),_c('i',{staticClass:\"icon-search font-size-16 primary-color\"})]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-select',{attrs:{\"options\":_vm.listDataClass},on:{\"change\":_vm.handleChangeClassId},model:{value:(_vm.paramQueryData.classId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"classId\", $$v)},expression:\"paramQueryData.classId\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-form-select',{attrs:{\"options\":_vm.listDataSubject},on:{\"change\":_vm.handleChangeSubjectId},model:{value:(_vm.paramQueryData.subjectId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"subjectId\", $$v)},expression:\"paramQueryData.subjectId\"}})],1)]),_c('div',{staticClass:\"custom-line\"},[_c('div',{staticClass:\"line1\"}),_c('div',{staticClass:\"text-line\"},[_vm._v(\"Nguồn câu hỏi\")]),_c('div',{staticClass:\"line1\"})]),_c('div',{staticClass:\"filter-source-question\"},[_c('div',[_vm._v(\"Sách\")]),_c('div',{staticClass:\"filter-book\"},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.listBookType,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.paramQueryData.listBookTypeId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"listBookTypeId\", $$v)},expression:\"paramQueryData.listBookTypeId\"}})],1)])]),_c('div',{staticClass:\"col-md-8\"},[_c('div',{staticClass:\"count-result\"},[_vm._v(\"Tổng: \"+_vm._s(_vm.totalRecords)+\" kết quả\")]),_c('div',{ref:\"scrollContainer\",staticClass:\"wrap-right\",on:{\"scroll\":_vm.handleScroll}},_vm._l((_vm.listDataBookLesson),function(item,index){return _c('div',{key:index,staticClass:\"question-item display-flex\"},[_c('div',{staticClass:\"question col-md-8\"},[_vm._v(\"\\n                                        \"+_vm._s(item.title)+\"\\n                                    \")]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"row p-10\"},[_c('a',{staticClass:\"item btn border-rd-20 font-size-16 display-flex-center item__add col-md-6\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleView(item)}}},[_vm._v(\"\\n                                                Xem trước\\n                                            \")]),_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add col-md-6\",attrs:{\"href\":\"javascript:;\",\"disabled\":_vm.isDisabledButton},on:{\"click\":function($event){return _vm.handleClickBookLesson(item)}}},[_vm._v(\"\\n                                                Sử dụng\\n                                            \")])])])])}),0)])]),_c('div',{staticClass:\"form_action display-flex justity-content-end\"},[_c('button',{staticClass:\"btn btn-cancel border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                    Hủy bỏ\\n                \")])])])]),(_vm.isOpenModalViewDocument)?_c('ModalViewDocument',{attrs:{\"item\":_vm.dataItemView},on:{\"closeModal\":_vm.closeModalViewDocument}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-question-bank\"\r\n            @hidden=\"resetModal\">\r\n            <div class=\"container modal-create-question-bank__body\">\r\n                <div class=\"action\"><img class=\"btn-close custom-cursor btn-float-right\" src=\"@/assets/img/x.png\"\r\n                        @click=\"handleHideModal\" /></div>\r\n                <div class=\"header-modal margin-top-10\">\r\n                    <h3>Thư viện</h3>\r\n                </div>\r\n                <div class=\"row margin-top-10\">\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"item item__key input-custom-icon\">\r\n                            <input v-model.lazy=\"paramQueryData.keyword\" v-debounce=\"1000\" type=\"text\"\r\n                                placeholder=\"Tìm kiếm theo bài giảng tham khảo\"\r\n                                class=\"primary-color-txt color_bg_gray_light border-rd-20 font-size-15 form-h30 border-0 full-width\" />\r\n                            <i class=\"icon-search font-size-16 primary-color\"></i>\r\n                        </div>\r\n                        <div class=\"row margin-top-10\">\r\n                            <div class=\"col-md-6\">\r\n                                <b-form-select @change=\"handleChangeClassId\" v-model=\"paramQueryData.classId\"\r\n                                    :options=\"listDataClass\">\r\n                                    <!-- <option value=0>Tất cả</option> -->\r\n                                </b-form-select>\r\n                            </div>\r\n                            <div class=\"col-md-6\">\r\n                                <b-form-select @change=\"handleChangeSubjectId\" v-model=\"paramQueryData.subjectId\"\r\n                                    :options=\"listDataSubject\">\r\n                                    <!-- <option value=0>Tất cả</option> -->\r\n                                </b-form-select>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"custom-line\">\r\n                            <div class=\"line1\"></div>\r\n                            <div class=\"text-line\">Nguồn câu hỏi</div>\r\n                            <div class=\"line1\"></div>\r\n                        </div>\r\n                        <div class=\"filter-source-question\">\r\n                            <div>Sách</div>\r\n                            <div class=\"filter-book\">\r\n                                <b-form-checkbox-group v-model=\"paramQueryData.listBookTypeId\" :options=\"listBookType\"\r\n                                    name=\"flavour-2a\" stacked></b-form-checkbox-group>\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-8\">\r\n                        <div class=\"count-result\">Tổng: {{ totalRecords }} kết quả</div>\r\n                            <div class=\"wrap-right\" ref=\"scrollContainer\" @scroll=\"handleScroll\">\r\n                                <div class=\"question-item display-flex\" v-for=\"(item, index) of listDataBookLesson\"\r\n                                        :key=\"index\">\r\n                                        <div class=\"question col-md-8\">\r\n                                            {{ item.title }}\r\n                                        </div>\r\n                                        <div class=\"col-md-4\">\r\n                                            <div class=\"row p-10\">\r\n                                                <a href=\"javascript:;\"\r\n                                                    @click=\"handleView(item)\"\r\n                                                    class=\"item btn border-rd-20 font-size-16 display-flex-center item__add col-md-6\">\r\n                                                    Xem trước\r\n                                                </a>\r\n                                                <a href=\"javascript:;\"\r\n                                                :disabled=\"isDisabledButton\"\r\n                                                    @click=\"handleClickBookLesson(item)\"\r\n                                                    class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add col-md-6\">\r\n                                                    Sử dụng\r\n                                                </a>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                            </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form_action display-flex justity-content-end\">\r\n                    <button type=\"button\"\r\n                        class=\"btn btn-cancel border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                        :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                        Hủy bỏ\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n        <ModalViewDocument :item=\"dataItemView\" v-if=\"isOpenModalViewDocument\" @closeModal=\"closeModalViewDocument\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport debounce from \"@/directives/debounce\";\r\nimport { getAllTypeFilter, getAllClassFilter } from \"./../../../_api/\";\r\nimport { saveDocument} from './../../../_api/documentClassSchoolServices'\r\nimport { getListBookLessonPlan } from './../../../_api/documentClassSchoolServices'\r\nimport {\r\n    REFERENCE_LECTURE\r\n} from './../../../constants/constants_enum'\r\nimport ModalViewDocument from './../../../_components/ModalViewDocument'\r\nexport default {\r\n    name: \"ModalLectureLibrary\",\r\n    directives: { debounce },\r\n    components: {\r\n        ModalViewDocument\r\n    },\r\n    props:{\r\n        form:{\r\n            type:Object,\r\n            default:{}\r\n        }\r\n    },\r\n    watch: {\r\n        // 'paramQueryData.classId': 'handleChangeClassId',\r\n        // 'paramQueryData.subjectId': 'handleChangeSubjectId',\r\n        \"paramQueryData.keyword\": \"handleSearchData\",\r\n        \"paramQueryData.listBookTypeId\": \"handleChangeBookTypeId\",\r\n    },\r\n\r\n    data() {\r\n        return {\r\n            REFERENCE_LECTURE,\r\n            isOpenModalViewDocument : false,\r\n            isDisabledButton:false,\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            statusSearch: 0,\r\n            listDataSubject: [{ value: 0, text: \"Tất cả - môn\" }],\r\n            listDataClass: [{ value: 0, text: \"Tất cả - lớp\" }],\r\n            listDataBookLesson: [],\r\n            totalRecords: 0,\r\n            totalPage: 0,\r\n            paramQueryData: {\r\n                keyword: \"\",\r\n                pageIndex: 1,\r\n                pageSize: 20,\r\n                subjectId: 0,\r\n                classId: 0,\r\n                listBookTypeId:[]\r\n            },\r\n            listBookType: [\r\n                { text: \"Chân trời sáng tạo\", value: 4 },\r\n                { text: \"Kết nối tri thức với cuộc sống\", value: 3 },\r\n            ],\r\n            listQuestionAdd: [],\r\n            dataDocument:null,\r\n            dataItemView:{}\r\n        };\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n    },\r\n    mounted() {\r\n        this.dataDocument = this.form\r\n        this.GetAllClass();\r\n        this.handleShowModal();\r\n        this.getListData()\r\n    },\r\n\r\n    methods: {\r\n        closeModalViewDocument(){\r\n            this.isOpenModalViewDocument = false\r\n        },\r\n        handleView(item){\r\n            this.dataItemView = {\r\n                typeDocument:REFERENCE_LECTURE,\r\n                bookLessonPlanId:item.bookLessonPlanId\r\n            }\r\n            this.isOpenModalViewDocument = true\r\n        },\r\n        handleClickBookLesson(item){\r\n            let self = this\r\n            this.dataDocument.bookLessonPlanId = item.bookLessonPlanId\r\n            this.isDisabledButton = true\r\n            saveDocument(this.dataDocument).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                        if (this.dataDocument.id > 0) {\r\n                                self.$toast.success('Cập nhật bài giảng thành công')\r\n                        } else {\r\n                                self.$toast.success('Thêm mới bài giảng thành công')\r\n                        }\r\n                        this.handleDone()\r\n                    }\r\n                    self.isDisabledButton = false\r\n                })\r\n        },\r\n        handleScroll() {\r\n            const container = this.$refs.scrollContainer;\r\n            const scrollHeight = container.scrollHeight;\r\n            const scrollTop = container.scrollTop;\r\n            const offsetHeight = container.offsetHeight;\r\n            const bottomOffset = scrollHeight - (scrollTop + offsetHeight);\r\n            if (bottomOffset <= 0 && !this.isLoading) {\r\n                // Load more items when the user reaches the bottom with some offset\r\n                let pageIndexSearch = this.paramQueryData.pageIndex + 1;\r\n                if (pageIndexSearch <= this.totalPage) {\r\n                    console.log(\"getdataa\");\r\n                    this.paramQueryData.pageIndex++;\r\n                    this.getListData();\r\n                }\r\n            }\r\n        },\r\n        getListData() {\r\n            let self = this;\r\n            getListBookLessonPlan(this.paramQueryData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    if (res && res.data && !res.errors) {\r\n                        for (let i = 0; i < res.data.list.length; i++) {\r\n                            const item = res.data.list[i];\r\n                            self.listDataBookLesson.push({ ...item });\r\n                        }\r\n\r\n                        self.totalRecords = res.data.paging.totalRecords;\r\n                        self.totalPage = res.data.paging.totalPage;\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleChangeSubjectId(e) {\r\n            //this.subjectId = e.target.value\r\n            this.handleOnFilter();\r\n        },\r\n        handleChangeClassId(e) {\r\n            this.getTypesFilter();\r\n            //this.classId = e.target.value\r\n            this.handleOnFilter();\r\n        },\r\n        handleSearchData() {\r\n            this.handleOnFilter();\r\n        },\r\n        handleChangeBookTypeId() {\r\n            this.handleOnFilter();\r\n        },\r\n        resetData() {\r\n            this.paramQueryData.pageIndex = 1;\r\n            (this.listDataBookLesson = []), (this.totalRecords = 0), (this.totalPage = 0);\r\n        },\r\n        handleOnFilter() {\r\n            this.statusSearch = 1\r\n            this.resetData();\r\n            this.getListData()\r\n        },\r\n        getTypesFilter() {\r\n            let self = this;\r\n            self.listDataSubject = [{ value: 0, text: \"Tất cả - môn\" }];\r\n            this.subjectId = 0;\r\n            getAllTypeFilter({ classId: this.paramQueryData.classId }).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    for (let i = 0; i < res.data.ltsSubject.length; i++) {\r\n                        const item = res.data.ltsSubject[i];\r\n                        self.listDataSubject.push({\r\n                            value: item.subjectId,\r\n                            text: item.name,\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        GetAllClass() {\r\n            let self = this;\r\n            getAllClassFilter({}).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        const item = res.data[i];\r\n                        self.listDataClass.push({ value: item.classId, text: item.name });\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal();\r\n            this.$emit(\"handleDone\");\r\n        },\r\n        resetModal() {\r\n            console.log(\"resetModal\");\r\n            this.submitted = false;\r\n        },\r\n        toggleModal() {\r\n            this.$refs[\"modal-create-question-bank\"].toggle(\"#toggle-btn\");\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-question-bank'].hide()\r\n            this.$emit(\"closeModal\");\r\n        },\r\n        handleShowModal() {\r\n            this.$refs[\"modal-create-question-bank\"].show();\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style>\r\n.question .input-hide-place {\r\n    width: 40px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.loadding {\r\n    color: green;\r\n}\r\n\r\n.modal-create-question-bank__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n\r\n    // custom size modal\r\n    max-width: 90%;\r\n    top: 2%;\r\n    left: 5%;\r\n    right: 0;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    margin: 0px;\r\n\r\n    .modal__actions {\r\n        margin-top: 10px;\r\n\r\n        .btn-delete {\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n\r\n        .btn-cancel {\r\n            margin-right: 10px;\r\n            color: #dd352f;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.justity-content-end {\r\n    justify-content: end\r\n}\r\n\r\n.wrap-right {\r\n    padding: 5px;\r\n    border-radius: 10px;\r\n    border: 1px solid #eaeaea;\r\n    max-height: calc(80vh - 20px);\r\n    overflow: auto;\r\n}\r\n\r\n.question-item {\r\n    padding: 10px;\r\n    overflow: auto;\r\n    margin: 5px;\r\n    border: 1px solid #a1b5f3;\r\n    border-radius: 15px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n\r\n.custom-line {\r\n    width: 100%;\r\n    display: flex;\r\n    margin-top: 20px;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n\r\n    .line1 {\r\n        width: 35%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .line2 {\r\n        width: 35%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .text-line {\r\n        margin-top: -10px;\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n        color: #e5e5e5;\r\n        width: 125px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n.btn-float-right {\r\n    float: right;\r\n    width: 15px;\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalLectureLibrary.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalLectureLibrary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalLectureLibrary.vue?vue&type=template&id=3ce10e3a&scoped=true&\"\nimport script from \"./ModalLectureLibrary.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalLectureLibrary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalLectureLibrary.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./ModalLectureLibrary.vue?vue&type=style&index=1&id=3ce10e3a&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  \"3ce10e3a\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <div class=\"margin-top-10 display-flex justify-content-space-between\">\r\n            <!-- <div class=\"name-leson\">\r\n                <h4>\r\n                    <strong>{{ dataElectronicLecture.name }}</strong>\r\n                </h4>\r\n            </div> -->\r\n            <div class=\"wrap-btn-add-chapter\">\r\n                <a href=\"javascript:;\" class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add\"\r\n                    @click=\"handleAddChapter\" v-if=\"isEdit == 1\">\r\n                    <img class=\"icon-plus\" src=\"@/assets/img/plus.png\" />\r\n                    <img class=\"icon-plus\" src=\"@/assets/img/plus-hover.png\" />\r\n                    Thêm chương\r\n                </a>\r\n            </div>\r\n        </div>\r\n\r\n        <vueCustomScrollbar v-if=\"listChapterClassSchool.length > 0\"  class=\"b-chapter-scroll\">\r\n            <ChapterClassSchool @handleDeleteChapter=\"handleDeleteChapter\"\r\n                        @handleEditChapter=\"handleEditChapter\" @handleAddPost=\"handleAddPost\" :item=\"item\"\r\n                        v-for=\"(item, index) of listChapterClassSchool\" :key=\"index\"\r\n                        @handleToggerCollapse=\"handleToggerCollapse\" :isEdit=\"isEdit\">\r\n                        <template v-slot:post>\r\n                            <b-collapse class=\"mt-2\" :visible=\"item.isCollapse\">\r\n                                <vueCustomScrollbar class=\"b-post-scroll\">\r\n                                    <PostClassSchool :item=\"post\" @handleEditPost=\"handleEditPost\"\r\n                                        @handleDeletePost=\"handleDeletePost\" @handleAddDocument=\"handleAddDocument\"\r\n                                        v-for=\"(post, indexPost) of item.listPostClassSchool\" :key=\"indexPost\"\r\n                                        :isEdit=\"isEdit\">\r\n                                        <template v-slot:document>\r\n                                            <DocumentClassSchool @handleEditDocument=\"handleEditDocument\"\r\n                                                @handleViewDocument=\"handleViewDocument\"\r\n                                                @handleDeleteDocument=\"handleDeleteDocument\" :item=\"document\"\r\n                                                v-for=\"(document, indexDocument) of post.listDocumentClassSchool\"\r\n                                                :key=\"indexDocument\" :isEdit=\"isEdit\" />\r\n                                        </template>\r\n                                    </PostClassSchool>\r\n                                </vueCustomScrollbar>\r\n                            </b-collapse>\r\n                        </template>\r\n                    </ChapterClassSchool>\r\n            </vueCustomScrollbar>\r\n        <div v-else class=\"text-center\">Bài giảng chưa có nội dung</div>\r\n        <!-- <div class=\"row pagination container m-0\">\r\n                <b-pagination\r\n                pills \r\n                v-model=\"paramQueryData.pageIndex\"\r\n                :total-rows=\"totalRecords\"\r\n                :per-page=\"paramQueryData.pageSize\"\r\n                first-number\r\n                last-number\r\n                ></b-pagination>\r\n            </div> -->\r\n        <ModalCreateUpdateChapter :type=\"paramQueryData.type\" :chapterId=\"chapterClassSchoolIdCurrent\"\r\n            v-if=\"isOpenModalCreateUpdateChapter\" @closeModal=\"closeModalCreateUpdateChapter\"\r\n            @handleDone=\"handleDone\" />\r\n        <ModalDeleteChapter v-if=\"isOpenModalDeleteChapter\" @handleDeleteDone=\"handleDeleteDone\"\r\n            @closeModal=\"closeModalDeleteChapter\" :chapterId=\"chapterClassSchoolIdCurrent\" />\r\n\r\n        <ModalCreateUpdatePost :chapterId=\"chapterClassSchoolIdCurrent\" :posterId=\"posterClassSchoolIdCurrent\"\r\n            v-if=\"isOpenModalCreateUpdatePoster\" @closeModal=\"closeModalCreateUpdatePoster\"\r\n            @handleDone=\"handleDonePoster\" />\r\n\r\n        <ModalDeletePost v-if=\"isOpenModalDeletePost\" @handleDeleteDone=\"handleDeletePostDone\"\r\n            @closeModal=\"closeModalDeletePost\" :posterId=\"posterClassSchoolIdCurrent\" />\r\n\r\n        <ModalCreateUpdateDocument :chapterId=\"chapterClassSchoolIdCurrent\" :postId=\"posterClassSchoolIdCurrent\"\r\n            :documentId=\"documentClassSchoolIdCurrent\"\r\n            @handleDoneModalPrepareQuestions=\"handleDoneModalPrepareQuestions\" \r\n            @handleShowModalLectureLibrary=\"handleShowModalLectureLibrary\"\r\n            v-if=\"isOpenModalCreateUpdateDocument\"\r\n            @closeModal=\"closeModalCreateUpdateDocument\" @handleDone=\"handleDoneDocument\" />\r\n\r\n        <ModalDeleteDocument v-if=\"isOpenModalDeleteDocument\" @handleDeleteDone=\"handleDeleteDocumentDone\"\r\n            @closeModal=\"closeModalDeleteDocument\" :documentId=\"documentClassSchoolIdCurrent\" />\r\n\r\n        <ModalCreateUpdatePrepareQuestions :documentName=\"documentNameCurrent\"\r\n            :documentId=\"documentClassSchoolIdCurrent\" @closeModal=\"closeModalPrepareQuestions\"\r\n            @handleDone=\"handleDonePrepareQuestions\" v-if=\"isShowModalCreateUpdatePrepareQuestions\" />\r\n\r\n        <ModalViewDocument :item=\"itemSelected\" v-if=\"isOpenModalViewDocument\" @closeModal=\"closeModalViewDocument\" />\r\n        <ModalLectureLibrary @handleDone=\"handleDoneModalLectureLibrary\" :form=\"dataDocumment\" v-if=\"isOpenModalLectureLibrary\" @closeModal=\"closeModalLectureLibrary\" />\r\n    </div>\r\n</template>\r\n<script>\r\nimport { TYPE_H5P, TYPE_DOCUMENT, TYPE_TEST, FILE_YOUTUBE, FILE_CANVA, FILE_LINK } from './../../../constants/constants_enum'\r\n\r\nimport ModalCreateUpdateChapter from './ModalCreateUpdateChapter'\r\nimport ChapterClassSchool from './ChapterClassSchool.vue'\r\nimport { listChapterClassSchool, changeOrderChapter } from './../../../_api/chapterClassSchoolServices'\r\nimport PostClassSchool from './PostClassSchool'\r\nimport ModalDeleteChapter from './ModalDeleteChapter'\r\nimport ModalCreateUpdatePost from './ModalCreateUpdatePost'\r\nimport ModalDeletePost from './ModalDeletePost'\r\nimport ModalCreateUpdateDocument from './ModalCreateUpdateDocument'\r\nimport DocumentClassSchool from './DocumentClassSchool'\r\nimport ModalDeleteDocument from './ModalDeleteDocument'\r\nimport ModalCreateUpdatePrepareQuestions from './ModalCreateUpdatePrepareQuestions'\r\nimport draggable from 'vuedraggable'\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport ModalViewDocument from './../../../_components/ModalViewDocument.vue'\r\nimport ModalLectureLibrary from './ModalLectureLibrary'\r\nexport default {\r\n    components: {\r\n        ModalCreateUpdateChapter,\r\n        ChapterClassSchool,\r\n        PostClassSchool,\r\n        ModalDeleteChapter,\r\n        ModalCreateUpdatePost,\r\n        ModalDeletePost,\r\n        ModalCreateUpdateDocument,\r\n        DocumentClassSchool,\r\n        ModalDeleteDocument,\r\n        ModalCreateUpdatePrepareQuestions,\r\n        draggable,\r\n        vueCustomScrollbar,\r\n        ModalViewDocument,\r\n        ModalLectureLibrary\r\n    },\r\n    props: {\r\n        dataElectronicLecture: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        isEdit: {\r\n            type: Number,\r\n            default: 0\r\n        },\r\n    },\r\n    data() {\r\n        return {\r\n            FILE_LINK,\r\n            itemSelected: null,\r\n            isOpenModalViewDocument: false,\r\n            dragging: false,\r\n            isOpenModalCreateUpdateChapter: false,\r\n            isOpenModalCreateUpdatePoster: false,\r\n            isOpenModalCreateUpdateDocument: false,\r\n            isOpenModalDeleteDocument: false,\r\n            isOpenModalLectureLibrary: false,\r\n            paramQueryData: {\r\n                lessonClassSchoolId: this.dataElectronicLecture.id,\r\n                type: 2,\r\n                keyword: '',\r\n                pageIndex: 1,\r\n                pageSize: 6000000,\r\n            },\r\n            listChapterClassSchool: [],\r\n            totalRecords: 0,\r\n            chapterClassSchoolIdCurrent: 0,\r\n            posterClassSchoolIdCurrent: 0,\r\n            documentClassSchoolIdCurrent: 0,\r\n            documentNameCurrent: '',\r\n            isOpenModalDeleteChapter: false,\r\n            isOpenModalDeletePost: false,\r\n            isShowModalCreateUpdatePrepareQuestions: false,\r\n            chapterSelectCurrent: null,\r\n            itemChapterCollapse : null,\r\n            dataDocumment:null\r\n        }\r\n    },\r\n    mounted() {\r\n        this.getListChapterClassSchool()\r\n    },\r\n    methods: {\r\n        handleDoneModalLectureLibrary(){\r\n            this.getListChapterClassSchool()\r\n            this.closeModalLectureLibrary()\r\n        },\r\n        closeModalLectureLibrary(){\r\n            this.isOpenModalLectureLibrary = false\r\n        },\r\n        handleShowModalLectureLibrary(data){\r\n            this.isOpenModalCreateUpdateDocument = false\r\n            this.isOpenModalLectureLibrary = true\r\n            this.dataDocumment = data\r\n        },\r\n        handleViewDocument(document) {\r\n            this.itemSelected = document\r\n            if (document.typeDocument == FILE_LINK) {\r\n                window.open(document.path, '_blank');\r\n            }\r\n            else {\r\n                this.isOpenModalViewDocument = true\r\n            }\r\n        },\r\n        closeModalViewDocument() {\r\n            this.isOpenModalViewDocument = false\r\n        },\r\n        onChangeDrag(event) {\r\n            console.log(event)\r\n        },\r\n        onDragStart(event) {\r\n            this.dragging = true\r\n        },\r\n        onDragEnd(event) {\r\n            let listOrder = []\r\n\r\n            for (let i = 0; i < this.listChapterClassSchool.length; i++) {\r\n                const item = this.listChapterClassSchool[i];\r\n                listOrder.push(Number(item.orderNo))\r\n            }\r\n\r\n            listOrder.sort(function (a, b) {\r\n                return a-b;\r\n            })\r\n\r\n            let listParams = []\r\n            for (let i = 0; i < this.listChapterClassSchool.length; i++) {\r\n                const item = this.listChapterClassSchool[i];\r\n                listParams.push({ id: item.id, orderNo: listOrder[i] })\r\n            }\r\n            changeOrderChapter(listParams)\r\n\r\n            this.dragging = false\r\n        },\r\n        handleToggerCollapse(item) {\r\n            for (let i = 0; i < this.listChapterClassSchool.length; i++) {\r\n                if (this.listChapterClassSchool[i].id != item.id) {\r\n                    this.listChapterClassSchool[i].isCollapse = false\r\n                }\r\n            }\r\n            item.isCollapse = !item.isCollapse\r\n            if(item.isCollapse){\r\n                this.itemChapterCollapse = item\r\n            }\r\n        },\r\n        \r\n        handleDonePrepareQuestions() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalPrepareQuestions()\r\n        },\r\n        handleDoneModalPrepareQuestions(data) {\r\n            this.documentClassSchoolIdCurrent = data.id\r\n            this.documentNameCurrent = data.name\r\n            this.isShowModalCreateUpdatePrepareQuestions = true\r\n        },\r\n        closeModalPrepareQuestions() {\r\n            this.isShowModalCreateUpdatePrepareQuestions = false\r\n            this.getListChapterClassSchool()\r\n        },\r\n        handleDeleteDocument(item) {\r\n            this.documentClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeleteDocument = true\r\n        },\r\n        handleEditDocument(item) {\r\n            this.documentClassSchoolIdCurrent = item.id\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateDocument = true\r\n        },\r\n        handleDeleteDocumentDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeleteDocument()\r\n        },\r\n        closeModalDeleteDocument() {\r\n            this.isOpenModalDeleteDocument = false\r\n        },\r\n        handleAddDocument(item) {\r\n\r\n            this.documentClassSchoolIdCurrent = 0\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateDocument = true\r\n        },\r\n        handleDoneDocument() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdateDocument()\r\n        },\r\n        closeModalCreateUpdateDocument() {\r\n            this.isOpenModalCreateUpdateDocument = false\r\n        },\r\n        handleDeletePost(item) {\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeletePost = true\r\n        },\r\n        closeModalDeletePost() {\r\n            this.isOpenModalDeletePost = false\r\n        },\r\n        handleDeletePostDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeletePost()\r\n        },\r\n        handleEditPost(item) {\r\n            console.log(`chapter:${item.chapterId},post:${item.id}`)\r\n            this.chapterClassSchoolIdCurrent = item.chapterId\r\n            this.posterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdatePoster = true\r\n        },\r\n        handleAddPost(item) {\r\n            //oke\r\n            console.log('chapter:', item.id)\r\n            this.posterClassSchoolIdCurrent = 0\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.chapterSelectCurrent = item\r\n            this.isOpenModalCreateUpdatePoster = true\r\n        },\r\n        handleDonePoster() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdatePoster()\r\n        },\r\n        closeModalCreateUpdatePoster() {\r\n            this.isOpenModalCreateUpdatePoster = false\r\n        },\r\n        closeModalDeleteChapter() {\r\n            this.isOpenModalDeleteChapter = false\r\n        },\r\n        handleDeleteDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalDeleteChapter()\r\n        },\r\n        handleDeleteChapter(item) {\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalDeleteChapter = true\r\n        },\r\n        handleEditChapter(item) {\r\n            console.log(item)\r\n            this.chapterClassSchoolIdCurrent = item.id\r\n            this.isOpenModalCreateUpdateChapter = true\r\n        },\r\n        handleAddChapter() {\r\n            //set\r\n            this.chapterClassSchoolIdCurrent = 0\r\n            this.isOpenModalCreateUpdateChapter = true\r\n            this.itemChapterCollapse=null\r\n        },\r\n        closeModalCreateUpdateChapter() {\r\n            this.isOpenModalCreateUpdateChapter = false\r\n        },\r\n        handleDone() {\r\n            this.getListChapterClassSchool()\r\n            this.closeModalCreateUpdateChapter()\r\n        },\r\n        getListChapterClassSchool() {\r\n            let self = this\r\n            listChapterClassSchool(this.paramQueryData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.listChapterClassSchool = res.data.list\r\n                    self.listChapterClassSchool.forEach(element => {\r\n                        if (element.id ==(this.itemChapterCollapse?this.itemChapterCollapse.id:0)) {\r\n                            element.isCollapse = true\r\n                        }\r\n                    });\r\n                    self.totalRecords = res.data.paging.totalRecords\r\n                }\r\n            })\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-10 {\r\n    margin-top: 20px;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between\r\n}\r\n\r\n.icon-plus {\r\n    width: 20px;\r\n    top: 0px !important;\r\n    display: inline-block;\r\n}\r\n\r\n.b-chapter-scroll {\r\n    max-height: 63vh;\r\n    overflow-y: auto;\r\n}\r\n\r\n.b-post-scroll {\r\n    max-height: 30vh;\r\n    overflow-y: auto;\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TabContentElectronicLecture.vue?vue&type=template&id=36e947ab&scoped=true&\"\nimport script from \"./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"\nexport * from \"./TabContentElectronicLecture.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TabContentElectronicLecture.vue?vue&type=style&index=0&id=36e947ab&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"36e947ab\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <section>\r\n        <div class=\"ss-breadcrumb\">\r\n            <div class=\"container-hts\">\r\n                <ul class=\"margin-0 p-0\">\r\n                    <li><router-link to=\"/soan-tai-lieu\">Soạn tài liệu</router-link></li>\r\n                    <li><router-link to=\"/soan-tai-lieu\">Bài giảng điện tử</router-link></li>\r\n                    <li><router-link to=\"\">{{ nameLecture }}</router-link></li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"container\">\r\n            <div class=\"name-leson mt-3\">\r\n                <h4 v-if=\"!isEditNameLesson\">\r\n                    <strong>{{ dataElectronicLecture.name }}</strong>\r\n                    <img @click=\"handleEditNameLesson\" class=\"icon-edit\" src=\"@/assets/img/edit.png\"\r\n                        v-if=\"Number(isEdit) == 1\" />\r\n                </h4>\r\n                <div v-else class=\"display-flex\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-6\">\r\n                            <b-form-input id=\"numberLesson\" v-model=\"nameLesson\" type=\"text\"\r\n                                placeholder=\"Nhập tên bài giảng\" autocomplete=\"off\" class=\"form-control\" />\r\n                        </div>\r\n                        <div class=\"col-md-6\">\r\n                            <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\"\r\n                                @click=\"handleCancelEditNameLesson\">Hủy</a>\r\n                            <a href=\"javascript:;\" class=\"btn btn-agree font-size-17 btn-delete\"\r\n                                @click=\"handleUpdateName()\">Đồng ý</a>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <b-tabs pills>\r\n                <b-tab @click=\"handleOnChangeTab(tabInfo)\" title=\"Thông tin\" :active=\"tabActive == tabInfo\">\r\n                    <TabInfoElectronicLecture :type=\"ELECTRONIC_LECTURE_WAREHOUSE\"\r\n                        @getDetailLessonClassSchool=\"getDetailLessonClassSchool\"\r\n                        :dataElectronicLecture=\"dataElectronicLecture\"\r\n                        v-if=\"tabActive == tabInfo && dataElectronicLecture.name\" :isEdit=\"Number(isEdit)\" />\r\n                </b-tab>\r\n                <b-tab @click=\"handleOnChangeTab(tabContent)\" title=\"Nội dung\" :active=\"tabActive == tabContent\">\r\n                    <TabContentElectronicLecture :type=\"ELECTRONIC_LECTURE_WAREHOUSE\"\r\n                        :dataElectronicLecture=\"dataElectronicLecture\"\r\n                        v-if=\"tabActive == tabContent && dataElectronicLecture.name\" :isEdit=\"Number(isEdit)\" />\r\n                </b-tab>\r\n                <b-tab @click=\"handleOnChangeTab(tabDocument)\" title=\"Tài liệu đính kèm\"\r\n                    :active=\"tabActive == tabDocument\">\r\n                    <TabAttachment :type=\"ELECTRONIC_LECTURE_WAREHOUSE\" :dataElectronicLecture=\"dataElectronicLecture\"\r\n                        v-if=\"tabActive == tabDocument && dataElectronicLecture.name\" :isEdit=\"Number(isEdit)\" />\r\n                </b-tab>\r\n            </b-tabs>\r\n        </div>\r\n    </section>\r\n</template>\r\n<script>\r\nimport TabInfoElectronicLecture from './_components/TabInfoElectronicLecture'\r\nimport TabContentElectronicLecture from './_components/TabContentElectronicLecture'\r\nimport { getAuth } from \"@/utils/jwt\";\r\nimport { ROLE_TEACHER, ROLE_PUPIL } from \"@/store/auth/constants\";\r\nimport { getDetail, saveLessonClassSchool } from './../../_api/LessonClassSchoolServices'\r\nimport TabAttachment from './_components/TabAttachment'\r\nimport { PLANING_LESSON_WAREHOUSE, ELECTRONIC_LECTURE_WAREHOUSE } from './../../constants/constants_enum'\r\nexport default {\r\n    components: {\r\n        TabInfoElectronicLecture,\r\n        TabContentElectronicLecture,\r\n        TabAttachment\r\n    },\r\n    data() {\r\n        return {\r\n            isEditNameLesson: false,\r\n            PLANING_LESSON_WAREHOUSE, ELECTRONIC_LECTURE_WAREHOUSE,\r\n            tabActive: 2,\r\n            tabInfo: 1,\r\n            tabContent: 2,\r\n            tabDocument: 3,\r\n            nameLesson: '',\r\n            dataElectronicLecture: {\r\n                id: 0,\r\n                name: '',\r\n                bookTypeId: '',\r\n                classId: '',\r\n                subjectId: '',\r\n                numberLesson: '',\r\n                description: '',\r\n                isPublic: false,\r\n                type: 2\r\n            },\r\n            authInfo: getAuth(),\r\n            roleTeacher: ROLE_TEACHER,\r\n            roleHocSinh: ROLE_PUPIL,\r\n            nameLecture: '',\r\n            isEdit: 0,\r\n        }\r\n\r\n    },\r\n    mounted() {\r\n        this.nameLecture = this.$router.history.current.query.name\r\n        if (this.authInfo.roleCode == this.roleHocSinh) {\r\n            this.$router.push('/danh-sach-lop-hoc')\r\n        }\r\n\r\n        this.dataElectronicLecture.id = this.$route.query.id\r\n        if (this.dataElectronicLecture.id > 0) {\r\n            this.getDetailLessonClassSchool()\r\n        }\r\n        this.isEdit = this.$route.query.isEdit\r\n    },\r\n    methods: {\r\n        handleUpdateName() {\r\n            this.dataElectronicLecture.name = this.nameLesson\r\n            let self = this\r\n            saveLessonClassSchool(this.dataElectronicLecture).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.$toast.success('Cập nhật thông tin thành công')\r\n                    self.handleCancelEditNameLesson()\r\n                }\r\n            })\r\n        },\r\n        handleCancelEditNameLesson() {\r\n            this.isEditNameLesson = false\r\n        },\r\n        handleEditNameLesson() {\r\n            this.nameLesson = this.dataElectronicLecture.name\r\n            this.isEditNameLesson = true\r\n        },\r\n        getDetailLessonClassSchool() {\r\n\r\n            let self = this\r\n            getDetail(this.dataElectronicLecture.id).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.dataElectronicLecture = {\r\n                        id: res.data.id,\r\n                        name: res.data.name,\r\n                        bookTypeId: res.data.bookTypeId,\r\n                        classId: res.data.classId,\r\n                        subjectId: res.data.subjectId,\r\n                        numberLesson: res.data.numberLesson,\r\n                        description: res.data.description,\r\n                        isPublic: res.data.isPublic,\r\n                        type: res.data.type,\r\n                    }\r\n                }\r\n            })\r\n        },\r\n        handleOnChangeTab(tab) {\r\n            this.tabActive = tab\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.icon-edit {\r\n    width: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-agree {\r\n    margin-left: 10px;\r\n    background: #0f3dba;\r\n    color: white;\r\n    line-height: 19px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 20px;\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailElectronicLectureWarehouse.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DetailElectronicLectureWarehouse.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DetailElectronicLectureWarehouse.vue?vue&type=template&id=4548e3e2&scoped=true&\"\nimport script from \"./DetailElectronicLectureWarehouse.vue?vue&type=script&lang=js&\"\nexport * from \"./DetailElectronicLectureWarehouse.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DetailElectronicLectureWarehouse.vue?vue&type=style&index=0&id=4548e3e2&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4548e3e2\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalViewDocument.vue?vue&type=style&index=0&id=2a2db31c&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DocumentClassSchool.vue?vue&type=style&index=0&id=367b18e6&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PostClassSchool.vue?vue&type=style&index=0&id=a0589dce&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./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":""}