{"version":3,"sources":["webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseExam.vue?4412","webpack:///./src/modules/exercises/_components/exam/ExamSidebar.vue?e34e","webpack:///./src/components/Pagination.vue?29b5","webpack:///./src/modules/exercises/_views/other/OtherQuestion.vue?f7d7","webpack:///./src/modules/libraries/_components/modal/modalActiveEbooks.vue?0584","webpack:///src/modules/libraries/_components/modal/modalActiveEbooks.vue","webpack:///./src/modules/libraries/_components/modal/modalActiveEbooks.vue?5e7c","webpack:///./src/modules/libraries/_components/modal/modalActiveEbooks.vue","webpack:///./src/components/Pagination.vue?42c9","webpack:///src/components/Pagination.vue","webpack:///./src/components/Pagination.vue?b5ee","webpack:///./src/components/Pagination.vue","webpack:///./src/modules/exercises/_views/exam/ExamDetail.vue?636b","webpack:///./src/modules/libraries/_views/ViewAllBooks.vue?4e6d","webpack:///./src/views/auth/NewPassword.vue?e1ac","webpack:///src/views/auth/NewPassword.vue","webpack:///./src/views/auth/NewPassword.vue?6dd2","webpack:///./src/views/auth/NewPassword.vue","webpack:///./src/modules/question/preview-question/VituralKeyboard.vue?1c89","webpack:///src/modules/question/preview-question/VituralKeyboard.vue","webpack:///./src/modules/question/preview-question/VituralKeyboard.vue?d060","webpack:///./src/modules/question/preview-question/VituralKeyboard.vue","webpack:///./src/modules/exercises/_views/ExerciseList.vue?cc74","webpack:///./src/modules/exercises/_components/DropdownCat.vue?9074","webpack:///./src/modules/exercises/_components/DropdownCat.vue?8ce7","webpack:///src/modules/exercises/_components/DropdownCat.vue","webpack:///./src/modules/exercises/_components/DropdownCat.vue?db4a","webpack:///./src/modules/exercises/_components/DropdownCat.vue","webpack:///./src/modules/exercises/_views/exam/ExamResult.vue?8f04","webpack:///./src/modules/exercises/_components/thematic/ThematicSidebar.vue?ce9c","webpack:///src/modules/exercises/_components/thematic/ThematicSidebar.vue","webpack:///./src/modules/exercises/_components/thematic/ThematicSidebar.vue?ec0d","webpack:///./src/modules/exercises/_components/thematic/ThematicSidebar.vue","webpack:///./src/modules/exercises/_components/ExerciseQuestionList.vue?b52b","webpack:///src/modules/exercises/_components/ExerciseQuestionList.vue","webpack:///./src/modules/exercises/_components/ExerciseQuestionList.vue?89bf","webpack:///./src/modules/exercises/_components/ExerciseQuestionList.vue","webpack:///./src/modules/question/preview-question/PreviewQuestion.vue?927c","webpack:///./src/modules/exercises/_views/thematic/ThematicQuestion.vue?b5c0","webpack:///./src/modules/exercises/_views/thematic/ThematicDetail.vue?b39b","webpack:///./src/modules/exercises/_components/modal/ModalPreviewExercise.vue?77bb","webpack:///./src/modules/ebooks/_components/ebook-viewer/ModalMedia.vue?71dd","webpack:///./src/modules/exercises/_views/ExerciseDetail.vue?99f3","webpack:///./src/modules/ebooks/_components/common/ActiveCode.vue?8e91","webpack:///./src/modules/exercises/_components/SliderNameQuestion.vue?2a73","webpack:///./src/modules/libraries/index.vue?3723","webpack:///./src/modules/libraries/_store/actions.js","webpack:///./src/modules/libraries/_store/getters.js","webpack:///./src/modules/libraries/_store/mutations.js","webpack:///./src/modules/libraries/_store/index.js","webpack:///./src/modules/libraries/_views/ViewLibrary.vue?1f61","webpack:///src/modules/libraries/_views/ViewLibrary.vue","webpack:///./src/modules/libraries/_views/ViewLibrary.vue?da22","webpack:///./src/modules/libraries/_views/ViewLibrary.vue","webpack:///./src/modules/libraries/_views/ViewDetailBooks.vue?fe94","webpack:///src/modules/libraries/_views/ViewDetailBooks.vue","webpack:///./src/modules/libraries/_views/ViewDetailBooks.vue?f7d5","webpack:///./src/modules/libraries/_views/ViewDetailBooks.vue","webpack:///./src/modules/libraries/_views/ViewAllBooks.vue?e570","webpack:///src/modules/libraries/_views/ViewAllBooks.vue","webpack:///./src/modules/libraries/_views/ViewAllBooks.vue?63f4","webpack:///./src/modules/libraries/_views/ViewAllBooks.vue","webpack:///src/modules/libraries/index.vue","webpack:///./src/modules/libraries/index.vue?420c","webpack:///./src/modules/libraries/index.vue","webpack:///./node_modules/vuejs-paginate/dist/index.js","webpack:///./src/modules/question/preview-question/_store/helpers.js","webpack:///./src/modules/libraries/_views/ViewLibrary.vue?e082","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectNumber.vue?8d51","webpack:///./src/modules/exercises/_components/ExerciseSidebar.vue?9011","webpack:///./src/modules/exercises/_views/ExerciseExam.vue?af0d","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectLife.vue?3a5a","webpack:///./src/modules/exercises/_views/ExerciseSubject.vue?b7bf","webpack:///./src/modules/exercises/_store/constants.js","webpack:///./src/modules/exercises/_components/exam/ItemExam.vue?6abe","webpack:///./src/modules/exercises/_components/ExerciseQuestionList.vue?68b0","webpack:///./src/modules/exercises/_views/ExerciseEbook.vue?0b01","webpack:///./src/modules/exercises/_components/thematic/SidebarInfo.vue?64a8","webpack:///./src/modules/libraries/_views/ViewDetailBooks.vue?312e","webpack:///./src/modules/exercises/_views/ExerciseQuestionDetail.vue?9e69","webpack:///./src/modules/question/preview-question/VituralKeyboard.vue?0261","webpack:///./src/modules/exercises/_components/FilterMobile.vue?505c","webpack:///./src/modules/exercise-mobile/_store/mixinExercise.js","webpack:///./src/modules/exercise-mobile/_components/question/preview-question/_store/constants.js","webpack:///./src/modules/exercises/_store/mixinExam.js","webpack:///./src/modules/exercises/_views/exam/ExamQuestion.vue?d3a2","webpack:///./src/modules/exercises/_components/thematic/ThematicSidebar.vue?a804","webpack:///./src/modules/exercises/index.vue?2ce6","webpack:///./src/modules/exercises/_store/actions.js","webpack:///./src/modules/exercises/_store/getters.js","webpack:///./src/modules/exercises/_store/mutations.js","webpack:///./src/modules/exercises/_store/index.js","webpack:///./src/modules/exercises/_views/ExerciseList.vue?3915","webpack:///./src/modules/exercises/_components/exam/ItemExam.vue?7fe2","webpack:///src/modules/exercises/_components/exam/ItemExam.vue","webpack:///./src/modules/exercises/_components/exam/ItemExam.vue?95fc","webpack:///./src/modules/exercises/_components/exam/ItemExam.vue","webpack:///./src/modules/exercises/_components/FilterMobile.vue?02f2","webpack:///src/modules/exercises/_components/FilterMobile.vue","webpack:///./src/modules/exercises/_components/FilterMobile.vue?bf2a","webpack:///./src/modules/exercises/_components/FilterMobile.vue","webpack:///src/modules/exercises/_views/ExerciseList.vue","webpack:///./src/modules/exercises/_views/ExerciseList.vue?5cff","webpack:///./src/modules/exercises/_views/ExerciseList.vue","webpack:///./src/modules/exercises/_views/ExerciseDetail.vue?2232","webpack:///./src/modules/exercises/_components/ExerciseSidebar.vue?3e19","webpack:///./src/modules/ebooks/_components/ebook-viewer/ModalMedia.vue?24d2","webpack:///src/modules/ebooks/_components/ebook-viewer/ModalMedia.vue","webpack:///./src/modules/ebooks/_components/ebook-viewer/ModalMedia.vue?2e52","webpack:///./src/modules/ebooks/_components/ebook-viewer/ModalMedia.vue","webpack:///src/modules/exercises/_components/ExerciseSidebar.vue","webpack:///./src/modules/exercises/_components/ExerciseSidebar.vue?9875","webpack:///./src/modules/exercises/_components/ExerciseSidebar.vue","webpack:///./src/modules/exercises/_components/SliderNameQuestion.vue?a93c","webpack:///src/modules/exercises/_components/SliderNameQuestion.vue","webpack:///./src/modules/exercises/_components/SliderNameQuestion.vue?d835","webpack:///./src/modules/exercises/_components/SliderNameQuestion.vue","webpack:///./src/modules/exercises/_views/ExerciseQuestionDetail.vue?6200","webpack:///src/modules/exercises/_views/ExerciseQuestionDetail.vue","webpack:///./src/modules/exercises/_views/ExerciseQuestionDetail.vue?1a24","webpack:///./src/modules/exercises/_views/ExerciseQuestionDetail.vue","webpack:///./src/modules/exercises/_components/modal/ModalPreviewExercise.vue?2a96","webpack:///src/modules/exercises/_components/modal/ModalPreviewExercise.vue","webpack:///./src/modules/exercises/_components/modal/ModalPreviewExercise.vue?d1e6","webpack:///./src/modules/exercises/_components/modal/ModalPreviewExercise.vue","webpack:///src/modules/exercises/_views/ExerciseDetail.vue","webpack:///./src/modules/exercises/_views/ExerciseDetail.vue?5aa7","webpack:///./src/modules/exercises/_views/ExerciseDetail.vue","webpack:///./src/modules/exercises/_views/ExerciseExam.vue?ee21","webpack:///src/modules/exercises/_views/ExerciseExam.vue","webpack:///./src/modules/exercises/_views/ExerciseExam.vue?0d09","webpack:///./src/modules/exercises/_views/ExerciseExam.vue","webpack:///./src/modules/exercises/_views/ExerciseEbook.vue?ac18","webpack:///src/modules/exercises/_views/ExerciseEbook.vue","webpack:///./src/modules/exercises/_views/ExerciseEbook.vue?1151","webpack:///./src/modules/exercises/_views/ExerciseEbook.vue","webpack:///./src/modules/exercises/_views/ExerciseSubject.vue?8f7a","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectNumber.vue?b43e","webpack:///src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectNumber.vue","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectNumber.vue?cee9","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectNumber.vue","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectLife.vue?03d0","webpack:///src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectLife.vue","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectLife.vue?9247","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseSubjectLife.vue","webpack:///src/modules/exercises/_views/ExerciseSubject.vue","webpack:///./src/modules/exercises/_views/ExerciseSubject.vue?73f3","webpack:///./src/modules/exercises/_views/ExerciseSubject.vue","webpack:///./src/modules/exercises/_views/thematic/ThematicDetail.vue?cde4","webpack:///./src/modules/exercises/_components/thematic/SidebarInfo.vue?50c3","webpack:///src/modules/exercises/_components/thematic/SidebarInfo.vue","webpack:///./src/modules/exercises/_components/thematic/SidebarInfo.vue?34c8","webpack:///./src/modules/exercises/_components/thematic/SidebarInfo.vue","webpack:///src/modules/exercises/_views/thematic/ThematicDetail.vue","webpack:///./src/modules/exercises/_views/thematic/ThematicDetail.vue?6469","webpack:///./src/modules/exercises/_views/thematic/ThematicDetail.vue","webpack:///./src/modules/exercises/_views/thematic/ThematicQuestion.vue?5870","webpack:///src/modules/exercises/_views/thematic/ThematicQuestion.vue","webpack:///./src/modules/exercises/_views/thematic/ThematicQuestion.vue?0c3a","webpack:///./src/modules/exercises/_views/thematic/ThematicQuestion.vue","webpack:///./src/modules/exercises/_views/other/OtherDetail.vue?8b43","webpack:///src/modules/exercises/_views/other/OtherDetail.vue","webpack:///./src/modules/exercises/_views/other/OtherDetail.vue?e8e6","webpack:///./src/modules/exercises/_views/other/OtherDetail.vue","webpack:///./src/modules/exercises/_views/other/OtherQuestion.vue?a63a","webpack:///src/modules/exercises/_views/other/OtherQuestion.vue","webpack:///./src/modules/exercises/_views/other/OtherQuestion.vue?a410","webpack:///./src/modules/exercises/_views/other/OtherQuestion.vue","webpack:///./src/modules/exercises/_views/exam/ExamDetail.vue?188b","webpack:///./src/modules/exercises/_components/exam/ExamSidebar.vue?d673","webpack:///src/modules/exercises/_components/exam/ExamSidebar.vue","webpack:///./src/modules/exercises/_components/exam/ExamSidebar.vue?e7ba","webpack:///./src/modules/exercises/_components/exam/ExamSidebar.vue","webpack:///src/modules/exercises/_views/exam/ExamDetail.vue","webpack:///./src/modules/exercises/_views/exam/ExamDetail.vue?9017","webpack:///./src/modules/exercises/_views/exam/ExamDetail.vue","webpack:///./src/modules/exercises/_views/exam/ExamQuestion.vue?7169","webpack:///./src/components/CountDown.vue?afed","webpack:///src/components/CountDown.vue","webpack:///./src/components/CountDown.vue?c935","webpack:///./src/components/CountDown.vue","webpack:///src/modules/exercises/_views/exam/ExamQuestion.vue","webpack:///./src/modules/exercises/_views/exam/ExamQuestion.vue?267c","webpack:///./src/modules/exercises/_views/exam/ExamQuestion.vue","webpack:///./src/modules/exercises/_views/exam/ExamResult.vue?d20f","webpack:///src/modules/exercises/_views/exam/ExamResult.vue","webpack:///./src/modules/exercises/_views/exam/ExamResult.vue?6a24","webpack:///./src/modules/exercises/_views/exam/ExamResult.vue","webpack:///./src/modules/exercises/_views/exam/ExamList.vue?27b6","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseExam.vue?9a0e","webpack:///src/modules/exercises/_components/ExerciseSubject/ExerciseExam.vue","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseExam.vue?c35a","webpack:///./src/modules/exercises/_components/ExerciseSubject/ExerciseExam.vue","webpack:///src/modules/exercises/_views/exam/ExamList.vue","webpack:///./src/modules/exercises/_views/exam/ExamList.vue?e59d","webpack:///./src/modules/exercises/_views/exam/ExamList.vue","webpack:///src/modules/exercises/index.vue","webpack:///./src/modules/exercises/index.vue?b041","webpack:///./src/modules/exercises/index.vue","webpack:///./src/modules/ebooks/_components/common/ActiveCode.vue?4b82","webpack:///src/modules/ebooks/_components/common/ActiveCode.vue","webpack:///./src/modules/ebooks/_components/common/ActiveCode.vue?ec8d","webpack:///./src/modules/ebooks/_components/common/ActiveCode.vue","webpack:///./src/modules/question/preview-question/PreviewQuestion.vue?ad0c","webpack:///src/modules/question/preview-question/PreviewQuestion.vue","webpack:///./src/modules/question/preview-question/PreviewQuestion.vue?3f01","webpack:///./src/modules/question/preview-question/PreviewQuestion.vue","webpack:///./src/modules/question/preview-question/_store/mixinsQuestionPreview.js","webpack:///./src/modules/exercises/_components/modal/ModalPreviewExercise.vue?6db7","webpack:///./src/views/auth/NewPassword.vue?3973","webpack:///./src/modules/exercises/_views/other/OtherDetail.vue?5281"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","idModal","on","handleActiveBookSucess","staticRenderFns","name","components","ActiveCode","data","methods","mapActions","id","component","totalPage","clickCallback","model","value","callback","$$v","pageActive","expression","_e","Paginate","props","watch","page","newVal","oldVal","mounted","pageNum","_m","staticStyle","_v","$event","preventDefault","submitPassword","apply","arguments","directives","rawName","user","domProps","Array","isArray","password","_i","$$a","$$el","target","$$c","checked","$$i","$set","concat","slice","_q","passwordFieldType","composing","$v","required","minLength","class","statusEye","switchPassword","confirmPassword","passwordFieldType2","statusEye2","switchPassword2","sameAsPassword","useId","code","submitted","validations","computed","mapState","evt","apiResetPassword","userId","then","path","catch","onSubmitLogin","self","username","res","authInfo","MODULE_TEACHER","MODULE_PUBLISHING","MODULE_DEPARTMENT","onReset","setVal","valTxt","val","handleClear","handleDone","viewDetail","dataSource","handleReset","type","getQuestionsByExerciseNormal","getQuestionsByCat","category","questions","getQuestionsByExerciseOther","getQuestionListOfOtherOrThematic","template","idModalConfirmDelQuestion","$bvModal","hide","resetQuestionsList","mixins","VRuntimeTemplate","vueCustomScrollbar","DropdownCat","settingsViewBookSidebar","maxScrollbarLength","dataCatsThematic","idsCatActive","routerParams","classId","subjectId","chapterId","typeId","screenWidth","created","getCatsOfThematic","getCatOfExerciseOtherOrThematic","catActive","collapseId","hasChild","childIndex","finally","convertCatsData","parent","isChild","lengthData","cat","TYPE_EXERCISE_OTHER","changeChapter","targetCat","catsFlatForExercise","indexCatCurr","console","document","itemParent","listParent","setCurrentThematic","dataCurrentThematic","email","isUpdate","localStorage","getDetailThematicOrQuestionOther","cauhoi","params","query","getCatActive","_l","item","index","key","directToQuestion","_s","title","handleReplaceLinkImgEditorContent","style","urlQuestionImg","listQuestionChild","length","child","pos","content","position","question","tag","getClasses","commit","api","response","types","setParamSearchLesson","setBookIdActiveSuccess","acSetParamFilterBook","acSetParamFilterBookLesson","acSetParamActiveLearning","acResetBookFilterLib","acGetBookOfPageLinks","result","list","scrollData","acGetBookOfLessons","acGetBookActiveLearning","acResetInitialState","state","actionSetValueListAtvLearn","classes","paramSearchLessons","bookIdActiveSuccess","paramFilterBook","paramFilterBookLesson","paramActiveLearning","resultBookPageLinkFilter","resultBookLessonFilter","resultBookActiveLearning","initialState","bookId","bookIndexId","bookGroupId","bookLessonPlanTypeId","pageLinkGroupId","keyword","filterType","TAB_MEDIA_PAGE_LINK","className","pageIndex","pageSize","sort","direction","pagelinkTypeId","lessonGroupId","namespaced","actions","getters","mutations","isMobile","dataConfigFilter","classActive","tabPageLinks","tabLesson","tabActiveLearning","handleFilterData","filterDataClassInMobile","filterLibByTab","filterDataLibsByClass","classNo","formatName","routerQuery","tab","toString","openCollapseFilterKey","toggleCollapseKeyword","openCollapseFilterGroup","toggleCollapseGroup","handleSearchByKeyword","keyFilterBox","includes","$route","parseInt","librariesData","isEmptyAllData","tabActive","SectionListItem","Sidebar","FilterCollapse","ResultBookFilter","FilterMobile","dataSubject","dataLibFetch","isCreated","windowWidth","window","beforeDestroy","initPage","getWindowWidth","event","getClassSubjectForFilter","getDataSubportFilter","documentTypeId","classItem","lop","getLibsData","getLibsLesson","getLessonsPlan","getLibsMedias","getMediaListInLibs","getLibsAvtLearning","getListActiveLearningHome","checkEmptyAllData","numDataEmpty","handleFilterKeyword","handleFilterSort","modifiers","getListLIbraryLessonPlan","imageUrl","cdnUrl","thumbUrl","fileName","modalActiveEbooks","debounce","appUrl","listLecture","nameSmall","mapGetters","practiceTypes","exerciseClassCurr","practiceActive","getLibrabyFilterData","getPramLibrary","BookId","BookIndexId","changeKeyword","getListLibrary","filename","ViewLibrary","ViewDetailBooks","ViewAllBooks","DetailLesson","DetailPageLinkLib","LibraryAll","LibraryAllOfBook","DetailActiveLearn","e","t","module","exports","s","n","a","loaded","call","m","c","p","__esModule","default","i","locals","push","join","r","refs","parts","l","o","u","css","media","sourceMap","g","C","insertAt","nextSibling","insertBefore","appendChild","firstChild","Error","parentNode","removeChild","indexOf","splice","createElement","singleton","v","h","bind","d","styleSheet","cssText","b","createTextNode","childNodes","setAttribute","sources","btoa","unescape","encodeURIComponent","JSON","stringify","f","test","navigator","userAgent","toLowerCase","head","getElementsByTagName","filter","Boolean","options","_scopeId","Object","keys","forEach","esModule","defineProperty","Number","pageCount","forcePage","clickHandler","Function","pageRange","marginPages","prevText","String","nextText","breakViewText","containerClass","pageClass","pageLinkClass","prevClass","prevLinkClass","nextClass","nextLinkClass","breakViewClass","breakViewLinkClass","activeClass","disabledClass","noLiSurround","firstLastButton","firstButtonText","lastButtonText","hidePrevNext","beforeUpdate","selected","get","innerValue","set","pages","Math","floor","disabled","breakView","handlePageSelected","$emit","prevPage","nextPage","firstPageSelected","lastPageSelected","selectFirstPage","selectLastPage","tabindex","innerHTML","click","keyup","_k","keyCode","_t","correctGroupChoosed","contentForTypeFillSelect","setValueCorrectHelper","valCorrect","questionGroup","indexAnswer","findIndex","ans","valueAnswer","valueCurr","indexCurr","select_index","fill_index","positionDisplay","position_display","questionId","correct","indexValCorrect","cor","getCorrectGroupChoosed","setCorrectGroupChoosed","setContentQuestionFillSelect","resetContentQuestionFillSelect","getContentQuestionFillSelect","STORE_KEY","GET_CLASSES","GET_EXERCISE_FILTER","GET_SUBJECTS_CLASSES","GET_EXERCISE_DETAIL","GET_QUESTION_EXERCISE","GET_QUESTION_EXERCISE_INFO","OPEN_MATH_FORM","SEND_MATH_VAL","VALIDATE_QUESTION","SET_QUESTION_ACTIVITY","CHECK_CORRECT_QUESTION","SET_QUESTION_VALID_DATA","GET_ALL_CLASSES","GET_EXERCISE_DETAIL_NUMBER","GET_PRACTICE_TYPE","GET_LIST_PRACTICE_TYPE_BOOK","LOCAL_SAVE_QUESTIONS_WORKED","LOCAL_SAVE_CURRENT_QUESTIONS","LOCAL_SAVE_CURRENT_THEMATIC","SET_ACTIVE","LOCAL_SAVE_CAT","LOCAL_SAVE_BOOK_ACTIVE","LOCAL_SAVE_PRACTICE_LIST","SET_PACTICE_ACTIVE","SET_PACTICE_TYPES_DATA","SET_EXERCISE_CLASS_CURR","LOCAL_SAVE_EXERCISE_CLASS","LOCAL_QUESTIONS_DATA","SET_QUESTIONS_DATA","SET_BOOKINDEX_OF_BOOK","SET_PARAM_FILTER_EXAM","SET_PARAM_FILTER_EX_OTHER_THEMATIC","TYPE_EXERCISE_NORMAL","TYPE_EXERCISE_THEMATIC","TYPE_EXERCISE_EXAM","GET_EBOOKS_DETAIL","SET_PARAM_SEARCH_RELATE_MEDIA","SET_QUESTION_PREVIEW_INFO","EXAM_WORKED_DONE","EXAM_WORKING","EXAM_DONT_WORK","ID_MODAL_PREVIEW_EXERCISE","SER_CATS_FLAT_EXERCISE","SHOW_ACTIVE_CONTENT","SHOW_BTNS_ITEM_EXERCISE","catsFlat","flatenCats","cats","parentId","parentFirst","map","catParent","catParentFirst","bookIndexChilds","flatenCatsExOtherOrThematic","parents","indexCatParent","catf","listChapterChild","replaceRoutePushToApp","check_question","$router","replace","replaceRoutePushToAppForResetQuestion","TYPE_RADIO","TYPE_CHECKBOX","TYPE_TRUE_FALSE_NO","TYPE_MATH_COL","TYPE_FILL_BLANK","TYPE_FILL_SENTENCE","TYPE_SELECT","TYPE_DOWN_ANSWER","TYPE_CIRCLE_ANSWER","TYPE_X_MARK","TYPE_DRAW_SHAPE_ANSWER","TYPE_GROUP","TYPE_FILL_INPUT_IMG","SET_QUESTIONS","SET_QUESTION","SET_QUESTION_SCROLL","SET_CORRECT_GROUP_VALUE","SET_VIEW_APPROVAL_ITEM","SET_QUESTION_GROUP","SET_CHANGE_ANSWER","SET_ANSWER_WRITED_EBOOK","SET_VITURAL_KEYBOARD_VALUE","SET_QUESTION_DATA_4_CHECK_ANSWER","SET_QUESTION_LIST_4_CHECK_ANSWER","checkTypeExam","error","getSubjectsClasses","items","getExerciseDetail","getExerciseFilter","getQuestionExercise","exercises","lengthExercise","dataExercise","exercises_question","getEBooksDetail","getRelateMedia","getMediaRelateInBookPage","errors","setQuestionActivity","toggleFormMath","sendValueMathlive","validateQuestion","checkQuestionCorrect","setQuestionValidData","actionSetShowActiveContent","getAllClasses","actionSetPracticeCurr","actionSetDataPacticeType","actionSetLocalExerciseClassCurr","actionSetQuestionsData","actionBookIndexOfBook","acSetParamFilterExam","acSetParamFilterOtherThematic","acSetQuestionPreviewInfo","acSetCatsFlat","acSetIdShowBtnsItemExercise","subjectsClasses","exerciseFilter","exerciseDetail","question_exercise","question_exercise_info","math_value","open_math","validate_question","question_activity","check_answer","question_valid_data","allClasses","getExerciseDetailNumber","getPracticeType","getLisstPracticeTypeBook","getActive","questionsExercise","ebooksDetail","showActiveContent","bookIndexOfBook","paramsFilterExExam","paramsFilterExOtherThematic","paramSearchRelateMedia","infoQuestionPreview","idOpenActionBtns","pageNo","classFilter","dataTabs","filterExerciseByClass","handleSetTabActive","practiceTypeId","scopedSlots","_u","fn","proxy","tabPracticeTypeId","practiceTypeNew","handleOpenActions","handleResizeImg","img404","directToDetail","bookTypeName","examTypes","link","width","height","subject","bookType","practiceType","selectBoxOpen","handleCollapseSelect","classIndexActive","bookGroups","selectClass","handleFilterByClass","bookGroupActive","handleFilterByGroup","ItemExam","subjectIdActive","subjects","dataSubjects","dataTypesExam","indexDataTabs","onChangeClassFilter","fetchSubjectExams","getClassListFilter","classList","setReplaceRouter","openBookCats","typeOpenSidebar","dataPractice","actived","emailPublic","bookName","versionApp","typeGroup","getInfoQuestion","handleAnswerMissing","txtMissingQuestionGroup","isWorked","sliderQuestionList","showGuideContent","booksOfExercise","nextCatBook","prevCatBook","checkAnswer","typeDownAnswer","resetAnswers","typeDrawShape","questionindexActive","statusWorked","practiveName","handleViewQuestionBook","handleActiveBook","isContainsEmailUnlimited","collapseOpen","catCurrent","limitPracticeX","limitPracticeY","openCollapse","danhmuc","show","assign","child2","loc","replaceRouter","grand","valVituralKeyboard","location","idClass1","idMathSubject","isOverHaflScreen","incorrect","viewMoreMedia","handleOffModal","keySidebarActive","keyFilterMedia","checkTypeDocs","linkUrl","isShowFree","handleViewMedia","checkVideo","posterLink","urlImg","checkAudio","isFullLink","titleLink","ebooksDetailss","bookRelates","slug","handleResizeImgBook","editionYear","dataInfo","topicName","lessonName","partName","totalQuestion","totalCorrectQuestion","totalInCorrectQuestion","totalQuestionNotDone","relateMedia","docSlider","linkPages","mediaMain","showModalReadmore","bookPageLinkGroupId","isPublish","handleShareMedia","indexMediaMain","handleDownloadFile","openModalError","viewMediaInDocSlider","urlImgCms","getTypeMedia","getDurationMedia","countView","countDownload","pageLinksId","ref","slidesPerView","spaceBetween","slidesPerGroup","grabCursor","loop","loopFillGroupWithBlank","breakpoints","767","575","navigation","nextEl","prevEl","handleNextMedia","isActived","viewMedia","checkImage","checkYoutube","slot","mediaMore","modalShowHelp","PreviewVideo","Previewpptx","PreviewImage","PreviewYoutube","PreviewAudio","PreviewBookImg","swiper","swiperSlide","IconMedia","PreviewMedia","ModalShare","ModalReadMoreLinkType","imgUrlCms","scale","mediaRelateNotdata","optionsSliderMain","currLinkIndex","docTypeSlideActive","openModalReadmore","errorTypeId","nameRoute","queryRoute","bookPageId","mapMutations","setMediaMain","fetchSetCountView","settingSwiperMain","slideChange","handleNextMediaMain","setTimeout","getDataRelateMedia","updatecountview","isShow","apiUpdateCountdownload","ModalMedia","pageCurr","mediaRelate","checkQuestionId","paramFethMedia","bookImgCdnUrl","listMediaPage","pageSearch","isShowNoti","pageChange","pageChanges","setCheckExcercise","getInfoExcercise","loginPopupData","getInfoBook","getMedias","requestGetMedia","Promise","getMediaInBookPage","handleChangePage","indexMediaForFirst","dataMediaPreview","getInfoExerciseQuestion","getCatInfoOfExercise","isHideNextPrevCat","directToCat","directQuestion","activeSlider","optionSlider","current","isDontShowResult","isNoAnswer","answerStatus","workedFail","isTrue","scrollOffset","nameRouter","isShowMore","mountedSetIndex","setActiveItem","questionIndex","queryParams","handleNextPrevSlide","PreviewQuestion","answerMissing","valErr","handleOfModal","ExerciseQuestionList","ExerciseGuide","Viewer","ExerciseSidebar","SliderNameQuestion","VituralKeyboard","ModalPreviewExercise","ExerciseQuestionDetail","typefillBlank","typeSelect","typeMatchCol","exerciseCats","bookInfo","nameSubject","nameTite","catName","catsLength","firstloadData","breadcrumbCurr","isShowVideo","pagesOfQuestion","actionPlayQuestionTrue","actionPlayQuestionFalse","ID_CLASS_1","ID_MATH_SUBJECT","EMAIL_UNLIMITED","idBookActiveSuccess","fetchBooksForExercise","bookTypeId","getBooksByPractice","sach","openModalNotiError","getInfoPracticeSaved","getBookInfo","isFirst","getBookDetailForActive","checkInitPracticeData","handleToggleBookCats","setCurrentQuestion","dataCurrentQuestions","getSubjects","getCategoriesByBook","countQuestion","elment","idCatCurr","catInfo","setScrollToCat","scrollTo","openSidebar","isOpen","getQuestions","lengthCatsFlat","indexCatInFlat","setCatDataCurr","goToCat","handleActiveBookSuccess","getInfoSaveLocal","getQuestionListSlider","getQuestionsSidebar","isReplaceRouterLocalStorage","indexQuestion","getQuestionDetail","saveLocalQuestion","setQuestionResult","questionsLocalStorage","logQuestionWorked","status","isGroup","timeCal","callTimeDiff","saveQuestion2Local","questionCurr","toggleGuideContent","setResultQuestionsSlider","setResultQuestionForSidebarOfAccFree","questionCorrect","questionInCorrect","questionNotDone","resetResultWorkQuestion","resetUserWorkQuestionByBookIndexId","formatAllQuestion","handleCheckAnswerResult","resetValKeyboard","handleRouterReplace","openModalNotiErrorQuestion","handleChangeQuestionDisplay","checkLimitExercise","mon","openModalNotiHelp","isOpenSidebar","suppressScrollX","questionsSaved","getResultQuestion","guide","guideContent","and","answerDetail","indexBookCatCurr","prevQuestion","questionList","nextQuestion","bookCatLength","bread","breadCrumbCurr","getQuestionData","directExerciseCat","bookCdnUrl","uploadUrl","openSidebarMobile","tabGuideActive","questionsLoaded","arrResultCorrect","catExercise","reportError","ErrorId","PracticeGroupId","comment","setValQuestionChange","handleNextPrevCat","startTimeQuestion","actionCheckQuestion","destroyed","resultFlatCat","setBreadCrumbCurr","indexParentFirst","indexParent","getQuestionNewSubject","getInfoBookBasic","getInfoCatCurr","getInfoBookCatsForQuestions","getQuestionList","setQuestionCurr","que","setSpaceSizeForOpenSidebarBox","bodyBookBox","setSpaceSizeForOpenCatBox","resetPageWhenOfBoxsTransition","handleSetDataActiveBook","saveUserWorkQuestion","ques","fetchQuestionList","resetUserWorkQuestion","catActiveWant","books","bookLocalSave","active","getBookOrPracticeList","isIndexList","goToExerciseDetail","index1","manufactureYear","Pagination","ExerciseSubjectNumber","ExerciseSubjectLife","classIdstorge","practiveLocalSave","getDataLocalSaved","getGetPracticeType","Dispalyindex","handleChangIndex","thematicInfo","subjectName","goBackIntroThematic","thematicId","linkInfo","title1","totalQuestionAnswerTrue","totalQuestionAnswerFalse","totalQuestionNotAnswer","getDataSidebar","getInfoExercise","getInfoThematicOrTherExercise","getLinks","getBooksLinkForExercise","ThematicSidebar","SidebarInfo","resetAllDataSaved","getInfoDetail","getDetailOfOtherOrThematic","getThematicInfo","getQuestionListOfSidebar","getQuestionListInSidebarOfThematicOrOther","resetResultCorrectQuestionOtherOrThematic","thematicCatLength","getQuestionNewThematic","otherInfo","resetAnswerAllQuestion","otherId","initPageAndRoute","info","indexQuestionLast","formatQuestion","getOtherInfo","examInfo","fileNameExam","totalPageExam","thumbnail","numberQuestion","isWork","typeExamDone","timeToDo","score","toFixed","totalCorrectAnswers","totalInCorrectAnswers","ExamSidebar","examId","getExamDetail","handleScrollBodyQuestion","statusExamDone","totalTimeToDo","handleEndTime","totalAnswers","moment","examDate","format","totalTime","isEndTime","positionQuestionWork","checkExamShowResult","handleWriteAnswer","previewDocExamFile","previewDocGuide","fileNameAnwser","totalPageAnswer","calLoadedPage","handleSendExamQuestions","pad","minutes","seconds","isGetTimer","timer","startTimeExam","endTimeExam","newval","clearInterval","startTimer","total","handleEditData","timeDiff","minute","CountDown","ModalPreviewDocMedia","showMoalGuideExam","valEvtScrollQuestion","docPreview","getQuestionNewExam","getExamInfo","scrollToQuestion","gotoQuestion","timeWorked","saveQuestionExamWorked","totalTimeExam","calTotalTimeWorked","sendExamWorked","setQuestionsWorked","setQuestionActive","setQuestionListSidebarWorked","resetResultCorrectQuestionExam","questionChildIndex","handleUpdateTimeWorked","updateExamTimeWorked","tryAgainExam","currentQuestion","dataExams","dataPaging","handleFilterType","elmEndItem","observer","threshold","changePage","handleScrollEnd","ExerciseExam","getExams","getExamList","ExerciseList","ExerciseDetail","ExerciseEbook","ExerciseSubject","ThematicDetail","ThematicQuestion","OtherDetail","OtherQuestion","ExamDetail","ExamQuestion","ExamResult","ExamList","openGuideModal","dataBook","findNotBook","isPopup","isAccExperience","cancleActive","handleActiceBook","previewBook","isLibraryPage","ItemBook","loading","evtThrotting","getBookInfoByCode","getBookByCode","activeBook","getBookByCodeBlur","hanldeBackTime","layoutId","row","is_deleted","isDontShowResultSaved","isQuestionMissingAnswer","err","correctStatus","isError","questionsData","setValueCorrect","arrMathColLeft","activity","classNameMatchLeftActivity","setCorrectMatch","line","x1","y1","x2","y2","classNameMatchRightActivity","isListQuestion","textErr","CKEDITOR","preview","parentIndex","isQuestionChild","questionSetVal","PreviewAnswerItem","valCorrectGroup","checkFillType","answersDisplay","arrMathColRight","valMatchLeft","valMatchRight","valueHTMLAnswerTypEessay","draw_shape_data","answers","CHANGE_TXT_ANSWER","refeshData","formatDisplayData","isMounted","typeQuestion","formatDataMathCol","dataLeft","dataRight","answerId","answerContent","setLineMatchCol","match","drawLineSaved","indexAnswerColLeft","col","layout","drawLineMatchCol","offsetLeft","offsetWidth","offsetTop","offsetHeight","offsetItemLeftTop","offsetItemRightTop","removeHasLineMatch","setValueCorrectMatchType","codeLeft","codeRight","checkCorrectQuestionWorked","dataCorrect","corrected","setCorrectAnswerQuestionSingle","answersParent","dataResult","dataVal","getAnswerChoosedForQuestion","dataHandle","isLoadLocal","valCorrectCurr","correcGroup","isQuestionGroup","saveAnswerChoosed","choose","indexDataChoose","checkCorrectAnswer","indexQuestionParent","questionParentWork","answerChoosed","lengthChild","questionWork","correctChoosed","setStatusAnswerForQuestion","valCorrectChoosed","dataQuestion","lengthAnswerCorrect","contentFill","txt","answerParent","parentSelect","positionAnswer","answerWithPosition","answerCurr","valChoosedHaveValue","statusAnswer","compareAnswer","answer","checkParent","answerCurrent","getResultCorrect","answerList","positionItem","valAnswerCurr","valueResult","saveQuestionWorked","questionLocal","handleChangeTxtAnswer","changeAnswer"],"mappings":"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CAA,mCACA,CACA,oDACAxG,qBACA+lC,UACA,gDACA/lC,qBACAgmC,aACA,+CACAhmC,oBACA+lC,UACA,+CACA/lC,oBACAgmC,aACA,4CACAx/B,gDACAA,2CACAA,6BACAy/B,MACAz/B,+BACAA,6BACA0/B,MAEAlmC,sBAEAA,wBACAA,yBACAA,gCACAA,mCAGAmmC,mBA5NA,WA6NA,WACA,0BACA,mDAEA,SACA,kCACA,mBACA7qC,uCAEA,OACA0E,gCACAA,0BADA,IAEAgiB,SACAshB,KACAE,KACAD,KACAE,OAEAzjC,4BAKAomC,yBApPA,SAoPAC,EAAAC,GACA,yCACA,iCAEA,sCACA,6BACA,qCAIA,GACA7gC,WACA3J,QACAqH,UAGA,KACA,qBAEA,wBAGA,2BACAwhC,wBACAj/B,4BAQA6gC,2BApRA,WAqRA,WACA,kBACAvmC,qBACAA,kBACA,kBACAA,gBACAA,aACA,8BACA,4CACA,SACA,KACA8zB,uCACA,MACA0S,6CACA,OAAAxvB,wBAAAC,WACAwvB,UACApvB,2BAIArX,8CACA8zB,EACAkR,IAMA0B,+BAjTA,SAiTA5S,EAAAkR,GACA,SACA,GACAA,sBACAA,yBACA,CACA,yDAEA2B,GACAA,YACAA,qBACA,uCACAnwB,iCACA,OACA/Q,WACA3J,QACA8a,eACAzT,mCAEAyjC,qBAKA9S,6BACA,oBACA,OAAAruB,WAAA3J,uBACA,yBACA+qC,wBAEAD,cAMA,UAGAE,4BAxVA,WAwVA,WACA,EACA,8DACA,mBACA,cACA,uCACAC,+BACA,4BAKA/D,gBApWA,SAoWA1nC,EAAA0rC,GAIA,eACA,sCACA,uBAEA,yCACA,0CAGA,sBAEA,KACA,+DAGA,MACA,uBACA,eACA,kDAMA,OACAC,gBAKA,oBACA,sDACA,mBACA,kDAEA,MACA/O,8BAIA,IAFAgP,wBACA,sCAEA1wB,wBAEA,uBAQA,6BAEA,+BACAlb,EACA2rC,EACAE,GAKA,2BACAxC,wBACAj/B,4BAIA0hC,kBA1aA,SA0aA9rC,GACA,iEACA,qCAEA,CACA,mDACA,mBACA+rC,yBACAA,2BAEA,gCAEAC,+CACA,mBACAD,yBACAA,yBACAA,gCAKA,KACA,uCAEA,+CArBA,2CAyBA,6BAGA,qCAFA,kCAOAE,mBA9cA,iIA+cAvnC,EAAA,MAGAA,4BACAA,kCAndA,oBAsdAwnC,EAAAxnC,sCACA,sEAIAynC,EACAD,KACAxnC,8BACAA,gBACAynC,qBAEAC,EAAAtwB,iBAIAuwB,EAAAF,2BAEA,gBAveA,wBAweAznC,iDACAA,mCACA,kCACAA,6BA3eA,2BA6eA,kCA7eA,QAgfAynC,iBAEAA,uCACA,mBACA,kDAGA,SACAznC,6BAEA,OAEAynC,qCACAvP,EACAwP,cAIA9jC,uBACA,4BACA6jC,wBACAA,gBAEAvP,sCACAuP,2BACAA,qCACA9P,iBACAA,GACAA,WACAA,2BACA,qBACAA,iBAGAnhB,OACAA,uCAEAixB,wBACA,cACA9P,uBAMA33B,wBAEAA,gDACAA,mCAhiBA,wBAoiBA,4BAEA4nC,EACA5nC,4BACAA,oCACAA,uCACAA,aACA6nC,EACA7nC,2BACAA,wCACAA,wCACAA,aAGA4nC,qBACA,+BACA5nC,mBAEA4nC,sDAEAhkC,uBACA,4BACAgkC,gBACA5nC,uCACA4nC,oCACAA,YACA5nC,0BACA4nC,iBACAhkC,wBAEA,YACAuoB,uBACAtoB,kDACA,GACA,aACAsoB,uBACAtoB,mDACA,GAGA7D,wBACA,gCACAA,gDAEAA,iCAhlBA,yGAqlBA8nC,2BArlBA,WAylBA,IAHA,WACA,KACA,2CACA,aAGA,IAFA,MACA9nC,oDACA,aACA,sDACA,+CACAwG,UACA,OAGA,eACA,MAGA,UAGAge,YA1mBA,SA0mBA9e,EAAAqiC,GAAA,IAWA,EAXA,OACA,OACA,IAGA,KAEA,IACAA,sBAAA,kBACA,GACA,WAGA,SAeA,GAbA/nC,aACAA,mBACAA,6BAGAgoC,2BACAxxB,oBACAA,4BACAA,+BAKA,uBACAyxB,oBACA,mBACAzxB,2DACAnR,YACA,GACA2/B,0BACAA,qBACA,CAIA,uBAEAiD,IACA,eACAC,mBACA,eACA1iC,mBACA,kBACA,eACA2iC,qBACA,uBACAF,qBAiBAA,EARA,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","file":"js/ebook-list.465641c1.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!./ExerciseExam.vue?vue&type=style&index=0&id=a60c2036&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!./ExamSidebar.vue?vue&type=style&index=0&id=1e82f5e8&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!./Pagination.vue?vue&type=style&index=0&id=47770660&lang=css&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!./OtherQuestion.vue?vue&type=style&index=0&id=755447b6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-modal',{staticClass:\"modal-atv\",attrs:{\"id\":_vm.idModal,\"hide-header\":\"\",\"hide-footer\":\"\",\"centered\":\"\"}},[_c('ActiveCode',{staticClass:\"margin-center\",attrs:{\"previewBook\":true,\"isLibraryPage\":true},on:{\"activeSuccess\":_vm.handleActiveBookSucess}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <b-modal :id=\"idModal\" class=\"modal-atv\" hide-header hide-footer centered>\r\n        <ActiveCode :previewBook=\"true\" @activeSuccess=\"handleActiveBookSucess\" :isLibraryPage=\"true\" class=\"margin-center\" />\r\n    </b-modal>\r\n</template>\r\n\r\n<script>\r\n    import { mapActions } from 'vuex';\r\n    import { STORE_KEY, ID_MODAL_ACTIVE_BOOK } from './../../_store/constants'\r\n\r\n    export default {\r\n        name: \"modalActiveEbooks\",\r\n        components: {\r\n            ActiveCode: () => import('@/modules/ebooks/_components/common/ActiveCode.vue') \r\n        },\r\n        data() {\r\n            return {\r\n                idModal: ID_MODAL_ACTIVE_BOOK\r\n            }\r\n        },\r\n        methods: {\r\n            ...mapActions(STORE_KEY, ['setBookIdActiveSuccess']),\r\n\r\n            handleActiveBookSucess(id) {\r\n                this.setBookIdActiveSuccess(id);\r\n                this.$bvModal.hide(ID_MODAL_ACTIVE_BOOK)\r\n            }\r\n        }\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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!./modalActiveEbooks.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!./modalActiveEbooks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./modalActiveEbooks.vue?vue&type=template&id=0fdbfddc&scoped=true&\"\nimport script from \"./modalActiveEbooks.vue?vue&type=script&lang=js&\"\nexport * from \"./modalActiveEbooks.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0fdbfddc\",\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',[(_vm.totalPage > 1)?_c('paginate',{attrs:{\"page-count\":_vm.totalPage,\"page-range\":3,\"margin-pages\":2,\"click-handler\":_vm.clickCallback,\"prev-text\":\"<i class='fas fa-angle-left'></i>\",\"next-text\":\"<i class='fas fa-angle-right'></i>\",\"container-class\":'pagination',\"page-class\":'page-item'},model:{value:(_vm.pageActive),callback:function ($$v) {_vm.pageActive=$$v},expression:\"pageActive\"}}):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <paginate\r\n      v-if=\"totalPage > 1\"\r\n      v-model=\"pageActive\"\r\n      :page-count=\"totalPage\"\r\n      :page-range=\"3\"\r\n      :margin-pages=\"2\"\r\n      :click-handler=\"clickCallback\"\r\n      :prev-text=\"`<i class='fas fa-angle-left'></i>`\"\r\n      :next-text=\"`<i class='fas fa-angle-right'></i>`\"\r\n      :container-class=\"'pagination'\"\r\n      :page-class=\"'page-item'\">\r\n    </paginate>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import Paginate from 'vuejs-paginate'\r\n\r\n  export default {\r\n    name: 'Pagination',\r\n    components: {\r\n      Paginate\r\n    },\r\n    data() {\r\n      return {\r\n        pageActive: 1\r\n      }\r\n    },\r\n    props: [\r\n    \"totalPage\",\r\n    \"page\"\r\n    ],\r\n    watch: {\r\n      page(newVal, oldVal) {\r\n        this.pageActive = newVal\r\n      }\r\n    },\r\n    mounted() {\r\n    },\r\n    methods:{\r\n      clickCallback (pageNum) {\r\n        this.$emit(\"eventPagination\", pageNum)\r\n      },\r\n    }\r\n  }\r\n</script>\r\n<style lang=\"css\" scoped>\r\n.pagination {\r\n  position: relative;\r\n}\r\n/* .pagination ul a {\r\n  padding: 10px !important;\r\n} */\r\n/* .page-item {\r\n  width: 25px;\r\n  height: 35px;\r\n  text-align: center;\r\n  line-height: 35px;\r\n  border: 1px solid #40505E;\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!./Pagination.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!./Pagination.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Pagination.vue?vue&type=template&id=47770660&scoped=true&\"\nimport script from \"./Pagination.vue?vue&type=script&lang=js&\"\nexport * from \"./Pagination.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Pagination.vue?vue&type=style&index=0&id=47770660&lang=css&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  \"47770660\",\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!./ExamDetail.vue?vue&type=style&index=0&id=16f903fb&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!./ViewAllBooks.vue?vue&type=style&index=0&id=0c07dd7f&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrap-login justify-content-center\"},[_vm._m(0),_c('div',{staticClass:\"col-xl-3 col-lg-4 col-md-5 col-10 login-form\"},[_c('div',{staticClass:\"text-center col-12\"},[_c('h2',{staticClass:\"text-left mb-5\",staticStyle:{\"font-size\":\"26px\"}},[_vm._v(\"Đặt lại mật khẩu\")]),_c('div',{staticClass:\"text-left\",staticStyle:{\"color\":\"#879AA9\",\"font-size\":\"13px\"}},[_vm._v(\"Bạn đã quên mật khẩu. Bạn cần đặt mật khẩu mới để truy cập nền tảng\")]),_c('form',{attrs:{\"action\":\"\"},on:{\"submit\":function($event){$event.preventDefault();return _vm.submitPassword.apply(null, arguments)}}},[_c('div',{staticClass:\"text-left form-group\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Mật khẩu mới\")]),_c('br'),((_vm.passwordFieldType)==='checkbox')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.password),expression:\"user.password\"}],staticClass:\"form-control input-email\",attrs:{\"placeholder\":\"Mật khẩu mới\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.user.password)?_vm._i(_vm.user.password,null)>-1:(_vm.user.password)},on:{\"change\":function($event){var $$a=_vm.user.password,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.user, \"password\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.user, \"password\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.user, \"password\", $$c)}}}}):((_vm.passwordFieldType)==='radio')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.password),expression:\"user.password\"}],staticClass:\"form-control input-email\",attrs:{\"placeholder\":\"Mật khẩu mới\",\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.user.password,null)},on:{\"change\":function($event){return _vm.$set(_vm.user, \"password\", null)}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.password),expression:\"user.password\"}],staticClass:\"form-control input-email\",attrs:{\"placeholder\":\"Mật khẩu mới\",\"type\":_vm.passwordFieldType},domProps:{\"value\":(_vm.user.password)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"password\", $event.target.value)}}}),(_vm.submitted)?_c('div',{staticClass:\"error display-block color-err font-size-14\"},[(!_vm.$v.user.password.required)?_c('span',[_vm._v(\"Vui lòng điền mật khẩu\")]):_vm._e(),(!_vm.$v.user.password.minLength )?_c('span',[_vm._v(\"Mật khẩu ít nhất 6 ký tự\")]):_vm._e()]):_vm._e(),(_vm.user.password !== '')?_c('div',{staticClass:\"icon-switch\"},[_c('i',{staticClass:\"fa\",class:{'fa-eye': _vm.statusEye, 'fa-eye-slash': !_vm.statusEye},on:{\"click\":_vm.switchPassword}})]):_vm._e()]),_c('div',{staticClass:\"text-left form-group\"},[_c('label',{attrs:{\"for\":\"\"}},[_vm._v(\"Xác nhận mật khẩu mới\")]),_c('br'),((_vm.passwordFieldType2)==='checkbox')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.confirmPassword),expression:\"user.confirmPassword\"}],staticClass:\"form-control input-email\",attrs:{\"placeholder\":\"Mật khẩu mới\",\"type\":\"checkbox\"},domProps:{\"checked\":Array.isArray(_vm.user.confirmPassword)?_vm._i(_vm.user.confirmPassword,null)>-1:(_vm.user.confirmPassword)},on:{\"change\":function($event){var $$a=_vm.user.confirmPassword,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.$set(_vm.user, \"confirmPassword\", $$a.concat([$$v])))}else{$$i>-1&&(_vm.$set(_vm.user, \"confirmPassword\", $$a.slice(0,$$i).concat($$a.slice($$i+1))))}}else{_vm.$set(_vm.user, \"confirmPassword\", $$c)}}}}):((_vm.passwordFieldType2)==='radio')?_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.confirmPassword),expression:\"user.confirmPassword\"}],staticClass:\"form-control input-email\",attrs:{\"placeholder\":\"Mật khẩu mới\",\"type\":\"radio\"},domProps:{\"checked\":_vm._q(_vm.user.confirmPassword,null)},on:{\"change\":function($event){return _vm.$set(_vm.user, \"confirmPassword\", null)}}}):_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.user.confirmPassword),expression:\"user.confirmPassword\"}],staticClass:\"form-control input-email\",attrs:{\"placeholder\":\"Mật khẩu mới\",\"type\":_vm.passwordFieldType2},domProps:{\"value\":(_vm.user.confirmPassword)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.user, \"confirmPassword\", $event.target.value)}}}),(_vm.user.confirmPassword !== '')?_c('div',{staticClass:\"icon-switch\"},[_c('i',{staticClass:\"fa\",class:{'fa-eye': _vm.statusEye2, 'fa-eye-slash': !_vm.statusEye2},on:{\"click\":_vm.switchPassword2}})]):_vm._e(),(_vm.submitted)?_c('div',{staticClass:\"error display-block color-err font-size-14\"},[(!_vm.$v.user.password.required)?_c('span',[_vm._v(\"Vui lòng điền mật khẩu\")]):_vm._e(),(!_vm.$v.user.confirmPassword.sameAsPassword)?_c('span',[_vm._v(\"Xác nhận mật khẩu không chính xác\")]):_vm._e()]):_vm._e()]),_vm._m(1)])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-12 logo-register\"},[_c('div',{staticClass:\"center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/images/logo_hts_1.png\"),\"alt\":\"Hành trang số\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"text-right form-group\"},[_c('button',{staticClass:\"btn btn-primary btn-access\"},[_vm._v(\"Xác nhận\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"wrap-login justify-content-center\"> \r\n    <!-- display-flex-center -->\r\n      <div class=\"col-12 logo-register\">\r\n          <div class=\"center\">\r\n             <!-- <img src=\"@/assets/img/logo.jpg\" alt=\"\"> -->\r\n              <img src=\"@/assets/images/logo_hts_1.png\" alt=\"Hành trang số\">\r\n          </div>\r\n      </div>\r\n      <div class=\"col-xl-3 col-lg-4 col-md-5 col-10 login-form\">\r\n        \r\n          <div class=\"text-center col-12\">\r\n            <h2 class=\"text-left mb-5\" style=\"font-size: 26px;\">Đặt lại mật khẩu</h2>\r\n            <div class=\"text-left\" style=\"color:#879AA9; font-size:13px;\">Bạn đã quên mật khẩu. Bạn cần đặt mật khẩu mới để truy cập nền tảng</div>\r\n           <form action=\"\"  @submit.prevent=\"submitPassword\" >\r\n                <div class=\"text-left form-group\">\r\n                  <label for=\"\">Mật khẩu mới</label><br>\r\n                 \r\n                  <input  :type=\"passwordFieldType\" class=\"form-control input-email\" placeholder=\"Mật khẩu mới\"  v-model=\"user.password\">\r\n                  <div v-if=\"submitted\" class=\"error display-block color-err font-size-14\">\r\n                    <span v-if=\"!$v.user.password.required\">Vui lòng điền mật khẩu</span>\r\n                    <span\r\n                      v-if=\"!$v.user.password.minLength \"\r\n                    >Mật khẩu ít nhất 6 ký tự</span>\r\n                  </div>\r\n                  <div class=\"icon-switch\"  v-if=\"user.password !== ''\">\r\n                        <i class=\"fa\" :class=\"{'fa-eye': statusEye, 'fa-eye-slash': !statusEye}\" @click=\"switchPassword\"></i>\r\n                  </div>\r\n                </div>\r\n                <div class=\"text-left form-group\">\r\n                  <label for=\"\">Xác nhận mật khẩu mới</label><br>\r\n                  <input :type=\"passwordFieldType2\" class=\"form-control input-email\" placeholder=\"Mật khẩu mới\"  v-model=\"user.confirmPassword\">\r\n                  <div class=\"icon-switch\"  v-if=\"user.confirmPassword !== ''\">\r\n                        <i class=\"fa\" :class=\"{'fa-eye': statusEye2, 'fa-eye-slash': !statusEye2}\" @click=\"switchPassword2\"></i>\r\n                  </div>\r\n                  <div v-if=\"submitted\" class=\"error display-block color-err font-size-14\">\r\n                    <span v-if=\"!$v.user.password.required\">Vui lòng điền mật khẩu</span>\r\n                    <span v-if=\"!$v.user.confirmPassword.sameAsPassword\">Xác nhận mật khẩu không chính xác</span>\r\n                  </div>\r\n                </div>\r\n                <div class=\"text-right form-group\">\r\n                  <!-- <router-link to=\"/dang-nhap\" exact><button class=\"btn btn-primary btn-close\">Hủy</button></router-link> -->\r\n                   <!-- <router-link to=\"/trang-chu\" exact> -->\r\n                   <button class=\"btn btn-primary btn-access\">Xác nhận</button>\r\n                   <!-- </router-link> -->\r\n                </div>\r\n            </form>\r\n          </div>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { required, email, minLength, sameAs } from \"vuelidate/lib/validators\";\r\n  import { mapGetters, mapActions, mapState } from 'vuex'\r\n  import { MODULE_TEACHER, MODULE_PUBLISHING, MODULE_DEPARTMENT, MODULE_SCHOOL } from '@/store/auth/constants'\r\n  import { apiResetPassword } from '@/store/auth/api'\r\nexport default {\r\n  name:\"NewPassword\",\r\n  data () {\r\n    return {\r\n      password: '',\r\n      statusEye: false,\r\n      statusEye2: false,\r\n      passwordFieldType: 'password',\r\n      passwordFieldType2: 'password',\r\n      useId: this.$route.query.id, \r\n      code: this.$route.query.code,\r\n      submitted:false,\r\n      user: {\r\n        confirmPassword: '',\r\n        password: ''\r\n      },\r\n    }\r\n  },\r\n  components: {\r\n  },\r\n  validations:{\r\n    user: {\r\n      password: {\r\n        required,\r\n        minLength: minLength(6),\r\n        // goodPassword: password => {\r\n        //   return (\r\n        //     /[a-z]/.test(password) &&\r\n        //     /[A-Z]/.test(password) &&\r\n        //     /[0-9]/.test(password) &&\r\n        //     /[^a-z0-9]/gi.test(password)\r\n        //   );\r\n        // }\r\n      },\r\n      confirmPassword: { required, sameAsPassword: sameAs(\"password\") },\r\n    }\r\n  },\r\n  // created(){\r\n  //   console.log(\"22222222222222222222\",this.$route.query);\r\n  // },\r\n  computed: {\r\n    ...mapState('auth', ['isLoggedIn', 'isLoading', 'errors', 'user'])\r\n  },\r\n  methods: {\r\n    ...mapActions(`auth`, ['authLogin', 'fetchAuthProfile', 'authLoginFacebook', 'authLoginGoogle','authLogout']),\r\n    switchPassword(){\r\n      this.passwordFieldType = this.passwordFieldType === 'password' ? 'text' : 'password'\r\n      this.statusEye = !this.statusEye;\r\n    },\r\n    switchPassword2(){\r\n      this.passwordFieldType2 = this.passwordFieldType2 === 'password' ? 'text' : 'password'\r\n      this.statusEye2 = !this.statusEye2;\r\n    },\r\n    submitPassword(evt) {\r\n      evt.preventDefault();\r\n      this.submitted = true;\r\n      if (this.$v.$invalid) {\r\n        return;\r\n      } \r\n      apiResetPassword({userId: this.useId, password:this.user.password,confirmPassword:this.user.confirmPassword,code:this.code})\r\n        .then(res => {\r\n         this.ChecksendEmail =false;\r\n         this.$toast.success(\"Mật khẩu của bạn đã được đặt lại thành công\");\r\n         this.$router.push({ path: '/' })\r\n        })\r\n        .catch(err => console.error(err)); \r\n    },\r\n    onSubmitLogin(evt) {\r\n      evt.preventDefault();\r\n      let self = this;\r\n      const {username, password} = self.form;\r\n      \r\n      self.authLogin({username, password}).then(async res => {\r\n        if(res) {\r\n          let authInfo = await self.fetchAuthProfile();\r\n          if(authInfo && authInfo.roleCode) {\r\n            switch(authInfo.roleCode) {\r\n              case MODULE_TEACHER:\r\n                self.$router.push({path: '/giao-vien'})\r\n                break;\r\n              case MODULE_PUBLISHING:\r\n                self.$router.push({path: '/nha-xuat-ban'})\r\n                break;\r\n              case MODULE_DEPARTMENT:\r\n                self.$router.push({path: '/so-giao-duc-dao-tao'})\r\n                break;\r\n              default:\r\n                self.$router.push({path: '/truong'})\r\n                break;\r\n            }\r\n          }\r\n        }\r\n      })\r\n    },\r\n\r\n    onReset(evt) {\r\n      evt.preventDefault()\r\n      this.form.email = ''\r\n      this.form.name = ''\r\n      this.form.checked = []\r\n    },\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.form-group{\r\n  position: relative;\r\n}\r\n.icon-switch{\r\n    position: absolute;\r\n    top: 33px;\r\n    right: 10px;\r\n    i{\r\n    color: #40505E;\r\n    font-size: 14px;\r\n    opacity: .5;\r\n    }\r\n}\r\n.logo-register .center img {\r\n    display: block;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    height: 48px;\r\n}\r\n  .wrap-login {height: 100vh;}\r\n  .login-form{\r\n    background-color: #f3f6fb;\r\n    border-radius: 8px;\r\n    margin: auto;\r\n    padding-bottom: 20px;\r\n    .text-center{\r\n      .mb-5 {\r\n          margin-bottom: 1rem !important;\r\n      }\r\n      h2{\r\n        font-weight: bold;\r\n        color: #40505E;\r\n        padding-top: 35px;\r\n      }\r\n      h5{\r\n        font-size: 14px;\r\n        color: #879AA9;\r\n        text-align: left;\r\n      }\r\n      .input-email{\r\n        border-radius: 20px;\r\n        border: 0;\r\n        height: 30px;\r\n        line-height: 30px;\r\n      }\r\n      label{\r\n        color: #879AA9;\r\n      }\r\n      button{\r\n        font-size: 14px;\r\n      }\r\n      .btn-close{\r\n        background-color: #f3f6fb;\r\n        border-radius: 20px;\r\n        border:1px solid #f3f6fb;\r\n        color: #124ABE;\r\n        height: 30px;\r\n        line-height: 15px;\r\n      }\r\n      .btn-access{\r\n        height: 30px;\r\n        line-height: 15px;\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n        border-radius: 15px;\r\n        background: #124ABE;\r\n      }\r\n      .auth__input{\r\n        border-radius: 20px;\r\n        border: 1px solid #f3f6fb;\r\n        height: 30px;\r\n      }\r\n      ::-webkit-input-placeholder { /* Edge */\r\n          color: #879AA9;\r\n          font-size: 13px;\r\n      }\r\n      .auth__btn{\r\n        height: 30px;\r\n        background-color: #124ABE;\r\n        line-height: 15px;\r\n      }\r\n      .pd-top{\r\n        padding-top: 20px;\r\n        margin-bottom: 0;\r\n        \r\n      }\r\n      .forgot-pwd{\r\n        font-size: 14px;\r\n            color: #879AA9;\r\n        a{\r\n          color: #124ABE;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  .logo-register{\r\n    padding-top: 50px;\r\n    .center{\r\n      padding-top:10px;\r\n      padding-bottom: 50px;\r\n      img {\r\n        display: block;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n      }\r\n    }\r\n  }\r\n   @media (min-width: 1200px){\r\n    .col-xl-3.col-lg-4.col-md-5.col-10.login-form {\r\n          max-width: 23%;\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewPassword.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!./NewPassword.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./NewPassword.vue?vue&type=template&id=474cac54&scoped=true&\"\nimport script from \"./NewPassword.vue?vue&type=script&lang=js&\"\nexport * from \"./NewPassword.vue?vue&type=script&lang=js&\"\nimport style0 from \"./NewPassword.vue?vue&type=style&index=0&id=474cac54&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  \"474cac54\",\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:\"vitural-keyboard bg-color-light\"},[_c('div',{staticClass:\"vitural-keyboard__list\"},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('1')}}},[_vm._v(\"1\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('2')}}},[_vm._v(\"2\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('3')}}},[_vm._v(\"3\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('4')}}},[_vm._v(\"4\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('5')}}},[_vm._v(\"5\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('6')}}},[_vm._v(\"6\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('7')}}},[_vm._v(\"7\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('8')}}},[_vm._v(\"8\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('9')}}},[_vm._v(\"9\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('0')}}},[_vm._v(\"0\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('>')}}},[_vm._v(\">\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('<')}}},[_vm._v(\"<\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('=')}}},[_vm._v(\"=\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('+')}}},[_vm._v(\"+\")]),_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.setVal('-')}}},[_vm._v(\"-\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"vitural-keyboard bg-color-light\">\r\n    <!-- <FreeTransform \r\n      :x=\"0\"\r\n      :y=\"0\"\r\n      :scale-x=\"1\"\r\n      :scale-y=\"1\"\r\n      :width=\"425\"\r\n      :height=\"300\"\r\n      :angle=\"0\"\r\n      :offset-x=\"0\"\r\n      :offset-y=\"0\"\r\n    > -->\r\n  \t\t<div class=\"vitural-keyboard__list\">\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('1')\">1</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('2')\">2</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('3')\">3</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('4')\">4</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('5')\">5</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('6')\">6</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('7')\">7</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('8')\">8</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('9')\">9</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('0')\">0</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('>')\">></a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('<')\"><</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('=')\">=</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('+')\">+</a>\r\n  \t\t\t<a href=\"javascript:;\" @click=\"setVal('-')\">-</a>\r\n  \t\t</div>\r\n    <!-- </FreeTransform> -->\r\n\t\t<!-- <div class=\"vitural-keyboard__list vitural-keyboard__list--2\">\r\n\t\t\t<a href=\"javascript:;\" class=\"btn-err\" @click=\"handleClear\">Xóa</a>\r\n\t\t\t<a href=\"javascript:;\" @click=\"handleDone\">Hoàn thành</a>\r\n\t\t</div> -->\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport { mapState, mapActions } from 'vuex';\r\n\timport { STORE_KEY } from './_store/constants'\r\n  // import FreeTransform from 'vue-free-transform'\r\n\r\n\texport default {\r\n\t\tname: 'VituralKeyboard',\r\n    components: {\r\n      // FreeTransform\r\n    },\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapState(STORE_KEY, ['valVituralKeyboard', 'textSelectedData'])\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions(STORE_KEY, ['setVituralKeyVal']),\r\n\r\n\t\t\tsetVal (value) {\r\n        let valTxt = ''\r\n        if (this.textSelectedData && this.textSelectedData.length > 0) {\r\n          valTxt = this.textSelectedData[0] + value + this.textSelectedData[1]\r\n        } else {\r\n          valTxt = this.valVituralKeyboard.val ? this.valVituralKeyboard.val + value : value\r\n        }\r\n        // console.log('Set val: ', value, this.valVituralKeyboard);\r\n\t\t\t\t// console.log(this.valVituralKeyboard);\r\n\t\t\t\tthis.setVituralKeyVal({\r\n\t\t\t\t\t...this.valVituralKeyboard,\r\n\t\t\t\t\tval: valTxt\r\n\t\t\t\t});\r\n\t\t\t},\r\n\r\n\t\t\thandleClear() {\r\n\r\n\t\t\t},\r\n\r\n\t\t\thandleDone() {\r\n\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.vitural-keyboard {\r\n\tposition: fixed;\r\n    top: 65%;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1000;\r\n    width: 425px;\r\n    margin: auto;\r\n    box-shadow: 0px 0px 6px rgba(0,0,0,.1);\r\n    padding: 20px 15px 10px;\r\n\r\n\t    &.open-cat {\r\n\t    \tleft: 14%;\r\n\t    }\r\n\r\n\t    &.over-height {\r\n\t    \ttop: 20%;\r\n\t    }\r\n\r\n\t    &.open-sidebar {\r\n\t    \tright: 20%;\r\n\t    }\r\n\r\n\t    &__list {\r\n\t\t    display: flex;\r\n\t\t    flex-wrap: wrap;\r\n\r\n\t\t\ta {\r\n\t\t\t\twidth: calc(100% / 5.61);\r\n\t\t\t\t@extend .font-sanpro-semibold;\r\n\t\t\t\t@extend .text-center;\r\n\t\t\t\t@extend .font-size-22;\r\n\t\t\t\t@extend .border-rd-4;\r\n\t\t\t\tmargin-bottom: 10px;\r\n\r\n\t\t\t\t&:not(.btn-err) {\r\n\t\t\t\t\t@extend .btn-main-light;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:not(:nth-child(5n+5)) {\r\n\t\t\t\t\tmargin-right: 10px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&--2 {\r\n\t\t\t\ta {\r\n\t\t\t\t\twidth: calc(100% /2.15)\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t    }\r\n\r\n\t}\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!./VituralKeyboard.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!./VituralKeyboard.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./VituralKeyboard.vue?vue&type=template&id=2f284078&scoped=true&\"\nimport script from \"./VituralKeyboard.vue?vue&type=script&lang=js&\"\nexport * from \"./VituralKeyboard.vue?vue&type=script&lang=js&\"\nimport style0 from \"./VituralKeyboard.vue?vue&type=style&index=0&id=2f284078&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  \"2f284078\",\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!./ExerciseList.vue?vue&type=style&index=0&id=3a76c9bc&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!./DropdownCat.vue?vue&type=style&index=0&id=3bcd2761&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"dropdown show\"},[_c('i',{staticClass:\"icon-more\",attrs:{\"href\":\"#\",\"role\":\"button\",\"id\":\"dropdownMenuLink\",\"data-toggle\":\"dropdown\",\"aria-haspopup\":\"true\",\"aria-expanded\":\"false\"}}),_c('ul',{staticClass:\"dropdown-menu\",attrs:{\"aria-labelledby\":\"dropdownMenuLink\"}},[_c('a',{staticClass:\"dropdown-item item-dropdown\",staticStyle:{\"color\":\"#8599b8\"},attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.viewDetail(_vm.dataSource)}}},[_vm._v(\"Xem trước\")]),_c('a',{staticClass:\"dropdown-item item-dropdown\",staticStyle:{\"color\":\"#8599b8\"},attrs:{\"href\":\"#\"},on:{\"click\":function($event){return _vm.handleReset(_vm.dataSource)}}},[_vm._v(\"Làm mới\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- <template>\r\n  <b-dropdown right class=\"dropdown-cat\">\r\n    <template slot=\"button-content\">\r\n      <i class=\"icon-more\"></i>\r\n    </template>\r\n    <b-dropdown-item href=\"javascript:;\" @click=\"viewDetail(dataSource)\">Xem trước</b-dropdown-item>\r\n    <b-dropdown-item href=\"javascript:;\" @click=\"handleReset(dataSource)\">Làm mới</b-dropdown-item>\r\n  </b-dropdown>\r\n</template> -->\r\n<template>\r\n  <div class=\"dropdown show\">\r\n    <i class=\"icon-more\" href=\"#\" role=\"button\" id=\"dropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\"></i>\r\n\r\n  <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuLink\">\r\n    <a class=\"dropdown-item item-dropdown\" style=\"color: #8599b8;\" @click=\"viewDetail(dataSource)\" href=\"#\">Xem trước</a>\r\n    <a class=\"dropdown-item item-dropdown\" style=\"color: #8599b8;\" @click=\"handleReset(dataSource)\" href=\"#\">Làm mới</a>\r\n  </ul>\r\n</div>\r\n</template>\r\n<script>\r\n  import { resetUserWorkQuestion, getQuestionsByCat, getQuestionListOfOtherOrThematic } from './../_api/'\r\n  import { mapActions } from 'vuex'\r\n  import { STORE_KEY, ID_MODAL_PREVIEW_EXERCISE, TYPE_EXERCISE_OTHER, TYPE_EXERCISE_NORMAL } from './../_store/constants'\r\n\r\n  export default {\r\n    name: 'DropdownCat',\r\n    props: {\r\n      dataSource: Object,\r\n      type: Number\r\n    },\r\n    data () {\r\n      return {\r\n      }\r\n    },\r\n    methods: {\r\n      ...mapActions(STORE_KEY, ['acSetQuestionPreviewInfo']),\r\n\r\n      handleReset (val) {\r\n        this.$emit('resetQuestions', true)\r\n      },\r\n\r\n      viewDetail (val) {\r\n        if (!this.type || this.type === TYPE_EXERCISE_NORMAL) {\r\n          this.getQuestionsByExerciseNormal(val)\r\n        } else {\r\n          this.getQuestionsByExerciseOther(val)\r\n        }\r\n      },\r\n\r\n      getQuestionsByExerciseNormal (val) {\r\n        getQuestionsByCat(val.bookId, val.bookIndexId)\r\n          .then(res => {\r\n            if(res && res.data && !res.errors) {\r\n              return this.acSetQuestionPreviewInfo({category: val, questions: res.data})\r\n            }\r\n          })\r\n          .then(() => {\r\n            this.$bvModal.show(ID_MODAL_PREVIEW_EXERCISE)\r\n          })\r\n      },\r\n\r\n      getQuestionsByExerciseOther (val) {\r\n        let self = this\r\n        getQuestionListOfOtherOrThematic(val.id).then(res => {\r\n            if(res && res.data && !res.errors) {\r\n              return self.acSetQuestionPreviewInfo({category: val, questions: res.data})\r\n            }\r\n          })\r\n          .then(() => {\r\n            self.$bvModal.show(ID_MODAL_PREVIEW_EXERCISE)\r\n          })\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.item-dropdown:active {\r\n  background: #ededed;;\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!./DropdownCat.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!./DropdownCat.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DropdownCat.vue?vue&type=template&id=3bcd2761&scoped=true&\"\nimport script from \"./DropdownCat.vue?vue&type=script&lang=js&\"\nexport * from \"./DropdownCat.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DropdownCat.vue?vue&type=style&index=0&id=3bcd2761&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  \"3bcd2761\",\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!./ExamResult.vue?vue&type=style&index=0&id=7b24e796&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar\"},[_c('v-runtime-template',{attrs:{\"template\":_vm.template}}),_c('b-modal',{attrs:{\"id\":_vm.idModalConfirmDelQuestion,\"hide-header\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-confirm border-rd-10 text-center\"},[_c('p',[_vm._v(\"Bạn chắc chắn muốn làm lại tất cả bài tập?\")]),_c('div',{staticClass:\"modal-confirm__action text-center\"},[_c('b-button',{staticClass:\"font-size-16 line-height-1\",attrs:{\"variant\":\"danger\"},on:{\"click\":function($event){return _vm.$bvModal.hide(_vm.idModalConfirmDelQuestion)}}},[_vm._v(\"Hủy\")]),_c('b-button',{staticClass:\"font-size-16 line-height-1\",attrs:{\"variant\":\"success\"},on:{\"click\":function($event){return _vm.resetQuestionsList()}}},[_vm._v(\"Làm lại\\n        \")])],1)])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"sidebar\">\r\n    <v-runtime-template :template=\"template\" />\r\n    <b-modal :id=\"idModalConfirmDelQuestion\" hide-header hide-footer>\r\n      <div class=\"modal-confirm border-rd-10 text-center\">\r\n        <p>Bạn chắc chắn muốn làm lại tất cả bài tập?</p>\r\n        <div class=\"modal-confirm__action text-center\">\r\n          <b-button variant=\"danger\" class=\"font-size-16 line-height-1\"\r\n            @click=\"$bvModal.hide(idModalConfirmDelQuestion)\">Hủy</b-button>\r\n          <b-button variant=\"success\" class=\"font-size-16 line-height-1\" @click=\"resetQuestionsList()\">Làm lại\r\n          </b-button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n<script>\r\n\r\nimport VRuntimeTemplate from \"v-runtime-template\";\r\nimport { mapState, mapActions } from \"vuex\"\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport { STORE_KEY, TYPE_EXERCISE_THEMATIC, TYPE_EXERCISE_OTHER, LOCAL_SAVE_CURRENT_THEMATIC } from \"./../../_store/constants\"\r\nimport { getCatOfExerciseOtherOrThematic } from './../../_api/'\r\nimport mixinExercise from './../../_store/mixinExercise'\r\nimport DropdownCat from './../DropdownCat.vue'\r\nimport { getAuth } from '@/utils/jwt'\r\nexport default {\r\n  name: 'ThematicSidebar',\r\n  mixins: [mixinExercise],\r\n  components: {\r\n    VRuntimeTemplate,\r\n    vueCustomScrollbar,\r\n    DropdownCat\r\n  },\r\n  data: () => ({\r\n    template: \"\",\r\n    settingsViewBookSidebar: {\r\n      maxScrollbarLength: 300\r\n    },\r\n    dataCatsThematic: [],\r\n    idsCatActive: [],\r\n    idModalConfirmDelQuestion: 'modal_confirm_reset',\r\n    authInfo: {}\r\n  }),\r\n  computed: {\r\n    routerParams() {\r\n      return this.$route.params\r\n    },\r\n    classId() {\r\n      return parseInt(this.$route.params.classId);\r\n    },\r\n    subjectId() {\r\n      return parseInt(this.$route.params.subjectId);\r\n    },\r\n    chapterId() {\r\n      return parseInt(this.$route.params.id);\r\n    },\r\n    typeId() {\r\n      return this.$route.name === 'exerciseOtherDetail' ? TYPE_EXERCISE_OTHER : TYPE_EXERCISE_THEMATIC\r\n    },\r\n    screenWidth() {\r\n      return window.innerWidth;\r\n    },\r\n    ...mapState(STORE_KEY, ['paramsFilterExOtherThematic'])\r\n  },\r\n  mounted() {\r\n    this.getCatsOfThematic();\r\n  },\r\n  created(){\r\n    this.authInfo = getAuth();\r\n  },\r\n  methods: {\r\n    ...mapActions('common', ['setLoading']),\r\n    ...mapActions('auth', ['setToggleLoginForm']),\r\n    ...mapActions(STORE_KEY, ['acSetParamFilterOtherThematic', 'acSetCatsFlat']),\r\n\r\n    getCatsOfThematic() {\r\n      this.setLoading(true)\r\n      let paramsFilter = { classId: this.classId, subjectId: this.subjectId, type: this.typeId }\r\n      if (!this.paramsFilterExOtherThematic.type || this.paramsFilterExOtherThematic.type === 0) {\r\n        this.acSetParamFilterOtherThematic({ ...paramsFilter })\r\n      }\r\n\r\n      getCatOfExerciseOtherOrThematic(paramsFilter).then(async res => {\r\n        if (res && res.data && !res.errors) {\r\n          this.dataCatsThematic = await this.flatenCatsExOtherOrThematic(res.data)\r\n          if (this.chapterId === 0 && this.dataCatsThematic) {\r\n            let catActive = this.dataCatsThematic[0].chapterId\r\n            this.getDetailThematicOrQuestionOther({ collapseId: `cat_1_${catActive}`, chapterId: catActive, hasChild: this.dataCatsThematic[0].listChapterChild && this.dataCatsThematic[0].listChapterChild.length > 0, childIndex: 1 }, false)\r\n          }\r\n          this.acSetCatsFlat(this.dataCatsThematic)\r\n          // Set cat active\r\n          await this.getCatActive()\r\n          this.template = `<vue-custom-scrollbar id=\"book_viewer__cats\" class=\"scroll-area scroll-area__cats scroll-area__cats__exercise\">\r\n                              <div class=\"book-viewer__cats__wrap\">`\r\n          this.convertCatsData(res.data)\r\n          this.template += `</div></vue-custom-scrollbar>`\r\n        }\r\n      }).finally(() => this.setLoading(false))\r\n\r\n    },\r\n\r\n    async convertCatsData(data, parent = null, isChild = false, childIndex = 0) {\r\n      let self = this;\r\n      if (isChild) {\r\n        self.template += `<b-collapse id=\"cat_${childIndex}_${parent.chapterId}\" :visible=\"${parent && parent.chapterId && self.idsCatActive && self.idsCatActive.includes(parent.chapterId)}\" accordion=\"my-accordion-${childIndex}\" role=\"tabpanelchild\"><b-card-body>`\r\n      }\r\n      if (data && data.length > 0) {\r\n        self.template += `<ul class=\"margin-0 p-0\">`\r\n        let lengthData = data.length\r\n        await data.map(async (cat, index) => {\r\n          // class=\"${self.collapseOpen === 'cat_' + cat.chapterId ? 'active' : ''}\"\r\n          // class=\"${self.idsCatActive && self.idsCatActive.length > 0 && self.idsCatActive.includes(cat.chapterId) ? 'active' : ''}\"\r\n          // class=\"${self.$route.params.id === cat.chapterId ? 'active' : ''}\"\r\n          self.template += `<li :class=\"{'active': parseInt($route.params.id) === ${cat.chapterId} || chapterId === ${cat.chapterId}}\">\r\n                                <a\r\n                                  href=\"javascript:;\"\r\n                                  style=\"color: #0f3dba !important\"\r\n                                  class=\"display-flex display-flex-center justify-content-between\"\r\n                                  v-b-toggle.cat_${childIndex + 1}_${cat.chapterId}\r\n                                  id='cat_thematic_${cat.chapterId}'\r\n                                  data-idchild='cat_${childIndex + 1}_${cat.chapterId}'\r\n                                  @click=\"getDetailThematicOrQuestionOther({collapseId: 'cat_${childIndex + 1}_${cat.chapterId}', chapterId: ${cat.chapterId}, hasChild: ${cat.listChapterChild && cat.listChapterChild.length > 0}, childIndex: ${childIndex + 1}},true)\"\r\n                                >\r\n                                  <span>${cat.title}</span>\r\n                                  <DropdownCat v-if=\"${cat.chapterId} === parseInt($route.params.id)\" :dataSource=\"{id: ${cat.chapterId}, title: '${cat.title}'}\" :type=\"${TYPE_EXERCISE_OTHER}\" @resetQuestions=\"$bvModal.show(idModalConfirmDelQuestion)\" />\r\n                                </a>`\r\n          if (cat.listChapterChild && cat.listChapterChild.length > 0) {\r\n            self.convertCatsData(cat.listChapterChild, cat, true, childIndex + 1)\r\n          }\r\n          self.template += `</li>`\r\n          if (index === lengthData - 1) {\r\n            self.template += `</ul>`\r\n          }\r\n          if (isChild && index === lengthData - 1) {\r\n            self.template += `</b-card-body></b-collapse>`\r\n          }\r\n        })\r\n      }\r\n    },\r\n    changeChapter(targetCat,catsFlatForExercise,type,indexCatCurr){\r\n      console.log(targetCat)\r\n      if(type == 1){\r\n          while(targetCat.listChapterChild.length>0){\r\n            let el = document.getElementById(`cat_thematic_${targetCat.chapterId}`)\r\n            let idListChild = el.dataset.idchild\r\n            let elchild = document.getElementById(idListChild)\r\n            if(!elchild.classList.contains('show')){\r\n                document.getElementById(`cat_thematic_${targetCat.chapterId}`).click()\r\n            }\r\n            if(type == 1){\r\n              indexCatCurr++\r\n            }\r\n            else{\r\n              indexCatCurr--\r\n            }\r\n             targetCat = type === 0 ? catsFlatForExercise[indexCatCurr - 1] : catsFlatForExercise[indexCatCurr + 1]\r\n          }\r\n        }\r\n        else{\r\n          while(targetCat.listChapterChild.length>0){\r\n            if(type == 1){\r\n              indexCatCurr++\r\n            }\r\n            else{\r\n              indexCatCurr--\r\n            }\r\n            if(indexCatCurr - 1 < 0){\r\n              return null\r\n            }\r\n            targetCat = type === 0 ? catsFlatForExercise[indexCatCurr - 1] : catsFlatForExercise[indexCatCurr + 1];\r\n          }\r\n          let itemParent = targetCat\r\n          let listParent = []\r\n          while(itemParent.parentId){\r\n            for(let i=0;i<catsFlatForExercise.length;i++){\r\n              let item = catsFlatForExercise[i]\r\n              if(item.chapterId == itemParent.parentId){\r\n                itemParent = item\r\n                break\r\n              }\r\n            }\r\n            listParent.push(itemParent)\r\n          }\r\n          listParent.reverse();\r\n          for(let i = 0; i<listParent.length;i++){\r\n            let item = listParent[i]\r\n            let el = document.getElementById(`cat_thematic_${item.chapterId}`)\r\n            let idListChild = el.dataset.idchild\r\n            let elchild = document.getElementById(idListChild)\r\n            if(!elchild.classList.contains('show')){\r\n                document.getElementById(`cat_thematic_${item.chapterId}`).click()\r\n            }\r\n          }\r\n        }\r\n      return targetCat;\r\n    },\r\n    setCurrentThematic() {\r\n      let dataCurrentThematic = localStorage.getItem(LOCAL_SAVE_CURRENT_THEMATIC) ? JSON.parse(localStorage.getItem(LOCAL_SAVE_CURRENT_THEMATIC)) : []\r\n      if (dataCurrentThematic.length === 0) {\r\n        dataCurrentThematic.push({ email: this.authInfo.email, classId: this.classId, subjectId: this.subjectId, typeId: this.typeId, chapterId: this.chapterId })\r\n      }\r\n      else {\r\n        let isUpdate = false\r\n        for (let i = 0; i < dataCurrentThematic.length; i++) {\r\n          if (dataCurrentThematic[i].email == this.authInfo.email && dataCurrentThematic[i].classId === this.classId && dataCurrentThematic[i].subjectId === this.subjectId && dataCurrentThematic[i].typeId === this.typeId) {\r\n            dataCurrentThematic[i].chapterId = this.chapterId\r\n            isUpdate = true\r\n            break\r\n          }\r\n        }\r\n        if (!isUpdate) {\r\n          dataCurrentThematic.push({ email: this.authInfo.email, classId: this.classId, subjectId: this.subjectId, typeId: this.typeId, chapterId: this.chapterId })\r\n        }\r\n      }\r\n      localStorage.setItem(LOCAL_SAVE_CURRENT_THEMATIC, JSON.stringify(dataCurrentThematic))\r\n    },\r\n    getDetailThematicOrQuestionOther(cat = null, isSetChaper) {\r\n      let nameRouter = this.typeId === TYPE_EXERCISE_THEMATIC ? 'exerciseThematicDetail' : 'exerciseOtherDetail'\r\n      let queryParams = this.typeId === TYPE_EXERCISE_THEMATIC ? { cauhoi: 0 } : { cauhoi: 1 }\r\n      this.chapterId !== cat.chapterId && this.$router.replace({ name: nameRouter, params: { ...this.routerParams, id: cat.chapterId }, query: queryParams })\r\n      if(isSetChaper){\r\n        this.setCurrentThematic()\r\n      }\r\n      this.typeId === TYPE_EXERCISE_THEMATIC && parseInt(this.$route.query.cauhoi) !== 0 && this.$router.replace({query: queryParams})      \r\n    },\r\n\r\n    getCatActive() {\r\n      this.idsCatActive = []\r\n      let indexCatActive = this.dataCatsThematic ? this.dataCatsThematic.findIndex(cat => cat.chapterId === this.chapterId) : -1\r\n      if (indexCatActive > -1) {\r\n        let chapterIdCurr = this.dataCatsThematic[indexCatActive].chapterId\r\n        let catActive = this.dataCatsThematic[indexCatActive].parents\r\n        let catActiveLength = catActive.length\r\n\r\n        this.idsCatActive.push(this.dataCatsThematic[indexCatActive].chapterId)\r\n        if (catActiveLength > 0) {\r\n          catActive.map((cat, index) => {\r\n            this.idsCatActive.push(cat.chapterId)\r\n          })\r\n        }\r\n      }\r\n    },\r\n\r\n    resetQuestionsList() {\r\n      this.$emit('resetQuestions', true)\r\n      this.$bvModal.hide(this.idModalConfirmDelQuestion)\r\n    }\r\n  }\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.book-viewer__cats__title {\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.modal-confirm {\r\n  padding: 20px 15px;\r\n\r\n  p {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  &__action {\r\n    >* {\r\n      &:not(:last-child) {\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThematicSidebar.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!./ThematicSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThematicSidebar.vue?vue&type=template&id=61d2c6cf&scoped=true&\"\nimport script from \"./ThematicSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./ThematicSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThematicSidebar.vue?vue&type=style&index=0&id=61d2c6cf&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  \"61d2c6cf\",\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:\"exercise-questions\"},[_vm._l((_vm.dataSource),function(item,index){return _c('div',{key:index,staticClass:\"item position-rel content-1\",on:{\"click\":function($event){return _vm.directToQuestion(index + 1)}}},[(item.title)?_c('b',{staticClass:\"item__title primary-color display-block text-center font-size-16\"},[_vm._v(_vm._s(item.title))]):_vm._e(),_c('div',{staticClass:\"question-content primary-color-txt\",domProps:{\"innerHTML\":_vm._s(_vm.handleReplaceLinkImgEditorContent(item))}}),(item.imageUrl)?_c('div',{staticClass:\"question-item__img text-center margin-center\",style:((\"width: \" + (item.imageWidth) + \"px; height: \" + (item.imageHeight) + \"px\"))},[_c('img',{attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (item.imageUrl)),\"alt\":\"Ảnh câu hỏi\"}})]):_vm._e(),(item.listQuestionChild && item.listQuestionChild.length>0)?_c('div',{staticClass:\"listQuestionChild\"},_vm._l((item.listQuestionChild),function(child,pos){return _c('div',{key:(\"child_\" + pos),staticClass:\"item-child\"},[(child.title)?_c('b',{staticClass:\"primary-color display-block font-size-24\"},[_vm._v(_vm._s(child.title))]):_vm._e(),_c('div',{staticClass:\"question-content primary-color-txt\",domProps:{\"innerHTML\":_vm._s(child.content)}}),(child.imageUrl)?_c('div',{staticClass:\"question-item__img text-center margin-center\",style:((\"width: \" + (item.imageWidth) + \"px; height: \" + (item.imageHeight) + \"px\"))},[_c('img',{attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (child.imageUrl)),\"alt\":\"Ảnh câu trả lời\"}})]):_vm._e()])}),0):_vm._e()])}),(_vm.dataSource.length === 0)?_c('p',{staticClass:\"secondary-color-txt text-center no-data\"},[_vm._v(\"Không có câu hỏi nào\")]):_vm._e()],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"exercise-questions\">\r\n\t\t<div class=\"item position-rel content-1\" v-for=\"(item, index) of dataSource\" :key=\"index\" @click=\"directToQuestion(index + 1)\">\r\n      <b class=\"item__title primary-color display-block text-center font-size-16\" v-if=\"item.title\">{{ item.title }}</b> \r\n      <div class=\"question-content primary-color-txt\" v-html=\"handleReplaceLinkImgEditorContent(item)\"></div>\r\n      <div class=\"question-item__img text-center margin-center\" v-if=\"item.imageUrl\" :style=\"`width: ${item.imageWidth}px; height: ${item.imageHeight}px`\">\r\n        <img \r\n        :src=\"`${urlQuestionImg}/${item.imageUrl}`\" \r\n        alt=\"Ảnh câu hỏi\" \r\n        />\r\n      </div>\r\n      <div class=\"listQuestionChild\" v-if=\"item.listQuestionChild && item.listQuestionChild.length>0\">\r\n        <div class=\"item-child\" v-for=\"(child, pos) of item.listQuestionChild \" :key=\"`child_${pos}`\">\r\n          <b class=\"primary-color display-block font-size-24\" v-if=\"child.title\">{{ child.title }}</b> \r\n          <div class=\"question-content primary-color-txt\" v-html=\"child.content\"></div>\r\n          <div class=\"question-item__img text-center margin-center\" v-if=\"child.imageUrl\" :style=\"`width: ${item.imageWidth}px; height: ${item.imageHeight}px`\">\r\n            <img \r\n            :src=\"`${urlQuestionImg}/${child.imageUrl}`\" \r\n            alt=\"Ảnh câu trả lời\" \r\n            />\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <p class=\"secondary-color-txt text-center no-data\" v-if=\"dataSource.length === 0\">Không có câu hỏi nào</p>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import mixinsQuestionPreview from '@/modules/question/preview-question/_store/mixinsQuestionPreview'\r\n  import { APP_CONFIG } from '@/utils/constants'\r\n  import { setContentMediaEditorShow } from '@/modules/question/preview-question/_store/helperQuestionContent'\r\n\r\n\texport default {\r\n\t\tname: 'ExerciseQuestionList',\r\n    mixins: [ mixinsQuestionPreview ],\r\n\t\tprops: {\r\n\t\t\tdataSource: Array\r\n\t\t},\r\n\t\tdata () {\r\n\t\t\treturn {\r\n        urlQuestionImg: APP_CONFIG.urlQuestionImg\r\n\t\t\t}\r\n\t\t},\r\n    methods: {\r\n      directToQuestion(position) {\r\n        this.$emit('handleGoQuestion', position);\r\n      },\r\n\r\n      handleReplaceLinkImgEditorContent (question) {\r\n        const questionReplace = setContentMediaEditorShow({...question})\r\n        return questionReplace.content\r\n      }\r\n    }\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .listQuestionChild {\r\n    padding-left: 40px;\r\n    padding-top: 30px;\r\n\r\n    .item-child {\r\n      margin-bottom: 40px;\r\n    }\r\n  }\r\n  .item {\r\n    &__title{\r\n      width: 60px;\r\n      text-align: center;\r\n      padding: 7px;\r\n      background: #E1EFFF;\r\n      border-radius: 5px;\r\n    }\r\n    b {\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    &:not(:last-child) {\r\n      margin-bottom: 35px;\r\n      \r\n      @media screen and ( max-width: 575px ) {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExerciseQuestionList.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!./ExerciseQuestionList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseQuestionList.vue?vue&type=template&id=5d9dc143&scoped=true&\"\nimport script from \"./ExerciseQuestionList.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseQuestionList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseQuestionList.vue?vue&type=style&index=0&id=5d9dc143&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  \"5d9dc143\",\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!./PreviewQuestion.vue?vue&type=style&index=0&id=70f952ea&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!./ThematicQuestion.vue?vue&type=style&index=0&id=d286128a&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!./ThematicDetail.vue?vue&type=style&index=0&id=743a581a&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!./ModalPreviewExercise.vue?vue&type=style&index=1&id=78e20bd8&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!./ModalMedia.vue?vue&type=style&index=0&id=8f00fda6&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!./ExerciseDetail.vue?vue&type=style&index=0&id=066aef83&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!./ActiveCode.vue?vue&type=style&index=0&id=c9e89cb6&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!./SliderNameQuestion.vue?vue&type=style&index=0&id=6ff467d4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.template,{tag:\"component\"})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import * as types from './constants';\r\nimport * as api from '../_api'\r\n\r\nconst getClasses = ({ commit }) => {\r\n    api.fetchClasses\r\n        .then((response) => {\r\n            commit(types.GET_CLASSES, response.data)\r\n        }).catch()\r\n};\r\n\r\nconst setParamSearchLesson = ({ commit }, data) => {\r\n    commit(types.SET_PARAMS_SEARCH_LESSONS, data)\r\n}\r\n\r\nconst setBookIdActiveSuccess = ({ commit }, data) => {\r\n    commit(types.HANDLE_ACTICE_BOOK_SUCCESS, data)\r\n}\r\n\r\nconst acSetParamFilterBook = ({ commit }, data) => {\r\n    commit(types.SET_PARAMS_FILTER_BOOK, data)\r\n}\r\n\r\nconst acSetParamFilterBookLesson = ({ commit }, data) => {\r\n    commit(types.SET_PARAMS_FILTER_BOOK_LESSON, data)\r\n}\r\n\r\nconst acSetParamActiveLearning = ({ commit }, data) => {\r\n    commit(types.SET_PARAMS_ACTIVE_LEARNING, data)\r\n}\r\n\r\nconst acResetBookFilterLib = ({commit}, data) => {\r\n\tcommit(types.SET_BOOK_LESSON_FILTER_RESULT, [])\r\n\tcommit(types.SET_BOOK_PAGE_LINK_FILTER_RESULT, [])\r\n}\r\n\r\nconst acGetBookOfPageLinks = ({ commit }, params) => {\r\n\treturn api.getBookFilterPageLinks(params).then(res => {\r\n        let result = res.list ? res.list : []\r\n\t\t!params.scrollData && commit(types.SET_BOOK_PAGE_LINK_FILTER_RESULT, result)\r\n        return res\r\n\t})\r\n}\r\n\r\nconst acGetBookOfLessons = ({ commit }, params) => {\r\n\treturn api.getBookFilterLesson(params).then(res => {\r\n        let result = res.list ? res.list : []\r\n\t\t!params.scrollData && commit(types.SET_BOOK_LESSON_FILTER_RESULT, result)\r\n        return res\r\n\t})\r\n}\r\n\r\nconst acGetBookActiveLearning = ({ commit }, params) => {\r\n\t// return api.getBookFilterPageLinks(params).then(res => {\r\n\treturn api.getListBookActiveLearning(params).then(res => {\r\n        let result = res.list ? res.list : []\r\n\t\t!params.scrollData && commit(types.SET_BOOK_ACTIVE_LEARNING, result)\r\n        return res\r\n\t})\r\n}\r\n\r\nconst acResetInitialState = ({ commit }, state) => {\r\n    commit(types.RESET_STATE, state)\r\n}\r\n\r\nconst actionSetValueListAtvLearn = ({ commit }, state) => {\r\n    commit(types.SET_BOOK_ACTIVE_LEARNING, state)\r\n}\r\n\r\nexport default {\r\n    getClasses,\r\n    setParamSearchLesson,\r\n    setBookIdActiveSuccess,\r\n    acSetParamFilterBook,\r\n    acSetParamFilterBookLesson,\r\n    acGetBookOfPageLinks,\r\n    acGetBookOfLessons,\r\n    acResetBookFilterLib,\r\n    acResetInitialState,\r\n    acSetParamActiveLearning,\r\n    acGetBookActiveLearning,\r\n    actionSetValueListAtvLearn\r\n};","const classes = state => state.classes;\r\nconst paramSearchLessons = state => state.paramSearchLessons;\r\n\r\nexport default {\r\n    classes,\r\n    paramSearchLessons\r\n};","import * as types from './constants';\r\n\r\nexport default {\r\n    // Set classes\r\n    [types.GET_CLASSES](state, data) {\r\n        state.classes = data;\r\n    },\r\n\r\n    [types.SET_PARAMS_SEARCH_LESSONS](state, data) {\r\n        state.paramSearchLessons = data;\r\n    },\r\n\r\n    [types.HANDLE_ACTICE_BOOK_SUCCESS](state, data) {\r\n        state.bookIdActiveSuccess = data;\r\n    },\r\n\r\n    [types.SET_PARAMS_FILTER_BOOK](state, data) {\r\n        state.paramFilterBook = data;\r\n    },\r\n\r\n    [types.SET_PARAMS_FILTER_BOOK_LESSON](state, data) {\r\n        state.paramFilterBookLesson = data;\r\n    },\r\n    \r\n    [types.SET_PARAMS_ACTIVE_LEARNING](state, data) {\r\n        state.paramActiveLearning = data;\r\n    },\r\n\r\n    [types.SET_BOOK_PAGE_LINK_FILTER_RESULT](state, data) {\r\n        state.resultBookPageLinkFilter = data;\r\n    },\r\n\r\n    [types.SET_BOOK_LESSON_FILTER_RESULT](state, data) {\r\n        state.resultBookLessonFilter = data;\r\n    },\r\n\r\n    [types.SET_BOOK_ACTIVE_LEARNING](state, data) {\r\n        state.resultBookActiveLearning = data;\r\n    },\r\n\r\n    [types.RESET_STATE](state, data) {\r\n        for (const key in data) {\r\n            // console.log('reset state', key, data[key]);\r\n            state[key] = data[key]\r\n        }\r\n    },\r\n};","import actions from './actions';\r\nimport getters from './getters';\r\nimport mutations from './mutations';\r\nimport { TAB_MEDIA_PAGE_LINK } from './constants'\r\n\r\nconst initialState = {\r\n    classes: [],\r\n    paramSearchLessons: { bookId: 0, bookIndexId: 0, subjectId: 0, bookGroupId: 0, classId: 1, bookLessonPlanTypeId: 0, pageLinkGroupId: 0, keyword: '', filterType: TAB_MEDIA_PAGE_LINK, className: '', pageIndex: 1, pageSize: 12, sort: '', direction: '' },\r\n    bookIdActiveSuccess: 0,\r\n    paramFilterBook: {subjectId: 0, bookGroupId: 0, classId: 0, pagelinkTypeId: 0, pageIndex: 1, pageSize: 12, pageLinkGroupId: 0, scrollData: false},\r\n    paramFilterBookLesson: {subjectId: 0, bookGroupId: 0, classId: 0, lessonGroupId: 0, pageIndex: 1, pageSize: 12, bookLessonPlanTypeId: 0, scrollData: false},\r\n    paramActiveLearning: {subjectId: 0, bookGroupId: 0, classId: 0, lessonGroupId: 0, pageIndex: 1, pageSize: 12, bookLessonPlanTypeId: 0, scrollData: false},\r\n    resultBookPageLinkFilter: [],\r\n    resultBookLessonFilter: [],\r\n    resultBookActiveLearning: []\r\n}\r\nconst { classes, paramSearchLessons, bookIdActiveSuccess, paramFilterBook, paramFilterBookLesson, paramActiveLearning, resultBookPageLinkFilter, resultBookLessonFilter, resultBookActiveLearning } = initialState\r\nconst state = {classes, paramSearchLessons, bookIdActiveSuccess, paramFilterBook, paramFilterBookLesson, paramActiveLearning, resultBookPageLinkFilter, resultBookLessonFilter, resultBookActiveLearning}\r\n\r\nexport default {\r\n    namespaced: true,\r\n    state,\r\n    actions,\r\n    getters,\r\n    mutations,\r\n    initialState\r\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"library\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/thu-vien\"}},[_vm._v(\"Thư viện\")])],1)])])]),_c('div',{staticClass:\"ss-banner ss-banner--shadow-img ss-banner--ebook ss-banner--not-bg\"},[_c('div',{staticClass:\"container-hts\"},[(_vm.isMobile && _vm.dataConfigFilter && _vm.dataConfigFilter.length)?_c('FilterMobile',{attrs:{\"classes\":_vm.dataConfigFilter,\"selectClass\":_vm.classActive,\"types\":[{ id: _vm.tabPageLinks, name: 'Học liệu điện tử' }, { id: _vm.tabLesson, name: 'Bài giảng điện tử' }, { id: _vm.tabActiveLearning, name: 'Chương trình học chủ động' }]},on:{\"search\":_vm.handleFilterData,\"searchClass\":_vm.filterDataClassInMobile,\"searchTab\":_vm.filterLibByTab}}):_c('div',{staticClass:\"ss-banner__wrap display-flex-end justify-content-between\"},[(_vm.dataConfigFilter && _vm.dataConfigFilter.length)?_c('div',{staticClass:\"ss-banner__classes\"},[_c('span',{staticClass:\"ss-banner__classes__name\"},[_vm._v(\"Lớp\")]),_c('ul',{staticClass:\"ss-banner__classes__list p-0 margin-0\"},_vm._l((_vm.dataConfigFilter),function(item,index){return _c('li',{key:(\"class_\" + index)},[_c('a',{staticClass:\"height-100\",class:{ 'active': item.classId == _vm.classActive },attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.filterDataLibsByClass(item, index)}}},[(item.classId == _vm.classActive)?_c('img',{attrs:{\"src\":require(\"@/assets/images/bg-number.png\"),\"alt\":item.classNo}}):_vm._e(),_c('span',{staticClass:\"font-sanpro-bold\",class:{ 'mn': item.name == 'Mầm non' }},[_vm._v(_vm._s(_vm.formatName(item.name)))])])])}),0)]):_vm._e()])],1)]),_c('div',{staticClass:\"ss-data\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"library__wrap display-flex justify-content-between\"},[_c('div',{staticClass:\"library__data\"},[(!_vm.isMobile)?_c('div',{staticClass:\"library__data__head tabs-tooltip display-flex-center justify-content-between\"},[_c('b-tabs',{staticClass:\"border-0\"},[_c('b-tab',{attrs:{\"title\":\"Học liệu điện tử (Phiên bản 1.0)\",\"active\":!_vm.routerQuery.tab || (_vm.routerQuery.tab && _vm.routerQuery.tab.toString() === _vm.tabPageLinks.toString())},on:{\"click\":function($event){return _vm.filterLibByTab(_vm.tabPageLinks)}}}),_c('b-tab',{attrs:{\"title\":\"Bài giảng điện tử (Phiên bản 1.0)\",\"active\":_vm.routerQuery.tab && _vm.routerQuery.tab.toString() === _vm.tabLesson.toString()},on:{\"click\":function($event){return _vm.filterLibByTab(_vm.tabLesson)}}}),_c('b-tab',{attrs:{\"title\":\"Chương trình học chủ động\",\"active\":_vm.routerQuery.tab && _vm.routerQuery.tab.toString() === _vm.tabActiveLearning.toString()},on:{\"click\":function($event){return _vm.filterLibByTab(_vm.tabActiveLearning)}}})],1),_c('div',{staticClass:\"library__data__head__collapse\"},[_c('a',{staticClass:\"btn-collapse btn border-rd-20 font-size-15 primary-color\",class:{ 'btn-main': _vm.openCollapseFilterKey, 'btn-main-light': !_vm.openCollapseFilterKey },attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleCollapseKeyword}},[_c('i',{staticClass:\"icon-search margin-0\",class:{ 'color-light': _vm.openCollapseFilterKey, 'primary-color': !_vm.openCollapseFilterKey }})]),_c('a',{staticClass:\"btn-collapse btn border-rd-20 font-size-15 filter-btn\",class:{ 'btn-main': _vm.openCollapseFilterGroup, 'btn-main-light': !_vm.openCollapseFilterGroup },attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleCollapseGroup}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tBộ lọc \"),_c('i',{staticClass:\"icon-arrow-down font-size-12\",class:{ 'color-light': _vm.openCollapseFilterGroup, 'primary-color': !_vm.openCollapseFilterGroup }})])])],1):_vm._e(),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse_filter_keyword\",\"visible\":_vm.openCollapseFilterKey}},[_c('div',{staticClass:\"library__data__filter display-flex-center justify-content-between\"},[_c('div',{staticClass:\"library__data__filter__keyword\"},[_c('div',{staticClass:\"input-custom-icon\"},[_c('input',{staticClass:\"color_bg_gray_light border-0 border-rd-20\",attrs:{\"type\":\"text\",\"placeholder\":\"Tìm kiếm\"},on:{\"input\":_vm.handleSearchByKeyword}}),_c('i',{staticClass:\"icon-search primary-color\"})])])])]),_c('b-collapse',{staticClass:\"mt-2\",attrs:{\"id\":\"collapse_filter\",\"visible\":_vm.openCollapseFilterGroup}},[_c('FilterCollapse',{on:{\"search\":_vm.handleFilterData}})],1),_c('div',{staticClass:\"library__book\"},[(_vm.keyFilterBox && _vm.keyFilterBox.includes(_vm.paramSearchLessons.filterType))?_c('div',{staticClass:\"electronic-lecture__head filter-result__head display-flex-center justify-content-between\"},[_c('h2',{staticClass:\"primary-color-txt font-size-24 font-sanpro-semibold\"},[_vm._v(\"Học liệu theo mục\\n\\t\\t\\t\\t\\t\\t\\t\\t\\tlục\")])]):_vm._e(),(!_vm.$route.query.tab || parseInt(_vm.$route.query.tab) === _vm.tabPageLinks)?_c('ResultBookFilter',{attrs:{\"typeLoading\":_vm.tabPageLinks,\"dataSource\":_vm.resultBookPageLinkFilter}}):_vm._e(),(_vm.$route.query.tab && parseInt(_vm.$route.query.tab) === _vm.tabLesson)?_c('ResultBookFilter',{attrs:{\"typeLoading\":_vm.tabLesson,\"dataSource\":_vm.resultBookLessonFilter}}):_vm._e(),(_vm.$route.query.tab && parseInt(_vm.$route.query.tab) === _vm.tabActiveLearning)?_c('ResultBookFilter',{attrs:{\"typeLoading\":_vm.tabActiveLearning,\"dataSource\":_vm.resultBookActiveLearning}}):_vm._e(),(_vm.keyFilterBox && (\n\t\t\t\t\t(_vm.keyFilterBox.includes(_vm.tabPageLinks) && _vm.paramSearchLessons.filterType === _vm.tabPageLinks && _vm.resultBookPageLinkFilter.length === 0) ||\n\t\t\t\t\t(_vm.paramSearchLessons.filterType === _vm.tabLesson && _vm.keyFilterBox.includes(_vm.tabLesson) && _vm.resultBookLessonFilter.length === 0) ||\n\t\t\t\t\t(_vm.paramSearchLessons.filterType === _vm.tabActiveLearning && _vm.keyFilterBox.includes(_vm.tabActiveLearning) && _vm.resultBookActiveLearning.length === 0)))?_c('p',{staticClass:\"font-size-22 secondary-color-txt text-center\"},[_vm._v(\"Không tìm thấy dữ liệu phù hợp\\n\\t\\t\\t\\t\\t\\t\\t\")]):_vm._e()],1),_c('div',{staticClass:\"library__list\"},[(_vm.librariesData && !_vm.isEmptyAllData)?_c('SectionListItem',{attrs:{\"dataSource\":_vm.librariesData,\"tab\":_vm.tabActive}}):(_vm.isEmptyAllData && ((_vm.paramSearchLessons.filterType === _vm.tabPageLinks && _vm.resultBookPageLinkFilter.length === 0) || (_vm.paramSearchLessons.filterType === _vm.tabLesson && _vm.resultBookLessonFilter.length === 0) || (_vm.paramSearchLessons.filterType === _vm.tabLesson && _vm.resultBookActiveLearning.length === 0)) )?_c('p',{staticClass:\"font-size-22 secondary-color-txt text-center\",staticStyle:{\"margin-top\":\"50px\"}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\tDữ liệu đang cập nhật!\\n\\t\\t\\t\\t\\t\\t\\t\")]):_vm._e()],1)],1)])])])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<transition name=\"fade\">\r\n\t\t<div class=\"library\">\r\n\t\t\t<div class=\"ss-breadcrumb\">\r\n\t\t\t\t<div class=\"container-hts\">\r\n\t\t\t\t\t<ul class=\"margin-0 p-0\">\r\n\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t<router-link to=\"/thu-vien\">Thư viện</router-link>\r\n\t\t\t\t\t\t</li>\r\n\t\t\t\t\t</ul>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"ss-banner ss-banner--shadow-img ss-banner--ebook ss-banner--not-bg\">\r\n\t\t\t\t<div class=\"container-hts\">\r\n\t\t\t\t\t<FilterMobile v-if=\"isMobile && dataConfigFilter && dataConfigFilter.length\"\r\n\t\t\t\t\t\t:classes=\"dataConfigFilter\" :selectClass=\"classActive\"\r\n\t\t\t\t\t\t:types=\"[{ id: tabPageLinks, name: 'Học liệu điện tử' }, { id: tabLesson, name: 'Bài giảng điện tử' }, { id: tabActiveLearning, name: 'Chương trình học chủ động' }]\"\r\n\t\t\t\t\t\t@search=\"handleFilterData\" @searchClass=\"filterDataClassInMobile\" @searchTab=\"filterLibByTab\" />\r\n\t\t\t\t\t<div v-else class=\"ss-banner__wrap display-flex-end justify-content-between\">\r\n\t\t\t\t\t\t<div class=\"ss-banner__classes\" v-if=\"dataConfigFilter && dataConfigFilter.length\">\r\n\t\t\t\t\t\t\t<span class=\"ss-banner__classes__name\">Lớp</span>\r\n\t\t\t\t\t\t\t<ul class=\"ss-banner__classes__list p-0 margin-0\">\r\n\t\t\t\t\t\t\t\t<li v-for=\"(item, index) of dataConfigFilter\" :key=\"`class_${index}`\">\r\n\t\t\t\t\t\t\t\t\t<a href=\"javascript:;\" class=\"height-100\"\r\n\t\t\t\t\t\t\t\t\t\t:class=\"{ 'active': item.classId == classActive }\"\r\n\t\t\t\t\t\t\t\t\t\t@click=\"filterDataLibsByClass(item, index)\">\r\n\t\t\t\t\t\t\t\t\t\t<img v-if=\"item.classId == classActive\" src=\"@/assets/images/bg-number.png\"\r\n\t\t\t\t\t\t\t\t\t\t\t:alt=\"item.classNo\" />\r\n\t\t\t\t\t\t\t\t\t\t<span :class=\"{ 'mn': item.name == 'Mầm non' }\" class=\"font-sanpro-bold\">{{\r\n\t\t\t\t\t\tformatName(item.name) }}</span>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"ss-data\">\r\n\t\t\t\t<div class=\"container-hts\">\r\n\t\t\t\t\t<div class=\"library__wrap display-flex justify-content-between\">\r\n\t\t\t\t\t\t<!-- <Sidebar :dataSubject=\"dataSubject\" /> -->\r\n\t\t\t\t\t\t<div class=\"library__data\">\r\n\t\t\t\t\t\t\t<div v-if=\"!isMobile\"\r\n\t\t\t\t\t\t\t\tclass=\"library__data__head tabs-tooltip display-flex-center justify-content-between\">\r\n\t\t\t\t\t\t\t\t<b-tabs class=\"border-0\">\r\n\t\t\t\t\t\t\t\t\t<b-tab title=\"Học liệu điện tử (Phiên bản 1.0)\"\r\n\t\t\t\t\t\t\t\t\t\t:active=\"!routerQuery.tab || (routerQuery.tab && routerQuery.tab.toString() === tabPageLinks.toString())\"\r\n\t\t\t\t\t\t\t\t\t\t@click=\"filterLibByTab(tabPageLinks)\"></b-tab>\r\n\t\t\t\t\t\t\t\t\t<b-tab title=\"Bài giảng điện tử (Phiên bản 1.0)\"\r\n\t\t\t\t\t\t\t\t\t\t:active=\"routerQuery.tab && routerQuery.tab.toString() === tabLesson.toString()\"\r\n\t\t\t\t\t\t\t\t\t\t@click=\"filterLibByTab(tabLesson)\"></b-tab>\r\n\t\t\t\t\t\t\t\t\t<b-tab title=\"Chương trình học chủ động\"\r\n\t\t\t\t\t\t\t\t\t\t:active=\"routerQuery.tab && routerQuery.tab.toString() === tabActiveLearning.toString()\"\r\n\t\t\t\t\t\t\t\t\t\t@click=\"filterLibByTab(tabActiveLearning)\"></b-tab>\r\n\t\t\t\t\t\t\t\t\t<!-- <b-tab title=\"Thiết bị dạy học\"></b-tab> -->\r\n\t\t\t\t\t\t\t\t</b-tabs>\r\n\t\t\t\t\t\t\t\t<div class=\"library__data__head__collapse\">\r\n\t\t\t\t\t\t\t\t\t<a @click=\"toggleCollapseKeyword\" href=\"javascript:;\"\r\n\t\t\t\t\t\t\t\t\t\tclass=\"btn-collapse btn border-rd-20 font-size-15 primary-color\"\r\n\t\t\t\t\t\t\t\t\t\t:class=\"{ 'btn-main': openCollapseFilterKey, 'btn-main-light': !openCollapseFilterKey }\">\r\n\t\t\t\t\t\t\t\t\t\t<i class=\"icon-search margin-0\"\r\n\t\t\t\t\t\t\t\t\t\t\t:class=\"{ 'color-light': openCollapseFilterKey, 'primary-color': !openCollapseFilterKey }\"></i>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t\t<a href=\"javascript:;\" @click=\"toggleCollapseGroup\"\r\n\t\t\t\t\t\t\t\t\t\tclass=\"btn-collapse btn border-rd-20 font-size-15 filter-btn\"\r\n\t\t\t\t\t\t\t\t\t\t:class=\"{ 'btn-main': openCollapseFilterGroup, 'btn-main-light': !openCollapseFilterGroup }\">\r\n\t\t\t\t\t\t\t\t\t\tBộ lọc <i class=\"icon-arrow-down font-size-12\"\r\n\t\t\t\t\t\t\t\t\t\t\t:class=\"{ 'color-light': openCollapseFilterGroup, 'primary-color': !openCollapseFilterGroup }\"></i>\r\n\t\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<!-- <a v-b-toggle.collapse_filter class=\"btn-collapse btn btn-main-light border-rd-20 font-size-15 primary-color\">Bộ lọc <i class=\"icon-arrow-down font-size-12\"></i></a> -->\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<b-collapse id=\"collapse_filter_keyword\" class=\"mt-2\" :visible=\"openCollapseFilterKey\">\r\n\t\t\t\t\t\t\t\t<div class=\"library__data__filter display-flex-center justify-content-between\">\r\n\t\t\t\t\t\t\t\t\t<div class=\"library__data__filter__keyword\">\r\n\t\t\t\t\t\t\t\t\t\t<div class=\"input-custom-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t<!-- v-model.lazy=\"keyword\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tv-debounce=\"300\" -->\r\n\t\t\t\t\t\t\t\t\t\t\t<input type=\"text\" class=\"color_bg_gray_light border-0 border-rd-20\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tplaceholder=\"Tìm kiếm\" @input=\"handleSearchByKeyword\" />\r\n\t\t\t\t\t\t\t\t\t\t\t<i class=\"icon-search primary-color\"></i>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t<!-- <div class=\"library__data__filter__sort\"> -->\r\n\t\t\t\t\t\t\t\t\t<!-- <a href=\"javascript:;\" class=\"secondary-color-txt\" @click=\"handleFilterSort\">Sắp xếp theo tên <i class=\"secondary-color-txt font-size-14\" :class=\"{'icon-arrow-up': paramSearchLessons.direction === 'desc', 'icon-arrow-down': paramSearchLessons.direction === 'asc'}\"></i></a> -->\r\n\t\t\t\t\t\t\t\t\t<!-- <select name=\"sort\" class=\"border-0 secondary-color-txt\">\r\n\t\t\t\t\t\t\t\t\t\t<option value=\"name\">Sắp xếp theo tên</option>\r\n\t\t\t\t\t\t\t\t\t\t</select> -->\r\n\t\t\t\t\t\t\t\t\t<!-- </div> -->\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</b-collapse>\r\n\t\t\t\t\t\t\t<b-collapse id=\"collapse_filter\" class=\"mt-2\" :visible=\"openCollapseFilterGroup\">\r\n\t\t\t\t\t\t\t\t<FilterCollapse @search=\"handleFilterData\" />\r\n\t\t\t\t\t\t\t</b-collapse>\r\n\t\t\t\t\t\t\t<div class=\"library__book\">\r\n\t\t\t\t\t\t\t\t<div v-if=\"keyFilterBox && keyFilterBox.includes(paramSearchLessons.filterType)\"\r\n\t\t\t\t\t\t\t\t\tclass=\"electronic-lecture__head filter-result__head display-flex-center justify-content-between\">\r\n\t\t\t\t\t\t\t\t\t<h2 class=\"primary-color-txt font-size-24 font-sanpro-semibold\">Học liệu theo mục\r\n\t\t\t\t\t\t\t\t\t\tlục</h2>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t<ResultBookFilter\r\n\t\t\t\t\t\t\t\t\tv-if=\"!$route.query.tab || parseInt($route.query.tab) === tabPageLinks\"\r\n\t\t\t\t\t\t\t\t\t:typeLoading=\"tabPageLinks\" :dataSource=\"resultBookPageLinkFilter\" />\r\n\t\t\t\t\t\t\t\t<ResultBookFilter v-if=\"$route.query.tab && parseInt($route.query.tab) === tabLesson\"\r\n\t\t\t\t\t\t\t\t\t:typeLoading=\"tabLesson\" :dataSource=\"resultBookLessonFilter\" />\r\n\t\t\t\t\t\t\t\t<ResultBookFilter\r\n\t\t\t\t\t\t\t\t\tv-if=\"$route.query.tab && parseInt($route.query.tab) === tabActiveLearning\"\r\n\t\t\t\t\t\t\t\t\t:typeLoading=\"tabActiveLearning\" :dataSource=\"resultBookActiveLearning\" />\r\n\t\t\t\t\t\t\t\t<p v-if=\"keyFilterBox && (\r\n\t\t\t\t\t\t(keyFilterBox.includes(tabPageLinks) && paramSearchLessons.filterType === tabPageLinks && resultBookPageLinkFilter.length === 0) ||\r\n\t\t\t\t\t\t(paramSearchLessons.filterType === tabLesson && keyFilterBox.includes(tabLesson) && resultBookLessonFilter.length === 0) ||\r\n\t\t\t\t\t\t(paramSearchLessons.filterType === tabActiveLearning && keyFilterBox.includes(tabActiveLearning) && resultBookActiveLearning.length === 0))\"\r\n\t\t\t\t\t\t\t\t\tclass=\"font-size-22 secondary-color-txt text-center\">Không tìm thấy dữ liệu phù hợp\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<div class=\"library__list\">\r\n\t\t\t\t\t\t\t\t<SectionListItem v-if=\"librariesData && !isEmptyAllData\" :dataSource=\"librariesData\"\r\n\t\t\t\t\t\t\t\t\t:tab=\"tabActive\" />\r\n\t\t\t\t\t\t\t\t<p v-else-if=\"isEmptyAllData && ((paramSearchLessons.filterType === tabPageLinks && resultBookPageLinkFilter.length === 0) || (paramSearchLessons.filterType === tabLesson && resultBookLessonFilter.length === 0) || (paramSearchLessons.filterType === tabLesson && resultBookActiveLearning.length === 0)) \"\r\n\t\t\t\t\t\t\t\t\tclass=\"font-size-22 secondary-color-txt text-center\" style=\"margin-top: 50px;\">\r\n\t\t\t\t\t\t\t\t\tDữ liệu đang cập nhật!\r\n\t\t\t\t\t\t\t\t</p>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</transition>\r\n</template>\r\n\r\n<script>\r\nimport { STORE_KEY, TAB_MEDIA_PAGE_LINK, TAB_LESSON, TAB_ACTIVE_LEARNING } from \"../_store/constants\";\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport { getDataSubportFilter, getLessonsPlan, getMediaListInLibs, getLibrariesData, getListActiveLearningHome } from './../_api/'\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\n// import debounce from '@/directives/debounce'\r\nimport { debounce } from 'debounce'\r\n\r\nexport default {\r\n\tname: \"ViewLibrary\",\r\n\tcomponents: {\r\n\t\tvueCustomScrollbar,\r\n\t\tSectionListItem: () => import('./../_components/list/SectionListItem.vue'),\r\n\t\tSidebar: () => import('./../_components/list/Sidebar.vue'),\r\n\t\tFilterCollapse: () => import('./../_components/list/FilterCollapse.vue'),\r\n\t\tResultBookFilter: () => import('./../_components/list/ResultBookFilter.vue'),\r\n\t\tFilterMobile: () => import('./../_components/list/FilterMobile.vue')\r\n\t},\r\n\t// directives: { debounce },\r\n\tdata() {\r\n\t\treturn {\r\n\t\t\ttabActive: 0,\r\n\t\t\ttabPageLinks: TAB_MEDIA_PAGE_LINK,\r\n\t\t\ttabLesson: TAB_LESSON,\r\n\t\t\ttabActiveLearning: TAB_ACTIVE_LEARNING,\r\n\t\t\tdataConfigFilter: [],\r\n\t\t\tdataSubject: [],\r\n\t\t\tclassActive: 1,\r\n\t\t\tlibrariesData: [],\r\n\t\t\tdataLibFetch: [],\r\n\t\t\tisCreated: true, // for replace router\r\n\t\t\tisEmptyAllData: false,\r\n\t\t\tkeyFilterBox: [],\r\n\t\t\topenCollapseFilterGroup: false,\r\n\t\t\topenCollapseFilterKey: false,\r\n\t\t\tkeyword: '',\r\n\t\t\twindowWidth: 0\r\n\t\t};\r\n\t},\r\n\tcomputed: {\r\n\t\t...mapState(STORE_KEY, ['paramSearchLessons', 'resultBookPageLinkFilter', 'resultBookLessonFilter', 'resultBookActiveLearning']),\r\n\t\trouterQuery() {\r\n\t\t\treturn this.$route.query;\r\n\t\t},\r\n\t\tisMobile() {\r\n\t\t\treturn this.windowWidth < 991 ? true : false;\r\n\t\t}\r\n\t},\r\n\twatch: {\r\n\t\t'paramSearchLessons': 'getLibsData',\r\n\t\tkeyword: 'handleFilterKeyword'\r\n\t},\r\n\tmounted() {\r\n\t\t// this.acGetBookActiveLearning([])\r\n\t\tthis.$nextTick(function () {\r\n\t\t\twindow.addEventListener('resize', this.getWindowWidth);\r\n\t\t\t//Init\r\n\t\t\tthis.getWindowWidth()\r\n\r\n\t\t\t// if(this.$route.query.lop){\r\n\t\t\t// \tconsole.log('123123:'+this.$route.query.lop)\r\n\t\t\t// \tthis.setParamSearchLesson({...this.paramSearchLessons,classId:this.$route.query.lop, sort: '' , direction: '', pageIndex: 1,pageSize:24 });\r\n\t\t\t// }\r\n\t\t\t// else{\r\n\t\t\t// \tthis.setParamSearchLesson({...this.paramSearchLessons, sort: '' , direction: '', pageIndex: 1,pageSize:24 });\r\n\t\t\t// }\r\n\t\t})\r\n\r\n\r\n\t\t// Reset book result searched\r\n\t\tthis.initPage();\r\n\t\tthis.acResetBookFilterLib()\r\n\t},\r\n\tbeforeDestroy() {\r\n\t\tthis.setParamSearchLesson({ ...this.paramSearchLessons, pageIndex: 1 });\r\n\t},\r\n\tmethods: {\r\n\t\t...mapActions(\"common\", [\"setLoading\", 'acToggleModalActiveBook']),\r\n\t\t...mapActions(STORE_KEY, [\"setParamSearchLesson\", 'acResetBookFilterLib', 'acGetBookActiveLearning']),\r\n\r\n\t\tinitPage() {\r\n\t\t\tlet query = this.routerQuery;\r\n\t\t\tlet classActived = query.lop && query.lop !== 0 ? parseInt(query.lop) : 1\r\n\t\t\tthis.tabActive = query.tab ? query.tab : TAB_MEDIA_PAGE_LINK;\r\n\t\t\tconsole.log(classActived)\r\n\t\t\tthis.getClassSubjectForFilter(classActived);\r\n\r\n\t\t\tif (query.lop && query.lop !== 0) {\r\n\t\t\t\tthis.classActive = query.lop;\r\n\t\t\t}\r\n\t\t},\r\n\t\tformatName(name) {\r\n\t\t\tif (name == 'Mầm non') {\r\n\t\t\t\treturn name\r\n\t\t\t}\r\n\t\t\treturn name.substring(4)\r\n\t\t},\r\n\t\tgetWindowWidth(event) {\r\n\t\t\tthis.windowWidth = window.innerWidth\r\n\t\t},\r\n\r\n\t\tgetClassSubjectForFilter(classId = 1) {\r\n\t\t\tlet self = this;\r\n\t\t\t// self.setLoading(true);\r\n\t\t\tgetDataSubportFilter(classId).then(res => {\r\n\t\t\t\tif (res && res.data && !res.errors) {\r\n\t\t\t\t\tself.dataConfigFilter = res.data;\r\n\t\t\t\t\tlet indexClassActive = res.data.findIndex(cl => cl.classId === parseInt(classId));\r\n\t\t\t\t\tif (indexClassActive > -1) {\r\n\t\t\t\t\t\tself.dataSubject = res.data[indexClassActive].subjects;\r\n\t\t\t\t\t\tself.classActive = classId;\r\n\t\t\t\t\t\tif ((!self.routerQuery.lop || self.routerQuery.lop === 0) && self.isCreated) {\r\n\t\t\t\t\t\t\tself.setParamSearchLesson({ ...self.paramSearchLessons, classId, bookLessonPlanTypeId: 0, documentTypeId: 0, bookIndexId: 0, subjectId: 0, className: res.data[indexClassActive].name });\r\n\t\t\t\t\t\t\tself.isCreated = false;\r\n\t\t\t\t\t\t} else if (self.isCreated && (!self.routerQuery.mon || parseInt(self.routerQuery.mon) === 0) && (!self.routerQuery.nhom || parseInt(self.routerQuery.nhom) === 0)) {\r\n\t\t\t\t\t\t\tself.setParamSearchLesson({ ...self.paramSearchLessons, className: res.data[indexClassActive].name, classId: parseInt(self.routerQuery.lop), documentTypeId: 0 });\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t\t// .finally(() => self.setLoading(false));\r\n\t\t},\r\n\r\n\t\tfilterDataClassInMobile(data) {\r\n\t\t\tthis.filterDataLibsByClass(data.classItem, data.index)\r\n\t\t},\r\n\r\n\t\tfilterDataLibsByClass(classItem, index) {\r\n\t\t\tthis.classActive = classItem.classId;\r\n\t\t\tthis.$router.replace({ query: { lop: classItem.classId, tab: this.tabActive } });\r\n\r\n\t\t\tthis.setParamSearchLesson({ ...this.paramSearchLessons, classId: classItem.classId, className: classItem.name, subjectId: 0 });\r\n\t\t},\r\n\r\n\t\tgetLibsData() {\r\n\t\t\tlet self = this\r\n\t\t\tif (!self.paramSearchLessons.classId) {\r\n\t\t\t\treturn\r\n\t\t\t}\r\n\t\t\t// self.setLoading(true)\r\n\r\n\t\t\tswitch (parseInt(self.tabActive)) {\r\n\t\t\t\tcase TAB_MEDIA_PAGE_LINK:\r\n\t\t\t\t\tself.getLibsMedias()\r\n\t\t\t\t\tbreak\r\n\t\t\t\tcase TAB_LESSON:\r\n\t\t\t\t\tself.getLibsLesson()\r\n\t\t\t\t\tbreak\r\n\t\t\t\tcase TAB_ACTIVE_LEARNING:\r\n\t\t\t\t\tself.getLibsAvtLearning()\r\n\t\t\t\t\tbreak\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\tgetLibsLesson() {\r\n\t\t\tlet self = this;\r\n\r\n\t\t\tgetLessonsPlan(self.paramSearchLessons).then(res => {\r\n\t\t\t\tif (res && res.data && res.data.list && !res.errors) {\r\n\t\t\t\t\tself.librariesData = res.data.list;\r\n\t\t\t\t\t// console.log('typeof 1', typeof self.librariesData );\r\n\r\n\t\t\t\t\tself.checkEmptyAllData(res.data.list);\r\n\t\t\t\t}\r\n\t\t\t}).finally(() => self.setLoading(false));\r\n\t\t},\r\n\r\n\t\tgetLibsMedias() {\r\n\t\t\tlet self = this;\r\n\t\t\tgetMediaListInLibs(self.paramSearchLessons).then(res => {\r\n\t\t\t\tif (res && res.data && res.data.list && !res.errors) {\r\n\t\t\t\t\tself.librariesData = res.data.list;\r\n\t\t\t\t\t// console.log('typeof 2', typeof self.librariesData );\r\n\t\t\t\t\tself.checkEmptyAllData(res.data.list);\r\n\t\t\t\t}\r\n\t\t\t}).finally(() => self.setLoading(false));\r\n\t\t},\r\n\r\n\t\tgetLibsAvtLearning() {\r\n\t\t\tlet self = this;\r\n\t\t\t// console.log('self.paramSearchLessons', self.paramSearchLessons);\r\n\t\t\tgetListActiveLearningHome(self.paramSearchLessons).then(res => {\r\n\t\t\t\tif (res && res.data && res.data.list && !res.errors) {\r\n\t\t\t\t\tself.librariesData = res.data.list;\r\n\t\t\t\t\t// console.log('typeof 123', res.data.list);\r\n\r\n\t\t\t\t\tself.checkEmptyAllData(res.data.list);\r\n\t\t\t\t}\r\n\t\t\t}).finally(() => self.setLoading(false));\r\n\t\t},\r\n\r\n\t\tcheckEmptyAllData(data) {\r\n\t\t\t// console.log('vaoo day khong', data);\r\n\t\t\tlet self = this;\r\n\t\t\tself.isEmptyAllData = false;\r\n\t\t\tlet countData = data.length;\r\n\t\t\tlet numDataEmpty = 0;\r\n\t\t\tdata.map(group => {\r\n\t\t\t\tif (!group.count || parseInt(group.count) === 0) {\r\n\t\t\t\t\tnumDataEmpty += 1;\r\n\t\t\t\t}\r\n\t\t\t\tif (numDataEmpty === countData) {\r\n\r\n\t\t\t\t\t// if(self.tabAtvLearning === 3){\r\n\t\t\t\t\t// \tself.isEmptyAllData = false;\r\n\t\t\t\t\t// } else{ \r\n\t\t\t\t\tself.isEmptyAllData = true;\r\n\t\t\t\t\t// }\r\n\t\t\t\t}\r\n\t\t\t})\r\n\t\t},\r\n\r\n\t\tfilterLibByTab(tab) {\r\n\t\t\t// console.log('tabbbb', tab);\r\n\t\t\t// console.log('routerQuery.tab', this.routerQuery.tab);\r\n\t\t\tlet self = this;\r\n\t\t\tlet tabCurr = this.$route.query.tab ? parseInt(this.$route.query.tab) : 1\r\n\t\t\tif (parseInt(tab) !== tabCurr) {\r\n\t\t\t\tthis.tabActive = parseInt(tab);\r\n\t\t\t\tthis.librariesData = []\r\n\t\t\t\tthis.$router.replace({ query: { ...this.routerQuery, tab } });\r\n\t\t\t\tswitch (tab) {\r\n\t\t\t\t\tcase TAB_LESSON:\r\n\t\t\t\t\t\tthis.setParamSearchLesson({ ...this.paramSearchLessons, filterType: tab, bookGroupId: 0, subjectId: 0 });\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase TAB_MEDIA_PAGE_LINK:\r\n\t\t\t\t\t\tthis.setParamSearchLesson({ ...this.paramSearchLessons, filterType: tab, bookGroupId: 0, subjectId: 0 });\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t\tcase TAB_ACTIVE_LEARNING:\r\n\t\t\t\t\t\t// console.log('vao tab active learing');\r\n\t\t\t\t\t\tthis.setParamSearchLesson({ ...this.paramSearchLessons, filterType: tab, bookGroupId: 0, subjectId: 0 });\r\n\t\t\t\t\t\tbreak;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\r\n\t\thandleFilterData(val) {\r\n\t\t\t!this.keyFilterBox.includes(val) && this.keyFilterBox.push(val)\r\n\t\t},\r\n\r\n\t\ttoggleCollapseGroup() {\r\n\t\t\tthis.openCollapseFilterGroup = !this.openCollapseFilterGroup\r\n\t\t},\r\n\r\n\t\ttoggleCollapseKeyword() {\r\n\t\t\tthis.openCollapseFilterKey = !this.openCollapseFilterKey\r\n\t\t},\r\n\r\n\t\thandleFilterKeyword(val) {\r\n\t\t\tthis.setParamSearchLesson({ ...this.paramSearchLessons, keyword: val });\r\n\t\t},\r\n\r\n\t\thandleSearchByKeyword: debounce(function (e) {\r\n\t\t\tthis.setParamSearchLesson({ ...this.paramSearchLessons, keyword: e.target.value });\r\n\t\t}, 300),\r\n\r\n\t\thandleFilterSort() {\r\n\t\t\tthis.setParamSearchLesson({ ...this.paramSearchLessons, direction: this.paramSearchLessons.direction === 'desc' ? 'asc' : 'desc', pageIndex: 1 })\r\n\t\t}\r\n\t}\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"./../../../assets/scss/variables\";\r\n@import \"./../../../assets/scss/mixins\";\r\n@import \"./../../../assets/scss/general\";\r\n\r\n.height-100 {\r\n\theight: 100%;\r\n}\r\n\r\nspan.mn {\r\n\tfont-size: 20px;\r\n\tposition: absolute !important;\r\n\tright: 0;\r\n}\r\n\r\n.collapse-subject {\r\n\t.subject-list {\r\n\t\tpadding-left: 18px;\r\n\t\tmargin-top: 6px;\r\n\t}\r\n}\r\n\r\n.ss-data {\r\n\tpadding: 25px 0 70px;\r\n}\r\n\r\n.ss-banner--not-bg {\r\n\tpadding: 40px 0 10px;\r\n\r\n\t@media screen and (max-width: 991px) {\r\n\t\tpadding: 20px 0 10px;\r\n\t}\r\n}\r\n\r\n.library {\r\n\r\n\t&__data {\r\n\t\twidth: 100%;\r\n\r\n\t\t&__head {\r\n\t\t\tborder-bottom: 1px solid $color_border_main;\r\n\t\t\tmargin-top: 30px;\r\n\r\n\t\t\t.nav-tabs {\r\n\t\t\t\tborder: 0;\r\n\t\t\t}\r\n\r\n\t\t\t.btn-collapse {\r\n\t\t\t\tline-height: 1.3;\r\n\t\t\t\tletter-spacing: 0.03em;\r\n\r\n\t\t\t\ti {\r\n\r\n\t\t\t\t\t&:not(.margin-0) {\r\n\t\t\t\t\t\tmargin-left: 6px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&__collapse {\r\n\t\t\t\t>* {\r\n\t\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t\tmargin-right: 15px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__filter {\r\n\t\t\tpadding: 20px 0 10px;\r\n\r\n\t\t\t&__keyword {\r\n\t\t\t\twidth: 28%;\r\n\r\n\t\t\t\tinput {\r\n\t\t\t\t\tpadding: 5px 30px 5px 15px !important;\r\n\t\t\t\t\t@extend .full-width;\r\n\t\t\t\t}\r\n\r\n\t\t\t\ti {\r\n\t\t\t\t\tcolor: $primary_color;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__tabs {\r\n\t\t&__content {\r\n\t\t\tpadding: 35px 0 20px;\r\n\t\t}\r\n\t}\r\n\r\n\t@media screen and (max-width: 991px) {\r\n\t\t&__wrap {\r\n\t\t\tdisplay: block;\r\n\t\t}\r\n\r\n\t\t&__sidebar,\r\n\t\t&__data {\r\n\t\t\twidth: 100%;\r\n\t\t}\r\n\r\n\t\t&__sidebar {\r\n\t\t\tmargin-bottom: 30px;\r\n\t\t}\r\n\t}\r\n\r\n\t@media screen and (max-width: 600px) {\r\n\t\t&__data {\r\n\t\t\t&__head {\r\n\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t&__collapse {\r\n\t\t\t\t\tpadding: 8px 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&__filter {\r\n\t\t\t\t&__keyword {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t// .ss-banner--not-bg {\r\n\t//   padding-top: 15px;\r\n\t// }\r\n\r\n\t.ss-data {\r\n\t\tpadding-top: 0;\r\n\t}\r\n}\r\n\r\n#collapse_filter {\r\n\tborder-bottom: 1px solid $color_border_main;\r\n}\r\n\r\n.nav-tabs {\r\n\tborder-bottom: 0 !important;\r\n}\r\n\r\n.electronic-lecture {\r\n\t&__head {\r\n\t\tpadding-bottom: 7px;\r\n\t\tborder-bottom: 1px solid #d0d5d8;\r\n\t\tmargin: 32px 0 24px 0;\r\n\t}\r\n}\r\n\r\n@media screen and (max-width: 1300px) {\r\n\t.library__data__head__collapse {\r\n\t\tdisplay: flex;\r\n\r\n\t\t.filter-btn {\r\n\t\t\twidth: 100px;\r\n\t\t}\r\n\t}\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewLibrary.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!./ViewLibrary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewLibrary.vue?vue&type=template&id=3c81e3f2&scoped=true&\"\nimport script from \"./ViewLibrary.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewLibrary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewLibrary.vue?vue&type=style&index=0&id=3c81e3f2&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  \"3c81e3f2\",\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:\"detail-books\"},[_c('div',{staticClass:\"detail-books__head display-flex-center justify-content-between\"},[_c('router-link',{staticClass:\"secondary-color-txt font-size-15 font-family-Semibold\",attrs:{\"to\":\"/thu-vien\"}},[_c('i',{staticClass:\"icon-close secondary-color-txt\"}),_vm._v(\"\\n              Thoát\\n          \")]),_c('h3',{staticClass:\"font-size-15 secondary-color-txt font-sanpro-semibold\"},[_vm._v(\"Toán 1 - Bài 1: Các số 0, 1, 2, 3, 4, 5\")]),_vm._m(0)],1),_vm._m(1),_vm._m(2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"btn-function\"},[_c('button',{staticClass:\"btn-prepare primary-color color_bg_gray_light font-size-15 font-sanpro-semibold\"},[_vm._v(\"Soạn bài giảng\")]),_c('button',{staticClass:\"btn-show primary-bg-color color-light font-size-15 font-sanpro-semibold position-rel\"},[_c('i',{staticClass:\"icon-next font-size-20 color-light\"}),_vm._v(\" Trình chiếu\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"detail-books__body\"},[_c('div',{staticClass:\"container text-center\"},[_c('img',{attrs:{\"src\":require(\"@/assets/imgs/img-detail.png\"),\"alt\":\"\"}})])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"detail-books__footer color_bg_gray_light display-flex-center justify-content-between position-rel\"},[_c('a',{staticClass:\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-flex-center justify-content-center\",attrs:{\"href\":\"javascript:;\"}},[_c('img',{staticClass:\"icon-list\",attrs:{\"src\":require(\"@/assets/imgs/icon-list.png\"),\"alt\":\"\"}}),_c('span',{staticClass:\"only-pc\"},[_vm._v(\"Danh sách\")])]),_c('div',{staticClass:\"book-viewer__paging display-flex-center\"},[_c('button',{staticClass:\"d-none d-lg-block disabled\"},[_c('i',{staticClass:\"icon-first-page color-light\"})]),_c('button',{staticClass:\"disabled\"},[_c('i',{staticClass:\"icon-prev color-light\"})]),_c('div',{staticClass:\"book-viewer__paging__input\"},[_c('input',{staticStyle:{\"display\":\"none\"},attrs:{\"type\":\"number\"}}),_c('span',{staticClass:\"show-pages text-center\"},[_vm._v(\"0\")]),_c('span',{staticClass:\"show-pages show-pages--mobile\"},[_vm._v(\"1\")])]),_c('button',{},[_c('i',{staticClass:\"icon-next color-light\"})]),_c('button',{staticClass:\"d-none d-lg-block\"},[_c('i',{staticClass:\"icon-last-page color-light\"})])]),_c('div',{staticClass:\"book-viewer__zoom__mobile d-lg-none\"},[_c('div',{staticClass:\"wrap display-flex-center\"},[_c('div',{staticClass:\"book-viewer__zoom__mobile__icon\"},[_c('i',{staticClass:\"icon-more primary-color\"})])])]),_c('div',{staticClass:\"book-viewer__zoom-switch display-flex-center only-pc\"},[_c('div',{staticClass:\"book-viewer__zoom\"},[_c('button',{staticClass:\"zoom-out\"},[_c('i',{staticClass:\"icon-minus font-size-14 secondary-color-txt\"})]),_c('span',{attrs:{\"data-v-07540c38\":\"\"}},[_vm._v(\"100 %\")]),_c('button',{staticClass:\"zoom-in\"},[_c('i',{staticClass:\"icon-plus font-size-14 secondary-color-txt\"})])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"detail-books\">\r\n      <div class=\"detail-books__head display-flex-center justify-content-between\">\r\n            <router-link to=\"/thu-vien\" class=\"secondary-color-txt font-size-15 font-family-Semibold\">\r\n                <i class=\"icon-close secondary-color-txt\"></i>\r\n                Thoát\r\n            </router-link>\r\n            <h3 class=\"font-size-15 secondary-color-txt font-sanpro-semibold\">Toán 1 - Bài 1: Các số 0, 1, 2, 3, 4, 5</h3>\r\n            <div class=\"btn-function\">\r\n                <button class=\"btn-prepare primary-color color_bg_gray_light font-size-15 font-sanpro-semibold\">Soạn bài giảng</button>\r\n                <button class=\"btn-show primary-bg-color color-light font-size-15 font-sanpro-semibold position-rel\"><i class=\"icon-next font-size-20 color-light\"></i> Trình chiếu</button>\r\n            </div>\r\n      </div>\r\n      <div class=\"detail-books__body\">\r\n          <div class=\"container text-center\">\r\n              <img src=\"@/assets/imgs/img-detail.png\" alt=\"\">\r\n          </div>\r\n      </div>\r\n      <div class=\"detail-books__footer color_bg_gray_light display-flex-center justify-content-between position-rel\">\r\n            <a href=\"javascript:;\" class=\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-flex-center justify-content-center\">\r\n              <!-- <i class=\"icon-category font-size-22\"></i> -->\r\n              <img src=\"@/assets/imgs/icon-list.png\" class=\"icon-list\" alt=\"\">\r\n              <span class=\"only-pc\">Danh sách</span>\r\n            </a>\r\n            <div class=\"book-viewer__paging display-flex-center\">\r\n                    <button class=\"d-none d-lg-block disabled\">\r\n                        <i class=\"icon-first-page color-light\"></i>\r\n                    </button>\r\n                    <button class=\"disabled\">\r\n                        <i class=\"icon-prev color-light\"></i>\r\n                    </button>\r\n                <div class=\"book-viewer__paging__input\">\r\n                    <input type=\"number\" style=\"display: none;\">\r\n                    <span class=\"show-pages text-center\">0</span>\r\n                    <span class=\"show-pages show-pages--mobile\">1</span>\r\n                </div>\r\n                <button class=\"\">\r\n                    <i class=\"icon-next color-light\"></i>\r\n                </button>\r\n                <button class=\"d-none d-lg-block\">\r\n                    <i class=\"icon-last-page color-light\"></i>\r\n                </button>\r\n            </div>\r\n            <div class=\"book-viewer__zoom__mobile d-lg-none\">\r\n                <div class=\"wrap display-flex-center\">\r\n                    <!---->\r\n                    <div class=\"book-viewer__zoom__mobile__icon\">\r\n                        <i class=\"icon-more primary-color\"></i>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"book-viewer__zoom-switch display-flex-center only-pc\">\r\n                <!---->\r\n                <div class=\"book-viewer__zoom\">\r\n                    <button class=\"zoom-out\">\r\n                        <i class=\"icon-minus font-size-14 secondary-color-txt\"></i>\r\n                    </button>\r\n                    <span data-v-07540c38=\"\">100 %</span>\r\n                    <button class=\"zoom-in\">\r\n                        <i class=\"icon-plus font-size-14 secondary-color-txt\"></i>\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ViewDetailBooks\"\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  // Variables\r\n@import \"./../../../assets/scss/variables\";\r\n    .detail-books{\r\n        &__head{\r\n            height: 55px;\r\n            border-bottom: 1px solid $color_border_line;\r\n            padding: 0 35px;\r\n            .btn-function{\r\n                .btn-prepare{\r\n                    width: 140px;\r\n                    margin-right: 18px;\r\n                    &:hover{\r\n                        opacity: .8;\r\n                    }\r\n                }\r\n                .btn-show{\r\n                    width: 135px;\r\n                    i{\r\n                        position: absolute;\r\n                        left: 7px;\r\n                        top: 5px;\r\n                    }\r\n                    &:hover{\r\n                        color: $primary_color;\r\n                        background: #fff;\r\n                        border: 1px solid $primary_color;\r\n                        i{\r\n                            color: $primary_color;\r\n                        }\r\n                    }\r\n                }\r\n                button{\r\n                    height: 30px;\r\n                    line-height: 30px;\r\n                    border: 0;\r\n                    border-radius: 20px;\r\n                }\r\n            }\r\n        }\r\n        &__body{\r\n            margin: 40px 0;\r\n        }\r\n        &__footer{\r\n            height: 70px;\r\n            border-top: 1px solid $color_border_line;\r\n            padding: 0 35px;\r\n            z-index: 12;\r\n            .icon-list{\r\n                height: 15px;\r\n                width: 15px;\r\n                margin-right: 5px;\r\n            }\r\n            .book-viewer__footer__cats{\r\n                margin-right: 7px;\r\n                height: 30px;\r\n                min-width: 140px;\r\n                line-height: 28px;\r\n                i{\r\n                    margin-right: 8px;\r\n                }\r\n            }\r\n            .book-viewer__zoom{\r\n                width: 115px;\r\n                overflow: hidden;\r\n                margin-right: 18px;\r\n                button.zoom-out,\r\n                button.zoom-in{\r\n                margin-left: 5px;\r\n            }\r\n            .switch-viewpage{\r\n                width: 70px;\r\n                height: 30px;\r\n                    input{\r\n                    position: absolute;\r\n                    top: 0;\r\n                    left: 0;\r\n                    opacity: 0;\r\n                    cursor: pointer;\r\n                    z-index: 2;\r\n                }\r\n            }\r\n            .switch-viewpage input:checked ~ .bg-transition{\r\n                transform: translateX(40px);\r\n                -webkit-transform: translateX(40px);\r\n            }\r\n            .switch-viewpage {\r\n                label{\r\n                    cursor: pointer;\r\n                    z-index: 1;\r\n                }\r\n                .bg-transition, .switch-viewpage label{\r\n                    width: 30px;\r\n                    height: 30px;\r\n                }\r\n            }\r\n        }\r\n    }\r\n    }\r\n    @media (min-width: 992px){\r\n        .d-lg-none {\r\n            display: none !important;\r\n        }\r\n    }\r\n    \r\n\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewDetailBooks.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!./ViewDetailBooks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewDetailBooks.vue?vue&type=template&id=357da401&scoped=true&\"\nimport script from \"./ViewDetailBooks.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewDetailBooks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewDetailBooks.vue?vue&type=style&index=0&id=357da401&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  \"357da401\",\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:\"library\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/thu-vien\"}},[_vm._v(\"Thư viện\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Tiếng Việt\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Kết nối tri thức với cuộc sống\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Bài giảng điện tử\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/\"}},[_vm._v(\"Bài giảng\")])],1)])])]),_c('div',{staticClass:\"ss-data\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"library__wrap display-flex justify-content-between\"},[_c('div',{staticClass:\"library__sidebar\"},[_vm._m(0),_c('div',{staticClass:\"form-active\"},[_c('p',{staticClass:\"secondary_text_color font-size-16 font-family-Semibold\"},[_vm._v(\"Kích hoạt mã cào sau mỗi cuốn sách giáo khoa để mở miễn phí học liệu điện tử và toàn bộ tính năng hỗ trợ\")]),_c('span',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.modal-active\",modifiers:{\"modal-active\":true}}],staticClass:\"primary-color font-size-16 font-sanpro-semibold cursor-pointer\"},[_vm._v(\" Kích hoạt ngay\")])]),_c('modalActiveEbooks')],1),_c('div',{staticClass:\"library__data\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-6 col-md-6 col-12\"},[_c('div',{staticClass:\"form\"},[_c('form',{staticClass:\"form__search position-rel\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.lazy\",value:(_vm.keyword),expression:\"keyword\",modifiers:{\"lazy\":true}},{name:\"debounce\",rawName:\"v-debounce\",value:(300),expression:\"300\"}],staticClass:\"full-width font-size-15\",attrs:{\"type\":\"text\",\"placeholder\":\"Tìm kiếm\",\"required\":\"required\"},domProps:{\"value\":(_vm.keyword)},on:{\"change\":function($event){_vm.keyword=$event.target.value}}}),_vm._m(1)])])])]),_c('div',{staticClass:\"row list-book\"},_vm._l((_vm.getListLIbraryLessonPlan[0].listBookLessonPlans),function(item,index){return _c('div',{key:index,staticClass:\"col-lg-4 col-md-4 col-12 item-lecture\"},[_c('router-link',{attrs:{\"to\":\"/thu-vien/mon-hoc\"}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.imageUrl != null && item.imageUrl != '' ? _vm.cdnUrl + item.imageUrl : _vm.thumbUrl('_ketnoitrithuc.png') ),expression:\"item.imageUrl != null && item.imageUrl != '' ? cdnUrl + item.imageUrl : thumbUrl('_ketnoitrithuc.png') \"}],attrs:{\"alt\":item.title}}),_c('div',{staticClass:\"title-lecture\"},[_c('h3',{staticClass:\"primary-color-txt font-size-16 font-sanpro-semibold\"},[_vm._v(_vm._s(item.title))]),_c('h4',{staticClass:\"secondary-color-txt font-size-14 font-family-Semibold\"},[_vm._v(_vm._s(item.fileName))])])])],1)}),0)])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Tất cả\")])]),_c('li',{attrs:{\"data-toggle\":\"collapse\",\"href\":\"#collapseSubject\"}},[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"TUẦN 1: TÔI VÀ CÁC BẠN\")])]),_c('div',{staticClass:\"collapse\",attrs:{\"id\":\"collapseSubject\"}},[_c('div',{staticClass:\"collapse-subject\"},[_c('ul',{staticClass:\"subject-list\"},[_c('li',{staticClass:\"li-level-2\"},[_c('a',{staticClass:\"font-size-16 font-family-Semibold subject-cl\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Bài 1: Tôi là học sinh lớp 1\")])]),_c('li',{staticClass:\"li-level-2\"},[_c('a',{staticClass:\"font-size-16 font-family-Semibold subject-cl\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Bài 2: Đôi tai xấu xí\")])]),_c('li',{staticClass:\"li-level-2\"},[_c('a',{staticClass:\"font-size-16 font-family-Semibold subject-cl\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Bài 3: Bạn của gió\")])]),_c('li',{staticClass:\"li-level-2\"},[_c('a',{staticClass:\"font-size-16 font-family-Semibold subject-cl\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Bài 4: Giải thưởng tình bạn\")])]),_c('li',{staticClass:\"li-level-2\"},[_c('a',{staticClass:\"font-size-16 font-family-Semibold subject-cl\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Bài 5: Sinh nhật của voi con\")])]),_c('li',{staticClass:\"li-level-2\"},[_c('a',{staticClass:\"font-size-16 font-family-Semibold subject-cl\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Bài 6: Ôn tập\")])])])])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"TUẦN 2: MÁI ẤM GIA ĐÌNH\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"TUẦN 3: MÁI TRƯỜNG MẾN YÊU\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"TUẦN 4: ĐIỀU EM CẦN BIẾT\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"TUẦN 5: BÀI HỌC TỪ CUỘC\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"TUẦN 6: THIÊN NHIÊN KÌ THÚ\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"TUẦN 7: THẾ GIỚI TRONG MẮT\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"TUẦN 8: ĐẤT NƯỚC VÀ CON\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"ÔN TẬP VÀ ĐÁNH GIÁ\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',{staticClass:\"btn-search primary-color\",attrs:{\"type\":\"submit\"}},[_c('i',{staticClass:\"fa fa-search secondary-color-blue\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"library\">\r\n\t\t<div class=\"ss-breadcrumb\">\r\n\t\t\t<div class=\"container-hts\">\r\n\t\t\t\t<ul class=\"margin-0 p-0\">\r\n\t\t\t\t\t<li>\r\n\t\t\t\t\t\t<router-link to=\"/thu-vien\">Thư viện</router-link>\r\n\t\t\t\t\t</li>\r\n                    <li><router-link to=\"/\">Tiếng Việt</router-link></li>\r\n                    <li><router-link to=\"/\">Kết nối tri thức với cuộc sống</router-link></li>\r\n                    <li><router-link to=\"/\">Bài giảng điện tử</router-link></li>\r\n                    <li><router-link to=\"/\">Bài giảng</router-link></li>\r\n\t\t\t\t</ul>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"ss-data\">\r\n\t\t\t<div class=\"container-hts\">\r\n\t\t\t\t<div class=\"library__wrap display-flex justify-content-between\">\r\n\t\t\t\t\t<div class=\"library__sidebar\">\r\n\t\t\t\t\t\t<ul class=\"margin-0 p-0\">\r\n\t\t\t\t\t\t\t<!-- <li v-for=\"(item,index) in subjects\" :key=\"index\" :class=\"{'active':  === item.practiceId}\">\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\" @click=\"getPracticeBySubject(item)\">{{ item.name }}</a>\r\n\t\t\t\t\t\t\t</li> -->\r\n\t\t\t\t\t\t\t<li >\r\n                                <a href=\"javascript:;\">Tất cả</a>\r\n                            </li>\r\n\t\t\t\t\t\t\t<li data-toggle=\"collapse\" href=\"#collapseSubject\">\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">TUẦN 1: TÔI VÀ CÁC BẠN</a>\r\n\t\t\t\t\t\t\t</li>\r\n                            <div class=\"collapse\" id=\"collapseSubject\">\r\n\t\t\t\t\t\t\t\t<div class=\"collapse-subject\">\r\n\t\t\t\t\t\t\t\t\t<ul class=\"subject-list\">\r\n                                        <li class=\"li-level-2\">\r\n                                            <a class=\"font-size-16 font-family-Semibold subject-cl\" href=\"javascript:;\">Bài 1: Tôi là học sinh lớp 1</a>\r\n                                        </li>\r\n                                        <li class=\"li-level-2\">\r\n                                            <a class=\"font-size-16 font-family-Semibold subject-cl\" href=\"javascript:;\">Bài 2: Đôi tai xấu xí</a>\r\n                                        </li>\r\n                                        <li class=\"li-level-2\">\r\n                                            <a class=\"font-size-16 font-family-Semibold subject-cl\" href=\"javascript:;\">Bài 3: Bạn của gió</a>\r\n                                        </li>\r\n                                        <li class=\"li-level-2\">\r\n                                            <a class=\"font-size-16 font-family-Semibold subject-cl\" href=\"javascript:;\">Bài 4: Giải thưởng tình bạn</a>\r\n                                        </li>\r\n                                        <li class=\"li-level-2\">\r\n                                            <a class=\"font-size-16 font-family-Semibold subject-cl\" href=\"javascript:;\">Bài 5: Sinh nhật của voi con</a>\r\n                                        </li>\r\n                                        <li class=\"li-level-2\">\r\n                                            <a class=\"font-size-16 font-family-Semibold subject-cl\" href=\"javascript:;\">Bài 6: Ôn tập</a>\r\n                                        </li>\r\n\t\t\t\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">TUẦN 2: MÁI ẤM GIA ĐÌNH</a>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">TUẦN 3: MÁI TRƯỜNG MẾN YÊU</a>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">TUẦN 4: ĐIỀU EM CẦN BIẾT</a>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t\t<li>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">TUẦN 5: BÀI HỌC TỪ CUỘC</a>\r\n\t\t\t\t\t\t\t</li>\r\n                            <li>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">TUẦN 6: THIÊN NHIÊN KÌ THÚ</a>\r\n\t\t\t\t\t\t\t</li>\r\n                            <li>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">TUẦN 7: THẾ GIỚI TRONG MẮT</a>\r\n\t\t\t\t\t\t\t</li>\r\n                            <li>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">TUẦN 8: ĐẤT NƯỚC VÀ CON</a>\r\n\t\t\t\t\t\t\t</li>\r\n                            <li>\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\">ÔN TẬP VÀ ĐÁNH GIÁ</a>\r\n\t\t\t\t\t\t\t</li>\r\n\t\t\t\t\t\t</ul>\r\n\t\t\t\t\t\t<div class=\"form-active\">\r\n\t\t\t\t\t\t\t<p class=\"secondary_text_color font-size-16 font-family-Semibold\">Kích hoạt mã cào sau mỗi cuốn sách giáo khoa để mở miễn phí học liệu điện tử và toàn bộ tính năng hỗ trợ</p>   \r\n\t\t\t\t\t\t\t<span class=\"primary-color font-size-16 font-sanpro-semibold cursor-pointer\" v-b-modal.modal-active> Kích hoạt ngay</span>           \r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<modalActiveEbooks />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<div class=\"library__data\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-lg-6 col-md-6 col-12\">\r\n                                <div class=\"form\">\r\n                                    <form class=\"form__search position-rel\">\r\n                                        <input   v-model.lazy=\"keyword\" v-debounce=\"300\" type=\"text\" class=\"full-width font-size-15\" placeholder=\"Tìm kiếm\" required=\"required\">\r\n                                        <button type=\"submit\" class=\"btn-search primary-color\"><i class=\"fa fa-search secondary-color-blue\"></i></button>\r\n                                    </form>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"row list-book\">\r\n                            <div class=\"col-lg-4 col-md-4 col-12 item-lecture\" v-for=\"(item, index) in getListLIbraryLessonPlan[0].listBookLessonPlans\" :key=\"index\">\r\n                                <router-link to=\"/thu-vien/mon-hoc\">\r\n                                <img \tv-lazy=\"item.imageUrl != null && item.imageUrl != '' ? cdnUrl + item.imageUrl : thumbUrl('_ketnoitrithuc.png') \"\r\n\t\t\t\t\t\t\t\t:alt=\"item.title\"  />\r\n                                        <div class=\"title-lecture\">\r\n                                            <h3 class=\"primary-color-txt font-size-16 font-sanpro-semibold\">{{item.title}}</h3>\r\n                                            <h4 class=\"secondary-color-txt font-size-14 font-family-Semibold\">{{item.fileName}}</h4>\r\n                                        </div>\r\n                                </router-link>\r\n                            </div>\r\n                        </div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n    import { STORE_KEY } from \"../_store/constants\";\r\n    import { mapGetters, mapActions } from \"vuex\";\r\n    import { APP_CONFIG } from \"@/utils/constants\";\r\n    import debounce from \"@/directives/debounce\";\r\n    import { classList, listExercise, getPracticeType, getListPracticeTypeBook, getLuggageNumber } from \"./../_api/\";\r\n    import modalActiveEbooks from \"../_components/modal/modalActiveEbooks\"\r\n\r\n\texport default {\r\n\t\tname: \"ViewLibrary\",\r\n\t\tcomponents: {\r\n            modalActiveEbooks\r\n        },\r\n        directives: { debounce },\r\n\t\tdata() {\r\n\t\t\treturn {\r\n                keyword:\"\",\r\n                bookLessonPlanTypeId: this.$route.params.id,\r\n\t\t\t\tcdnUrl: APP_CONFIG.cdnurl,\r\n\t\t\t\tappUrl: APP_CONFIG.appUrl,\r\n                listLecture:[\r\n                    {\r\n                        id: 1,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                    {\r\n                        id: 2,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                    {\r\n                        id: 3,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                     {\r\n                        id: 4,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                    {\r\n                        id: 5,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                    {\r\n                        id: 6,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                     {\r\n                        id: 7,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                    {\r\n                        id: 8,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                    {\r\n                        id: 9,\r\n                        name: \"Tiếng Việt 1 - Bài 2: Đôi tai xấu xí\",\r\n                        nameSmall: \"Tiếng Việt 1 - Tập 1 - Kết nối tri thức\"\r\n                    },\r\n                ],\r\n\t\t\t};\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({\r\n\t\t\t\tpracticeTypes: `${STORE_KEY}/practiceTypes`,\r\n\t\t\t\texerciseClassCurr: `${STORE_KEY}/exerciseClassCurr`,\r\n\t\t\t\tpracticeActive: `${STORE_KEY}/practiceActive`,\r\n\t\t\t\tgetLibrabyFilterData:  `${STORE_KEY}/getLibrabyFilterData`,\r\n\t\t\t\tgetPramLibrary: `${STORE_KEY}/getPramLibrary`,\r\n\t\t\t\tgetListLIbraryLessonPlan: `${STORE_KEY}/getListLIbraryLessonPlan`,\r\n\t\t\t}),\r\n\t\t\t// routerQuery() {\r\n\t\t\t// \treturn this.$router.history.current.query;\r\n\t\t\t// }\r\n\t\t},\r\n\t\twatch: {\r\n            getPramLibrary: \"getListLibrary\",\r\n              keyword: \"changeKeyword\",\r\n        },\r\n        mounted(){\r\n           this.actionSetParamlibrary({ ...this.getPramLibrary, BookId: 0,BookIndexId:0,subjectId: 1,bookGroupId:0,classId:this.classActive,bookLessonPlanTypeId: this.bookLessonPlanTypeId});\r\n        },\r\n\t\tcreated() {\r\n\t\t\t// this.getClassListFilter();\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions(\"common\", [\"setLoading\"]),\r\n            ...mapActions(STORE_KEY, ['actionSetLocalExerciseClassCurr',\"actionSetParamlibrary\",\"actionlibraryListLessonPlan\"]),\r\n            changeKeyword(){\r\n                  this.actionSetParamlibrary({ ...this.getPramLibrary, keyword:this.keyword });\r\n            },\r\n            getListLibrary(){\r\n                // this.setLoading(true);\r\n                this.actionlibraryListLessonPlan(this.getPramLibrary)\r\n                .finally(() => {\r\n                    this.setLoading(false);\r\n                });\r\n            },\r\n    \t thumbUrl(filename) {\r\n\t\t\treturn require(`@/assets/img/${filename}`);\r\n\t\t},\r\n\t\t}\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import \"./../../../assets/scss/variables\";\r\n    @import \"./../../../assets/scss/mixins\";\r\n\t@import \"./../../../assets/scss/general\";\r\n\r\n  .collapse-subject{\r\n    .subject-list{\r\n      padding-left: 18px;\r\n      margin-top: 6px;\r\n    }\r\n  }\r\n\r\n\t.library {\r\n\t\t&__sidebar {\r\n\t\t\twidth: 27%;\r\n\t\t\tmargin-right: 5%;\r\n\t\t\tul {\r\n\t\t\t\tli {\r\n\t\t\t\t\tmin-height: 36px;\r\n\t\t\t\t\tpadding: 5px 18px;\r\n\t\t\t\t\t@extend .border-rd-8;\r\n\t\t\t\t\tmargin-bottom: 2px;\r\n\t\t\t\t\t@extend .list-style-none;\r\n\t\t\t\t\t@extend .display-flex-center;\r\n                    .subject-cl{\r\n                        @extend .primary-color-txt;\r\n                    }\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t@extend .secondary-color-txt;\r\n\t\t\t\t\t\t@extend .font-size-16;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.active, &:hover {\r\n\t\t\t\t\t\tbackground: $btn_hover_color;\r\n\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t@extend .primary-color;\r\n\t\t\t\t\t\t\t@extend .font-sanpro-semibold;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n                }\r\n                .li-level-2{\r\n                    &:hover{\r\n                        background: #fff ;\r\n                    }\r\n                    a {\r\n\t\t\t\t\t\t@extend .secondary-color-txt;\r\n\t\t\t\t\t\t@extend .font-size-16;\r\n\t\t\t\t\t}\r\n                }\r\n            }\r\n            .form-active{\r\n                margin-top: 20px;\r\n            }\r\n\t\t}\r\n\r\n\t\t&__data {\r\n            width: 68%;\r\n            .list-book{\r\n                margin-top: 35px;\r\n            }\r\n            .item-lecture{\r\n                margin-bottom: 40px;\r\n                &:hover{\r\n                    opacity: .8;\r\n                }\r\n            }\r\n            .title-lecture{\r\n                padding-left: 15px;\r\n            }\r\n\t\t}\r\n\r\n\t\t&__tabs {\r\n\t\t\t&__content {\r\n\t\t\t\tpadding: 35px 0 20px;\r\n\t\t\t}\r\n        }\r\n        .form{\r\n            height: 30px;\r\n            width: 100%;\r\n            &__search{\r\n                .btn-search{\r\n                    position: absolute;\r\n                    top: 5px;\r\n                    right: 5px;\r\n                    z-index: 1;\r\n                    background-color: transparent;\r\n                    border: 0;\r\n                    outline: 0;\r\n                }\r\n               input{\r\n                    position: static;\r\n                    height: 30px;\r\n                    padding: 0 35px 0 12px;\r\n                    top: 0;\r\n                    left: 0;\r\n                    border: 0;\r\n                    outline: 0;\r\n                    @extend .border-rd-20;\r\n                    @extend .color_bg_gray_light;\r\n                    @extend .primary-bg-color\r\n               }\r\n            }\r\n        }\r\n\r\n\t\t@media screen and ( max-width: 991px ) {\r\n\t\t\t&__wrap {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t&__sidebar, &__data {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t\t&__sidebar {\r\n\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\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!./ViewAllBooks.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!./ViewAllBooks.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ViewAllBooks.vue?vue&type=template&id=0c07dd7f&scoped=true&\"\nimport script from \"./ViewAllBooks.vue?vue&type=script&lang=js&\"\nexport * from \"./ViewAllBooks.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ViewAllBooks.vue?vue&type=style&index=0&id=0c07dd7f&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  \"0c07dd7f\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <component :is=\"template\"></component>\r\n</template>\r\n\r\n<script>\r\n  import { mapState, mapActions } from 'vuex'\r\n  import {STORE_KEY} from './_store/constants'\r\n  import {STORE_KEY as STORE_KEY_QUESTION} from '@/modules/question/preview-question/_store/constants'\r\n  import store from './_store'\r\n  import storeQuestion from '@/modules/question/preview-question/_store'\r\n  import ViewLibrary from './_views/ViewLibrary'\r\n  import ViewDetailBooks from './_views/ViewDetailBooks'\r\n  import ViewAllBooks from './_views/ViewAllBooks'\r\n\r\n  export default {\r\n    name: 'EBookModule',\r\n    props: {\r\n      template: String\r\n    },\r\n    components: {\r\n      ViewLibrary,\r\n      ViewDetailBooks,\r\n      ViewAllBooks,\r\n      DetailLesson: () => import('./_views/DetailLesson.vue'),\r\n      DetailPageLinkLib: () => import('./_views/DetailPageLinkLib.vue'),\r\n      LibraryAll: () => import('./_views/LibraryAll.vue'),\r\n      LibraryAllOfBook: () => import('./_views/LibraryAllOfBook.vue'),\r\n      DetailActiveLearn: () => import('./_views/DetailActiveLearn.vue')\r\n    },\r\n    computed: {\r\n      ...mapState(STORE_KEY, ['paramSearchLessons']),\r\n    },\r\n    created () {\r\n      if (!(STORE_KEY in this.$store._modules.root._children)) {\r\n        this.$store.registerModule(STORE_KEY, store);\r\n      }\r\n    },\r\n    beforeDestroy () {\r\n      this.acResetInitialState(store.initialState)\r\n    },\r\n    methods: {\r\n      ...mapActions(STORE_KEY, ['setParamSearchLesson', 'acSetParamFilterBook', 'acSetParamFilterBookLesson', 'acResetInitialState']),\r\n    }\r\n  }\r\n</script>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=2dc864de&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","!function(e,t){\"object\"==typeof exports&&\"object\"==typeof module?module.exports=t():\"function\"==typeof define&&define.amd?define([],t):\"object\"==typeof exports?exports.VuejsPaginate=t():e.VuejsPaginate=t()}(this,function(){return function(e){function t(s){if(n[s])return n[s].exports;var a=n[s]={exports:{},id:s,loaded:!1};return e[s].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var n={};return t.m=e,t.c=n,t.p=\"\",t(0)}([function(e,t,n){\"use strict\";function s(e){return e&&e.__esModule?e:{default:e}}var a=n(1),i=s(a);e.exports=i.default},function(e,t,n){n(2);var s=n(6)(n(7),n(8),\"data-v-82963a40\",null);e.exports=s.exports},function(e,t,n){var s=n(3);\"string\"==typeof s&&(s=[[e.id,s,\"\"]]);n(5)(s,{});s.locals&&(e.exports=s.locals)},function(e,t,n){t=e.exports=n(4)(),t.push([e.id,\"a[data-v-82963a40]{cursor:pointer}\",\"\"])},function(e,t){e.exports=function(){var e=[];return e.toString=function(){for(var e=[],t=0;t<this.length;t++){var n=this[t];n[2]?e.push(\"@media \"+n[2]+\"{\"+n[1]+\"}\"):e.push(n[1])}return e.join(\"\")},e.i=function(t,n){\"string\"==typeof t&&(t=[[null,t,\"\"]]);for(var s={},a=0;a<this.length;a++){var i=this[a][0];\"number\"==typeof i&&(s[i]=!0)}for(a=0;a<t.length;a++){var r=t[a];\"number\"==typeof r[0]&&s[r[0]]||(n&&!r[2]?r[2]=n:n&&(r[2]=\"(\"+r[2]+\") and (\"+n+\")\"),e.push(r))}},e}},function(e,t,n){function s(e,t){for(var n=0;n<e.length;n++){var s=e[n],a=c[s.id];if(a){a.refs++;for(var i=0;i<a.parts.length;i++)a.parts[i](s.parts[i]);for(;i<s.parts.length;i++)a.parts.push(l(s.parts[i],t))}else{for(var r=[],i=0;i<s.parts.length;i++)r.push(l(s.parts[i],t));c[s.id]={id:s.id,refs:1,parts:r}}}}function a(e){for(var t=[],n={},s=0;s<e.length;s++){var a=e[s],i=a[0],r=a[1],o=a[2],l=a[3],u={css:r,media:o,sourceMap:l};n[i]?n[i].parts.push(u):t.push(n[i]={id:i,parts:[u]})}return t}function i(e,t){var n=g(),s=C[C.length-1];if(\"top\"===e.insertAt)s?s.nextSibling?n.insertBefore(t,s.nextSibling):n.appendChild(t):n.insertBefore(t,n.firstChild),C.push(t);else{if(\"bottom\"!==e.insertAt)throw new Error(\"Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.\");n.appendChild(t)}}function r(e){e.parentNode.removeChild(e);var t=C.indexOf(e);t>=0&&C.splice(t,1)}function o(e){var t=document.createElement(\"style\");return t.type=\"text/css\",i(e,t),t}function l(e,t){var n,s,a;if(t.singleton){var i=v++;n=h||(h=o(t)),s=u.bind(null,n,i,!1),a=u.bind(null,n,i,!0)}else n=o(t),s=d.bind(null,n),a=function(){r(n)};return s(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;s(e=t)}else a()}}function u(e,t,n,s){var a=n?\"\":s.css;if(e.styleSheet)e.styleSheet.cssText=b(t,a);else{var i=document.createTextNode(a),r=e.childNodes;r[t]&&e.removeChild(r[t]),r.length?e.insertBefore(i,r[t]):e.appendChild(i)}}function d(e,t){var n=t.css,s=t.media,a=t.sourceMap;if(s&&e.setAttribute(\"media\",s),a&&(n+=\"\\n/*# sourceURL=\"+a.sources[0]+\" */\",n+=\"\\n/*# sourceMappingURL=data:application/json;base64,\"+btoa(unescape(encodeURIComponent(JSON.stringify(a))))+\" */\"),e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}var c={},p=function(e){var t;return function(){return\"undefined\"==typeof t&&(t=e.apply(this,arguments)),t}},f=p(function(){return/msie [6-9]\\b/.test(window.navigator.userAgent.toLowerCase())}),g=p(function(){return document.head||document.getElementsByTagName(\"head\")[0]}),h=null,v=0,C=[];e.exports=function(e,t){t=t||{},\"undefined\"==typeof t.singleton&&(t.singleton=f()),\"undefined\"==typeof t.insertAt&&(t.insertAt=\"bottom\");var n=a(e);return s(n,t),function(e){for(var i=[],r=0;r<n.length;r++){var o=n[r],l=c[o.id];l.refs--,i.push(l)}if(e){var u=a(e);s(u,t)}for(var r=0;r<i.length;r++){var l=i[r];if(0===l.refs){for(var d=0;d<l.parts.length;d++)l.parts[d]();delete c[l.id]}}}};var b=function(){var e=[];return function(t,n){return e[t]=n,e.filter(Boolean).join(\"\\n\")}}()},function(e,t){e.exports=function(e,t,n,s){var a,i=e=e||{},r=typeof e.default;\"object\"!==r&&\"function\"!==r||(a=e,i=e.default);var o=\"function\"==typeof i?i.options:i;if(t&&(o.render=t.render,o.staticRenderFns=t.staticRenderFns),n&&(o._scopeId=n),s){var l=o.computed||(o.computed={});Object.keys(s).forEach(function(e){var t=s[e];l[e]=function(){return t}})}return{esModule:a,exports:i,options:o}}},function(e,t){\"use strict\";Object.defineProperty(t,\"__esModule\",{value:!0}),t.default={props:{value:{type:Number},pageCount:{type:Number,required:!0},forcePage:{type:Number},clickHandler:{type:Function,default:function(){}},pageRange:{type:Number,default:3},marginPages:{type:Number,default:1},prevText:{type:String,default:\"Prev\"},nextText:{type:String,default:\"Next\"},breakViewText:{type:String,default:\"…\"},containerClass:{type:String},pageClass:{type:String},pageLinkClass:{type:String},prevClass:{type:String},prevLinkClass:{type:String},nextClass:{type:String},nextLinkClass:{type:String},breakViewClass:{type:String},breakViewLinkClass:{type:String},activeClass:{type:String,default:\"active\"},disabledClass:{type:String,default:\"disabled\"},noLiSurround:{type:Boolean,default:!1},firstLastButton:{type:Boolean,default:!1},firstButtonText:{type:String,default:\"First\"},lastButtonText:{type:String,default:\"Last\"},hidePrevNext:{type:Boolean,default:!1}},beforeUpdate:function(){void 0!==this.forcePage&&this.forcePage!==this.selected&&(this.selected=this.forcePage)},computed:{selected:{get:function(){return this.value||this.innerValue},set:function(e){this.innerValue=e}},pages:function(){var e=this,t={};if(this.pageCount<=this.pageRange)for(var n=0;n<this.pageCount;n++){var s={index:n,content:n+1,selected:n===this.selected-1};t[n]=s}else{for(var a=Math.floor(this.pageRange/2),i=function(n){var s={index:n,content:n+1,selected:n===e.selected-1};t[n]=s},r=function(e){var n={disabled:!0,breakView:!0};t[e]=n},o=0;o<this.marginPages;o++)i(o);var l=0;this.selected-a>0&&(l=this.selected-1-a);var u=l+this.pageRange-1;u>=this.pageCount&&(u=this.pageCount-1,l=u-this.pageRange+1);for(var d=l;d<=u&&d<=this.pageCount-1;d++)i(d);l>this.marginPages&&r(l-1),u+1<this.pageCount-this.marginPages&&r(u+1);for(var c=this.pageCount-1;c>=this.pageCount-this.marginPages;c--)i(c)}return t}},data:function(){return{innerValue:1}},methods:{handlePageSelected:function(e){this.selected!==e&&(this.innerValue=e,this.$emit(\"input\",e),this.clickHandler(e))},prevPage:function(){this.selected<=1||this.handlePageSelected(this.selected-1)},nextPage:function(){this.selected>=this.pageCount||this.handlePageSelected(this.selected+1)},firstPageSelected:function(){return 1===this.selected},lastPageSelected:function(){return this.selected===this.pageCount||0===this.pageCount},selectFirstPage:function(){this.selected<=1||this.handlePageSelected(1)},selectLastPage:function(){this.selected>=this.pageCount||this.handlePageSelected(this.pageCount)}}}},function(e,t){e.exports={render:function(){var e=this,t=e.$createElement,n=e._self._c||t;return e.noLiSurround?n(\"div\",{class:e.containerClass},[e.firstLastButton?n(\"a\",{class:[e.pageLinkClass,e.firstPageSelected()?e.disabledClass:\"\"],attrs:{tabindex:\"0\"},domProps:{innerHTML:e._s(e.firstButtonText)},on:{click:function(t){e.selectFirstPage()},keyup:function(t){return\"button\"in t||!e._k(t.keyCode,\"enter\",13)?void e.selectFirstPage():null}}}):e._e(),e._v(\" \"),e.firstPageSelected()&&e.hidePrevNext?e._e():n(\"a\",{class:[e.prevLinkClass,e.firstPageSelected()?e.disabledClass:\"\"],attrs:{tabindex:\"0\"},domProps:{innerHTML:e._s(e.prevText)},on:{click:function(t){e.prevPage()},keyup:function(t){return\"button\"in t||!e._k(t.keyCode,\"enter\",13)?void e.prevPage():null}}}),e._v(\" \"),e._l(e.pages,function(t){return[t.breakView?n(\"a\",{class:[e.pageLinkClass,e.breakViewLinkClass,t.disabled?e.disabledClass:\"\"],attrs:{tabindex:\"0\"}},[e._t(\"breakViewContent\",[e._v(e._s(e.breakViewText))])],2):t.disabled?n(\"a\",{class:[e.pageLinkClass,t.selected?e.activeClass:\"\",e.disabledClass],attrs:{tabindex:\"0\"}},[e._v(e._s(t.content))]):n(\"a\",{class:[e.pageLinkClass,t.selected?e.activeClass:\"\"],attrs:{tabindex:\"0\"},on:{click:function(n){e.handlePageSelected(t.index+1)},keyup:function(n){return\"button\"in n||!e._k(n.keyCode,\"enter\",13)?void e.handlePageSelected(t.index+1):null}}},[e._v(e._s(t.content))])]}),e._v(\" \"),e.lastPageSelected()&&e.hidePrevNext?e._e():n(\"a\",{class:[e.nextLinkClass,e.lastPageSelected()?e.disabledClass:\"\"],attrs:{tabindex:\"0\"},domProps:{innerHTML:e._s(e.nextText)},on:{click:function(t){e.nextPage()},keyup:function(t){return\"button\"in t||!e._k(t.keyCode,\"enter\",13)?void e.nextPage():null}}}),e._v(\" \"),e.firstLastButton?n(\"a\",{class:[e.pageLinkClass,e.lastPageSelected()?e.disabledClass:\"\"],attrs:{tabindex:\"0\"},domProps:{innerHTML:e._s(e.lastButtonText)},on:{click:function(t){e.selectLastPage()},keyup:function(t){return\"button\"in t||!e._k(t.keyCode,\"enter\",13)?void e.selectLastPage():null}}}):e._e()],2):n(\"ul\",{class:e.containerClass},[e.firstLastButton?n(\"li\",{class:[e.pageClass,e.firstPageSelected()?e.disabledClass:\"\"]},[n(\"a\",{class:e.pageLinkClass,attrs:{tabindex:e.firstPageSelected()?-1:0},domProps:{innerHTML:e._s(e.firstButtonText)},on:{click:function(t){e.selectFirstPage()},keyup:function(t){return\"button\"in t||!e._k(t.keyCode,\"enter\",13)?void e.selectFirstPage():null}}})]):e._e(),e._v(\" \"),e.firstPageSelected()&&e.hidePrevNext?e._e():n(\"li\",{class:[e.prevClass,e.firstPageSelected()?e.disabledClass:\"\"]},[n(\"a\",{class:e.prevLinkClass,attrs:{tabindex:e.firstPageSelected()?-1:0},domProps:{innerHTML:e._s(e.prevText)},on:{click:function(t){e.prevPage()},keyup:function(t){return\"button\"in t||!e._k(t.keyCode,\"enter\",13)?void e.prevPage():null}}})]),e._v(\" \"),e._l(e.pages,function(t){return n(\"li\",{class:[e.pageClass,t.selected?e.activeClass:\"\",t.disabled?e.disabledClass:\"\",t.breakView?e.breakViewClass:\"\"]},[t.breakView?n(\"a\",{class:[e.pageLinkClass,e.breakViewLinkClass],attrs:{tabindex:\"0\"}},[e._t(\"breakViewContent\",[e._v(e._s(e.breakViewText))])],2):t.disabled?n(\"a\",{class:e.pageLinkClass,attrs:{tabindex:\"0\"}},[e._v(e._s(t.content))]):n(\"a\",{class:e.pageLinkClass,attrs:{tabindex:\"0\"},on:{click:function(n){e.handlePageSelected(t.index+1)},keyup:function(n){return\"button\"in n||!e._k(n.keyCode,\"enter\",13)?void e.handlePageSelected(t.index+1):null}}},[e._v(e._s(t.content))])])}),e._v(\" \"),e.lastPageSelected()&&e.hidePrevNext?e._e():n(\"li\",{class:[e.nextClass,e.lastPageSelected()?e.disabledClass:\"\"]},[n(\"a\",{class:e.nextLinkClass,attrs:{tabindex:e.lastPageSelected()?-1:0},domProps:{innerHTML:e._s(e.nextText)},on:{click:function(t){e.nextPage()},keyup:function(t){return\"button\"in t||!e._k(t.keyCode,\"enter\",13)?void e.nextPage():null}}})]),e._v(\" \"),e.firstLastButton?n(\"li\",{class:[e.pageClass,e.lastPageSelected()?e.disabledClass:\"\"]},[n(\"a\",{class:e.pageLinkClass,attrs:{tabindex:e.lastPageSelected()?-1:0},domProps:{innerHTML:e._s(e.lastButtonText)},on:{click:function(t){e.selectLastPage()},keyup:function(t){return\"button\"in t||!e._k(t.keyCode,\"enter\",13)?void e.selectLastPage():null}}})]):e._e()],2)},staticRenderFns:[]}}])});","import * as types from './constants';\r\n// import { LOCAL_SAVE_QUESTIONS_WORKED } from '@/modules/exercises/_store/constants';\r\nlet correctGroupChoosed = [];\r\nlet contentForTypeFillSelect = [];\r\n\r\nexport const setValueCorrectHelper = (data, valCorrect, questionGroup = false) => {\r\n    // let dataCorrect = valCorrect;\r\n    // console.log('helper: ', data, valCorrect);\r\n    if (data.type === types.TYPE_CHECKBOX || data.type === types.TYPE_X_MARK || data.type === types.TYPE_CIRCLE_ANSWER) {\r\n        let checked = data.evt.target.checked;\r\n        if (checked) {\r\n            valCorrect.push({ position: data.position, value: data.evt.target.value })\r\n        } else {\r\n            let indexAnswer = valCorrect.findIndex(ans => ans.position === data.position) || -1;\r\n            valCorrect.splice(indexAnswer, 1)\r\n        }\r\n    } else if (data.type === types.TYPE_RADIO) {\r\n        valCorrect = [{ position: data.position, value: data.evt.target.value }]\r\n    } else if (data.type === types.TYPE_TRUE_FALSE_NO || data.type === types.TYPE_FILL_INPUT_IMG) {\r\n        let indexAnswer = valCorrect.findIndex(ans => ans.position === data.position);\r\n        let valueAnswer = { position: data.position, value: data.evt.target.value };\r\n\r\n        if (indexAnswer > -1) {\r\n            valCorrect[indexAnswer] = valueAnswer;\r\n        } else {\r\n            valCorrect.push(valueAnswer);\r\n        }\r\n    } else if (data.type === types.TYPE_SELECT || data.type === types.TYPE_FILL_BLANK) {\r\n        // console.log('Data for fill blank: ', data)\r\n        let valueCurr = data.evt.target.value;\r\n        let indexCurr = data.type === types.TYPE_SELECT ? data.select_index : data.fill_index;\r\n        let positionDisplay = data.type === types.TYPE_SELECT ? data.position_display : indexCurr;\r\n        let indexAnswer = valCorrect.findIndex(ans => ans.parent === `${data.position}_${indexCurr}`);\r\n        let valueAnswer = { position: data.position, value: valueCurr, select_index: indexCurr, parent: `${data.position}_${indexCurr}`, position_display: positionDisplay };\r\n\r\n        if (indexAnswer > -1) {\r\n            valCorrect[indexAnswer] = valueAnswer;\r\n        } else {\r\n            valCorrect.push(valueAnswer);\r\n        }\r\n    } else if (data.type === types.TYPE_DOWN_ANSWER) {\r\n        let valueAnswer = { position: data.position, value: data.value };\r\n        valCorrect.push(valueAnswer);\r\n    }\r\n    if (questionGroup) {\r\n        // console.log('Set question greoup: ', correctGroupChoosed, data);\r\n        if (correctGroupChoosed.length === 0) {\r\n            // console.log('Question 0');\r\n            correctGroupChoosed.push({ questionId: data.questionId, correct: valCorrect });\r\n        } else {\r\n            let indexValCorrect = correctGroupChoosed.findIndex(cor => cor.questionId === data.questionId);\r\n            // console.log('Set question index: ', indexValCorrect);\r\n            if (indexValCorrect > -1) {\r\n                correctGroupChoosed[indexValCorrect].correct = valCorrect;\r\n            } else {\r\n                correctGroupChoosed.push({ questionId: data.questionId, correct: valCorrect });\r\n            }\r\n        }\r\n    }\r\n    // console.log('End calc: ', valCorrect);\r\n\r\n    return valCorrect;\r\n}\r\n\r\n\r\nexport const getCorrectGroupChoosed = () => {\r\n    return correctGroupChoosed;\r\n}\r\n\r\nexport const setCorrectGroupChoosed = (correct) => {\r\n    correctGroupChoosed = correct;\r\n}\r\n\r\nexport const setContentQuestionFillSelect = (content) => {\r\n    contentForTypeFillSelect = [...contentForTypeFillSelect, content];\r\n}\r\n\r\nexport const resetContentQuestionFillSelect = () => {\r\n    contentForTypeFillSelect = [];\r\n}\r\n\r\nexport const getContentQuestionFillSelect = (content) => {\r\n    return contentForTypeFillSelect;\r\n}","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ViewLibrary.vue?vue&type=style&index=0&id=3c81e3f2&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!./ExerciseSubjectNumber.vue?vue&type=style&index=0&id=8834cdc2&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!./ExerciseSidebar.vue?vue&type=style&index=0&id=0b29b1d2&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!./ExerciseExam.vue?vue&type=style&index=0&id=ecb7fc90&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!./ExerciseSubjectLife.vue?vue&type=style&index=0&id=04d8d232&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!./ExerciseSubject.vue?vue&type=style&index=0&id=42b8f700&lang=scss&scoped=true&\"","export const STORE_KEY = '$_exercise';\r\n\r\nexport const GET_CLASSES = 'GET_CLASSES';\r\n\r\nexport const GET_EXERCISE_FILTER = 'GET_EXERCISE_FILTER';\r\nexport const GET_SUBJECTS_CLASSES = 'GET_SUBJECTS_CLASSES';\r\nexport const GET_EXERCISE_DETAIL = 'GET_EXERCISE_DETAIL';\r\nexport const GET_QUESTION_EXERCISE = 'GET_QUESTION_EXERCISE';\r\nexport const GET_QUESTION_EXERCISE_INFO = 'GET_QUESTION_EXERCISE_INFO';\r\n\r\nexport const TYPE_RADIO = 'radio';\r\nexport const TYPE_CHECKBOX = 'checkbox';\r\nexport const TYPE_TRUE_FALSE_NO = 'answer_t_f_no';\r\nexport const TYPE_MATH_COL = 'math_col';\r\nexport const TYPE_FILL_BLANK = 'fill_blank';\r\nexport const TYPE_FILL_SENTENCE = 'fill_sentence';\r\nexport const TYPE_SELECT = 'select';\r\nexport const TYPE_DOWN_ANSWER = 'down_answer';\r\nexport const TYPE_CIRCLE_ANSWER = 'circle_answer';\r\nexport const TYPE_X_MARK = 'x_mark_answer';\r\nexport const TYPE_GROUP = 'group';\r\n// ExerciseDetail\r\n\r\nexport const LOCAL_SAVE_EXERCISE_DETAIL = 'LOCAL_SAVE_EXERCISE_DETAIL';\r\nexport const OPEN_MATH_FORM = \"EMIT_OPEN_MATH_FORM\";\r\nexport const SEND_MATH_VAL = \"EMIT_SEND_MATH_VAL\";\r\nexport const VALIDATE_QUESTION = \"VALIDATE_QUESTION\";\r\nexport const SET_QUESTION_ACTIVITY = \"SET_QUESTION_ACTIVITY\";\r\nexport const CHECK_CORRECT_QUESTION = \"CHECK_CORRECT_QUESTION\";\r\nexport const SET_QUESTION_VALID_DATA = \"SET_QUESTION_VALID_DATA\";\r\nexport const GET_ALL_CLASSES = 'GET_ALL_CLASSES';\r\nexport const GET_EXERCISE_DETAIL_NUMBER = 'GET_EXERCISE_DETAIL_NUMBER';\r\nexport const LOCAL_SAVE_SUBJECT_NAME = 'sbnex';\r\nexport const LOCAL_SAVE_ID = 'LOCAL_SAVE_ID';\r\nexport const GET_PRACTICE_TYPE = 'GET_PRACTICE_TYPE';\r\nexport const GET_LIST_PRACTICE_TYPE_BOOK = 'GET_LIST_PRACTICE_TYPE_BOOK';\r\nexport const LOCAL_SAVE_QUESTIONS_WORKED = 'quesWorked';\r\nexport const LOCAL_SAVE_CURRENT_QUESTIONS = 'currentquesExerciseDetail';\r\nexport const LOCAL_SAVE_CURRENT_THEMATIC = 'currentquesExerciseThematic';\r\nexport const LOCAL_SAVE_EXERCISE_DETAIL_ROUTE = 'LOCAL_SAVE_EXERCISE_DETAIL_ROUTE';\r\nexport const SET_ACTIVE = 'SET_ACTIVE';\r\nexport const LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE1 = 'LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE1';\r\nexport const LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE = 'LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE';\r\nexport const LOCAL_SAVE_CAT = 'catex';\r\nexport const LOCAL_SAVE_BOOK_ACTIVE = 'exbookcurr';\r\nexport const LOCAL_SAVE_PRACTICE_LIST = 'pralist';\r\nexport const LOCAL_SAVE_BREADCRUMB_CAT = 'brcat';\r\nexport const SET_PACTICE_ACTIVE = 'SET_PACTICE_ACTIVE';\r\nexport const SET_PACTICE_TYPES_DATA = 'SET_PACTICE_TYPES_DATA';\r\nexport const SET_EXERCISE_CLASS_CURR = 'SET_EXERCISE_CLASS_CURR';\r\nexport const LOCAL_SAVE_EXERCISE_CLASS = 'lcexerclass';\r\nexport const LOCAL_QUESTIONS_DATA = 'lcqdt';\r\nexport const SET_QUESTIONS_DATA = 'SET_QUESTIONS_DATA';\r\nexport const SET_BOOKINDEX_OF_BOOK = 'SET_BOOKINDEX_OF_BOOK';\r\nexport const SET_PARAM_FILTER_EXAM = 'SET_PARAM_FILTER_EXAM';\r\nexport const SET_PARAM_FILTER_EX_OTHER_THEMATIC = 'SET_PARAM_FILTER_EX_OTHER_THEMATIC';\r\n\r\nexport const TYPE_EXERCISE_NORMAL = 0;\r\nexport const TYPE_EXERCISE_OTHER = 1;\r\nexport const TYPE_EXERCISE_THEMATIC = 2;\r\nexport const TYPE_EXERCISE_EXAM = 3;\r\n\r\nexport const GET_EBOOKS_DETAIL = 'GET_EBOOKS_DETAIL';\r\n\r\nexport const LOCAL_SAVE_PAGE_OPEN = \"page_open\";\r\nexport const SET_PARAM_SEARCH_RELATE_MEDIA = \"SET_PARAM_SEARCH_RELATE_MEDIA\";\r\nexport const SET_QUESTION_PREVIEW_INFO = \"SET_QUESTION_PREVIEW_INFO\";\r\nexport const EXAM_WORKED_DONE = 1;\r\nexport const EXAM_WORKING = 2;\r\nexport const EXAM_DONT_WORK = 3;\r\nexport const ID_MODAL_PREVIEW_EXERCISE = 'modal_exercise_preview';\r\nexport const SER_CATS_FLAT_EXERCISE = 'SER_CATS_FLAT_EXERCISE';\r\n\r\nexport const SHOW_ACTIVE_CONTENT = \"SHOW_ACTIVE_CONTENT\"\r\nexport const SHOW_BTNS_ITEM_EXERCISE = \"SHOW_BTNS_ITEM_EXERCISE\"","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!./ItemExam.vue?vue&type=style&index=0&id=02a76ebb&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!./ExerciseQuestionList.vue?vue&type=style&index=0&id=5d9dc143&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!./ExerciseEbook.vue?vue&type=style&index=0&id=0ad27f70&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!./SidebarInfo.vue?vue&type=style&index=0&lang=scss&scope=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!./ViewDetailBooks.vue?vue&type=style&index=0&id=357da401&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!./ExerciseQuestionDetail.vue?vue&type=style&index=0&id=2e4d223b&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!./VituralKeyboard.vue?vue&type=style&index=0&id=2f284078&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!./FilterMobile.vue?vue&type=style&index=0&id=e16db426&lang=scss&scoped=true&\"","export default {\r\n\r\n  data() {\r\n    return {\r\n      catsFlat: []\r\n    }\r\n  },\r\n  methods: {\r\n\r\n    flatenCats(cats, parentId = null, parentFirst = null) {\r\n      let self = this;\r\n      cats.map(cat => {\r\n        self.catsFlat = [...self.catsFlat, {...cat, catParent: parentId, catParentFirst: parentFirst}];\r\n        if(cat.bookIndexChilds.length > 0) {\r\n          self.flatenCats(cat.bookIndexChilds, cat.bookIndexId, cat.parentId);\r\n        }\r\n      });\r\n      return self.catsFlat;\r\n    },\r\n\r\n    flatenCatsExOtherOrThematic(cats, parent = null) {\r\n      let self = this\r\n      let parents = []\r\n      if (cats && cats.length > 0) {\r\n        if (parent) {\r\n          const { chapterId, title } = parent\r\n          let indexCatParent = self.catsFlat.findIndex(catf => catf.chapterId === parent.chapterId)\r\n          if (indexCatParent > -1) {\r\n            parents = [...self.catsFlat[indexCatParent].parents, {chapterId, title}]\r\n          } else {\r\n            parents = [{chapterId, title}]\r\n          }\r\n        }\r\n        cats.map(cat => {\r\n          self.catsFlat = [...self.catsFlat, {...cat, parents}]\r\n          if(cat.listChapterChild && cat.listChapterChild.length > 0) {\r\n            self.flatenCatsExOtherOrThematic(cat.listChapterChild, cat);\r\n          }\r\n        })\r\n\r\n        return self.catsFlat;\r\n      }\r\n    },\r\n\r\n    replaceRoutePushToApp () {\r\n      (!this.$route.query.check_question || parseInt(this.$route.query.check_question) !== 1) && this.$router.replace({query: {...this.$route.query, check_question: 1}})\r\n    },\r\n\r\n    replaceRoutePushToAppForResetQuestion () {\r\n      (!this.$route.query.check_question || parseInt(this.$route.query.check_question) !== 2) && this.$router.replace({query: {...this.$route.query, check_question: 2}})\r\n    },\r\n  }\r\n}","export const STORE_KEY = '$_question_preview';\r\n\r\nexport const TYPE_RADIO = 'radio';\r\nexport const TYPE_CHECKBOX = 'checkbox';\r\nexport const TYPE_TRUE_FALSE_NO = 'answer_t_f_no';\r\nexport const TYPE_MATH_COL = 'math_col';\r\nexport const TYPE_FILL_BLANK = 'fill_blank';\r\nexport const TYPE_FILL_SENTENCE = 'fill_sentence';\r\nexport const TYPE_SELECT = 'select';\r\nexport const TYPE_DOWN_ANSWER = 'down_answer';\r\nexport const TYPE_CIRCLE_ANSWER = 'circle_answer';\r\nexport const TYPE_X_MARK = 'x_mark_answer';\r\nexport const TYPE_DRAW_SHAPE_ANSWER = 'draw_shape_answer';\r\nexport const TYPE_GROUP = 'group';\r\nexport const TYPE_FILL_INPUT_IMG = 'fill_input_img';\r\n\r\nexport const SET_QUESTIONS = 'SET_QUESTIONS';\r\nexport const SET_QUESTION = 'SET_QUESTION';\r\nexport const VALIDATE_QUESTION = 'VALIDATE_QUESTION';\r\nexport const SET_QUESTION_SCROLL = 'SET_QUESTION_SCROLL';\r\nexport const SET_CORRECT_GROUP_VALUE = 'SET_CORRECT_GROUP_VALUE';\r\nexport const SET_VIEW_APPROVAL_ITEM = 'SET_VIEW_APPROVAL_ITEM';\r\nexport const SET_QUESTION_GROUP = 'SET_QUESTION_GROUP';\r\nexport const SET_CHANGE_ANSWER = 'SET_CHANGE_ANSWER';\r\nexport const SET_ANSWER_WRITED_EBOOK = 'SET_ANSWER_WRITED_EBOOK';\r\nexport const SET_VITURAL_KEYBOARD_VALUE = 'SET_VITURAL_KEYBOARD_VALUE';\r\nexport const SET_QUESTION_DATA_4_CHECK_ANSWER = 'SET_QUESTION_DATA_4_CHECK_ANSWER';\r\nexport const SET_QUESTION_LIST_4_CHECK_ANSWER = 'SET_QUESTION_LIST_4_CHECK_ANSWER';","import { EXAM_WORKED_DONE, EXAM_WORKING, EXAM_DONT_WORK } from './constants'\r\n\r\nexport default {\r\n  \r\n  methods: {\r\n\r\n    checkTypeExam (type) {\r\n      switch (type) {\r\n        case EXAM_WORKED_DONE:\r\n          return 'Đã hoàn thành'\r\n          break;\r\n        case EXAM_WORKING:\r\n          return 'Chưa hoàn thành'\r\n          break;\r\n        default:\r\n          return 'Chưa làm'\r\n          break;\r\n      }\r\n    }\r\n  }\r\n}","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExamQuestion.vue?vue&type=style&index=0&id=2da869e8&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!./ThematicSidebar.vue?vue&type=style&index=0&id=61d2c6cf&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c(_vm.template,{tag:\"component\"})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import * as types from './constants';\r\nimport * as api from '../_api'\r\nimport { getMediaRelateInBookPage } from '../_api'\r\n// import { LuggageNumber } from '../_api'\r\nconst getClasses = ({ commit }) => {\r\n    api.fetchClasses\r\n        .then((response) => {\r\n            commit(types.GET_CLASSES, response.data);\r\n        })\r\n        .catch((error) => {\r\n            // eslint-disable-next-line\r\n            console.error(error);\r\n        });\r\n};\r\nconst getSubjectsClasses = ({ commit }, params = {}) => {\r\n    api.fetchSubjectsClasses(params)\r\n        .then((response) => {\r\n            commit(types.GET_SUBJECTS_CLASSES, response.data.items);\r\n        })\r\n        .catch((error) => {\r\n            // eslint-disable-next-line\r\n            console.error(error);\r\n        });\r\n};\r\n\r\nconst getExerciseDetail = ({ commit }, id) => {\r\n    api.getExerciseDetail(id)\r\n        .then((response) => {\r\n            commit(types.GET_EXERCISE_DETAIL, response.data);\r\n        })\r\n        .catch((error) => {\r\n            // eslint-disable-next-line\r\n            console.error(error);\r\n        });\r\n};\r\n\r\n// data\r\nconst getExerciseFilter = ({ commit }, data) => {\r\n    return commit(types.GET_EXERCISE_FILTER, data);\r\n}\r\n\r\nconst getQuestionExercise = ({ commit }, id) => {\r\n    api.getQuestionByLesson(id)\r\n        .then((response) => {\r\n            commit(types.GET_QUESTION_EXERCISE_INFO, response.data);\r\n            if (response.data && response.data.exercises) {\r\n                let lengthExercise = response.data.exercises.length;\r\n                let dataExercise = lengthExercise > 0 ? response.data.exercises[lengthExercise - 1].exercises_question : [];\r\n                commit(types.GET_QUESTION_EXERCISE, dataExercise);\r\n            }\r\n        })\r\n        .catch();\r\n}\r\n\r\nconst getEBooksDetail = ({ commit }, id) => {\r\n  api.getEBooksDetail(id)\r\n    .then((response) => {\r\n      commit(types.GET_EBOOKS_DETAIL, response.data);\r\n    })\r\n    .catch();\r\n};\r\n\r\nconst getRelateMedia = ({ commit }, params) => {\r\n    return getMediaRelateInBookPage(params).then(res => {\r\n        return (res && res.data && !res.errors) ? res.data : [];\r\n    }).catch(() => { return false; });\r\n}\r\n\r\nconst setQuestionActivity = ({ commit }, data) => {\r\n    return commit(types.SET_QUESTION_ACTIVITY, data);\r\n}\r\n\r\nconst toggleFormMath = ({ commit }, value) => {\r\n    commit(types.OPEN_MATH_FORM, value);\r\n}\r\n\r\nconst sendValueMathlive = ({ commit }, value) => {\r\n    commit(types.SEND_MATH_VAL, value);\r\n}\r\n\r\nconst validateQuestion = ({ commit }, data) => {\r\n    commit(types.VALIDATE_QUESTION, data);\r\n}\r\n\r\nconst checkQuestionCorrect = ({ commit }, data) => {\r\n    commit(types.CHECK_CORRECT_QUESTION, data);\r\n}\r\n\r\nconst setQuestionValidData = ({ commit }, data) => {\r\n    commit(types.SET_QUESTION_VALID_DATA, data);\r\n}\r\n\r\nconst actionSetShowActiveContent = ({ commit }, data) => {\r\n    commit(types.SHOW_ACTIVE_CONTENT, data);\r\n}\r\n\r\nconst getAllClasses = ({ commit }, id) => {\r\n    api.getAllClasses(id)\r\n        .then((response) => {\r\n            commit(types.GET_ALL_CLASSES, response.data);\r\n        })\r\n        .catch((error) => {\r\n            console.error(error);\r\n        });\r\n}\r\n\r\nconst actionSetPracticeCurr = ({ commit }, data) => {\r\n    commit(types.SET_PACTICE_ACTIVE, data);\r\n}\r\n\r\nconst actionSetDataPacticeType = ({ commit }, data) => {\r\n    commit(types.SET_PACTICE_TYPES_DATA, data)\r\n}\r\n\r\nconst actionSetLocalExerciseClassCurr = ({ commit }, data) => {\r\n    commit(types.SET_EXERCISE_CLASS_CURR, data)\r\n}\r\n\r\nconst actionSetQuestionsData = ({ commit }, data) => {\r\n    commit(types.SET_QUESTIONS_DATA, data)\r\n}\r\n\r\nconst actionBookIndexOfBook = ({ commit }, data) => {\r\n    commit(types.SET_BOOKINDEX_OF_BOOK, data)\r\n}\r\n\r\nconst acSetParamFilterExam = ({ commit }, data) => {\r\n    commit(types.SET_PARAM_FILTER_EXAM, data)\r\n}\r\n\r\nconst acSetParamFilterOtherThematic = ({ commit }, data) => {\r\n    commit(types.SET_PARAM_FILTER_EX_OTHER_THEMATIC, data)\r\n}\r\n\r\nconst acSetQuestionPreviewInfo = ({ commit }, data) => {\r\n    commit(types.SET_QUESTION_PREVIEW_INFO, data)\r\n}\r\n\r\nconst acSetCatsFlat = ({ commit }, data) => {\r\n    commit(types.SER_CATS_FLAT_EXERCISE, data)\r\n}\r\n\r\nconst acSetIdShowBtnsItemExercise = ({ commit }, data) => {\r\n    commit(types.SHOW_BTNS_ITEM_EXERCISE, data)\r\n}\r\n\r\nexport default {\r\n    getClasses,\r\n    getSubjectsClasses,\r\n    getExerciseFilter,\r\n    getExerciseDetail,\r\n    getQuestionExercise,\r\n    toggleFormMath,\r\n    sendValueMathlive,\r\n    validateQuestion,\r\n    setQuestionActivity,\r\n    checkQuestionCorrect,\r\n    setQuestionValidData,\r\n    getAllClasses,\r\n    actionSetPracticeCurr,\r\n    actionSetDataPacticeType,\r\n    actionSetLocalExerciseClassCurr,\r\n    actionSetQuestionsData,\r\n    actionBookIndexOfBook,\r\n    acSetParamFilterExam,\r\n    acSetParamFilterOtherThematic,\r\n    getEBooksDetail,\r\n    getRelateMedia,\r\n    acSetQuestionPreviewInfo,\r\n    acSetCatsFlat,\r\n    actionSetShowActiveContent,\r\n    acSetIdShowBtnsItemExercise\r\n};","const classes = state => state.classes;\r\nconst subjectsClasses = state => state.subjectsClasses;\r\nconst exerciseFilter = state => state.exerciseFilter;\r\nconst exerciseDetail = state => state.exerciseDetail;\r\nconst question_exercise = state => state.question_exercise;\r\nconst question_exercise_info = state => state.question_exercise_info;\r\nconst math_value = state => state.math_value;\r\nconst open_math = state => state.open_math;\r\nconst validate_question = state => state.validate_question;\r\nconst question_activity = state => state.question_activity;\r\nconst check_answer = state => state.check_answer;\r\nconst question_valid_data = state => state.question_valid_data;\r\nconst allClasses = state => state.allClasses;\r\nconst getExerciseDetailNumber = state => state.getExerciseDetailNumber;\r\nconst getPracticeType = state => state.getPracticeType;\r\nconst getLisstPracticeTypeBook = state => state.getLisstPracticeTypeBook;\r\nconst getActive = state => state.getActive;\r\nconst practiceActive = state => state.practiceActive;\r\nconst practiceTypes = state => state.practiceTypes;\r\nconst exerciseClassCurr = state => state.exerciseClassCurr;\r\nconst questionsExercise = state => state.questionsExercise;\r\nconst ebooksDetail = state => state.ebooksDetail;\r\nconst showActiveContent = state => state.showActiveContent;\r\n\r\n\r\n\r\nexport default {\r\n    classes,\r\n    subjectsClasses,\r\n    exerciseFilter,\r\n    exerciseDetail,\r\n    question_exercise,\r\n    question_exercise_info,\r\n    math_value,\r\n    open_math,\r\n    validate_question,\r\n    question_activity,\r\n    check_answer,\r\n    question_valid_data,\r\n    allClasses,\r\n    getExerciseDetailNumber,\r\n    getPracticeType,\r\n    getLisstPracticeTypeBook,\r\n    getActive,\r\n    practiceActive,\r\n    practiceTypes,\r\n    exerciseClassCurr,\r\n    questionsExercise,\r\n    ebooksDetail,\r\n    showActiveContent\r\n};","import * as types from './constants';\r\n\r\nexport default {\r\n    // Set classes\r\n    [types.GET_CLASSES](state, data) {\r\n        state.classes = data;\r\n    },\r\n    // Set classes\r\n    [types.GET_SUBJECTS_CLASSES](state, data) {\r\n        state.subjectsClasses = data;\r\n    },\r\n    // Set excercise filter\r\n    [types.GET_EXERCISE_FILTER](state, data) {\r\n        state.exerciseFilter = data;\r\n    },\r\n    // Set exercise detail\r\n    [types.GET_EXERCISE_DETAIL](state, data) {\r\n        state.exerciseDetail = data;\r\n    },\r\n\r\n    [types.GET_QUESTION_EXERCISE](state, data) {\r\n        state.question_exercise = data;\r\n    },\r\n\r\n    [types.GET_QUESTION_EXERCISE_INFO](state, data) {\r\n        state.question_exercise_info = data;\r\n    },\r\n\r\n    [types.SET_QUESTION_ACTIVITY](state, data) {\r\n        state.question_activity = data;\r\n    },\r\n\r\n    [types.OPEN_MATH_FORM](state, data) {\r\n        state.open_math = data;\r\n    },\r\n\r\n    [types.SEND_MATH_VAL](state, data) {\r\n        state.math_value = data;\r\n    },\r\n\r\n    [types.VALIDATE_QUESTION](state, value) {\r\n        state.validate_question = value;\r\n    },\r\n\r\n    [types.CHECK_CORRECT_QUESTION](state, value) {\r\n        state.check_answer = value;\r\n    },\r\n\r\n    [types.SET_QUESTION_VALID_DATA](state, value) {\r\n        state.question_valid_data = value;\r\n    },\r\n    // Get All Classes\r\n    [types.GET_ALL_CLASSES](state, data) {\r\n        state.allClasses = data;\r\n    },\r\n    [types.GET_EXERCISE_DETAIL_NUMBER](state, data) {\r\n        state.getExerciseDetailNumber = data;\r\n    },\r\n    [types.GET_PRACTICE_TYPE](state, data) {\r\n        state.getPracticeType = data;\r\n    },\r\n    [types.GET_LIST_PRACTICE_TYPE_BOOK](state, data) {\r\n        state.getLisstPracticeTypeBook = data;\r\n    },\r\n    [types.SET_ACTIVE](state, data) {\r\n        state.getActive = data;\r\n    },\r\n\r\n    [types.SET_PACTICE_ACTIVE](state, data) {\r\n        state.practiceActive = data;\r\n    },\r\n\r\n    [types.SET_PACTICE_TYPES_DATA](state, data) {\r\n        state.practiceTypes = data;\r\n    },\r\n\r\n    [types.SET_EXERCISE_CLASS_CURR](state, data) {\r\n        state.exerciseClassCurr = data;\r\n    },\r\n\r\n    [types.SET_QUESTIONS_DATA](state, data) {\r\n        state.questionsExercise = data;\r\n    },\r\n\r\n    [types.SET_BOOKINDEX_OF_BOOK](state, data) {\r\n        state.bookIndexOfBook = data;\r\n    },\r\n\r\n    [types.SET_PARAM_FILTER_EXAM](state, data) {\r\n        state.paramsFilterExExam = data;\r\n    },\r\n\r\n    [types.SET_PARAM_FILTER_EX_OTHER_THEMATIC](state, data) {\r\n        state.paramsFilterExOtherThematic = data;\r\n    },\r\n    // Set ebooks detail\r\n    [types.GET_EBOOKS_DETAIL](state, data) {\r\n        state.ebooksDetail = data;\r\n    },\r\n\r\n    [types.SET_PARAM_SEARCH_RELATE_MEDIA](state, value) {\r\n        state.paramSearchRelateMedia = value;\r\n    },\r\n\r\n    [types.SET_QUESTION_PREVIEW_INFO](state, value) {\r\n        state.infoQuestionPreview = value;\r\n    },\r\n\r\n    [types.SER_CATS_FLAT_EXERCISE](state, value) {\r\n        state.catsFlatForExercise = value;\r\n    },\r\n\r\n    [types.SHOW_ACTIVE_CONTENT](state, value) {\r\n        state.showActiveContent = value;\r\n    },\r\n\r\n    [types.SHOW_BTNS_ITEM_EXERCISE](state, value) {\r\n        state.idOpenActionBtns = value;\r\n    },\r\n};","import actions from './actions';\r\nimport getters from './getters';\r\nimport mutations from './mutations';\r\n\r\nconst state = {\r\n    classes: [],\r\n    subjectsClasses: [],\r\n    exerciseFilter: {},\r\n    exerciseDetail: {},\r\n    question_exercise: [],\r\n    question_exercise_info: {},\r\n    open_math: {},\r\n    math_value: null,\r\n    validate_question: {},\r\n    question_activity: {},\r\n    check_answer: false,\r\n    question_valid_data: [],\r\n    allClasses: [],\r\n    getExerciseDetailNumber: [],\r\n    getPracticeType: [],\r\n    getLisstPracticeTypeBook: [],\r\n    getActive: 0,\r\n    practiceActive: {},\r\n    practiceTypes: [],\r\n    exerciseClassCurr: {},\r\n    questionsExercise: {},\r\n    bookIndexOfBook: [],\r\n    paramsFilterExExam: {classId : 1, subjectId: 0, typeId: 0, keyword: '', pageIndex: 1, pageSize: 12, sort: '', direction: ''},\r\n    paramsFilterExOtherThematic: {classId : 1, subjectId: 0, type: 0},\r\n    ebooksDetail: {},\r\n    paramSearchRelateMedia: { bookId: 0, pageNo: 0, typeId: 0, pageIndex: 0, pageSize: 6 },\r\n    infoQuestionPreview: {},\r\n    catsFlatForExercise: [],\r\n    showActiveContent: {},\r\n    idOpenActionBtns: 0\r\n};\r\n\r\nexport default {\r\n    namespaced: true,\r\n    state,\r\n    actions,\r\n    getters,\r\n    mutations\r\n};","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"exercise exercise-list exercise-tabs\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/luyen-tap\"}},[_vm._v(\"Luyện tập\")])],1)])])]),_c('div',{staticClass:\"ss-banner ss-banner--shadow-img ss-banner--ebook ss-banner--not-bg\"},[_c('div',{staticClass:\"container-hts\"},[(!_vm.isMobile)?_c('div',{staticClass:\"ss-banner__wrap display-flex-end justify-content-between\"},[_c('div',{staticClass:\"ss-banner__classes\"},[_c('span',{staticClass:\"ss-banner__classes__name\"},[_vm._v(\"Lớp\")]),_c('ul',{staticClass:\"ss-banner__classes__list p-0 margin-0\"},_vm._l((_vm.classFilter),function(item,index){return _c('li',{key:(\"filter_\" + index)},[_c('a',{staticClass:\"height-100\",class:{'active': item.classId == _vm.classActive},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.filterExerciseByClass(item)}}},[(item.classId==_vm.classActive)?_c('img',{attrs:{\"src\":require(\"@/assets/images/bg-number.png\"),\"alt\":item.classNo}}):_vm._e(),_c('span',{class:{'mn':item.name == 'Mầm non'}},[_vm._v(_vm._s(_vm.formatName(item.name)))])])])}),0)])]):(_vm.isMobile && _vm.classFilter && _vm.classFilter.length > 0 && _vm.dataTabs && _vm.dataTabs.length)?_c('FilterMobile',{attrs:{\"classes\":_vm.classFilter,\"selectClass\":_vm.classActive,\"bookGroups\":_vm.dataTabs},on:{\"filterClass\":_vm.filterExerciseByClass,\"filterGroup\":_vm.handleSetTabActive}}):_vm._e()],1)]),_c('div',{staticClass:\"ss-data\"},[_c('div',{staticClass:\"container-hts\"},[(!_vm.isMobile)?_c('b-tabs',{staticClass:\"exercise-list__tabs tabs-tooltip justify-content-between\"},_vm._l((_vm.dataTabs),function(item,index){return _c('b-tab',{key:index,staticClass:\"exercise-list__tab\",attrs:{\"active\":_vm.tabActive == item.practiceTypeId ? true : false},on:{\"click\":function($event){return _vm.handleSetTabActive(item, index)}},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(_vm._s(item.name))]},proxy:true}],null,true)})}),1):_vm._e(),_c('div',{staticClass:\"exercise-list__data\"},[_c('div',{staticClass:\"row mb-100\"},_vm._l((_vm.dataSubjects),function(item,index){return _c('ItemExam',{key:index,staticClass:\"col-xl-3 col-md-4 col-sm-6\",attrs:{\"dataSource\":item,\"tabPracticeTypeId\":_vm.tabPracticeTypeId,\"examTypes\":item.practiceTypeNew}})}),1)])],1)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"item\",class:{'active': _vm.idOpenActionBtns === _vm.dataSource.subjectId}},[_c('div',{staticClass:\"item__wrap position-rel\"},[_c('div',{staticClass:\"item__head aspect-ratio aspect-ratio--16-9 text-center border-rd-4 bg-transparent\",on:{\"click\":function($event){return _vm.handleOpenActions(_vm.dataSource)}}},[(_vm.dataSource.imageUrl)?_c('div',{staticClass:\"img__wrap\"},[_c('img',{attrs:{\"src\":_vm.dataSource.imageUrl ? _vm.handleResizeImg(_vm.dataSource.imageUrl) : _vm.img404,\"alt\":_vm.dataSource.name}})]):_vm._e()]),_c('div',{staticClass:\"item__body\"},[_c('h3',{staticClass:\"item__title font-size-20 font-sanpro-semibold primary-color-txt display-block text-center\",on:{\"click\":function($event){return _vm.handleOpenActions(_vm.dataSource)}}},[_vm._v(\"\\n        \"+_vm._s(_vm.dataSource.name)+\"\\n      \")])]),_c('div',{staticClass:\"item__footer\",class:{'active': _vm.idOpenActionBtns === _vm.dataSource.subjectId}},[_c('ul',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.idOpenActionBtns === _vm.dataSource.subjectId),expression:\"idOpenActionBtns === dataSource.subjectId\"}],staticClass:\"margin-0 p-0\"},_vm._l((_vm.examTypes),function(item,index){return _c('li',{key:index,staticClass:\"list-style-none\",on:{\"click\":function($event){return _vm.directToDetail(item, _vm.dataSource)}}},[_vm._v(\"\\n            \"+_vm._s(item.bookTypeName)+\"\\n          \")])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"item\" :class=\"{'active': idOpenActionBtns === dataSource.subjectId}\">\r\n    <div class=\"item__wrap position-rel\">\r\n      <div class=\"item__head aspect-ratio aspect-ratio--16-9 text-center border-rd-4 bg-transparent\" @click=\"handleOpenActions(dataSource)\">\r\n        <div class=\"img__wrap\" v-if=\"dataSource.imageUrl\">\r\n          <img :src=\"dataSource.imageUrl ? handleResizeImg(dataSource.imageUrl) : img404\" :alt=\"dataSource.name\">\r\n        </div>\r\n      </div>\r\n      <div class=\"item__body\">\r\n        <h3\r\n          class=\"item__title font-size-20 font-sanpro-semibold primary-color-txt display-block text-center\"\r\n          @click=\"handleOpenActions(dataSource)\"\r\n        >\r\n          {{ dataSource.name }}\r\n        </h3>\r\n      </div>\r\n      <div class=\"item__footer\" :class=\"{'active': idOpenActionBtns === dataSource.subjectId}\">\r\n        <!-- <transition name=\"fade-transform-y\"> -->\r\n          <ul v-show=\"idOpenActionBtns === dataSource.subjectId\" class=\"margin-0 p-0\">\r\n            <li\r\n              v-for=\"(item, index) of examTypes\"\r\n              :key=\"index\"\r\n              class=\"list-style-none\"\r\n              @click=\"directToDetail(item, dataSource)\"\r\n            >\r\n              {{ item.bookTypeName }}\r\n            </li>\r\n          </ul>\r\n        <!-- </transition> -->\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from 'vuex'\r\nimport { APP_CONFIG } from '@/utils/constants'\r\nimport { replaceImageResize } from '@/helpers/functions'\r\nimport mixinExam from './../../_store/mixinExam'\r\nimport { STORE_KEY, TYPE_EXERCISE_OTHER, TYPE_EXERCISE_THEMATIC, TYPE_EXERCISE_EXAM } from './../../_store/constants'\r\nconst img404 = require(`@/assets/images/img_404.jpg`)\r\n\r\nexport default {\r\n  name: 'ItemExam',\r\n  props: {\r\n    dataSource: Object,\r\n    examTypes: Array,\r\n    tabPracticeTypeId: Number\r\n  },\r\n  data() {\r\n    return {\r\n      img404,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState(STORE_KEY, ['idOpenActionBtns']),\r\n\r\n    routerQuery() {\r\n      return this.$route.query;\r\n    }\r\n  },\r\n  methods: {\r\n    ...mapActions(STORE_KEY, ['acSetIdShowBtnsItemExercise']),\r\n\r\n    handleResizeImg (link) {\r\n      return replaceImageResize(link, {width: 285, height: 404})\r\n    },\r\n\r\n    directToDetail (data, subject) {\r\n      console.log('data', data);\r\n      if (!data) {\r\n        return\r\n      }\r\n      let self = this\r\n      let routeQuery = self.$route.query;\r\n      let classId = parseInt(self.$route.query.lop)\r\n      let typeId = parseInt(data.practiceTypeId)\r\n      let subjectId = subject.subjectId\r\n\r\n      switch (data.type) {\r\n        case TYPE_EXERCISE_OTHER:\r\n          self.$router.push({name: 'exerciseOtherDetail', params: {classId, subjectId, typeId, id: 0 }, query: {cauhoi: 1} })\r\n          break;\r\n        case TYPE_EXERCISE_THEMATIC:\r\n          self.$router.push({name: 'exerciseThematicDetail', params: {classId, subjectId, typeId, id: 0 }, query: {cauhoi: 0}})\r\n          break;\r\n        case TYPE_EXERCISE_EXAM:\r\n          self.$router.push({ name: 'exerciseExamList', params: {classId, subjectId} })\r\n          break;\r\n        default:\r\n          console.log('typeId', typeId)\r\n          self.$router.push({name: \"exerciseDetail\", params:{classId, subjectId, bookType: data.bookTypeId , practiceType: typeId}})\r\n          break;\r\n      }\r\n    },\r\n\r\n    handleOpenActions (data) {\r\n      this.acSetIdShowBtnsItemExercise(this.idOpenActionBtns === data.subjectId ? 0 : data.subjectId)\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .item {\r\n    margin-bottom: 35px;\r\n\r\n    &__wrap {\r\n      padding: 8px;\r\n      @extend .border-rd-10;\r\n    }\r\n\r\n    &__footer {\r\n      // position: absolute;\r\n      // top: 100%;\r\n      // left: 0;\r\n      // width: 100%;\r\n      overflow:hidden;\r\n      transition: max-height 0.5s ease-out; // note that we're transitioning max-height, not height!\r\n      height: auto;\r\n      max-height: 0;\r\n      border-radius: 0 0 4px 4px;\r\n      z-index: 2;\r\n\r\n      &.active {\r\n        max-height: 600px; // still have to hard-code a value!\r\n      }\r\n\r\n      ul {\r\n        li {\r\n          @extend .display-block;\r\n          @extend .bg-color-light;\r\n          @extend .primary-color;\r\n          @extend .font-sanpro-semibold;\r\n          @extend .font-size-15;\r\n          @extend .text-center;\r\n          @extend .border-rd-4;\r\n          padding: 5px 8px;\r\n\r\n          &:not(:last-child) {\r\n            margin-bottom: 10px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__body {\r\n      padding: 8px 0 10px;\r\n    }\r\n\r\n    &.active {\r\n      .item {\r\n        &__wrap {\r\n          @extend .color_bg_gray_light;\r\n          border-radius: 4px 4px 0 0;\r\n        }\r\n\r\n        &__footer {\r\n          padding: 0 8px 10px;\r\n          @extend .color_bg_gray_light;\r\n        }\r\n      }\r\n    }\r\n\r\n    @media screen and ( min-width: 992px ) and ( max-width: 1300px ) {\r\n      &__title {\r\n        font-size: 18px;\r\n      }\r\n    }\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!./ItemExam.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!./ItemExam.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ItemExam.vue?vue&type=template&id=02a76ebb&scoped=true&\"\nimport script from \"./ItemExam.vue?vue&type=script&lang=js&\"\nexport * from \"./ItemExam.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ItemExam.vue?vue&type=style&index=0&id=02a76ebb&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  \"02a76ebb\",\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:\"filter-mobile\"},[_c('div',{staticClass:\"filter-mobile__label display-flex-center justify-content-between\"},[_c('div',{staticClass:\"item btn btn-gray border-rd-20 display-flex-center justify-content-center\",class:{'active': _vm.selectBoxOpen === 'class'},on:{\"click\":function($event){return _vm.handleCollapseSelect('class')}}},[_c('span',{staticClass:\"item__name font-sanpro-semibold font-size-16\",class:{'primary-color': _vm.selectBoxOpen === 'class', 'secondary-color-txt': _vm.selectBoxOpen !== 'class'}},[_vm._v(\"\\n        \"+_vm._s(_vm.classes[_vm.classIndexActive].name)+\"\\n      \")]),_c('span',{staticClass:\"item__icon\"},[_c('i',{staticClass:\"icon-arrow-down font-size-12\",class:{'primary-color': _vm.selectBoxOpen === 'class', 'secondary-color-txt': _vm.selectBoxOpen !== 'class'}})])]),(_vm.bookGroups && _vm.bookGroups.length > 0)?_c('div',{staticClass:\"item btn btn-gray border-rd-20 display-flex-center justify-content-center\",class:{'active': _vm.selectBoxOpen === 'group'},on:{\"click\":function($event){return _vm.handleCollapseSelect('group')}}},[_c('span',{staticClass:\"item__name font-sanpro-semibold font-size-16\",class:{'primary-color': _vm.selectBoxOpen === 'group', 'secondary-color-txt': _vm.selectBoxOpen !== 'group'}},[_vm._v(\"\\n        Bộ sách\\n      \")]),_c('span',{staticClass:\"item__icon\"},[_c('i',{staticClass:\"icon-arrow-down font-size-12\",class:{'primary-color': _vm.selectBoxOpen === 'group', 'secondary-color-txt': _vm.selectBoxOpen !== 'group'}})])]):_vm._e()]),_c('div',{staticClass:\"filter-mobile__body\"},[(_vm.selectBoxOpen === 'class')?_c('div',{staticClass:\"filter-mobile__class display-flex-wrap justify-content-between\"},_vm._l((_vm.classes),function(item,index){return _c('a',{key:index,staticClass:\"item btn btn-gray border-rd-20 font-sanpro-semibold font-size-15\",class:{'active primary-color': _vm.selectClass === item.classId, 'secondary-color-txt': _vm.selectClass !== item.classId},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleFilterByClass(item)}}},[_vm._v(\"\\n        \"+_vm._s(item.classNo)+\"\\n      \")])}),0):(_vm.selectBoxOpen === 'group')?_c('div',{staticClass:\"filter-mobile__group display-flex-wrap justify-content-between\"},_vm._l((_vm.bookGroups),function(item,index){return _c('a',{key:index,staticClass:\"item btn btn-gray border-rd-20 font-sanpro-semibold font-size-15\",class:{'active primary-color': _vm.bookGroupActive === item.practiceTypeId, 'secondary-color-txt': _vm.bookGroupActive !== item.practiceTypeId},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleFilterByGroup(item)}}},[_vm._v(\"\\n        \"+_vm._s(item.name)+\"\\n      \")])}),0):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"filter-mobile\">\r\n    <div class=\"filter-mobile__label display-flex-center justify-content-between\">\r\n      <div\r\n        class=\"item btn btn-gray border-rd-20 display-flex-center justify-content-center\"\r\n        :class=\"{'active': selectBoxOpen === 'class'}\"\r\n        @click=\"handleCollapseSelect('class')\"\r\n      >\r\n        <span\r\n          class=\"item__name font-sanpro-semibold font-size-16\"\r\n          :class=\"{'primary-color': selectBoxOpen === 'class', 'secondary-color-txt': selectBoxOpen !== 'class'}\"\r\n        >\r\n          {{ classes[classIndexActive].name }}\r\n        </span>\r\n        <span class=\"item__icon\">\r\n          <i\r\n            class=\"icon-arrow-down font-size-12\"\r\n            :class=\"{'primary-color': selectBoxOpen === 'class', 'secondary-color-txt': selectBoxOpen !== 'class'}\"\r\n          ></i>\r\n        </span>\r\n      </div>\r\n      <div\r\n        v-if=\"bookGroups && bookGroups.length > 0\"\r\n        class=\"item btn btn-gray border-rd-20 display-flex-center justify-content-center\"\r\n        :class=\"{'active': selectBoxOpen === 'group'}\"\r\n        @click=\"handleCollapseSelect('group')\"\r\n      >\r\n        <span\r\n          class=\"item__name font-sanpro-semibold font-size-16\"\r\n          :class=\"{'primary-color': selectBoxOpen === 'group', 'secondary-color-txt': selectBoxOpen !== 'group'}\"\r\n        >\r\n          Bộ sách\r\n        </span>\r\n        <span class=\"item__icon\">\r\n          <i\r\n            class=\"icon-arrow-down font-size-12\"\r\n            :class=\"{'primary-color': selectBoxOpen === 'group', 'secondary-color-txt': selectBoxOpen !== 'group'}\"\r\n          ></i>\r\n        </span>\r\n      </div>\r\n    </div>\r\n    <div class=\"filter-mobile__body\">\r\n      <div v-if=\"selectBoxOpen === 'class'\" class=\"filter-mobile__class display-flex-wrap justify-content-between\">\r\n        <a\r\n          v-for=\"(item, index) of classes\"\r\n          :key=\"index\"\r\n          href=\"javascript:;\"\r\n          class=\"item btn btn-gray border-rd-20 font-sanpro-semibold font-size-15\"\r\n          :class=\"{'active primary-color': selectClass === item.classId, 'secondary-color-txt': selectClass !== item.classId}\"\r\n          @click=\"handleFilterByClass(item)\"\r\n        >\r\n          {{ item.classNo }}\r\n        </a>\r\n      </div>\r\n      <div v-else-if=\"selectBoxOpen === 'group'\" class=\"filter-mobile__group display-flex-wrap justify-content-between\">\r\n        <a\r\n          v-for=\"(item, index) of bookGroups\"\r\n          :key=\"index\"\r\n          href=\"javascript:;\"\r\n          class=\"item btn btn-gray border-rd-20 font-sanpro-semibold font-size-15\"\r\n          :class=\"{'active primary-color': bookGroupActive === item.practiceTypeId, 'secondary-color-txt': bookGroupActive !== item.practiceTypeId}\"\r\n          @click=\"handleFilterByGroup(item)\"\r\n        >\r\n          {{ item.name }}\r\n        </a>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: 'FilterMobile',\r\n  props: {\r\n    selectClass: Number,\r\n    classes: Array,\r\n    bookGroups: Array\r\n  },\r\n  data() {\r\n    return {\r\n      selectBoxOpen: '' // class, group\r\n    };\r\n  },\r\n  computed: {\r\n    classId () {\r\n      return parseInt(this.$route.query.lop)\r\n    },\r\n    classIndexActive () {\r\n      let result = 0\r\n      if (this.$route.query.lop) {\r\n        result = this.classes.findIndex(cl => cl.classId === parseInt(this.$route.query.lop))\r\n      }\r\n      return result\r\n    },\r\n    bookGroupActive () {\r\n      return parseInt(this.$route.query.tab) || 0\r\n    }\r\n  },\r\n  methods: {\r\n\r\n    handleCollapseSelect (type) {\r\n      this.selectBoxOpen = this.selectBoxOpen === type ? '' : type\r\n    },\r\n\r\n    handleFilterByClass (data) {\r\n      this.classId !== data.classId && this.$emit('filterClass', data)\r\n    },\r\n\r\n    handleFilterByGroup (index) {\r\n      if (this.bookGroupActive !== index) {\r\n        this.$emit('filterGroup', index)\r\n      }\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.filter-mobile {\r\n  &__label {\r\n    .item {\r\n      width: 49%;\r\n    }\r\n  }\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!./FilterMobile.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!./FilterMobile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FilterMobile.vue?vue&type=template&id=e16db426&scoped=true&\"\nimport script from \"./FilterMobile.vue?vue&type=script&lang=js&\"\nexport * from \"./FilterMobile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FilterMobile.vue?vue&type=style&index=0&id=e16db426&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  \"e16db426\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <transition name=\"fade\">\r\n    <div class=\"exercise exercise-list exercise-tabs\">\r\n      <div class=\"ss-breadcrumb\">\r\n        <div class=\"container-hts\">\r\n          <ul class=\"margin-0 p-0\">\r\n            <li>\r\n              <router-link to=\"/luyen-tap\">Luyện tập</router-link>\r\n            </li>\r\n          </ul>\r\n        </div>\r\n      </div>\r\n      <div class=\"ss-banner ss-banner--shadow-img ss-banner--ebook ss-banner--not-bg\" >\r\n        <div class=\"container-hts\">\r\n          <div v-if=\"!isMobile\" class=\"ss-banner__wrap display-flex-end justify-content-between\">\r\n            <div class=\"ss-banner__classes\">\r\n              <span class=\"ss-banner__classes__name\">Lớp</span>\r\n              <ul class=\"ss-banner__classes__list p-0 margin-0\">\r\n                <li v-for=\"(item, index) of classFilter\" :key=\"`filter_${index}`\">\r\n                  <a\r\n                    href=\"javascript:;\"\r\n                    class=\"height-100\"\r\n                    :class=\"{'active': item.classId == classActive}\"\r\n                    @click=\"filterExerciseByClass(item)\"\r\n                  >\r\n                    <img\r\n                      v-if=\"item.classId==classActive\"\r\n                      src=\"@/assets/images/bg-number.png\"\r\n                      :alt=\"item.classNo\"\r\n                    />\r\n                    <span :class=\"{'mn':item.name == 'Mầm non'}\">{{ formatName(item.name) }}</span>\r\n                  </a>\r\n                </li>\r\n              </ul>\r\n            </div>\r\n          </div>\r\n          <FilterMobile\r\n            v-else-if=\"isMobile && classFilter && classFilter.length > 0 && dataTabs && dataTabs.length\"\r\n            :classes=\"classFilter\"\r\n            :selectClass=\"classActive\"\r\n            :bookGroups=\"dataTabs\"\r\n            @filterClass=\"filterExerciseByClass\"\r\n            @filterGroup=\"handleSetTabActive\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <div class=\"ss-data\">\r\n        <div class=\"container-hts\">\r\n          <b-tabs v-if=\"!isMobile\" class=\"exercise-list__tabs tabs-tooltip justify-content-between\">\r\n            <b-tab v-for=\"(item, index) of dataTabs\" :key=\"index\" :active=\"tabActive == item.practiceTypeId ? true : false\" class=\"exercise-list__tab\" @click=\"handleSetTabActive(item, index)\">\r\n              <template v-slot:title>{{ item.name }}</template>\r\n            </b-tab>\r\n          </b-tabs>\r\n          <div class=\"exercise-list__data\">\r\n            <div class=\"row mb-100\">\r\n              <ItemExam\r\n                v-for=\"(item, index) of dataSubjects\"\r\n                :key=\"index\"\r\n                :dataSource=\"item\"\r\n                :tabPracticeTypeId=\"tabPracticeTypeId\"\r\n                :examTypes=\"item.practiceTypeNew\"\r\n                class=\"col-xl-3 col-md-4 col-sm-6\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </transition>\r\n</template>\r\n\r\n<script>\r\n  import { STORE_KEY, LOCAL_QUESTIONS_DATA, LOCAL_SAVE_CAT, TYPE_EXERCISE_OTHER, TYPE_EXERCISE_THEMATIC, TYPE_EXERCISE_EXAM } from \"../_store/constants\";\r\n  import { mapState, mapActions } from \"vuex\";\r\n  import { APP_CONFIG } from \"@/utils/constants\";\r\n  import { classList } from \"./../_api/\";\r\n  import { getlistExercise } from \"./../_api/exercise-list\";\r\n  import ItemExam from './../_components/exam/ItemExam'\r\n  import { ID_CLASS_1 } from '@/store/common/constants'\r\n  import FilterMobile from './../_components/FilterMobile'\r\n\r\n  export default {\r\n    name: \"ExerciseList\",\r\n    components: {\r\n      ItemExam,\r\n      FilterMobile\r\n    },\r\n    data() {\r\n      return {\r\n        cdnUrl: APP_CONFIG.cdnurl,\r\n        appUrl: APP_CONFIG.appUrl,\r\n        classActive: 0,\r\n        subjectIdActive: 0,\r\n        classFilter: [],\r\n        subjects: [],\r\n        tabActive: 0,\r\n        isCreated: true,\r\n        dataTabs: [],\r\n        dataSubjects: [],\r\n        dataTypesExam: [],\r\n        windowWidth: 0,\r\n        indexDataTabs: 0,\r\n        tabPracticeTypeId: 3\r\n      };\r\n    },\r\n    computed: {\r\n      routerQuery() {\r\n        return this.$route.query;\r\n      },\r\n      isMobile () {\r\n        return this.windowWidth < 991 ? true : false;\r\n      }\r\n    },\r\n    watch: {\r\n      classActive: 'onChangeClassFilter'\r\n    },\r\n    created() {\r\n      this.getClassListFilter();\r\n    },\r\n    mounted () {\r\n      this.tabActive = this.routerQuery.tab\r\n      this.$nextTick(function() {\r\n        window.addEventListener('resize', this.getWindowWidth);\r\n        //Init\r\n        this.getWindowWidth()\r\n      })\r\n      localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n      localStorage.removeItem(LOCAL_SAVE_CAT)\r\n    },\r\n    methods: {\r\n\r\n      getWindowWidth (event) {\r\n        this.windowWidth = window.innerWidth\r\n      },\r\n\r\n      filterExerciseByClass (data) {\r\n        if (this.classActive !== data.classId) {\r\n          this.tabActive = 0\r\n          this.classActive = data.classId\r\n          // this.setReplaceRouter()\r\n        }\r\n        console.log(this.classActive)\r\n      },\r\n      formatName(name){\r\n        if(name =='Mầm non'){\r\n          return name\r\n        }\r\n        return name.substring(4)\r\n      },\r\n      handleSetTabActive (data, index) {\r\n        this.indexDataTabs = index\r\n        this.tabActive = data.practiceTypeId\r\n        this.tabPracticeTypeId = data.practiceTypeId\r\n        this.dataSubjects = this.dataTabs[index].practiceSujectNewModel\r\n        this.setReplaceRouter()\r\n      },\r\n\r\n      async onChangeClassFilter() {\r\n        let self = this\r\n        // save classInfo\r\n        // let indexClasses = self.classFilter.findIndex(cl => cl.classId === self.classActive)\r\n        // this.tabActive = 0;\r\n        await this.setReplaceRouter()\r\n        this.fetchSubjectExams()\r\n      },\r\n\r\n      fetchSubjectExams () {\r\n        this.classActive && getlistExercise(this.classActive).then(res => {\r\n          if (res) {\r\n            this.dataTabs = res\r\n            // this.dataTypesExam = res.lstPracticeChildb\r\n            // console.log('this.routerQuery.tab', this.routerQuery.tab);\r\n            if (res && res.length > 0 && this.routerQuery.tab) {\r\n              let indexPractice = res.findIndex(cl => cl.practiceTypeId === parseInt(this.routerQuery.tab))\r\n              this.tabActive = indexPractice > -1 ? this.routerQuery.tab : res[0].practiceTypeId\r\n              this.dataSubjects = res[indexPractice > -1 ? indexPractice : 0].practiceSujectNewModel\r\n            } else if (res && res.length > 0 && !this.routerQuery.tab) {\r\n              this.tabActive = res[0].practiceTypeId\r\n              this.dataSubjects = res[0].practiceSujectNewModel\r\n            }\r\n            // this.setReplaceRouter()\r\n          }\r\n        })\r\n      },\r\n\r\n      getClassListFilter() {\r\n        let self = this;\r\n        classList().then(res => {\r\n          if (res && res.data && res.data.classes && res.data.classes.length > 0 ) {\r\n            self.classFilter = res.data.classes\r\n            self.classActive = self.routerQuery.lop && self.routerQuery.lop > 0 ? parseInt(self.routerQuery.lop) : res.data.classes ? res.data.classes[0].classId : 0\r\n          }\r\n        }).finally()\r\n      },\r\n\r\n      setReplaceRouter() {\r\n        if (!this.routerQuery || (this.routerQuery && (this.routerQuery.lop !== this.classActive || this.routerQuery.tab !== this.tabActive))) {\r\n          this.$router.replace({query: {lop: this.classActive, tab: this.tabActive}})\r\n          // this.tabActive = this.routerQuery.tab\r\n        }\r\n      },\r\n    }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.height-100{\r\n  height: 100%;\r\n}\r\n  span.mn {\r\n      font-size: 20px;\r\n      position: absolute!important;\r\n      right: 0;\r\n  }\r\n  .mb-100{\r\n    margin-bottom: 100px;\r\n  }\r\n  .exercise-list {\r\n\r\n    &__data {\r\n      padding: 30px 0 10px;\r\n\r\n      // .item {\r\n      //   border: 1px solid red;\r\n      //   width: calc(100% / 4)\r\n      // }\r\n    }\r\n  }\r\n  @media screen and ( max-width: 991px ) {\r\n    .ss-data, .exercise-list__data {\r\n      padding-top: 0;\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExerciseList.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!./ExerciseList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseList.vue?vue&type=template&id=3a76c9bc&scoped=true&\"\nimport script from \"./ExerciseList.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseList.vue?vue&type=style&index=0&id=3a76c9bc&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  \"3a76c9bc\",\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('Viewer',{staticClass:\"exercise-detail\",attrs:{\"isOpenBookCats\":_vm.openBookCats,\"valOpenSidebar\":_vm.typeOpenSidebar,\"linkBack\":{ name: 'exercise', query: { lop: _vm.routerParams.classId, tab: _vm.routerParams.practiceType } },\"hasLimit\":!_vm.dataPractice || !_vm.dataPractice.actived || (_vm.authInfo && _vm.authInfo.email === _vm.emailPublic)},scopedSlots:_vm._u([(_vm.dataPractice)?{key:\"viewer_head_name\",fn:function(){return [_vm._v(_vm._s(_vm.dataPractice.bookName))]},proxy:true}:null,(_vm.dataPractice)?{key:\"viewer_head_right\",fn:function(){return [(_vm.screenWidth > 991)?_c('span',{staticClass:\"secondary-color-txt font-sanpro-light font-size-14 version\"},[_vm._v(_vm._s(_vm.versionApp))]):_vm._e()]},proxy:true}:null,{key:\"viewr_body\",fn:function(){return [(_vm.screenWidth > 991)?_c('div',{staticClass:\"exercise-detail__questions position-rel\"},[_c('div',{staticClass:\"exercise-detail__list\"},[_c('div',{staticClass:\"item position-rel content-1\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_c('div',{staticClass:\"question-group\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"questions\":[_vm.question],\"location\":0,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}}),(_vm.question.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((_vm.question.listQuestionChild),function(child,pos){return _c('div',{key:pos,staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":0,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion}}):_vm._e()],1)}),0):_vm._e(),(_vm.txtMissingQuestionGroup)?_c('p',{staticClass:\"question-missing-answer color-err\"},[_vm._v(_vm._s(_vm.txtMissingQuestionGroup)+\"\\n            \")]):_vm._e()],1):(_vm.question)?_c('div',{staticClass:\"question-single\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"location\":0,\"preview\":true},on:{\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}})],1):_vm._e()])]),(_vm.question && _vm.question.isWorked && _vm.sliderQuestionList && Object.keys(_vm.question).length > 0)?_c('ExerciseGuide',{attrs:{\"question\":_vm.question,\"handleShowGuide\":_vm.showGuideContent}}):_vm._e()],1):_c('div',{staticClass:\"exercise-detail__questions position-rel\"},[_c('ExerciseQuestionDetail',{attrs:{\"question\":_vm.question,\"txtMissingQuestionGroup\":_vm.txtMissingQuestionGroup},on:{\"answerMissing\":_vm.handleAnswerMissing}})],1),(_vm.booksOfExercise.length === 0)?_c('p',{staticClass:\"secondary-color-txt font-size-18 text-center pt-20\"},[_vm._v(\"Dữ liệu đang cập\\n      nhật\")]):_vm._e()]},proxy:true},{key:\"viewer_toggle_cat_name\",fn:function(){return [_vm._v(\"Danh sách\")]},proxy:true},{key:\"viewer_footer_center\",fn:function(){return [(_vm.sliderQuestionList && _vm.sliderQuestionList.length > 0)?_c('SliderNameQuestion',{staticClass:\"exercise-detail__swiper\",attrs:{\"dataSource\":_vm.sliderQuestionList},on:{\"handleNextCat\":_vm.nextCatBook,\"handlePrevCat\":_vm.prevCatBook}}):_vm._e()]},proxy:true},{key:\"viewer_footer_mobile\",fn:function(){return [_c('a',{staticClass:\"font-size-16 font-sanpro-semibold display-block width-percentage-80 margin-center border-rd-20 text-center primary-bg-color mb-2\",staticStyle:{\"padding\":\"5px 0px\"},attrs:{\"href\":\"javascript:;\"}},[(_vm.question && !_vm.question.isWorked)?_c('span',{staticClass:\"light-color\",on:{\"click\":_vm.checkAnswer}},[_vm._v(\"\\n        \"+_vm._s(_vm.question.type === _vm.typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra')+\"\\n      \")]):(_vm.question && _vm.question.isWorked)?_c('span',{staticClass:\"light-color\",on:{\"click\":_vm.resetAnswers}},[_vm._v(\"Làm lại\")]):_vm._e()])]},proxy:true},{key:\"viewer_footer_right\",fn:function(){return [(_vm.question && !_vm.question.isWorked)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120 btn-min-w-mb\",class:{ 'disabled': _vm.question && (_vm.question.type === _vm.typeDrawShape || _vm.questionindexActive === 0 || _vm.question.isWorked || _vm.question.statusWorked) },attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.checkAnswer}},[_c('span',{staticClass:\"check--text\"},[_vm._v(\"\\n        \"+_vm._s(_vm.question.type === _vm.typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra')+\"\\n      \")]),_c('span',{staticClass:\"check--icon\"},[_c('i',{staticClass:\"icon-save font-size-26\"})])]):(_vm.question && _vm.question.isWorked)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120 btn-min-w-mb\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.resetAnswers}},[_c('span',{staticClass:\"check-text\"},[_vm._v(\"Làm lại\")]),_c('span',{staticClass:\"check--icon\"},[_c('i',{staticClass:\"icon-reset primary-color font-size-26\"})])]):_vm._e()]},proxy:true},{key:\"viewer_sidebar_cat_head\",fn:function(){return [_c('h2',{staticClass:\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold\"},[_vm._v(\"\\n      Mục lục\\n    \")]),_c('div',{staticClass:\"display-flex\"},[_c('div',{staticClass:\"book-viewer__cats__books content-left\"},_vm._l((_vm.booksOfExercise),function(item,index){return _c('a',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.practiveName || item.name),expression:\"item.practiveName || item.name\"}],key:index,staticClass:\"btn font-size-14 border-rd-20 font-sanpro-semibold text-a\",class:{ 'btn-2 primary-color': _vm.bookId === item.bookId, 'primary-color-txt': _vm.bookId !== item.bookId },attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleViewQuestionBook(item)}}},[_c('span',{staticClass:\"book--name\"},[_vm._v(_vm._s(item.practiveName ? item.practiveName : item.name))])])}),0),_c('div',{staticClass:\"btn-active-book content-right\"},[_c('i',{staticClass:\"icon-key primary-color font-size-16 cursor-pointer\",attrs:{\"title\":\"Kích hoạt sách\"},on:{\"click\":_vm.handleActiveBook}})])]),(_vm.booksOfExercise.length > 0 && (!_vm.dataPractice || !_vm.dataPractice.actived || (_vm.authInfo && _vm.authInfo.email === _vm.emailPublic)))?_c('div',{staticClass:\"book-viewer__cats__activecode secondary-color-txt\"},[(_vm.authInfo && _vm.authInfo.email === _vm.emailPublic)?_c('p',[_vm._v(\"Đăng ký / đăng nhập để sử dụng đầy đủ tính năng của Hành\\n        trang số.\")]):_vm._e(),(_vm.authInfo && !_vm.isContainsEmailUnlimited(_vm.authInfo.email))?_c('p',[_vm._v(\"Kích hoạt mã cào sau mỗi cuốn sách giáo khoa để mở miễn phí học liệu điện tử và toàn bộ tính năng hỗ trợ\")]):_vm._e()]):_vm._e()]},proxy:true},{key:\"viewer_sidebar_cat_body\",fn:function(){return [_c('div',{staticClass:\"book-viewer__cats__list exercise-detail__cats__list\"},_vm._l((_vm.exerciseCats),function(item,index){return _c('b-card',{key:index,staticClass:\"card-item\",class:{ 'active': _vm.collapseOpen === (\"cat_\" + (item.bookIndexId)) },attrs:{\"id\":(\"cat_row_\" + (item.bookIndexId)),\"no-body\":\"\"}},[_c('div',{staticClass:\"card-wrap display-block\"},[_c('b-card-header',{staticClass:\"p-0 bg-transparent\",attrs:{\"header-tag\":\"header\",\"role\":\"tab\"}},[_c('div',{staticClass:\"cat-head display-flex justify-content-md-between full-width\",class:{ 'active': _vm.collapseOpen === (\"cat_\" + (item.bookIndexId)) || _vm.catCurrent && ((_vm.catCurrent.bookIndexId === item.bookIndexId) || (!_vm.catCurrent.catParentFirst && _vm.catCurrent.catParent === item.bookIndexId)) }},[_c('span',{staticClass:\"margin-0 font-size-16\",class:(\"\\n                \" + ((_vm.dataPractice && item.pageNo <= _vm.dataPractice.limitPracticeX && !_vm.dataPractice.actived) || (_vm.dataPractice && item.pageNo <= _vm.dataPractice.limitPracticeY && _vm.dataPractice.actived) || _vm.isContainsEmailUnlimited(_vm.authInfo.email) ? 'primary-color' : 'secondary-color-txt') + \" \\n                \" + (_vm.collapseOpen === (\"cat_\" + (item.bookIndexId)) || _vm.catCurrent && ((_vm.catCurrent.bookIndexId === item.bookIndexId) || (!_vm.catCurrent.catParentFirst && _vm.catCurrent.catParent === item.bookIndexId)) ? 'font-sanpro-semibold' : '') + \"\\n              \"),on:{\"click\":function($event){return _vm.openCollapse((\"cat_\" + (item.bookIndexId)), item)}}},[_vm._v(\"\\n                \"+_vm._s(item.title)+\"\\n                \"),(item.title)?_c('span',{staticClass:\"cat-space-title\"},[_vm._v(\":\")]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(item.name)+\"\\n              \")]),(item.bookIndexId === parseInt(_vm.$route.query.danhmuc))?_c('DropdownCat',{attrs:{\"dataSource\":item},on:{\"resetQuestions\":function($event){return _vm.$bvModal.show(_vm.idModalConfirmDelQuestion)}}}):_vm._e()],1)]),(item.bookIndexChilds.length > 0)?_c('b-collapse',{attrs:{\"id\":(\"cat_\" + (item.bookIndexId)),\"accordion\":\"my-accordion\",\"role\":\"tabpanel\"}},[_c('b-card-body',[_c('ul',{staticClass:\"cat-child margin-0 p-0\"},_vm._l((item.bookIndexChilds),function(child,pos){return _c('li',{key:pos,staticClass:\"d-block\",attrs:{\"id\":(\"cat_row_\" + (child.bookIndexId))}},[_c('a',{staticClass:\"font-size-16 display-flex justify-content-between full-width\",class:(\"\\n                    \" + ((_vm.dataPractice && item.pageNo <= _vm.dataPractice.limitPracticeX && !_vm.dataPractice.actived) || (_vm.dataPractice && item.pageNo <= _vm.dataPractice.limitPracticeY && _vm.dataPractice.actived) || _vm.isContainsEmailUnlimited(_vm.authInfo.email)  ? 'primary-color' : 'secondary-color-txt') + \" \\n                    \" + (_vm.catCurrent && ((_vm.catCurrent.bookIndexId === child.bookIndexId) || (_vm.catCurrent.catParentFirst && _vm.catCurrent.catParent === child.bookIndexId)) ? 'font-sanpro-semibold' : '') + \"\\n                  \"),attrs:{\"href\":\"javascript:;\"}},[_c('span',{on:{\"click\":function($event){return _vm.openCollapse((\"cat_child_\" + (child.bookIndexId)), child)}}},[_vm._v(\"\\n                      \"+_vm._s(child.title)+\"\\n                      \"),(child.title)?_c('span',{staticClass:\"cat-space-title\"},[_vm._v(\":\")]):_vm._e(),_vm._v(\"\\n                      \"+_vm._s(child.name)+\"\\n                    \")]),(child.bookIndexId === parseInt(_vm.$route.query.danhmuc))?_c('DropdownCat',{attrs:{\"dataSource\":Object.assign({}, child, {parent: item})},on:{\"resetQuestions\":function($event){return _vm.$bvModal.show(_vm.idModalConfirmDelQuestion)}}}):_vm._e()],1),(child.bookIndexChilds.length > 0)?_c('b-collapse',{attrs:{\"id\":(\"cat_child_\" + (child.bookIndexId)),\"accordion\":\"my-accordion-child\",\"role\":\"tabpanelchild\"}},[_c('b-card-body',[_c('ul',{staticClass:\"cat-child margin-0 p-0\"},_vm._l((child.bookIndexChilds),function(child2,loc){return _c('li',{key:loc,attrs:{\"id\":(\"cat_row_\" + (child2.bookIndexId))}},[_c('a',{staticClass:\"font-size-16 display-flex justify-content-between full-width\",class:(\"\\n                              \" + ((_vm.dataPractice && item.pageNo <= _vm.dataPractice.limitPracticeX && !_vm.dataPractice.actived) || (_vm.dataPractice && item.pageNo <= _vm.dataPractice.limitPracticeY && _vm.dataPractice.actived) || _vm.isContainsEmailUnlimited(_vm.authInfo.email) ? 'primary-color' : 'secondary-color-txt') + \" \\n                              \" + (_vm.catCurrent && _vm.catCurrent.bookIndexId === child2.bookIndexId ? 'font-sanpro-semibold' : '') + \"\\n                            \"),attrs:{\"href\":\"javascript:;\"}},[_c('span',{on:{\"click\":function($event){return _vm.replaceRouter(child2.bookIndexId,1,true)}}},[_vm._v(\"\\n                              \"+_vm._s(child2.title)+\"\\n                              \"),(child2.title)?_c('span',{staticClass:\"cat-space-title\"},[_vm._v(\":\")]):_vm._e(),_vm._v(\"\\n                              \"+_vm._s(child2.name)+\"\\n                            \")]),(child2.bookIndexId === parseInt(_vm.$route.query.danhmuc))?_c('DropdownCat',{attrs:{\"dataSource\":Object.assign({}, child2, {parent: child, grand: item})},on:{\"resetQuestions\":function($event){return _vm.$bvModal.show(_vm.idModalConfirmDelQuestion)}}}):_vm._e()],1)])}),0)])],1):_vm._e()],1)}),0)])],1):_vm._e()],1)])}),1)]},proxy:true},{key:\"viewer_footer\",fn:function(){return [(_vm.valVituralKeyboard && _vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991 && _vm.dataPractice.classId === _vm.idClass1 && _vm.dataPractice.subjectId === _vm.idMathSubject)?_c('VituralKeyboard',{class:{ 'open-cat': _vm.openBookCats, 'over-height': _vm.valVituralKeyboard && _vm.valVituralKeyboard.isOverHaflScreen },style:((\"top: \" + (_vm.valVituralKeyboard.top) + \"px; left: \" + (_vm.valVituralKeyboard.left) + \"px\"))}):_vm._e(),(_vm.actionPlayQuestionTrue)?_c('audio',{attrs:{\"id\":\"question_true\",\"src\":_vm.correct,\"autoplay\":\"\"}}):_vm._e(),(_vm.actionPlayQuestionFalse)?_c('audio',{attrs:{\"id\":\"question_false\",\"src\":_vm.incorrect,\"autoplay\":\"\"}}):_vm._e(),(_vm.visiblePreviewSliderModal)?_c('div',{staticClass:\"show-document\"},[_c('div',{staticClass:\"inner-content js-model active\"},[_c('ModalMedia',{on:{\"viewMoreMedia\":_vm.viewMoreMedia}}),_c('div',{staticClass:\"js-background-model active\",on:{\"click\":_vm.handleOffModal}})],1)]):_vm._e(),(_vm.infoQuestionPreview && Object.keys(_vm.infoQuestionPreview).length > 0)?_c('ModalPreviewExercise'):_vm._e(),_c('b-modal',{attrs:{\"id\":_vm.idModalConfirmDelQuestion,\"hide-header\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-confirm border-rd-10 text-center\"},[_c('p',[_vm._v(\"Bạn chắc chắn muốn làm lại tất cả bài tập?\")]),_c('div',{staticClass:\"modal-confirm__action text-center\"},[_c('b-button',{staticClass:\"font-size-16 line-height-1\",attrs:{\"variant\":\"danger\"},on:{\"click\":function($event){return _vm.$bvModal.hide('modal_confirm_reset')}}},[_vm._v(\"\\n            Hủy\")]),_c('b-button',{staticClass:\"font-size-16 line-height-1\",attrs:{\"variant\":\"success\"},on:{\"click\":function($event){return _vm.resetQuestionsList()}}},[_vm._v(\"Làm lại\\n          \")])],1)])])]},proxy:true}],null,true)})}\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',[(_vm.keySidebarActive === 'media')?_c('div',{staticClass:\"sidebar__media\"},[_c('div',{staticClass:\"sidebar__media__head\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Học liệu \"),_c('span',{staticClass:\"secondary-color-txt font-size-18 font-sanpro\"},[_vm._v(_vm._s(_vm.versionApp))])]),_c('div',{staticClass:\"sidebar__media__form\"},[_c('div',{staticClass:\"input-custom-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.lazy\",value:(_vm.keyword),expression:\"keyword\",modifiers:{\"lazy\":true}},{name:\"debounce\",rawName:\"v-debounce\",value:(300),expression:\"300\"}],staticClass:\"form-h30 border-rd-20 bg-color-light border-0 full-width\",attrs:{\"type\":\"text\",\"name\":\"search\",\"placeholder\":\"Tìm kiếm\"},domProps:{\"value\":(_vm.keyword)},on:{\"change\":function($event){_vm.keyword=$event.target.value}}}),_c('i',{staticClass:\"icon-search primary-color font-size-16\"})])])])]),_c('div',{staticClass:\"sidebar__media__result\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('div',{staticClass:\"sidebar__media__list\"},_vm._l((_vm.listMediaPage),function(item,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:((_vm.keyFilterMedia === '' || _vm.keyFilterMedia === _vm.checkTypeDocs(item.linkUrl))),expression:\"(keyFilterMedia === '' || keyFilterMedia === checkTypeDocs(item.linkUrl))\"}],key:index,staticClass:\"item position-rel\",class:{'item--lock': (!item.isShowFree || item.isShowFree === 0) && !_vm.ebooksDetail.actived},on:{\"click\":function($event){return _vm.handleViewMedia(item)}}},[_c('div',{staticClass:\"item__media position-rel\"},[_c('div',{staticClass:\"img-wrap text-center\"},[(item.linkUrl && _vm.checkVideo(item.linkUrl))?_c('img',{attrs:{\"src\":item.posterLink ? (_vm.urlImg + \"/\" + (item.posterLink)) : _vm.img404,\"alt\":\"Học liệu\"}}):(_vm.checkAudio(item.linkUrl))?_c('PreviewAudio',{staticClass:\"evt-none\",attrs:{\"pathView\":_vm.isFullLink(item.linkUrl) ? item.linkUrl : (\"\" + _vm.appUrl + (item.linkUrl))}}):_c('img',{attrs:{\"src\":(\"\" + _vm.appUrl + (item.posterLink ? item.posterLink : item.linkUrl)),\"alt\":\"Học liệu\"}})],1),_c('IconMedia',{staticClass:\"item__icon\",attrs:{\"dataSource\":item}})],1),_c('h4',{staticClass:\"item__title font-size-15 color-light margin-0\"},[_vm._v(\"\\n                \"+_vm._s(item.titleLink)+\"\\n              \")])])}),0),(_vm.isShowNoti)?_c('div',[_c('h3',{staticClass:\"secondary-color-txt font-size-16 text-center\"},[_vm._v(\"Không có học liệu\")])]):_vm._e()])])],1)]):_vm._e(),(_vm.keySidebarActive === 'link')?_c('div',{staticClass:\"sidebar-link\"},[_vm._m(0),_c('div',{staticClass:\"sidebar__link__result\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Sách điện tử\")]},proxy:true}],null,false,3704549356)},[_c('div',{staticClass:\"book-links\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},_vm._l((_vm.ebooksDetailss.bookRelates),function(item,index){return (_vm.ebooksDetailss && _vm.ebooksDetailss.bookRelates)?_c('div',{staticClass:\"item display-flex full-width\"},[_c('div',{staticClass:\"item__img\"},[_c('router-link',{attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.imageUrl ? _vm.handleResizeImgBook(item.imageUrl) : ''),expression:\"item.imageUrl ? handleResizeImgBook(item.imageUrl) : ''\"}],attrs:{\"alt\":item.name}})])],1),_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\"},[_c('router-link',{staticClass:\"color-inherit\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_vm._v(_vm._s(item.name))])],1),_c('p',{staticClass:\"item__year font-size-14 secondary-color-txt\"},[_vm._v(\"Tái bản: \"+_vm._s(item.editionYear))]),_c('router-link',{staticClass:\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }},\"target\":\"_blank\"}},[_vm._v(\"Đọc sách\")])],1)]):_vm._e()}),0)],1)])],1)],1)])]):_vm._e(),(_vm.keySidebarActive === 'info')?_c('div',{staticClass:\"sidebar__info\"},[_vm._m(1),_c('div',{staticClass:\"sidebar__info__result\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('div',{staticClass:\"sidebar__info__list\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Chủ đề: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.topicName))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Bài: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.lessonName))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Phần: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.partName))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.totalQuestion))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu đúng: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.totalCorrectQuestion))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu sai: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.totalInCorrectQuestion))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Chưa làm: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.totalQuestionNotDone))])])])])])],1)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar-link__head\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Liên kết\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar__info__head\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Thông tin\")])])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-wrap\"},[_c('div',{staticClass:\"content-center position-rel\",class:\"content-type-media\"},[_c('div',{staticClass:\"modal-head content-viewer__head\"},[_c('div',{staticClass:\"container-fluid\"},[_c('div',{staticClass:\"inner-back js-back\",on:{\"click\":_vm.handleOffModal}},[_vm._m(0)])])]),_c('div',{staticClass:\"inner-img content-viewer\",class:(\"inner-type-media \" + (_vm.relateMedia && _vm.relateMedia.length > 0 ? 'has-more' : '') + \" \" + (_vm.docSlider.linkPages && _vm.docSlider.linkPages.length > 1 ? 'multi' : 'single')),attrs:{\"id\":\"content_viewer\"}},[_c('div',{staticClass:\"overlay\",on:{\"click\":_vm.handleOffModal}}),_c('div',{staticClass:\"content-viewer__preview full-width\",class:{'multi': _vm.docSlider.linkPages && _vm.docSlider.linkPages.length > 1}},[_c('div',{staticClass:\"content-viewer__preview__head\"},[_c('div',{staticClass:\"content-viewer__main\"},[(_vm.docSlider.linkPages && _vm.docSlider.linkPages.length > 0 && _vm.mediaMain)?_c('PreviewMedia',{attrs:{\"dataSource\":_vm.mediaMain,\"isRelateMedia\":_vm.relateMedia && _vm.relateMedia.length > 0 ? true : false}}):(!_vm.docSlider.linkPages || _vm.docSlider.linkPages.length === 0)?_c('p',{staticClass:\"content-viewer__null font-size-22 secondary-color-txt text-center\"},[_vm._v(\"Không tìm thấy tài liệu hiển thị\")]):_vm._e(),_c('div',{staticClass:\"content-viewer__info d-md-none d-sm-block info-content\"},[_c('div',{staticClass:\"content-viewer__info__wrap display-flex-center justify-content-between\"},[_c('div',{staticClass:\"content-viewer__info__content\"},[_c('h5',{staticClass:\"media-preview__title font-size-28 color-light\"},[_vm._v(_vm._s(_vm.mediaMain.titleLink))]),_c('p',{staticClass:\"media-preview__type font-size-18 color-light font-sanpro-light margin-0 cursor-pointer\",on:{\"click\":_vm.showModalReadmore}},[_vm._v(_vm._s(_vm.docSlider.bookPageLinkGroupId === 1 && _vm.docSlider.isPublish ? 'Học liệu đã được NXBGDVN phê duyệt' : 'Học liệu Hành trang số sản xuất'))])]),_c('div',{staticClass:\"content-viewer__info__action\"},[_c('button',{staticClass:\"btn btn-dark-primary-light border-rd-20 font-size-16\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleShareMedia}},[_c('i',{staticClass:\"icon-share-white\"}),_vm._v(\" Chia sẻ\\n                  \")]),(_vm.docSlider.linkPages && _vm.docSlider.linkPages[_vm.indexMediaMain] && _vm.docSlider.linkPages[_vm.indexMediaMain].linkUrl)?_c('button',{staticClass:\"btn btn-dark-primary-light border-rd-50 font-size-16 content-viewer__info__action__help\",attrs:{\"type\":\"button\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDownloadFile(_vm.docSlider.linkPages[_vm.indexMediaMain].linkUrl, _vm.docSlider.linkPages[_vm.indexMediaMain].titleLink)}}},[_c('i',{staticClass:\"icon-download\"})]):_vm._e(),_c('button',{staticClass:\"btn btn-dark-primary-light border-rd-50 font-size-16 content-viewer__info__action__help\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.openModalError}},[_c('i',{staticClass:\"icon-help-white\"})])])])])],1),(_vm.docSlider.linkPages && _vm.docSlider.linkPages.length > 1)?_c('div',{staticClass:\"content-viewer__list\"},[_c('div',{staticClass:\"content-viewer__list__head display-flex-center justify-content-between\"},[_c('h3',{staticClass:\"content-viewer__list__title font-size-17 font-sanpro margin-0\"},[_vm._v(\"Nhóm học liệu\")]),_c('span',{staticClass:\"content-viewer__list__count font-sanpro-light\"},[_vm._v(_vm._s(_vm.docSlider.linkPages.length))])]),_c('vue-custom-scrollbar',{staticClass:\"content-viewer__list__body\"},_vm._l((_vm.docSlider.linkPages),function(item,index){return _c('div',{key:index,staticClass:\"item\",class:{'active': index === _vm.indexMediaMain},on:{\"click\":function($event){return _vm.viewMediaInDocSlider(index)}}},[_c('figure',{staticClass:\"item__img margin-0 position-rel\"},[_c('img',{attrs:{\"src\":item.posterLink ? (_vm.urlImgCms + \"/\" + (item.posterLink)) : item.linkUrl ? (_vm.appUrl + \"/\" + (item.linkUrl)) : _vm.img404,\"alt\":\"Học liệu\"}})]),_c('div',{staticClass:\"item__body\"},[_c('h4',{staticClass:\"item__title font-size-16 font-sanpro color-light\"},[_vm._v(_vm._s(item.titleLink))]),_c('p',{staticClass:\"margin-0 item__meta font-size-13 font-sanpro-light  color-light\"},[_c('span',{staticClass:\"item__meta__type\"},[_vm._v(_vm._s(_vm.getTypeMedia(item.linkUrl)))]),(_vm.checkAudio(item.linkUrl) || _vm.checkVideo(item.linkUrl))?_c('span',{staticClass:\"item__meta__duration\"},[_vm._v(_vm._s(_vm.getDurationMedia(item.linkUrl)))]):_vm._e()])])])}),0)],1):_vm._e()]),_c('div',{staticClass:\"content-viewer__preview__body d-md-block d-sm-none mg-mobile\"},[_c('div',{staticClass:\"content-viewer__main\"},[_c('div',{staticClass:\"content-viewer__info\"},[_c('div',{staticClass:\"content-viewer__info__wrap display-flex-center justify-content-between\"},[_c('div',{staticClass:\"content-viewer__info__content\"},[_c('h5',{staticClass:\"media-preview__title font-size-28 color-light\"},[_vm._v(_vm._s(_vm.mediaMain.titleLink))]),_c('p',{staticClass:\"media-preview__type font-size-18 color-light font-sanpro-light margin-0 cursor-pointer\",on:{\"click\":_vm.showModalReadmore}},[_vm._v(_vm._s(_vm.docSlider.bookPageLinkGroupId === 1 && _vm.docSlider.isPublish ? 'Học liệu đã được NXBGDVN phê duyệt' : 'Học liệu Hành trang số sản xuất'))])]),_c('div',{staticClass:\"content-viewer__info__action\"},[_c('button',{staticClass:\"btn btn-dark-primary-light border-rd-20 font-size-16 count-download\",attrs:{\"type\":\"button\"}},[_c('i',{staticClass:\"icon-eye\"}),_c('span',{staticClass:\"count-d\"},[_vm._v(_vm._s(_vm.docSlider.linkPages[_vm.indexMediaMain].countView))])]),(_vm.docSlider.linkPages[_vm.indexMediaMain].linkUrl || _vm.docSlider.linkPages[_vm.indexMediaMain].countDownload)?_c('button',{staticClass:\"btn btn-dark-primary-light border-rd-20 font-size-16 content-viewer__info__action__help count-download\",attrs:{\"type\":\"button\",\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleDownloadFile(_vm.docSlider.linkPages[_vm.indexMediaMain].linkUrl, _vm.docSlider.linkPages[_vm.indexMediaMain].titleLink, _vm.docSlider.linkPages[_vm.indexMediaMain].pageLinksId)}}},[_c('i',{staticClass:\"icon-download\"}),_c('span',{staticClass:\"count-d\"},[_vm._v(_vm._s(_vm.docSlider.linkPages[_vm.indexMediaMain].countDownload))])]):_vm._e(),_c('button',{staticClass:\"btn btn-dark-primary-light border-rd-20 font-size-16\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleShareMedia}},[_c('i',{staticClass:\"icon-share-white\"}),_vm._v(\" Chia sẻ \\n                  \")]),_c('button',{staticClass:\"btn btn-dark-primary-light border-rd-50 font-size-16 content-viewer__info__action__help\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.openModalError}},[_c('i',{staticClass:\"icon-help-white\"})])])])])])])])]),(_vm.relateMedia && _vm.relateMedia.length > 0)?_c('div',{staticClass:\"sidebar__media__list sidebar__media__list--slider position-rel mobile-slide\"},[_c('h3',{staticClass:\"sidebar__media__list__title font-sanpro-semibold color-light font-size-22\"},[_vm._v(\"Xem thêm\")]),_c('swiper',{ref:\"swiper_relate\",attrs:{\"options\":{slidesPerView: 4, spaceBetween: 20, slidesPerGroup: 1, grabCursor: true, loop: false, loopFillGroupWithBlank: true, breakpoints: {767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 575: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 } }, navigation: {nextEl: \".ebook__next__0\", prevEl: \".ebook__prev__0\"}}},on:{\"slideNextTransitionEnd\":_vm.handleNextMedia}},[_vm._l((_vm.relateMedia),function(item,loc){return _c('swiperSlide',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.linkUrl),expression:\"item.linkUrl\"}],key:loc,staticClass:\"item position-rel\",class:{'item--lock': (!item.isShowFree || item.isShowFree === 0) && !_vm.ebooksDetail.isActived, 'item--audio': _vm.checkAudio(item.linkUrl)}},[_c('div',{staticClass:\"item__wrap\",on:{\"click\":function($event){return _vm.viewMedia(item)}}},[_c('div',{staticClass:\"item__media position-rel\"},[_c('div',{staticClass:\"img-wrap text-center\"},[(_vm.checkVideo(item.linkUrl))?_c('img',{attrs:{\"src\":item.posterLink ? (_vm.urlImgCms + \"/\" + (item.posterLink)) : _vm.img404,\"alt\":\"Học liệu\"}}):(_vm.checkImage(item.linkUrl))?_c('PreviewImage',{attrs:{\"pathView\":_vm.isFullLink(item.linkUrl) ? item.linkUrl : (\"\" + _vm.appUrl + (item.linkUrl))}}):(_vm.checkYoutube(item.linkUrl))?_c('PreviewYoutube',{attrs:{\"pathView\":item.linkUrl}}):(_vm.checkAudio(item.linkUrl))?_c('PreviewAudio',{staticClass:\"evt-none\",attrs:{\"pathView\":_vm.isFullLink(item.linkUrl) ? item.linkUrl : (\"\" + _vm.appUrl + (item.linkUrl))}}):_vm._e()],1),_c('IconMedia',{staticClass:\"item__icon\",attrs:{\"dataSource\":item}})],1),_c('h4',{staticClass:\"item__title font-size-15 color-light margin-0\"},[_vm._v(\"\\n              \"+_vm._s(item.title)+\"\\n            \")])])])}),_c('div',{staticClass:\"button-prev-0 ebook__prev__0 font-size-40\",attrs:{\"slot\":\"button-prev\"},slot:\"button-prev\"},[_c('div',{staticClass:\"clearfix bshadow0 pbs\"},[_c('span',{staticClass:\"icon-arrow-left\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})])])]),_c('div',{staticClass:\"button-next-0 ebook__next__0 font-size-40\",attrs:{\"slot\":\"button-next\"},slot:\"button-next\"},[_c('div',{staticClass:\"clearfix bshadow0 pbs\"},[_c('span',{staticClass:\"icon-arrow-right\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})])])])],2)],1):_vm._e()]),(_vm.openModalReadmore)?_c('ModalReadMoreLinkType'):_vm._e(),_c('ModalShare'),_c('modalShowHelp')],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"icon-arrow-left font-size-16 color-light position-rel\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"modal-wrap\">\r\n    <div class=\"content-center position-rel\" :class=\"`content-type-media`\">\r\n      <div class=\"modal-head content-viewer__head\">\r\n        <div class=\"container-fluid\">\r\n          <div class=\"inner-back js-back\" @click=\"handleOffModal\">\r\n            <span class=\"icon-arrow-left font-size-16 color-light position-rel\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div \r\n        id=\"content_viewer\"\r\n        class=\"inner-img content-viewer\"\r\n        :class=\"`inner-type-media ${relateMedia && relateMedia.length > 0 ? 'has-more' : ''} ${docSlider.linkPages && docSlider.linkPages.length > 1 ? 'multi' : 'single'}`\"\r\n      >\r\n        <div class=\"overlay\" @click=\"handleOffModal\"></div>\r\n        <div class=\"content-viewer__preview full-width\" :class=\"{'multi': docSlider.linkPages && docSlider.linkPages.length > 1}\">\r\n          <div class=\"content-viewer__preview__head\">\r\n            <div class=\"content-viewer__main\">\r\n              <PreviewMedia\r\n                v-if=\"docSlider.linkPages && docSlider.linkPages.length > 0 && mediaMain\"\r\n                :dataSource=\"mediaMain\"\r\n                :isRelateMedia=\"relateMedia && relateMedia.length > 0 ? true : false\"\r\n              />\r\n              <p v-else-if=\"!docSlider.linkPages || docSlider.linkPages.length === 0\" class=\"content-viewer__null font-size-22 secondary-color-txt text-center\">Không tìm thấy tài liệu hiển thị</p>\r\n              <div class=\"content-viewer__info d-md-none d-sm-block info-content\">\r\n                <div class=\"content-viewer__info__wrap display-flex-center justify-content-between\">\r\n                  <div class=\"content-viewer__info__content\">\r\n                    <h5 class=\"media-preview__title font-size-28 color-light\">{{ mediaMain.titleLink }}</h5>\r\n                    <p class=\"media-preview__type font-size-18 color-light font-sanpro-light margin-0 cursor-pointer\" @click=\"showModalReadmore\">{{ docSlider.bookPageLinkGroupId === 1 && docSlider.isPublish ? 'Học liệu đã được NXBGDVN phê duyệt' : 'Học liệu Hành trang số sản xuất' }}</p>\r\n                  </div>\r\n                  <div class=\"content-viewer__info__action\">\r\n                    <button type=\"button\" class=\"btn btn-dark-primary-light border-rd-20 font-size-16\" @click=\"handleShareMedia\">\r\n                      <i class=\"icon-share-white\"></i> Chia sẻ\r\n                    </button>\r\n                    <button\r\n                      v-if=\"docSlider.linkPages && docSlider.linkPages[indexMediaMain] && docSlider.linkPages[indexMediaMain].linkUrl\"\r\n                      type=\"button\"\r\n                      href=\"javascript:;\"\r\n                      class=\"btn btn-dark-primary-light border-rd-50 font-size-16 content-viewer__info__action__help\"\r\n                      @click=\"handleDownloadFile(docSlider.linkPages[indexMediaMain].linkUrl, docSlider.linkPages[indexMediaMain].titleLink)\"\r\n                    >\r\n                      <i class=\"icon-download\"></i>\r\n                    </button>\r\n                    <button type=\"button\" class=\"btn btn-dark-primary-light border-rd-50 font-size-16 content-viewer__info__action__help\" @click=\"openModalError\"><i class=\"icon-help-white\"></i></button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"content-viewer__list\" v-if=\"docSlider.linkPages && docSlider.linkPages.length > 1\">\r\n              <div class=\"content-viewer__list__head display-flex-center justify-content-between\">\r\n                <h3 class=\"content-viewer__list__title font-size-17 font-sanpro margin-0\">Nhóm học liệu</h3>\r\n                <span class=\"content-viewer__list__count font-sanpro-light\">{{ docSlider.linkPages.length }}</span>\r\n              </div>\r\n              <vue-custom-scrollbar class=\"content-viewer__list__body\">\r\n                <div class=\"item\" v-for=\"(item, index) of docSlider.linkPages\" :key=\"index\" :class=\"{'active': index === indexMediaMain}\" @click=\"viewMediaInDocSlider(index)\">\r\n                  <figure class=\"item__img margin-0 position-rel\">\r\n                    <!-- <img :src=\"item.posterLink ? `${urlImgCms}/${item.posterLink}` : img404\" alt=\"Học liệu\"> -->\r\n                    <!-- <img :src=\"(item.posterLink ? `${urlImgCms}/${item.posterLink}` : `${appUrl}/${item.linkUrl}`) || (item.linkUrl ? `${appUrl}/${item.linkUrl}` : img404)\" alt=\"Học liệu\"> -->\r\n                    <img :src=\"item.posterLink ? `${urlImgCms}/${item.posterLink}` : item.linkUrl ? `${appUrl}/${item.linkUrl}` : img404\" alt=\"Học liệu\">\r\n                  </figure>\r\n                  <div class=\"item__body\">\r\n                    <h4 class=\"item__title font-size-16 font-sanpro color-light\">{{ item.titleLink }}</h4>\r\n                    <p class=\"margin-0 item__meta font-size-13 font-sanpro-light  color-light\">\r\n                      <span class=\"item__meta__type\">{{ getTypeMedia(item.linkUrl) }}</span>\r\n                      <span v-if=\"checkAudio(item.linkUrl) || checkVideo(item.linkUrl)\" class=\"item__meta__duration\">{{ getDurationMedia(item.linkUrl) }}</span>\r\n                    </p>\r\n                  </div>\r\n                </div>\r\n              </vue-custom-scrollbar>\r\n            </div>\r\n          </div>\r\n          <div class=\"content-viewer__preview__body d-md-block d-sm-none mg-mobile\">\r\n            <div class=\"content-viewer__main\">\r\n              <div class=\"content-viewer__info\">\r\n                <div class=\"content-viewer__info__wrap display-flex-center justify-content-between\">\r\n                  <div class=\"content-viewer__info__content\">\r\n                    <h5 class=\"media-preview__title font-size-28 color-light\">{{ mediaMain.titleLink }}</h5>\r\n                    <p class=\"media-preview__type font-size-18 color-light font-sanpro-light margin-0 cursor-pointer\" @click=\"showModalReadmore\">{{ docSlider.bookPageLinkGroupId === 1 && docSlider.isPublish ? 'Học liệu đã được NXBGDVN phê duyệt' : 'Học liệu Hành trang số sản xuất' }}</p>\r\n                  </div>\r\n                  <div class=\"content-viewer__info__action\">\r\n                    <button type=\"button\" class=\"btn btn-dark-primary-light border-rd-20 font-size-16 count-download\">\r\n                      <i class=\"icon-eye\"></i>\r\n                      <span class=\"count-d\">{{ docSlider.linkPages[indexMediaMain].countView }}</span>\r\n                    </button>\r\n                    <button\r\n                      v-if=\"docSlider.linkPages[indexMediaMain].linkUrl || docSlider.linkPages[indexMediaMain].countDownload\"\r\n                      type=\"button\"\r\n                      href=\"javascript:;\"\r\n                      class=\"btn btn-dark-primary-light border-rd-20 font-size-16 content-viewer__info__action__help count-download\"\r\n                      @click=\"handleDownloadFile(docSlider.linkPages[indexMediaMain].linkUrl, docSlider.linkPages[indexMediaMain].titleLink, docSlider.linkPages[indexMediaMain].pageLinksId)\"\r\n                    >\r\n                      <i class=\"icon-download\"></i>\r\n                      <span class=\"count-d\">{{ docSlider.linkPages[indexMediaMain].countDownload }}</span>\r\n                    </button>\r\n\r\n                    <button type=\"button\" class=\"btn btn-dark-primary-light border-rd-20 font-size-16\" @click=\"handleShareMedia\">\r\n                      <i class=\"icon-share-white\"></i> Chia sẻ \r\n                    </button>\r\n                    \r\n                    <button type=\"button\" class=\"btn btn-dark-primary-light border-rd-50 font-size-16 content-viewer__info__action__help\" @click=\"openModalError\"><i class=\"icon-help-white\"></i></button>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <!-- <div class=\"content-viewer__info\">\r\n        <div class=\"media-preview__info\">\r\n          <h5 class=\"media-preview__title font-size-28 color-light\">{{ mediaMain.titleLink }}</h5>\r\n          <p class=\"media-preview__type font-size-18 color-light font-sanpro-light\">{{ docSlider.bookPageLinkGroupId === 1 && docSlider.isPublish ? 'Học liệu đã được NXBGDVN phê duyệt' : 'Học liệu Hành trang số sản xuất' }}</p>\r\n        </div>\r\n      </div> -->\r\n      <div class=\"sidebar__media__list sidebar__media__list--slider position-rel mobile-slide\" v-if=\"relateMedia && relateMedia.length > 0\">\r\n        <h3 class=\"sidebar__media__list__title font-sanpro-semibold color-light font-size-22\">Xem thêm</h3>\r\n        <swiper \r\n          :options=\"{slidesPerView: 4, spaceBetween: 20, slidesPerGroup: 1, grabCursor: true, loop: false, loopFillGroupWithBlank: true, breakpoints: {767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 767: {slidesPerView: 2, slidesPerGroup: 1, spaceBetween: 10 }, 575: {slidesPerView: 1, slidesPerGroup: 1, spaceBetween: 10 } }, navigation: {nextEl: `.ebook__next__0`, prevEl: `.ebook__prev__0`}}\"\r\n          @slideNextTransitionEnd=\"handleNextMedia\" \r\n          ref=\"swiper_relate\"\r\n        >\r\n          <swiperSlide \r\n            class=\"item position-rel\" \r\n            v-for=\"(item, loc) of relateMedia\" \r\n            :key=\"loc\"\r\n            :class=\"{'item--lock': (!item.isShowFree || item.isShowFree === 0) && !ebooksDetail.isActived, 'item--audio': checkAudio(item.linkUrl)}\"\r\n            v-show=\"item.linkUrl\"\r\n          >\r\n            <div class=\"item__wrap\" @click=\"viewMedia(item)\">\r\n              <div class=\"item__media position-rel\">\r\n                <div class=\"img-wrap text-center\">\r\n                  <img v-if=\"checkVideo(item.linkUrl)\" :src=\"item.posterLink ? `${urlImgCms}/${item.posterLink}` : img404\" alt=\"Học liệu\">\r\n                  <PreviewImage\r\n                    v-else-if=\"checkImage(item.linkUrl)\" \r\n                    :pathView=\"isFullLink(item.linkUrl) ? item.linkUrl : `${appUrl}${item.linkUrl}`\"\r\n                  />\r\n                  <PreviewYoutube\r\n                    v-else-if=\"checkYoutube(item.linkUrl)\"\r\n                    :pathView=\"item.linkUrl\"\r\n                  />\r\n                  <PreviewAudio\r\n                    class=\"evt-none\"\r\n                    v-else-if=\"checkAudio(item.linkUrl)\"\r\n                    :pathView=\"isFullLink(item.linkUrl) ? item.linkUrl : `${appUrl}${item.linkUrl}`\"\r\n                  />\r\n                </div>\r\n                <IconMedia class=\"item__icon\" :dataSource=\"item\" />\r\n              </div>\r\n              <h4 class=\"item__title font-size-15 color-light margin-0\">\r\n                {{ item.title }}\r\n              </h4>\r\n            </div>\r\n          </swiperSlide>\r\n          <div class=\"button-prev-0 ebook__prev__0 font-size-40\" slot=\"button-prev\">\r\n            <div class=\"clearfix bshadow0 pbs\">\r\n              <span class=\"icon-arrow-left\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n            </div>\r\n          </div>\r\n          <div class=\"button-next-0 ebook__next__0 font-size-40\" slot=\"button-next\">\r\n            <div class=\"clearfix bshadow0 pbs\">\r\n              <span class=\"icon-arrow-right\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n            </div>\r\n          </div>\r\n        </swiper>\r\n      </div>\r\n    </div>\r\n    <ModalReadMoreLinkType v-if=\"openModalReadmore\" />\r\n    <ModalShare />\r\n    <modalShowHelp />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { mapState, mapActions, mapMutations } from 'vuex'\r\n  import { APP_CONFIG } from '@/utils/constants'\r\n  import mixinsFiles from '@/components/content-files/mixinsFiles'\r\n  import PreviewVideo from '@/components/content-files/PreviewVideo.vue'\r\n  import PreviewPdf from '@/components/content-files/PreviewPdf.vue'\r\n  import Previewpptx from '@/components/content-files/Previewpptx.vue'\r\n  import PreviewImage from '@/components/content-files/PreviewImage.vue'\r\n  import PreviewYoutube from '@/components/content-files/PreviewYoutube.vue'\r\n  import PreviewAudio from '@/components/content-files/PreviewAudio.vue'\r\n  import PreviewBookImg from \"@/components/content-files/PreviewBookImg.vue\";\r\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\r\n  import 'swiper/dist/css/swiper.css'\r\n  import { STORE_KEY as STORE_KEY_BOOK } from '@/modules/ebooks/_store/constants'\r\n  const img404 = require(`@/assets/images/img_404.jpg`)\r\n  import IconMedia from '@/modules/libraries/_components/list/IconMedia.vue'\r\n  import { getAuth } from '@/utils/jwt'\r\n  import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n  import { ID_MODAL_READ_LINK_TYPE } from '@/modules/libraries/_store/constants'\r\n  import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n  import PreviewMedia from './PreviewMedia.vue'\r\n  import ModalShare from '@/modules/libraries/_components/detail/ModalShare.vue'\r\n  import ModalReadMoreLinkType from '@/modules/libraries/_components/list/ModalReadMoreLinkType.vue'\r\n  import modalShowHelp from '@/components/modal/modalShowHelp'\r\n  import { updatecountview, apiUpdateCountdownload } from '@/store/common/api'\r\n  import { FLE_DOWNLOAD_BEFORE } from '@/store/common/constants'\r\n\r\n  export default {\r\n    name: 'ModalMedia',\r\n    mixins: [ mixinsFiles ],\r\n    props: {\r\n      mediaMore: Boolean\r\n    },\r\n    components: {\r\n      modalShowHelp,\r\n      vueCustomScrollbar,\r\n      PreviewVideo,\r\n      Previewpptx,\r\n      PreviewImage,\r\n      PreviewYoutube,\r\n      PreviewAudio,\r\n      PreviewBookImg,\r\n      swiper, \r\n      swiperSlide,\r\n      IconMedia,\r\n      PreviewMedia,\r\n      ModalShare,\r\n      ModalReadMoreLinkType\r\n    },\r\n    data () {\r\n      return {\r\n        appUrl: APP_CONFIG.bookCdnUrl,\r\n        cdnUrl: APP_CONFIG.cdnUrl,\r\n        imgUrlCms: APP_CONFIG.urlPlatformCmsImg,\r\n        scale: 1,\r\n        relateMedia: [],\r\n        mediaRelateNotdata: false,\r\n        optionsSliderMain: this.settingSwiperMain(),\r\n        currLinkIndex: 0,\r\n        docTypeSlideActive: '',\r\n        img404,\r\n        urlImgCms: APP_CONFIG.urlPlatformCmsImg,\r\n        indexMediaMain: 0,\r\n        openModalReadmore: false,\r\n        mediaMain: {},\r\n        errorTypeId: 0,\r\n        nameRoute: this.$route.name,\r\n\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapState('common', ['docSlider', 'visiblePreviewSliderModal', 'setCountView']),\r\n      ...mapState(STORE_KEY_BOOK, ['paramSearchRelateMedia']),\r\n      authInfo() {\r\n        return getAuth()\r\n      },\r\n      queryRoute () {\r\n        return this.$route.query\r\n      }\r\n      // getDurationMedia(link) {\r\n      //   let result = '';\r\n      //   // Create a non-dom allocated Audio element\r\n      //   let typeElem = this.checkVideo(link) ? 'video' : 'audio'\r\n      //   let elm = document.createElement(typeElem);\r\n      //   // Define the URL of the MP3 audio file\r\n      //   elm.src = `${this.appUrl}${link}`\r\n      //   // Once the metadata has been loaded, display the duration in the console\r\n      //   elm.addEventListener('loadedmetadata', function(){\r\n      //     // Obtain the duration in seconds of the audio file (with milliseconds as well, a float value)\r\n      //     let duration = elm.duration;\r\n      //     let minutes = parseInt(duration / 60, 10);\r\n      //     let seconds = parseInt(duration % 60).toFixed(2);\r\n      //     result = `${minutes}:${seconds}`;\r\n            \r\n      //   }, false);\r\n      //   return result;\r\n      // }\r\n    },\r\n    watch: {\r\n      'paramSearchRelateMedia': 'getDataRelateMedia',\r\n      'setCountView': 'fetchSetCountView',\r\n      docSlider(newVal) {\r\n        // console.log('AAAAAAA', newVal)\r\n        if(newVal && newVal.bookPageLinkId) {\r\n          this.relateMedia = [];\r\n          this.SET_PARAM_SEARCH_RELATE_MEDIA({\r\n            ...this.paramSearchRelateMedia,\r\n            bookPageId: newVal.bookPageLinkId,\r\n            pageIndex: 1\r\n          });\r\n        }\r\n        if (newVal && newVal.linkPages && newVal.linkPages.length > 0) {\r\n          this.mediaMain = newVal.linkPages[0]\r\n        }\r\n        // console.log('BBBBBB')\r\n      },\r\n      currLinkIndex(newVal) {\r\n        // console.log('CCCC')\r\n        if(newVal && newVal !== 0) {\r\n          this.docTypeSlideActive = this.docSlider.linkPages[newVal].documentTypeId;\r\n        }\r\n      },\r\n      docTypeSlideActive(newVal) {\r\n        // console.log('BBBBBBB docTypeSlideActive')\r\n        if(newVal) {\r\n          this.SET_PARAM_SEARCH_RELATE_MEDIA({...this.paramSearchRelateMedia, typeId: newVal, pageIndex: 1});\r\n        }\r\n      }\r\n    },\r\n    mounted() {\r\n      this.getDataRelateMedia()\r\n      this.setMediaMain()\r\n    },\r\n    created (){\r\n      this.actionCheckRouterHelp({nameRoute: this.nameRoute})\r\n    },\r\n    beforeDestroy() {\r\n      this.relateMedia = [];\r\n      this.mediaRelateNotdata = false;\r\n    },\r\n    methods: {\r\n      ...mapActions('auth', ['setToggleLoginForm']),\r\n      ...mapActions('common', ['setToggleModalDocSlider', 'setDocPreviewSlider', 'setLoading', 'acToggleModalActiveBook', 'acToggleModalShareMedia', 'acSetMediaShareInfo', 'acToggleModaShowError', 'actionCheckRouterHelp', 'actionSetCountView']),\r\n      ...mapActions(STORE_KEY_BOOK, ['getRelateMedia']),\r\n      ...mapMutations(STORE_KEY_BOOK, ['SET_PARAM_SEARCH_RELATE_MEDIA']),\r\n\r\n      setMediaMain () {\r\n        if (this.docSlider) {\r\n          if (this.queryRoute && this.queryRoute.mediaId) {\r\n            let indexMedia = this.docSlider.linkPages.findIndex(link => link.pageLinksId === parseInt(this.queryRoute.mediaId))\r\n            if(indexMedia > -1) {\r\n              this.indexMediaMain = indexMedia\r\n              this.mediaMain = this.docSlider.linkPages[indexMedia]\r\n            }\r\n          } else if (this.docSlider.linkPages) {\r\n            this.mediaMain = this.docSlider.linkPages[0]\r\n          }\r\n        }\r\n      },\r\n      fetchSetCountView () {\r\n        // console.log('123')\r\n        // this.setDocPreviewSlider()\r\n      },\r\n\r\n      handleOffModal() {\r\n        this.setToggleModalDocSlider(false)\r\n        this.setDocPreviewSlider({})\r\n      },\r\n\r\n      settingSwiperMain() {\r\n        let self = this;\r\n        return {\r\n          slidesPerView: 1,\r\n          spaceBetween: 0,\r\n          navigation: {\r\n            nextEl: '.ebook__next__main',\r\n            prevEl: '.ebook__prev__main',\r\n          },\r\n          on: {\r\n            slideChange: function () {\r\n              self.currLinkIndex = this.realIndex;\r\n            }\r\n          }\r\n        }\r\n      },\r\n\r\n      viewMedia(data) {\r\n        let linkActive = data.isShowFree && data.isShowFree !== 0;\r\n        if(this.authInfo && this.authInfo.email === EMAIL_PUBLIC && !data.isActived && !linkActive) {\r\n            this.setToggleLoginForm(true);\r\n        } else if(!linkActive && !data.isActived) {\r\n            this.acToggleModalActiveBook(true)\r\n        } else {\r\n          this.setLoading(true);\r\n          this.setDocPreviewSlider({});\r\n          this.$emit('viewMoreMedia', data);\r\n          this.currLinkIndex = 0;\r\n          this.indexMediaMain = 0;\r\n          this.setLoading(false);\r\n        }\r\n      },\r\n\r\n      handleNextMedia(evt) {\r\n        const swiperRef = this.$refs.swiper_relate.swiper;\r\n        // const indexActive = swiperRef.isEnd;\r\n        if(swiperRef.isEnd && !this.mediaRelateNotdata) {\r\n          this.SET_PARAM_SEARCH_RELATE_MEDIA({...this.paramSearchRelateMedia, pageIndex: this.paramSearchRelateMedia.pageIndex + 1})\r\n        }\r\n      },\r\n\r\n      handleNextMediaMain(evt) {\r\n        const swiperMain = this.$refs.swiper_main.swiper\r\n        this.indexMediaMain = swiperMain.realIndex\r\n      },\r\n\r\n      showModalReadmore () {\r\n        if (this.openModalReadmore) {\r\n          this.$bvModal.show(ID_MODAL_READ_LINK_TYPE)\r\n        } else {\r\n          this.openModalReadmore = true\r\n          setTimeout(() => {\r\n            this.$bvModal.show(ID_MODAL_READ_LINK_TYPE)\r\n          }, 500);\r\n        }\r\n      },\r\n\r\n      getDataRelateMedia() {\r\n        let self = this;\r\n        if(self.paramSearchRelateMedia.bookId && self.paramSearchRelateMedia.bookId > 0) {\r\n          self.getRelateMedia(self.paramSearchRelateMedia).then(res => {\r\n            if(res) {\r\n              self.relateMedia = [...self.relateMedia, ...res];\r\n            }\r\n            if(res.length === 0) {\r\n              self.mediaRelateNotdata = true;\r\n            }\r\n          })\r\n        }\r\n      },\r\n            \r\n      handleOffModal() {\r\n        this.setToggleModalDocSlider(false)\r\n        this.setDocPreviewSlider({})\r\n      },\r\n\r\n      getTypeMedia (link) {\r\n        if (this.checkVideo(link)) {\r\n          return 'Video'  \r\n        } else if ( this.checkAudio(link) ) {\r\n          return 'Audio'\r\n        } else if ( this.checkGifImage(link) ) {\r\n          return 'GIF'\r\n        } else if ( this.checkImage(link) ) {\r\n          return 'Ảnh'\r\n        }\r\n      },\r\n\r\n     getDurationMedia (link) {\r\n        // let result = '';\r\n        // // Create a non-dom allocated Audio element\r\n        // let typeElem = this.checkVideo(link) ? 'video' : 'audio'\r\n        // let elm = document.createElement(typeElem);\r\n\r\n        // // Define the URL of the MP3 audio file\r\n        // elm.src = `${this.appUrl}${link}`\r\n\r\n        // // Once the metadata has been loaded, display the duration in the console\r\n        // elm.addEventListener('loadedmetadata', async function(){\r\n        //     // Obtain the duration in seconds of the audio file (with milliseconds as well, a float value)\r\n        //     let duration = elm.duration;\r\n        //     let minutes = parseInt(duration / 60, 10);\r\n        //     let seconds = parseInt(duration % 60);\r\n        //     console.log('Result evt: ', `${minutes}:${seconds}`);\r\n        //     result = await `${minutes}:${seconds}`;\r\n            \r\n        // }, false);\r\n\r\n        // console.log('Result: ', result);\r\n\r\n        // return result;\r\n      },\r\n\r\n      viewMediaInDocSlider (index) {\r\n        this.indexMediaMain = index;\r\n        this.mediaMain = this.docSlider.linkPages[index]\r\n        // console.log('click index', this.mediaMain)\r\n        updatecountview(this.mediaMain.pageLinksId).then(res => {\r\n          if(res && res.status === 'success'){\r\n            this.actionSetCountView(Math.random())\r\n          }\r\n        })\r\n\r\n      },\r\n\r\n      handleShareMedia () {\r\n        this.acSetMediaShareInfo({...this.docSlider, ...this.docSlider.linkPages[this.indexMediaMain]})\r\n        this.acToggleModalShareMedia(true)\r\n      },\r\n      openModalError () {\r\n        if(this.nameRoute === 'exerciseDetail'){\r\n          this.acToggleModaShowError({ isShow: true, errorTypeId: 2 })\r\n        }\r\n        if(this.nameRoute === 'ebook-read-book'){\r\n          this.acToggleModaShowError({ isShow: true, errorTypeId: 1 })\r\n        }\r\n      },\r\n\r\n      handleDownloadFile (link, name, id) {\r\n        if(this.authInfo && this.authInfo.email === EMAIL_PUBLIC) {\r\n          this.setToggleLoginForm(true);\r\n        } else {\r\n          apiUpdateCountdownload(id)\r\n          this.downloadDocs(link, `${FLE_DOWNLOAD_BEFORE} ${name}`)\r\n        }\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .count-download{\r\n    width: 100px !important;\r\n  }\r\n  .count-d{\r\n    padding-left: 5px;\r\n  }\r\n  .show-document{\r\n    .inner-content{\r\n      position: fixed;\r\n\r\n        &.active {\r\n        z-index: 11;\r\n      }\r\n    }\r\n    .js-background-model{\r\n      position: fixed;\r\n        z-index: 1;\r\n    }\r\n  }\r\n  .content-top, .content-center {\r\n    position: relative;\r\n    z-index: 10!important;\r\n  }\r\n  .content-center{\r\n    height: 100vh;\r\n    margin: 0 auto!important;\r\n    // padding: 5vh 0;\r\n    // background: rgba(64, 80, 94, 0.8);\r\n  }\r\n  .inner-img {\r\n\r\n    &:not(.inner-type-pptx) {\r\n     // overflow-y: auto;\r\n     // max-height: 80vh;\r\n     // @extend .display-flex-center;\r\n     // height: 80vh;\r\n    }\r\n\r\n    &.has-book {\r\n      // overflow-y: inherit;\r\n    }\r\n\r\n    &.has-more {\r\n      // height: calc(85vh - 240px);\r\n      height: calc(85vh - 160px);\r\n    }\r\n\r\n    &.inner-type-doc {\r\n      background: #ccc;\r\n    }\r\n\r\n    &.inner-type-img, &.inner-type-audio {\r\n      height: 80vh;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n    }\r\n  }\r\n  #content_viewer {\r\n    .item--audio {\r\n      padding-top: 15%;\r\n    }\r\n  }\r\n  .content-type-img, .content-type-video {\r\n    .inner-img {\r\n      background: transparent;\r\n    }\r\n\r\n    img {\r\n  height: 80vh;\r\n    }\r\n\r\n    &.has-more {\r\n      img {\r\n        max-height: calc(80vh - 245px);\r\n      }\r\n    }\r\n\r\n  }\r\n  .inner-up {\r\n    margin-left: 20px;\r\n\r\n    @media screen and ( max-width: 575px ) {\r\n      margin-left: 10px;\r\n    }\r\n  }\r\n  .overlay {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    background: rgba($primary_text_color, .6);\r\n    z-index: 11;\r\n\r\n    ~ * {\r\n      position: relative;\r\n      z-index: 12;\r\n    }\r\n  }\r\n\r\n  .sidebar__media__list--slider {\r\n    z-index: 12;\r\n    // max-width: 80vw;\r\n    // margin: 40px auto 20px;\r\n    max-height: 30vh;\r\n\r\n    .item {\r\n      margin-bottom: 0!important;\r\n\r\n      &__wrap {\r\n\r\n        &:before {\r\n          content: \"\";\r\n          position: absolute;\r\n          top: 0;\r\n          left: 0;\r\n          width: 100%;\r\n          height: 100%;\r\n          z-index: 1;\r\n          background: rgba(0,0,0, .0);\r\n        }\r\n      }\r\n\r\n      &--audio {\r\n        .item {\r\n          &__media {\r\n            padding: 5px 0 35px;\r\n          }\r\n\r\n          &__icon {\r\n            left: 3%;\r\n          }\r\n        }\r\n      }\r\n\r\n      &--lock {\r\n      }\r\n\r\n      &:before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: rgba(0,0,0,.3);\r\n        z-index: 1;\r\n        @extend .effect-transition-fast;\r\n        @extend .effect-hide-hover;\r\n      }\r\n\r\n      &__icon {\r\n        @extend .position-center-xy;\r\n        z-index: 1;\r\n        opacity: 0;\r\n      }\r\n\r\n      &:hover {\r\n        &:before {\r\n          @extend .effect-show-hover;\r\n        }\r\n        .item {\r\n\r\n          &__icon {\r\n            opacity: 1;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .sidebar__media__list {\r\n      &__title {\r\n        margin: 0 0 25px;\r\n      }\r\n    }\r\n  }\r\n  .content_viewer__type {\r\n    cursor: pointer;\r\n\r\n    &:hover {\r\n      @extend .secondary-color-txt;\r\n    }\r\n  }\r\n  .ebook__next__0, .ebook__prev__0 {\r\n    height: 100%;\r\n    top: 0;\r\n    margin: 0;\r\n    background-position: center;\r\n    width: 50px;\r\n    background-color: rgba(0,0,0,.3); \r\n  }\r\n  .ebook__prev__0 {\r\n    left: 0;\r\n    border-radius: 6px 0 0 6px;\r\n  }\r\n  .ebook__next__0 {\r\n    right: 0;\r\n    left: auto;\r\n    border-radius: 0 6px 6px 0;\r\n  }\r\n\r\n  .swiper-button-prev.swiper-button-disabled, .next-main.next-main-disabled, .pre-main.pre-main-disabled, .swiper-button-next.swiper-button-disabled {\r\n    pointer-events: auto!important;\r\n  }\r\n  .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled, .next-main.swiper-button-disabled, .pre-main.swiper-button-disabled {\r\n    opacity: .35;\r\n    cursor: auto;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .ebook__prev__main {\r\n    left: 0;\r\n  }\r\n  .ebook__next__main {\r\n    right: 0;\r\n  }\r\n\r\n  @media screen and ( max-width: 575px ) {\r\n    .sidebar__media__list {\r\n\r\n      &--slider {\r\n        margin: 15px auto 10px;\r\n      }\r\n\r\n      &__title {\r\n        font-size: 18px;\r\n      }\r\n    }\r\n\r\n    .ebook__next__0, .ebook__prev__0 {\r\n      width: 30px;\r\n    }\r\n  }\r\n\r\n  .swiper-container {\r\n    padding-bottom: 0!important;\r\n  }\r\n  .next-main{\r\n    position: absolute;\r\n    right: 0;\r\n    top: 40%;\r\n    cursor: pointer;\r\n    background: #3b4852;\r\n    height: 120px;\r\n    padding: 0 4px;\r\n    border-radius: 8px;\r\n    line-height: 120px;\r\n    z-index: 99;\r\n  }\r\n  .pre-main{\r\n    z-index: 99;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 40%;\r\n    cursor: pointer;\r\n    background: #3b4852;\r\n    height: 120px;\r\n    padding: 0 4px;\r\n    border-radius: 8px;\r\n    line-height: 120px;\r\n  }\r\n    .icon-arrow-right .path1:before {\r\n    content: \"\\e987\";\r\n    color: white;\r\n  }\r\n  \r\n  .icon-arrow-right .path2:before {\r\n    content: \"\\e988\";\r\n    margin-left: -1em;\r\n    color: white;\r\n  }\r\n  \r\n\r\n\r\n  .icon-arrow-left .path1:before {\r\n    content: \"\\e985\";\r\n    color: white;\r\n  }\r\n  .icon-arrow-left .path2:before {\r\n    content: \"\\e986\";\r\n    margin-left: -1em;\r\n    color: white;\r\n  }\r\n\r\n  \r\n  .button-next-0{\r\n    position: absolute;\r\n    cursor: pointer;\r\n    background: #3b4852;\r\n    height: 150px;\r\n    line-height: 150px;\r\n    top: 0;\r\n    margin: 0;\r\n    background-position: 50%;\r\n    width: 50px;\r\n    background-color: rgba(0,0,0,.3);\r\n    right: 0;\r\n    left: auto;\r\n    border-radius: 0 6px 6px 0;\r\n    z-index: 99;\r\n    padding: 0 5px;\r\n  }\r\n  .button-prev-0{\r\n    position: absolute;\r\n    cursor: pointer;\r\n    background: #3b4852;\r\n    height: 150px;\r\n    line-height: 150px;\r\n    top: 0;\r\n    margin: 0;\r\n    background-position: 50%;\r\n    width: 50px;\r\n    background-color: rgba(0,0,0,.3);\r\n    left: auto;\r\n    border-radius: 6px 0px 0px 6px;\r\n    z-index: 99;\r\n    padding: 0 5px;\r\n  }\r\n\r\n  .modal-head {\r\n    padding: 15px 0;\r\n  }\r\n\r\n  // , .content-viewer__info\r\n  .content-viewer, .sidebar__media__list--slider {\r\n    margin-left: 60px;\r\n    margin-right: 60px;\r\n    @media screen and (max-width: 1024px){\r\n      margin-left: 42px;\r\n      margin-right: 42px;\r\n    }\r\n    @media screen and (max-width: 768px){\r\n      margin-left: 30px;\r\n      margin-right: 30px;\r\n    }\r\n    @media screen and (max-width: 575px){\r\n      margin-left: 23px;\r\n      margin-right: 23px;\r\n    }\r\n    @media screen and (max-width: 425px){\r\n      margin-left: 10px;\r\n      margin-right: 10px;\r\n    }\r\n  }\r\n  @media screen and (max-width: 425px){\r\n    .mobile-slide{\r\n      margin-bottom: 80px;\r\n    }\r\n  }\r\n\r\n  .content-viewer {\r\n\r\n    &__head {\r\n      z-index: 12;\r\n      @extend .position-rel;\r\n    }\r\n\r\n    &__info {\r\n      margin-top: 20px;\r\n\r\n      &__action {\r\n        @extend .display-flex;\r\n        \r\n        button {\r\n          line-height: 1;\r\n          letter-spacing: 0.03em;\r\n\r\n          &:not(:last-child) {\r\n            margin-right: 15px;\r\n          }\r\n        }\r\n\r\n        &__help {\r\n          padding: 0;\r\n          width: 30px;\r\n          height: 30px;\r\n          @extend .display-flex-center;\r\n          @extend .justify-content-center;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__info__wrap{\r\n      // margin-top:35px;\r\n      // @media (min-width: 992px) and (max-width: 1599px) {\r\n      //   margin-top:70px;\r\n      // }\r\n    }\r\n  \r\n    &.multi {\r\n      max-height: 100%;\r\n      overflow: hidden;\r\n\r\n      .content-viewer {\r\n        &__main {\r\n          width: 68%;\r\n        }\r\n\r\n        &__list {\r\n          width: 30%;\r\n        }\r\n      }\r\n    }\r\n\r\n    &.single {\r\n      @extend .display-flex-center;\r\n      @extend .justify-content-center;\r\n    }\r\n\r\n    &__list {\r\n\r\n      &__title {\r\n        letter-spacing: 0.03em;\r\n      }\r\n\r\n      &__head {\r\n        padding: 10px 15px;\r\n        border-bottom: 1px solid $primary_text_color;\r\n        border-radius: 8px 8px 0 0;\r\n      }\r\n\r\n      &__head, &__body {\r\n        background: rgba($primary_text_color, .5);\r\n      }\r\n\r\n      &__body {\r\n        // 140px is height head & space foot\r\n        border-radius: 0 0 8px 8px;\r\n        // height: calc(100% - 140px);\r\n        // height: calc(100% - 127px);\r\n        height: calc(100% - 40px);\r\n        overflow: auto;\r\n        -ms-overflow-style: none;  /* IE and Edge */\r\n        scrollbar-width: none;  /* Firefox */\r\n\r\n        &::-webkit-scrollbar {\r\n          display: none;\r\n        }\r\n\r\n        .item {\r\n          @extend .display-block;\r\n          padding: 15px;\r\n          @extend .display-flex;\r\n\r\n          &.active, &:hover {\r\n            background: rgba($primary_text_color, 1);\r\n          }\r\n\r\n          &__img {\r\n            width: 35%;\r\n            margin-right: 4%;\r\n          }\r\n\r\n          // &__img {\r\n            // width: 90px;\r\n            // height: 50px;\r\n            // margin-right: 15px;\r\n          // }\r\n\r\n          &__title {\r\n            letter-spacing: 0.03em;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__preview {\r\n      \r\n      &__head {\r\n        max-height: 57vh;\r\n      }\r\n\r\n      &.multi {\r\n        .content-viewer__preview {\r\n          &__head, &__body {\r\n            @extend .display-flex;\r\n            @extend .justify-content-between;\r\n            overflow: hidden;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and ( min-width: 992px ) and ( max-width: 1599px ) {\r\n    .content-viewer {\r\n\r\n      &__head {\r\n        padding: 5px 0;\r\n      }\r\n\r\n      &__info {\r\n        margin-top: 10px;\r\n      }\r\n\r\n      &.multi {\r\n\r\n        .content-viewer {\r\n          &__main {\r\n            width: 70%;\r\n          }\r\n\r\n          &__list {\r\n            width: 28%;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .inner-img.has-more {\r\n      height: auto;\r\n      margin-bottom: 15px;\r\n    }\r\n\r\n    .media-preview {\r\n      &__title {\r\n        font-size: 21px;\r\n      }\r\n\r\n      &__type {\r\n        font-size: 16px;\r\n      }\r\n    }\r\n    .sidebar__media__list--slider {\r\n      margin-top: 0;\r\n\r\n      .sidebar__media__list__title {\r\n        font-size: 19px;\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n    .content-viewer {\r\n      &__preview {\r\n        &.multi {\r\n          .content-viewer__preview {\r\n\r\n            &__head {\r\n              max-height: 400px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .media-preview {\r\n      &__title {\r\n        font-size: 26px;\r\n      }\r\n\r\n      &__type {\r\n        font-size: 16px;\r\n      }\r\n    }\r\n  }\r\n  \r\n  @media screen and ( min-width: 768px ) and ( max-width: 991px ) {\r\n    .content-viewer {\r\n\r\n      &.multi {\r\n        .content-viewer {\r\n\r\n          &__main {\r\n            width: 65%;\r\n          }\r\n          &__list {\r\n            width: 33%;\r\n          }\r\n        }\r\n      }\r\n\r\n      &__list {\r\n        &__body {\r\n          .item {\r\n            &__img {\r\n              width: 70px;\r\n              height: 40px;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media screen and ( max-width: 767px ) {\r\n    .content-center {\r\n      min-height: 100vh;\r\n    }\r\n    .show-document .inner-content {\r\n      height: auto;\r\n      overflow: auto!important;\r\n    }\r\n    .inner-content, .content-center, .inner-img.has-more {\r\n      height: auto;\r\n      overflow: auto!important;\r\n    }\r\n    .content-viewer {\r\n\r\n      &__info {\r\n        &__wrap {\r\n          display: block;\r\n        }\r\n\r\n        &__content {\r\n          margin-bottom: 15px;\r\n        }\r\n      }\r\n\r\n      &__preview {\r\n\r\n        &.multi {\r\n          display: block;\r\n          overflow: auto;\r\n          \r\n          .content-viewer__preview {\r\n            &__head {\r\n              display: block;\r\n              max-height: inherit;\r\n            }\r\n          }\r\n        }\r\n      }\r\n      &.multi {\r\n        overflow: auto;\r\n        height: auto;\r\n        \r\n        .content-viewer {\r\n          &__main, &__list {\r\n            width: 100%;\r\n          }\r\n        }\r\n      }\r\n\r\n      &__main {\r\n        margin-bottom: 15px;\r\n      }\r\n\r\n      &__list {\r\n        &__body {\r\n          height: 300px;\r\n        }\r\n      }\r\n    }\r\n    .media-preview__title {\r\n      font-size: 20px;\r\n    }\r\n  }\r\n  @media screen and (max-width: 575px){\r\n    .info-content{\r\n      display: none;\r\n    }\r\n    .mg-mobile{\r\n      margin-bottom: 60px;\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalMedia.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!./ModalMedia.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalMedia.vue?vue&type=template&id=8f00fda6&scoped=true&\"\nimport script from \"./ModalMedia.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalMedia.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalMedia.vue?vue&type=style&index=0&id=8f00fda6&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  \"8f00fda6\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <div class=\"sidebar__media\" v-if=\"keySidebarActive === 'media'\">\r\n      <div class=\"sidebar__media__head\">\r\n        <div class=\"book-viewer__sidebar__contents__wrap\">\r\n          <h3 class=\"sidebar__title\">Học liệu <span class=\"secondary-color-txt font-size-18 font-sanpro\">{{ versionApp }}</span></h3>\r\n          <div class=\"sidebar__media__form\">\r\n                <div class=\"input-custom-icon\">\r\n                  <!-- @keyup.prevent=\"handleFilter\" -->\r\n                  <input type=\"text\" name=\"search\" class=\"form-h30 border-rd-20 bg-color-light border-0 full-width\" placeholder=\"Tìm kiếm\" v-model.lazy=\"keyword\" v-debounce=\"300\" />\r\n                  <i class=\"icon-search primary-color font-size-16\"></i>\r\n                </div>\r\n            </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"sidebar__media__result\">\r\n        <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n          <div class=\"book-viewer__sidebar__contents__wrap\">\r\n            <div class=\"sidebar__media__list\">\r\n              <div \r\n                class=\"item position-rel\" \r\n                v-for=\"(item, index) of listMediaPage\" \r\n                :key=\"index\"\r\n                v-show=\"(keyFilterMedia === '' || keyFilterMedia === checkTypeDocs(item.linkUrl))\"\r\n                :class=\"{'item--lock': (!item.isShowFree || item.isShowFree === 0) && !ebooksDetail.actived}\"\r\n                @click=\"handleViewMedia(item)\"\r\n              >\r\n                <div class=\"item__media position-rel\"><!-- v-if=\"item.isShowFree && item.isShowFree !== 0 && ebooksDetail.actived\" -->\r\n                  <div class=\"img-wrap text-center\">\r\n                    <img v-if=\"item.linkUrl && checkVideo(item.linkUrl)\" :src=\"item.posterLink ? `${urlImg}/${item.posterLink}` : img404\" alt=\"Học liệu\">\r\n                    <PreviewAudio\r\n                      class=\"evt-none\"\r\n                      v-else-if=\"checkAudio(item.linkUrl)\" \r\n                      :pathView=\"isFullLink(item.linkUrl) ? item.linkUrl : `${appUrl}${item.linkUrl}`\" \r\n                    />\r\n                    \r\n                    <img v-else :src=\"`${appUrl}${item.posterLink ? item.posterLink : item.linkUrl}`\" alt=\"Học liệu\">\r\n                  </div>\r\n                  <IconMedia class=\"item__icon\" :dataSource=\"item\" />\r\n                </div>\r\n                <h4 class=\"item__title font-size-15 color-light margin-0\">\r\n                  {{ item.titleLink }}\r\n                </h4>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"isShowNoti\">\r\n              <h3 class=\"secondary-color-txt font-size-16 text-center\">Không có học liệu</h3>\r\n            </div>\r\n          </div>\r\n        </vue-custom-scrollbar>\r\n      </div>\r\n    </div>\r\n\r\n    <div class=\"sidebar-link\" v-if=\"keySidebarActive === 'link'\">\r\n    \t<div class=\"sidebar-link__head\">\r\n    \t\t<div class=\"book-viewer__sidebar__contents__wrap\">\r\n        \t\t<h3 class=\"sidebar__title\">Liên kết</h3>\r\n        \t</div>\r\n    \t</div>\r\n        <div class=\"sidebar__link__result\">\r\n        \t<div class=\"book-viewer__sidebar__contents__wrap\">\r\n              <b-tabs class=\"sidebar__tabs\">\r\n                  <b-tab active>\r\n                      <template v-slot:title>Sách điện tử</template>\r\n                      <div class=\"book-links\">\r\n                          <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n                              <div v-if=\"ebooksDetailss && ebooksDetailss.bookRelates\" class=\"item display-flex full-width\" v-for=\"(item, index) of ebooksDetailss.bookRelates\">\r\n                                  <div class=\"item__img\">\r\n                                    <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\">\r\n                                      <img v-lazy=\"item.imageUrl ? handleResizeImgBook(item.imageUrl) : ''\" :alt=\"item.name\">\r\n                                    </router-link>\r\n                                  </div>\r\n                                  <div class=\"item__content\">\r\n                                      <h4 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\">\r\n                                        <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" class=\"color-inherit\">{{ item.name }}</router-link>\r\n                                      </h4>\r\n                                      <p class=\"item__year font-size-14 secondary-color-txt\">Tái bản: {{ item.editionYear }}</p>\r\n                                      <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" target= '_blank' class=\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\">Đọc sách</router-link>\r\n                                  </div>\r\n                              </div>\r\n                          </vue-custom-scrollbar>\r\n                      </div>\r\n                  </b-tab>\r\n              </b-tabs>\r\n          </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"sidebar__info\" v-if=\"keySidebarActive === 'info'\">\r\n      <div class=\"sidebar__info__head\">\r\n        <div class=\"book-viewer__sidebar__contents__wrap\">\r\n          <h3 class=\"sidebar__title\">Thông tin</h3>\r\n        </div>\r\n      </div>\r\n      <div class=\"sidebar__info__result\">\r\n        <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n          <div class=\"book-viewer__sidebar__contents__wrap\">\r\n            <div class=\"sidebar__info__list\">\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Chủ đề: </div>\r\n                <div class=\"item__value\">{{ dataInfo.topicName }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Bài: </div>\r\n                <div class=\"item__value\">{{ dataInfo.lessonName }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Phần: </div>\r\n                <div class=\"item__value\">{{ dataInfo.partName }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Số câu: </div>\r\n                <div class=\"item__value\">{{ dataInfo.totalQuestion }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Số câu đúng: </div>\r\n                <div class=\"item__value\">{{ dataInfo.totalCorrectQuestion }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Số câu sai: </div>\r\n                <div class=\"item__value\">{{ dataInfo.totalInCorrectQuestion }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Chưa làm: </div>\r\n                <div class=\"item__value\">{{ dataInfo.totalQuestionNotDone }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </vue-custom-scrollbar>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { STORE_KEY} from \"../_store/constants\";\r\n  import { STORE_KEY as STORE_KEY_EBOOK } from '@/modules/ebooks/_store/constants'\r\n  import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n  import { APP_CONFIG } from '@/utils/constants'\r\n  import mixinsFiles from '@/components/content-files/mixinsFiles'\r\n  import PreviewVideo from '@/components/content-files/PreviewVideo.vue'\r\n  import PreviewImage from '@/components/content-files/PreviewImage.vue'\r\n  import PreviewAudio from '@/components/content-files/PreviewAudio.vue'\r\n  import { mapState, mapActions, mapMutations, mapGetters } from 'vuex'\r\n  import { getAuth } from '@/utils/jwt'\r\n  import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n  import IconMedia from '@/modules/libraries/_components/list/IconMedia.vue'\r\n  import { getMediaInBookPage } from '@/modules/ebooks/_api'\r\n  import { getCatInfoOfExercise } from './../_api/'\r\n  import ModalMedia from '@/modules/ebooks/_components/ebook-viewer/ModalMedia.vue'\r\n  import debounce from \"@/directives/debounce\";\r\n  import { updatecountview } from '@/store/common/api'\r\n  import { replaceImageResize } from '@/helpers/functions'\r\n  const img404 = require(`@/assets/images/img_404.jpg`)\r\n\r\n  export default {\r\n    name: 'ExerciseSidebar',\r\n    mixins: [ mixinsFiles ],\r\n    components: {\r\n      vueCustomScrollbar,\r\n      PreviewVideo,\r\n      PreviewImage,\r\n      PreviewAudio,\r\n      IconMedia,\r\n      ModalMedia\r\n    },\r\n    props: {\r\n      keySidebarActive: String,\r\n      ebooksDetail: Object,\r\n      // listMediaPage: Array,\r\n      pageCurr: Array,\r\n      mediaRelate: Object,\r\n      checkQuestionId: Object\r\n    },\r\n    directives: { debounce },\r\n    data () {\r\n      return {\r\n        paramFethMedia:{},\r\n        settingsViewBookSidebar: {\r\n          maxScrollbarLength: 300\r\n        },\r\n        cdnUrl: APP_CONFIG.cdnUrl,\r\n        appUrl: APP_CONFIG.bookCdnUrl,\r\n        bookImgCdnUrl: APP_CONFIG.bookImgCdnUrl,\r\n        urlImg: APP_CONFIG.urlPlatformCmsImg,\r\n        keyFilterMedia: '',\r\n        img404,\r\n        authInfo: {},\r\n        listMediaPage: [],\r\n        // allMedias: [],\r\n        dataInfo: {},\r\n        // emailPublic: EMAIL_PUBLIC\r\n        keyword: '',\r\n        pageSearch: 0,\r\n        isShowNoti: false,\r\n        id: this.$route.params.id,\r\n        pageChange: 0,\r\n        pageChanges: 0\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapState('auth', ['loginPopupData']),\r\n      ...mapState('common', ['visiblePreviewSliderModal', 'versionApp', 'getInfoExcercise']),\r\n      ...mapState(STORE_KEY_EBOOK, ['paramSearchRelateMedia']),\r\n      ...mapGetters({\r\n        ebooksDetailss: STORE_KEY + '/ebooksDetail',\r\n         setCheckExcercise: 'common' + '/setCheckExcercise',\r\n      }),\r\n    },\r\n    watch: {\r\n      getInfoExcercise(newVal){\r\n        if(newVal){\r\n          this.handleChangePage()\r\n          // this.getMedias()\r\n        }\r\n      },\r\n      keyword: \"handleFilterKeyword\",\r\n      loginPopupData (newVal) {\r\n        if(newVal && Object.keys(newVal).length) {\r\n          this.authInfo = newVal;\r\n        }\r\n      },\r\n      keySidebarActive (newVal) {\r\n        if (newVal === 'media') {\r\n          this.getMedias()\r\n        } else if (newVal === 'info') {\r\n          this.getInfoExerciseQuestion()\r\n        }\r\n      },\r\n\r\n      mediaRelate (newVal) {\r\n        newVal && this.viewMoreMedia(newVal)\r\n      },\r\n\r\n      checkQuestionId (newVal) {\r\n        if (newVal && Object.keys(newVal) && this.authInfo && this.authInfo === EMAIL_PUBLIC) {\r\n          this.dataInfo.totalCorrectQuestion = newVal.questionCorrect\r\n          this.dataInfo.totalInCorrectQuestion = newVal.questionInCorrect\r\n          this.dataInfo.totalQuestionNotDone = newVal.questionNotDone\r\n        } else if (newVal && newVal.value && this.dataInfo) {\r\n          if (newVal.id === 0) {\r\n            this.dataInfo.totalCorrectQuestion -= 1\r\n            this.dataInfo.totalQuestionNotDone += 1\r\n          } else {\r\n            this.dataInfo.totalCorrectQuestion += 1\r\n            this.dataInfo.totalQuestionNotDone -= 1\r\n          }\r\n        } else if (newVal && !newVal.value && this.dataInfo) {\r\n          if (newVal.id === 0) {\r\n            this.dataInfo.totalInCorrectQuestion -= 1\r\n            this.dataInfo.totalQuestionNotDone += 1\r\n          } else {\r\n            this.dataInfo.totalInCorrectQuestion += 1\r\n            this.dataInfo.totalQuestionNotDone -= 1\r\n          }\r\n        }\r\n      },\r\n      '$route.query.sach': 'getInfoBook',\r\n      '$route.query.danhmuc': 'getInfoExerciseQuestion'\r\n    },\r\n    created() {\r\n      this.authInfo = getAuth();\r\n    },\r\n    methods: {\r\n      ...mapActions('auth', ['setToggleLoginForm']),\r\n      ...mapActions('common', ['setLoading', 'setToggleModalDocSlider', 'setDocPreviewSlider', 'acSetDataBookActiveWant', 'acToggleModalActiveBook']),\r\n      ...mapMutations(STORE_KEY_EBOOK, ['SET_PARAM_SEARCH_RELATE_MEDIA']),\r\n      ...mapActions(STORE_KEY, ['getEBooksDetail']),\r\n\r\n      getInfoBook () {\r\n        this.getEBooksDetail(parseInt(this.$route.query.sach))\r\n      },\r\n\r\n      async getMedias () {\r\n        let self = this\r\n        self.listMediaPage = []\r\n        /**\r\n        * Params call media info:\r\n        * bookId - bookPageId=0 - pageNo\r\n        **/ \r\n        this.paramFethMedia = { bookId: self.ebooksDetail.bookId, pageNo: 0, keyword: '' };\r\n        const requestGetMedia = await self.pageCurr.map(page => {\r\n        this.pageSearch = page\r\n      \r\n          return getMediaInBookPage({...this.paramFethMedia, pageNo: page, keyword: ''}).then(res => {\r\n            if (res && res.data && res.data.length && !res.errors) {\r\n              res.data.map (link => {\r\n                if (link.linkPages && link.linkPages.length > 0)\r\n                  link.linkPages.map(media => {\r\n                    self.listMediaPage = [...self.listMediaPage, {...media, linkPages: link.linkPages}]\r\n                  })\r\n              })\r\n              this.isShowNoti = false\r\n            } else {\r\n              this.isShowNoti = true\r\n            // this.listMediaPage = []\r\n            // console.log('không có linkPages', res.data)\r\n          }\r\n            return {...res, pageNo: page};\r\n          });\r\n        });\r\n\r\n        Promise.all(requestGetMedia)\r\n      },\r\n      handleFilterKeyword(){\r\n        // JSON.stringify\r\n        getMediaInBookPage({bookId: this.ebooksDetail.bookId, pageNo: this.pageSearch, keyword: this.keyword}).then(res => {\r\n          if(res && res.data && res.data.length > 0){\r\n            this.listMediaPage = res.data[0].linkPages\r\n            this.isShowNoti = false\r\n          } else {\r\n            this.isShowNoti = true\r\n            this.listMediaPage = []\r\n          }\r\n        })\r\n      },\r\n      handleChangePage(){\r\n        // this.pageCurr.map(page => {\r\n        //   this.pageChange = page\r\n        // })\r\n        // console.log('vao pageCurr', this.pageCurr);\r\n\r\n        // this.pageChanges = this.pageCurr\r\n        // console.log('this.setCheckExcercise', this.setCheckExcercise);\r\n        getMediaInBookPage({bookId: this.ebooksDetail.bookId, pageNo: this.setCheckExcercise, keyword: ''}).then(res => {\r\n          if(res && res.data && res.data.length > 0){\r\n            this.listMediaPage = res.data[0].linkPages\r\n            this.isShowNoti = false\r\n          } else {\r\n            this.isShowNoti = true\r\n            this.listMediaPage = []\r\n          }\r\n        })\r\n      },\r\n\r\n      handleViewMedia (val) {\r\n        \r\n        let linkActive = val.isShowFree && val.isShowFree !== 0;\r\n        if(this.authInfo && this.authInfo.email === EMAIL_PUBLIC && !this.ebooksDetail.actived && !linkActive) {\r\n          this.setToggleLoginForm(true);\r\n        } else if(!linkActive && !this.ebooksDetail.actived) {\r\n          this.acToggleModalActiveBook(true)\r\n        } else {\r\n          let paramSearchCurr = {bookId: this.ebooksDetail.bookId, pageNo: val.pageNo, typeId: val.documentTypeId, pageIndex: 1, bookPageId: val.bookPageLinkId};\r\n          this.setDocPreviewSlider(val);\r\n          this.setToggleModalDocSlider(true);\r\n          updatecountview(val.pageLinksId)\r\n          // .then(res => {\r\n          //   if(res){\r\n          //     // console.log('res click val', res)\r\n          //   }\r\n          // })\r\n          // this.SET_PARAM_SEARCH_RELATE_MEDIA({...this.paramSearchRelateMedia, ...paramSearchCurr});\r\n        }\r\n      },\r\n\r\n      handleOffModal() {\r\n        this.setDocPreviewSlider({});\r\n        this.setToggleModalDocSlider(false);\r\n      },\r\n\r\n      viewMoreMedia(data) {\r\n        let self = this;\r\n        let paramFethMedia = { bookId: self.ebooksDetail.bookId, pageNo: data.pageNo, bookPageId: data.bookPageId, keyword: '' };\r\n        getMediaInBookPage(paramFethMedia).then(res => {\r\n          if(res && res.data && res.data.length > 0) {\r\n            let mediaActive = res.data.filter(media => media.bookPageLinkId === data.bookPageLinkId);\r\n            if(mediaActive.length > 0) {\r\n              let dataMediaPreview = mediaActive[0];\r\n              let indexMediaForFirst = -1;\r\n              if(dataMediaPreview.linkPages && dataMediaPreview.linkPages.length > 0) {\r\n                indexMediaForFirst = dataMediaPreview.linkPages.findIndex(media => media.pageLinksId === data.pageLinksId)\r\n                if(indexMediaForFirst > -1) {\r\n                    dataMediaPreview.linkPages.unshift(dataMediaPreview.linkPages[indexMediaForFirst])\r\n                    dataMediaPreview.linkPages.splice(indexMediaForFirst + 1, 1);\r\n                }\r\n                dataMediaPreview.linkPages.map(link => link['bookPageId'] = dataMediaPreview.bookPageId)\r\n              }\r\n              return dataMediaPreview\r\n            }\r\n          }\r\n          return;\r\n        }).then(media => {\r\n          self.setDocPreviewSlider(media);\r\n        });\r\n      },\r\n\r\n      getInfoExerciseQuestion () {\r\n        let bookIndexId = parseInt(this.$route.query.danhmuc) || 0\r\n        if (bookIndexId > 0 && this.keySidebarActive) {\r\n          getCatInfoOfExercise(bookIndexId).then(res => {\r\n            this.dataInfo = res ? {...res} : {}\r\n            // if (res) {\r\n            //   this.dataInfo = {\r\n            //     ...res\r\n            //     // totalCorrectQuestion: this.checkQuestionId.questionCorrect,\r\n            //     // totalInCorrectQuestion: this.checkQuestionId.questionInCorrect,\r\n            //     // totalQuestionNotDone: this.checkQuestionId.questionNotDone\r\n            //   }\r\n            // } else {\r\n            //   this.dataInfo = {}\r\n            // }\r\n          }).finally()\r\n        }\r\n      },\r\n\r\n      handleResizeImgBook (link) {\r\n        return replaceImageResize(link, {width: 130, height: 185})\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .sidebar__imgbooks{\r\n    // height: 70vh;\r\n    // overflow: auto;\r\n    .img-books{\r\n      margin-top: 20px;\r\n    }\r\n  }\r\n  /* width */\r\n  ::-webkit-scrollbar {\r\n  width: 8px;\r\n  }\r\n\r\n  /* Track */\r\n  ::-webkit-scrollbar-track {\r\n  background: #f1f1f1; \r\n  }\r\n  \r\n  /* Handle */\r\n  ::-webkit-scrollbar-thumb {\r\n  background: #888; \r\n  border-radius: 20px;\r\n  }\r\n  .sidebar__media__list {\r\n    .item {\r\n      \r\n      &:before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 0;\r\n        background: rgba(0,0,0,.2);\r\n        z-index: 1;\r\n        @extend .effect-transition-fast;\r\n        @extend .effect-hide-hover;\r\n      }\r\n\r\n      &--lock {\r\n      //   &:before {\r\n      //     content: '';\r\n      //     position: absolute;\r\n      //     top: 0;\r\n      //     left: 0;\r\n      //     right: 0;\r\n      //     bottom: 0;\r\n      //     background: rgba(0,0,0,.2);\r\n      //     z-index: 1;\r\n      //   }\r\n        .item {\r\n          &__title {\r\n            @extend .secondary-color-txt;\r\n          }\r\n        }\r\n      }\r\n\r\n      &__title {\r\n        z-index: 2;\r\n      }\r\n\r\n      &__icon {\r\n        @extend .position-center-xy;\r\n        z-index: 1;\r\n        opacity: 0;\r\n      }\r\n\r\n      &:hover {\r\n        &:before {\r\n          @extend .effect-show-hover;\r\n        }\r\n\r\n        .item {\r\n          &__icon {\r\n            opacity: 1;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .sidebar__info__list {\r\n    .item {\r\n      @extend .display-flex;\r\n      margin-bottom: 15px;\r\n\r\n      &__title {\r\n        width: 45%;\r\n        margin-right: 1%;\r\n        @extend .secondary-color-txt;\r\n        @extend .font-size-15;\r\n        @extend .font-sanpro-semibold;\r\n      }\r\n\r\n      &__value {\r\n        width: 54%;\r\n        @extend .font-size-16;\r\n        @extend .font-sanpro-light;\r\n        @extend .primary-color-txt;\r\n      }\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExerciseSidebar.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!./ExerciseSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseSidebar.vue?vue&type=template&id=0b29b1d2&scoped=true&\"\nimport script from \"./ExerciseSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseSidebar.vue?vue&type=style&index=0&id=0b29b1d2&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  \"0b29b1d2\",\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:\"question-name display-flex-center justify-content-center position-rel\"},[(!_vm.isHideNextPrevCat)?_c('div',{staticClass:\"question-name__prev__lesson cursor-pointer position-rel only-pc\",on:{\"click\":function($event){return _vm.directToCat('prev')}}},[_c('i',{staticClass:\"icon-first-page primary-color font-size-20 cursor-pointer\"})]):_vm._e(),_c('div',{staticClass:\"question-name__prev cursor-pointer position-rel\",attrs:{\"slot\":\"button-prev\"},on:{\"click\":function($event){return _vm.directQuestion(_vm.activeSlider-1)}},slot:\"button-prev\"},[_c('i',{staticClass:\"icon-prev primary-color font-size-20 cursor-pointer\"})]),_c('swiper',{ref:\"swiper_question\",staticClass:\"swiper\",attrs:{\"id\":\"swiper_question\",\"options\":_vm.optionSlider}},_vm._l((_vm.dataSource),function(item,index){return _c('swiperSlide',{key:index},[_c('a',{class:{\n            'active' : _vm.activeSlider === index,\n            'curr': item.current || (index === parseInt(_vm.$route.query.cauhoi) - 1 && !_vm.isDontShowResult) || (item.isWorked && !item.isNoAnswer), \n            'success': item.type && item.type !== _vm.typeDownAnswer && !_vm.isDontShowResult && ((item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue)), \n            'error': item.type && item.type !== _vm.typeDownAnswer && !_vm.isDontShowResult && !item.isNoAnswer && ((item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue)) \n          },on:{\"click\":function($event){return _vm.directQuestion(index + 1)}}},[_vm._v(\"\\n            \"+_vm._s(item.name)+\"\\n          \")])])}),1),_c('div',{staticClass:\"question-name__next cursor-pointer position-rel\",attrs:{\"slot\":\"button-next\"},on:{\"click\":function($event){return _vm.directQuestion(_vm.activeSlider+1)}},slot:\"button-next\"},[_c('i',{staticClass:\"icon-next primary-color font-size-20 cursor-pointer\"})]),(!_vm.isHideNextPrevCat)?_c('div',{staticClass:\"question-name__next__lesson cursor-pointer position-rel only-pc\",on:{\"click\":function($event){return _vm.directToCat('next')}}},[_c('i',{staticClass:\"icon-last-page primary-color font-size-20 cursor-pointer\"})]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"question-name display-flex-center justify-content-center position-rel\">\r\n      <div v-if=\"!isHideNextPrevCat\" class=\"question-name__prev__lesson cursor-pointer position-rel only-pc\" @click=\"directToCat('prev')\"><i class=\"icon-first-page primary-color font-size-20 cursor-pointer\"></i></div>\r\n      <div class=\"question-name__prev cursor-pointer position-rel\" @click=\"directQuestion(activeSlider-1)\" slot=\"button-prev\"><i class=\"icon-prev primary-color font-size-20 cursor-pointer\"></i></div>\r\n      <swiper ref=\"swiper_question\" id=\"swiper_question\" class=\"swiper\" :options=\"optionSlider\">\r\n        <swiperSlide v-for=\"(item, index) of dataSource\" :key=\"index\">\r\n          <a\r\n            :class=\"{\r\n              'active' : activeSlider === index,\r\n              'curr': item.current || (index === parseInt($route.query.cauhoi) - 1 && !isDontShowResult) || (item.isWorked && !item.isNoAnswer), \r\n              'success': item.type && item.type !== typeDownAnswer && !isDontShowResult && ((item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue)), \r\n              'error': item.type && item.type !== typeDownAnswer && !isDontShowResult && !item.isNoAnswer && ((item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue)) \r\n            }\" \r\n            @click=\"directQuestion(index + 1)\"\r\n          >\r\n              {{ item.name }}\r\n            </a>\r\n        </swiperSlide>\r\n      </swiper>\r\n      <div class=\"question-name__next cursor-pointer position-rel\" @click=\"directQuestion(activeSlider+1)\" slot=\"button-next\"><i class=\"icon-next primary-color font-size-20 cursor-pointer\"></i></div>\r\n      <div\r\n        v-if=\"!isHideNextPrevCat\"\r\n        class=\"question-name__next__lesson cursor-pointer position-rel only-pc\"\r\n        @click=\"directToCat('next')\"\r\n      >\r\n        <i class=\"icon-last-page primary-color font-size-20 cursor-pointer\"></i>\r\n      </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import { swiper, swiperSlide } from 'vue-awesome-swiper'\r\n  import 'swiper/dist/css/swiper.css'\r\n  import { mapActions } from 'vuex'\r\n  import { TYPE_DOWN_ANSWER } from '@/modules/question/preview-question/_store/constants'\r\n\r\n\r\n  export default {\r\n    name: 'SliderNameQuestion',\r\n    props: {\r\n      dataSource: Array,\r\n      isHideNextPrevCat: Boolean,\r\n      isDontShowResult: Boolean,\r\n      scrollOffset: Number\r\n    },\r\n    components: {\r\n      swiper, \r\n      swiperSlide,\r\n    },\r\n    data () {\r\n      return {\r\n        activeSlider: 0,\r\n        nameRouter: this.$route.name,\r\n        isShowMore: false,\r\n        mountedSetIndex: true, // for set item current load page\r\n        optionSlider: {\r\n          slidesPerView: 8,\r\n          spaceBetween: 10,\r\n          slidesPerGroup: 3,\r\n          loop: false,\r\n          loopFillGroupWithBlank: true,\r\n          breakpoints: { \r\n            1199: {slidesPerView: 6, slidesPerGroup: 3},\r\n            991: {slidesPerView: 6, slidesPerGroup: 2},\r\n            767: {slidesPerView: 3, slidesPerGroup: 2},\r\n            575: {slidesPerView: 2, slidesPerGroup: 1}\r\n          },\r\n          navigation: {\r\n            nextEl: `.question-name__next`,\r\n            prevEl: `.question-name__prev`\r\n          }\r\n        },\r\n        typeDownAnswer: TYPE_DOWN_ANSWER\r\n      }\r\n    },\r\n    computed: {\r\n      swiper () {\r\n        return this.$refs.swiper_question.swiper\r\n      },\r\n      screenWidth () {\r\n        return window.innerWidth\r\n      },\r\n    },\r\n    mounted () {\r\n      this.setActiveItem()\r\n    },\r\n    methods: {\r\n      ...mapActions('common', ['setLoading', 'actionCheckInfoExcercise', 'setToggleModalActivePage', 'acSetDataBookActiveWant', 'acToggleModalActiveBook', 'acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp', 'acToggleModaShowError', 'actionSetBookIndexId','actionSetBookIdForError', 'setActionCheckQuestion', 'actionSetPageNoBook', 'actionCheckExcercise', 'actionCheckInfoExcercise', 'actionCheckPage']),\r\n\r\n      // handleShowMoreQuestion () {\r\n      //   // console.log('show more quếtion');\r\n      //   this.isShowMore = !this.isShowMore\r\n      // },\r\n\r\n      setActiveItem () {\r\n        const questionIndex = parseInt(this.$route.query.cauhoi) - 1\r\n        questionIndex > 8 && this.swiper.slideTo(questionIndex, 1000, false)\r\n        this.activeSlider = parseInt(this.$route.query.cauhoi);\r\n      },\r\n\r\n      directQuestion (position) {\r\n        \r\n        if(position>this.dataSource.length){\r\n          return\r\n        }\r\n        if(position<1){\r\n          return\r\n        }\r\n        let queryParams = this.$route.query\r\n        this.handleNextPrevSlide(position)\r\n        this.activeSlider = position;\r\n        queryParams.cauhoi != position && this.$router.replace({ query: {...queryParams, cauhoi: position} })\r\n      },\r\n\r\n      handleNextPrevSlide (position) {\r\n        if (this.screenWidth < 768) {\r\n          return\r\n        }\r\n        const spaceAction = 2\r\n        const slidePerGroup = this.screenWidth > 991 ? 3 : 2\r\n        let slidesPerView = 8\r\n        \r\n        if (this.screenWidth > 991 && this.screenWidth < 1200) {\r\n          slidesPerView = 6\r\n        } else if (this.screenWidth > 767 && this.screenWidth < 992) {\r\n          slidesPerView = 4\r\n        }\r\n        const belowLimit = slidePerGroup*(this.swiper.snapIndex + 1)\r\n        const aboveLimit = (belowLimit - spaceAction) + slidesPerView\r\n        if (position < belowLimit) {\r\n          this.swiper.slidePrev(1000)\r\n        } else if (position >= (aboveLimit -spaceAction)) {\r\n          this.swiper.slideNext(1000)\r\n        }\r\n      },\r\n\r\n      directToCat (type = 'next') {\r\n        this.actionCheckInfoExcercise(Math.random())\r\n        let result = type === 'next' ? 'handleNextCat' : 'handlePrevCat'\r\n        this.$emit(result, true)\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.all-question{\r\n  position: absolute;\r\n  transition: bottom 0.3s ease-out, opacity 0.1s ease;\r\n  // transition: 1s;\r\n  width: auto;\r\n  // height: 200px;\r\n  bottom: 0;\r\n  opacity: 0;\r\n  z-index: -1;\r\n    //   left: 50%;\r\n    // transform: translate(-50%, -200%);\r\n  left: 18%;\r\n  background: #f3f6fb;\r\n  border: 1px solid #d2d2d2;\r\n  border-radius: 8px 8px 0 0;\r\n  // border-top-left-radius: 8px;\r\n  // border-top-right-radius: 8px;\r\n\r\n  &.show-more{\r\n    transition: bottom 0.2s ease-out, opacity 0.6s ease;\r\n    opacity: 1;\r\n    bottom: 50px;\r\n    z-index: 2;\r\n    // transform: translate3d(0px, -135px, 0px);\r\n    // display: block;\r\n  }\r\n  // &.hide-more{\r\n  //   // transition: bottom 0.3s;\r\n  //   // bottom: 0;\r\n  //   // transform: translate3d(0px, 200px, 0px);\r\n  //   // display: none;\r\n  //   opacity: 0;\r\n  // }\r\n\r\n  @media screen and (max-width: 768px){\r\n    width: 100%;\r\n    left: 6%;\r\n  }\r\n  @media screen and (max-width: 575px){\r\n    width: 450px;\r\n    left: 0%;\r\n  }\r\n  @media screen and (max-width: 425px){\r\n    width: 350px;\r\n  }\r\n  @media screen and (max-width: 375px){\r\n    width: 315px;\r\n  }\r\n  @media screen and (max-width: 320px){\r\n    width: 260px;\r\n    bottom: -68px;\r\n  }\r\n  .form-qes{\r\n    width: 10%;\r\n    text-align: center;\r\n    // min-width: auto !important;\r\n    @media screen and (max-width: 575px){\r\n      width: auto;\r\n    }\r\n    @media screen and (max-width: 375px){\r\n      // width: au%;\r\n    }\r\n  }\r\n  .qes-mini{\r\n  }\r\n  a{\r\n    padding: 4px 10px;\r\n    line-height: 2;\r\n    position: relative;\r\n    color: #40505E;\r\n    font-family: 'sandisplaypro-semi', 'sans-serif';\r\n    margin: 0 2px;\r\n    &::after{\r\n      content: \"\";\r\n      height: 2.5px;\r\n      position: absolute;\r\n      width: 100%;\r\n      bottom: 0;\r\n      left: 0;\r\n      border-radius: 3px 3px 0 0;\r\n    }\r\n  }\r\n  // a.error{\r\n  //   &::after{\r\n  //     background: #F46055;\r\n  //   }\r\n  // }\r\n  // a.success{\r\n  //   &::after{\r\n  //     background: #38c172;\r\n  //   }\r\n  // }\r\n  // a.curr{\r\n  //   &::after{\r\n  //     background: #0f3dba;\r\n  //   }\r\n  // }\r\n}\r\n#swiper_question {\r\n  max-width: 640px;\r\n  margin: 0;\r\n\r\n  @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n    max-width: 480px;\r\n  }\r\n  @media screen and ( max-width: 575px ) {\r\n    max-width: 160px;\r\n  }\r\n}\r\n.question-name {\r\n  >* {\r\n    padding: 0 6px;\r\n    \r\n  }\r\n\r\n  .swiper-slide, .form-qes {\r\n    min-width: 70px;\r\n    text-align: center;\r\n    \r\n    a {\r\n      padding: 0 6px;\r\n      @extend .position-rel;\r\n      @extend .display-block;\r\n      @extend .primary-color-txt;\r\n      @extend .font-sanpro-semibold;\r\n      line-height: 2;\r\n      cursor: pointer;\r\n\r\n      &:after {\r\n        content: \"\";\r\n        @extend .bg-transparent;\r\n        height: 2.5px;\r\n        @extend .full-width;\r\n        position: absolute;\r\n        bottom: 0;\r\n        left: 0;\r\n        border-radius: 3px 3px 0 0;\r\n      }\r\n\r\n      &.curr {\r\n        &:after {\r\n          @extend .primary-bg-color;\r\n        }\r\n      }\r\n\r\n      &.success {\r\n        &:after {\r\n          @extend .secondary-bg-color;\r\n        }\r\n      }\r\n\r\n      &.error {\r\n        &:after {\r\n          @extend .four-bg-color;\r\n        }\r\n      }\r\n    }\r\n\r\n    @media screen and ( max-width: 575px ) {\r\n      // max-width: 50px;\r\n      // min-width: 30px;\r\n      padding-left: 0;\r\n    }\r\n  }\r\n}\r\n @media screen and ( max-width: 991px ) {\r\n     .book-viewer__footer {\r\n        .question-name__prev,.question-name__next {\r\n           display: none;\r\n        }\r\n      .swiper-container {\r\n        max-width: 100% !important;\r\n        width: 100% !important;\r\n        .swiper-slide {\r\n        width: 40px !important;\r\n        min-width: 40px !important;\r\n        border-radius: 50%;\r\n        background-color: $color_bg_gray_light;\r\n        a {\r\n          color: $secondary_text_color;\r\n          border-radius: 50%;\r\n          background: #E1EFFF;\r\n          &.active {\r\n            //  color: $primary_color !important;\r\n            //  background: $btn_hover_color;\r\n          }\r\n          &.curr {\r\n            color: $primary_color;\r\n          }\r\n\r\n          &.success {\r\n            color: $secondary-color;\r\n          }\r\n\r\n          &.error {\r\n            color: $four-color;\r\n          }\r\n        }\r\n        a::after {\r\n          display: none\r\n        }  \r\n      }\r\n      }\r\n    }\r\n}\r\n\r\n@media screen and (max-width: 320px){\r\n  .exercise-detail__action{\r\n    width: 100px;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SliderNameQuestion.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!./SliderNameQuestion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SliderNameQuestion.vue?vue&type=template&id=6ff467d4&scoped=true&\"\nimport script from \"./SliderNameQuestion.vue?vue&type=script&lang=js&\"\nexport * from \"./SliderNameQuestion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SliderNameQuestion.vue?vue&type=style&index=0&id=6ff467d4&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  \"6ff467d4\",\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:\"question-mobile\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_c('div',{staticClass:\"question-group\",class:{'evt-none': _vm.question && _vm.question.isWorked}},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"questions\":[_vm.question],\"location\":0,\"preview\":true,\"questionsData\":_vm.question},on:{\"answerMissing\":_vm.handleAnswerMissing}}),(_vm.question.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((_vm.question.listQuestionChild),function(child,pos){return _c('div',{key:pos,staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":0,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":_vm.question}}):_vm._e()],1)}),0):_vm._e(),(_vm.txtMissingQuestionGroup)?_c('p',{staticClass:\"question-missing-answer color-err\"},[_vm._v(_vm._s(_vm.txtMissingQuestionGroup))]):_vm._e()],1):(_vm.question && Object.keys(_vm.question).length)?_c('div',{staticClass:\"question-single\",class:{'evt-none': _vm.question && _vm.question.isWorked}},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"location\":0,\"preview\":true},on:{\"answerMissing\":_vm.handleAnswerMissing}})],1):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"question-mobile\">\r\n    <div v-if=\"question && question.type && question.type === typeGroup\" class=\"question-group\" :class=\"{'evt-none': question && question.isWorked}\">\r\n      <PreviewQuestion \r\n        :dataSource=\"question\"\r\n        :questions=\"[question]\"\r\n        :location=\"0\"\r\n        :preview=\"true\"\r\n        :questionsData=\"question\"\r\n        @answerMissing=\"handleAnswerMissing\"\r\n      />\r\n      <div class=\"questions-child\" v-if=\"question.listQuestionChild\">\r\n        <div v-for=\"(child, pos) of question.listQuestionChild\" :key=\"pos\" class=\"questions-child__item\">\r\n          <PreviewQuestion \r\n            v-if=\"child\"\r\n            :dataSource=\"child\"\r\n            :location=\"pos\"\r\n            :parentIndex=\"0\"\r\n            :isQuestionChild=\"true\"\r\n            :preview=\"true\"\r\n            :questionsData=\"question\"\r\n          />\r\n        </div>\r\n      </div>\r\n      <p v-if=\"txtMissingQuestionGroup\" class=\"question-missing-answer color-err\">{{ txtMissingQuestionGroup }}</p>\r\n    </div>\r\n    <div v-else-if=\"question && Object.keys(question).length\" class=\"question-single\" :class=\"{'evt-none': question && question.isWorked}\">\r\n      <PreviewQuestion \r\n        :dataSource=\"question\"\r\n        :location=\"0\"\r\n        :preview=\"true\"\r\n        @answerMissing=\"handleAnswerMissing\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\n// import { mapActions } from 'vuex'\r\n// import PreviewQuestion from '@/modules/exercise-mobile/_components/question/preview-question/PreviewQuestion.vue'\r\nimport PreviewQuestion from \"@/modules/question/preview-question/PreviewQuestion.vue\";\r\nimport { TYPE_GROUP } from '@/modules/exercise-mobile/_components/question/preview-question/_store/constants'\r\nimport mixinExercise from '@/modules/exercise-mobile/_store/mixinExercise'\r\nexport default {\r\n  name: 'ExerciseQuestionDetail',\r\n  components: {\r\n    PreviewQuestion,\r\n  },\r\n  mixins: [ mixinExercise ],\r\n  props: {\r\n    question: Object,\r\n    txtMissingQuestionGroup: String,\r\n    answerMissing: Function\r\n  },\r\n  data () {\r\n    return {\r\n      typeGroup: TYPE_GROUP,\r\n    }\r\n  },\r\n  created () {\r\n  },\r\n  methods: {\r\n    handleAnswerMissing (valErr) {\r\n      // if(this.question.type === TYPE_GROUP) {\r\n      this.$emit('answerMissing', valErr);\r\n      // }\r\n    },\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .btn-check-answer {\r\n    margin-top: 10px;\r\n    line-height: 1.2;\r\n    letter-spacing: 0.03em;\r\n  }\r\n  .question-mobile {\r\n    padding-bottom: 80px;\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!./ExerciseQuestionDetail.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!./ExerciseQuestionDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseQuestionDetail.vue?vue&type=template&id=2e4d223b&scoped=true&\"\nimport script from \"./ExerciseQuestionDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseQuestionDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseQuestionDetail.vue?vue&type=style&index=0&id=2e4d223b&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  \"2e4d223b\",\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('b-modal',{staticClass:\"modal-info\",attrs:{\"id\":_vm.idModal,\"hide-footer\":\"\",\"size\":\"xl\",\"scrollable\":\"\",\"centered\":\"\"},on:{\"hide\":_vm.handleOfModal},scopedSlots:_vm._u([{key:\"modal-header\",fn:function(){return [_c('div',{staticClass:\"modal-info__head modal-info__head--psmall display-flex-center justify-content-between full-width\"},[(_vm.infoQuestionPreview && _vm.infoQuestionPreview.category)?_c('h4',{staticClass:\"modal-info__title font-sanpro-light secondary-color-txt font-size-18\"},[(_vm.infoQuestionPreview.category.grand)?_c('span',{staticClass:\"exercise-cat__grand\"},[(_vm.infoQuestionPreview.category.grand.title)?_c('span',[_vm._v(_vm._s(_vm.infoQuestionPreview.category.grand.title)+\": \")]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.infoQuestionPreview.category.grand.name)+\" \")]),_c('span',{staticClass:\"exercise-cat__icon\"},[_c('i',{staticClass:\"icon-next1 secondary-color-txt\"})])]):_vm._e(),(_vm.infoQuestionPreview.category.parent)?_c('span',{staticClass:\"exercise-cat__parent\"},[(_vm.infoQuestionPreview.category.parent.title)?_c('span',[_vm._v(_vm._s(_vm.infoQuestionPreview.category.parent.title)+\" \")]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.infoQuestionPreview.category.parent.name)+\": \")]),_c('span',{staticClass:\"exercise-cat__icon\"},[_c('i',{staticClass:\"icon-next1 secondary-color-txt\"})])]):_vm._e(),_c('span',{staticClass:\"exercise-cat__child\"},[(_vm.infoQuestionPreview.category.title)?_c('span',[_vm._v(_vm._s(_vm.infoQuestionPreview.category.title)+\": \")]):_vm._e(),_c('span',[_vm._v(_vm._s(_vm.infoQuestionPreview.category.name)+\" \")])])]):_vm._e(),_c('span',{staticClass:\"modal-info__close\",on:{\"click\":function($event){return _vm.$bvModal.hide(_vm.idModal)}}},[_c('i',{staticClass:\"icon-close\"})])])]},proxy:true}])},[_c('div',{staticClass:\"modal-info__body\"},[_c('ExerciseQuestionList',{attrs:{\"dataSource\":_vm.infoQuestionPreview.questions}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <b-modal :id=\"idModal\" class=\"modal-info\" hide-footer size=\"xl\" scrollable centered @hide=\"handleOfModal\">\r\n    <template v-slot:modal-header>\r\n      <div class=\"modal-info__head modal-info__head--psmall display-flex-center justify-content-between full-width\">\r\n        <h4 class=\"modal-info__title font-sanpro-light secondary-color-txt font-size-18\" v-if=\"infoQuestionPreview && infoQuestionPreview.category\">\r\n          <span v-if=\"infoQuestionPreview.category.grand\" class=\"exercise-cat__grand\">\r\n            <span v-if=\"infoQuestionPreview.category.grand.title\">{{ infoQuestionPreview.category.grand.title }}: </span>\r\n            <span>{{ infoQuestionPreview.category.grand.name }} </span>\r\n            <span class=\"exercise-cat__icon\"><i class=\"icon-next1 secondary-color-txt\"></i></span>\r\n          </span>\r\n          <span v-if=\"infoQuestionPreview.category.parent\" class=\"exercise-cat__parent\">\r\n            <span v-if=\"infoQuestionPreview.category.parent.title\">{{ infoQuestionPreview.category.parent.title }} </span>\r\n            <span>{{ infoQuestionPreview.category.parent.name }}: </span>\r\n            <span class=\"exercise-cat__icon\"><i class=\"icon-next1 secondary-color-txt\"></i></span>\r\n          </span>\r\n          <span class=\"exercise-cat__child\">\r\n            <span v-if=\"infoQuestionPreview.category.title\">{{ infoQuestionPreview.category.title }}: </span>\r\n            <span>{{ infoQuestionPreview.category.name }} </span>\r\n          </span>\r\n        </h4>\r\n\r\n        <span @click=\"$bvModal.hide(idModal)\" class=\"modal-info__close\"><i class=\"icon-close\"></i></span>\r\n      </div>\r\n    </template>\r\n    <div class=\"modal-info__body\">\r\n      <ExerciseQuestionList :dataSource=\"infoQuestionPreview.questions\" />\r\n    </div>\r\n  </b-modal>\r\n</template>\r\n\r\n<script>\r\n  import { ID_MODAL_PREVIEW_EXERCISE, STORE_KEY } from './../../_store/constants'\r\n  import { mapState, mapActions } from 'vuex'\r\n\r\n  export default {\r\n    name: 'ModalPreviewExercise',\r\n    components: {\r\n      ExerciseQuestionList: () => import('./../ExerciseQuestionList.vue'),\r\n    },\r\n    computed: {\r\n      ...mapState(STORE_KEY, ['infoQuestionPreview'])\r\n    },\r\n    data () {\r\n      return {\r\n        idModal: ID_MODAL_PREVIEW_EXERCISE\r\n      }\r\n    },\r\n    methods: {\r\n      ...mapActions(STORE_KEY, ['acSetQuestionPreviewInfo']),\r\n\r\n      handleOfModal () {\r\n        this.acSetQuestionPreviewInfo({})\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.modal-body {\r\n  background: $color_light!important;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped=\"\">\r\n.exercise-cat__icon {\r\n  margin: 0 10px;\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!./ModalPreviewExercise.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!./ModalPreviewExercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalPreviewExercise.vue?vue&type=template&id=78e20bd8&scoped=true&\"\nimport script from \"./ModalPreviewExercise.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalPreviewExercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalPreviewExercise.vue?vue&type=style&index=0&lang=scss&\"\nimport style1 from \"./ModalPreviewExercise.vue?vue&type=style&index=1&id=78e20bd8&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  \"78e20bd8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <Viewer class=\"exercise-detail\" :isOpenBookCats=\"openBookCats\" :valOpenSidebar=\"typeOpenSidebar\"\r\n    :linkBack=\"{ name: 'exercise', query: { lop: routerParams.classId, tab: routerParams.practiceType } }\"\r\n    :hasLimit=\"!dataPractice || !dataPractice.actived || (authInfo && authInfo.email === emailPublic)\">\r\n    <template v-if=\"dataPractice\" v-slot:viewer_head_name>{{ dataPractice.bookName }}</template>\r\n    <template v-if=\"dataPractice\" v-slot:viewer_head_right>\r\n      <span v-if=\"screenWidth > 991\" class=\"secondary-color-txt font-sanpro-light font-size-14 version\">{{ versionApp\r\n      }}</span>\r\n      <!-- <div v-if=\"screenWidth < 992\" class=\"cursor-pointer\" @click=\"resetAnswers\">\r\n          <i class=\"icon-reset font-size-22 secondary-color-txt \"></i>\r\n      </div> -->\r\n      <!-- <i class=\"icon-question font-size-20\" @click=\"openModalNotiError\"></i> -->\r\n    </template>\r\n    <template v-slot:viewr_body>\r\n      <div class=\"exercise-detail__questions position-rel\" v-if=\"screenWidth > 991\">\r\n        <div class=\"exercise-detail__list\">\r\n          <div class=\"item position-rel content-1\">\r\n            <div class=\"question-group\" v-if=\"question && question.type && question.type === typeGroup\">\r\n              <PreviewQuestion :dataSource=\"question\" :questions=\"[question]\" :location=\"0\" :preview=\"true\"\r\n                :questionsData=\"question\" @formatQuestion=\"getInfoQuestion\" @answerMissing=\"handleAnswerMissing\" />\r\n              <div class=\"questions-child\" v-if=\"question.listQuestionChild\">\r\n                <div class=\"questions-child__item\" v-for=\"(child, pos) of question.listQuestionChild\" :key=\"pos\">\r\n                  <PreviewQuestion v-if=\"child\" :dataSource=\"child\" :location=\"pos\" :parentIndex=\"0\"\r\n                    :isQuestionChild=\"true\" :preview=\"true\" :questionsData=\"question\"\r\n                    @formatQuestion=\"getInfoQuestion\" />\r\n                </div>\r\n              </div>\r\n              <p v-if=\"txtMissingQuestionGroup\" class=\"question-missing-answer color-err\">{{ txtMissingQuestionGroup }}\r\n              </p>\r\n            </div>\r\n            <div class=\"question-single\" v-else-if=\"question\">\r\n              <PreviewQuestion :dataSource=\"question\" :location=\"0\" :preview=\"true\" @formatQuestion=\"getInfoQuestion\"\r\n                @answerMissing=\"handleAnswerMissing\" />\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Fix bug 37: Người dùng chỉ được xem lời giải chi tiết sau khi đã làm bài và nộp bài (ấn nút kiểm tra). Hiện đang cho xem ngay cả khi chưa làm bài\r\n              Modified: anhdd (16/08/2022)\r\n              Description: Thêm điều kiện question.isWorked\r\n         -->\r\n        <ExerciseGuide v-if=\"question && question.isWorked && sliderQuestionList && Object.keys(question).length > 0\" :question=\"question\"\r\n          :handleShowGuide=\"showGuideContent\" />\r\n      </div>\r\n      <div v-else class=\"exercise-detail__questions position-rel\">\r\n        <ExerciseQuestionDetail :question=\"question\" :txtMissingQuestionGroup=\"txtMissingQuestionGroup\"\r\n          @answerMissing=\"handleAnswerMissing\" />\r\n      </div>\r\n      <p v-if=\"booksOfExercise.length === 0\" class=\"secondary-color-txt font-size-18 text-center pt-20\">Dữ liệu đang cập\r\n        nhật</p>\r\n    </template>\r\n    <!-- <template v-slot:viewer_sidebar_icon>\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'media'}\" @click=\"openSidebar('media')\" class=\"total-a\"  data-toggle=\"tooltip\" data-placement=\"left\" title=\"Học liệu\">\r\n        <span class=\"icon-medias font-size-24\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n      </a>\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'link'}\" @click=\"openSidebar('link')\"><i class=\"icon-link font-size-24\"></i></a>\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'info'}\" @click=\"openSidebar('info')\" class=\"total-a\"  data-toggle=\"tooltip\" data-placement=\"left\" title=\"Thông tin\">\r\n        <i class=\"icon-info\"></i>\r\n      </a>\r\n    </template> -->\r\n    <!-- <template v-slot:viewer_sidebar_content>\r\n      <ExerciseSidebar :keySidebarActive=\"keySidebarActive\" :ebooksDetail=\"dataPractice\" :checkQuestionId=\"questionIdCheckAnswer\" :pageCurr=\"pagesOfQuestion\" :mediaRelate=\"mediaRelate\" />\r\n    </template> -->\r\n    <template v-slot:viewer_toggle_cat_name>Danh sách</template>\r\n    <template v-slot:viewer_footer_center>\r\n      <SliderNameQuestion v-if=\"sliderQuestionList && sliderQuestionList.length > 0\" class=\"exercise-detail__swiper\"\r\n        :dataSource=\"sliderQuestionList\" @handleNextCat=\"nextCatBook\" @handlePrevCat=\"prevCatBook\" />\r\n    </template>\r\n    <template v-slot:viewer_footer_mobile>\r\n      <a href=\"javascript:;\"\r\n        class=\"font-size-16 font-sanpro-semibold display-block width-percentage-80 margin-center border-rd-20 text-center primary-bg-color mb-2\"\r\n        style=\"padding: 5px 0px\">\r\n        <span v-if=\"question && !question.isWorked\" @click=\"checkAnswer\" class=\"light-color\">\r\n          {{ question.type === typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra' }}\r\n        </span>\r\n        <span v-else-if=\"question && question.isWorked\" class=\"light-color\" @click=\"resetAnswers\">Làm lại</span>\r\n      </a>\r\n    </template>\r\n    <template v-slot:viewer_footer_right>\r\n      <a v-if=\"question && !question.isWorked\" href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120 btn-min-w-mb\"\r\n        :class=\"{ 'disabled': question && (question.type === typeDrawShape || questionindexActive === 0 || question.isWorked || question.statusWorked) }\"\r\n        @click=\"checkAnswer\">\r\n        <span class=\"check--text\">\r\n          {{ question.type === typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra' }}\r\n        </span>\r\n        <span class=\"check--icon\"><i class=\"icon-save font-size-26\"></i></span>\r\n      </a>\r\n      <a v-else-if=\"question && question.isWorked\" href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120 btn-min-w-mb\"\r\n        @click=\"resetAnswers\">\r\n        <span class=\"check-text\">Làm lại</span>\r\n        <span class=\"check--icon\"><i class=\"icon-reset primary-color font-size-26\"></i></span>\r\n      </a>\r\n    </template>\r\n\r\n    <template v-slot:viewer_sidebar_cat_head>\r\n      <h2 class=\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold\">\r\n        Mục lục\r\n      </h2>\r\n      <div class=\"display-flex\">\r\n        <div class=\"book-viewer__cats__books content-left\">\r\n          <a v-for=\"(item, index) of booksOfExercise\" href=\"javascript:;\"\r\n            class=\"btn font-size-14 border-rd-20 font-sanpro-semibold text-a\"\r\n            :class=\"{ 'btn-2 primary-color': bookId === item.bookId, 'primary-color-txt': bookId !== item.bookId }\"\r\n            @click=\"handleViewQuestionBook(item)\" :key=\"index\" v-show=\"item.practiveName || item.name\">\r\n            <span class=\"book--name\">{{ item.practiveName ? item.practiveName : item.name }}</span>\r\n          </a>\r\n        </div>\r\n        <div class=\"btn-active-book content-right\">\r\n          <i class=\"icon-key primary-color font-size-16 cursor-pointer\" title=\"Kích hoạt sách\" @click=\"handleActiveBook\"></i>\r\n        </div>\r\n      </div>\r\n      <div class=\"book-viewer__cats__activecode secondary-color-txt\"\r\n        v-if=\"booksOfExercise.length > 0 && (!dataPractice || !dataPractice.actived || (authInfo && authInfo.email === emailPublic))\">\r\n        <p v-if=\"authInfo && authInfo.email === emailPublic\">Đăng ký / đăng nhập để sử dụng đầy đủ tính năng của Hành\r\n          trang số.</p>\r\n        <p v-if=\"authInfo && !isContainsEmailUnlimited(authInfo.email)\">Kích hoạt mã cào sau mỗi cuốn sách giáo khoa để mở miễn phí học liệu điện tử và toàn bộ tính năng hỗ trợ</p>\r\n        <!-- <a href=\"javascript:;\" class=\"btn btn-2 font-size-16 border-rd-20 font-sanpro-semibold\" @click=\"handleActiveBook\">Kích hoạt</a> -->\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_body>\r\n      <div class=\"book-viewer__cats__list exercise-detail__cats__list\">\r\n        <b-card v-for=\"(item, index) in exerciseCats\" :key=\"index\" class=\"card-item\" :id=\"`cat_row_${item.bookIndexId}`\"\r\n          :class=\"{ 'active': collapseOpen === `cat_${item.bookIndexId}` }\" no-body>\r\n          <div class=\"card-wrap display-block\">\r\n            <b-card-header header-tag=\"header\" role=\"tab\" class=\"p-0 bg-transparent\">\r\n              <div class=\"cat-head display-flex justify-content-md-between full-width\"\r\n                :class=\"{ 'active': collapseOpen === `cat_${item.bookIndexId}` || catCurrent && ((catCurrent.bookIndexId === item.bookIndexId) || (!catCurrent.catParentFirst && catCurrent.catParent === item.bookIndexId)) }\">\r\n                <!-- :id=\"`cat_row_${item.bookIndexId}`\" -->\r\n                <span class=\"margin-0 font-size-16\" :class=\"`\r\n                  ${(dataPractice && item.pageNo <= dataPractice.limitPracticeX && !dataPractice.actived) || (dataPractice && item.pageNo <= dataPractice.limitPracticeY && dataPractice.actived) || isContainsEmailUnlimited(authInfo.email) ? 'primary-color' : 'secondary-color-txt'} \r\n                  ${collapseOpen === `cat_${item.bookIndexId}` || catCurrent && ((catCurrent.bookIndexId === item.bookIndexId) || (!catCurrent.catParentFirst && catCurrent.catParent === item.bookIndexId)) ? 'font-sanpro-semibold' : ''}\r\n                `\" @click=\"openCollapse(`cat_${item.bookIndexId}`, item)\">\r\n                  <!-- :class=\"{'actived': dataPractice && item.pageNo < dataPractice.limitPracticeY && dataPractice.actived,\r\n                          'activeUnLogin': authInfo && authInfo.email === emailPublic && item.pageNo < dataPractice.limitPracticeX \r\n                          }\" -->\r\n                  {{ item.title }}\r\n                  <span class=\"cat-space-title\" v-if=\"item.title\">:</span>\r\n                  {{ item.name }}\r\n                </span>\r\n                <DropdownCat v-if=\"item.bookIndexId === parseInt($route.query.danhmuc)\" :dataSource=\"item\"\r\n                  @resetQuestions=\"$bvModal.show(idModalConfirmDelQuestion)\" />\r\n              </div>\r\n            </b-card-header>\r\n            <b-collapse v-if=\"item.bookIndexChilds.length > 0\" :id=\"`cat_${item.bookIndexId}`\" accordion=\"my-accordion\"\r\n              role=\"tabpanel\">\r\n              <b-card-body>\r\n                <ul class=\"cat-child margin-0 p-0\">\r\n                  <li class=\"d-block\" v-for=\"(child, pos) of item.bookIndexChilds\" :id=\"`cat_row_${child.bookIndexId}`\"\r\n                    :key=\"pos\">\r\n                    <a href=\"javascript:;\" class=\"font-size-16 display-flex justify-content-between full-width\" :class=\"`\r\n                      ${(dataPractice && item.pageNo <= dataPractice.limitPracticeX && !dataPractice.actived) || (dataPractice && item.pageNo <= dataPractice.limitPracticeY && dataPractice.actived) || isContainsEmailUnlimited(authInfo.email)  ? 'primary-color' : 'secondary-color-txt'} \r\n                      ${catCurrent && ((catCurrent.bookIndexId === child.bookIndexId) || (catCurrent.catParentFirst && catCurrent.catParent === child.bookIndexId)) ? 'font-sanpro-semibold' : ''}\r\n                    `\">\r\n                      <span @click=\"openCollapse(`cat_child_${child.bookIndexId}`, child)\">\r\n                        {{ child.title }}\r\n                        <span class=\"cat-space-title\" v-if=\"child.title\">:</span>\r\n                        {{ child.name }}\r\n                      </span>\r\n                      <DropdownCat v-if=\"child.bookIndexId === parseInt($route.query.danhmuc)\"\r\n                        :dataSource=\"{ ...child, parent: item }\"\r\n                        @resetQuestions=\"$bvModal.show(idModalConfirmDelQuestion)\" />\r\n                    </a>\r\n                    <b-collapse v-if=\"child.bookIndexChilds.length > 0\" :id=\"`cat_child_${child.bookIndexId}`\"\r\n                      accordion=\"my-accordion-child\" role=\"tabpanelchild\">\r\n                      <b-card-body>\r\n                        <ul class=\"cat-child margin-0 p-0\">\r\n                          <li v-for=\"(child2, loc) of child.bookIndexChilds\" :id=\"`cat_row_${child2.bookIndexId}`\"\r\n                            :key=\"loc\">\r\n                            <a href=\"javascript:;\" class=\"font-size-16 display-flex justify-content-between full-width\"\r\n                              :class=\"`\r\n                                ${(dataPractice && item.pageNo <= dataPractice.limitPracticeX && !dataPractice.actived) || (dataPractice && item.pageNo <= dataPractice.limitPracticeY && dataPractice.actived) || isContainsEmailUnlimited(authInfo.email) ? 'primary-color' : 'secondary-color-txt'} \r\n                                ${catCurrent && catCurrent.bookIndexId === child2.bookIndexId ? 'font-sanpro-semibold' : ''}\r\n                              `\">\r\n                              <!-- @click=\"getQuestions(child2.bookIndexId, child2, true)\" -->\r\n                              <!-- :class=\"{'active': catCurrent && catCurrent.bookIndexId === child2.bookIndexId}\" -->\r\n                              <span @click=\"replaceRouter(child2.bookIndexId,1,true)\">\r\n                                {{ child2.title }}\r\n                                <span class=\"cat-space-title\" v-if=\"child2.title\">:</span>\r\n                                {{ child2.name }}\r\n                              </span>\r\n                              <DropdownCat v-if=\"child2.bookIndexId === parseInt($route.query.danhmuc)\"\r\n                                :dataSource=\"{ ...child2, parent: child, grand: item }\"\r\n                                @resetQuestions=\"$bvModal.show(idModalConfirmDelQuestion)\" />\r\n                            </a>\r\n                          </li>\r\n                        </ul>\r\n                      </b-card-body>\r\n                    </b-collapse>\r\n                  </li>\r\n                </ul>\r\n              </b-card-body>\r\n            </b-collapse>\r\n          </div>\r\n        </b-card>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_footer>\r\n      <VituralKeyboard\r\n        v-if=\"valVituralKeyboard && valVituralKeyboard.location > -1 && screenWidth > 991 && dataPractice.classId === idClass1 && dataPractice.subjectId === idMathSubject\"\r\n        :class=\"{ 'open-cat': openBookCats, 'over-height': valVituralKeyboard && valVituralKeyboard.isOverHaflScreen }\"\r\n        :style=\"`top: ${valVituralKeyboard.top}px; left: ${valVituralKeyboard.left}px`\" />\r\n      <audio v-if=\"actionPlayQuestionTrue\" id=\"question_true\" :src=\"correct\" autoplay></audio>\r\n      <audio v-if=\"actionPlayQuestionFalse\" id=\"question_false\" :src=\"incorrect\" autoplay></audio>\r\n      <div class=\"show-document\" v-if=\"visiblePreviewSliderModal\">\r\n        <div class=\"inner-content js-model active\">\r\n          <ModalMedia @viewMoreMedia=\"viewMoreMedia\" />\r\n          <div class=\"js-background-model active\" @click=\"handleOffModal\"></div>\r\n        </div>\r\n      </div>\r\n      <ModalPreviewExercise v-if=\"infoQuestionPreview && Object.keys(infoQuestionPreview).length > 0\" />\r\n      <b-modal :id=\"idModalConfirmDelQuestion\" hide-header hide-footer>\r\n        <div class=\"modal-confirm border-rd-10 text-center\">\r\n          <p>Bạn chắc chắn muốn làm lại tất cả bài tập?</p>\r\n          <div class=\"modal-confirm__action text-center\">\r\n            <b-button variant=\"danger\" class=\"font-size-16 line-height-1\" @click=\"$bvModal.hide('modal_confirm_reset')\">\r\n              Hủy</b-button>\r\n            <b-button variant=\"success\" class=\"font-size-16 line-height-1\" @click=\"resetQuestionsList()\">Làm lại\r\n            </b-button>\r\n          </div>\r\n        </div>\r\n      </b-modal>\r\n    </template>\r\n  </Viewer>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions, mapGetters } from \"vuex\";\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport { STORE_KEY as STORE_KEY_QUESTION, TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question/_store/constants'\r\nimport { STORE_KEY, LOCAL_SAVE_CAT, LOCAL_SAVE_BREADCRUMB_CAT, LOCAL_SAVE_EXERCISE_CLASS, LOCAL_QUESTIONS_DATA, LOCAL_SAVE_QUESTIONS_WORKED, LOCAL_SAVE_CURRENT_QUESTIONS } from \"./../_store/constants\";\r\nimport { getCategoriesByBook, getQuestionsByCat, getInfoBookBasic, getQuestionsSidebar, getQuestionDetail, saveUserWorkQuestion, resetResultWorkQuestion, resetUserWorkQuestionByBookIndexId, getCatInfoOfExercise } from './../_api/';\r\nimport { getBooksByPractice } from './../_api/exercise-list';\r\nimport { scrollTo, callTimeDiff } from '@/helpers/functions';\r\nimport { EMAIL_PUBLIC, EMAIL_UNLIMITED } from '@/store/auth/constants'\r\nimport { ID_CLASS_1, ID_MATH_SUBJECT } from '@/store/common/constants'\r\nimport { getAuth } from '@/utils/jwt'\r\nimport mixinExercise from './../_store/mixinExercise'\r\n// import { getEBooksDetail } from '@/modules/ebooks/_api'\r\nimport VituralKeyboard from '@/modules/question/preview-question/VituralKeyboard.vue'\r\nimport ExerciseSidebar from './../_components/ExerciseSidebar.vue'\r\nimport ModalMedia from '@/modules/ebooks/_components/ebook-viewer/ModalMedia.vue'\r\nimport SliderNameQuestion from './../_components/SliderNameQuestion.vue'\r\nimport PreviewQuestion from '@/modules/question/preview-question/PreviewQuestion.vue'\r\nimport ExerciseQuestionDetail from '@/modules/exercises/_views/ExerciseQuestionDetail.vue'\r\nimport DropdownCat from './.../../../_components/DropdownCat.vue'\r\nimport ModalPreviewExercise from './../_components/modal/ModalPreviewExercise.vue'\r\nimport { setContentMediaEditorShow } from '@/modules/question/preview-question/_store/helperQuestionContent'\r\nimport { COOKIE_AUTH } from '@/store/auth/constants';\r\nimport Cookies from 'js-cookie';\r\nconst correct = require('@/assets/audio/correct.mp3')\r\nconst incorrect = require('@/assets/audio/incorrect.mp3')\r\n\r\nexport default {\r\n  name: 'ExerciseDetail',\r\n  mixins: [mixinExercise],\r\n  components: {\r\n    vueCustomScrollbar,\r\n    ExerciseQuestionList: () => import('./../_components/ExerciseQuestionList.vue'),\r\n    ActiveCode: () => import('@/modules/ebooks/_components/common/ActiveCode.vue'),\r\n    ExerciseGuide: () => import('./../_components/ExerciseGuide.vue'),\r\n    Viewer: () => import('@/layouts/Viewer.vue'),\r\n    ExerciseSidebar,\r\n    ModalMedia,\r\n    SliderNameQuestion,\r\n    PreviewQuestion,\r\n    VituralKeyboard,\r\n    DropdownCat,\r\n    ModalPreviewExercise,\r\n    ExerciseQuestionDetail\r\n  },\r\n  data() {\r\n    return {\r\n      typeGroup: TYPE_GROUP,\r\n      typeDrawShape: TYPE_DRAW_SHAPE_ANSWER,\r\n      typeDownAnswer: TYPE_DOWN_ANSWER,\r\n      typefillBlank: TYPE_FILL_BLANK,\r\n      typeSelect: TYPE_SELECT,\r\n      typeMatchCol: TYPE_MATH_COL,\r\n      openBookCats: true,\r\n      collapseOpen: '',\r\n      settingsViewBookSidebar: {\r\n        maxScrollbarLength: 300\r\n      },\r\n      exerciseCats: [],\r\n      bookInfo: {},\r\n      question: {},\r\n      questions: [],\r\n      questionindexActive: 0,\r\n      catCurrent: null,\r\n      nameSubject: '',\r\n      nameTite: \"\",\r\n      click: 1,\r\n      classId: 0,\r\n      subjectId: 0,\r\n      catName: '',\r\n      dataPractice: null,\r\n      // bookCurrSaved: null,\r\n      catsFlat: [],\r\n      catsLength: 0,\r\n      firstloadData: true,\r\n      breadcrumbCurr: [],\r\n      authInfo: {},\r\n      emailPublic: EMAIL_PUBLIC,\r\n      pageCurr: 0,\r\n      nameRoute: this.$route.name,\r\n      isShowVideo: 2,\r\n      typeOpenSidebar: {},\r\n      showGuideContent: false,\r\n      pagesOfQuestion: [],\r\n      mediaRelate: {},\r\n      keySidebarActive: '',\r\n      correct,\r\n      incorrect,\r\n      actionPlayQuestionTrue: false,\r\n      actionPlayQuestionFalse: false,\r\n      sliderQuestionList: [],\r\n      typeGroup: TYPE_GROUP,\r\n      errorTypeId: 2,\r\n      handleNextPrevCat: '', //next or prev\r\n      txtMissingQuestionGroup: '',\r\n      questionIdCheckAnswer: {},\r\n      idModalConfirmDelQuestion: 'modal_confirm_reset',\r\n      idClass1: ID_CLASS_1,\r\n      idMathSubject: ID_MATH_SUBJECT,\r\n      startTimeQuestion: 0,\r\n      bookId: 0,\r\n      booksOfExercise: [],\r\n      pageChange: 0,\r\n      firstSetCurrentDetail: true,\r\n      emailUnlimited: EMAIL_UNLIMITED\r\n      // countQuestion: 0\r\n    };\r\n  },\r\n  computed: {\r\n    // bookId () {\r\n    //   return this.$router.history.current.params.id;\r\n    // },\r\n    // bookIndexId() {\r\n    //   return this.$router;\r\n    // },\r\n    routerParams() {\r\n      return this.$route.params\r\n    },\r\n    screenWidth() {\r\n      return window.innerWidth;\r\n    },\r\n    ...mapState('auth', ['loginPopupData']),\r\n    ...mapState('common', ['idBookActiveSuccess', 'setRouterHelp', 'versionApp', 'visiblePreviewSliderModal']),\r\n    ...mapState(STORE_KEY_QUESTION, ['valVituralKeyboard']),\r\n    ...mapState(STORE_KEY, ['infoQuestionPreview'])\r\n  },\r\n  watch: {\r\n    // pageChange(newVal){\r\n    //   console.log('newewew', newVal);\r\n    //   this.actionCheckPage(newVal)\r\n    // },\r\n    loginPopupData(newVal) {\r\n      if (newVal && Object.keys(newVal).length) {\r\n        this.authInfo = newVal;\r\n        // this.getBookInfo();\r\n        // if( !this.dataPractice.actived ) {\r\n        //     this.$bvModal.show('modal_active_book');\r\n        // }\r\n      }\r\n    },\r\n    idBookActiveSuccess(newVal) {\r\n      if (parseInt(newVal) === this.dataPractice.bookId) {\r\n        this.handleActiveBookSuccess()\r\n      }\r\n    },\r\n    valVituralKeyboard(newVal) {\r\n      if (newVal.ref) {\r\n        document.getElementById(newVal.ref).value = newVal.val;\r\n        document.getElementById(newVal.ref).focus();\r\n      }\r\n    },\r\n    '$route.query.danhmuc': 'handleRouterReplace',\r\n    '$route.query.cauhoi': 'handleChangeQuestionDisplay',\r\n  },\r\n  created() {\r\n    Promise.all([this.actionCheckRouterHelp({ nameRoute: this.nameRoute }), this.fetchBooksForExercise()])\r\n    this.authInfo = getAuth();\r\n    this.setVituralKeyVal({})\r\n  },\r\n  mounted() {\r\n    this.startTimeQuestion = new Date()\r\n  },\r\n  beforeDestroy() {\r\n    localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n  },\r\n  methods: {\r\n    ...mapActions('common', ['setLoading', 'setToggleModalActivePage', 'acSetDataBookActiveWant', 'acToggleModalActiveBook', 'acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp', 'acToggleModaShowError', 'actionSetBookIndexId', 'actionSetBookIdForError', 'setActionCheckQuestion', 'actionSetPageNoBook', 'actionCheckExcercise', 'actionCheckInfoExcercise', 'actionCheckPage']),\r\n    ...mapActions('auth', ['setToggleLoginForm']),\r\n    ...mapActions(STORE_KEY, ['actionBookIndexOfBook']),\r\n    ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n    isContainsEmailUnlimited(email){\r\n      let listEmailUnlimited = this.emailUnlimited.split(',')\r\n      return listEmailUnlimited.indexOf(email) > -1\r\n    },\r\n    fetchBooksForExercise() {\r\n      const { classId, subjectId } = this.routerParams\r\n      let payload = {\r\n        classId,\r\n        subjectId,\r\n        bookTypeId: parseInt(this.routerParams.bookType),\r\n        practiceTypeId: parseInt(this.routerParams.practiceType)\r\n      }\r\n      getBooksByPractice(payload).then(res => {\r\n        if (res && res.length > 0) {\r\n          this.booksOfExercise = res\r\n          this.bookId = res[0].bookId\r\n          this.$router.replace({ query: { sach: res[0].bookId } })\r\n          Promise.all([this.getSubjects(), this.getBookInfo()])\r\n        } else {\r\n          this.openBookCats = false\r\n        }\r\n      })\r\n    },\r\n\r\n    async handleViewQuestionBook(data) {\r\n      this.firstSetCurrentDetail = true\r\n      this.question = {}\r\n      this.questions = []\r\n      this.bookId = data.bookId\r\n      this.dataPractice = null\r\n      await this.$router.replace({ query: { sach: data.bookId, danhmuc: 0, cauhoi: 0 } })\r\n      await localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n      await localStorage.removeItem(LOCAL_SAVE_CAT)\r\n      await localStorage.removeItem(LOCAL_SAVE_EXERCISE_CLASS)\r\n      await localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n\r\n      Promise.all([this.getBookInfo(), this.getSubjects()])\r\n    },\r\n\r\n    openModalNotiError() {\r\n      this.actionGetVideoHelp({ isShowVideo: this.isShowVideo })\r\n      this.acToggleModaShowHelp(true)\r\n    },\r\n\r\n    getInfoPracticeSaved() {\r\n      let dataPracticeSaved = localStorage.getItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n      if (dataPracticeSaved && dataPracticeSaved !== null && dataPracticeSaved !== undefined) {\r\n        this.dataPractice = JSON.parse(dataPracticeSaved);\r\n        this.checkInitPracticeData(this.dataPractice);\r\n      }\r\n    },\r\n\r\n    getBookInfo(isFirst = true) {\r\n      let self = this;\r\n      self.bookId && getInfoBookBasic(self.bookId).then(res => {\r\n        if (res && res.data && !res.errors) {\r\n          self.dataPractice = res.data;\r\n          isFirst && self.checkInitPracticeData(res.data)\r\n        }\r\n      })\r\n    },\r\n\r\n    getBookDetailForActive() {\r\n      this.acSetDataBookActiveWant({ ...this.dataPractice, name: this.dataPractice.bookName })\r\n      setTimeout(() => {\r\n        this.acToggleModalActiveBook(true)\r\n      }, 200)\r\n    },\r\n\r\n    checkInitPracticeData(data) {\r\n      if (data && data.limitPracticeX === 0 && !data.actived) {\r\n        /*** Author: anhdd (8/7/2022) */\r\n        //this.$router.push({ name:'exercise', query:{ lop: data.classId, mon: data.subjectId, tab: data.practiceTypeId} })\r\n      } else if (data && this.loginPopupData && Object.keys(this.loginPopupData).length && ((this.pageCurr > data.limitPracticeX && !data.actived) || (data.limitPracticeY && this.pageCurr > data.limitPracticeY))) {\r\n        this.pageCurr > data.limitPracticeX && !data.actived && this.getBookDetailForActive();\r\n        // this.pageCurr > data.limitPracticeX && !data.actived && this.$bvModal.show('modal_active_book');\r\n        data.limitPracticeY && this.pageCurr > data.limitPracticeY && data.actived && this.setToggleModalActivePage(true);\r\n      }\r\n    },\r\n\r\n    handleToggleBookCats() {\r\n      this.openBookCats = !this.openBookCats;\r\n    },\r\n    setCurrentQuestion(cat) {\r\n      let dataCurrentQuestions = localStorage.getItem(LOCAL_SAVE_CURRENT_QUESTIONS) ? JSON.parse(localStorage.getItem(LOCAL_SAVE_CURRENT_QUESTIONS)) : []\r\n\r\n      if (dataCurrentQuestions.length === 0) {\r\n        dataCurrentQuestions.push({ email: this.authInfo.email, bookId: cat.bookId, bookIndexId: cat.bookIndexId })\r\n      }\r\n      else {\r\n        let isUpdate = false\r\n        for (let i = 0; i < dataCurrentQuestions.length; i++) {\r\n          if (dataCurrentQuestions[i].bookId === parseInt(cat.bookId) && dataCurrentQuestions[i].email == this.authInfo.email) {\r\n            dataCurrentQuestions[i].bookIndexId = cat.bookIndexId\r\n            isUpdate = true\r\n            break\r\n          }\r\n        }\r\n        if (!isUpdate) {\r\n          dataCurrentQuestions.push({ email: this.authInfo.email, bookId: cat.bookId, bookIndexId: cat.bookIndexId })\r\n        }\r\n      }\r\n      localStorage.setItem(LOCAL_SAVE_CURRENT_QUESTIONS, JSON.stringify(dataCurrentQuestions))\r\n    },\r\n    openCollapse(id, cat) {\r\n      this.setCurrentQuestion(cat)\r\n\r\n      let self = this;\r\n      if (this.isContainsEmailUnlimited(self.authInfo.email)) {\r\n        self.catCurrent = cat;\r\n        if (cat.bookIndexChilds.length > 0) {\r\n          self.collapseOpen = self.collapseOpen === id ? '' : id;\r\n          self.setCatDataCurr(cat);\r\n        } else {\r\n          // open all question of subject\r\n          self.replaceRouter(cat.bookIndexId)\r\n          // self.getQuestions(cat.bookIndexId, cat, true);\r\n          if (self.screenWidth < 992) {\r\n            self.openBookCats = false;\r\n          }\r\n        }\r\n      }\r\n      else {\r\n        if ((self.dataPractice && cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived) || (self.dataPractice && self.dataPractice.limitPracticeY && cat.pageNo > self.dataPractice.limitPracticeY)) {\r\n          if (self.authInfo && self.authInfo.email === self.emailPublic && cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived) {\r\n            self.setToggleLoginForm(true);\r\n          } else {\r\n            // console.log(' vao truong hop else ben trong');\r\n            // self.$bvModal.show('modal_active_book');\r\n            // cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived && self.$bvModal.show('modal_active_book');\r\n            cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived && self.getBookDetailForActive();\r\n            self.dataPractice.limitPracticeY && cat.pageNo > self.dataPractice.limitPracticeY && self.dataPractice.actived && self.setToggleModalActivePage(true);\r\n          }\r\n        } else {\r\n          if (self.dataPractice && cat.pageNo > self.dataPractice.limitPracticeY) {\r\n            this.setToggleModalActivePage(true)\r\n          } else {\r\n            // cái else này giống cái else bị comment ở bên dưới \r\n            // self.questions = [];\r\n            self.catCurrent = cat;\r\n            if (cat.bookIndexChilds.length > 0) {\r\n              self.collapseOpen = self.collapseOpen === id ? '' : id;\r\n              self.setCatDataCurr(cat);\r\n            } else {\r\n              // open all question of subject\r\n              self.replaceRouter(cat.bookIndexId)\r\n              // self.getQuestions(cat.bookIndexId, cat, true);\r\n              if (self.screenWidth < 992) {\r\n                self.openBookCats = false;\r\n              }\r\n            }\r\n          }\r\n\r\n          // // self.questions = [];\r\n          // self.catCurrent = cat;\r\n          // if(cat.bookIndexChilds.length > 0) {\r\n          //   self.collapseOpen = self.collapseOpen === id ? '' : id;\r\n          //   self.setCatDataCurr(cat);\r\n          // } else {\r\n          //   // open all question of subject\r\n          //   self.replaceRouter(cat.bookIndexId)\r\n          //   // self.getQuestions(cat.bookIndexId, cat, true);\r\n          //   if(self.screenWidth < 992) {\r\n          //       self.openBookCats = false;\r\n          //   }\r\n          // }\r\n        }\r\n      }\r\n\r\n    },\r\n\r\n    getSubjects() {\r\n      let self = this;\r\n      // self.setLoading(true);\r\n      if (self.bookId) {\r\n        self.exerciseCats = []\r\n        getCategoriesByBook(self.bookId).then(async res => {\r\n          if (res && res.data && !res.errors) {\r\n            self.exerciseCats = res.data;\r\n\r\n            self.exerciseCats.map(value => {\r\n              let countQuestion = 0;\r\n              value.bookIndexChilds.map(elment => {\r\n                countQuestion += elment.count;\r\n                if (elment.bookIndexChilds.length > 0) {\r\n                  elment.bookIndexChilds.map(item => {\r\n                    countQuestion += item.count;\r\n                  })\r\n                }\r\n              })\r\n              value.countTotal = countQuestion;\r\n            })\r\n            self.catsFlat = await self.flatenCats(res.data)\r\n            // Save bookIndex into state\r\n            // self.actionBookIndexOfBook(resultFlatCat);\r\n            let idCatCurr = parseInt(self.$route.query.danhmuc) || 0\r\n\r\n            if (idCatCurr && idCatCurr > 0) {\r\n              self.handleRouterReplace()\r\n            } else {\r\n              let catInfo = localStorage.getItem(LOCAL_SAVE_CAT);\r\n              if (catInfo && catInfo !== null && catInfo !== undefined) {\r\n                self.catCurrent = catInfo ? JSON.parse(catInfo) : {};\r\n                let idCatCurr = self.$route.query.danhmuc ? parseInt(self.$route.query.danhmuc) : self.catCurrent.bookIndexId\r\n                self.replaceRouter(self.catCurrent.bookIndexId)\r\n              } else {\r\n                // get list question\r\n                // res.data.length > 0 && self.getQuestions(res.data[0].bookIndexId, res.data[0]);\r\n                res.data.length > 0 && self.replaceRouter(res.data[0].bookIndexId)\r\n                // res.data.length === 0 && self.setLoading(false);\r\n              }\r\n            }\r\n            self.catsLength = self.catsFlat.length;\r\n            // Save bookIndex into state\r\n            self.actionBookIndexOfBook(self.catsFlat);\r\n          }\r\n        }).catch().finally();\r\n      }\r\n    },\r\n\r\n    setScrollToCat() {\r\n      let bookIndexIdCurr = this.$route.query.danhmuc\r\n      let elem = document.getElementById(`cat_row_${bookIndexIdCurr}`);\r\n      if (elem) {\r\n        let topPos = elem.offsetTop;\r\n        scrollTo(document.getElementById('book_viewer__cats'), topPos, 600);\r\n      }\r\n    },\r\n\r\n    openSidebar(type) {\r\n      if (type !== null) {\r\n        type === 'info' && this.setResultQuestionForSidebarOfAccFree()\r\n        this.typeOpenSidebar = { type, isOpen: type === this.keySidebarActive ? false : true }\r\n        this.keySidebarActive = type !== this.keySidebarActive ? type : ''\r\n      }\r\n    },\r\n\r\n    async getQuestions(bookIndexId, cat = {}, isClick = false) {\r\n      console.log('auth')\r\n      let self = this;\r\n      // catsLength\r\n      let lengthCatsFlat = self.catsFlat.length;\r\n      let indexCatInFlat = self.catsFlat.findIndex(cat => cat.bookIndexId === bookIndexId);\r\n\r\n      !self.dataPractice && await self.getInfoPracticeSaved();\r\n\r\n      if (cat && cat.pageNo && self.dataPractice && self.authInfo && self.authInfo.email === self.emailPublic && cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived) {\r\n        self.setToggleLoginForm(true);\r\n      } else if (cat && cat.pageNo && self.dataPractice && ((cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived) || (self.dataPractice && self.dataPractice.limitPracticeY && cat.pageNo > self.dataPractice.limitPracticeY && self.dataPractice.actived))) {\r\n        self.pageCurr = cat.pageNo;\r\n        // if(self.authInfo && self.authInfo.email === self.emailPublic && cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived) {\r\n        //     self.setToggleLoginForm(true);\r\n        // } else {\r\n        // cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived && self.$bvModal.show('modal_active_book');\r\n        cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived && self.getBookDetailForActive();\r\n        self.dataPractice.limitPracticeY && cat.pageNo > self.dataPractice.limitPracticeY && self.dataPractice.actived && self.setToggleModalActivePage(true);\r\n        // }\r\n      } else if (cat && cat.pageNo) { //&& self.dataPractice\r\n        // self.setLoading(true);\r\n        getQuestionsByCat(self.bookId, bookIndexId).then(res => {\r\n          if (res && res.data && !res.errors) {\r\n            self.questions = res.data;\r\n            // let indexCat = self.catsFlat.findIndex(cat => cat.bookIndexId === bookIndexId);\r\n            if (res.data.length > 0) {\r\n              // let indexCat = self.catsFlat.findIndex(cat => cat.bookIndexId === res.data[0].bookIndexId);\r\n              indexCatInFlat > -1 && self.setCatDataCurr(self.catsFlat[indexCatInFlat]);\r\n              localStorage.setItem(LOCAL_QUESTIONS_DATA, JSON.stringify(res.data));\r\n              // isClick && self.directExamQuestion(cat);\r\n            } else {\r\n              indexCatInFlat > -1 && indexCatInFlat <= lengthCatsFlat - 1 ? self.getQuestions(self.catsFlat[indexCatInFlat + 1].bookIndexId, self.catsFlat[indexCatInFlat + 1]) : self.getQuestions(self.catsFlat[0].bookIndexId, self.catsFlat[0])\r\n            }\r\n          }\r\n\r\n        }).catch().finally();\r\n      } else {\r\n        if (indexCatInFlat > -1 && indexCatInFlat < lengthCatsFlat - 1) {\r\n          self.getQuestions(self.catsFlat[indexCatInFlat + 1].bookIndexId, self.catsFlat[indexCatInFlat + 1])\r\n        } else if (indexCatInFlat < lengthCatsFlat - 1) {\r\n          self.getQuestions(self.catsFlat[0].bookIndexId, self.catsFlat[0])\r\n        }\r\n      }\r\n    },\r\n\r\n    setCatDataCurr(data) {\r\n      let self = this;\r\n      this.catCurrent = data;\r\n      let indexCatInCatsFlat = self.catsFlat.findIndex(cat => cat.bookIndexId === data.bookIndexId);\r\n      let dataCat = self.catsFlat[indexCatInCatsFlat];\r\n      // let indexParent = indexCatInCatsFlat;\r\n\r\n      if (self.firstloadData) {\r\n        if (dataCat.catParentFirst && dataCat.catParent) {\r\n          this.$root.$emit('bv::toggle::collapse', `cat_${dataCat.catParentFirst}`);\r\n          this.$root.$emit('bv::toggle::collapse', `cat_child_${dataCat.catParent}`);\r\n        } else if (!dataCat.catParentFirst && dataCat.catParent) {\r\n          this.$root.$emit('bv::toggle::collapse', `cat_${dataCat.catParent}`)\r\n        } else if (!dataCat.catParentFirst && !dataCat.catParent) {\r\n          this.$root.$emit('bv::toggle::collapse', `cat_${dataCat.bookIndexId}`);\r\n        }\r\n        self.firstloadData = false;\r\n      } else {\r\n        if (!dataCat.catParentFirst && dataCat.catParent && data.bookIndexChilds && data.bookIndexChilds.length) {\r\n          this.$root.$emit('bv::toggle::collapse', `cat_child_${dataCat.bookIndexId}`);\r\n        } else if (!dataCat.catParentFirst && !dataCat.catParent && data.bookIndexChilds && data.bookIndexChilds.length) {\r\n          this.$root.$emit('bv::toggle::collapse', `cat_${dataCat.bookIndexId}`);\r\n        }\r\n      }\r\n    },\r\n\r\n    goToCat(type = 0) {\r\n      let indexCatCurr = this.catsFlat.findIndex(cat => cat.bookIndexId === parseInt(this.$route.query.danhmuc));\r\n      if (indexCatCurr > -1) {\r\n        let targetCat = type === 0 ? this.catsFlat[indexCatCurr - 1] : this.catsFlat[indexCatCurr + 1];\r\n        if(type == 1){\r\n          while(targetCat.bookIndexChilds.length>0){\r\n            if(targetCat.catParent){\r\n              if(!document.getElementById(`cat_child_${targetCat.bookIndexId}`).classList.contains('show')){\r\n                this.openCollapse(`cat_child_${targetCat.bookIndexId}`, targetCat)\r\n              }\r\n            }\r\n            else{\r\n              if(!document.getElementById(`cat_${targetCat.bookIndexId}`).classList.contains('show')){\r\n                this.openCollapse(`cat_${targetCat.bookIndexId}`, targetCat)\r\n              }\r\n            }\r\n            if(type == 1){\r\n              indexCatCurr++\r\n            }\r\n            else{\r\n              indexCatCurr--\r\n            }\r\n            targetCat = type === 0 ? this.catsFlat[indexCatCurr - 1] : this.catsFlat[indexCatCurr + 1];\r\n          }\r\n        }\r\n        else{\r\n          while(targetCat.bookIndexChilds.length>0){\r\n            if(type == 1){\r\n              indexCatCurr++\r\n            }\r\n            else{\r\n              indexCatCurr--\r\n            }\r\n            if(indexCatCurr - 1 < 0){\r\n              return\r\n            }\r\n            targetCat = type === 0 ? this.catsFlat[indexCatCurr - 1] : this.catsFlat[indexCatCurr + 1];\r\n          }\r\n          let itemParent = targetCat\r\n          let listParent = []\r\n          while(itemParent.catParent){\r\n            for(let i=0;i<this.catsFlat.length;i++){\r\n              let item = this.catsFlat[i]\r\n              if(item.bookIndexId == itemParent.catParent){\r\n                itemParent = item\r\n                break\r\n              }\r\n            }\r\n            listParent.push(itemParent)\r\n          }\r\n          listParent.reverse();\r\n          for(let i = 0; i<listParent.length;i++){\r\n             let item = listParent[i]\r\n            if(item.catParent){\r\n              if(!document.getElementById(`cat_child_${item.bookIndexId}`).classList.contains('show')){\r\n                this.openCollapse(`cat_child_${item.bookIndexId}`, item)\r\n              }\r\n            }\r\n            else{\r\n              if(!document.getElementById(`cat_${item.bookIndexId}`).classList.contains('show')){\r\n                this.openCollapse(`cat_${item.bookIndexId}`, item)\r\n              }\r\n            }\r\n          }\r\n        }\r\n        \r\n        this.replaceRouter(targetCat.bookIndexId)\r\n      }\r\n    },\r\n\r\n    handleActiveBookSuccess(val) {\r\n      this.dataPractice.limitPracticeX = 1000;\r\n      this.dataPractice.actived = true;\r\n      this.getBookInfo();\r\n    },\r\n\r\n    handleActiveBook() {\r\n      console.log('auth')\r\n      if (this.authInfo && this.authInfo.email === this.emailPublic) {\r\n        this.setToggleLoginForm(true);\r\n      } else {\r\n        this.getBookDetailForActive()\r\n      }\r\n    },\r\n\r\n    getInfoSaveLocal() {\r\n      let catInfo = localStorage.getItem(LOCAL_SAVE_CAT);\r\n      let practiceData = localStorage.getItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n      let questionData = localStorage.getItem(LOCAL_QUESTIONS_DATA);\r\n\r\n      if (questionData && questionData !== null && questionData !== undefined) {\r\n        this.questionsSaved = JSON.parse(questionData);\r\n      }\r\n\r\n    },\r\n\r\n    async getQuestionListSlider(bookIndexId) {\r\n      console.log('auth')\r\n      let self = this\r\n      self.sliderQuestionList = []\r\n      self.pagesOfQuestion = []\r\n      let indexCatInFlat = self.catsFlat.findIndex(cat => cat.bookIndexId === bookIndexId);\r\n      let cat = indexCatInFlat > -1 ? self.catsFlat[indexCatInFlat] : null\r\n\r\n      !self.dataPractice && await self.getInfoPracticeSaved();\r\n      if (cat && cat.pageNo && self.dataPractice && self.authInfo && self.authInfo.email === self.emailPublic && cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived && !this.isContainsEmailUnlimited(this.authInfo.email)) {\r\n        self.setToggleLoginForm(true);\r\n      } else if (cat && cat.pageNo && self.dataPractice && ((cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived) || (self.dataPractice.limitPracticeY && cat.pageNo > self.dataPractice.limitPracticeY && self.dataPractice.actived)) && !this.isContainsEmailUnlimited(this.authInfo.email)) {\r\n        self.pageCurr = cat.pageNo;\r\n        cat.pageNo > self.dataPractice.limitPracticeX && !self.dataPractice.actived && self.getBookDetailForActive();\r\n        self.dataPractice.limitPracticeY && cat.pageNo > self.dataPractice.limitPracticeY && self.dataPractice.actived && self.setToggleModalActivePage(true)\r\n      } else if (cat && cat.pageNo) { //&& self.dataPractice\r\n        // self.setLoading(true)\r\n        this.pageChange = cat.pageNo\r\n        // console.log('cat', this.pageChange);\r\n        this.actionCheckPage(this.pageChange)\r\n\r\n        getQuestionsSidebar(bookIndexId).then(res => {\r\n          let dataCurrentQuestions = localStorage.getItem(LOCAL_SAVE_CURRENT_QUESTIONS) ? JSON.parse(localStorage.getItem(LOCAL_SAVE_CURRENT_QUESTIONS)) : []\r\n          self.sliderQuestionList = res && res.data && !res.errors ? res.data : [];\r\n          if (res && res.data && res.data.length > 0) {\r\n            self.getInfoQuestion();\r\n            // Get question checked\r\n            self.setQuestionResult();\r\n            indexCatInFlat > -1 && self.setCatDataCurr(self.catsFlat[indexCatInFlat]);\r\n            res.data.map(ques => {\r\n              !self.pagesOfQuestion.includes(ques.pageNo) && self.pagesOfQuestion.push(ques.pageNo)\r\n            })\r\n            if (dataCurrentQuestions.length > 0 && this.firstSetCurrentDetail) {\r\n              for (let i = 0; i < dataCurrentQuestions.length; i++) {\r\n                if (dataCurrentQuestions[i].bookId == self.$route.query.sach && dataCurrentQuestions[i].email == this.authInfo.email) {\r\n                  this.replaceRouter(dataCurrentQuestions[i].bookIndexId)\r\n                  break\r\n                }\r\n              }\r\n              this.firstSetCurrentDetail = false\r\n            }\r\n          } else {\r\n            if (dataCurrentQuestions.length > 0 && this.firstSetCurrentDetail) {\r\n              let isReplaceRouterLocalStorage = false\r\n              for (let i = 0; i < dataCurrentQuestions.length; i++) {\r\n                if (dataCurrentQuestions[i].bookId == self.$route.query.sach && dataCurrentQuestions[i].email == this.authInfo.email) {\r\n                  isReplaceRouterLocalStorage = true\r\n                  this.replaceRouter(dataCurrentQuestions[i].bookIndexId)\r\n                  break\r\n                }\r\n              }\r\n              if (!isReplaceRouterLocalStorage) {\r\n                this.replaceRouter(bookIndexId)\r\n              }\r\n              this.firstSetCurrentDetail = false\r\n            }\r\n            else {\r\n              this.replaceRouter(bookIndexId)\r\n            }\r\n            //indexCatInFlat > -1 && indexCatInFlat <= self.catsLength -1 ? self.replaceRouter(self.catsFlat[indexCatInFlat + 1].bookIndexId) : self.replaceRouter(self.catsFlat[0].bookIndexId)\r\n\r\n          }\r\n          this.actionSetBookIndexId(bookIndexId)\r\n          this.actionSetBookIdForError(self.bookId)\r\n\r\n        }).catch().finally();\r\n      } else {\r\n        if (indexCatInFlat > -1 && indexCatInFlat < self.catsLength - 1) {\r\n          self.replaceRouter(self.catsFlat[indexCatInFlat + 1].bookIndexId)\r\n        } else if (indexCatInFlat < self.catsLength - 1) {\r\n          self.replaceRouter(self.catsFlat[0].bookIndexId)\r\n        }\r\n      }\r\n    },\r\n\r\n    getInfoQuestion() {\r\n      let self = this;\r\n      // self.question = null;\r\n      // Hidden guide content\r\n      self.showGuideContent = false;\r\n      // self.arrResultCorrect = [];\r\n\r\n      self.questionindexActive = self.$route.query.cauhoi;\r\n      if (self.questionindexActive && self.questionindexActive > 0) {\r\n        if (self.sliderQuestionList && self.sliderQuestionList.length > 0 && self.questionindexActive > self.sliderQuestionList.length) {\r\n          // Replace for question \r\n          self.handleChangeQuestionDisplay()\r\n          return\r\n        }\r\n        let questionId = self.sliderQuestionList[self.questionindexActive - 1] ? self.sliderQuestionList[self.questionindexActive - 1].questionId : 0;\r\n        if (questionId > 0) {\r\n          let questionsLocalStorage = localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED) && localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED) !== null ? JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED)) : null;\r\n\r\n          if (questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n            let indexQuestionSave = questionsLocalStorage.findIndex(ques => ques.questionId === questionId);\r\n            if (indexQuestionSave > -1) {\r\n              self.question = questionsLocalStorage[indexQuestionSave];\r\n            } else {\r\n              self.getQuestionDetail(questionId, questionsLocalStorage);\r\n            }\r\n          } else {\r\n            self.getQuestionDetail(questionId);\r\n\r\n          }\r\n        }\r\n      } else {\r\n        let queryCat = self.$route.query.danhmuc ? parseInt(self.$route.query.danhmuc) : 0\r\n        if (queryCat && queryCat > 0 && self.dataPractice && self.dataPractice.lastBookIndexId && self.dataPractice.lastQuestionId && self.sliderQuestionList) {\r\n          let indexQuestion = self.sliderQuestionList.findIndex(que => que.questionId === self.dataPractice.lastQuestionId)\r\n          indexQuestion > -1 && self.replaceRouter(queryCat, indexQuestion + 1)\r\n        }\r\n      }\r\n    },\r\n\r\n    getQuestionDetail(questionId, dataQuestion = []) {\r\n      let self = this;\r\n      self.pagesOfQuestion = []\r\n      self.question = {}\r\n      // Get question detail\r\n      getQuestionDetail(questionId).then(res => {\r\n        if (res && res.data && !res.errors) {\r\n          let typeQuestion = res.data.type === TYPE_GROUP ? 'group' : 'single'\r\n          let questionContentReplace = setContentMediaEditorShow({ ...res.data }, typeQuestion)\r\n          self.actionSetPageNoBook(res.data.pageNo)\r\n\r\n          self.question = questionContentReplace;\r\n          let dataSave = dataQuestion.length === 0 ? [questionContentReplace] : [...dataQuestion, questionContentReplace];\r\n          self.saveLocalQuestion(dataSave);\r\n          self.pagesOfQuestion = res.data.pageNo ? [res.data.pageNo] : []\r\n          // console.log('h9h9h9h', res.data.pageNo);\r\n          // this.pageChange = res.data.pageNo\r\n        }\r\n      }).catch().finally();\r\n    },\r\n\r\n    saveLocalQuestion(data) {\r\n      let dataSave = JSON.stringify(data);\r\n      localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, dataSave);\r\n    },\r\n\r\n    setQuestionResult() {\r\n      let self = this;\r\n      let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n      if (questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n        questionsLocalStorage.map((ques, index) => {\r\n          if (ques.statusWorked) {\r\n            let resultCheckAnswer = ques.workedFail ? 'error' : 'success';\r\n            let indexQuestionInList = self.sliderQuestionList.findIndex(queList => queList.questionId === ques.questionId);\r\n            if (indexQuestionInList > -1) {\r\n              self.sliderQuestionList[indexQuestionInList].answerStatus = resultCheckAnswer;\r\n              self.logQuestionWorked(resultCheckAnswer);\r\n            }\r\n          }\r\n        })\r\n      }\r\n    },\r\n\r\n    logQuestionWorked(status) {\r\n      this.question['isTrue'] = status === 'success'\r\n      this.question['isWorked'] = true;\r\n    },\r\n\r\n    async checkAnswer() {\r\n      console.log('checkAnswer')\r\n      let self = this;\r\n      self.resetValKeyboard()\r\n      if (self.question.type !== TYPE_DOWN_ANSWER) {\r\n        self.setQuestionList4CheckAnswer([{ ...self.question }])\r\n        self.setQuestionData4CheckAnswer({ ...self.question })\r\n      }\r\n\r\n      if (self.question.type === TYPE_GROUP) {\r\n        self.txtMissingQuestionGroup = '';\r\n        self.setQuestionData4CheckAnswer({ ...self.question, isGroup: true, parent: parent.questionId })\r\n      }\r\n\r\n      if (self.question.type !== TYPE_DOWN_ANSWER) {\r\n        console.log('111111')\r\n        await self.setActionCheckQuestion(true);\r\n      } else {\r\n        console.log('22222')\r\n        self.question = { ...self.question, isTrue: true }\r\n        self.saveQuestion2Local(self.question)\r\n      }\r\n      self.showGuideContent = true;\r\n      if (self.question.isTrue) {\r\n        self.setResultQuestionsSlider(true)\r\n        self.actionPlayQuestionTrue = true;\r\n        setTimeout(() => {\r\n          document.getElementById('question_true').play();\r\n        }, 5)\r\n      } else {\r\n        console.log('sai')\r\n        // self.actionCheckExcercise({isCheck: true})\r\n        self.setResultQuestionsSlider(false)\r\n        self.actionPlayQuestionFalse = true;\r\n        setTimeout(() => {\r\n          document.getElementById('question_false').play();\r\n        }, 5)\r\n      }\r\n      // Active answer correct tab = 1\r\n      // this.tabGuideActive = 1;\r\n      // Update state for question:\r\n      // await self.question.type === TYPE_GROUP && this.setQuestionResult();\r\n      // if ( self.question.type === TYPE_GROUP ) {\r\n      //     self.setResultForQuestionChild()\r\n      // }\r\n      // await self.question.type === TYPE_GROUP && self.setResultForQuestionChild() \r\n      // self.authInfo && self.authInfo.email !== EMAIL_PUBLIC && saveUserWorkQuestion(self.question).then(res => self.questionIdCheckAnswer = self.question.questionId)\r\n      let timeCal = callTimeDiff(this.startTimeQuestion)\r\n      self.authInfo && self.authInfo.email !== EMAIL_PUBLIC && saveUserWorkQuestion(self.question, timeCal.minute)\r\n      setTimeout(() => {\r\n        self.actionPlayQuestionTrue = false;\r\n        self.actionPlayQuestionFalse = false;\r\n      }, 4000)\r\n    },\r\n\r\n    saveQuestion2Local(questionCurr) {\r\n      let questionsLocalStorage = localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n      if (!questionsLocalStorage || questionsLocalStorage === null || questionsLocalStorage === undefined) {\r\n        this.saveLocalQuestion([questionCurr])\r\n        return\r\n      }\r\n\r\n      questionsLocalStorage = JSON.parse(questionsLocalStorage)\r\n      if (questionsLocalStorage.length === 0) {\r\n        this.saveLocalQuestion([questionCurr])\r\n        return\r\n      }\r\n\r\n      const indexQuestionInList = questionsLocalStorage.findIndex(ques => ques.questionId === questionCurr.questionId)\r\n      if (indexQuestionInList > -1) {\r\n        questionsLocalStorage[indexQuestionInList] = { ...questionCurr }\r\n        this.saveLocalQuestion(questionsLocalStorage)\r\n      }\r\n    },\r\n\r\n    handleAnswerMissing(valErr) {\r\n      if (this.question.type === TYPE_GROUP) {\r\n        this.txtMissingQuestionGroup = valErr;\r\n      }\r\n      setTimeout(() => {\r\n        this.showGuideContent = false;\r\n      }, 5)\r\n    },\r\n\r\n    toggleGuideContent() {\r\n      this.showGuideContent = !this.showGuideContent;\r\n    },\r\n\r\n    setResultQuestionsSlider(value = true) {\r\n      if (this.questionindexActive > 0) {\r\n        this.sliderQuestionList[this.questionindexActive - 1]['isWorked'] = true\r\n        this.sliderQuestionList[this.questionindexActive - 1]['isTrue'] = value\r\n      }\r\n      if (this.authInfo && this.authInfo.email === EMAIL_PUBLIC && this.sliderQuestionList.length > 0) {\r\n        this.setResultQuestionForSidebarOfAccFree()\r\n      } else if (this.keySidebarActive === 'info') {\r\n        this.questionIdCheckAnswer = { value, id: this.sliderQuestionList[this.questionindexActive - 1].questionId }\r\n      }\r\n    },\r\n\r\n    async setResultQuestionForSidebarOfAccFree() {\r\n      let questionCorrect = 0\r\n      let questionInCorrect = 0\r\n      let questionNotDone = 0\r\n      await this.sliderQuestionList.map(ques => {\r\n        if (ques.isWorked && ques.isTrue) {\r\n          questionCorrect += 1\r\n        } else if (ques.isWorked && !ques.isTrue) {\r\n          questionInCorrect += 1\r\n        } else {\r\n          questionNotDone += 1\r\n        }\r\n      })\r\n\r\n      this.questionIdCheckAnswer = { ...this.questionIdCheckAnswer, questionCorrect, questionInCorrect, questionNotDone }\r\n    },\r\n\r\n    async resetAnswers() {\r\n      let self = this;\r\n      // self.actionCheckExcercise({isCheck: false})\r\n      resetResultWorkQuestion(self.question.questionId).then(res => {\r\n        if (res && !res.errors) {\r\n          this.formatAllQuestion()\r\n          this.startTimeQuestion = new Date()\r\n        }\r\n      })\r\n    },\r\n\r\n    resetQuestionsList() {\r\n      resetUserWorkQuestionByBookIndexId(parseInt(this.$route.query.danhmuc)).then(res => {\r\n        if (res && !res.errors) {\r\n          this.$toast.success('Thực hiện làm lại bài tập thành công!')\r\n          this.$bvModal.hide(this.idModalConfirmDelQuestion)\r\n          this.formatAllQuestion()\r\n          this.startTimeQuestion = new Date()\r\n        }\r\n      })\r\n    },\r\n\r\n    formatAllQuestion() {\r\n      localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n      this.question = {}\r\n      this.sliderQuestionList = []\r\n      // this.questionIdCheckAnswer = 0\r\n      if (this.keySidebarActive === 'info') {\r\n        this.questionIdCheckAnswer = {\r\n          value: this.sliderQuestionList && this.sliderQuestionList[this.questionindexActive - 1] && this.sliderQuestionList[this.questionindexActive - 1].isTrue ? true : false,\r\n          id: 0\r\n        }\r\n      }\r\n      // Get question info\r\n      Promise.all([this.getInfoQuestion(), this.getQuestionListSlider(parseInt(this.$route.query.danhmuc))]);\r\n    },\r\n\r\n    handleCheckAnswerResult() {\r\n      if (this.question.type === TYPE_GROUP) {\r\n        this.txtMissingQuestionGroup = '';\r\n      }\r\n      (this.question.type !== this.typeDrawShape && this.question.type !== this.typeDownAnswer) && this.checkAnswer();\r\n    },\r\n\r\n    resetValKeyboard() {\r\n      this.valVituralKeyboard && this.setVituralKeyVal({});\r\n    },\r\n\r\n    handleOffModal() {\r\n      this.setDocPreviewSlider({});\r\n      this.setToggleModalDocSlider(false);\r\n    },\r\n\r\n    viewMoreMedia(val) {\r\n      this.mediaRelate = val\r\n    },\r\n\r\n    handleRouterReplace() {\r\n      let self = this\r\n      let catCurr = parseInt(self.$route.query.danhmuc)\r\n      if (catCurr && catCurr > 0) {\r\n        self.getQuestionListSlider(parseInt(catCurr))\r\n        setTimeout(() => {\r\n          self.setScrollToCat()\r\n        }, 500)\r\n      }\r\n    },\r\n\r\n    replaceRouter(cat, question = 1, isSetCurrentQuestion = false) {\r\n      this.$router.replace({ query: { ...this.$route.query, danhmuc: cat, cauhoi: question } })\r\n      this.startTimeQuestion = new Date()\r\n      if(isSetCurrentQuestion){\r\n        this.setCurrentQuestion({bookId: this.$route.query.sach, bookIndexId: cat })\r\n      }\r\n    },\r\n\r\n    openModalNotiErrorQuestion() {\r\n      this.acToggleModaShowError({ isShow: true, errorTypeId: this.errorTypeId })\r\n    },\r\n\r\n    handleChangeQuestionDisplay() {\r\n      this.question = {}\r\n      let questionPosition = this.$route.query.cauhoi ? parseInt(this.$route.query.cauhoi) : 1\r\n      if (this.sliderQuestionList && this.sliderQuestionList.length > 0 && questionPosition > this.sliderQuestionList.length) {\r\n        let indexQuestionInQuery = this.sliderQuestionList.findIndex(ques => ques.questionId === questionPosition)\r\n        let quetionPositon = indexQuestionInQuery > -1 ? indexQuestionInQuery + 1 : 1\r\n        this.replaceRouter(parseInt(this.$route.query.danhmuc), quetionPositon)\r\n      } else {\r\n        this.getInfoQuestion()\r\n      }\r\n    },\r\n\r\n    checkLimitExercise(bookIndexId) {\r\n      let catCurr = bookIndexId ? bookIndexId : this.$route.query.danhmuc ? parseInt(this.$route.query.danhmuc) : 0\r\n      let indexCatInFlat = this.catsFlat.findIndex(cat => cat.bookIndexId === catCurr);\r\n      let cat = indexCatInFlat > -1 ? this.catsFlat[bookIndexId ? indexCatInFlat : indexCatInFlat + 1] : null\r\n      if (cat && cat.pageNo && this.dataPractice && this.authInfo && this.authInfo.email === this.emailPublic && cat.pageNo > this.dataPractice.limitPracticeX && !this.dataPractice.actived) {\r\n        this.setToggleLoginForm(true);\r\n        return false\r\n      } else if (cat && cat.pageNo && this.dataPractice && ((cat.pageNo > this.dataPractice.limitPracticeX && !this.dataPractice.actived) || (this.dataPractice.limitPracticeY && cat.pageNo > this.dataPractice.limitPracticeY && this.dataPractice.actived))) {\r\n        this.pageCurr = cat.pageNo;\r\n        cat.pageNo > this.dataPractice.limitPracticeX && !this.dataPractice.actived && this.getBookDetailForActive();\r\n        this.dataPractice.limitPracticeY && cat.pageNo > this.dataPractice.limitPracticeY && this.dataPractice.actived && this.setToggleModalActivePage(true)\r\n        return false\r\n      } else if (cat && cat.pageNo) {\r\n        return true\r\n      }\r\n    },\r\n\r\n    prevCatBook() {\r\n      this.resetValKeyboard();\r\n      this.question = {}\r\n      this.handleNextPrevCat = 'prev'\r\n      this.goToCat()\r\n    },\r\n\r\n    nextCatBook() {\r\n      this.resetValKeyboard();\r\n      this.question = {}\r\n      this.handleNextPrevCat = 'next'\r\n      if (this.checkLimitExercise()) {\r\n        this.goToCat(1)\r\n      }\r\n    },\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"@/assets/scss/_mixins\";\r\n@import \"@/assets/scss/_variables\";\r\n@import \"@/assets/scss/_general\";\r\n\r\n.check--icon {\r\n  display: none;\r\n\r\n  @media screen and (max-width:575px) {\r\n    display: block;\r\n  }\r\n}\r\n\r\n.check--text {\r\n  display: block;\r\n\r\n  @media screen and (max-width:575px) {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.btn-main {\r\n  @media screen and (max-width: 575px) {\r\n    background: none !important;\r\n    border: none !important;\r\n  }\r\n}\r\n\r\n.content-left {\r\n  width: 90%;\r\n\r\n  .text-a {\r\n    width: 135px;\r\n\r\n    @media screen and (max-width: 575px) {\r\n      width: auto;\r\n      padding: 5px 15px;\r\n    }\r\n  }\r\n\r\n  .book--name {\r\n    -webkit-line-clamp: 1;\r\n    -webkit-box-orient: vertical;\r\n    display: block;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n}\r\n\r\n.content-right {\r\n  width: 10%;\r\n  padding-top: 5px;\r\n}\r\n\r\n.book-viewer__cats__books {\r\n  margin-bottom: 40px;\r\n\r\n  @media screen and (max-width: 575px) {\r\n    margin-bottom: 25px;\r\n  }\r\n}\r\n\r\n.actived {\r\n  color: #0f3dba !important;\r\n}\r\n\r\n.activeUnLogin {\r\n  color: #0f3dba !important;\r\n}\r\n\r\n.bookActive {\r\n  color: #0f3dba !important;\r\n}\r\n\r\n.version {\r\n  margin-right: 15px;\r\n}\r\n\r\n.icon-help {\r\n  position: absolute;\r\n  right: 15px;\r\n}\r\n\r\n.exercise-detail {\r\n  &__swiper {\r\n    .question-name__prev {\r\n      display: none !important;\r\n    }\r\n  }\r\n\r\n  &__questions {\r\n    padding: 30px;\r\n  }\r\n\r\n  &__breadcrumb {\r\n    padding-left: 15px;\r\n    padding-right: 15px;\r\n\r\n    ul li {\r\n\r\n      @media screen and (min-width: 576px) and (max-width: 991px) {\r\n        width: 15%;\r\n      }\r\n\r\n      @media screen and (max-width: 575px) {\r\n        width: 25%;\r\n      }\r\n\r\n      a,\r\n      span,\r\n      &:before {\r\n        @media screen and (min-width: 992px) and (max-width: 1199px) {\r\n          font-size: 14px;\r\n        }\r\n\r\n        @media screen and (min-width: 576px) and (max-width: 991px) {\r\n          font-size: 12px;\r\n        }\r\n\r\n        @media screen and (max-width: 575px) {\r\n          font-size: 11px;\r\n        }\r\n      }\r\n\r\n    }\r\n  }\r\n\r\n  &__link {\r\n    margin-bottom: 30px;\r\n\r\n    button {\r\n      line-height: 1;\r\n      padding: 0 20px;\r\n    }\r\n  }\r\n\r\n  &__list,\r\n  &__feedback {\r\n    margin-bottom: 20px;\r\n  }\r\n}\r\n\r\n.book-viewer__cats .card-body ul li:not(:last-child) {\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.cat-head,\r\n.cat-child li {\r\n  @extend .display-flex;\r\n  @extend .justify-content-between;\r\n\r\n  >i {\r\n    @extend .position-rel;\r\n    top: 5px;\r\n    @extend .font-size-20;\r\n  }\r\n}\r\n\r\n.modal-confirm {\r\n  padding: 20px 15px;\r\n\r\n  p {\r\n    margin-bottom: 15px;\r\n  }\r\n\r\n  &__action {\r\n    >* {\r\n      &:not(:last-child) {\r\n        margin-right: 10px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .exercise-detail {\r\n\r\n    &__questions {\r\n      padding: 15px;\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 575px) {\r\n  .btn-min-w-mb {\r\n    min-width: 80px !important;\r\n    line-height: 18px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 375px) {\r\n  .btn-min-w-mb {\r\n    font-size: 14px !important;\r\n  }\r\n}\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExerciseDetail.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!./ExerciseDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseDetail.vue?vue&type=template&id=066aef83&scoped=true&\"\nimport script from \"./ExerciseDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseDetail.vue?vue&type=style&index=0&id=066aef83&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  \"066aef83\",\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:\"book-viewer\"},[_c('div',{staticClass:\"book-viewer__head display-flex-center justify-content-between position-rel\"},[(_vm.practiceActive)?_c('router-link',{staticClass:\"book-viewer__back secondary-color-txt font-size-16\",attrs:{\"to\":{ name:'exercise', query:{ lop: _vm.practiceActive.classId, mon: _vm.practiceActive.subjectId, tab: _vm.practiceActive.practiceTypeId} }}},[_c('i',{staticClass:\"icon-close font-size-12 secondary-color-txt\"}),_c('span',{staticClass:\"only-pc\"},[_vm._v(\"Thoát\")])]):_vm._e(),(_vm.practiceActive)?_c('h1',{staticClass:\"margin-0 p-0 book-viewer__title font-size-16 secondary-color-txt font-sanpro-semibold\"},[_vm._v(\"\\n            \"+_vm._s(_vm.practiceActive.bookName)+\" \\n        \")]):_vm._e(),_c('span',{staticClass:\"secondary-color-txt font-sanpro-light font-size-14 version\"},[_vm._v(\"(Phiên bản 1.0)\")]),_c('div',{staticClass:\"icon-help\",on:{\"click\":_vm.openModalNotiHelp}},[_c('i',{staticClass:\"icon-question font-size-20\"})])],1),_c('vue-custom-scrollbar',{staticClass:\"exercise-detail__body book-viewer__body justify-content-center\",class:{'open-cats': _vm.openBookCats, 'open-sidebar': _vm.isOpenSidebar},attrs:{\"settings\":{suppressScrollX: true}}},[_c('div',{staticClass:\"exercise-detail__questions position-rel\"},[_c('div',{staticClass:\"exercise-detail__list\"},[(parseInt(_vm.questionindexActive) === 0 && _vm.questionsSaved)?_c('ExerciseQuestionList',{attrs:{\"dataSource\":_vm.questionsSaved},on:{\"handleGoQuestion\":_vm.directQuestion}}):_c('div',{staticClass:\"item position-rel content-1\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_c('div',{staticClass:\"question-group\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"questions\":[_vm.question],\"location\":0,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion,\"getResultQuestion\":_vm.getResultQuestion,\"answerMissing\":_vm.handleAnswerMissing}}),(_vm.question.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((_vm.question.listQuestionChild),function(child,pos){return _c('div',{staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":0,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion}}):_vm._e()],1)}),0):_vm._e(),(_vm.txtMissingQuestionGroup)?_c('p',{staticClass:\"question-missing-answer color-err\"},[_vm._v(_vm._s(_vm.txtMissingQuestionGroup))]):_vm._e()],1):(_vm.question)?_c('div',{staticClass:\"question-single\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"location\":0,\"preview\":true},on:{\"getResultQuestion\":_vm.getResultQuestion,\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}})],1):_vm._e()])],1),(_vm.questionindexActive > 0)?_c('div',{staticClass:\"exercise-detail__feedback display-flex-center justify-content-between\"},[(!_vm.showGuideContent)?_c('a',{staticClass:\"secondary-color-txt\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleGuideContent}},[_vm._v(\"Xem hướng dẫn \")]):_c('a',{staticClass:\"primary-color\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleGuideContent}},[_vm._v(\"Ẩn hướng dẫn\")]),_c('button',{staticClass:\"secondary-color-txt btn-error\",on:{\"click\":_vm.openModalNotiError}},[_vm._v(\"Báo lỗi\")])]):_vm._e(),(_vm.showGuideContent)?_c('div',{staticClass:\"exercise-detail__guide\"},[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\"}},[_c('b-tab',{attrs:{\"title\":\"Hướng dẫn \"}},[_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"},[_c('span',{staticClass:\"display-block font-size-16 secondary-color-txt font-sanpro\"},[_vm._v(\"(Phiên bản 1.0)\")]),(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_vm._l((_vm.question.listQuestionChild),function(guide,index){return _c('div',{key:(\"guide_\" + index),staticClass:\"child-item\"},[(guide && guide.title)?_c('b',[_vm._v(_vm._s(guide.title))]):_vm._e(),(guide && guide.guideContent)?_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(guide.guideContent)}}):_vm._e()])}):_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(_vm.question.guideContent)}})],2)]),_c('b-tab',{attrs:{\"title\":\"Lời giải chi tiết\"}},[_c('span',{staticClass:\"display-block font-size-16 secondary-color-txt font-sanpro\"},[_vm._v(\"(Phiên bản 1.0)\")]),_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_vm._l((_vm.question.listQuestionChild),function(and,index){return _c('div',{key:(\"and_\" + index),staticClass:\"child-item\"},[(and && and.title)?_c('b',[_vm._v(_vm._s(and.title))]):_vm._e(),(and && and.answerDetail)?_c('div',{staticClass:\"answer__detail__content\",domProps:{\"innerHTML\":_vm._s(and.answerDetail)}}):_vm._e()])}):_c('div',{staticClass:\"answer__detail__content\",domProps:{\"innerHTML\":_vm._s(_vm.question.answerDetail)}})],2)])],1)],1):_vm._e(),(_vm.valVituralKeyboard && _vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991 && _vm.questionindexActive !== 0)?_c('div',{staticClass:\"overlay-question\",on:{\"click\":_vm.resetValKeyboard}}):_vm._e()]),_c('div',{staticClass:\"book-viewer__sidebar exercise-detail__sidebar\",class:{'active': _vm.isOpenSidebar}},[_c('div',{staticClass:\"book-viewer__sidebar__icons exercise-detail__sidebar__icons position-rel display-flex flex-direction-col justify-content-between\"},[_c('div',{staticClass:\"icon-top\"},[_c('a',{staticClass:\"total-a\",class:{'active': _vm.keySidebarActive === 'media'},attrs:{\"href\":\"javascript:;\",\"data-toggle\":\"tooltip\",\"data-placement\":\"left\",\"title\":\"Học liệu\"},on:{\"click\":function($event){return _vm.openSidebar('media')}}},[_c('span',{staticClass:\"icon-medias font-size-24\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})])])])]),_c('ExerciseSidebar',{attrs:{\"keySidebarActive\":_vm.keySidebarActive,\"ebooksDetail\":_vm.practiceActive,\"pageCurr\":_vm.pagesOfQuestion,\"mediaRelate\":_vm.mediaRelate}})],1),(_vm.screenWidth < 992)?_c('div',{staticClass:\"book-viewer__body__overlay\",class:{'active': _vm.openBookCats},on:{\"click\":_vm.handleToggleBookCats}}):_vm._e()]),_c('div',{staticClass:\"book-viewer__footer display-flex-center justify-content-between position-rel\"},[_c('a',{staticClass:\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-flex-center justify-content-center\",class:{'btn-2': _vm.openBookCats},attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleToggleBookCats}},[_c('i',{staticClass:\"icon-category font-size-22\"}),_c('span',{staticClass:\"only-pc\"},[_vm._v(\"Mục lục\")])]),_c('div',{staticClass:\"exercise-detail__action display-flex-center\"},[_c('div',{staticClass:\"exercise-detail__direct display-flex-center\"},[_c('div',{staticClass:\"book-viewer__paging display-flex-center\"},[_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.indexBookCatCurr) <= 0},attrs:{\"href\":\"javascript:;\",\"title\":\"Danh mục trước\"},on:{\"click\":_vm.prevCatBook}},[_c('i',{staticClass:\"icon-first-page primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.questionindexActive) <= 1},attrs:{\"href\":\"javascript:;\",\"title\":\"Câu hỏi trước\"},on:{\"click\":_vm.prevQuestion}},[_c('i',{staticClass:\"icon-prev primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.questionindexActive) >= parseInt(_vm.questionList.length)},attrs:{\"href\":\"javascript:;\",\"title\":\"Câu hỏi tiếp theo\"},on:{\"click\":_vm.nextQuestion}},[_c('i',{staticClass:\"icon-next primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.indexBookCatCurr) >= _vm.bookCatLength - 1},attrs:{\"href\":\"javascript:;\",\"title\":\"Danh mục tiếp theo\"},on:{\"click\":_vm.nextCatBook}},[_c('i',{staticClass:\"icon-last-page primary-color font-size-24\"})])])]),(_vm.questionindexActive !== 0 && _vm.question)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\",class:{'disabled': (_vm.question && (_vm.question.type === _vm.typeDrawShape || _vm.question.type === _vm.typeDownAnswer)) || _vm.questionindexActive === 0 || _vm.question.isWorked || _vm.question.statusWorked},attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.checkAnswer}},[_vm._v(\"Kiểm tra\")]):_vm._e()])]),_c('div',{staticClass:\"book-viewer__cats exercise-detail__cats\",class:{'active': _vm.openBookCats}},[_c('div',{staticClass:\"book-viewer__cats__wrap\"},[_c('div',{staticClass:\"exercise-detail__cats__breadcrumb\"},[_c('ul',{staticClass:\"margin-0 p-0 text-left\"},_vm._l((_vm.breadCrumbCurr),function(bread,index){return _c('li',{key:index,staticClass:\"word-excerpt\",class:{'active': index === _vm.breadCrumbCurr.length - 1 && _vm.questionindexActive === 0}},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){index === _vm.breadCrumbCurr.length - 1 && _vm.breadCrumbCurr.length > 1 ? _vm.getQuestionData(bread) : _vm.directExerciseCat(_vm.breadCrumbCurr[_vm.breadCrumbCurr.length - 1])}}},[(index === 0)?_c('i',{staticClass:\"fas fa-chevron-left font-size-16\",staticStyle:{\"margin-right\":\"5px\"}}):_vm._e(),_vm._v(\"\\n                      \"+_vm._s(bread.title)+\" \"),(bread.title)?_c('span',{staticClass:\"cat-space-title\"},[_vm._v(\":\")]):_vm._e(),_vm._v(\" \"+_vm._s(bread.name)+\"\\n                    \")]),(index === _vm.breadCrumbCurr.length - 1)?_c('span',{staticClass:\"btn-reset\",on:{\"click\":_vm.resetAnswers}},[_c('i',{staticClass:\"icon-reset primary-color font-size-18\"})]):_vm._e()])}),0)])]),_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__cats scroll-area__cats__exercise-exam\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"book-viewer__cats__wrap\"},[_c('div',{staticClass:\"book-viewer__cats__list exercise-detail__cats__list\"},_vm._l((_vm.questionList),function(item,index){return _c('a',{key:index,staticClass:\"item\",class:{\n                            'curr': item.current, \n                            'success': (item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue), \n                            'error': (item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue) \n                        },on:{\"click\":function($event){return _vm.directQuestion(index + 1)}}},[_vm._v(\"\\n                       \"+_vm._s(item.name)+\"xx\\n                    \")])}),0)])])],1),(_vm.valVituralKeyboard && _vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991)?_c('VituralKeyboard',{class:{'open-cat': _vm.openBookCats, 'over-height': _vm.valVituralKeyboard && _vm.valVituralKeyboard.isOverHaflScreen}}):_vm._e(),(_vm.actionPlayQuestionTrue)?_c('audio',{attrs:{\"id\":\"question_true\",\"src\":_vm.correct,\"autoplay\":\"\"}}):_vm._e(),(_vm.actionPlayQuestionFalse)?_c('audio',{attrs:{\"id\":\"question_false\",\"src\":_vm.incorrect,\"autoplay\":\"\"}}):_vm._e(),(_vm.visiblePreviewSliderModal)?_c('div',{staticClass:\"show-document\"},[_c('div',{staticClass:\"inner-content js-model active\"},[_c('ModalMedia',{on:{\"viewMoreMedia\":_vm.viewMoreMedia}}),_c('div',{staticClass:\"js-background-model active\",on:{\"click\":_vm.handleOffModal}})],1)]):_vm._e(),_c('modalShowHelp')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"book-viewer\">\r\n      <div class=\"book-viewer__head display-flex-center justify-content-between position-rel\">\r\n         <router-link \r\n              v-if=\"practiceActive\"\r\n              :to=\"{ name:'exercise', query:{ lop: practiceActive.classId, mon: practiceActive.subjectId, tab: practiceActive.practiceTypeId} }\" \r\n              class=\"book-viewer__back secondary-color-txt font-size-16\"\r\n          >\r\n              <i class=\"icon-close font-size-12 secondary-color-txt\"></i> <span class=\"only-pc\">Thoát</span>\r\n          </router-link>\r\n          <h1 class=\"margin-0 p-0 book-viewer__title font-size-16 secondary-color-txt font-sanpro-semibold\" v-if=\"practiceActive\">\r\n              {{ practiceActive.bookName }} \r\n          </h1>\r\n          <span class=\"secondary-color-txt font-sanpro-light font-size-14 version\">(Phiên bản 1.0)</span>\r\n          <div class=\"icon-help\" @click=\"openModalNotiHelp\">\r\n                <i class=\"icon-question font-size-20\"></i>\r\n            </div>\r\n      </div>\r\n      <vue-custom-scrollbar class=\"exercise-detail__body book-viewer__body justify-content-center\" :class=\"{'open-cats': openBookCats, 'open-sidebar': isOpenSidebar}\" :settings=\"{suppressScrollX: true}\">\r\n          <div class=\"exercise-detail__questions position-rel\">\r\n            <div class=\"exercise-detail__list\">\r\n              <ExerciseQuestionList v-if=\"parseInt(questionindexActive) === 0 && questionsSaved\" :dataSource=\"questionsSaved\" @handleGoQuestion=\"directQuestion\" />\r\n              <div v-else class=\"item position-rel content-1\">\r\n                  <div class=\"question-group\" v-if=\"question && question.type && question.type === typeGroup\">\r\n                    <PreviewQuestion \r\n                      :dataSource=\"question\"\r\n                      :questions=\"[question]\"\r\n                      :location=\"0\"\r\n                      :preview=\"true\"\r\n                      :questionsData=\"question\"\r\n                      @formatQuestion=\"getInfoQuestion\"\r\n                      @getResultQuestion=\"getResultQuestion\"\r\n                      @answerMissing=\"handleAnswerMissing\"\r\n                    />\r\n                    <div class=\"questions-child\" v-if=\"question.listQuestionChild\">\r\n                      <div class=\"questions-child__item\" v-for=\"(child, pos) of question.listQuestionChild\">\r\n                        <PreviewQuestion \r\n                          v-if=\"child\"\r\n                          :dataSource=\"child\"\r\n                          :location=\"pos\"\r\n                          :parentIndex=\"0\"\r\n                          :isQuestionChild=\"true\"\r\n                          :preview=\"true\"\r\n                          :questionsData=\"question\"\r\n                          @formatQuestion=\"getInfoQuestion\"\r\n                        />\r\n                      </div>\r\n                    </div>\r\n                    <p v-if=\"txtMissingQuestionGroup\" class=\"question-missing-answer color-err\">{{ txtMissingQuestionGroup }}</p>\r\n                </div>\r\n                <div class=\"question-single\" v-else-if=\"question\">\r\n                  <PreviewQuestion \r\n                    :dataSource=\"question\"\r\n                    :location=\"0\"\r\n                    :preview=\"true\"\r\n                    @getResultQuestion=\"getResultQuestion\"\r\n                    @formatQuestion=\"getInfoQuestion\"\r\n                    @answerMissing=\"handleAnswerMissing\"\r\n                  />\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div v-if=\"questionindexActive > 0\" class=\"exercise-detail__feedback display-flex-center justify-content-between\">\r\n              <a\r\n                href=\"javascript:;\"\r\n                v-if=\"!showGuideContent\"\r\n                class=\"secondary-color-txt\"\r\n                @click=\"toggleGuideContent\"\r\n              >Xem hướng dẫn </a>\r\n              <a\r\n                href=\"javascript:;\"\r\n                v-else\r\n                class=\"primary-color\"\r\n                @click=\"toggleGuideContent\"\r\n              >Ẩn hướng dẫn</a>\r\n              <!-- <a\r\n                href=\"javascript:;\"\r\n                class=\"primary-color\"\r\n                @click=\"handleCheckAnswerResult\"\r\n              >Kiểm tra kết quả</a> -->\r\n            <button class=\"secondary-color-txt btn-error\" @click=\"openModalNotiError\">Báo lỗi</button>\r\n\r\n              <!-- <a href=\"javascript:;\" class=\"secondary-color-txt\" @click=\"openModalNotiError\"> Báo lỗi! </a>  -->\r\n            </div>\r\n            <div class=\"exercise-detail__guide\" v-if=\"showGuideContent\">\r\n              <b-tabs content-class=\"mt-3\">\r\n                <b-tab title=\"Hướng dẫn \">\r\n                  <div class=\"exercise-detail__guide__content font-size-16 primary-color-txt\">\r\n                      <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">(Phiên bản 1.0)</span>\r\n                    <template v-if=\"question && question.type && question.type === typeGroup\">\r\n                      <div class=\"child-item\" v-for=\"(guide, index) of question.listQuestionChild\" :key=\"`guide_${index}`\">\r\n                        <b v-if=\"guide && guide.title\">{{ guide.title }}</b>\r\n                        <div v-if=\"guide && guide.guideContent\" class=\"guide__content\" v-html=\"guide.guideContent\"></div>\r\n                      </div>\r\n                    </template>\r\n                    <div v-else class=\"guide__content\" v-html=\"question.guideContent\"></div>\r\n                  </div>\r\n                </b-tab>\r\n                \r\n                <!-- <b-tab title=\"Đáp án\" v-if=\"arrResultCorrect.length > 0 || question.correctData || question.type === typeDownAnswer\" :active=\"tabGuideActive === 1\">\r\n                  <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">(Phiên bản 1.0)</span>\r\n                  <div class=\"corect__result\" v-if=\"question && question.type && question.type === typeGroup\">\r\n                    <div class=\"corect__result__item\" v-for=\"(item, index) of arrResultCorrect\" :key=\"`group_correct_${index}`\">\r\n                      <b class=\"font-size-18\" v-if=\"item && item.title\">{{ item.title }} .</b> \r\n                      <template v-if=\"item && item.correct\">\r\n                        <ul class=\"p-0\" style=\"overflow:auto\">\r\n                            <li v-for=\"(child, index) of item.correct\" class=\"display-flex\" v-if=\"child\">\r\n                                <b v-if=\"child.code\">{{ child.code }} &nbsp;</b> \r\n                                <span class=\"display-flex-center answer-2\" v-if=\"(question && (item.type === typefillBlank || item.type === typeSelect)) && child.value.length > 0\" v-for=\"(val, position) of child.value\">\r\n                                    <span v-if=\"position > 0\">;&nbsp;</span><p v-if=\"val\" v-html=\"val\"></p>\r\n                                </span>\r\n                                \r\n                                <span v-else-if=\"question && item.type === typeMatchCol\"> - {{ child.value }}<span>;&nbsp;</span></span>\r\n                                <span v-if=\"question && item.type !== typefillBlank && item.type !== typeSelect && item.type !== typeMatchCol\"><span v-html=\"child.value\"></span></span>\r\n                                <br>\r\n                            </li>\r\n                        </ul>\r\n                      </template>\r\n                    </div>\r\n                  </div>\r\n                  <template v-else>\r\n                      <ul class=\"p-0\" style=\"overflow:auto\">\r\n                          <li v-for=\"(item, index) of (arrResultCorrect.length > 0 ? arrResultCorrect : question.correctData)\" class=\"display-flex\" v-if=\"item\">\r\n                              <b v-if=\"item.code\">{{ item.code }} &nbsp;</b> \r\n                              <span class=\"display-flex-center answer-2\" v-if=\"(question && (question.type === typefillBlank || question.type === typeSelect)) && item.value.length > 0\" v-for=\"(val, position) of item.value\">\r\n                                  <span v-if=\"position > 0\">;&nbsp;</span><p v-if=\"val\" v-html=\"val\"></p>\r\n                              </span>\r\n                              \r\n                              <span v-else-if=\"question && question.type === typeMatchCol\"> - {{ item.value }}<span>;&nbsp;</span></span>\r\n                              <span v-if=\"question &&  question.type !== typefillBlank && question.type !== typeSelect && question.type !== typeMatchCol\"><span v-html=\"item.value\"></span></span>\r\n                              <br>\r\n                          </li>\r\n                      </ul>\r\n                      <div v-if=\"question && question.type === typeDownAnswer\">\r\n                          <div v-html=\"question.answers[0].content\"></div>\r\n                      </div>\r\n                  </template>\r\n                </b-tab> -->\r\n                \r\n                <b-tab title=\"Lời giải chi tiết\">\r\n                    <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">(Phiên bản 1.0)</span>\r\n                  <div class=\"exercise-detail__guide__content font-size-16 primary-color-txt\">\r\n                    <template v-if=\"question && question.type && question.type === typeGroup\">\r\n                      <div class=\"child-item\" v-for=\"(and, index) of question.listQuestionChild\" :key=\"`and_${index}`\">\r\n                        <b v-if=\"and && and.title\">{{ and.title }}</b>\r\n                        <div v-if=\"and && and.answerDetail\" class=\"answer__detail__content\" v-html=\"and.answerDetail\"></div>\r\n                      </div>\r\n                    </template>\r\n                    <div v-else class=\"answer__detail__content\" v-html=\"question.answerDetail\"></div>\r\n                  </div>\r\n                </b-tab>\r\n              </b-tabs>\r\n            </div>\r\n            <div class=\"overlay-question\" v-if=\"valVituralKeyboard && valVituralKeyboard.location > -1 && screenWidth > 991 && questionindexActive !== 0\" @click=\"resetValKeyboard\"></div>\r\n          </div>\r\n          <div class=\"book-viewer__sidebar exercise-detail__sidebar\" :class=\"{'active': isOpenSidebar}\">\r\n              <div class=\"book-viewer__sidebar__icons exercise-detail__sidebar__icons position-rel display-flex flex-direction-col justify-content-between\">\r\n                  <div class=\"icon-top\">\r\n                    <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'media'}\" @click=\"openSidebar('media')\" class=\"total-a\"  data-toggle=\"tooltip\" data-placement=\"left\" title=\"Học liệu\">\r\n                      <span class=\"icon-medias font-size-24\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n                    </a>\r\n                    <!-- <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'link'}\" @click=\"openSidebar('link')\"><i class=\"icon-link font-size-24\"></i></a> -->\r\n                  </div>\r\n              </div>\r\n              <ExerciseSidebar :keySidebarActive=\"keySidebarActive\" :ebooksDetail=\"practiceActive\" :pageCurr=\"pagesOfQuestion\" :mediaRelate=\"mediaRelate\" />\r\n          </div>\r\n          <div \r\n              v-if=\"screenWidth < 992\"\r\n              class=\"book-viewer__body__overlay\"\r\n              :class=\"{'active': openBookCats}\" \r\n              @click=\"handleToggleBookCats\"\r\n          ></div>\r\n      </vue-custom-scrollbar>\r\n      <div class=\"book-viewer__footer display-flex-center justify-content-between position-rel\">\r\n          <a href=\"javascript:;\" class=\"primary-color font-size-16 font-sanpro-semibold book-viewer__footer__cats border-rd-20 position-rel display-flex-center justify-content-center\" @click=\"handleToggleBookCats\" :class=\"{'btn-2': openBookCats}\">\r\n              <i class=\"icon-category font-size-22\"></i>\r\n              <span class=\"only-pc\">Mục lục</span>\r\n          </a>\r\n          <div class=\"exercise-detail__action display-flex-center\">\r\n            <div class=\"exercise-detail__direct display-flex-center\">\r\n                <!-- <span class=\"font-size-16 font-sanpro-semibold primary-color\">{{ questionindexActive }} / {{ questionList.length }}</span> -->\r\n                <div class=\"book-viewer__paging display-flex-center\">\r\n                    <a href=\"javascript:;\" v-b-tooltip.hover title=\"Danh mục trước\" @click=\"prevCatBook\" :class=\"{'disabled': parseInt(indexBookCatCurr) <= 0}\">\r\n                      <i class=\"icon-first-page primary-color font-size-24\"></i>\r\n                    </a>\r\n                    <a href=\"javascript:;\" v-b-tooltip.hover title=\"Câu hỏi trước\" @click=\"prevQuestion\" :class=\"{'disabled': parseInt(questionindexActive) <= 1}\">\r\n                      <i class=\"icon-prev primary-color font-size-24\"></i>\r\n                    </a>\r\n                    <a href=\"javascript:;\" v-b-tooltip.hover title=\"Câu hỏi tiếp theo\" @click=\"nextQuestion\" :class=\"{'disabled': parseInt(questionindexActive) >= parseInt(questionList.length)}\">\r\n                      <i class=\"icon-next primary-color font-size-24\"></i>\r\n                    </a>\r\n                    <a href=\"javascript:;\" v-b-tooltip.hover title=\"Danh mục tiếp theo\" @click=\"nextCatBook\" :class=\"{'disabled': parseInt(indexBookCatCurr) >= bookCatLength - 1}\">\r\n                        <i class=\"icon-last-page primary-color font-size-24\"></i>\r\n                    </a>\r\n                </div>\r\n                <!-- <a href=\"javascript:;\" @click=\"prevQuestion\" :class=\"{'disabled': parseInt(questionindexActive) <= 1}\">\r\n                    <i class=\"icon-prev primary-color font-size-20\"></i>\r\n                </a>\r\n                <a href=\"javascript:;\" @click=\"nextQuestion\" :class=\"{'disabled': parseInt(questionindexActive) >= parseInt(questionList.length)}\">\r\n                    <i class=\"icon-next primary-color font-size-20\"></i>\r\n                </a> -->\r\n            </div>\r\n              <a \r\n                  href=\"javascript:;\"\r\n                  class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\"\r\n                  v-if=\"questionindexActive !== 0 && question\" \r\n                  :class=\"{'disabled': (question && (question.type === typeDrawShape || question.type === typeDownAnswer)) || questionindexActive === 0 || question.isWorked || question.statusWorked}\" \r\n                  @click=\"checkAnswer\"\r\n              >Kiểm tra</a>\r\n          </div>\r\n      </div>\r\n      <div class=\"book-viewer__cats exercise-detail__cats\" :class=\"{'active': openBookCats}\">\r\n          <div class=\"book-viewer__cats__wrap\">\r\n            <div class=\"exercise-detail__cats__breadcrumb\">\r\n              <ul class=\"margin-0 p-0 text-left\">\r\n                  <li\r\n                    v-for=\"(bread, index) of breadCrumbCurr\" :class=\"{'active': index === breadCrumbCurr.length - 1 && questionindexActive === 0}\"\r\n                    :key=\"index\"\r\n                    class=\"word-excerpt\"\r\n                >\r\n                      <a href=\"javascript:;\" @click=\"index === breadCrumbCurr.length - 1 && breadCrumbCurr.length > 1 ? getQuestionData(bread) : directExerciseCat(breadCrumbCurr[breadCrumbCurr.length - 1])\">\r\n                        <i v-if=\"index === 0\" class=\"fas fa-chevron-left font-size-16\" style=\"margin-right: 5px;\"></i>\r\n                        {{bread.title}} <span v-if=\"bread.title\" class=\"cat-space-title\">:</span> {{ bread.name }}\r\n                      </a>\r\n                      <span v-if=\"index === breadCrumbCurr.length - 1\" class=\"btn-reset\" @click=\"resetAnswers\">\r\n                        <i class=\"icon-reset primary-color font-size-18\"></i>\r\n                      </span>\r\n                  </li>\r\n                  <!-- <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">(Phiên bản 1.0)</span> -->\r\n              </ul>\r\n            </div>\r\n          </div>\r\n          <vue-custom-scrollbar class=\"scroll-area scroll-area__cats scroll-area__cats__exercise-exam\" :settings=\"settingsViewBookSidebar\">\r\n              <div class=\"book-viewer__cats__wrap\">\r\n                  <div class=\"book-viewer__cats__list exercise-detail__cats__list\">\r\n                      <a class=\"item\" \r\n                          v-for=\"(item, index) of questionList\"\r\n                          :key=\"index\"\r\n                          :class=\"{\r\n                              'curr': item.current, \r\n                              'success': (item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue), \r\n                              'error': (item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue) \r\n                          }\" \r\n                          @click=\"directQuestion(index + 1)\"\r\n                      >\r\n                         {{ item.name }}xx\r\n                      </a>\r\n                  </div>\r\n              </div>\r\n          </vue-custom-scrollbar>\r\n      </div>\r\n      <VituralKeyboard v-if=\"valVituralKeyboard && valVituralKeyboard.location > -1 && screenWidth > 991\" :class=\"{'open-cat': openBookCats, 'over-height': valVituralKeyboard && valVituralKeyboard.isOverHaflScreen}\" />\r\n      <audio v-if=\"actionPlayQuestionTrue\" id=\"question_true\" :src=\"correct\" autoplay></audio>\r\n      <audio v-if=\"actionPlayQuestionFalse\" id=\"question_false\" :src=\"incorrect\" autoplay></audio>\r\n      <div class=\"show-document\" v-if=\"visiblePreviewSliderModal\">\r\n        <div class=\"inner-content js-model active\">\r\n          <ModalMedia @viewMoreMedia=\"viewMoreMedia\" />\r\n          <div class=\"js-background-model active\" @click=\"handleOffModal\"></div>\r\n        </div>\r\n      </div>\r\n    <modalShowHelp />\r\n\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n    import {mapGetters, mapActions, mapState} from 'vuex';\r\n    import { TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question/_store/constants'\r\n    import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n    import { APP_CONFIG } from '@/utils/constants'\r\n    import PreviewQuestion from '@/modules/question/preview-question/PreviewQuestion.vue'\r\n    import { getQuestionsSidebar, getQuestionDetail, uploadImg, practiceReportError, getQuestionsByCat, getInfoBookBasic, getInfoBookCatsForQuestions, getCategoriesByBook, saveUserWorkQuestion, resetUserWorkQuestion, getMediaInBookPage } from './../_api/'\r\n    import { \r\n        STORE_KEY, \r\n        LOCAL_SAVE_QUESTIONS_WORKED, \r\n        LOCAL_SAVE_CAT, \r\n        LOCAL_SAVE_BOOK_ACTIVE, \r\n        LOCAL_SAVE_PRACTICE_LIST, \r\n        LOCAL_SAVE_BREADCRUMB_CAT, \r\n        LOCAL_SAVE_EXERCISE_CLASS, \r\n        LOCAL_QUESTIONS_DATA,\r\n        LOCAL_SAVE_PAGE_OPEN, } from \"./../_store/constants\";\r\n    import ExerciseQuestionList from './../_components/ExerciseQuestionList.vue'\r\n    import ActiveCode from '@/modules/ebooks/_components/common/ActiveCode.vue'\r\n    import mixinExercise from './../_store/mixinExercise'\r\n    import { getAuth } from '@/utils/jwt'\r\n    import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n    import VituralKeyboard from '@/modules/question/preview-question/VituralKeyboard.vue'\r\n    import { STORE_KEY as STORE_KEY_QUESTION } from '@/modules/question/preview-question/_store/constants'\r\n    import ExerciseSidebar from './../_components/ExerciseSidebar.vue'\r\n    import ModalMedia from '@/modules/ebooks/_components/ebook-viewer/ModalMedia.vue'\r\n    const correct = require('@/assets/audio/correct.mp3')\r\n    const incorrect = require('@/assets/audio/incorrect.mp3')\r\n    import modalShowHelp from '@/components/modal/modalShowHelp'\r\n\r\n   \r\n    export default {\r\n        name: 'ExerciseExam',\r\n        mixins: [ mixinExercise ],\r\n        components: {\r\n            vueCustomScrollbar,\r\n            PreviewQuestion,\r\n            ExerciseQuestionList,\r\n            ActiveCode,\r\n            VituralKeyboard,\r\n            ExerciseSidebar,\r\n            ModalMedia,\r\n            modalShowHelp\r\n        },\r\n        data() {\r\n            return {\r\n                classId:0,\r\n                subjectId:0,\r\n                typeGroup: TYPE_GROUP,\r\n                typeDrawShape: TYPE_DRAW_SHAPE_ANSWER,\r\n                typeDownAnswer: TYPE_DOWN_ANSWER,\r\n                typefillBlank: TYPE_FILL_BLANK,\r\n                typeSelect: TYPE_SELECT,\r\n                typeMatchCol: TYPE_MATH_COL,\r\n                bookCdnUrl: APP_CONFIG.bookCdnUrl,\r\n                bookImgCdnUrl: APP_CONFIG.bookImgCdnUrl,\r\n                cdnUrl: APP_CONFIG.cdnUrl,\r\n                appUrl: APP_CONFIG.bookCdnUrl,\r\n                uploadUrl: APP_CONFIG.uploadUrl,\r\n                settingsViewBookSidebar: {\r\n                    maxScrollbarLength: 300,\r\n                },\r\n                collapseOpen: '',\r\n                isOpenSidebar: false,\r\n                keySidebarActive: '', // search ||'link'\r\n                openBookCats: true,\r\n                openSidebarMobile: false,\r\n                showGuideContent: false,\r\n                tabGuideActive: 0,\r\n                questionindexActive: null,\r\n                questionsSaved: [],\r\n                questionList: [],\r\n                questionsLoaded: [],\r\n                question: null,\r\n                bookRelates: [],\r\n                arrResultCorrect: [],\r\n                // nameBooks:\"\",\r\n                catExercise: null,\r\n                practiceActive: null,\r\n                // exerciseBookActive: null,\r\n                breadCrumbCurr: [],\r\n                reportError: {\r\n                  ErrorId: 0,\r\n                  PracticeGroupId: 0,\r\n                  BookIndexId: 0,\r\n                  questionId: 0,\r\n                  comment: \"\",\r\n                  imageUrl: \"\"\r\n                },\r\n                txtMissingQuestionGroup: '',\r\n                indexBookCatCurr: 0,\r\n                bookCatLength: 0,\r\n                authInfo: {},\r\n                catsFlat: [],\r\n                setValQuestionChange: {},\r\n                correct,\r\n                incorrect,\r\n                actionPlayQuestionTrue: false,\r\n                actionPlayQuestionFalse: false,\r\n                handleNextPrevCat: '', //next or prev\r\n                pagesOfQuestion: [],\r\n                mediaRelate: {},\r\n                errorTypeId: 2,\r\n                nameRoute: this.$route.name,\r\n                isShowVideo: 2,\r\n                id: this.$route.params.bookId,\r\n                startTimeQuestion: 0\r\n            }\r\n        },\r\n        computed: {\r\n            ...mapState(STORE_KEY, ['bookIndexOfBook']),\r\n            ...mapState('auth', ['loginPopupData']),\r\n            ...mapState(STORE_KEY_QUESTION, ['valVituralKeyboard']),\r\n            ...mapGetters({\r\n                ebooksDetail: STORE_KEY + '/ebooksDetail',\r\n                actionCheckQuestion: `common/actionCheckQuestion`,\r\n\r\n            }),\r\n            ...mapState('common', ['idBookActiveSuccess', 'visiblePreviewSliderModal', 'isShowModalHelp']),\r\n            bookId() {\r\n                return this.$route.params.bookId;\r\n            },\r\n            bookIndexId() {\r\n                return this.$route.params.subjectId;\r\n            },\r\n            screenWidth() {\r\n                return window.innerWidth;\r\n            },\r\n            queryRoute () {\r\n              return this.$route.query\r\n            }\r\n        },\r\n        watch: {\r\n            '$route.params.questionId': 'getInfoQuestion',\r\n            actionCheckQuestion(newVal) {\r\n                !newVal && this.setQuestionResult();\r\n            },\r\n            '$route.params.subjectId': 'getQuestionNewSubject',\r\n            loginPopupData(newVal) {\r\n                if(newVal && Object.keys(newVal).length) {\r\n                    this.authInfo = newVal;\r\n                    this.getBookInfo();\r\n                }\r\n            },\r\n            valVituralKeyboard(newVal) {\r\n                if(newVal.ref) {\r\n                    document.getElementById(newVal.ref).value = newVal.val;\r\n                    document.getElementById(newVal.ref).focus();\r\n                }\r\n            },\r\n            idBookActiveSuccess(newVal) {\r\n              if(parseInt(newVal) === this.practiceActive.bookId) {\r\n                this.handleActiveBookSuccess()\r\n              }\r\n            },\r\n        },\r\n        created() {\r\n            this.getBookInfo();\r\n            this.getQuestionList();\r\n            this.authInfo = getAuth();\r\n            this.actionCheckRouterHelp({nameRoute: this.nameRoute})\r\n\t\t\tthis.getEBooksDetail(this.id)\r\n\r\n            this.actionSetBookIdForError(this.$route.params.subjectId)\r\n\r\n\r\n            // let paramFethMedia = { bookId: 407, pageNo: 2, bookPageId: 0 };\r\n            // getMediaInBookPage(paramFethMedia)\r\n        },\r\n        mounted () {\r\n            this.getInfoSaveLocal();\r\n            this.getSubjects();\r\n        },\r\n        destroyed () {\r\n            this.resetValKeyboard();\r\n            localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n            localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n        },\r\n        methods: {\r\n            ...mapActions('common', ['setLoading', 'setActionCheckQuestion', 'setToggleModalActivePage', 'acSetDataBookActiveWant', 'acToggleModalActiveBook', 'setToggleModalDocSlider', 'setDocPreviewSlider', 'acToggleModaShowError', 'acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp', 'actionSetBookIdForError']),\r\n            ...mapActions(STORE_KEY, ['actionBookIndexOfBook', 'getEBooksDetail']),\r\n            ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n            ...mapActions('auth', ['setToggleLoginForm']),\r\n\r\n            openModalNotiError(){\r\n              this.acToggleModaShowError({isShow:true,errorTypeId: this.errorTypeId})\r\n            },\r\n            openModalNotiHelp(){\r\n                this.actionGetVideoHelp({isShowVideo: this.isShowVideo})\r\n                \r\n                this.acToggleModaShowHelp(true)\r\n                // this.$bvModal.hide(ID_MODAL_ACTIVE_BOOK)\r\n            },\r\n\r\n            getSubjects() {\r\n                let self = this;\r\n                if(!self.bookIndexOfBook || self.bookIndexOfBook.length === 0) {\r\n                    getCategoriesByBook(self.bookId).then(async res => {\r\n                        if(res && res.data && !res.errors) {\r\n                            let resultFlatCat = await self.flatenCats(res.data)\r\n                            // Save bookIndex into state\r\n                            self.actionBookIndexOfBook(resultFlatCat);\r\n                            self.setBreadCrumbCurr();\r\n                        }\r\n                    }).catch().finally(() => self.setLoading(false));\r\n                } else {\r\n                    self.setBreadCrumbCurr();\r\n                }\r\n            },\r\n\r\n            setBreadCrumbCurr() {\r\n                this.breadCrumbCurr = [];\r\n                this.indexBookCatCurr = this.bookIndexOfBook.findIndex(cat => cat.bookIndexId === parseInt(this.bookIndexId));\r\n                this.bookCatLength = this.bookIndexOfBook.length;\r\n                if(this.indexBookCatCurr > -1) {\r\n                    let catCurr = this.bookIndexOfBook[this.indexBookCatCurr];\r\n\r\n                    if(catCurr.catParentFirst) {\r\n                        let indexParentFirst = this.bookIndexOfBook.findIndex(cat => cat.bookIndexId === catCurr.catParentFirst);\r\n                        indexParentFirst > -1 && this.breadCrumbCurr.push(this.bookIndexOfBook[indexParentFirst]);\r\n                    }\r\n\r\n                    if(catCurr.catParent) {\r\n                        let indexParent = this.bookIndexOfBook.findIndex(cat => cat.bookIndexId === catCurr.catParent);\r\n                        indexParent > -1 && this.breadCrumbCurr.push(this.bookIndexOfBook[indexParent]);\r\n                    }\r\n\r\n                    this.breadCrumbCurr.push(catCurr);\r\n                }\r\n            },\r\n\r\n            getQuestionNewSubject() {\r\n              Promise.all([this.getQuestionList(), this.fetchQuestionList(), this.setBreadCrumbCurr()]);\r\n            },\r\n\r\n            getInfoSaveLocal() {\r\n                let catInfo = localStorage.getItem(LOCAL_SAVE_CAT);\r\n                let practiceData = localStorage.getItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n                let questionData = localStorage.getItem(LOCAL_QUESTIONS_DATA);\r\n                // let exerciseBookData = localStorage.getItem(LOCAL_SAVE_BOOK_ACTIVE);\r\n                // let breadCumbData = localStorage.getItem(LOCAL_SAVE_BREADCRUMB_CAT);\r\n                // if(catInfo && catInfo !== null && catInfo !== undefined) {\r\n                //     this.catExercise =JSON.parse(catInfo);\r\n                // }\r\n                // if(practiceData && practiceData !== null && practiceData !== undefined) {\r\n                //   this.practiceActive = JSON.parse(practiceData);\r\n                // }\r\n                // Promise.all([this.getBookInfo(), this.getInfoCatCurr()]);\r\n\r\n                if(questionData && questionData !== null && questionData !== undefined) {\r\n                  this.questionsSaved = JSON.parse(questionData);\r\n                } else {\r\n                  this.fetchQuestionList()\r\n                }\r\n                // if(exerciseBookData && exerciseBookData !== null && exerciseBookData !== undefined) {\r\n                //     this.exerciseBookActive = JSON.parse(exerciseBookData);\r\n                // }\r\n                // if(breadCumbData && breadCumbData !== null && breadCumbData !== undefined) {\r\n                //     this.breadCrumbCurr = JSON.parse(breadCumbData);\r\n                // }\r\n            },\r\n\r\n            getBookInfo() {\r\n                let self = this;\r\n                getInfoBookBasic(self.bookId).then(res => {\r\n                    if(res && res.data && !res.errors) {\r\n                        self.practiceActive = res.data;\r\n                    }\r\n                })\r\n            },\r\n\r\n            getInfoCatCurr() {\r\n                let self = this;\r\n                getInfoBookCatsForQuestions(self.bookIndexId).then(res => {\r\n                    if(res && res.data && !res.errors) {\r\n                        // self.catExercise = res.data;\r\n                        self.breadCrumbCurr = res.data;\r\n                    }\r\n                })\r\n            },\r\n\r\n            getQuestionList() {\r\n                let self = this\r\n                self.setLoading(true)\r\n                self.questionList = []\r\n                self.pagesOfQuestion = []\r\n                \r\n                getQuestionsSidebar(self.bookIndexId).then(res => {\r\n                    self.questionList = res && res.data && !res.errors ? res.data : [];\r\n                    if(res && res.data && res.data.length > 0) {\r\n                        // Set box size\r\n                        self.setSpaceSizeForOpenCatBox();\r\n\r\n                        self.getInfoQuestion();\r\n                        // Get question checked\r\n                        self.setQuestionResult();\r\n                        res.data.map(ques => {\r\n                          !self.pagesOfQuestion.includes(ques.pageNo) && self.pagesOfQuestion.push(ques.pageNo)\r\n                        })\r\n                    } else {\r\n                        self.setLoading(false)\r\n                    }\r\n                }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            getInfoQuestion() {\r\n                let self = this;\r\n\r\n                self.question = null;\r\n                // Hidden guide content\r\n                self.showGuideContent = false;\r\n                // self.arrResultCorrect = [];\r\n                self.questionindexActive = self.$router.history.current.params.questionId;\r\n                if(self.questionindexActive > 0) {\r\n                    self.setLoading(true);\r\n                    let questionId = self.questionList[self.questionindexActive - 1].questionId;\r\n                    let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n\r\n                    if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n                        let indexQuestionSave = questionsLocalStorage.findIndex(ques => ques.questionId === questionId);\r\n                        if(indexQuestionSave > -1) {\r\n                            self.question = questionsLocalStorage[indexQuestionSave];\r\n                            self.setLoading(false);\r\n                        } else {\r\n                            self.getQuestionDetail(questionId, questionsLocalStorage);\r\n                        }\r\n                    } else {\r\n                        self.getQuestionDetail(questionId);\r\n                    }\r\n\r\n                    self.setQuestionCurr();\r\n                }\r\n            },\r\n\r\n            getQuestionDetail(questionId, dataQuestion = []) {\r\n                let self = this;\r\n                self.pagesOfQuestion = []\r\n                // Get question detail\r\n                getQuestionDetail(questionId).then(res => {\r\n                    if(res && res.data && !res.errors) {\r\n                        self.question = res.data;\r\n                        let dataSave = dataQuestion.length === 0 ? [res.data] : [...dataQuestion, res.data];\r\n                        self.saveLocalQuestion(dataSave);\r\n                        self.pagesOfQuestion = res.data.pageNo ? [res.data.pageNo] : []\r\n                    }\r\n                }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            saveLocalQuestion(data) {\r\n                let dataSave = JSON.stringify(data);\r\n                localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, dataSave);\r\n            },\r\n\r\n            setQuestionCurr() {\r\n                let self = this;\r\n                // Set question current\r\n                self.questionList.map((que, index) => {\r\n                    que['current'] = (parseInt(index) === parseInt(self.questionindexActive) -1) ? true : false;\r\n                })\r\n            },\r\n\r\n            setQuestionResult() {\r\n                let self = this;\r\n                let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n                if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n                    questionsLocalStorage.map((ques, index) => {\r\n                        if( ques.statusWorked ) {\r\n                            let resultCheckAnswer = ques.workedFail ? 'error' : 'success';\r\n                            let indexQuestionInList = self.questionList.findIndex(queList => queList.questionId === ques.questionId);\r\n                            if(indexQuestionInList > -1) {\r\n                                self.questionList[indexQuestionInList].answerStatus = resultCheckAnswer;\r\n                                self.logQuestionWorked(resultCheckAnswer);\r\n                            }\r\n                        }\r\n                    }) \r\n                }\r\n            },\r\n\r\n            logQuestionWorked(status) {\r\n                this.question['isTrue'] = status === 'success' ? true : false;\r\n                this.question['isWorked'] = true;\r\n            },\r\n\r\n            openSidebar(type) {\r\n                if(type !=null){\r\n                    let self = this;\r\n                    self.openBookCats = false;\r\n                    if(type === self.keySidebarActive) {\r\n                        self.isOpenSidebar = false;\r\n                        self.keySidebarActive = '';\r\n                    } else {\r\n                        // if( (type === 'media' || type === 'link')) {\r\n                        //     return false;\r\n                        // }\r\n                        self.isOpenSidebar = true;\r\n                        self.keySidebarActive = type;\r\n                    }\r\n\r\n                    if(self.isOpenSidebar) {\r\n                        self.setSpaceSizeForOpenSidebarBox()\r\n                    } else {\r\n                        self.resetPageWhenOfBoxsTransition();\r\n                    }\r\n                }\r\n            },\r\n\r\n            handleToggleBookCats() {\r\n                let self = this;\r\n                self.openBookCats = !self.openBookCats;\r\n                self.isOpenSidebar = false;\r\n                self.keySidebarActive = '';\r\n\r\n                if(self.openBookCats) {\r\n                    self.setSpaceSizeForOpenCatBox()\r\n                } else {\r\n                    self.resetPageWhenOfBoxsTransition();\r\n                }\r\n            },\r\n\r\n            setSpaceSizeForOpenSidebarBox() {\r\n                let self = this;\r\n                let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n                let sidebarBox = document.getElementsByClassName('book-viewer__sidebar')[0];\r\n                let widthSidebarBox = sidebarBox ? sidebarBox.clientWidth : 0;\r\n\r\n                bodyBookBox.style.paddingLeft = 0;\r\n                bodyBookBox.style.paddingRight = `${widthSidebarBox}px`;\r\n            },\r\n\r\n            setSpaceSizeForOpenCatBox() {\r\n                let self = this;\r\n                let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n                let catBox = document.getElementsByClassName('book-viewer__cats')[0];\r\n                let widthCatBox = catBox ? catBox.clientWidth : 0;\r\n\r\n                bodyBookBox.style.paddingLeft = `${widthCatBox}px`;\r\n                bodyBookBox.style.paddingRight = 0;\r\n            },\r\n\r\n            resetPageWhenOfBoxsTransition() {\r\n                let self = this;\r\n                let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n                bodyBookBox.style.paddingLeft = 0;\r\n                bodyBookBox.style.paddingRight = 0;\r\n            },\r\n\r\n            nextQuestion() {\r\n                // Reset val for keyboard\r\n                this.resetValKeyboard()\r\n\r\n                if(parseInt(this.questionindexActive) < parseInt(this.questionList.length)) {\r\n                    this.directQuestion(parseInt(this.questionindexActive) + 1);\r\n                }\r\n            },\r\n\r\n            prevQuestion() {\r\n                // Reset val for keyboard\r\n                this.resetValKeyboard()\r\n                if(parseInt(this.questionindexActive) > 1) {\r\n                    this.directQuestion(parseInt(this.questionindexActive) - 1);\r\n                }\r\n            },\r\n\r\n            handleSetDataActiveBook() {\r\n              this.acSetDataBookActiveWant({...this.practiceActive, name: this.practiceActive.bookName})\r\n              setTimeout(() => {\r\n                this.acToggleModalActiveBook(true)\r\n              }, 200)\r\n            },\r\n\r\n            directQuestion(position) {\r\n                // Reset val for keyboard\r\n                this.resetValKeyboard();\r\n\r\n                let currentQuestion = this.$router.history.current.params.questionId;\r\n                if(parseInt(currentQuestion) !== parseInt(position)) {\r\n                    if(this.questionList[position] && this.questionList[position].pageNo && this.practiceActive && this.authInfo && this.authInfo.email === EMAIL_PUBLIC && this.questionList[position].pageNo > this.practiceActive.limitPracticeX && !this.practiceActive.actived) {\r\n                        this.setToggleLoginForm(true);\r\n                    } else if(this.questionList[position] && this.questionList[position].pageNo && ((this.questionList[position].pageNo > this.practiceActive.limitPracticeX && !this.practiceActive.actived) || (this.practiceActive.limitPracticeY && this.questionList[position].pageNo > this.practiceActive.limitPracticeY) )) {\r\n                        // this.questionList[position].pageNo > this.practiceActive.limitPracticeX && !this.practiceActive.actived && this.$bvModal.show('modal_active_book');\r\n                        this.questionList[position].pageNo > this.practiceActive.limitPracticeX && !this.practiceActive.actived && this.handleSetDataActiveBook();\r\n                        this.practiceActive.limitPracticeY && this.questionList[position].pageNo > this.practiceActive.limitPracticeY && this.setToggleModalActivePage(true);\r\n                    } else {\r\n                        this.question = null;\r\n                        this.arrResultCorrect = [];\r\n                        this.$router.push({name: 'exerciseExam', params: {bookId: this.bookId, subjectId: this.bookIndexId, questionId: position}});\r\n                        if(this.screenWidth < 992) {\r\n                            this.openBookCats = false;\r\n                        }\r\n                    }\r\n                }\r\n            },\r\n\r\n            async checkAnswer () {\r\n                let self = this;\r\n                self.resetValKeyboard();\r\n\r\n                self.setQuestionList4CheckAnswer([{...self.question}])\r\n                self.setQuestionData4CheckAnswer({...self.question})\r\n                \r\n                if(self.question.type === TYPE_GROUP) {\r\n                  self.txtMissingQuestionGroup = '';\r\n                  self.setQuestionData4CheckAnswer({...self.question, isGroup: true, parent: parent.questionId})\r\n                }\r\n\r\n                await self.setActionCheckQuestion(true);\r\n                self.showGuideContent = true;\r\n                \r\n                if(self.question.isTrue) {\r\n                    self.actionPlayQuestionTrue = true;\r\n                    setTimeout(() => {\r\n                        document.getElementById('question_true').play();\r\n                    }, 5)\r\n                } else {\r\n                    self.actionPlayQuestionFalse = true;\r\n                    setTimeout(() => {\r\n                        document.getElementById('question_false').play();\r\n                    }, 5)\r\n                }\r\n                // Active answer correct tab = 1\r\n                // this.tabGuideActive = 1;\r\n                // Update state for question:\r\n                // console.log('Check type question: ', this.question.type, self.question.type);\r\n                // await self.question.type === TYPE_GROUP && this.setQuestionResult();\r\n                // if ( self.question.type === TYPE_GROUP ) {\r\n                //     console.log('Log asadasd ', self.question)\r\n                //     self.setResultForQuestionChild()\r\n                // }\r\n                // await self.question.type === TYPE_GROUP && self.setResultForQuestionChild() \r\n                saveUserWorkQuestion(self.question).then(res => {\r\n                  // if(res && !res.errors) {\r\n                  //     self.$toast.success('Bạn đã hoàn thành câu hỏi ' + self.question.title);\r\n                  // }\r\n                });\r\n                setTimeout(() => {\r\n                    self.actionPlayQuestionTrue = false;\r\n                    self.actionPlayQuestionFalse = false;\r\n                }, 4000)\r\n            },\r\n\r\n            handleAnswerMissing(valErr) {\r\n              if(this.question.type === TYPE_GROUP) {\r\n                this.txtMissingQuestionGroup = valErr;\r\n              }\r\n              setTimeout(() => {\r\n                this.showGuideContent = false;\r\n              }, 5)\r\n            },\r\n\r\n            toggleGuideContent() {\r\n                this.showGuideContent = !this.showGuideContent;\r\n            },\r\n\r\n            getResultQuestion(val) {\r\n                this.arrResultCorrect = val;\r\n            },\r\n\r\n            getQuestionData(val) {\r\n                if(this.questionindexActive > 0 ) {\r\n                    if(this.questionList[this.questionindexActive - 1] && this.questionList[this.questionindexActive - 1]['current']) {\r\n                        this.questionList[this.questionindexActive - 1]['current'] = false;\r\n                    }\r\n                    if(!val) {\r\n                        this.questionList.map(ques => {\r\n                            ques.success && delete ques.success;\r\n                            ques.error && delete ques.error;\r\n                            ques.answerStatus && delete ques.answerStatus;\r\n                        })\r\n                    }\r\n                    this.questionindexActive = 0;\r\n                    this.$router.push({name: 'exerciseExam', params: {bookId: this.bookId, subjectId: this.bookIndexId, questionId: 0}});\r\n                }\r\n                if(!this.questionsSaved) {\r\n                    this.fetchQuestionList();\r\n                }\r\n            },\r\n\r\n            fetchQuestionList() {\r\n                let self = this;\r\n                self.setLoading(true);\r\n                getQuestionsByCat(self.bookId, self.bookIndexId).then(res => {\r\n                    if(res && res.data && !res.errors) {\r\n                        self.questionsSaved = res.data;\r\n                        res.data.length > 0 && localStorage.setItem( LOCAL_QUESTIONS_DATA, JSON.stringify(res.data) );\r\n                        if (res.data && res.data.length === 0) {\r\n                          this.handleNextPrevCat === 'next' && this.nextCatBook()\r\n                          this.handleNextPrevCat === 'prev' && this.prevCatBook()\r\n                        }\r\n                    }\r\n                }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            async resetAnswers() {\r\n                let self = this;\r\n                await localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n                resetUserWorkQuestion(self.bookIndexId).then(res => {\r\n                    if(res && !res.errors) {\r\n                        Promise.all([self.getQuestionList(), self.getQuestionData()]);\r\n                        // self.$toast.success('Thực hiện làm lại bài tập thành công!')\r\n                    }\r\n                })\r\n            },\r\n\r\n            async directExerciseCat(val) {\r\n                await localStorage.setItem(LOCAL_SAVE_CAT, JSON.stringify(val));\r\n                this.$router.push({name: 'exerciseDetail', params: {id: this.bookId }});\r\n            },\r\n\r\n            handleActiveBookSuccess(val) {\r\n                this.practiceActive.limitPage = 1000;\r\n                this.practiceActive.actived = true;\r\n                // this.$bvModal.hide('modal_active_book');\r\n            },\r\n\r\n            handleCheckAnswerResult() {\r\n                if(this.question.type === TYPE_GROUP) {\r\n                  this.txtMissingQuestionGroup = '';\r\n                }\r\n                (this.question.type !== this.typeDrawShape && this.question.type !== this.typeDownAnswer) && this.checkAnswer();\r\n            },\r\n\r\n            prevCatBook() {\r\n                this.resetValKeyboard();\r\n                this.handleNextPrevCat = 'prev'\r\n\r\n                if(this.indexBookCatCurr > 0) {\r\n                    localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n                    this.$router.push({\r\n                        name: 'exerciseExam',\r\n                        params: {\r\n                            bookId: this.bookId,\r\n                            subjectId: this.bookIndexOfBook[this.indexBookCatCurr - 1].bookIndexId,\r\n                            questionId: 0\r\n                        }\r\n                    });\r\n                }\r\n            },\r\n\r\n            nextCatBook() {\r\n                this.resetValKeyboard();\r\n                this.handleNextPrevCat = 'next'\r\n\r\n                if(this.indexBookCatCurr < this.bookCatLength - 1) {\r\n                    let catActiveWant = this.bookIndexOfBook[this.indexBookCatCurr + 1];\r\n                    if(catActiveWant && catActiveWant.pageNo && this.practiceActive && this.authInfo && this.authInfo.email === EMAIL_PUBLIC && catActiveWant.pageNo > this.practiceActive.limitPracticeX && !this.practiceActive.actived) {\r\n                        this.setToggleLoginForm(true);\r\n                    } else if ( catActiveWant && catActiveWant.pageNo && this.practiceActive && ( catActiveWant.pageNo > this.practiceActive.limitPracticeX && !this.practiceActive.actived) || (this.practiceActive.limitPracticeY && catActiveWant.pageNo > this.practiceActive.limitPracticeY && this.practiceActive.actived) ) {\r\n                        this.pageCurr = catActiveWant.pageNo;\r\n                        \r\n                        // catActiveWant.pageNo > this.practiceActive.limitPracticeX && !this.practiceActive.actived && this.$bvModal.show('modal_active_book');\r\n                        catActiveWant.pageNo > this.practiceActive.limitPracticeX && !this.practiceActive.actived && this.handleSetDataActiveBook();\r\n                        this.practiceActive.limitPracticeY && catActiveWant.pageNo > this.practiceActive.limitPracticeY && this.practiceActive.actived && this.setToggleModalActivePage(true);\r\n                    } else {\r\n                        localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n                        this.$router.push({\r\n                            name: 'exerciseExam',\r\n                            params: {\r\n                                bookId: this.bookId,\r\n                                subjectId: catActiveWant.bookIndexId,\r\n                                questionId: 0\r\n                            }\r\n                        });\r\n                    }\r\n                }\r\n            },\r\n\r\n            resetValKeyboard() {\r\n                this.valVituralKeyboard && this.setVituralKeyVal({});\r\n            },\r\n            \r\n            handleOffModal() {\r\n              this.setDocPreviewSlider({});\r\n              this.setToggleModalDocSlider(false);\r\n            },\r\n\r\n            viewMoreMedia (val) {\r\n              this.mediaRelate = val\r\n            }\r\n        },\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    @import \"./../../../assets/scss/_mixins\";\r\n    @import \"./../../../assets/scss/_variables\";\r\n    @import \"./../../../assets/scss/_general\";\r\n    .version {\r\n        margin-right: 15px;\r\n    }\r\n    .icon-help {\r\n        position: absolute;\r\n        right: 15px;\r\n    }\r\n    .btn-error {\r\n        border: 0;\r\n        background: none;\r\n        outline: 0;\r\n    }\r\n    .sidebar-link__body{\r\n        padding: 0 35px;\r\n        .search-form{\r\n            .css-ipt{\r\n                border: 0;\r\n                outline: 0;\r\n                height: 30px;\r\n                border-radius: 20px;\r\n                width: 100%;\r\n            }\r\n            i{\r\n                position: absolute;\r\n                right: 8px;\r\n                top: 4px;\r\n                font-size: 20px;\r\n            }\r\n        }\r\n    }\r\n\r\n    #main_app {\r\n        height: auto;\r\n    }\r\n\r\n    .comment-img {\r\n      max-width: 150px;\r\n      margin: 8px 10px;\r\n      max-width: 165px;\r\n      margin: 10px;\r\n      position: relative;\r\n      background: #e1efff;\r\n    }\r\n    .private-fa-times {\r\n      position: absolute;\r\n      top: 3px !important;\r\n      cursor: pointer;\r\n      right: 2px !important;\r\n    }\r\n    .textarea-modal {\r\n      width: 100%;\r\n      border: none;\r\n    }\r\n    .join-cls {\r\n      background: #124abe;\r\n      width: 110px;\r\n      border-radius: 20px;\r\n      height: 30px;\r\n      line-height: 15px;\r\n    }\r\n    .close-cls {\r\n      background: none;\r\n      border: 0;\r\n      color: #124abe;\r\n      border-radius: 20px;\r\n    }\r\n    #upload-photo {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      opacity: 0;\r\n    }\r\n\r\n    .answer-2{\r\n        p{\r\n            width:160px;\r\n        }\r\n    }\r\n    .questions-child {\r\n        &__item {\r\n            &:first-child {\r\n                margin-top: 30px;\r\n            }\r\n\r\n            &:not(:last-child) {\r\n                margin-bottom: 30px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .overlay-question {\r\n\r\n    }\r\n\r\n    .exercise-detail {\r\n        &__breadcrumb {\r\n            padding-left: 15px;\r\n            padding-right: 80px;\r\n\r\n            @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                padding-right: 55px;\r\n            }\r\n\r\n            @media screen and ( max-width: 575px ) {\r\n                padding-right: 40px;\r\n            }\r\n\r\n            ul li {\r\n\r\n                @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                    width: 15%;\r\n                }\r\n                \r\n                @media screen and ( max-width: 575px ) {\r\n                    width: 25%;\r\n                }\r\n\r\n                a, span, &:before {\r\n                    @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n                        font-size: 14px;\r\n                    }\r\n                    @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                        font-size: 12px;\r\n                    }\r\n                    @media screen and ( max-width: 575px ) {\r\n                        font-size: 11px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &__sidebar {\r\n          position: fixed;\r\n          top: 50px;\r\n          z-index: 2;\r\n        }\r\n\r\n        &__questions {\r\n          max-width: 80%;\r\n          margin: 0 auto;\r\n          padding: 30px 15px;\r\n        }\r\n\r\n        &__direct {\r\n            >* {\r\n                &:not(:first-child) {\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n\r\n            // i {\r\n            //     @extend .position-rel;\r\n            //     top: 3px;\r\n            // }\r\n        }\r\n\r\n        &__action {\r\n            >a {\r\n                width: 140px;\r\n                line-height: 1.1;\r\n                letter-spacing: 0.03em;\r\n                margin-left: 20px;\r\n            }\r\n        }\r\n\r\n        &__back {\r\n            margin-bottom: 20px;\r\n            @extend .display-inline-block;\r\n        }\r\n\r\n        &__cats {\r\n            &__title {\r\n                @extend .border-0;\r\n                @extend .margin-0;\r\n\r\n                i {\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n\r\n            &__list {\r\n                a {\r\n                    width: 65px;\r\n                    height: 35px;\r\n                    line-height: 35px;\r\n                    @extend .display-inline-block;\r\n                    @extend .text-center;\r\n                    margin-bottom: 18px;\r\n                    @extend .font-size-15;\r\n                    @extend .font-sanpro-semibold;\r\n                    @extend .secondary-color-txt;\r\n                    border: 1px solid transparent;\r\n                    border-radius: 4px;\r\n\r\n                    &.item {\r\n\r\n                        &:not(:nth-child(4n)) {\r\n                            margin-right: 10px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover, &.curr {\r\n                        border-color: $primary_color;\r\n                    }\r\n\r\n                    &:hover, &.curr, &.success, &.error {\r\n                      @extend .primary-color;\r\n                    }\r\n\r\n                    &.success {\r\n                        @extend .secondary-bg-color;\r\n                        border-color: $secondary_color;\r\n                    }\r\n\r\n                    &.error {\r\n                        @extend .four-bg-color;\r\n                        border-color: $four_color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &__breadcrumb {\r\n              margin-bottom: 30px;\r\n              ul {\r\n                li {\r\n                  @extend .display-flex;\r\n                  @extend .full-width;\r\n                  margin-bottom: 10px;\r\n                  \r\n                  a {\r\n                    @extend .secondary-color-txt;\r\n                    @extend .font-size-16;\r\n                  }\r\n\r\n                  .btn-reset {\r\n                    width: 26px;\r\n                    height: 26px;\r\n                    @extend .display-flex-center;\r\n                    @extend .justify-content-center;\r\n                    @extend .border-rd-50;\r\n                    margin-left: 20px;\r\n                    @extend .btn-2;\r\n                    cursor: pointer;\r\n                  }\r\n\r\n                  &.active {\r\n\r\n                    a {\r\n                      @extend .primary-color;\r\n                      @extend .font-sanpro-semibold;\r\n                    }\r\n                  }\r\n\r\n                  &:last-child {\r\n                    a {\r\n                      padding-top: 3px;\r\n                      max-width: calc(100% - 45px);\r\n                      @extend .word-excerpt;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n        }\r\n\r\n        &__feedback {\r\n            margin-bottom: 38px;\r\n        }\r\n\r\n        &__list {\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        &__guide {\r\n            h2 {\r\n                margin-bottom: 13px;\r\n            }\r\n\r\n            p {\r\n                @extend .primary-color-txt;\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 576px ) and ( max-width: 1199px ) {\r\n            &__cats {\r\n                width: 365px;\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n            &__cats {\r\n                padding: 25px 0;\r\n            }\r\n        }\r\n\r\n        @media screen and ( max-width: 991px ) {\r\n            &__body {\r\n                padding: 0!important;\r\n            }\r\n            &__sidebar {\r\n                &__icons {\r\n                    background: transparent;\r\n                }\r\n\r\n                &.active {\r\n                    webkit-transform: translate(0, 0px);\r\n                    transform: translate(0, 0px);                    \r\n                }\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n            &__questions {\r\n              max-width: 85%;\r\n            }\r\n            &__cats {\r\n                // padding: 25px 15px;\r\n                padding: 25px 0;\r\n            }\r\n            &__sidebar {\r\n                webkit-transform: translate(75vw, 0px);\r\n                transform: translate(75vw, 0px);\r\n            }\r\n        }\r\n        @media screen and ( min-width: 768px ) and ( max-width: 991px ) {\r\n        }\r\n\r\n        @media screen and ( max-width: 991px ) {\r\n            &__questions {\r\n                padding: 25px 15px;\r\n            }\r\n            &__feedback {\r\n                margin-bottom: 25px;\r\n            }\r\n        }\r\n\r\n        @media screen and ( max-width: 575px ) {\r\n            &__questions {\r\n              max-width: 95%;\r\n            }\r\n            &__cats {\r\n                width: 300px;\r\n                // padding: 20px 10px;\r\n                padding: 20px 0;\r\n                -webkit-transform: translate(-300px, 0px);\r\n                transform: translate(-300px, 0px);\r\n\r\n                &__list {\r\n                    a {\r\n                        width: 55px;\r\n                        height: 30px;\r\n                        line-height: 30px;\r\n                        margin-bottom: 15px;\r\n\r\n                        &:not(:nth-child(4n+4)) {\r\n                            margin-right: 15px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            &__guide {\r\n                h2 {\r\n                    font-size: 20px;\r\n                }\r\n\r\n                &__content {\r\n                    font-size: 15px;\r\n                }\r\n            }\r\n\r\n            &__action >a {\r\n                width: 105px;\r\n            }\r\n\r\n            &__direct > *:not(:first-child), &__action >a {\r\n                margin-left: 15px;\r\n            }\r\n\r\n            &__sidebar {\r\n                webkit-transform: translate(80vw, 0px);\r\n                transform: translate(80vw, 0px);\r\n            }\r\n        }\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!./ExerciseExam.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!./ExerciseExam.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseExam.vue?vue&type=template&id=ecb7fc90&scoped=true&\"\nimport script from \"./ExerciseExam.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseExam.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseExam.vue?vue&type=style&index=0&id=ecb7fc90&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  \"ecb7fc90\",\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:\"exercise exercise-book\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/exercise\"}},[_vm._v(\"Sách điện tử\")])],1),_c('li',[_vm._v(\"Luyện tập theo sách\")])])])]),_vm._m(0),_c('div',{staticClass:\"ss-data\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"list__box list__box--book\"},[_c('div',{staticClass:\"list__box__body p-0\"},[_c('div',{staticClass:\"exercise__book position-rel\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.books),function(item,index){return _c('div',{staticClass:\"item col-lg-3 col-sm-6 col-md-4\"},[_c('div',{staticClass:\"item__wrap position-rel text-center\"},[_c('div',{staticClass:\"item__head\"},[_c('router-link',{attrs:{\"to\":{name: 'exerciseDetail', params: {slug: item.slug, id: item.bookId}}}},[_c('img',{attrs:{\"src\":item.imageUrl ? (\"\" + _vm.cdnUrl + (item.imageUrl)) : _vm.img404,\"alt\":item.name}})])],1),_c('div',{staticClass:\"item__body\"},[_c('h3',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt\"},[_c('router-link',{staticClass:\"primary-color-txt\",attrs:{\"to\":{name: 'exerciseDetail', params: {slug: item.slug, id: item.bookId}}}},[_vm._v(\"\\n\\t\\t    \\t\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(item.name)+\"\\n\\t\\t    \\t\\t\\t\\t\\t\\t\\t\\t\")])],1),_c('p',{staticClass:\"margin-0 secondary-color-txt font-size-14\"},[_vm._v(\"Tái bản: \"+_vm._s(item.editionYear))])])])])}),0)])])])])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"ss-banner ss-banner--exercise ss-banner--not-img\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"ss-banner__classes\"},[_c('span',{staticClass:\"ss-banner__classes__name\"},[_vm._v(\"Lớp\")]),_c('ul',{staticClass:\"ss-banner__classes__list p-0 margin-0\"},[_c('li',[_c('a',{staticClass:\"active\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"01\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"02\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"03\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"04\")])]),_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"05\")])])])])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"exercise exercise-book\">\r\n\t\t<div class=\"ss-breadcrumb\">\r\n\t\t\t<div class=\"container-hts\">\r\n\t\t\t\t<ul class=\"margin-0 p-0\">\r\n\t\t\t\t\t<li><router-link to=\"/exercise\">Sách điện tử</router-link></li>\r\n\t\t\t\t\t<li>Luyện tập theo sách</li>\r\n\t\t\t\t</ul>\r\n\t\t\t</div>\r\n\t    </div>\r\n\t    <div class=\"ss-banner ss-banner--exercise ss-banner--not-img\">\r\n\t    \t<div class=\"container-hts\">\r\n\t    \t\t<div class=\"ss-banner__classes\">\r\n\t\t\t\t\t<span class=\"ss-banner__classes__name\">Lớp</span>\r\n\t\t\t\t\t<ul class=\"ss-banner__classes__list p-0 margin-0\">\r\n\t\t\t\t\t\t<li><a href=\"javascript:;\" class=\"active\">01</a></li>\r\n\t\t\t\t\t\t<li><a href=\"javascript:;\">02</a></li>\r\n\t\t\t\t\t\t<li><a href=\"javascript:;\">03</a></li>\r\n\t\t\t\t\t\t<li><a href=\"javascript:;\">04</a></li>\r\n\t\t\t\t\t\t<li><a href=\"javascript:;\">05</a></li>\r\n\t\t\t\t\t</ul>\r\n\t    \t\t</div>\r\n\t    \t</div>\r\n\t    </div>\r\n\t    <div class=\"ss-data\">\r\n\t    \t<div class=\"container-hts\">\r\n\t\t    \t<div class=\"list__box list__box--book\">\r\n\t\t    \t\t<div class=\"list__box__body p-0\">\r\n\t\t    \t\t\t<div class=\"exercise__book position-rel\">\r\n\t\t    \t\t\t\t<div class=\"row\">\r\n\t\t\t    \t\t\t\t<div class=\"item col-lg-3 col-sm-6 col-md-4\" v-for=\"(item, index) of books\">\r\n\t\t\t    \t\t\t\t\t<div class=\"item__wrap position-rel text-center\">\r\n\t\t\t    \t\t\t\t\t\t<div class=\"item__head\">\r\n\t\t\t    \t\t\t\t\t\t\t<router-link :to=\"{name: 'exerciseDetail', params: {slug: item.slug, id: item.bookId}}\">\r\n\t\t\t    \t\t\t\t\t\t\t\t<img :src=\"item.imageUrl ? `${cdnUrl}${item.imageUrl}` : img404\" :alt=\"item.name\">\r\n\t\t\t    \t\t\t\t\t\t\t</router-link>\r\n\t\t\t    \t\t\t\t\t\t</div>\r\n\t\t\t    \t\t\t\t\t\t<div class=\"item__body\">\r\n\t\t\t    \t\t\t\t\t\t\t<h3 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt\">\r\n\t\t\t    \t\t\t\t\t\t\t\t<router-link :to=\"{name: 'exerciseDetail', params: {slug: item.slug, id: item.bookId}}\" class=\"primary-color-txt\">\r\n\t\t\t    \t\t\t\t\t\t\t\t\t{{ item.name }}\r\n\t\t\t    \t\t\t\t\t\t\t\t</router-link>\r\n\t\t\t    \t\t\t\t\t\t\t</h3>\r\n\t\t\t    \t\t\t\t\t\t\t<p class=\"margin-0 secondary-color-txt font-size-14\">Tái bản: {{ item.editionYear }}</p>\r\n\t\t\t    \t\t\t\t\t\t</div>\r\n\t\t\t    \t\t\t\t\t</div>\r\n\t\t\t\t    \t\t\t</div>\r\n\t\t    \t\t\t\t</div>\r\n\t\t    \t\t\t</div>\r\n\t\t    \t\t</div>\r\n\t\t    \t</div>\r\n\t\t    </div>\r\n\t    </div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n  \timport 'swiper/dist/css/swiper.css';\r\n  \timport { APP_CONFIG } from '@/utils/constants';\r\n  \tconst img404 = require('@/assets/images/img_404.jpg');\r\n\r\n\texport default {\r\n\t\tname: 'ExerciseEbook',\r\n\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t    \timg404,\r\n\t\t    \tcdnUrl: APP_CONFIG.cdnurl,\r\n\t\t    \tbooks: [\r\n\t\t    \t\t{bookId: 1, name: 'Bài tập môn toán 1', imageUrl: '', editionYear: 2020, slug: 'bai-tap-mon-toan-1'},\r\n\t\t    \t\t{bookId: 2, name: 'Bài tập môn toán 2', imageUrl: '', editionYear: 2020, slug: 'bai-tap-mon-toan-2'},\r\n\t\t    \t\t{bookId: 3, name: 'Bài tập môn toán 3', imageUrl: '', editionYear: 2020, slug: 'bai-tap-mon-toan-3'},\r\n\t\t    \t\t{bookId: 4, name: 'Bài tập môn toán 4', imageUrl: '', editionYear: 2020, slug: 'bai-tap-mon-toan-4'},\r\n\t\t    \t\t{bookId: 5, name: 'Bài tập môn toán 4', imageUrl: '', editionYear: 2020, slug: 'bai-tap-mon-toan-5'},\r\n\t\t    \t]\r\n\t\t    };\r\n\t\t},\r\n\t};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t.exercise-book {\r\n\t\t// .ss-banner {\r\n\t\t// \tpadding: 50px 0\r\n\t\t// }\r\n\t\t.ss-data {\r\n\t\t\tpadding: 25px 0 0;\r\n\r\n\t\t\t.item {\r\n\t\t\t\tmargin-bottom: 30px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\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!./ExerciseEbook.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!./ExerciseEbook.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseEbook.vue?vue&type=template&id=0ad27f70&scoped=true&\"\nimport script from \"./ExerciseEbook.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseEbook.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseEbook.vue?vue&type=style&index=0&id=0ad27f70&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  \"0ad27f70\",\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:\"exercise\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/luyen-tap\"}},[_vm._v(\"Luyện tập\")])],1),(_vm.bookLocalSave)?_c('li',[_c('router-link',{attrs:{\"to\":{name:'exercise',query: {classes: _vm.bookLocalSave.classId}}}},[_vm._v(_vm._s(_vm.bookLocalSave.className))])],1):_vm._e(),(_vm.bookLocalSave)?_c('li',[_vm._v(_vm._s(_vm.bookLocalSave.subject.name))]):_vm._e()])])]),_c('div',{staticClass:\"exercise-subject\"},[_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"exercise-subject__wrap display-flex justify-content-between\"},[_c('div',{staticClass:\"exercise-subject__sidebar\"},[_c('ul',{staticClass:\"margin-0 p-0\"},_vm._l((_vm.practiceType),function(item,index){return _c('li',{key:index,class:{ active: _vm.practiceActive && item.practiceTypeId === _vm.practiceActive.practiceTypeId },on:{\"click\":function($event){return _vm.getBookOrPracticeList(item)}}},[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(_vm._s(item.name))])])}),0)]),(_vm.isIndexList)?_c('ExerciseSubjectNumber'):_vm._e(),(!_vm.isIndexList)?_c('ExerciseSubjectLife'):_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',{staticClass:\"exercise-other\"},[(_vm.dataSource && _vm.dataSource.length > 0)?_c('div',{staticClass:\"exercise-subject__list\"},_vm._l((_vm.dataSource),function(item,index){return _c('div',{key:index,staticClass:\"item border-rd-4\"},[_c('div',{staticClass:\"item__head\"},[_c('h2',{staticClass:\"font-size-16 primary-color-txt font-sanpro-semibold margin-0\",on:{\"click\":function($event){return _vm.goToExerciseDetail(item, _vm.type)}}},[_vm._v(_vm._s(item.title))])]),(item.listChapterChild && item.listChapterChild.length>0)?_c('div',{staticClass:\"item__body\"},[_c('ul',{staticClass:\"margin-0 p-0 display-flex-wrap\"},_vm._l((item.listChapterChild),function(child,index1){return _c('li',{key:index1},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.goToExerciseDetail(child, _vm.type)}}},[_vm._v(\"\\n\\t\\t            \\t\\t\"+_vm._s(child.title)+\"\\n\\t\\t            \\t\")])])}),0)]):_vm._e()])}),0):_c('p',{staticClass:\"m-3 secondary-color-txt text-center font-size-20\"},[_vm._v(\"\\n\\t\\tĐang cập nhật dữ liệu lên hệ thống\\n\\t\")])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"exercise-other\">\r\n\t\t<div class=\"exercise-subject__list\" v-if=\"dataSource && dataSource.length > 0\">\r\n\t\t    <div class=\"item border-rd-4\" v-for=\"(item, index) of dataSource\" :key=\"index\">\r\n\t\t        <div class=\"item__head\">\r\n\t\t          \t<h2 class=\"font-size-16 primary-color-txt font-sanpro-semibold margin-0\" @click=\"goToExerciseDetail(item, type)\">{{item.title}}</h2>\r\n\t\t        </div>\r\n\t\t        <div class=\"item__body\" v-if=\"item.listChapterChild && item.listChapterChild.length>0\">\r\n\t\t          \t<ul class=\"margin-0 p-0 display-flex-wrap\">\r\n\t\t            \t<li v-for=\"(child, index1) of item.listChapterChild\" :key=\"index1\">\r\n\t\t\t            \t<a href=\"javascript:;\" @click=\"goToExerciseDetail(child, type)\">\r\n\t\t\t            \t\t{{ child.title }}\r\n\t\t\t            \t</a>\r\n\t\t            \t</li>\r\n\t\t          \t</ul>\r\n\t\t        </div>\r\n\t\t    </div>\r\n\t\t</div>\r\n\t\t<p v-else class=\"m-3 secondary-color-txt text-center font-size-20\">\r\n\t\t\tĐang cập nhật dữ liệu lên hệ thống\r\n\t\t</p>\r\n\t</div>\r\n</template>\r\n<script>\r\n\timport { mapActions, mapGetters } from \"vuex\"\r\n\timport { STORE_KEY, TYPE_EXERCISE_OTHER, TYPE_EXERCISE_THEMATIC } from \"../../_store/constants\"\r\n\timport { APP_CONFIG } from \"@/utils/constants\"\r\n\r\n\texport default {\r\n\t\tname: 'ExerciseSubject',\r\n\t\tprops: {\r\n\t\t\tdataSource: Array,\r\n      type: Number\r\n\t\t},\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tclassId: this.$route.params.classId,\r\n\t\t\t\tsubjectId: this.$route.params.subjectId,\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({\r\n\t\t\t\tgetExerciseDetailNumber: STORE_KEY + '/getExerciseDetailNumber',\r\n\t\t\t\tpracticeActive: STORE_KEY + \"/practiceActive\"\r\n\t\t\t}),\r\n\t\t},\r\n\r\n\t\tmethods:{\r\n\r\n\t\t\tgoToExerciseDetail(val, type) {\r\n        let nameForRouter = type === TYPE_EXERCISE_THEMATIC ? 'exerciseThematicDetail' : 'exerciseOtherDetail'\r\n        let queryParams = type === TYPE_EXERCISE_THEMATIC ? {cauhoi: 0} : {cauhoi: 1}\r\n        this.$router.push({name: nameForRouter, params: {classId: val.classId, subjectId: val.subjectId, typeId: parseInt(this.$route.query.tab),id: val.chapterId }, query: queryParams})\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\t@import '~@/assets/scss/mixins';\r\n\t@import '~@/assets/scss/variables';\r\n\t@import '~@/assets/scss/general';\r\n\r\n\t.exercise-subject {\r\n\t\tpadding: 50px 0;\r\n\r\n\t\tul {\r\n\t\t\tli {\r\n\t\t\t\t@extend .list-style-none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__sidebar {\r\n\t\t\twidth: 27%;\r\n\t\t\tmargin-right: 6%;\r\n\r\n\t\t\tul {\r\n\t\t\t\tli {\r\n\t\t\t\t\tmin-height: 36px;\r\n\t\t\t\t\tpadding: 7px 18px;\r\n\t\t\t\t\t@extend .border-rd-8;\r\n\t\t\t\t\tmargin-bottom: 2px;\r\n\t\t\t\t\tline-height: 1.2;\r\n\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\t@extend .secondary-color-txt;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t&.active, &:hover {\r\n\t\t\t\t\t\tbackground: $btn_hover_color;\r\n\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t@extend .primary-color;\r\n\t\t\t\t\t\t\t@extend .font-sanpro-semibold;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__list {\r\n\t\t\t// width: 67%;\r\n\r\n\t\t\t.item {\r\n\t\t\t\tpadding: 15px 24px 5px;\r\n\t\t\t\tbackground: $color_bg_gray_light;\r\n\r\n\t\t\t\t&__head {\r\n\t\t\t\t\t// border-bottom: 1px solid $secondary_text_color;\r\n\t\t\t\t\tpadding-bottom: 10px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&__body {\r\n\t\t\t\t\tpadding: 10px 0;\r\n\r\n\t\t\t\t\tul {\r\n\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\twidth: 48%;\r\n\t\t\t\t\t\t\tdisplay: inline-block;\r\n\t\t\t\t\t\t\tmargin-bottom: 10px;\r\n\r\n\t\t\t\t\t\t\t&:nth-child(odd) {\r\n\t\t\t\t\t\t\t\tmargin-right: 4%;\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\ta {\r\n\t\t\t\t\t\t\t\t@extend .primary-color-txt;\r\n                @extend .font-sanpro-light;\r\n\r\n                &:hover {\r\n                  @extend .primary-color;\r\n                }\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\tmargin-bottom: 20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media screen and ( max-width: 991px ) {\r\n\t\t\t&__list {\r\n\t\t\t\t.item {\r\n\t\t\t\t\t&__body {\r\n\t\t\t\t\t\tul {\r\n\t\t\t\t\t\t\tli {\r\n\t\t\t\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\t\t\t\t&:nth-child(odd) {\r\n\t\t\t\t\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media screen and ( max-width: 767px ) {\r\n\t\t\t&__wrap {\r\n\t\t\t\tdisplay: block;\r\n\t\t\t}\r\n\r\n\t\t\t&__sidebar, &__list {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\r\n\t\t\t&__sidebar {\r\n\t\t\t\tmargin: 0 0 20px 0;\r\n\t\t\t}\r\n\t\t}\r\n\t}\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!./ExerciseSubjectNumber.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!./ExerciseSubjectNumber.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseSubjectNumber.vue?vue&type=template&id=8834cdc2&scoped=true&\"\nimport script from \"./ExerciseSubjectNumber.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseSubjectNumber.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseSubjectNumber.vue?vue&type=style&index=0&id=8834cdc2&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  \"8834cdc2\",\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:\"ss-data list__box__body list__box__body--grid exercise-subject__list\"},[_c('div',{staticClass:\"box_content\"},[(_vm.dataSource.length > 0)?_c('div',{staticClass:\"row\"},_vm._l((_vm.dataSource),function(item,index){return _c('div',{key:index,staticClass:\"col-md-4 col-sm-6 item\"},[_c('div',{staticClass:\"item__wrap position-rel text-center\"},[_c('div',{staticClass:\"item__head text-center\"},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.goToExerciseDetail(item)}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.imageUrl != null && item.imageUrl != '' ? _vm.handleResizeImg(item.imageUrl) : _vm.thumbUrl('_ketnoitrithuc.png') ),expression:\"item.imageUrl != null && item.imageUrl != '' ? handleResizeImg(item.imageUrl) : thumbUrl('_ketnoitrithuc.png') \"}],attrs:{\"alt\":item.name}})])]),_c('div',{staticClass:\"item__body\"},[_c('h3',{staticClass:\"item__name font-size-18 font-sanpro-semibold primary-color-txt\"},[_c('a',{staticClass:\"primary-color-txt\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.goToExerciseDetail(item)}}},[_vm._v(\"\\n\\t\\t\\t\\t\\t\\t\\t\\t\"+_vm._s(item.name)+\"\\n\\t\\t\\t\\t\\t\\t\\t\")])]),_c('p',{staticClass:\"margin-0 secondary-color-txt font-size-14\"},[_vm._v(\"Năm xuất bản: \"+_vm._s(item.manufactureYear))])])])])}),0):_c('p',{staticClass:\"m-3 secondary-color-txt text-center font-size-20\"},[_vm._v(\"\\n\\t\\t\\tĐang cập nhật Sách lên hệ thống\\n\\t\\t\")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"ss-data list__box__body list__box__body--grid exercise-subject__list\">\r\n\t\t<div class=\"box_content\">\r\n\t\t\t<div class=\"row\" v-if=\"dataSource.length > 0\">\r\n\t\t\t\t<div class=\"col-md-4 col-sm-6 item\"  v-for=\"(item,index) of dataSource\" :key=\"index\">\r\n\t\t\t\t\t<div class=\"item__wrap position-rel text-center\">\r\n\t\t\t\t\t\t<div class=\"item__head text-center\">\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t<a href=\"javascript:;\" @click=\"goToExerciseDetail(item)\">\r\n\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\tv-lazy=\"item.imageUrl != null && item.imageUrl != '' ? handleResizeImg(item.imageUrl) : thumbUrl('_ketnoitrithuc.png') \"\r\n\t\t\t\t\t\t\t\t:alt=\"item.name\"\r\n\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t<div class=\"item__body\">\r\n\t\t\t\t\t\t\t<h3 class=\"item__name font-size-18 font-sanpro-semibold primary-color-txt\">\r\n\t\t\t\t\t\t\t\t<a href=\"javascript:;\" class=\"primary-color-txt\" @click=\"goToExerciseDetail(item)\">\r\n\t\t\t\t\t\t\t\t\t{{item.name}}\r\n\t\t\t\t\t\t\t\t</a>\r\n\t\t\t\t\t\t\t</h3>\r\n\t\t\t\t\t\t\t<p class=\"margin-0 secondary-color-txt font-size-14\">Năm xuất bản: {{ item.manufactureYear }}</p>\r\n\t\t\t\t\t\t</div>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t\t<p v-else class=\"m-3 secondary-color-txt text-center font-size-20\">\r\n\t\t\t\tĐang cập nhật Sách lên hệ thống\r\n\t\t\t</p>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n<script>\r\n\timport { mapActions, mapGetters } from \"vuex\";\r\n\timport { STORE_KEY } from \"../../_store/constants\";\r\n\timport { APP_CONFIG } from \"@/utils/constants\";\r\n\timport { LOCAL_SAVE_PRACTICE_LIST, LOCAL_SAVE_EXERCISE_CLASS } from \"../../_store/constants\";\r\n\t// import {LOCAL_SAVE_EXERCISE_DETAIL_ROUTE} from \"../../_store/constants\";\r\n  \timport Pagination from \"@/components/Pagination.vue\";\r\n  \timport { replaceImageResize } from '@/helpers/functions'\r\n  // import { APP_CONFIG } from \"@/utils/constants\";\r\n\r\n\texport default {\r\n\t\tname: 'ExerciseSubject',\r\n\t\tcomponents: {\r\n\t\t\tPagination,\r\n\t\t},\r\n\t\tprops: {\r\n\t\t\tdataSource: Array\r\n\t\t},\r\n\t\tdata () {\r\n\t\t\treturn {\r\n        // classId : $route\r\n    \t\tappUrl: APP_CONFIG.appUrl,\r\n   \t\t\tcdnUrl: APP_CONFIG.cdnUrl,\r\n\t\t\t\tclassId: this.$route.params.classId,\r\n\t\t\t\tsubjectId: this.$route.params.subjectId,\r\n\t\t\t}\r\n\t\t},\r\n\t\tcomputed: {\r\n\t\t\t...mapGetters({\r\n\t\t\t\texerciseClassCurr: STORE_KEY + \"/exerciseClassCurr\",\r\n\t\t\t})\r\n\t\t},\r\n\r\n\tmethods:{\r\n\r\n\t\tgoToExerciseDetail(item) {\r\n\t\t\tlet dataLocalSave = {...item, ...this.exerciseClassCurr, bookName: item.name};\r\n\t\t\tlocalStorage.setItem(LOCAL_SAVE_EXERCISE_CLASS, JSON.stringify(dataLocalSave));\r\n\t\t\t// localStorage.setItem(LOCAL_SAVE_EXERCISE_DETAIL, item.name);\r\n\t\t\t// localStorage.setItem(LOCAL_SAVE_EXERCISE_DETAIL_ROUTE,JSON.stringify({classId:this.classId,subjectId:this.subjectId}) );\r\n\t\t\t// localStorage.setItem(LOCAL_SAVE_ID, this.classActive);\r\n\t\t\tif (item.lastBookIndexId && item.lastBookIndexId > 0) {\r\n\t\t\t\tthis.$router.push({name: \"exerciseDetail\", params:{id: item.bookId}, query: {danhmuc: item.lastBookIndexId}});\r\n\t\t\t} else {\r\n\t\t\t\tthis.$router.push({name: \"exerciseDetail\", params:{id: item.bookId}});\r\n\t\t\t}\r\n\t\t},\r\n\t\tthumbUrl(filename) {\r\n\t\t\treturn require(`@/assets/img/${filename}`);\r\n\t\t},\r\n\r\n\t\thandleResizeImg (link) {\r\n\t        return replaceImageResize(link, {width: 285, height: 404})\r\n\t    }\r\n\t}\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n\t// .item {\r\n\t// \tmargin-bottom: 20px;\r\n\t// }\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!./ExerciseSubjectLife.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!./ExerciseSubjectLife.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseSubjectLife.vue?vue&type=template&id=04d8d232&scoped=true&\"\nimport script from \"./ExerciseSubjectLife.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseSubjectLife.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseSubjectLife.vue?vue&type=style&index=0&id=04d8d232&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  \"04d8d232\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"exercise\">\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=\"/luyen-tap\">Luyện tập</router-link></li>\r\n          <li v-if=\"bookLocalSave\">\r\n            <router-link :to=\"{name:'exercise',query: {classes: bookLocalSave.classId}}\">{{ bookLocalSave.className }}</router-link>\r\n          </li>\r\n          <li v-if=\"bookLocalSave\">{{bookLocalSave.subject.name}}</li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"exercise-subject\">\r\n      <div class=\"container-hts\">\r\n        <div class=\"exercise-subject__wrap display-flex justify-content-between\">\r\n          <div class=\"exercise-subject__sidebar\">\r\n            <ul class=\"margin-0 p-0\">\r\n              <li\r\n                v-for=\"(item,index) of practiceType\"\r\n                @click=\"getBookOrPracticeList(item)\"\r\n                :class=\"{ active: practiceActive && item.practiceTypeId === practiceActive.practiceTypeId }\"\r\n                :key=\"index\"\r\n              >\r\n                <a href=\"javascript:;\">{{item.name}}</a>\r\n              </li>\r\n            </ul>\r\n          </div>\r\n          <ExerciseSubjectNumber v-if=\"isIndexList\" />\r\n          <ExerciseSubjectLife v-if=\"!isIndexList\" />\r\n          <!-- <ExerciseSubjectNumber v-if=\"id===4\"/> -->\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions, mapGetters } from \"vuex\";\r\nimport { STORE_KEY } from \"../_store/constants\";\r\nimport ExerciseSubjectNumber from \"../_components/ExerciseSubject/ExerciseSubjectNumber\";\r\nimport ExerciseSubjectLife from \"../_components/ExerciseSubject/ExerciseSubjectLife\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport { LOCAL_SAVE_BOOK_ACTIVE, LOCAL_SAVE_PRACTICE_LIST, LOCAL_SAVE_CAT } from \"./../_store/constants\";\r\nimport { getPracticeType } from './../_api/'\r\n// import { LOCAL_SAVE_ID } from \"../_store/constants\";\r\n// import { LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE } from \"./../_store/constants\";\r\n// import { LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE1 } from \"./../_store/constants\";\r\nexport default {\r\n  name: \"ExerciseSubject\",\r\n  components: {\r\n    ExerciseSubjectNumber,\r\n    ExerciseSubjectLife\r\n  },\r\n  data() {\r\n    return {\r\n      isIndexList: true,\r\n      nameSubject: \"\",\r\n      classIdstorge: 0,\r\n      id: 1,\r\n      bookLocalSave: null,\r\n      practiveLocalSave: null,\r\n      practiceType: [],\r\n      // practiceActive: 0,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      getExerciseDetailNumber: STORE_KEY + \"/getExerciseDetailNumber\",\r\n      // getPracticeType: STORE_KEY + \"/getPracticeType\",\r\n      getLisstPracticeTypeBook: STORE_KEY + \"/getLisstPracticeTypeBook\",\r\n      getActive: STORE_KEY + \"/getActive\",\r\n      practiceActive: STORE_KEY + \"/practiceActive\"\r\n    }),\r\n    classId() {\r\n      return this.$route.params.classId;\r\n    },\r\n    subjectId() {\r\n      return this.$route.params.subjectId;\r\n    }\r\n  },\r\n  created() {\r\n    this.getGetPracticeType();\r\n  },\r\n  mounted() {\r\n    this.getDataLocalSaved();\r\n    localStorage.removeItem(LOCAL_SAVE_CAT);\r\n    // if (localStorage.getItem(LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE) == null) {\r\n    //   this.id = localStorage.getItem(LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE1);\r\n    // }\r\n\r\n    // if (localStorage.getItem(LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE) != null) {\r\n    //   this.id = localStorage.getItem(LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE);\r\n    // }\r\n    // this.nameSubject = localStorage.getItem(LOCAL_SAVE_SUBJECT_NAME);\r\n    // this.classIdstorge = localStorage.getItem(LOCAL_SAVE_ID);\r\n    //  localStorage.removeItem(LOCAL_SAVE_SUBJECT_NAME);\r\n  },\r\n  watch: {\r\n    // id: \"handleChangIndex\",\r\n    // getPracticeType(newVal, oldVal) {\r\n    //   // console.log(\"745737585484848\",newVal)\r\n    //   var id = localStorage.getItem(LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE);\r\n    //   if (id != null) {\r\n    //     var a = this.getPracticeType.find(\r\n    //       element => element.practiceTypeId == id\r\n    //     );\r\n    //     this.isIndexList = a.isIndexList;\r\n    //   }\r\n    // }\r\n  },\r\n  methods: {\r\n    ...mapActions(STORE_KEY, [\"actionLuggageNumber\", \"actionGetListPracticeTypeBook\", \"actionSetPracticeCurr\"]),\r\n\r\n    getDataLocalSaved() {\r\n      let dataLocal = localStorage.getItem(LOCAL_SAVE_BOOK_ACTIVE);\r\n      if(dataLocal && dataLocal !== null && dataLocal !== undefined) {\r\n        this.bookLocalSave = JSON.parse(dataLocal);\r\n      }\r\n    },\r\n\r\n    getGetPracticeType() {\r\n      let self = this;\r\n      getPracticeType(self.classId).then(res => {\r\n        // console.log('Data practice: ', res);\r\n        if(res && res.data && !res.errors) {\r\n          self.practiceType = res.data;\r\n          let dataPraSave = localStorage.getItem(LOCAL_SAVE_PRACTICE_LIST);\r\n          if(dataPraSave && dataPraSave !== null && dataPraSave !== undefined) {\r\n            self.practiveLocalSave = JSON.parse(dataPraSave);\r\n            self.getBookOrPracticeList(self.practiveLocalSave)\r\n          } else {\r\n            res.data.length > 0 && self.getBookOrPracticeList(res.data[0])\r\n          }\r\n        }\r\n      })\r\n      // this.actionGetPracticeType(this.classId);\r\n    },\r\n\r\n    getBookOrPracticeList(val) {\r\n      let self = this;\r\n      self.isIndexList = val.isIndexList;\r\n      // self.practiceActive = val.practiceTypeId;\r\n      // console.log('before set: ', val);\r\n      if(val.isIndexList) {\r\n        self.actionLuggageNumber({classId: self.classId, subjectId: self.subjectId})\r\n      } else {\r\n        this.actionGetListPracticeTypeBook({ classId: self.classId, subjectId: self.subjectId, practiceTypeId: val.practiceTypeId });\r\n      }\r\n      self.actionSetPracticeCurr(val);\r\n      // console.log('get detail: ', val)\r\n    },\r\n\r\n    Dispalyindex(id, isIndexList) {\r\n      this.id = id;\r\n      this.isIndexList = isIndexList;\r\n      // localStorage.setItem(LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE, id);\r\n    },\r\n    handleChangIndex() {\r\n      if (this.isIndexList) {\r\n        this.actionLuggageNumber({\r\n          classId: this.classId,\r\n          subjectId: this.subjectId\r\n        });\r\n      }\r\n\r\n      if (!this.isIndexList) {\r\n        let data = {};\r\n        data[\"classId\"] = this.classIdstorge;\r\n        data[\"SubjectId\"] = this.subjectId;\r\n        data[\"PracticetypeId\"] = this.id;\r\n        this.actionGetListPracticeTypeBook(data);\r\n      }\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  @import \"./../../../assets/scss/variables\";\r\n  @import \"./../../../assets/scss/mixins\";\r\n  @import \"./../../../assets/scss/general\";\r\n\r\n  .exercise-subject {\r\n    padding: 50px 0;\r\n\r\n    ul {\r\n      li {\r\n        @extend .list-style-none;\r\n      }\r\n    }\r\n\r\n    &__sidebar {\r\n      width: 27%;\r\n      margin-right: 6%;\r\n\r\n      ul {\r\n        li {\r\n          min-height: 36px;\r\n          padding: 7px 18px;\r\n          @extend .border-rd-8;\r\n          margin-bottom: 2px;\r\n          line-height: 1.2;\r\n\r\n          a {\r\n            @extend .secondary-color-txt;\r\n          }\r\n\r\n          &.active,\r\n          &:hover {\r\n            background: $btn_hover_color;\r\n            a {\r\n              @extend .primary-color;\r\n              @extend .font-sanpro-semibold;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__list {\r\n      width: 67%;\r\n\r\n      .item {\r\n        padding: 15px 24px;\r\n        background: $color_bg_gray_light;\r\n\r\n        &__head {\r\n          border-bottom: 1px solid $secondary_text_color;\r\n          padding-bottom: 13px;\r\n        }\r\n\r\n        &__body {\r\n          padding: 10px 0;\r\n\r\n          ul {\r\n            li {\r\n              width: 49%;\r\n              display: inline-block;\r\n              margin-bottom: 4px;\r\n\r\n              &:nth-child(odd) {\r\n                margin-right: 2%;\r\n              }\r\n\r\n              a {\r\n                @extend .secondary-color-txt;\r\n              }\r\n            }\r\n          }\r\n        }\r\n\r\n        &:not(:last-child) {\r\n          margin-bottom: 18px;\r\n        }\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 991px) {\r\n      &__list {\r\n        .item {\r\n          &__body {\r\n            ul {\r\n              li {\r\n                width: 100%;\r\n\r\n                &:nth-child(odd) {\r\n                  margin-right: 0;\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 767px) {\r\n      &__wrap {\r\n        display: block;\r\n      }\r\n\r\n      &__sidebar,\r\n      &__list {\r\n        width: 100%;\r\n      }\r\n\r\n      &__sidebar {\r\n        margin: 0 0 20px 0;\r\n      }\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExerciseSubject.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!./ExerciseSubject.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseSubject.vue?vue&type=template&id=42b8f700&scoped=true&\"\nimport script from \"./ExerciseSubject.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseSubject.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseSubject.vue?vue&type=style&index=0&id=42b8f700&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  \"42b8f700\",\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('Viewer',{staticClass:\"exercise-detail\",attrs:{\"isOpenBookCats\":_vm.openBookCats,\"linkBack\":_vm.thematicInfo ? { name:'exercise', query:{ lop: _vm.classId, tab: _vm.typeId} } : {},\"valOpenSidebar\":_vm.typeOpenSidebar},scopedSlots:_vm._u([(_vm.thematicInfo)?{key:\"viewer_head_name\",fn:function(){return [_vm._v(_vm._s(_vm.thematicInfo.subjectName)+\" - \"+_vm._s(_vm.thematicInfo.title))]},proxy:true}:null,(_vm.thematicInfo)?{key:\"viewer_head_right\",fn:function(){return [_vm._v(_vm._s(_vm.versionApp))]},proxy:true}:null,{key:\"viewr_body\",fn:function(){return [(_vm.question && Object.keys(_vm.question).length > 0 && _vm.sliderQuestionList.length > 0)?_c('div',{staticClass:\"exercise-detail__questions exercise-detail__questions__other\"},[_c('div',{staticClass:\"exercise-detail__list position-rel\"},[_c('a',{staticClass:\"exercise-detail__back\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.goBackIntroThematic}},[_c('span',{staticClass:\"icon-arrow-left primary-color\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})])]),_c('div',{staticClass:\"item position-rel content-1\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_c('div',{staticClass:\"question-group\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"questions\":[_vm.question],\"location\":0,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}}),(_vm.question.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((_vm.question.listQuestionChild),function(child,pos){return _c('div',{key:pos,staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":0,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion}}):_vm._e()],1)}),0):_vm._e(),(_vm.txtMissingQuestionGroup)?_c('p',{staticClass:\"question-missing-answer color-err\"},[_vm._v(_vm._s(_vm.txtMissingQuestionGroup))]):_vm._e()],1):(_vm.question)?_c('div',{staticClass:\"question-single\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"location\":0,\"preview\":true},on:{\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}})],1):_vm._e()])]),(_vm.question && _vm.sliderQuestionList)?_c('ExerciseGuide',{attrs:{\"question\":_vm.question,\"handleShowGuide\":_vm.showGuideContent}}):_vm._e()],1):_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"exercise-detail__info exercise-thematic__info\"},[_c('div',{staticClass:\"exercise-thematic__info__action text-center\"},[(_vm.thematicId !== 0)?_c('a',{staticClass:\"btn btn-main border-rd-20 letter-spacing-main line-height-1-2 font-size-16 btn-do-ex\",attrs:{\"href\":\"javascript:;\",\"disabled\":!_vm.thematicInfo || (_vm.thematicInfo && _vm.thematicInfo.countQuestion === 0)},on:{\"click\":_vm.directToQuestion}},[_vm._v(\"\\n            Làm bài tập\\n          \")]):_c('p',{staticClass:\"font-size-18 secondary-color-txt\"},[_vm._v(\"Dữ liệu đang cập nhật\")])]),_c('h3',{staticClass:\"exercise-thematic__info__title font-sanpro-semibold font-size-22 primary-color-txt\"},[_vm._v(_vm._s(_vm.thematicInfo.title))]),_c('div',{staticClass:\"exercise-thematic__info__desc font-sanpro-light primary-color-txt\",domProps:{\"innerHTML\":_vm._s(_vm.thematicInfo.content)}})])])]},proxy:true},{key:\"viewer_sidebar_icon\",fn:function(){return [_c('a',{staticClass:\"total-a\",class:{'active': _vm.keySidebarActive === 'link'},attrs:{\"href\":\"javascript:;\",\"data-toggle\":\"tooltip\",\"data-placement\":\"left\",\"title\":\"Liên kết\"},on:{\"click\":function($event){return _vm.openSidebar('link')}}},[_c('span',{staticClass:\"icon-link font-size-24\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})])]),_c('a',{staticClass:\"total-a\",class:{'active': _vm.keySidebarActive === 'info'},attrs:{\"href\":\"javascript:;\",\"data-toggle\":\"tooltip\",\"data-placement\":\"left\",\"title\":\"Thông tin\"},on:{\"click\":function($event){return _vm.openSidebar('info')}}},[_c('i',{staticClass:\"icon-info\"})])]},proxy:true},{key:\"viewer_sidebar_content\",fn:function(){return [_c('SidebarInfo',{attrs:{\"keySidebarActive\":_vm.keySidebarActive}})]},proxy:true},{key:\"viewer_toggle_cat_name\",fn:function(){return [_vm._v(\"Danh sách\")]},proxy:true},{key:\"viewer_footer_center\",fn:function(){return [(_vm.sliderQuestionList && _vm.sliderQuestionList.length > 0)?_c('SliderNameQuestion',{attrs:{\"dataSource\":_vm.sliderQuestionList},on:{\"handleNextCat\":_vm.nextCatBook,\"handlePrevCat\":_vm.prevCatBook}}):_vm._e()]},proxy:true},(_vm.question && _vm.sliderQuestionList && _vm.sliderQuestionList.length > 0)?{key:\"viewer_footer_right\",fn:function(){return [(_vm.question && !_vm.question.isWorked)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120\",class:{'disabled': _vm.question && (_vm.question.type === _vm.typeDrawShape || _vm.questionindexActive === 0 || _vm.question.isWorked || _vm.question.statusWorked)},attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.checkAnswer}},[_vm._v(\"\\n      \"+_vm._s(_vm.question.type === _vm.typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra')+\"\\n    \")]):(_vm.question && _vm.question.isWorked)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.resetAnswers}},[_vm._v(\"\\n      Làm lại\\n    \")]):_vm._e()]},proxy:true}:null,{key:\"viewer_sidebar_cat_head\",fn:function(){return [_c('h2',{staticClass:\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold book-viewer__cats__wrap\"},[_vm._v(\"\\n      Mục lục\\n    \")])]},proxy:true},{key:\"viewer_sidebar_cat_body\",fn:function(){return [_c('ThematicSidebar',{staticClass:\"exercise__cats__other__thematic\",on:{\"resetQuestions\":function($event){return _vm.resetAnswers()}}})]},proxy:true},{key:\"viewer_footer\",fn:function(){return [(_vm.infoQuestionPreview && Object.keys(_vm.infoQuestionPreview).length > 0)?_c('ModalPreviewExercise'):_vm._e(),(_vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991 && _vm.classId === _vm.idClass1 && _vm.subjectId === _vm.idMathSubject)?_c('VituralKeyboard',{class:{'open-cat': _vm.openBookCats, 'over-height': _vm.valVituralKeyboard && _vm.valVituralKeyboard.isOverHaflScreen}}):_vm._e(),(_vm.actionPlayQuestionTrue)?_c('audio',{attrs:{\"id\":\"question_true\",\"src\":_vm.correct,\"autoplay\":\"\"}}):_vm._e(),(_vm.actionPlayQuestionFalse)?_c('audio',{attrs:{\"id\":\"question_false\",\"src\":_vm.incorrect,\"autoplay\":\"\"}}):_vm._e()]},proxy:true}],null,true)})}\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',[(_vm.keySidebarActive === 'link')?_c('div',{staticClass:\"sidebar-link\"},[_vm._m(0),_c('div',{staticClass:\"sidebar__link__result\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Sách điện tử\")]},proxy:true}],null,false,3704549356)},[(_vm.linkInfo && _vm.linkInfo.length > 0)?_c('div',{staticClass:\"book-links\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},_vm._l((_vm.linkInfo),function(item,index){return _c('div',{key:index,staticClass:\"item display-flex full-width\"},[_c('div',{staticClass:\"item__img\"},[_c('router-link',{attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_c('img',{directives:[{name:\"lazy\",rawName:\"v-lazy\",value:(item.imageUrl ? _vm.cdnUrl + item.imageUrl : ''),expression:\"item.imageUrl ? cdnUrl + item.imageUrl : ''\"}],attrs:{\"alt\":item.name}})])],1),_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\"},[_c('router-link',{staticClass:\"color-inherit\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_vm._v(_vm._s(item.name))])],1),_c('p',{staticClass:\"item__year font-size-14 secondary-color-txt\"},[_vm._v(\"Tái bản: \"+_vm._s(item.editionYear))]),_c('router-link',{staticClass:\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }},\"target\":\"_blank\"}},[_vm._v(\"Đọc sách\")])],1)])}),0)],1):_vm._e()])],1)],1)])]):_vm._e(),(_vm.keySidebarActive === 'info')?_c('div',{staticClass:\"sidebar__info\"},[_vm._m(1),_c('div',{staticClass:\"sidebar__info__result\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('div',{staticClass:\"sidebar__info__list\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Chuyên đề: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.title))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Chủ đề: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.title1))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.totalQuestion))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu đúng: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.totalQuestionAnswerTrue))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu sai: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.totalQuestionAnswerFalse))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Chưa làm: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataInfo.totalQuestionNotAnswer))])])])])])],1)]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar-link__head\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Liên kết\")])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar__info__head\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Thông tin\")])])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"sidebar-link\" v-if=\"keySidebarActive === 'link'\">\r\n      <div class=\"sidebar-link__head\">\r\n        <div class=\"book-viewer__sidebar__contents__wrap\">\r\n            <h3 class=\"sidebar__title\">Liên kết</h3>\r\n          </div>\r\n      </div>\r\n        <div class=\"sidebar__link__result\">\r\n          <div class=\"book-viewer__sidebar__contents__wrap\">\r\n              <b-tabs class=\"sidebar__tabs\">\r\n                  <b-tab active>\r\n                      <template v-slot:title>Sách điện tử</template>\r\n                      <div class=\"book-links\" v-if=\"linkInfo && linkInfo.length > 0\">\r\n                        <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n                          <div class=\"item display-flex full-width\" v-for=\"(item, index) of linkInfo\" :key=\"index\">\r\n                            <div class=\"item__img\">\r\n                              <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\">\r\n                                <img v-lazy=\"item.imageUrl ? cdnUrl + item.imageUrl : ''\" :alt=\"item.name\">\r\n                              </router-link>\r\n                            </div>\r\n                            <div class=\"item__content\">\r\n                              <h4 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\">\r\n                                  <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" class=\"color-inherit\">{{ item.name }}</router-link>\r\n                              </h4>\r\n                              <p class=\"item__year font-size-14 secondary-color-txt\">Tái bản: {{ item.editionYear }}</p>\r\n                              <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" target= '_blank' class=\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\">Đọc sách</router-link>\r\n                            </div>\r\n                          </div>\r\n                        </vue-custom-scrollbar>\r\n                      </div>\r\n                  </b-tab>\r\n              </b-tabs>\r\n          </div>\r\n        </div>\r\n    </div>\r\n\r\n    <div class=\"sidebar__info\" v-if=\"keySidebarActive === 'info'\">\r\n      <div class=\"sidebar__info__head\">\r\n        <div class=\"book-viewer__sidebar__contents__wrap\">\r\n          <h3 class=\"sidebar__title\">Thông tin</h3>\r\n        </div>\r\n      </div>\r\n      <div class=\"sidebar__info__result\">\r\n        <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n          <div class=\"book-viewer__sidebar__contents__wrap\">\r\n            <div class=\"sidebar__info__list\">\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Chuyên đề: </div>\r\n                <div class=\"item__value\">{{ dataInfo.title }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Chủ đề: </div>\r\n                <div class=\"item__value\">{{ dataInfo.title1 }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Số câu: </div>\r\n                <div class=\"item__value\">{{ dataInfo.totalQuestion }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Số câu đúng: </div>\r\n                <div class=\"item__value\">{{ dataInfo.totalQuestionAnswerTrue }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Số câu sai: </div>\r\n                <div class=\"item__value\">{{ dataInfo.totalQuestionAnswerFalse }}</div>\r\n              </div>\r\n              <div class=\"item\">\r\n                <div class=\"item__title\">Chưa làm: </div>\r\n                <div class=\"item__value\">{{ dataInfo.totalQuestionNotAnswer }}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </vue-custom-scrollbar>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport { getInfoThematicOrTherExercise, getBooksLinkForExercise } from './../../_api'\r\nimport { APP_CONFIG } from '@/utils/constants'\r\n\r\nexport default {\r\n  name: 'SidebarInfo',\r\n  props: {\r\n    keySidebarActive: String,\r\n    checkQuestionId: Object\r\n  },\r\n  components: {\r\n    vueCustomScrollbar\r\n  },\r\n  data () {\r\n    return {\r\n      cdnUrl: APP_CONFIG.cdnUrl,\r\n      settingsViewBookSidebar: {\r\n        maxScrollbarLength: 300\r\n      },\r\n      dataInfo: {},\r\n      linkInfo: []\r\n    }\r\n  },\r\n  watch: {\r\n    keySidebarActive (newVal) {\r\n      this.getDataSidebar()\r\n    },\r\n    '$route.params.id': 'getDataSidebar'\r\n  },\r\n  methods: {\r\n    getDataSidebar () {\r\n      if (this.keySidebarActive === 'link') {\r\n        this.getLinks()\r\n      } else if (this.keySidebarActive === 'info') {\r\n        this.getInfoExercise()\r\n      }\r\n    },\r\n\r\n    getInfoExercise () {\r\n      let self = this\r\n      if (!self.$route.params.id || parseInt(self.$route.params.id) === 0) {\r\n        return\r\n      }\r\n      getInfoThematicOrTherExercise(self.$route.params.id).then(res => {\r\n        self.dataInfo = res ? res : {}\r\n      })\r\n    },\r\n\r\n    getLinks () {\r\n      let self = this\r\n      if (!self.$route.params.id || parseInt(self.$route.params.id) === 0) {\r\n        return\r\n      }\r\n      getBooksLinkForExercise(self.$route.params.id).then(res => {\r\n        self.linkInfo = res ? res : []\r\n      })\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scope>\r\n  .sidebar__info__list {\r\n    .item {\r\n      @extend .display-flex;\r\n      margin-bottom: 15px;\r\n\r\n      &__title {\r\n        width: 45%;\r\n        margin-right: 1%;\r\n        @extend .secondary-color-txt;\r\n        @extend .font-size-15;\r\n        @extend .font-sanpro-semibold;\r\n      }\r\n\r\n      &__value {\r\n        width: 54%;\r\n        @extend .font-size-16;\r\n        @extend .font-sanpro-light;\r\n        @extend .primary-color-txt;\r\n      }\r\n    }\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!./SidebarInfo.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!./SidebarInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./SidebarInfo.vue?vue&type=template&id=3e79cef0&\"\nimport script from \"./SidebarInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./SidebarInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./SidebarInfo.vue?vue&type=style&index=0&lang=scss&scope=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  null,\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <Viewer\r\n    class=\"exercise-detail\"\r\n    :isOpenBookCats=\"openBookCats\"\r\n    :linkBack=\"thematicInfo ? { name:'exercise', query:{ lop: classId, tab: typeId} } : {}\"\r\n    :valOpenSidebar=\"typeOpenSidebar\"\r\n  >\r\n    <template v-if=\"thematicInfo\" v-slot:viewer_head_name>{{ thematicInfo.subjectName }} - {{ thematicInfo.title }}</template>\r\n    <template v-if=\"thematicInfo\" v-slot:viewer_head_right>{{ versionApp }}</template>\r\n    <template v-slot:viewr_body>\r\n      <div v-if=\"question && Object.keys(question).length > 0 && sliderQuestionList.length > 0\" class=\"exercise-detail__questions exercise-detail__questions__other\">\r\n        <div class=\"exercise-detail__list position-rel\">\r\n          <a href=\"javascript:;\" class=\"exercise-detail__back\" @click=\"goBackIntroThematic\">\r\n            <span class=\"icon-arrow-left primary-color\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n          </a>\r\n          <div class=\"item position-rel content-1\">\r\n            <div class=\"question-group\" v-if=\"question && question.type && question.type === typeGroup\">\r\n              <PreviewQuestion \r\n                :dataSource=\"question\"\r\n                :questions=\"[question]\"\r\n                :location=\"0\"\r\n                :preview=\"true\"\r\n                :questionsData=\"question\"\r\n                @formatQuestion=\"getInfoQuestion\"\r\n                @answerMissing=\"handleAnswerMissing\"\r\n              />\r\n              <div class=\"questions-child\" v-if=\"question.listQuestionChild\">\r\n                <div class=\"questions-child__item\" v-for=\"(child, pos) of question.listQuestionChild\" :key=\"pos\">\r\n                  <PreviewQuestion \r\n                    v-if=\"child\"\r\n                    :dataSource=\"child\"\r\n                    :location=\"pos\"\r\n                    :parentIndex=\"0\"\r\n                    :isQuestionChild=\"true\"\r\n                    :preview=\"true\"\r\n                    :questionsData=\"question\"\r\n                    @formatQuestion=\"getInfoQuestion\"\r\n                  />\r\n                </div>\r\n              </div>\r\n              <p v-if=\"txtMissingQuestionGroup\" class=\"question-missing-answer color-err\">{{ txtMissingQuestionGroup }}</p>\r\n            </div>\r\n            <div class=\"question-single\" v-else-if=\"question\">\r\n              <PreviewQuestion \r\n                :dataSource=\"question\"\r\n                :location=\"0\"\r\n                :preview=\"true\"\r\n                @formatQuestion=\"getInfoQuestion\"\r\n                @answerMissing=\"handleAnswerMissing\"\r\n              />\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <ExerciseGuide v-if=\"question && sliderQuestionList\" :question=\"question\" :handleShowGuide=\"showGuideContent\" />\r\n      </div>\r\n      <div v-else class=\"container-hts\">\r\n        <div class=\"exercise-detail__info exercise-thematic__info\">\r\n          <div class=\"exercise-thematic__info__action text-center\">\r\n            <a\r\n              v-if=\"thematicId !== 0\"\r\n              href=\"javascript:;\"\r\n              class=\"btn btn-main border-rd-20 letter-spacing-main line-height-1-2 font-size-16 btn-do-ex\"\r\n              :disabled=\"!thematicInfo || (thematicInfo && thematicInfo.countQuestion === 0)\"\r\n              @click=\"directToQuestion\"\r\n            >\r\n              Làm bài tập\r\n            </a>\r\n            <p v-else class=\"font-size-18 secondary-color-txt\">Dữ liệu đang cập nhật</p>\r\n          </div>\r\n          <h3 class=\"exercise-thematic__info__title font-sanpro-semibold font-size-22 primary-color-txt\">{{ thematicInfo.title }}</h3>\r\n          <div class=\"exercise-thematic__info__desc font-sanpro-light primary-color-txt\" v-html=\"thematicInfo.content\"></div>\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_icon>\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'link'}\" @click=\"openSidebar('link')\" class=\"total-a\"  data-toggle=\"tooltip\" data-placement=\"left\" title=\"Liên kết\">\r\n        <span class=\"icon-link font-size-24\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n      </a>\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'info'}\" @click=\"openSidebar('info')\" class=\"total-a\"  data-toggle=\"tooltip\" data-placement=\"left\" title=\"Thông tin\">\r\n        <i class=\"icon-info\"></i>\r\n      </a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_content>\r\n      <SidebarInfo :keySidebarActive=\"keySidebarActive\" />\r\n    </template>\r\n    <template v-slot:viewer_toggle_cat_name>Danh sách</template>\r\n    <template v-slot:viewer_footer_center>\r\n      <SliderNameQuestion\r\n        v-if=\"sliderQuestionList && sliderQuestionList.length > 0\"\r\n        :dataSource=\"sliderQuestionList\"\r\n        @handleNextCat=\"nextCatBook\"\r\n        @handlePrevCat=\"prevCatBook\"\r\n      />\r\n    </template>\r\n    <template v-if=\"question && sliderQuestionList && sliderQuestionList.length > 0\" v-slot:viewer_footer_right>\r\n      <a\r\n        v-if=\"question && !question.isWorked\"\r\n        href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120\"\r\n        :class=\"{'disabled': question && (question.type === typeDrawShape || questionindexActive === 0 || question.isWorked || question.statusWorked)}\"\r\n        @click=\"checkAnswer\"\r\n      >\r\n        {{ question.type === typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra' }}\r\n      </a>\r\n      <a\r\n        v-else-if=\"question && question.isWorked\"\r\n        href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120\"\r\n        @click=\"resetAnswers\"\r\n      >\r\n        Làm lại\r\n      </a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_head>\r\n      <h2 class=\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold book-viewer__cats__wrap\">\r\n        Mục lục\r\n      </h2>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_body>\r\n      <ThematicSidebar class=\"exercise__cats__other__thematic\" @resetQuestions=\"resetAnswers()\" />\r\n    </template>\r\n    <template v-slot:viewer_footer>\r\n      <ModalPreviewExercise v-if=\"infoQuestionPreview && Object.keys(infoQuestionPreview).length > 0\" />\r\n      <VituralKeyboard\r\n        v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991 && classId === idClass1 && subjectId === idMathSubject\"\r\n        :class=\"{'open-cat': openBookCats, 'over-height': valVituralKeyboard && valVituralKeyboard.isOverHaflScreen}\"\r\n      />\r\n      <audio v-if=\"actionPlayQuestionTrue\" id=\"question_true\" :src=\"correct\" autoplay></audio>\r\n      <audio v-if=\"actionPlayQuestionFalse\" id=\"question_false\" :src=\"incorrect\" autoplay></audio>\r\n    </template>\r\n  </Viewer>\r\n</template>\r\n\r\n<script>\r\n  import { mapState, mapGetters, mapActions } from \"vuex\"\r\n  import { scrollTo, callTimeDiff } from '@/helpers/functions'\r\n  import ThematicSidebar from './../../_components/thematic/ThematicSidebar.vue'\r\n  import SidebarInfo from './../../_components/thematic/SidebarInfo.vue'\r\n  import Viewer from '@/layouts/Viewer.vue'\r\n  import { TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question/_store/constants'\r\n  import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n  import { APP_CONFIG } from '@/utils/constants'\r\n  import PreviewQuestion from '@/modules/question/preview-question/PreviewQuestion.vue'\r\n  import { getQuestionsSidebar, getQuestionDetail, getQuestionsByCat, getDetailOfOtherOrThematic, getQuestionListOfOtherOrThematic, getCatOfExerciseOtherOrThematic, saveUserWorkQuestion, resetResultCorrectQuestionOtherOrThematic, getQuestionListInSidebarOfThematicOrOther, resetResultWorkQuestion } from './../../_api/'\r\n  import { STORE_KEY, TYPE_EXERCISE_THEMATIC, LOCAL_SAVE_QUESTIONS_WORKED, LOCAL_SAVE_CAT, LOCAL_SAVE_BOOK_ACTIVE, LOCAL_SAVE_EXERCISE_CLASS, LOCAL_QUESTIONS_DATA, TYPE_EXERCISE_OTHER } from \"./../../_store/constants\";\r\n  import VituralKeyboard from '@/modules/question/preview-question/VituralKeyboard.vue'\r\n  import { STORE_KEY as STORE_KEY_QUESTION } from '@/modules/question/preview-question/_store/constants'\r\n  import SliderNameQuestion from './../../_components/SliderNameQuestion.vue'\r\n  import ExerciseGuide from './../../_components/ExerciseGuide.vue'\r\n  import ModalPreviewExercise from './../../_components/modal/ModalPreviewExercise.vue'\r\n  import { ID_CLASS_1, ID_MATH_SUBJECT } from '@/store/common/constants'\r\n  import { setContentMediaEditorShow } from '@/modules/question/preview-question/_store/helperQuestionContent'\r\n  const correct = require('@/assets/audio/correct.mp3')\r\n  const incorrect = require('@/assets/audio/incorrect.mp3')\r\n  \r\n  export default {\r\n    name: 'ThematicDetail',\r\n    components: {\r\n      ThematicSidebar,\r\n      Viewer,\r\n      SliderNameQuestion,\r\n      VituralKeyboard,\r\n      PreviewQuestion,\r\n      ExerciseGuide,\r\n      ModalPreviewExercise,\r\n      SidebarInfo\r\n    },\r\n    data () {\r\n      return {\r\n        thematicInfo: {},\r\n        openBookCats: true,\r\n        typeGroup: TYPE_GROUP,\r\n        typeDrawShape: TYPE_DRAW_SHAPE_ANSWER,\r\n        typeDownAnswer: TYPE_DOWN_ANSWER,\r\n        typefillBlank: TYPE_FILL_BLANK,\r\n        typeSelect: TYPE_SELECT,\r\n        typeMatchCol: TYPE_MATH_COL,\r\n        cdnUrl: APP_CONFIG.cdnUrl,\r\n        question: null,\r\n        showGuideContent: false,\r\n        tabGuideActive: 0,\r\n        questionindexActive: null,\r\n        questionsSaved: [],\r\n        sliderQuestionList: [],\r\n        questionsLoaded: [],\r\n        question: null,\r\n        correct,\r\n        incorrect,\r\n        actionPlayQuestionTrue: false,\r\n        actionPlayQuestionFalse: false,\r\n        txtMissingQuestionGroup: '',\r\n        handleNextPrevCat: '',\r\n        keySidebarActive: '', // link & info\r\n        typeOpenSidebar: {},\r\n        idClass1: ID_CLASS_1,\r\n        idMathSubject: ID_MATH_SUBJECT,\r\n        startTimeQuestion: 0\r\n      };\r\n    },\r\n      \r\n    computed: {\r\n      routerParams() {\r\n        return this.$route.params;\r\n      },\r\n      classId() {\r\n        return parseInt(this.$route.params.classId);\r\n      },\r\n      subjectId() {\r\n        return parseInt(this.$route.params.subjectId);\r\n      },\r\n      screenWidth() {\r\n        return window.innerWidth;\r\n      },\r\n      thematicId() {\r\n        return parseInt(this.$route.params.id);\r\n      },\r\n      typeId() {\r\n        return parseInt(this.$route.params.typeId);\r\n      },\r\n      ...mapState('common', ['versionApp']),\r\n      ...mapState(STORE_KEY, ['catsFlatForExercise', 'infoQuestionPreview']),\r\n      ...mapState(STORE_KEY_QUESTION, ['valVituralKeyboard']),\r\n      ...mapGetters({\r\n        actionCheckQuestion: `common/actionCheckQuestion`,\r\n      })\r\n    },\r\n    watch: {\r\n      '$route.params.id': 'initPage',\r\n      actionCheckQuestion(newVal) {\r\n        !newVal && this.setQuestionResult();\r\n      },\r\n      valVituralKeyboard(newVal) {\r\n        if(newVal.ref) {\r\n          document.getElementById(newVal.ref).value = newVal.val;\r\n          document.getElementById(newVal.ref).focus();\r\n        }\r\n      },\r\n      '$route.query.cauhoi': 'handleChangeQuestionDisplay',\r\n    },\r\n    created() {\r\n      // this.getInfoDetail()\r\n      this.initPage()\r\n    },\r\n    mounted () {\r\n      this.getInfoSaveLocal();\r\n      this.startTimeQuestion = new Date()\r\n    },\r\n    destroyed () {\r\n      this.resetAllDataSaved()\r\n    },\r\n    methods: {\r\n      ...mapActions('common', ['setLoading', 'setActionCheckQuestion']),\r\n      ...mapActions(STORE_KEY, ['actionBookIndexOfBook', 'acSetParamFilterOtherThematic']),\r\n      ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n\r\n      initPage () {\r\n        this.resetAllDataSaved()\r\n        Promise.all([this.getInfoDetail(), this.getQuestionListOfSidebar(), this.fetchQuestionList()])\r\n      },\r\n\r\n      resetAllDataSaved () {\r\n        this.resetValKeyboard();\r\n        localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n        localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n      },\r\n\r\n      getInfoDetail () {\r\n        if (!this.thematicId) {\r\n          this.openBookCats = false\r\n          return\r\n        }\r\n        this.setLoading(true)\r\n        getDetailOfOtherOrThematic(this.thematicId).then(res => {\r\n          if (res && res.data && !res.errors) {\r\n            this.thematicInfo = res.data\r\n          }\r\n        }).finally(() => this.setLoading(false))\r\n      },\r\n\r\n      handleToggleBookCats() {\r\n        this.openBookCats = !this.openBookCats;\r\n      },\r\n\r\n      resetValKeyboard () {\r\n        this.valVituralKeyboard && this.setVituralKeyVal({});\r\n      },\r\n\r\n      directToQuestion () {\r\n        this.$router.replace({query: {cauhoi: 1}})\r\n        this.startTimeQuestion = new Date()\r\n      },\r\n\r\n      getInfoSaveLocal() {\r\n        let questionData = localStorage.getItem(LOCAL_QUESTIONS_DATA);\r\n       \r\n        if(questionData && questionData !== null && questionData !== undefined) {\r\n          this.questionsSaved = JSON.parse(questionData);\r\n        } else {\r\n          this.fetchQuestionList()\r\n        }\r\n      },\r\n\r\n      getThematicInfo() {\r\n        let self = this;\r\n        if (!this.thematicId) {\r\n          return\r\n        }\r\n        getDetailOfOtherOrThematic(self.thematicId).then(res => {\r\n          if(res && res.data && !res.errors) {\r\n            self.thematicInfo = res.data;\r\n          }\r\n        })\r\n      },\r\n\r\n      getQuestionListOfSidebar() {\r\n        let self = this\r\n        self.sliderQuestionList = []\r\n        if (!this.thematicId) {\r\n          return\r\n        }\r\n        self.setLoading(true)\r\n        \r\n        getQuestionListInSidebarOfThematicOrOther(self.thematicId).then(res => {\r\n          self.sliderQuestionList = res && res.data && !res.errors ? res.data : []\r\n          if(res && res.data && res.data.length > 0) {\r\n            // Set box size\r\n            self.setSpaceSizeForOpenCatBox()\r\n\r\n            self.getInfoQuestion()\r\n            // Get question checked\r\n            self.setQuestionResult()\r\n          } else {\r\n            self.setLoading(false)\r\n          }\r\n        }).catch().finally(() => self.setLoading(false))\r\n      },\r\n\r\n      getInfoQuestion() {\r\n        let self = this;\r\n        self.question = null;\r\n        // Hidden guide content\r\n        self.showGuideContent = false;\r\n        // self.arrResultCorrect = [];\r\n        self.questionindexActive = parseInt(self.$route.query.cauhoi)\r\n        if(self.questionindexActive > 0 && self.sliderQuestionList.length > 0) {\r\n            self.setLoading(true);\r\n            let questionId = self.questionindexActive > self.sliderQuestionList.length ? self.questionindexActive : self.sliderQuestionList[self.questionindexActive - 1].questionId;\r\n            let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n\r\n            if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n              let indexQuestionSave = questionsLocalStorage.findIndex(ques => ques.questionId === questionId);\r\n              if(indexQuestionSave > -1) {\r\n                  self.question = questionsLocalStorage[indexQuestionSave];\r\n                  self.setLoading(false);\r\n              } else {\r\n                  self.getQuestionDetail(questionId, questionsLocalStorage);\r\n              }\r\n            } else {\r\n              self.getQuestionDetail(questionId);\r\n            }\r\n\r\n          // self.setQuestionCurr();\r\n        }\r\n      },\r\n\r\n      getQuestionDetail(questionId, dataQuestion = []) {\r\n        let self = this;\r\n        // Get question detail\r\n        getQuestionDetail(questionId).then(res => {\r\n          if(res && res.data && !res.errors) {\r\n            let typeQuestion = res.data.type === TYPE_GROUP ? 'group' : 'single'\r\n            let questionContentReplace = setContentMediaEditorShow({...res.data}, typeQuestion)\r\n\r\n            self.question = questionContentReplace;\r\n            let dataSave = dataQuestion.length === 0 ? [questionContentReplace] : [...dataQuestion, questionContentReplace];\r\n            self.saveLocalQuestion(dataSave);\r\n          }\r\n        }).catch().finally(() => self.setLoading(false));\r\n      },\r\n\r\n      saveLocalQuestion(data) {\r\n        let dataSave = JSON.stringify(data);\r\n        localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, dataSave);\r\n      },\r\n\r\n      setQuestionResult() {\r\n        let self = this;\r\n        let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n        if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n          questionsLocalStorage.map((ques, index) => {\r\n            if( ques.statusWorked ) {\r\n              let resultCheckAnswer = ques.workedFail ? 'error' : 'success';\r\n              let indexQuestionInList = self.sliderQuestionList.findIndex(queList => queList.questionId === ques.questionId);\r\n              if(indexQuestionInList > -1) {\r\n                self.sliderQuestionList[indexQuestionInList].answerStatus = resultCheckAnswer;\r\n                self.logQuestionWorked(resultCheckAnswer);\r\n              }\r\n            }\r\n          }) \r\n        }\r\n      },\r\n\r\n      logQuestionWorked(status) {\r\n        this.question['isTrue'] = status === 'success' ? true : false;\r\n        this.question['isWorked'] = true;\r\n      },\r\n\r\n      openSidebar (type) {\r\n        if(type !== null){\r\n          this.typeOpenSidebar = {type, isOpen: type === this.keySidebarActive ? false : true}\r\n          this.keySidebarActive = type !== this.keySidebarActive ? type : ''\r\n        }\r\n      },\r\n\r\n      handleToggleBookCats() {\r\n        let self = this;\r\n        self.openBookCats = !self.openBookCats;\r\n        self.isOpenSidebar = false;\r\n        self.keySidebarActive = '';\r\n\r\n        if(self.openBookCats) {\r\n            self.setSpaceSizeForOpenCatBox()\r\n        } else {\r\n            self.resetPageWhenOfBoxsTransition();\r\n        }\r\n      },\r\n\r\n      setSpaceSizeForOpenSidebarBox() {\r\n        let self = this;\r\n        let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n        let sidebarBox = document.getElementsByClassName('book-viewer__sidebar')[0];\r\n        let widthSidebarBox = sidebarBox.clientWidth;\r\n\r\n        bodyBookBox.style.paddingLeft = 0;\r\n        bodyBookBox.style.paddingRight = `${widthSidebarBox}px`;\r\n      },\r\n\r\n      setSpaceSizeForOpenCatBox() {\r\n        let self = this;\r\n        let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n        let catBox = document.getElementsByClassName('book-viewer__cats')[0];\r\n        let widthCatBox = catBox.clientWidth;\r\n\r\n        bodyBookBox.style.paddingLeft = `${widthCatBox}px`;\r\n        bodyBookBox.style.paddingRight = 0;\r\n      },\r\n\r\n      resetPageWhenOfBoxsTransition() {\r\n        let self = this;\r\n        let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n        bodyBookBox.style.paddingLeft = 0;\r\n        bodyBookBox.style.paddingRight = 0;\r\n      },\r\n\r\n      nextQuestion() {\r\n        // Reset val for keyboard\r\n        this.resetValKeyboard()\r\n        if(parseInt(this.questionindexActive) < parseInt(this.sliderQuestionList.length)) {\r\n            this.directQuestion(parseInt(this.questionindexActive) + 1);\r\n        }\r\n      },\r\n\r\n      prevQuestion() {\r\n        // Reset val for keyboard\r\n        this.resetValKeyboard()\r\n        if(parseInt(this.questionindexActive) > 1) {\r\n            this.directQuestion(parseInt(this.questionindexActive) - 1);\r\n        }\r\n      },\r\n\r\n\r\n\r\n      directQuestion(position) {\r\n        // Reset val for keyboard\r\n        this.resetValKeyboard();\r\n        let currentQuestion = this.$route.params.question;\r\n        if(parseInt(currentQuestion) !== parseInt(position)) {\r\n          this.question = null;\r\n          this.arrResultCorrect = [];\r\n          this.$router.push({name: 'exerciseThematicQuestion', params: {...this.routerParams, question: position}});\r\n          if(this.screenWidth < 992) {\r\n            this.openBookCats = false;\r\n          }\r\n        }\r\n      },\r\n\r\n      async checkAnswer () {\r\n        let self = this;\r\n        self.resetValKeyboard();\r\n        if (self.question.type !== TYPE_DOWN_ANSWER) {\r\n          self.setQuestionList4CheckAnswer([{...self.question}])\r\n          self.setQuestionData4CheckAnswer({...self.question})\r\n        }\r\n        \r\n        if(self.question.type === TYPE_GROUP) {\r\n          self.txtMissingQuestionGroup = '';\r\n          self.setQuestionData4CheckAnswer({...self.question, isGroup: true, parent: parent.questionId})\r\n        }\r\n\r\n        if (self.question.type !== TYPE_DOWN_ANSWER) {\r\n          await self.setActionCheckQuestion(true);\r\n        } else {\r\n          self.question = { ...self.question, isTrue: true }\r\n          self.saveQuestion2Local(self.question)\r\n        }\r\n        self.showGuideContent = true;\r\n        \r\n        if(self.question.isTrue) {\r\n            self.actionPlayQuestionTrue = true;\r\n            setTimeout(() => {\r\n                document.getElementById('question_true').play();\r\n            }, 5)\r\n        } else {\r\n            self.actionPlayQuestionFalse = true;\r\n            setTimeout(() => {\r\n                document.getElementById('question_false').play();\r\n            }, 5)\r\n        }\r\n        // Active answer correct tab = 1\r\n        // this.tabGuideActive = 1;\r\n        // Update state for question:\r\n        // console.log('Check type question: ', this.question.type, self.question.type);\r\n        // await self.question.type === TYPE_GROUP && this.setQuestionResult();\r\n        // if ( self.question.type === TYPE_GROUP ) {\r\n        //     console.log('Log asadasd ', self.question)\r\n        //     self.setResultForQuestionChild()\r\n        // }\r\n        // await self.question.type === TYPE_GROUP && self.setResultForQuestionChild()\r\n        let timeCal = callTimeDiff(this.startTimeQuestion)\r\n        saveUserWorkQuestion(self.question, timeCal.minute)\r\n        // .then(res => {\r\n        //     if(res && !res.errors) {\r\n        //         self.$toast.success('Bạn đã hoàn thành câu hỏi ' + self.question.title);\r\n        //     }\r\n        // });\r\n        setTimeout(() => {\r\n            self.actionPlayQuestionTrue = false;\r\n            self.actionPlayQuestionFalse = false;\r\n        }, 4000)\r\n      },\r\n\r\n      saveQuestion2Local (questionCurr) {\r\n        let questionsLocalStorage = localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n        if(!questionsLocalStorage || questionsLocalStorage === null || questionsLocalStorage === undefined) {\r\n          this.saveLocalQuestion([questionCurr])\r\n          return\r\n        }\r\n        \r\n        questionsLocalStorage = JSON.parse(questionsLocalStorage)\r\n        if (questionsLocalStorage.length === 0) {\r\n          this.saveLocalQuestion([questionCurr])\r\n          return\r\n        }\r\n\r\n        const indexQuestionInList = questionsLocalStorage.findIndex(ques => ques.questionId === questionCurr.questionId)\r\n        if(indexQuestionInList > -1) {\r\n          questionsLocalStorage[indexQuestionInList] = { ...questionCurr }\r\n          this.saveLocalQuestion(questionsLocalStorage)\r\n        }\r\n      },\r\n\r\n      handleAnswerMissing(valErr) {\r\n        if(this.question.type === TYPE_GROUP) {\r\n          this.txtMissingQuestionGroup = valErr;\r\n        }\r\n        setTimeout(() => {\r\n          this.showGuideContent = false;\r\n        }, 5)\r\n      },\r\n\r\n      toggleGuideContent() {\r\n        this.showGuideContent = !this.showGuideContent;\r\n      },\r\n\r\n      getResultQuestion(val) {\r\n        this.arrResultCorrect = val;\r\n      },\r\n\r\n      getQuestionData(val) {\r\n        if(this.questionindexActive > 0 ) {\r\n            if(this.sliderQuestionList[this.questionindexActive - 1] && this.sliderQuestionList[this.questionindexActive - 1]['current']) {\r\n              this.sliderQuestionList[this.questionindexActive - 1]['current'] = false;\r\n            }\r\n            if(!val) {\r\n              this.sliderQuestionList.map(ques => {\r\n                ques.success && delete ques.success;\r\n                ques.error && delete ques.error;\r\n                ques.answerStatus && delete ques.answerStatus;\r\n              })\r\n            }\r\n            this.questionindexActive = 0;\r\n            // this.$router.push({name: 'exerciseThematicQuestion', params: {...this.routerParams, id: this.thematicId, question: 0}});\r\n        }\r\n        if(!this.questionsSaved) {\r\n          this.fetchQuestionList();\r\n        }\r\n      },\r\n\r\n      fetchQuestionList() {\r\n        let self = this;\r\n        if (!this.thematicId) {\r\n          return\r\n        }\r\n        self.setLoading(true);\r\n        getQuestionListOfOtherOrThematic(self.thematicId).then(res => {\r\n          if(res && res.data && !res.errors) {\r\n            self.questionsSaved = res.data;\r\n            res.data.length > 0 && localStorage.setItem( LOCAL_QUESTIONS_DATA, JSON.stringify(res.data) );\r\n            if (res.data && res.data.length === 0) {\r\n              this.handleNextPrevCat === 'next' && this.nextCatBook()\r\n              this.handleNextPrevCat === 'prev' && this.prevCatBook()\r\n            }\r\n          }\r\n        }).catch().finally(() => self.setLoading(false));\r\n      },\r\n\r\n      async resetAnswers() {\r\n        let self = this;\r\n        if (!this.thematicId) {\r\n          return\r\n        }\r\n        resetResultCorrectQuestionOtherOrThematic(self.thematicId).then(res => {\r\n          if(res && !res.errors) {\r\n            self.formatQuestion()\r\n            self.startTimeQuestion = new Date()\r\n            // Promise.all([self.getQuestionListOfSidebar(), self.getQuestionData()]);\r\n            // self.$router.push({name: 'exerciseThematicQuestion', params: {...self.routerParams, question: 0}})\r\n            // self.$toast.success('Thực hiện làm lại bài tập thành công!')\r\n          }\r\n        })\r\n      },\r\n\r\n\r\n      formatQuestion () {\r\n        localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n        this.question = {}\r\n        this.sliderQuestionList = []\r\n        if (this.keySidebarActive === 'info') {\r\n          this.questionIdCheckAnswer = {\r\n            value: this.sliderQuestionList && this.sliderQuestionList[this.questionindexActive - 1] && this.sliderQuestionList[this.questionindexActive - 1].isTrue ? true : false,\r\n            id: 0\r\n          }\r\n        }\r\n        this.getQuestionListOfSidebar()\r\n        // Get question info\r\n        // Promise.all([this.getQuestionListOfSidebar(), this.getInfoQuestion()])\r\n      },\r\n\r\n      async directExerciseCat(val) {\r\n        this.routerParams.question && delete this.routerParams.question\r\n        this.$router.push({name: 'exerciseThematicDetail', params: {...this.routerParams, id: val.chapterId}})\r\n      },\r\n\r\n      handleActiveBookSuccess(val) {\r\n        this.thematicInfo.limitPage = 1000;\r\n        this.thematicInfo.actived = true;\r\n      },\r\n\r\n      handleCheckAnswerResult() {\r\n          if(this.question.type === TYPE_GROUP) {\r\n            this.txtMissingQuestionGroup = '';\r\n          }\r\n          (this.question.type !== this.typeDrawShape && this.question.type !== this.typeDownAnswer) && this.checkAnswer();\r\n      },\r\n\r\n      prevCatBook() {\r\n        this.handleNextPrevCat = 'prev'\r\n        this.goToCat()\r\n      },\r\n\r\n      nextCatBook() {\r\n        this.handleNextPrevCat = 'next'\r\n        this.goToCat(1)\r\n      },\r\n\r\n      goToCat(type = 0) {\r\n        let indexCatCurr = this.catsFlatForExercise.findIndex(cat => cat.chapterId === parseInt(this.$route.params.id));\r\n        let catsLength = this.catsFlatForExercise.length\r\n        this.resetValKeyboard()\r\n        if( (type === 0 && indexCatCurr > 0) || (type > 0 && indexCatCurr < catsLength - 1) ) {\r\n          let targetCat = type === 0 ? this.catsFlatForExercise[indexCatCurr - 1].chapterId : this.catsFlatForExercise[indexCatCurr + 1].chapterId\r\n          this.question = {}\r\n          this.$router.replace({ params: {...this.$route.params, id: targetCat}, query: {cauhoi: 0} })\r\n          this.startTimeQuestion = new Date()\r\n        }\r\n      },\r\n\r\n      handleChangeQuestionDisplay () {\r\n        let questionPosition = this.$route.query.cauhoi ? parseInt(this.$route.query.cauhoi) : 0\r\n        // console.log('Change question', questionPosition, this.sliderQuestionList)\r\n        if (questionPosition > 0) {\r\n          this.getQuestionListOfSidebar()\r\n          this.startTimeQuestion = new Date()\r\n        } else {\r\n          this.question = {}\r\n        }\r\n      },\r\n\r\n      goBackIntroThematic () {\r\n        this.resetAllDataSaved()\r\n        // this.formatQuestion()\r\n        this.question = {}\r\n        // this.sliderQuestionList = []\r\n        this.$router.replace({ query: {cauhoi: 0} })\r\n      }\r\n    }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .book-viewer__cats .card-body ul li:not(:last-child) {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .cat-head, .cat-child li {\r\n        @extend .display-flex;\r\n        @extend .justify-content-between;\r\n\r\n        >i {\r\n            @extend .position-rel;\r\n            top: 5px;\r\n            @extend .font-size-20;\r\n        }\r\n    }\r\n\r\n    .exercise-detail {\r\n\r\n      &__back {\r\n        position: absolute;\r\n        top: 0;\r\n        left: -30px;\r\n        line-height: 35px;\r\n        width: 3px;\r\n        @extend .font-size-20;\r\n        @extend .text-center;\r\n\r\n        * {\r\n          @extend .primary-color;\r\n        }\r\n      }\r\n            \r\n      &__questions {\r\n        padding: 30px 40px;\r\n        @media screen and ( max-width: 767px ) {\r\n          padding: 15px\r\n        }\r\n      }\r\n    }\r\n\r\n    .btn-do-ex {\r\n      height: 30px;\r\n      line-height: 28px;\r\n      padding: 0px 20px;\r\n    }\r\n    .exercise-thematic__info {\r\n      &__action {\r\n        margin: 30px 0 20px;\r\n      }\r\n\r\n      &__title {\r\n        margin-bottom: 20px;\r\n      }\r\n    }\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ThematicDetail.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!./ThematicDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThematicDetail.vue?vue&type=template&id=743a581a&scoped=true&\"\nimport script from \"./ThematicDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ThematicDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThematicDetail.vue?vue&type=style&index=0&id=743a581a&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  \"743a581a\",\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('Viewer',{attrs:{\"isOpenBookCats\":_vm.openBookCats,\"valOpenSidebar\":_vm.typeOpenSidebar,\"linkBack\":_vm.thematicInfo ? { name:'exercise', query:{ lop: _vm.thematicInfo.classId, mon: _vm.thematicInfo.subjectId, tab: _vm.typeId} } : {}},scopedSlots:_vm._u([(_vm.thematicInfo)?{key:\"viewer_head_name\",fn:function(){return [_vm._v(_vm._s(_vm.thematicInfo.title))]},proxy:true}:null,(_vm.thematicInfo)?{key:\"viewer_head_right\",fn:function(){return [_vm._v(_vm._s(_vm.versionApp))]},proxy:true}:null,{key:\"viewr_body\",fn:function(){return [_c('div',{staticClass:\"exercise-detail__questions position-rel\"},[_c('div',{staticClass:\"exercise-detail__list\"},[(_vm.questionCurr === 0 && _vm.questionsSaved)?_c('ExerciseQuestionList',{attrs:{\"dataSource\":_vm.questionsSaved},on:{\"handleGoQuestion\":_vm.directQuestion}}):_c('div',{staticClass:\"item position-rel content-1\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_c('div',{staticClass:\"question-group\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"questions\":[_vm.question],\"location\":0,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion,\"getResultQuestion\":_vm.getResultQuestion,\"answerMissing\":_vm.handleAnswerMissing}}),(_vm.question.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((_vm.question.listQuestionChild),function(child,pos){return _c('div',{staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":0,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion}}):_vm._e()],1)}),0):_vm._e(),(_vm.txtMissingQuestionGroup)?_c('p',{staticClass:\"question-missing-answer color-err\"},[_vm._v(_vm._s(_vm.txtMissingQuestionGroup))]):_vm._e()],1):(_vm.question)?_c('div',{staticClass:\"question-single\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"location\":0,\"preview\":true},on:{\"getResultQuestion\":_vm.getResultQuestion,\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}})],1):_vm._e()])],1),(_vm.questionCurr > 0)?_c('div',{staticClass:\"exercise-detail__feedback display-flex-center justify-content-between\"},[(!_vm.showGuideContent)?_c('a',{staticClass:\"secondary-color-txt\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleGuideContent}},[_vm._v(\"Xem hướng dẫn\")]):_c('a',{staticClass:\"primary-color\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleGuideContent}},[_vm._v(\"Ẩn hướng dẫn\")])]):_vm._e(),(_vm.showGuideContent)?_c('div',{staticClass:\"exercise-detail__guide\"},[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\"}},[_c('b-tab',{attrs:{\"title\":\"Hướng dẫn \"}},[_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"},[_c('span',{staticClass:\"display-block font-size-16 secondary-color-txt font-sanpro\"},[_vm._v(_vm._s(_vm.versionApp))]),(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_vm._l((_vm.question.listQuestionChild),function(guide,index){return _c('div',{key:(\"guide_\" + index),staticClass:\"child-item\"},[(guide && guide.title)?_c('b',[_vm._v(_vm._s(guide.title))]):_vm._e(),(guide && guide.guideContent)?_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(guide.guideContent)}}):_vm._e()])}):_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(_vm.question.guideContent)}})],2)]),_c('b-tab',{attrs:{\"title\":\"Lời giải chi tiết\"}},[_c('span',{staticClass:\"display-block font-size-16 secondary-color-txt font-sanpro\"},[_vm._v(_vm._s(_vm.versionApp))]),_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_vm._l((_vm.question.listQuestionChild),function(and,index){return _c('div',{key:(\"and_\" + index),staticClass:\"child-item\"},[(and && and.title)?_c('b',[_vm._v(_vm._s(and.title))]):_vm._e(),(and && and.answerDetail)?_c('div',{staticClass:\"answer__detail__content\",domProps:{\"innerHTML\":_vm._s(and.answerDetail)}}):_vm._e()])}):_c('div',{staticClass:\"answer__detail__content\",domProps:{\"innerHTML\":_vm._s(_vm.question.answerDetail)}})],2)])],1)],1):_vm._e(),(_vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991 && _vm.questionCurr !== 0)?_c('div',{staticClass:\"overlay-question\",on:{\"click\":_vm.resetValKeyboard}}):_vm._e()])]},proxy:true},{key:\"viewer_sidebar_icon\",fn:function(){return [_c('a',{class:{'active': _vm.keySidebarActive === 'link'},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.openSidebar('link')}}},[_c('i',{staticClass:\"icon-link font-size-24\"})])]},proxy:true},{key:\"viewer_sidebar_content\",fn:function(){return [(_vm.keySidebarActive === 'search')?_c('div',{staticClass:\"sidebar__search\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Tra cứu\")]),_c('div',{staticClass:\"sidebar__search__form\"},[_c('div',{staticClass:\"input-custom-icon\"},[_c('input',{attrs:{\"type\":\"text\",\"name\":\"search\",\"autocomplete\":\"off\"}}),_c('i',{staticClass:\"fas fa-search primary-color\"})])]),_c('div',{staticClass:\"sidebar__search__result\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Trang\")]},proxy:true}],null,false,3327375251)},[_c('div',{staticClass:\"result-pages\"},[_c('a',{staticClass:\"item\",attrs:{\"href\":\"javascript:;\"}},[_c('img',{attrs:{\"src\":\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\",\"alt\":\"12\"}}),_c('span',[_vm._v(\"12\")])])])]),_c('b-tab',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Bài\")]},proxy:true}],null,false,2885879670)},[_c('ul',{staticClass:\"result-lesson margin-0\"},[_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Tên bài học\")])])])])],1)],1)]):_vm._e(),(_vm.keySidebarActive === 'link')?_c('div',{staticClass:\"sidebar-link\"},[_c('div',{staticClass:\"sidebar-link__head\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Liên kết\")])])]),_c('div',{staticClass:\"sidebar__link__result\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Luyện tập\")]},proxy:true}],null,false,2244193821)},[_c('div',{staticClass:\"book-links\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"item display-flex full-width\"},[_c('div',{staticClass:\"item__img\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('img',{attrs:{\"src\":\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\",\"alt\":\"Sách giáo khoa môn Toán 1 (Tập 1)\"}})])],1),_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\"},[_c('router-link',{staticClass:\"color-inherit\",attrs:{\"to\":\"/\"}},[_vm._v(\"Sách giáo khoa môn Toán 1 (Tập 1)\")])],1),_c('p',{staticClass:\"item__year font-size-14 secondary-color-txt\"},[_vm._v(\"Tái bản: 2020\")]),_c('router-link',{staticClass:\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\",attrs:{\"to\":\"/\"}},[_vm._v(\"Đọc sách\")])],1)])])],1)]),_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Sách điện tử\")]},proxy:true}],null,false,3704549356)},[_c('div',{staticClass:\"book-links\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},_vm._l((_vm.bookRelates),function(item,index){return _c('div',{staticClass:\"item display-flex full-width\"},[_c('div',{staticClass:\"item__img\"},[_c('router-link',{attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_c('img',{attrs:{\"src\":item.imageUrl ? _vm.cdnUrl + item.imageUrl : '',\"alt\":item.name}})])],1),_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\"},[_c('router-link',{staticClass:\"color-inherit\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_vm._v(_vm._s(item.name))])],1),_c('p',{staticClass:\"item__year font-size-14 secondary-color-txt\"},[_vm._v(\"Tái bản: \"+_vm._s(item.editionYear))]),_c('router-link',{staticClass:\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }},\"target\":\"_blank\"}},[_vm._v(\"Đọc sách\")])],1)])}),0)],1)])],1)],1)])]):_vm._e()]},proxy:true},{key:\"viewer_toggle_cat_name\",fn:function(){return [_vm._v(\"Mục lục\")]},proxy:true},{key:\"viewer_footer_right\",fn:function(){return [_c('div',{staticClass:\"exercise-detail__direct display-flex-center\"},[_c('div',{staticClass:\"book-viewer__paging display-flex-center\"},[_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.indexCatCurr) <= 0},attrs:{\"href\":\"javascript:;\",\"title\":\"Danh mục trước\"},on:{\"click\":_vm.prevCatBook}},[_c('i',{staticClass:\"icon-first-page primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.questionCurr) <= 1},attrs:{\"href\":\"javascript:;\",\"title\":\"Câu hỏi trước\"},on:{\"click\":_vm.prevQuestion}},[_c('i',{staticClass:\"icon-prev primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.questionCurr) >= parseInt(_vm.questionList.length)},attrs:{\"href\":\"javascript:;\",\"title\":\"Câu hỏi tiếp theo\"},on:{\"click\":_vm.nextQuestion}},[_c('i',{staticClass:\"icon-next primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.indexCatCurr) >= _vm.thematicCatLength - 1},attrs:{\"href\":\"javascript:;\",\"title\":\"Danh mục tiếp theo\"},on:{\"click\":_vm.nextCatBook}},[_c('i',{staticClass:\"icon-last-page primary-color font-size-24\"})])])]),(_vm.questionCurr !== 0 && _vm.question)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\",class:{'disabled': (_vm.question && (_vm.question.type === _vm.typeDrawShape || _vm.question.type === _vm.typeDownAnswer)) || _vm.questionCurr === 0 || _vm.question.isWorked || _vm.question.statusWorked},attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.checkAnswer}},[_vm._v(\"Kiểm tra\")]):_vm._e()]},proxy:true},{key:\"viewer_sidebar_cat_head\",fn:function(){return [_c('div',{staticClass:\"exercise-detail__cats__breadcrumb\"},[_c('ul',{staticClass:\"margin-0 p-0 text-left\"},_vm._l((_vm.breadCrumbCurr),function(bread,index){return _c('li',{staticClass:\"word-excerpt\",class:{'active': index === _vm.breadCrumbCurr.length - 1 && _vm.questionCurr === 0}},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){index === _vm.breadCrumbCurr.length - 1 && _vm.breadCrumbCurr.length > 1 ? _vm.getQuestionData(bread) : _vm.directExerciseCat(_vm.breadCrumbCurr[_vm.breadCrumbCurr.length - 1])}}},[(index === 0)?_c('span',{staticClass:\"icon-arrow-left font-size-13 secondary-color-txt position-rel\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(bread.title)+\" \\n              \")]),(index === _vm.breadCrumbCurr.length - 1)?_c('span',{staticClass:\"btn-reset\",on:{\"click\":_vm.resetAnswers}},[_c('i',{staticClass:\"icon-reset primary-color font-size-18\"})]):_vm._e()])}),0)])]},proxy:true},{key:\"viewer_sidebar_cat_body\",fn:function(){return [_c('div',{staticClass:\"book-viewer__cats__list exercise-detail__cats__list\"},_vm._l((_vm.questionList),function(item,index){return _c('a',{staticClass:\"item\",class:{\n              'curr': item.current, \n              'success': (item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue), \n              'error': (item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue) \n          },on:{\"click\":function($event){return _vm.directQuestion(index + 1)}}},[_vm._v(\"\\n        \"+_vm._s(item.name)+\"\\n      \")])}),0)]},proxy:true},{key:\"viewer_footer\",fn:function(){return [(_vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991)?_c('VituralKeyboard',{class:{'open-cat': _vm.openBookCats, 'over-height': _vm.valVituralKeyboard && _vm.valVituralKeyboard.isOverHaflScreen}}):_vm._e(),(_vm.actionPlayQuestionTrue)?_c('audio',{attrs:{\"id\":\"question_true\",\"src\":_vm.correct,\"autoplay\":\"\"}}):_vm._e(),(_vm.actionPlayQuestionFalse)?_c('audio',{attrs:{\"id\":\"question_false\",\"src\":_vm.incorrect,\"autoplay\":\"\"}}):_vm._e()]},proxy:true}],null,true)})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <Viewer :isOpenBookCats=\"openBookCats\" :valOpenSidebar=\"typeOpenSidebar\" :linkBack=\"thematicInfo ? { name:'exercise', query:{ lop: thematicInfo.classId, mon: thematicInfo.subjectId, tab: typeId} } : {}\">\r\n    <template v-if=\"thematicInfo\" v-slot:viewer_head_name>{{ thematicInfo.title }}</template>\r\n    <template v-if=\"thematicInfo\" v-slot:viewer_head_right>{{ versionApp }}</template>\r\n    <template v-slot:viewr_body>\r\n      <div class=\"exercise-detail__questions position-rel\">\r\n        <div class=\"exercise-detail__list\">\r\n          <ExerciseQuestionList v-if=\"questionCurr === 0 && questionsSaved\" :dataSource=\"questionsSaved\" @handleGoQuestion=\"directQuestion\" />\r\n          <div v-else class=\"item position-rel content-1\">\r\n              <div class=\"question-group\" v-if=\"question && question.type && question.type === typeGroup\">\r\n                  <PreviewQuestion \r\n                      :dataSource=\"question\"\r\n                      :questions=\"[question]\"\r\n                      :location=\"0\"\r\n                      :preview=\"true\"\r\n                      :questionsData=\"question\"\r\n                      @formatQuestion=\"getInfoQuestion\"\r\n                      @getResultQuestion=\"getResultQuestion\"\r\n                      @answerMissing=\"handleAnswerMissing\"\r\n                  />\r\n                  <div class=\"questions-child\" v-if=\"question.listQuestionChild\">\r\n                      <div class=\"questions-child__item\" v-for=\"(child, pos) of question.listQuestionChild\">\r\n                          <PreviewQuestion \r\n                              v-if=\"child\"\r\n                              :dataSource=\"child\"\r\n                              :location=\"pos\"\r\n                              :parentIndex=\"0\"\r\n                              :isQuestionChild=\"true\"\r\n                              :preview=\"true\"\r\n                              :questionsData=\"question\"\r\n                              @formatQuestion=\"getInfoQuestion\"\r\n                          />\r\n                      </div>\r\n                  </div>\r\n                  <p v-if=\"txtMissingQuestionGroup\" class=\"question-missing-answer color-err\">{{ txtMissingQuestionGroup }}</p>\r\n              </div>\r\n              <div class=\"question-single\" v-else-if=\"question\">\r\n                  <PreviewQuestion \r\n                      :dataSource=\"question\"\r\n                      :location=\"0\"\r\n                      :preview=\"true\"\r\n                      @getResultQuestion=\"getResultQuestion\"\r\n                      @formatQuestion=\"getInfoQuestion\"\r\n                      @answerMissing=\"handleAnswerMissing\"\r\n                  />\r\n              </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"questionCurr > 0\" class=\"exercise-detail__feedback display-flex-center justify-content-between\">\r\n          <a\r\n            href=\"javascript:;\"\r\n            v-if=\"!showGuideContent\"\r\n            class=\"secondary-color-txt\"\r\n            @click=\"toggleGuideContent\"\r\n          >Xem hướng dẫn</a>\r\n          <a\r\n            href=\"javascript:;\"\r\n            v-else\r\n            class=\"primary-color\"\r\n            @click=\"toggleGuideContent\"\r\n          >Ẩn hướng dẫn</a>\r\n        </div>\r\n        <div class=\"exercise-detail__guide\" v-if=\"showGuideContent\">\r\n          <b-tabs content-class=\"mt-3\">\r\n            <b-tab title=\"Hướng dẫn \">\r\n              <div class=\"exercise-detail__guide__content font-size-16 primary-color-txt\">\r\n                  <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">{{ versionApp }}</span>\r\n                <template v-if=\"question && question.type && question.type === typeGroup\">\r\n                  <div class=\"child-item\" v-for=\"(guide, index) of question.listQuestionChild\" :key=\"`guide_${index}`\">\r\n                    <b v-if=\"guide && guide.title\">{{ guide.title }}</b>\r\n                    <div v-if=\"guide && guide.guideContent\" class=\"guide__content\" v-html=\"guide.guideContent\"></div>\r\n                  </div>\r\n                </template>\r\n                <div v-else class=\"guide__content\" v-html=\"question.guideContent\"></div>\r\n              </div>\r\n            </b-tab>\r\n            <b-tab title=\"Lời giải chi tiết\">\r\n                <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">{{ versionApp }}</span>\r\n              <div class=\"exercise-detail__guide__content font-size-16 primary-color-txt\">\r\n                <template v-if=\"question && question.type && question.type === typeGroup\">\r\n                  <div class=\"child-item\" v-for=\"(and, index) of question.listQuestionChild\" :key=\"`and_${index}`\">\r\n                    <b v-if=\"and && and.title\">{{ and.title }}</b>\r\n                    <div v-if=\"and && and.answerDetail\" class=\"answer__detail__content\" v-html=\"and.answerDetail\"></div>\r\n                  </div>\r\n                </template>\r\n                <div v-else class=\"answer__detail__content\" v-html=\"question.answerDetail\"></div>\r\n              </div>\r\n            </b-tab>\r\n          </b-tabs>\r\n        </div>\r\n        <div class=\"overlay-question\" v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991 && questionCurr !== 0\" @click=\"resetValKeyboard\"></div>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_icon>\r\n      <!-- <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'search'}\" @click=\"openSidebar('search')\"><i class=\"icon-search font-size-24\"></i></a> -->\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'link'}\" @click=\"openSidebar('link')\"><i class=\"icon-link font-size-24\"></i></a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_content>\r\n      <div class=\"sidebar__search\" v-if=\"keySidebarActive === 'search'\">\r\n        <h3 class=\"sidebar__title\">Tra cứu</h3>\r\n        <div class=\"sidebar__search__form\">\r\n          <div class=\"input-custom-icon\">\r\n            <input type=\"text\" name=\"search\" autocomplete=\"off\" />\r\n            <i class=\"fas fa-search primary-color\"></i>\r\n          </div>\r\n        </div>\r\n        <div class=\"sidebar__search__result\">\r\n          <b-tabs class=\"sidebar__tabs\">\r\n            <b-tab active>\r\n              <template v-slot:title>Trang</template>\r\n              <div class=\"result-pages\">\r\n                <a href=\"javascript:;\" class=\"item\">\r\n                  <img src=\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\" alt=\"12\">\r\n                  <span>12</span>\r\n                </a>\r\n              </div>\r\n            </b-tab>\r\n            <b-tab>\r\n              <template v-slot:title>Bài</template>\r\n              <ul class=\"result-lesson margin-0\">\r\n                <li><a href=\"javascript:;\">Tên bài học</a></li>\r\n              </ul>\r\n            </b-tab>\r\n          </b-tabs>\r\n        </div>\r\n      </div>\r\n      <div class=\"sidebar-link\" v-if=\"keySidebarActive === 'link'\">\r\n        <div class=\"sidebar-link__head\">\r\n          <div class=\"book-viewer__sidebar__contents__wrap\">\r\n            <h3 class=\"sidebar__title\">Liên kết</h3>\r\n          </div>\r\n        </div>\r\n        <div class=\"sidebar__link__result\">\r\n          <div class=\"book-viewer__sidebar__contents__wrap\">\r\n            <b-tabs class=\"sidebar__tabs\">\r\n              <b-tab active>\r\n                <template v-slot:title>Luyện tập</template>\r\n                <div class=\"book-links\">\r\n                  <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n                    <div class=\"item display-flex full-width\">\r\n                      <div class=\"item__img\">\r\n                        <router-link to=\"/\">\r\n                          <img src=\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\" alt=\"Sách giáo khoa môn Toán 1 (Tập 1)\">\r\n                        </router-link>\r\n                      </div>\r\n                      <div class=\"item__content\">\r\n                        <h4 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\">\r\n                          <router-link to=\"/\" class=\"color-inherit\">Sách giáo khoa môn Toán 1 (Tập 1)</router-link>\r\n                        </h4>\r\n                        <p class=\"item__year font-size-14 secondary-color-txt\">Tái bản: 2020</p>\r\n                        <router-link to=\"/\" class=\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\">Đọc sách</router-link>\r\n                      </div>\r\n                    </div>\r\n                  </vue-custom-scrollbar>\r\n                </div>\r\n              </b-tab>\r\n              <b-tab active>\r\n                <template v-slot:title>Sách điện tử</template>\r\n                <div class=\"book-links\">\r\n                  <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n                    <div class=\"item display-flex full-width\" v-for=\"(item, index) of bookRelates\">\r\n                      <div class=\"item__img\">\r\n                        <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\">\r\n                          <img :src=\"item.imageUrl ? cdnUrl + item.imageUrl : ''\" :alt=\"item.name\">\r\n                        </router-link>\r\n                      </div>\r\n                      <div class=\"item__content\">\r\n                        <h4 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\">\r\n                          <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" class=\"color-inherit\">{{ item.name }}</router-link>\r\n                        </h4>\r\n                        <p class=\"item__year font-size-14 secondary-color-txt\">Tái bản: {{ item.editionYear }}</p>\r\n                        <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" target= '_blank' class=\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\">Đọc sách</router-link>\r\n                      </div>\r\n                    </div>\r\n                  </vue-custom-scrollbar>\r\n                </div>\r\n              </b-tab>\r\n            </b-tabs>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_toggle_cat_name>Mục lục</template>\r\n    <template v-slot:viewer_footer_right>\r\n      <div class=\"exercise-detail__direct display-flex-center\">\r\n        <div class=\"book-viewer__paging display-flex-center\">\r\n          <a href=\"javascript:;\" v-b-tooltip.hover title=\"Danh mục trước\" @click=\"prevCatBook\" :class=\"{'disabled': parseInt(indexCatCurr) <= 0}\">\r\n            <i class=\"icon-first-page primary-color font-size-24\"></i>\r\n          </a>\r\n          <a href=\"javascript:;\" v-b-tooltip.hover title=\"Câu hỏi trước\" @click=\"prevQuestion\" :class=\"{'disabled': parseInt(questionCurr) <= 1}\">\r\n            <i class=\"icon-prev primary-color font-size-24\"></i>\r\n          </a>\r\n          <a href=\"javascript:;\" v-b-tooltip.hover title=\"Câu hỏi tiếp theo\" @click=\"nextQuestion\" :class=\"{'disabled': parseInt(questionCurr) >= parseInt(questionList.length)}\">\r\n            <i class=\"icon-next primary-color font-size-24\"></i>\r\n          </a>\r\n          <a href=\"javascript:;\" v-b-tooltip.hover title=\"Danh mục tiếp theo\" @click=\"nextCatBook\" :class=\"{'disabled': parseInt(indexCatCurr) >= thematicCatLength - 1}\">\r\n              <i class=\"icon-last-page primary-color font-size-24\"></i>\r\n          </a>\r\n        </div>\r\n      </div>\r\n      <a \r\n        href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\"\r\n        v-if=\"questionCurr !== 0 && question\" \r\n        :class=\"{'disabled': (question && (question.type === typeDrawShape || question.type === typeDownAnswer)) || questionCurr === 0 || question.isWorked || question.statusWorked}\" \r\n        @click=\"checkAnswer\"\r\n      >Kiểm tra</a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_head>\r\n      <div class=\"exercise-detail__cats__breadcrumb\">\r\n        <ul class=\"margin-0 p-0 text-left\">\r\n            <li class=\"word-excerpt\" v-for=\"(bread, index) of breadCrumbCurr\" :class=\"{'active': index === breadCrumbCurr.length - 1 && questionCurr === 0}\">\r\n                <a href=\"javascript:;\" @click=\"index === breadCrumbCurr.length - 1 && breadCrumbCurr.length > 1 ? getQuestionData(bread) : directExerciseCat(breadCrumbCurr[breadCrumbCurr.length - 1])\">\r\n                  <span v-if=\"index === 0\" class=\"icon-arrow-left font-size-13 secondary-color-txt position-rel\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n                  {{bread.title}} \r\n                </a>\r\n                <span v-if=\"index === breadCrumbCurr.length - 1\" class=\"btn-reset\" @click=\"resetAnswers\">\r\n                  <i class=\"icon-reset primary-color font-size-18\"></i>\r\n                </span>\r\n            </li>\r\n            <!-- <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">{{ versionApp }}</span> -->\r\n        </ul>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_body>\r\n      <div class=\"book-viewer__cats__list exercise-detail__cats__list\">\r\n        <a class=\"item\" \r\n            v-for=\"(item, index) of questionList\" \r\n            :class=\"{\r\n                'curr': item.current, \r\n                'success': (item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue), \r\n                'error': (item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue) \r\n            }\" \r\n            @click=\"directQuestion(index + 1)\"\r\n        >\r\n          {{ item.name }}\r\n        </a>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_footer>\r\n      <VituralKeyboard v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991\" :class=\"{'open-cat': openBookCats, 'over-height': valVituralKeyboard && valVituralKeyboard.isOverHaflScreen}\" />\r\n      <audio v-if=\"actionPlayQuestionTrue\" id=\"question_true\" :src=\"correct\" autoplay></audio>\r\n      <audio v-if=\"actionPlayQuestionFalse\" id=\"question_false\" :src=\"incorrect\" autoplay></audio>\r\n    </template>\r\n  </Viewer>\r\n</template>\r\n\r\n<script>\r\n    import {mapGetters, mapActions, mapState} from 'vuex';\r\n    import { TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question/_store/constants'\r\n    import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n    import { APP_CONFIG } from '@/utils/constants'\r\n    import PreviewQuestion from '@/modules/question/preview-question/PreviewQuestion.vue'\r\n    import { getQuestionDetail, getDetailOfOtherOrThematic, getQuestionListOfOtherOrThematic, getCatOfExerciseOtherOrThematic, saveUserWorkQuestion, resetResultCorrectQuestionOtherOrThematic, getQuestionListInSidebarOfThematicOrOther } from './../../_api/'\r\n    import { STORE_KEY, LOCAL_SAVE_QUESTIONS_WORKED, LOCAL_QUESTIONS_DATA, TYPE_EXERCISE_THEMATIC } from \"./../../_store/constants\";\r\n    import ExerciseQuestionList from './../../_components/ExerciseQuestionList.vue'\r\n    // import ActiveCode from '@/modules/ebooks/_components/common/ActiveCode.vue'\r\n    import mixinExercise from './../../_store/mixinExercise'\r\n    // import { getAuth } from '@/utils/jwt'\r\n    // import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n    import VituralKeyboard from '@/modules/question/preview-question/VituralKeyboard.vue'\r\n    import { STORE_KEY as STORE_KEY_QUESTION } from '@/modules/question/preview-question/_store/constants'\r\n    const correct = require('@/assets/audio/correct.mp3')\r\n    const incorrect = require('@/assets/audio/incorrect.mp3')\r\n    import Viewer from '@/layouts/Viewer.vue'\r\n   \r\n    export default {\r\n        name: 'ExerciseExam',\r\n        mixins: [ mixinExercise ],\r\n        components: {\r\n            vueCustomScrollbar,\r\n            PreviewQuestion,\r\n            ExerciseQuestionList,\r\n            // ActiveCode,\r\n            VituralKeyboard,\r\n            Viewer\r\n        },\r\n        data() {\r\n            return {\r\n                typeGroup: TYPE_GROUP,\r\n                typeDrawShape: TYPE_DRAW_SHAPE_ANSWER,\r\n                typeDownAnswer: TYPE_DOWN_ANSWER,\r\n                typefillBlank: TYPE_FILL_BLANK,\r\n                typeSelect: TYPE_SELECT,\r\n                typeMatchCol: TYPE_MATH_COL,\r\n                cdnUrl: APP_CONFIG.cdnUrl,\r\n                settingsViewBookSidebar: {\r\n                  maxScrollbarLength: 300,\r\n                },\r\n                collapseOpen: '',\r\n                isOpenSidebar: false,\r\n                typeOpenSidebar: {},\r\n                keySidebarActive: '', // search ||'link'\r\n                openBookCats: true,\r\n                openSidebarMobile: false,\r\n                showGuideContent: false,\r\n                tabGuideActive: 0,\r\n                questionindexActive: null,\r\n                questionsSaved: [],\r\n                questionList: [],\r\n                questionsLoaded: [],\r\n                question: null,\r\n                bookRelates: [],\r\n                arrResultCorrect: [],\r\n                catExercise: null,\r\n                thematicInfo: null,\r\n                // exerciseBookActive: null,\r\n                breadCrumbCurr: [],\r\n                txtMissingQuestionGroup: '',\r\n                indexCatCurr: 0,\r\n                thematicCatLength: 0,\r\n                authInfo: {},\r\n                catsFlat: [],\r\n                setValQuestionChange: {},\r\n                correct,\r\n                incorrect,\r\n                actionPlayQuestionTrue: false,\r\n                actionPlayQuestionFalse: false,\r\n                handleNextPrevCat: '', //next or prev\r\n                dataCatsThematic: []\r\n            }\r\n        },\r\n        computed: {\r\n            ...mapState(STORE_KEY, ['paramsFilterExOtherThematic']),\r\n            ...mapState('auth', ['loginPopupData']),\r\n            ...mapState(STORE_KEY_QUESTION, ['valVituralKeyboard']),\r\n            ...mapGetters({\r\n                actionCheckQuestion: `common/actionCheckQuestion`,\r\n            }),\r\n           routerParams() {\r\n              return this.$route.params;\r\n            },\r\n            classId() {\r\n              return parseInt(this.$route.params.classId);\r\n            },\r\n            subjectId() {\r\n              return parseInt(this.$route.params.subjectId);\r\n            },\r\n            screenWidth() {\r\n              return window.innerWidth;\r\n            },\r\n            thematicId() {\r\n              return parseInt(this.$route.params.id);\r\n            },\r\n            typeId() {\r\n              return parseInt(this.$route.params.typeId);\r\n            },\r\n            questionCurr() {\r\n              return parseInt(this.$route.params.question);\r\n            },\r\n            ...mapState('common', ['versionApp']),\r\n        },\r\n        watch: {\r\n            '$route.params.question': 'getInfoQuestion',\r\n            actionCheckQuestion(newVal) {\r\n                !newVal && this.setQuestionResult();\r\n            },\r\n            '$route.params.id': 'getQuestionNewThematic',\r\n            valVituralKeyboard(newVal) {\r\n              if(newVal.ref) {\r\n                  document.getElementById(newVal.ref).value = newVal.val;\r\n                  document.getElementById(newVal.ref).focus();\r\n              }\r\n            }\r\n        },\r\n        created() {\r\n            this.getThematicInfo();\r\n            this.getQuestionListOfSidebar();\r\n            // this.authInfo = getAuth();\r\n        },\r\n        mounted () {\r\n            this.getInfoSaveLocal();\r\n            this.getCatsOfThematic();\r\n        },\r\n        destroyed () {\r\n            this.resetValKeyboard();\r\n            localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n            localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n        },\r\n        methods: {\r\n            ...mapActions('common', ['setLoading', 'setActionCheckQuestion', 'setToggleModalActivePage', 'acSetDataBookActiveWant', 'acToggleModalActiveBook']),\r\n            ...mapActions(STORE_KEY, ['actionBookIndexOfBook', 'acSetParamFilterOtherThematic']),\r\n            ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n\r\n            getCatsOfThematic() {\r\n                let self = this;\r\n                // if(!self.bookIndexOfBook || self.bookIndexOfBook.length === 0) {\r\n                  self.acSetParamFilterOtherThematic({...self.paramsFilterExOtherThematic, classId: self.classId, subjectId: self.subjectId, type: TYPE_EXERCISE_THEMATIC})\r\n                  getCatOfExerciseOtherOrThematic(self.paramsFilterExOtherThematic).then(async res => {\r\n                      if(res && res.data && !res.errors) {\r\n                          self.dataCatsThematic = await self.flatenCatsExOtherOrThematic(res.data)\r\n                          self.thematicCatLength = self.dataCatsThematic.length\r\n                          // Save bookIndex into state\r\n                          setTimeout(() => {\r\n                            self.setBreadCrumbCurr(self.dataCatsThematic);\r\n                          }, 100)\r\n                          \r\n                      }\r\n                  }).catch().finally(() => self.setLoading(false));\r\n                // } else {\r\n                //     self.setBreadCrumbCurr();\r\n                // }\r\n            },\r\n\r\n            setBreadCrumbCurr() {\r\n                this.breadCrumbCurr = [];\r\n                if(this.dataCatsThematic && this.dataCatsThematic.length > 0) {\r\n                  this.indexCatCurr = this.dataCatsThematic.findIndex(cat => cat.chapterId === this.thematicId);\r\n                  if(this.indexCatCurr > -1) {\r\n                    const { chapterId, title } = this.thematicInfo\r\n                    this.breadCrumbCurr = [...this.dataCatsThematic[this.indexCatCurr].parents, {chapterId, title}]\r\n                  }\r\n                }\r\n            },\r\n\r\n            getQuestionNewThematic() {\r\n              this.setLoading(true)\r\n              let indexCatActive = this.dataCatsThematic.findIndex(cat => cat.chapterId === this.thematicId)\r\n              if(indexCatActive > -1) {\r\n                this.thematicInfo = this.dataCatsThematic[indexCatActive]\r\n              }\r\n              Promise.all([this.getQuestionListOfSidebar(), this.fetchQuestionList(), this.setBreadCrumbCurr()])\r\n            },\r\n\r\n            getInfoSaveLocal() {\r\n                // let catInfo = localStorage.getItem(LOCAL_SAVE_CAT);\r\n                // let practiceData = localStorage.getItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n                let questionData = localStorage.getItem(LOCAL_QUESTIONS_DATA);\r\n               \r\n                if(questionData && questionData !== null && questionData !== undefined) {\r\n                  this.questionsSaved = JSON.parse(questionData);\r\n                } else {\r\n                  this.fetchQuestionList()\r\n                }\r\n              \r\n            },\r\n\r\n            getThematicInfo() {\r\n                let self = this;\r\n                getDetailOfOtherOrThematic(self.thematicId).then(res => {\r\n                  if(res && res.data && !res.errors) {\r\n                    self.thematicInfo = res.data;\r\n                  }\r\n                })\r\n            },\r\n\r\n          \r\n\r\n            getQuestionListOfSidebar() {\r\n                let self = this;\r\n                self.setLoading(true);\r\n                self.questionList = [];\r\n                \r\n                getQuestionListInSidebarOfThematicOrOther(self.thematicId).then(res => {\r\n                    self.questionList = res && res.data && !res.errors ? res.data : [];\r\n                    if(res && res.data && res.data.length > 0) {\r\n                        // Set box size\r\n                        self.setSpaceSizeForOpenCatBox();\r\n\r\n                        self.getInfoQuestion();\r\n                        // Get question checked\r\n                        self.setQuestionResult();\r\n                    } else {\r\n                        self.setLoading(false)\r\n                    }\r\n                }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            getInfoQuestion() {\r\n                let self = this;\r\n                self.question = null;\r\n                // Hidden guide content\r\n                self.showGuideContent = false;\r\n                // self.arrResultCorrect = [];\r\n                self.questionindexActive = self.$route.params.question;\r\n                if(self.questionindexActive > 0) {\r\n                    self.setLoading(true);\r\n                    let questionId = self.questionList[self.questionCurr - 1].questionId;\r\n                    let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n\r\n                    if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n                        let indexQuestionSave = questionsLocalStorage.findIndex(ques => ques.questionId === questionId);\r\n                        if(indexQuestionSave > -1) {\r\n                            self.question = questionsLocalStorage[indexQuestionSave];\r\n                            self.setLoading(false);\r\n                        } else {\r\n                            self.getQuestionDetail(questionId, questionsLocalStorage);\r\n                        }\r\n                    } else {\r\n                        self.getQuestionDetail(questionId);\r\n                    }\r\n\r\n                    self.setQuestionCurr();\r\n                }\r\n            },\r\n\r\n            getQuestionDetail(questionId, dataQuestion = []) {\r\n                let self = this;\r\n                // Get question detail\r\n                getQuestionDetail(questionId).then(res => {\r\n                    if(res && res.data && !res.errors) {\r\n                        self.question = res.data;\r\n                        let dataSave = dataQuestion.length === 0 ? [res.data] : [...dataQuestion, res.data];\r\n                        self.saveLocalQuestion(dataSave);\r\n                    }\r\n                }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            saveLocalQuestion(data) {\r\n                let dataSave = JSON.stringify(data);\r\n                localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, dataSave);\r\n            },\r\n\r\n            setQuestionCurr() {\r\n                let self = this;\r\n                // Set question current\r\n                self.questionList.map((que, index) => {\r\n                    que['current'] = (parseInt(index) === parseInt(self.questionindexActive) -1) ? true : false;\r\n                })\r\n            },\r\n\r\n            setQuestionResult() {\r\n                let self = this;\r\n                let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n                if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n                    questionsLocalStorage.map((ques, index) => {\r\n                        if( ques.statusWorked ) {\r\n                            let resultCheckAnswer = ques.workedFail ? 'error' : 'success';\r\n                            let indexQuestionInList = self.questionList.findIndex(queList => queList.questionId === ques.questionId);\r\n                            if(indexQuestionInList > -1) {\r\n                                self.questionList[indexQuestionInList].answerStatus = resultCheckAnswer;\r\n                                self.logQuestionWorked(resultCheckAnswer);\r\n                            }\r\n                        }\r\n                    }) \r\n                }\r\n            },\r\n\r\n            logQuestionWorked(status) {\r\n              this.question['isTrue'] = status === 'success' ? true : false;\r\n              this.question['isWorked'] = true;\r\n            },\r\n\r\n            // openSidebar(type) {\r\n            //   if(type !=null){\r\n            //     let self = this;\r\n            //     self.openBookCats = false;\r\n            //     if(type === self.keySidebarActive) {\r\n            //       self.isOpenSidebar = false;\r\n            //       self.keySidebarActive = '';\r\n            //     } else {\r\n            //       self.isOpenSidebar = true;\r\n            //       self.keySidebarActive = type;\r\n            //     }\r\n\r\n            //     if(self.isOpenSidebar) {\r\n            //       self.setSpaceSizeForOpenSidebarBox()\r\n            //     } else {\r\n            //       self.resetPageWhenOfBoxsTransition();\r\n            //     }\r\n            //   }\r\n            // },\r\n\r\n            openSidebar(type) {\r\n              if(type !=null){\r\n                this.typeOpenSidebar = {type, isOpen: type === this.keySidebarActive ? false : true}\r\n                this.keySidebarActive = type !== this.keySidebarActive ? type : ''\r\n              }\r\n            },\r\n\r\n            handleToggleBookCats() {\r\n              let self = this;\r\n              self.openBookCats = !self.openBookCats;\r\n              self.isOpenSidebar = false;\r\n              self.keySidebarActive = '';\r\n\r\n              if(self.openBookCats) {\r\n                  self.setSpaceSizeForOpenCatBox()\r\n              } else {\r\n                  self.resetPageWhenOfBoxsTransition();\r\n              }\r\n            },\r\n\r\n            setSpaceSizeForOpenSidebarBox() {\r\n              let self = this;\r\n              let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n              let sidebarBox = document.getElementsByClassName('book-viewer__sidebar')[0];\r\n              let widthSidebarBox = sidebarBox.clientWidth;\r\n\r\n              bodyBookBox.style.paddingLeft = 0;\r\n              bodyBookBox.style.paddingRight = `${widthSidebarBox}px`;\r\n            },\r\n\r\n            setSpaceSizeForOpenCatBox() {\r\n              let self = this;\r\n              let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n              let catBox = document.getElementsByClassName('book-viewer__cats')[0];\r\n              let widthCatBox = catBox.clientWidth;\r\n\r\n              bodyBookBox.style.paddingLeft = `${widthCatBox}px`;\r\n              bodyBookBox.style.paddingRight = 0;\r\n            },\r\n\r\n            resetPageWhenOfBoxsTransition() {\r\n              let self = this;\r\n              let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n              bodyBookBox.style.paddingLeft = 0;\r\n              bodyBookBox.style.paddingRight = 0;\r\n            },\r\n\r\n            nextQuestion() {\r\n              // Reset val for keyboard\r\n              this.resetValKeyboard()\r\n              if(parseInt(this.questionindexActive) < parseInt(this.questionList.length)) {\r\n                  this.directQuestion(parseInt(this.questionindexActive) + 1);\r\n              }\r\n            },\r\n\r\n            prevQuestion() {\r\n              // Reset val for keyboard\r\n              this.resetValKeyboard()\r\n              if(parseInt(this.questionindexActive) > 1) {\r\n                  this.directQuestion(parseInt(this.questionindexActive) - 1);\r\n              }\r\n            },\r\n\r\n  \r\n\r\n            directQuestion(position) {\r\n              // Reset val for keyboard\r\n              this.resetValKeyboard();\r\n              let currentQuestion = this.$route.params.question;\r\n              if(parseInt(currentQuestion) !== parseInt(position)) {\r\n                this.question = null;\r\n                this.arrResultCorrect = [];\r\n                this.$router.push({name: 'exerciseThematicQuestion', params: {...this.routerParams, question: position}});\r\n                if(this.screenWidth < 992) {\r\n                  this.openBookCats = false;\r\n                }\r\n              }\r\n            },\r\n\r\n            async checkAnswer() {\r\n              let self = this;\r\n              self.resetValKeyboard();\r\n\r\n              self.setQuestionList4CheckAnswer([{...self.question}])\r\n              self.setQuestionData4CheckAnswer({...self.question})\r\n              \r\n              if(self.question.type === TYPE_GROUP) {\r\n                self.txtMissingQuestionGroup = '';\r\n                self.setQuestionData4CheckAnswer({...self.question, isGroup: true, parent: parent.questionId})\r\n              }\r\n\r\n              await self.setActionCheckQuestion(true);\r\n              self.showGuideContent = true;\r\n              \r\n              if(self.question.isTrue) {\r\n                  self.actionPlayQuestionTrue = true;\r\n                  setTimeout(() => {\r\n                      document.getElementById('question_true').play();\r\n                  }, 5)\r\n              } else {\r\n                  self.actionPlayQuestionFalse = true;\r\n                  setTimeout(() => {\r\n                      document.getElementById('question_false').play();\r\n                  }, 5)\r\n              }\r\n              // Active answer correct tab = 1\r\n              // this.tabGuideActive = 1;\r\n              // Update state for question:\r\n              // console.log('Check type question: ', this.question.type, self.question.type);\r\n              // await self.question.type === TYPE_GROUP && this.setQuestionResult();\r\n              // if ( self.question.type === TYPE_GROUP ) {\r\n              //     console.log('Log asadasd ', self.question)\r\n              //     self.setResultForQuestionChild()\r\n              // }\r\n              // await self.question.type === TYPE_GROUP && self.setResultForQuestionChild() \r\n              saveUserWorkQuestion(self.question)\r\n              // .then(res => {\r\n              //     if(res && !res.errors) {\r\n              //         self.$toast.success('Bạn đã hoàn thành câu hỏi ' + self.question.title);\r\n              //     }\r\n              // });\r\n              setTimeout(() => {\r\n                  self.actionPlayQuestionTrue = false;\r\n                  self.actionPlayQuestionFalse = false;\r\n              }, 4000)\r\n            },\r\n\r\n            handleAnswerMissing(valErr) {\r\n              if(this.question.type === TYPE_GROUP) {\r\n                this.txtMissingQuestionGroup = valErr;\r\n              }\r\n              setTimeout(() => {\r\n                this.showGuideContent = false;\r\n              }, 5)\r\n            },\r\n\r\n            toggleGuideContent() {\r\n              this.showGuideContent = !this.showGuideContent;\r\n            },\r\n\r\n            getResultQuestion(val) {\r\n              this.arrResultCorrect = val;\r\n            },\r\n\r\n            getQuestionData(val) {\r\n              if(this.questionindexActive > 0 ) {\r\n                  if(this.questionList[this.questionindexActive - 1] && this.questionList[this.questionindexActive - 1]['current']) {\r\n                    this.questionList[this.questionindexActive - 1]['current'] = false;\r\n                  }\r\n                  if(!val) {\r\n                    this.questionList.map(ques => {\r\n                      ques.success && delete ques.success;\r\n                      ques.error && delete ques.error;\r\n                      ques.answerStatus && delete ques.answerStatus;\r\n                    })\r\n                  }\r\n                  this.questionindexActive = 0;\r\n                  this.$router.push({name: 'exerciseThematicQuestion', params: {...this.routerParams, id: this.thematicId, question: 0}});\r\n              }\r\n              if(!this.questionsSaved) {\r\n                this.fetchQuestionList();\r\n              }\r\n            },\r\n\r\n            fetchQuestionList() {\r\n              let self = this;\r\n              self.setLoading(true);\r\n              getQuestionListOfOtherOrThematic(self.thematicId).then(res => {\r\n                  if(res && res.data && !res.errors) {\r\n                      self.questionsSaved = res.data;\r\n                      res.data.length > 0 && localStorage.setItem( LOCAL_QUESTIONS_DATA, JSON.stringify(res.data) );\r\n                      if (res.data && res.data.length === 0) {\r\n                        this.handleNextPrevCat === 'next' && this.nextCatBook()\r\n                        this.handleNextPrevCat === 'prev' && this.prevCatBook()\r\n                      }\r\n                  }\r\n              }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            async resetAnswers() {\r\n              let self = this;\r\n              await localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n              resetResultCorrectQuestionOtherOrThematic(self.thematicId).then(res => {\r\n                if(res && !res.errors) {\r\n                  Promise.all([self.getQuestionListOfSidebar(), self.getQuestionData()]);\r\n                  self.$router.push({name: 'exerciseThematicQuestion', params: {...self.routerParams, question: 0}})\r\n                  self.$toast.success('Thực hiện làm lại bài tập thành công!')\r\n                }\r\n              })\r\n            },\r\n\r\n            async directExerciseCat(val) {\r\n              this.routerParams.question && delete this.routerParams.question\r\n              this.$router.push({name: 'exerciseThematicDetail', params: {...this.routerParams, id: val.chapterId}})\r\n            },\r\n\r\n            handleActiveBookSuccess(val) {\r\n              this.thematicInfo.limitPage = 1000;\r\n              this.thematicInfo.actived = true;\r\n            },\r\n\r\n            handleCheckAnswerResult() {\r\n                if(this.question.type === TYPE_GROUP) {\r\n                  this.txtMissingQuestionGroup = '';\r\n                }\r\n                (this.question.type !== this.typeDrawShape && this.question.type !== this.typeDownAnswer) && this.checkAnswer();\r\n            },\r\n\r\n            prevCatBook() {\r\n              this.resetValKeyboard();\r\n              this.handleNextPrevCat = 'prev'\r\n              if(this.indexCatCurr > 0) {\r\n                localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n                this.$router.push({name: 'exerciseThematicQuestion', params: {...this.routerParams, id: this.dataCatsThematic[this.indexCatCurr - 1].chapterId, question: 0}})\r\n              }\r\n            },\r\n\r\n            nextCatBook() {\r\n                this.resetValKeyboard();\r\n                this.handleNextPrevCat = 'next'\r\n                if(this.indexCatCurr < this.thematicCatLength - 1) {\r\n                  localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n                  this.$router.push({name: 'exerciseThematicQuestion', params: {...this.routerParams, id: this.dataCatsThematic[this.indexCatCurr + 1].chapterId, question: 0}})\r\n                }\r\n            },\r\n\r\n            resetValKeyboard() {\r\n              this.valVituralKeyboard && this.setVituralKeyVal({});\r\n            }\r\n        },\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n    #main_app {\r\n      height: auto;\r\n    }\r\n\r\n    .comment-img {\r\n      max-width: 150px;\r\n      margin: 8px 10px;\r\n      max-width: 165px;\r\n      margin: 10px;\r\n      position: relative;\r\n      background: #e1efff;\r\n    }\r\n    .private-fa-times {\r\n      position: absolute;\r\n      top: 3px !important;\r\n      cursor: pointer;\r\n      right: 2px !important;\r\n    }\r\n    .textarea-modal {\r\n      width: 100%;\r\n      border: none;\r\n    }\r\n    .join-cls {\r\n      background: #124abe;\r\n      width: 110px;\r\n      border-radius: 20px;\r\n      height: 30px;\r\n      line-height: 15px;\r\n    }\r\n    .close-cls {\r\n      background: none;\r\n      border: 0;\r\n      color: #124abe;\r\n      border-radius: 20px;\r\n    }\r\n    #upload-photo {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      opacity: 0;\r\n    }\r\n\r\n    .answer-2{\r\n        p{\r\n            width:160px;\r\n        }\r\n    }\r\n    .questions-child {\r\n        &__item {\r\n            &:first-child {\r\n                margin-top: 30px;\r\n            }\r\n\r\n            &:not(:last-child) {\r\n                margin-bottom: 30px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .overlay-question {\r\n\r\n    }\r\n\r\n    .exercise-detail {\r\n        &__breadcrumb {\r\n            padding-left: 15px;\r\n            padding-right: 80px;\r\n\r\n            @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                padding-right: 55px;\r\n            }\r\n\r\n            @media screen and ( max-width: 575px ) {\r\n                padding-right: 40px;\r\n            }\r\n\r\n            ul li {\r\n\r\n                @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                    width: 15%;\r\n                }\r\n                \r\n                @media screen and ( max-width: 575px ) {\r\n                    width: 25%;\r\n                }\r\n\r\n                a, span, &:before {\r\n                    @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n                        font-size: 14px;\r\n                    }\r\n                    @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                        font-size: 12px;\r\n                    }\r\n                    @media screen and ( max-width: 575px ) {\r\n                        font-size: 11px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &__sidebar {\r\n          position: absolute;\r\n          top: 0;\r\n        }\r\n\r\n        &__questions {\r\n          max-width: 80%;\r\n          margin: 0 auto;\r\n          padding: 30px 15px;\r\n        }\r\n\r\n        &__direct {\r\n            >* {\r\n                &:not(:first-child) {\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n\r\n            // i {\r\n            //     @extend .position-rel;\r\n            //     top: 3px;\r\n            // }\r\n        }\r\n\r\n        &__action {\r\n            >a {\r\n                width: 140px;\r\n                line-height: 1.1;\r\n                letter-spacing: 0.03em;\r\n                margin-left: 20px;\r\n            }\r\n        }\r\n\r\n        &__back {\r\n            margin-bottom: 20px;\r\n            @extend .display-inline-block;\r\n        }\r\n\r\n        &__cats {\r\n            &__title {\r\n                @extend .border-0;\r\n                @extend .margin-0;\r\n\r\n                i {\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n\r\n            &__list {\r\n                a {\r\n                    width: 65px;\r\n                    height: 35px;\r\n                    line-height: 35px;\r\n                    @extend .display-inline-block;\r\n                    @extend .text-center;\r\n                    margin-bottom: 18px;\r\n                    @extend .font-size-15;\r\n                    @extend .font-sanpro-semibold;\r\n                    @extend .secondary-color-txt;\r\n                    border: 1px solid transparent;\r\n                    border-radius: 4px;\r\n\r\n                    &.item {\r\n\r\n                        &:not(:nth-child(4n)) {\r\n                            margin-right: 10px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover, &.curr {\r\n                        border-color: $primary_color;\r\n                    }\r\n\r\n                    &:hover, &.curr, &.success, &.error {\r\n                      @extend .primary-color;\r\n                    }\r\n\r\n                    &.success {\r\n                        @extend .secondary-bg-color;\r\n                        border-color: $secondary_color;\r\n                    }\r\n\r\n                    &.error {\r\n                        @extend .four-bg-color;\r\n                        border-color: $four_color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &__breadcrumb {\r\n              margin-bottom: 30px;\r\n              ul {\r\n                li {\r\n                  @extend .display-flex;\r\n                  @extend .full-width;\r\n                  margin-bottom: 10px;\r\n                  \r\n                  a {\r\n                    @extend .secondary-color-txt;\r\n                    @extend .font-size-16;\r\n                  }\r\n\r\n                  .btn-reset {\r\n                    width: 26px;\r\n                    height: 26px;\r\n                    @extend .display-flex-center;\r\n                    @extend .justify-content-center;\r\n                    @extend .border-rd-50;\r\n                    margin-left: 20px;\r\n                    @extend .btn-2;\r\n                    cursor: pointer;\r\n                  }\r\n\r\n                  &.active {\r\n\r\n                    a {\r\n                      @extend .primary-color;\r\n                      @extend .font-sanpro-semibold;\r\n                    }\r\n                  }\r\n\r\n                  &:last-child {\r\n                    a {\r\n                      padding-top: 3px;\r\n                      max-width: calc(100% - 45px);\r\n                      @extend .word-excerpt;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n        }\r\n\r\n        &__feedback {\r\n            margin-bottom: 38px;\r\n        }\r\n\r\n        &__list {\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        &__guide {\r\n            h2 {\r\n                margin-bottom: 13px;\r\n            }\r\n\r\n            p {\r\n                @extend .primary-color-txt;\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 576px ) and ( max-width: 1199px ) {\r\n            &__cats {\r\n                width: 365px;\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n            &__cats {\r\n                padding: 25px 0;\r\n            }\r\n        }\r\n\r\n        @media screen and ( max-width: 991px ) {\r\n            &__body {\r\n                padding: 0!important;\r\n            }\r\n            &__sidebar {\r\n                &__icons {\r\n                    background: transparent;\r\n                }\r\n\r\n                &.active {\r\n                    webkit-transform: translate(0, 0px);\r\n                    transform: translate(0, 0px);                    \r\n                }\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n            &__questions {\r\n              max-width: 85%;\r\n            }\r\n            &__cats {\r\n                // padding: 25px 15px;\r\n                padding: 25px 0;\r\n            }\r\n            &__sidebar {\r\n                webkit-transform: translate(75vw, 0px);\r\n                transform: translate(75vw, 0px);\r\n            }\r\n        }\r\n        @media screen and ( min-width: 768px ) and ( max-width: 991px ) {\r\n        }\r\n\r\n        @media screen and ( max-width: 991px ) {\r\n            &__questions {\r\n                padding: 25px 15px;\r\n            }\r\n            &__feedback {\r\n                margin-bottom: 25px;\r\n            }\r\n        }\r\n\r\n        @media screen and ( max-width: 575px ) {\r\n            &__questions {\r\n              max-width: 95%;\r\n            }\r\n            &__cats {\r\n                width: 300px;\r\n                // padding: 20px 10px;\r\n                padding: 20px 0;\r\n                -webkit-transform: translate(-300px, 0px);\r\n                transform: translate(-300px, 0px);\r\n\r\n                &__list {\r\n                    a {\r\n                        width: 55px;\r\n                        height: 30px;\r\n                        line-height: 30px;\r\n                        margin-bottom: 15px;\r\n\r\n                        &:not(:nth-child(4n+4)) {\r\n                            margin-right: 15px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            &__guide {\r\n                h2 {\r\n                    font-size: 20px;\r\n                }\r\n\r\n                &__content {\r\n                    font-size: 15px;\r\n                }\r\n            }\r\n\r\n            &__action >a {\r\n                width: 105px;\r\n            }\r\n\r\n            &__direct > *:not(:first-child), &__action >a {\r\n                margin-left: 15px;\r\n            }\r\n\r\n            &__sidebar {\r\n                webkit-transform: translate(80vw, 0px);\r\n                transform: translate(80vw, 0px);\r\n            }\r\n        }\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!./ThematicQuestion.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!./ThematicQuestion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ThematicQuestion.vue?vue&type=template&id=d286128a&scoped=true&\"\nimport script from \"./ThematicQuestion.vue?vue&type=script&lang=js&\"\nexport * from \"./ThematicQuestion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ThematicQuestion.vue?vue&type=style&index=0&id=d286128a&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  \"d286128a\",\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('Viewer',{staticClass:\"exercise-detail\",attrs:{\"isOpenBookCats\":_vm.openBookCats,\"linkBack\":_vm.otherInfo ? { name: 'exercise', query: { lop: _vm.classId, mon: _vm.subjectId, tab: _vm.typeId } } : {},\"valOpenSidebar\":_vm.typeOpenSidebar},scopedSlots:_vm._u([(_vm.otherInfo)?{key:\"viewer_head_name\",fn:function(){return [_vm._v(_vm._s(_vm.otherInfo.subjectName)+\" - \"+_vm._s(_vm.otherInfo.title))]},proxy:true}:null,(_vm.otherInfo)?{key:\"viewer_head_right\",fn:function(){return [(_vm.screenWidth > 991)?_c('span',{staticClass:\"secondary-color-txt font-sanpro-light font-size-14 version\"},[_vm._v(_vm._s(_vm.versionApp))]):_vm._e()]},proxy:true}:null,{key:\"viewr_body\",fn:function(){return [(_vm.screenWidth > 991)?_c('div',{staticClass:\"exercise-detail__questions exercise-detail__questions__other\"},[_c('div',{staticClass:\"exercise-detail__list position-rel\"},[_c('transition',{attrs:{\"name\":\"slide-fade\"}},[_c('div',{staticClass:\"item position-rel content-1\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_c('div',{staticClass:\"question-group\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"questions\":[_vm.question],\"location\":0,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}}),(_vm.question.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((_vm.question.listQuestionChild),function(child,pos){return _c('div',{key:pos,staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":0,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion}}):_vm._e()],1)}),0):_vm._e(),(_vm.txtMissingQuestionGroup)?_c('p',{staticClass:\"question-missing-answer color-err\"},[_vm._v(_vm._s(_vm.txtMissingQuestionGroup))]):_vm._e()],1):(_vm.question)?_c('div',{staticClass:\"question-single\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"location\":0,\"preview\":true},on:{\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}})],1):_vm._e()])])],1),(_vm.question && _vm.sliderQuestionList)?_c('ExerciseGuide',{attrs:{\"question\":_vm.question,\"handleShowGuide\":_vm.showGuideContent}}):_vm._e()],1):_c('div',{staticClass:\"exercise-detail__questions position-rel\"},[_c('ExerciseQuestionDetail',{attrs:{\"question\":_vm.question,\"txtMissingQuestionGroup\":_vm.txtMissingQuestionGroup},on:{\"answerMissing\":_vm.handleAnswerMissing}})],1)]},proxy:true},{key:\"viewer_toggle_cat_name\",fn:function(){return [_vm._v(\"Danh sách\")]},proxy:true},{key:\"viewer_footer_center\",fn:function(){return [(_vm.sliderQuestionList && _vm.sliderQuestionList.length > 0)?_c('SliderNameQuestion',{attrs:{\"dataSource\":_vm.sliderQuestionList},on:{\"handleNextCat\":_vm.nextCatBook,\"handlePrevCat\":_vm.prevCatBook}}):_vm._e()]},proxy:true},{key:\"viewer_footer_mobile\",fn:function(){return [_c('a',{staticClass:\"font-size-16 font-sanpro-semibold display-block width-percentage-80 margin-center border-rd-20 text-center primary-bg-color mb-2\",staticStyle:{\"padding\":\"5px 0px\"},attrs:{\"href\":\"javascript:;\"}},[(_vm.question && !_vm.question.isWorked)?_c('span',{staticClass:\"light-color\",on:{\"click\":_vm.checkAnswer}},[_vm._v(\"\\n        \"+_vm._s(_vm.question.type === _vm.typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra')+\"\\n      \")]):(_vm.question && _vm.question.isWorked)?_c('span',{staticClass:\"light-color\",on:{\"click\":_vm.resetAnswers}},[_vm._v(\"Làm lại\")]):_vm._e()])]},proxy:true},{key:\"viewer_footer_right\",fn:function(){return [(_vm.question && !_vm.question.isWorked)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120\",class:{ 'disabled': _vm.question && ((_vm.question.type === _vm.typeDrawShape || _vm.question.type === _vm.typeDownAnswer) || _vm.questionindexActive === 0 || _vm.question.isWorked || _vm.question.statusWorked) },attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.checkAnswer}},[_vm._v(\"\\n      \"+_vm._s(_vm.question.type === _vm.typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra')+\"\\n    \")]):(_vm.question && _vm.question.isWorked)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.resetAnswers}},[_vm._v(\"\\n      Làm lại\\n    \")]):_vm._e()]},proxy:true},{key:\"viewer_sidebar_cat_head\",fn:function(){return [_c('h2',{staticClass:\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold book-viewer__cats__wrap\"},[_vm._v(\"\\n      Mục lục\\n    \")])]},proxy:true},{key:\"viewer_sidebar_cat_body\",fn:function(){return [_c('ThematicSidebar',{ref:\"ThematicSidebar\",staticClass:\"exercise__cats__other__thematic\",on:{\"resetQuestions\":function($event){return _vm.resetAnswerAllQuestion()}}})]},proxy:true},{key:\"viewer_footer\",fn:function(){return [(_vm.infoQuestionPreview && Object.keys(_vm.infoQuestionPreview).length > 0)?_c('ModalPreviewExercise'):_vm._e(),(_vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991 && _vm.classId === _vm.idClass1 && _vm.subjectId === _vm.idMathSubject)?_c('VituralKeyboard',{class:{ 'open-cat': _vm.openBookCats, 'over-height': _vm.valVituralKeyboard && _vm.valVituralKeyboard.isOverHaflScreen }}):_vm._e(),(_vm.actionPlayQuestionTrue)?_c('audio',{attrs:{\"id\":\"question_true\",\"src\":_vm.correct,\"autoplay\":\"\"}}):_vm._e(),(_vm.actionPlayQuestionFalse)?_c('audio',{attrs:{\"id\":\"question_false\",\"src\":_vm.incorrect,\"autoplay\":\"\"}}):_vm._e()]},proxy:true}],null,true)})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <Viewer class=\"exercise-detail\" :isOpenBookCats=\"openBookCats\"\r\n    :linkBack=\"otherInfo ? { name: 'exercise', query: { lop: classId, mon: subjectId, tab: typeId } } : {}\"\r\n    :valOpenSidebar=\"typeOpenSidebar\">\r\n    <template v-if=\"otherInfo\" v-slot:viewer_head_name>{{ otherInfo.subjectName }} - {{ otherInfo.title }}</template>\r\n    <!-- <template v-if=\"otherInfo\" v-slot:viewer_head_right>{{ versionApp }}</template> -->\r\n    <template v-if=\"otherInfo\" v-slot:viewer_head_right>\r\n      <span v-if=\"screenWidth > 991\" class=\"secondary-color-txt font-sanpro-light font-size-14 version\">{{ versionApp\r\n      }}</span>\r\n      <!-- <div v-if=\"screenWidth < 992\" class=\"cursor-pointer\" @click=\"resetAnswers\">\r\n      <i class=\"icon-reset font-size-22 secondary-color-txt \"></i>\r\n  </div> -->\r\n      <!-- <i class=\"icon-question font-size-20\" @click=\"openModalNotiError\"></i> -->\r\n    </template>\r\n    <template v-slot:viewr_body>\r\n      <div class=\"exercise-detail__questions exercise-detail__questions__other\" v-if=\"screenWidth > 991\">\r\n        <div class=\"exercise-detail__list position-rel\">\r\n          <transition name=\"slide-fade\">\r\n            <div class=\"item position-rel content-1\">\r\n              <div class=\"question-group\" v-if=\"question && question.type && question.type === typeGroup\">\r\n                <PreviewQuestion :dataSource=\"question\" :questions=\"[question]\" :location=\"0\" :preview=\"true\"\r\n                  :questionsData=\"question\" @formatQuestion=\"getInfoQuestion\" @answerMissing=\"handleAnswerMissing\" />\r\n                <div class=\"questions-child\" v-if=\"question.listQuestionChild\">\r\n                  <div class=\"questions-child__item\" v-for=\"(child, pos) of question.listQuestionChild\" :key=\"pos\">\r\n                    <PreviewQuestion v-if=\"child\" :dataSource=\"child\" :location=\"pos\" :parentIndex=\"0\"\r\n                      :isQuestionChild=\"true\" :preview=\"true\" :questionsData=\"question\"\r\n                      @formatQuestion=\"getInfoQuestion\" />\r\n                  </div>\r\n                </div>\r\n                <p v-if=\"txtMissingQuestionGroup\" class=\"question-missing-answer color-err\">{{ txtMissingQuestionGroup\r\n                }}</p>\r\n              </div>\r\n              <div class=\"question-single\" v-else-if=\"question\">\r\n                <PreviewQuestion :dataSource=\"question\" :location=\"0\" :preview=\"true\" @formatQuestion=\"getInfoQuestion\"\r\n                  @answerMissing=\"handleAnswerMissing\" />\r\n              </div>\r\n            </div>\r\n          </transition>\r\n        </div>\r\n        <ExerciseGuide v-if=\"question && sliderQuestionList\" :question=\"question\" :handleShowGuide=\"showGuideContent\" />\r\n      </div>\r\n      <div v-else class=\"exercise-detail__questions position-rel\">\r\n        <ExerciseQuestionDetail :question=\"question\" :txtMissingQuestionGroup=\"txtMissingQuestionGroup\"\r\n          @answerMissing=\"handleAnswerMissing\" />\r\n      </div>\r\n    </template>\r\n    <!-- <template v-slot:viewer_sidebar_icon>\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'link'}\" @click=\"openSidebar('link')\" class=\"total-a\"  data-toggle=\"tooltip\" data-placement=\"left\" title=\"Liên kết\">\r\n        <span class=\"icon-link font-size-24\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n      </a>\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'info'}\" @click=\"openSidebar('info')\" class=\"total-a\"  data-toggle=\"tooltip\" data-placement=\"left\" title=\"Thông tin\">\r\n        <i class=\"icon-info\"></i>\r\n      </a>\r\n    </template> -->\r\n    <!-- <template v-slot:viewer_sidebar_content>\r\n      <SidebarInfo :keySidebarActive=\"keySidebarActive\" />\r\n    </template> -->\r\n    <template v-slot:viewer_toggle_cat_name>Danh sách</template>\r\n    <template v-slot:viewer_footer_center>\r\n      <SliderNameQuestion v-if=\"sliderQuestionList && sliderQuestionList.length > 0\" :dataSource=\"sliderQuestionList\"\r\n        @handleNextCat=\"nextCatBook\" @handlePrevCat=\"prevCatBook\" />\r\n    </template>\r\n    <template v-slot:viewer_footer_mobile>\r\n      <a href=\"javascript:;\"\r\n        class=\"font-size-16 font-sanpro-semibold display-block width-percentage-80 margin-center border-rd-20 text-center primary-bg-color mb-2\"\r\n        style=\"padding: 5px 0px\">\r\n        <span v-if=\"question && !question.isWorked\" @click=\"checkAnswer\" class=\"light-color\">\r\n          {{ question.type === typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra' }}\r\n        </span>\r\n        <span v-else-if=\"question && question.isWorked\" class=\"light-color\" @click=\"resetAnswers\">Làm lại</span>\r\n      </a>\r\n    </template>\r\n    <template v-slot:viewer_footer_right>\r\n      <a v-if=\"question && !question.isWorked\" href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120\"\r\n        :class=\"{ 'disabled': question && ((question.type === typeDrawShape || question.type === typeDownAnswer) || questionindexActive === 0 || question.isWorked || question.statusWorked) }\"\r\n        @click=\"checkAnswer\">\r\n        {{ question.type === typeDownAnswer ? 'Lưu đáp án' : 'Kiểm tra' }}\r\n      </a>\r\n      <a v-else-if=\"question && question.isWorked\" href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20 line-height-1-1 btn-min-w-120\"\r\n        @click=\"resetAnswers\">\r\n        Làm lại\r\n      </a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_head>\r\n      <h2 class=\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold book-viewer__cats__wrap\">\r\n        Mục lục\r\n      </h2>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_body>\r\n      <ThematicSidebar ref=\"ThematicSidebar\" class=\"exercise__cats__other__thematic\" @resetQuestions=\"resetAnswerAllQuestion()\" />\r\n    </template>\r\n    <template v-slot:viewer_footer>\r\n      <ModalPreviewExercise v-if=\"infoQuestionPreview && Object.keys(infoQuestionPreview).length > 0\" />\r\n      <VituralKeyboard\r\n        v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991 && classId === idClass1 && subjectId === idMathSubject\"\r\n        :class=\"{ 'open-cat': openBookCats, 'over-height': valVituralKeyboard && valVituralKeyboard.isOverHaflScreen }\" />\r\n      <!-- <b-modal :id=\"idModalConfirmDelQuestion\" hide-header hide-footer>\r\n        <div class=\"modal-confirm border-rd-10 text-center\">\r\n          <p>Bạn chắc chắn muốn làm lại tất cả bài tập?</p>\r\n          <div class=\"modal-confirm__action text-center\">\r\n            <b-button variant=\"danger\" class=\"font-size-16 line-height-1\" @click=\"$bvModal.hide('modal_confirm_reset')\">Hủy</b-button>\r\n            <b-button variant=\"success\" class=\"font-size-16 line-height-1\" @click=\"resetQuestionsList()\">Làm lại</b-button>\r\n          </div>\r\n        </div>\r\n      </b-modal> -->\r\n      <audio v-if=\"actionPlayQuestionTrue\" id=\"question_true\" :src=\"correct\" autoplay></audio>\r\n      <audio v-if=\"actionPlayQuestionFalse\" id=\"question_false\" :src=\"incorrect\" autoplay></audio>\r\n    </template>\r\n  </Viewer>\r\n</template>\r\n\r\n<script>\r\nimport { mapGetters, mapActions, mapState } from 'vuex';\r\nimport { TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question/_store/constants'\r\nimport vueCustomScrollbar from 'vue-custom-scrollbar'\r\nimport { scrollTo, callTimeDiff } from '@/helpers/functions'\r\nimport { APP_CONFIG } from '@/utils/constants'\r\nimport PreviewQuestion from '@/modules/question/preview-question/PreviewQuestion.vue'\r\nimport ExerciseQuestionDetail from '@/modules/exercises/_views/ExerciseQuestionDetail.vue'\r\nimport { getQuestionsSidebar, getQuestionDetail, getQuestionsByCat, getDetailOfOtherOrThematic, getQuestionListOfOtherOrThematic, getCatOfExerciseOtherOrThematic, saveUserWorkQuestion, resetResultCorrectQuestionOtherOrThematic, getQuestionListInSidebarOfThematicOrOther, resetResultWorkQuestion } from './../../_api/'\r\nimport { STORE_KEY, LOCAL_SAVE_QUESTIONS_WORKED, LOCAL_SAVE_CAT, LOCAL_SAVE_BOOK_ACTIVE, LOCAL_SAVE_EXERCISE_CLASS, LOCAL_QUESTIONS_DATA, TYPE_EXERCISE_OTHER, LOCAL_SAVE_CURRENT_THEMATIC } from \"./../../_store/constants\";\r\nimport VituralKeyboard from '@/modules/question/preview-question/VituralKeyboard.vue'\r\nimport { STORE_KEY as STORE_KEY_QUESTION } from '@/modules/question/preview-question/_store/constants'\r\nimport SliderNameQuestion from './../../_components/SliderNameQuestion.vue'\r\nimport ModalPreviewExercise from './../../_components/modal/ModalPreviewExercise.vue'\r\nimport { ID_CLASS_1, ID_MATH_SUBJECT } from '@/store/common/constants'\r\nimport { setContentMediaEditorShow } from '@/modules/question/preview-question/_store/helperQuestionContent'\r\nconst correct = require('@/assets/audio/correct.mp3')\r\nconst incorrect = require('@/assets/audio/incorrect.mp3')\r\nimport { getAuth } from '@/utils/jwt'\r\nimport { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n\r\nexport default {\r\n  name: 'OtherDetail',\r\n  components: {\r\n    vueCustomScrollbar,\r\n    VituralKeyboard,\r\n    SliderNameQuestion,\r\n    PreviewQuestion,\r\n    ThematicSidebar: () => import('./../../_components/thematic/ThematicSidebar.vue'),\r\n    // SidebarInfo: () => import('./../../_components/thematic/SidebarInfo.vue'),\r\n    ExerciseGuide: () => import('./../../_components/ExerciseGuide.vue'),\r\n    Viewer: () => import('@/layouts/Viewer.vue'),\r\n    ModalPreviewExercise,\r\n    ExerciseQuestionDetail\r\n  },\r\n  data() {\r\n    return {\r\n      otherInfo: {},\r\n      openBookCats: true,\r\n      // questions: [],\r\n      typeGroup: TYPE_GROUP,\r\n      typeDrawShape: TYPE_DRAW_SHAPE_ANSWER,\r\n      typeDownAnswer: TYPE_DOWN_ANSWER,\r\n      typefillBlank: TYPE_FILL_BLANK,\r\n      typeSelect: TYPE_SELECT,\r\n      typeMatchCol: TYPE_MATH_COL,\r\n      cdnUrl: APP_CONFIG.cdnUrl,\r\n      question: null,\r\n      showGuideContent: false,\r\n      tabGuideActive: 0,\r\n      questionindexActive: null,\r\n      questionsSaved: [],\r\n      sliderQuestionList: [],\r\n      questionsLoaded: [],\r\n      question: null,\r\n      correct,\r\n      incorrect,\r\n      actionPlayQuestionTrue: false,\r\n      actionPlayQuestionFalse: false,\r\n      txtMissingQuestionGroup: '',\r\n      handleNextPrevCat: '',\r\n      keySidebarActive: '', // link & info\r\n      typeOpenSidebar: {},\r\n      idClass1: ID_CLASS_1,\r\n      idMathSubject: ID_MATH_SUBJECT,\r\n      startTimeQuestion: 0,\r\n      collapseIdActivedefault: '',\r\n      authInfo: {},\r\n      firstSetCurrentChaper: true\r\n    };\r\n  },\r\n  computed: {\r\n    routerParams() {\r\n      return this.$route.params;\r\n    },\r\n    classId() {\r\n      return parseInt(this.$route.params.classId);\r\n    },\r\n    subjectId() {\r\n      return parseInt(this.$route.params.subjectId);\r\n    },\r\n    screenWidth() {\r\n      return window.innerWidth;\r\n    },\r\n    otherId() {\r\n      return parseInt(this.$route.params.id);\r\n    },\r\n    typeId() {\r\n      return parseInt(this.$route.params.typeId);\r\n    },\r\n    ...mapState('auth', ['loginPopupData']),\r\n    ...mapState('common', ['versionApp']),\r\n    ...mapState(STORE_KEY, ['catsFlatForExercise', 'infoQuestionPreview']),\r\n    ...mapState(STORE_KEY_QUESTION, ['valVituralKeyboard']),\r\n    ...mapGetters({\r\n      actionCheckQuestion: `common/actionCheckQuestion`,\r\n    }),\r\n  },\r\n  watch: {\r\n    '$route.params.id': 'initPageAndRoute',\r\n    actionCheckQuestion(newVal) {\r\n      !newVal && this.setQuestionResult();\r\n    },\r\n    valVituralKeyboard(newVal) {\r\n      if (newVal.ref) {\r\n        document.getElementById(newVal.ref).value = newVal.val;\r\n        document.getElementById(newVal.ref).focus();\r\n      }\r\n    },\r\n    '$route.query.cauhoi': 'handleChangeQuestionDisplay',\r\n    loginPopupData(newVal) {\r\n      if (newVal && Object.keys(newVal).length) {\r\n        this.authInfo = newVal;\r\n        // this.getBookInfo();\r\n        // if( !this.dataPractice.actived ) {\r\n        //     this.$bvModal.show('modal_active_book');\r\n        // }\r\n      }\r\n    },\r\n  },\r\n  created() {\r\n    // this.getQuestionListOfSidebar();\r\n    this.authInfo = getAuth();\r\n    let dataCurrentThematic = localStorage.getItem(LOCAL_SAVE_CURRENT_THEMATIC) ? JSON.parse(localStorage.getItem(LOCAL_SAVE_CURRENT_THEMATIC)) : []\r\n    if (dataCurrentThematic.length > 0) {\r\n      for (let i = 0; i < dataCurrentThematic.length; i++) {\r\n        if (dataCurrentThematic[i].email == this.authInfo.email && dataCurrentThematic[i].classId === this.classId && dataCurrentThematic[i].subjectId === this.subjectId && dataCurrentThematic[i].typeId === this.typeId) {\r\n\r\n          this.$router.replace({ params: { ...this.$route.params, id: dataCurrentThematic[i].chapterId }, query: { cauhoi: 1 } })\r\n          break\r\n        }\r\n      }\r\n    }\r\n  },\r\n  mounted() {\r\n    this.startTimeQuestion = new Date();\r\n    \r\n    this.initPageAndRoute()\r\n    this.getInfoSaveLocal();\r\n    // this.getCatsOfThematic();\r\n  },\r\n  destroyed() {\r\n    this.resetValKeyboard();\r\n    localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n    localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n  },\r\n  methods: {\r\n    ...mapActions('common', ['setLoading', 'setActionCheckQuestion']),\r\n    ...mapActions(STORE_KEY, ['actionBookIndexOfBook', 'acSetParamFilterOtherThematic']),\r\n    ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n    setCurrentThematic() {\r\n      let dataCurrentThematic = localStorage.getItem(LOCAL_SAVE_CURRENT_THEMATIC) ? JSON.parse(localStorage.getItem(LOCAL_SAVE_CURRENT_THEMATIC)) : []\r\n      if (dataCurrentThematic.length === 0) {\r\n        dataCurrentThematic.push({ email: this.authInfo.email, classId: this.classId, subjectId: this.subjectId, typeId: this.typeId, chapterId: this.otherId })\r\n      }\r\n      else {\r\n        let isUpdate = false\r\n        for (let i = 0; i < dataCurrentThematic.length; i++) {\r\n          if (dataCurrentThematic[i].email == this.authInfo.email && dataCurrentThematic[i].classId === this.classId && dataCurrentThematic[i].subjectId === this.subjectId && dataCurrentThematic[i].typeId === this.typeId) {\r\n            dataCurrentThematic[i].chapterId = this.otherId\r\n            isUpdate = true\r\n            break\r\n          }\r\n        }\r\n        if (!isUpdate) {\r\n          dataCurrentThematic.push({ email: this.authInfo.email, classId: this.classId, subjectId: this.subjectId, typeId: this.typeId, chapterId: this.otherId })\r\n        }\r\n      }\r\n      localStorage.setItem(LOCAL_SAVE_CURRENT_THEMATIC, JSON.stringify(dataCurrentThematic))\r\n    },\r\n    async initPageAndRoute() {\r\n\r\n      let self = this\r\n      if (!self.otherInfo || self.otherInfo.chapterId !== parseInt(this.$route.params.id)) {\r\n        // self.setLoading(true)\r\n        let info = await self.getInfoDetail()\r\n\r\n        let questionList = await self.getQuestionListOfSidebar()\r\n        if (info && info.questionLast && questionList && questionList.length > 0) {\r\n          let indexQuestionLast = questionList.findIndex(ques => ques.questionId === parseInt(info.questionLast))\r\n          if (indexQuestionLast > 0 && (!self.$route.query.cauhoi || (self.$route.query.cauhoi && parseInt(self.$route.query.cauhoi) !== (indexQuestionLast + 1)))) {\r\n            self.$router.replace({ query: { cauhoi: indexQuestionLast + 1 } })\r\n          }\r\n        }\r\n        self.fetchQuestionList()\r\n      }\r\n    },\r\n\r\n    getInfoDetail() {\r\n      if (!this.otherId) {\r\n        return\r\n      }\r\n      return getDetailOfOtherOrThematic(this.otherId).then(res => {\r\n        if (res && res.data && !res.errors) {\r\n          this.otherInfo = res.data\r\n          return res.data\r\n        }\r\n      })\r\n    },\r\n\r\n    handleToggleBookCats() {\r\n      this.openBookCats = !this.openBookCats\r\n    },\r\n\r\n    setScrollToCat() {\r\n      let elem = document.getElementById(`cat_row_${this.catCurrent.bookIndexId}`)\r\n      if (elem) {\r\n        let topPos = elem.offsetTop\r\n        scrollTo(document.getElementById('book_viewer__cats'), topPos, 600)\r\n      }\r\n    },\r\n\r\n    resetValKeyboard() {\r\n      this.valVituralKeyboard && this.setVituralKeyVal({});\r\n    },\r\n\r\n    getInfoSaveLocal() {\r\n      let catInfo = localStorage.getItem(LOCAL_SAVE_CAT);\r\n      let practiceData = localStorage.getItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n      let questionData = localStorage.getItem(LOCAL_QUESTIONS_DATA);\r\n\r\n      if (questionData && questionData !== null && questionData !== undefined) {\r\n        this.questionsSaved = JSON.parse(questionData);\r\n      } else {\r\n        this.fetchQuestionList()\r\n      }\r\n    },\r\n\r\n    getQuestionListOfSidebar() {\r\n      let self = this;\r\n      // self.setLoading(true);\r\n      self.sliderQuestionList = [];\r\n      if (!this.otherId) {\r\n        return\r\n      }\r\n      return getQuestionListInSidebarOfThematicOrOther(self.otherId).then(res => {\r\n        self.sliderQuestionList = res && res.data && !res.errors ? res.data : []\r\n        if (res && res.data && res.data.length > 0) {\r\n          self.getInfoQuestion()\r\n          // Get question checked\r\n          self.setQuestionResult()\r\n        } else {\r\n          self.setLoading(false)\r\n        }\r\n        return res.data\r\n      }).catch().finally(() => self.setLoading(false))\r\n    },\r\n\r\n    getInfoQuestion() {\r\n      let self = this;\r\n\r\n      self.question = null\r\n      // Hidden guide content\r\n      self.showGuideContent = false\r\n      // self.arrResultCorrect = []\r\n      self.questionindexActive = parseInt(self.$route.query.cauhoi)\r\n      if (self.questionindexActive > 0 && self.sliderQuestionList.length > 0) {\r\n        // self.setLoading(true)\r\n        let questionId = self.questionindexActive > self.sliderQuestionList.length ? self.questionindexActive : self.sliderQuestionList[self.questionindexActive - 1].questionId;\r\n        let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED))\r\n\r\n        if (questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n          let indexQuestionSave = questionsLocalStorage.findIndex(ques => ques.questionId === questionId)\r\n          if (indexQuestionSave > -1) {\r\n            self.question = questionsLocalStorage[indexQuestionSave]\r\n            self.setLoading(false)\r\n          } else {\r\n            self.getQuestionDetail(questionId, questionsLocalStorage)\r\n          }\r\n        } else {\r\n          self.getQuestionDetail(questionId)\r\n        }\r\n      }\r\n    },\r\n\r\n    getQuestionDetail(questionId, dataQuestion = []) {\r\n      let self = this;\r\n      // Get question detail\r\n      getQuestionDetail(questionId).then(res => {\r\n        if (res && res.data && !res.errors) {\r\n          let typeQuestion = res.data.type === TYPE_GROUP ? 'group' : 'single'\r\n          let questionContentReplace = setContentMediaEditorShow({ ...res.data }, typeQuestion)\r\n\r\n          self.question = questionContentReplace;\r\n          let dataSave = dataQuestion.length === 0 ? [questionContentReplace] : [...dataQuestion, questionContentReplace];\r\n          self.saveLocalQuestion(dataSave);\r\n        }\r\n      }).catch().finally(() => self.setLoading(false));\r\n    },\r\n\r\n    saveLocalQuestion(data) {\r\n      let dataSave = JSON.stringify(data);\r\n      localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, dataSave);\r\n    },\r\n\r\n    setQuestionResult() {\r\n      let self = this;\r\n      let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n      if (questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n        questionsLocalStorage.map((ques, index) => {\r\n          if (ques.statusWorked) {\r\n            let resultCheckAnswer = ques.workedFail ? 'error' : 'success'\r\n            let indexQuestionInList = self.sliderQuestionList.findIndex(queList => queList.questionId === ques.questionId)\r\n            if (indexQuestionInList > -1) {\r\n              self.sliderQuestionList[indexQuestionInList].answerStatus = resultCheckAnswer\r\n              self.logQuestionWorked(resultCheckAnswer)\r\n            }\r\n          }\r\n        })\r\n      }\r\n    },\r\n\r\n    logQuestionWorked(status) {\r\n      this.question['isTrue'] = status === 'success' ? true : false;\r\n      this.question['isWorked'] = true;\r\n    },\r\n\r\n    openSidebar(type) {\r\n      if (type !== null) {\r\n        this.typeOpenSidebar = { type, isOpen: type === this.keySidebarActive ? false : true }\r\n        this.keySidebarActive = type !== this.keySidebarActive ? type : ''\r\n      }\r\n    },\r\n\r\n    handleCheckAnswerResult() {\r\n      if (this.question.type === TYPE_GROUP) {\r\n        this.txtMissingQuestionGroup = '';\r\n      }\r\n      (this.question.type !== this.typeDrawShape && this.question.type !== this.typeDownAnswer) && this.checkAnswer();\r\n    },\r\n\r\n    getQuestionData(val) {\r\n      if (this.questionindexActive > 0) {\r\n        if (this.sliderQuestionList[this.questionindexActive - 1] && this.sliderQuestionList[this.questionindexActive - 1]['current']) {\r\n          this.sliderQuestionList[this.questionindexActive - 1]['current'] = false;\r\n        }\r\n        if (!val) {\r\n          this.sliderQuestionList.map(ques => {\r\n            ques.success && delete ques.success\r\n            ques.error && delete ques.error\r\n            ques.answerStatus && delete ques.answerStatus\r\n          })\r\n        }\r\n        // this.questionindexActive = 1;\r\n        // this.$router.push({name: 'exerciseOtherQuestion', params: {...this.routerParams, id: this.otherId, question: 0}})\r\n      }\r\n      if (!this.questionsSaved) {\r\n        this.fetchQuestionList()\r\n      }\r\n    },\r\n\r\n    fetchQuestionList() {\r\n      let self = this;\r\n      if (!self.otherId) {\r\n        return\r\n      }\r\n      self.setLoading(true)\r\n      // console.log('Question flat cats: ', self.catsFlatForExercise)\r\n      getQuestionListOfOtherOrThematic(self.otherId).then(res => {\r\n        if (res && res.data && !res.errors) {\r\n          self.questionsSaved = res.data\r\n          res.data.length > 0 && localStorage.setItem(LOCAL_QUESTIONS_DATA, JSON.stringify(res.data))\r\n          if (res.data && res.data.length === 0) {\r\n            self.handleNextPrevCat === 'prev' ? self.prevCatBook() : self.nextCatBook()\r\n          } else if (res.data && res.data.length > 0) {\r\n            const catCurr = self.catsFlatForExercise.find(cat => cat.chapterId === self.otherId)\r\n            // console.log('Cat curR: ', catCurr, self.handleNextPrevCat)\r\n            if (catCurr && catCurr.toggleId && catCurr.toggleId !== self.collapseIdActivedefault) {\r\n              self.collapseIdActivedefault = catCurr.toggleId\r\n              self.$root.$emit('bv::toggle::collapse', catCurr.toggleId)\r\n            }\r\n            // catCurr && catCurr.toggleId && this.$root.$emit('bv::toggle::collapse', catCurr.toggleId)\r\n            // // Open collaspe default foe cat child\r\n            // catCurr && catCurr.toggleId && this.$root.$on('bv::collapse::state', (collapseId, isJustShown) => {\r\n            //   console.log('isJustShown:', isJustShown, collapseId)\r\n            //   if (collapseId !== catCurr.toggleId) {\r\n            //     this.$root.$emit('bv::toggle::collapse', catCurr.toggleId)\r\n            //   }\r\n            // })\r\n          }\r\n        }\r\n      }).catch().finally(() => self.setLoading(false))\r\n    },\r\n\r\n    resetAnswers() {\r\n      resetResultWorkQuestion(this.question.questionId).then(res => {\r\n        if (res && !res.errors) {\r\n          this.formatQuestion()\r\n          this.startTimeQuestion = new Date()\r\n        }\r\n      })\r\n    },\r\n\r\n    async resetAnswerAllQuestion() {\r\n      let self = this;\r\n      this.startTimeQuestion = new Date()\r\n      if (!this.otherId) {\r\n        return\r\n      }\r\n      resetResultCorrectQuestionOtherOrThematic(self.otherId).then(res => {\r\n        if (res && !res.errors) {\r\n          self.formatQuestion()\r\n          // Promise.all([self.getQuestionListOfSidebar(), self.getQuestionData()]);\r\n          // self.$router.push({name: 'exerciseThematicQuestion', params: {...self.routerParams, question: 0}})\r\n          // self.$toast.success('Thực hiện làm lại bài tập thành công!')\r\n        }\r\n      })\r\n    },\r\n\r\n    formatQuestion() {\r\n      localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n      this.question = {}\r\n      this.sliderQuestionList = []\r\n      // this.questionIdCheckAnswer = 0\r\n      if (this.keySidebarActive === 'info') {\r\n        this.questionIdCheckAnswer = {\r\n          value: this.sliderQuestionList && this.sliderQuestionList[this.questionindexActive - 1] && this.sliderQuestionList[this.questionindexActive - 1].isTrue ? true : false,\r\n          id: 0\r\n        }\r\n      }\r\n      this.getQuestionListOfSidebar()\r\n      // Get question info\r\n      // Promise.all([this.getQuestionListOfSidebar(), this.getInfoQuestion()])\r\n    },\r\n\r\n    async checkAnswer() {\r\n      let self = this;\r\n      console.log('check answer');\r\n      self.resetValKeyboard();\r\n      if (self.question.type !== TYPE_DOWN_ANSWER) {\r\n        self.setQuestionList4CheckAnswer([{ ...self.question }])\r\n        self.setQuestionData4CheckAnswer({ ...self.question })\r\n      }\r\n\r\n      if (self.question.type === TYPE_GROUP) {\r\n        self.txtMissingQuestionGroup = ''\r\n        self.setQuestionData4CheckAnswer({ ...self.question, isGroup: true, parent: parent.questionId })\r\n      }\r\n\r\n      if (self.question.type !== TYPE_DOWN_ANSWER) {\r\n        await self.setActionCheckQuestion(true);\r\n      } else {\r\n        self.question = { ...self.question, isTrue: true }\r\n        self.saveQuestion2Local(self.question)\r\n      }\r\n      self.showGuideContent = true\r\n\r\n      if (self.question.isTrue) {\r\n        self.actionPlayQuestionTrue = true\r\n        setTimeout(() => {\r\n          document.getElementById('question_true').play()\r\n        }, 5)\r\n      } else {\r\n        self.actionPlayQuestionFalse = true\r\n        setTimeout(() => {\r\n          document.getElementById('question_false').play()\r\n        }, 5)\r\n      }\r\n\r\n      if (self.authInfo && self.authInfo.email !== EMAIL_PUBLIC) {\r\n        let timeCal = callTimeDiff(this.startTimeQuestion)\r\n\r\n        saveUserWorkQuestion(self.question, timeCal.minute)\r\n      }\r\n\r\n      setTimeout(() => {\r\n        self.actionPlayQuestionTrue = false\r\n        self.actionPlayQuestionFalse = false\r\n      }, 4000)\r\n    },\r\n\r\n    saveQuestion2Local(questionCurr) {\r\n      let questionsLocalStorage = localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n      if (!questionsLocalStorage || questionsLocalStorage === null || questionsLocalStorage === undefined) {\r\n        this.saveLocalQuestion([questionCurr])\r\n        return\r\n      }\r\n\r\n      questionsLocalStorage = JSON.parse(questionsLocalStorage)\r\n      if (questionsLocalStorage.length === 0) {\r\n        this.saveLocalQuestion([questionCurr])\r\n        return\r\n      }\r\n\r\n      const indexQuestionInList = questionsLocalStorage.findIndex(ques => ques.questionId === questionCurr.questionId)\r\n      if (indexQuestionInList > -1) {\r\n        questionsLocalStorage[indexQuestionInList] = { ...questionCurr }\r\n        this.saveLocalQuestion(questionsLocalStorage)\r\n      }\r\n    },\r\n\r\n    handleAnswerMissing(valErr) {\r\n      if (this.question.type === TYPE_GROUP) {\r\n        this.txtMissingQuestionGroup = valErr\r\n      }\r\n      setTimeout(() => {\r\n        this.showGuideContent = false\r\n      }, 5)\r\n    },\r\n\r\n    prevCatBook() {\r\n      this.handleNextPrevCat = 'prev'\r\n      this.goToCat()\r\n    },\r\n\r\n    nextCatBook() {\r\n      this.handleNextPrevCat = 'next'\r\n      this.goToCat(1)\r\n    },\r\n\r\n    goToCat(type = 0) {\r\n      console.log(this.catsFlatForExercise)\r\n      let indexCatCurr = this.catsFlatForExercise.findIndex(cat => cat.chapterId === parseInt(this.$route.params.id));\r\n      let catsLength = this.catsFlatForExercise.length\r\n      this.resetValKeyboard()\r\n      if ((type === 0 && indexCatCurr > 0) || (type > 0 && indexCatCurr < catsLength - 1)) {\r\n        let targetCat = type === 0 ? this.catsFlatForExercise[indexCatCurr - 1] : this.catsFlatForExercise[indexCatCurr + 1]\r\n        this.question = {}\r\n        \r\n        targetCat = this.$refs.ThematicSidebar.changeChapter(targetCat,this.catsFlatForExercise,type,indexCatCurr)\r\n        if(!targetCat){\r\n          return\r\n        }\r\n\r\n        this.$router.replace({ params: { ...this.$route.params, id: targetCat.chapterId }, query: { cauhoi: 1 } })\r\n      }\r\n      \r\n      this.startTimeQuestion = new Date()\r\n    },\r\n\r\n    handleChangeQuestionDisplay() {\r\n      let questionPosition = this.$route.query.cauhoi ? parseInt(this.$route.query.cauhoi) : 1\r\n      if (questionPosition > this.sliderQuestionList.length) {\r\n        this.$router.replace({ query: { cauhoi: 1 } })\r\n      } else {\r\n        this.getInfoQuestion()\r\n      }\r\n      // Reset time\r\n      this.startTimeQuestion = new Date()\r\n    }\r\n\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.book-viewer {\r\n  &__cats {\r\n    &__title {\r\n      padding: 0 0 10px !important;\r\n    }\r\n  }\r\n}\r\n\r\n.cat-head,\r\n.cat-child li {\r\n  @extend .display-flex;\r\n  @extend .justify-content-between;\r\n\r\n  >i {\r\n    @extend .position-rel;\r\n    top: 5px;\r\n    @extend .font-size-20;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .exercise-detail {\r\n\r\n    &__questions {\r\n      padding: 15px;\r\n    }\r\n\r\n    .book-viewer {\r\n      &__footer {\r\n        &__cats {\r\n          &:not(.is-full) {\r\n            min-width: 35px !important;\r\n            text-align: center;\r\n\r\n            >i {\r\n              margin-right: 0;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.btn-do-ex {\r\n  height: 30px;\r\n  line-height: 28px;\r\n  padding: 0px 20px;\r\n}\r\n\r\n.exercise-detail {\r\n  &__questions {\r\n    padding-left: 30px;\r\n  }\r\n\r\n  &__list {\r\n    padding: 30px 0 25px;\r\n  }\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!./OtherDetail.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!./OtherDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OtherDetail.vue?vue&type=template&id=dd9df5fe&scoped=true&\"\nimport script from \"./OtherDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./OtherDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OtherDetail.vue?vue&type=style&index=0&id=dd9df5fe&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  \"dd9df5fe\",\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('Viewer',{attrs:{\"isOpenBookCats\":_vm.openBookCats,\"valOpenSidebar\":_vm.typeOpenSidebar,\"linkBack\":_vm.otherInfo ? { name:'exercise', query:{ lop: _vm.otherInfo.classId, mon: _vm.otherInfo.subjectId, tab: _vm.typeId} } : {}},scopedSlots:_vm._u([(_vm.otherInfo)?{key:\"viewer_head_name\",fn:function(){return [_vm._v(_vm._s(_vm.otherInfo.title))]},proxy:true}:null,(_vm.otherInfo)?{key:\"viewer_head_right\",fn:function(){return [_vm._v(_vm._s(_vm.versionApp))]},proxy:true}:null,{key:\"viewr_body\",fn:function(){return [_c('div',{staticClass:\"exercise-detail__questions position-rel\"},[_c('div',{staticClass:\"exercise-detail__list\"},[(_vm.questionCurr === 0 && _vm.questionsSaved)?_c('ExerciseQuestionList',{attrs:{\"dataSource\":_vm.questionsSaved},on:{\"handleGoQuestion\":_vm.directQuestion}}):_c('div',{staticClass:\"item position-rel content-1\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_c('div',{staticClass:\"question-group\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"questions\":[_vm.question],\"location\":0,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion,\"getResultQuestion\":_vm.getResultQuestion,\"answerMissing\":_vm.handleAnswerMissing}}),(_vm.question.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((_vm.question.listQuestionChild),function(child,pos){return _c('div',{staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":0,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":_vm.question},on:{\"formatQuestion\":_vm.getInfoQuestion}}):_vm._e()],1)}),0):_vm._e(),(_vm.txtMissingQuestionGroup)?_c('p',{staticClass:\"question-missing-answer color-err\"},[_vm._v(_vm._s(_vm.txtMissingQuestionGroup))]):_vm._e()],1):(_vm.question)?_c('div',{staticClass:\"question-single\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":_vm.question,\"location\":0,\"preview\":true},on:{\"getResultQuestion\":_vm.getResultQuestion,\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing}})],1):_vm._e()])],1),(_vm.questionCurr > 0)?_c('div',{staticClass:\"exercise-detail__feedback display-flex-center justify-content-between\"},[(!_vm.showGuideContent)?_c('a',{staticClass:\"secondary-color-txt\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleGuideContent}},[_vm._v(\"Xem hướng dẫn\")]):_c('a',{staticClass:\"primary-color\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.toggleGuideContent}},[_vm._v(\"Ẩn hướng dẫn\")])]):_vm._e(),(_vm.showGuideContent)?_c('div',{staticClass:\"exercise-detail__guide\"},[_c('b-tabs',{attrs:{\"content-class\":\"mt-3\"}},[_c('b-tab',{attrs:{\"title\":\"Hướng dẫn \"}},[_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"},[_c('span',{staticClass:\"display-block font-size-16 secondary-color-txt font-sanpro\"},[_vm._v(_vm._s(_vm.versionApp))]),(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_vm._l((_vm.question.listQuestionChild),function(guide,index){return _c('div',{key:(\"guide_\" + index),staticClass:\"child-item\"},[(guide && guide.title)?_c('b',[_vm._v(_vm._s(guide.title))]):_vm._e(),(guide && guide.guideContent)?_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(guide.guideContent)}}):_vm._e()])}):_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(_vm.question.guideContent)}})],2)]),_c('b-tab',{attrs:{\"title\":\"Lời giải chi tiết\"}},[_c('span',{staticClass:\"display-block font-size-16 secondary-color-txt font-sanpro\"},[_vm._v(_vm._s(_vm.versionApp))]),_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"},[(_vm.question && _vm.question.type && _vm.question.type === _vm.typeGroup)?_vm._l((_vm.question.listQuestionChild),function(and,index){return _c('div',{key:(\"and_\" + index),staticClass:\"child-item\"},[(and && and.title)?_c('b',[_vm._v(_vm._s(and.title))]):_vm._e(),(and && and.answerDetail)?_c('div',{staticClass:\"answer__detail__content\",domProps:{\"innerHTML\":_vm._s(and.answerDetail)}}):_vm._e()])}):_c('div',{staticClass:\"answer__detail__content\",domProps:{\"innerHTML\":_vm._s(_vm.question.answerDetail)}})],2)])],1)],1):_vm._e(),(_vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991 && _vm.questionCurr !== 0)?_c('div',{staticClass:\"overlay-question\",on:{\"click\":_vm.resetValKeyboard}}):_vm._e()])]},proxy:true},{key:\"viewer_sidebar_icon\",fn:function(){return [_c('a',{class:{'active': _vm.keySidebarActive === 'link'},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.openSidebar('link')}}},[_c('i',{staticClass:\"icon-link font-size-24\"})])]},proxy:true},{key:\"viewer_sidebar_content\",fn:function(){return [(_vm.keySidebarActive === 'search')?_c('div',{staticClass:\"sidebar__search\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Tra cứu\")]),_c('div',{staticClass:\"sidebar__search__form\"},[_c('div',{staticClass:\"input-custom-icon\"},[_c('input',{attrs:{\"type\":\"text\",\"name\":\"search\",\"autocomplete\":\"off\"}}),_c('i',{staticClass:\"fas fa-search primary-color\"})])]),_c('div',{staticClass:\"sidebar__search__result\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Trang\")]},proxy:true}],null,false,3327375251)},[_c('div',{staticClass:\"result-pages\"},[_c('a',{staticClass:\"item\",attrs:{\"href\":\"javascript:;\"}},[_c('img',{attrs:{\"src\":\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\",\"alt\":\"12\"}}),_c('span',[_vm._v(\"12\")])])])]),_c('b-tab',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Bài\")]},proxy:true}],null,false,2885879670)},[_c('ul',{staticClass:\"result-lesson margin-0\"},[_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Tên bài học\")])])])])],1)],1)]):_vm._e(),(_vm.keySidebarActive === 'link')?_c('div',{staticClass:\"sidebar-link\"},[_c('div',{staticClass:\"sidebar-link__head\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Liên kết\")])])]),_c('div',{staticClass:\"sidebar__link__result\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Luyện tập\")]},proxy:true}],null,false,2244193821)},[_c('div',{staticClass:\"book-links\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"item display-flex full-width\"},[_c('div',{staticClass:\"item__img\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('img',{attrs:{\"src\":\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\",\"alt\":\"Sách giáo khoa môn Toán 1 (Tập 1)\"}})])],1),_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\"},[_c('router-link',{staticClass:\"color-inherit\",attrs:{\"to\":\"/\"}},[_vm._v(\"Sách giáo khoa môn Toán 1 (Tập 1)\")])],1),_c('p',{staticClass:\"item__year font-size-14 secondary-color-txt\"},[_vm._v(\"Tái bản: 2020\")]),_c('router-link',{staticClass:\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\",attrs:{\"to\":\"/\"}},[_vm._v(\"Đọc sách\")])],1)])])],1)]),_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Sách điện tử\")]},proxy:true}],null,false,3704549356)},[_c('div',{staticClass:\"book-links\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},_vm._l((_vm.bookRelates),function(item,index){return _c('div',{staticClass:\"item display-flex full-width\"},[_c('div',{staticClass:\"item__img\"},[_c('router-link',{attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_c('img',{attrs:{\"src\":item.imageUrl ? _vm.cdnUrl + item.imageUrl : '',\"alt\":item.name}})])],1),_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\"},[_c('router-link',{staticClass:\"color-inherit\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_vm._v(_vm._s(item.name))])],1),_c('p',{staticClass:\"item__year font-size-14 secondary-color-txt\"},[_vm._v(\"Tái bản: \"+_vm._s(item.editionYear))]),_c('router-link',{staticClass:\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }},\"target\":\"_blank\"}},[_vm._v(\"Đọc sách\")])],1)])}),0)],1)])],1)],1)])]):_vm._e()]},proxy:true},{key:\"viewer_toggle_cat_name\",fn:function(){return [_vm._v(\"Mục lục\")]},proxy:true},{key:\"viewer_footer_right\",fn:function(){return [_c('div',{staticClass:\"exercise-detail__direct display-flex-center\"},[_c('div',{staticClass:\"book-viewer__paging display-flex-center\"},[_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.indexCatCurr) <= 0},attrs:{\"href\":\"javascript:;\",\"title\":\"Danh mục trước\"},on:{\"click\":_vm.prevCatBook}},[_c('i',{staticClass:\"icon-first-page primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.questionCurr) <= 1},attrs:{\"href\":\"javascript:;\",\"title\":\"Câu hỏi trước\"},on:{\"click\":_vm.prevQuestion}},[_c('i',{staticClass:\"icon-prev primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.questionCurr) >= parseInt(_vm.questionList.length)},attrs:{\"href\":\"javascript:;\",\"title\":\"Câu hỏi tiếp theo\"},on:{\"click\":_vm.nextQuestion}},[_c('i',{staticClass:\"icon-next primary-color font-size-24\"})]),_c('a',{directives:[{name:\"b-tooltip\",rawName:\"v-b-tooltip.hover\",modifiers:{\"hover\":true}}],class:{'disabled': parseInt(_vm.indexCatCurr) >= _vm.thematicCatLength - 1},attrs:{\"href\":\"javascript:;\",\"title\":\"Danh mục tiếp theo\"},on:{\"click\":_vm.nextCatBook}},[_c('i',{staticClass:\"icon-last-page primary-color font-size-24\"})])])]),(_vm.questionCurr !== 0 && _vm.question)?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\",class:{'disabled': (_vm.question && (_vm.question.type === _vm.typeDrawShape || _vm.question.type === _vm.typeDownAnswer)) || _vm.questionCurr === 0 || _vm.question.isWorked || _vm.question.statusWorked},attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.checkAnswer}},[_vm._v(\"Kiểm tra\")]):_vm._e()]},proxy:true},{key:\"viewer_sidebar_cat_head\",fn:function(){return [_c('div',{staticClass:\"exercise-detail__cats__breadcrumb\"},[_c('ul',{staticClass:\"margin-0 p-0 text-left\"},_vm._l((_vm.breadCrumbCurr),function(bread,index){return _c('li',{staticClass:\"word-excerpt\",class:{'active': index === _vm.breadCrumbCurr.length - 1 && _vm.questionCurr === 0}},[_c('a',{attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){index === _vm.breadCrumbCurr.length - 1 && _vm.breadCrumbCurr.length > 1 ? _vm.getQuestionData(bread) : _vm.directExerciseCat(_vm.breadCrumbCurr[_vm.breadCrumbCurr.length - 1])}}},[(index === 0)?_c('span',{staticClass:\"icon-arrow-left font-size-13 secondary-color-txt position-rel\"},[_c('span',{staticClass:\"path1\"}),_c('span',{staticClass:\"path2\"})]):_vm._e(),_vm._v(\"\\n                \"+_vm._s(bread.title)+\" \\n              \")]),(index === _vm.breadCrumbCurr.length - 1)?_c('span',{staticClass:\"btn-reset\",on:{\"click\":_vm.resetAnswers}},[_c('i',{staticClass:\"icon-reset primary-color font-size-18\"})]):_vm._e()])}),0)])]},proxy:true},{key:\"viewer_sidebar_cat_body\",fn:function(){return [_c('div',{staticClass:\"book-viewer__cats__list exercise-detail__cats__list\"},_vm._l((_vm.questionList),function(item,index){return _c('a',{staticClass:\"item\",class:{\n            'curr': item.current, \n            'success': (item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue), \n            'error': (item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue) \n        },on:{\"click\":function($event){return _vm.directQuestion(index + 1)}}},[_vm._v(\"\\n        \"+_vm._s(item.name)+\"\\n      \")])}),0)]},proxy:true},{key:\"viewer_footer\",fn:function(){return [(_vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991)?_c('VituralKeyboard',{class:{'open-cat': _vm.openBookCats, 'over-height': _vm.valVituralKeyboard && _vm.valVituralKeyboard.isOverHaflScreen}}):_vm._e(),(_vm.actionPlayQuestionTrue)?_c('audio',{attrs:{\"id\":\"question_true\",\"src\":_vm.correct,\"autoplay\":\"\"}}):_vm._e(),(_vm.actionPlayQuestionFalse)?_c('audio',{attrs:{\"id\":\"question_false\",\"src\":_vm.incorrect,\"autoplay\":\"\"}}):_vm._e()]},proxy:true}],null,true)})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <Viewer :isOpenBookCats=\"openBookCats\" :valOpenSidebar=\"typeOpenSidebar\" :linkBack=\"otherInfo ? { name:'exercise', query:{ lop: otherInfo.classId, mon: otherInfo.subjectId, tab: typeId} } : {}\">\r\n    <template v-if=\"otherInfo\" v-slot:viewer_head_name>{{ otherInfo.title }}</template>\r\n    <template v-if=\"otherInfo\" v-slot:viewer_head_right>{{ versionApp }}</template>\r\n    <template v-slot:viewr_body>\r\n      <div class=\"exercise-detail__questions position-rel\">\r\n        <div class=\"exercise-detail__list\">\r\n          <ExerciseQuestionList v-if=\"questionCurr === 0 && questionsSaved\" :dataSource=\"questionsSaved\" @handleGoQuestion=\"directQuestion\" />\r\n          <div v-else class=\"item position-rel content-1\">\r\n              <div class=\"question-group\" v-if=\"question && question.type && question.type === typeGroup\">\r\n                  <PreviewQuestion \r\n                      :dataSource=\"question\"\r\n                      :questions=\"[question]\"\r\n                      :location=\"0\"\r\n                      :preview=\"true\"\r\n                      :questionsData=\"question\"\r\n                      @formatQuestion=\"getInfoQuestion\"\r\n                      @getResultQuestion=\"getResultQuestion\"\r\n                      @answerMissing=\"handleAnswerMissing\"\r\n                  />\r\n                  <div class=\"questions-child\" v-if=\"question.listQuestionChild\">\r\n                      <div class=\"questions-child__item\" v-for=\"(child, pos) of question.listQuestionChild\">\r\n                          <PreviewQuestion \r\n                              v-if=\"child\"\r\n                              :dataSource=\"child\"\r\n                              :location=\"pos\"\r\n                              :parentIndex=\"0\"\r\n                              :isQuestionChild=\"true\"\r\n                              :preview=\"true\"\r\n                              :questionsData=\"question\"\r\n                              @formatQuestion=\"getInfoQuestion\"\r\n                          />\r\n                      </div>\r\n                  </div>\r\n                  <p v-if=\"txtMissingQuestionGroup\" class=\"question-missing-answer color-err\">{{ txtMissingQuestionGroup }}</p>\r\n              </div>\r\n              <div class=\"question-single\" v-else-if=\"question\">\r\n                  <PreviewQuestion \r\n                      :dataSource=\"question\"\r\n                      :location=\"0\"\r\n                      :preview=\"true\"\r\n                      @getResultQuestion=\"getResultQuestion\"\r\n                      @formatQuestion=\"getInfoQuestion\"\r\n                      @answerMissing=\"handleAnswerMissing\"\r\n                  />\r\n              </div>\r\n          </div>\r\n        </div>\r\n        <div v-if=\"questionCurr > 0\" class=\"exercise-detail__feedback display-flex-center justify-content-between\">\r\n          <a\r\n            href=\"javascript:;\"\r\n            v-if=\"!showGuideContent\"\r\n            class=\"secondary-color-txt\"\r\n            @click=\"toggleGuideContent\"\r\n          >Xem hướng dẫn</a>\r\n          <a\r\n            href=\"javascript:;\"\r\n            v-else\r\n            class=\"primary-color\"\r\n            @click=\"toggleGuideContent\"\r\n          >Ẩn hướng dẫn</a>\r\n        </div>\r\n        <div class=\"exercise-detail__guide\" v-if=\"showGuideContent\">\r\n          <b-tabs content-class=\"mt-3\">\r\n            <b-tab title=\"Hướng dẫn \">\r\n              <div class=\"exercise-detail__guide__content font-size-16 primary-color-txt\">\r\n                <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">{{ versionApp }}</span>\r\n                <template v-if=\"question && question.type && question.type === typeGroup\">\r\n                  <div class=\"child-item\" v-for=\"(guide, index) of question.listQuestionChild\" :key=\"`guide_${index}`\">\r\n                    <b v-if=\"guide && guide.title\">{{ guide.title }}</b>\r\n                    <div v-if=\"guide && guide.guideContent\" class=\"guide__content\" v-html=\"guide.guideContent\"></div>\r\n                  </div>\r\n                </template>\r\n                <div v-else class=\"guide__content\" v-html=\"question.guideContent\"></div>\r\n              </div>\r\n            </b-tab>\r\n            <b-tab title=\"Lời giải chi tiết\">\r\n                <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">{{ versionApp }}</span>\r\n              <div class=\"exercise-detail__guide__content font-size-16 primary-color-txt\">\r\n                <template v-if=\"question && question.type && question.type === typeGroup\">\r\n                  <div class=\"child-item\" v-for=\"(and, index) of question.listQuestionChild\" :key=\"`and_${index}`\">\r\n                    <b v-if=\"and && and.title\">{{ and.title }}</b>\r\n                    <div v-if=\"and && and.answerDetail\" class=\"answer__detail__content\" v-html=\"and.answerDetail\"></div>\r\n                  </div>\r\n                </template>\r\n                <div v-else class=\"answer__detail__content\" v-html=\"question.answerDetail\"></div>\r\n              </div>\r\n            </b-tab>\r\n          </b-tabs>\r\n        </div>\r\n        <div class=\"overlay-question\" v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991 && questionCurr !== 0\" @click=\"resetValKeyboard\"></div>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_icon>\r\n      <!-- <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'search'}\" @click=\"openSidebar('search')\"><i class=\"icon-search font-size-24\"></i></a> -->\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'link'}\" @click=\"openSidebar('link')\"><i class=\"icon-link font-size-24\"></i></a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_content>\r\n      <div class=\"sidebar__search\" v-if=\"keySidebarActive === 'search'\">\r\n        <h3 class=\"sidebar__title\">Tra cứu</h3>\r\n        <div class=\"sidebar__search__form\">\r\n          <div class=\"input-custom-icon\">\r\n            <input type=\"text\" name=\"search\" autocomplete=\"off\" />\r\n            <i class=\"fas fa-search primary-color\"></i>\r\n          </div>\r\n        </div>\r\n        <div class=\"sidebar__search__result\">\r\n          <b-tabs class=\"sidebar__tabs\">\r\n            <b-tab active>\r\n              <template v-slot:title>Trang</template>\r\n              <div class=\"result-pages\">\r\n                <a href=\"javascript:;\" class=\"item\">\r\n                  <img src=\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\" alt=\"12\">\r\n                  <span>12</span>\r\n                </a>\r\n              </div>\r\n            </b-tab>\r\n            <b-tab>\r\n              <template v-slot:title>Bài</template>\r\n              <ul class=\"result-lesson margin-0\">\r\n                <li><a href=\"javascript:;\">Tên bài học</a></li>\r\n              </ul>\r\n            </b-tab>\r\n          </b-tabs>\r\n        </div>\r\n      </div>\r\n      <div class=\"sidebar-link\" v-if=\"keySidebarActive === 'link'\">\r\n        <div class=\"sidebar-link__head\">\r\n          <div class=\"book-viewer__sidebar__contents__wrap\">\r\n            <h3 class=\"sidebar__title\">Liên kết</h3>\r\n          </div>\r\n        </div>\r\n        <div class=\"sidebar__link__result\">\r\n          <div class=\"book-viewer__sidebar__contents__wrap\">\r\n            <b-tabs class=\"sidebar__tabs\">\r\n              <b-tab active>\r\n                <template v-slot:title>Luyện tập</template>\r\n                <div class=\"book-links\">\r\n                  <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n                    <div class=\"item display-flex full-width\">\r\n                      <div class=\"item__img\">\r\n                        <router-link to=\"/\">\r\n                          <img src=\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\" alt=\"Sách giáo khoa môn Toán 1 (Tập 1)\">\r\n                        </router-link>\r\n                      </div>\r\n                      <div class=\"item__content\">\r\n                        <h4 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\">\r\n                          <router-link to=\"/\" class=\"color-inherit\">Sách giáo khoa môn Toán 1 (Tập 1)</router-link>\r\n                        </h4>\r\n                        <p class=\"item__year font-size-14 secondary-color-txt\">Tái bản: 2020</p>\r\n                        <router-link to=\"/\" class=\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\">Đọc sách</router-link>\r\n                      </div>\r\n                    </div>\r\n                  </vue-custom-scrollbar>\r\n                </div>\r\n              </b-tab>\r\n              <b-tab active>\r\n                <template v-slot:title>Sách điện tử</template>\r\n                <div class=\"book-links\">\r\n                  <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n                    <div class=\"item display-flex full-width\" v-for=\"(item, index) of bookRelates\">\r\n                      <div class=\"item__img\">\r\n                        <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\">\r\n                          <img :src=\"item.imageUrl ? cdnUrl + item.imageUrl : ''\" :alt=\"item.name\">\r\n                        </router-link>\r\n                      </div>\r\n                      <div class=\"item__content\">\r\n                        <h4 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\">\r\n                          <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" class=\"color-inherit\">{{ item.name }}</router-link>\r\n                        </h4>\r\n                        <p class=\"item__year font-size-14 secondary-color-txt\">Tái bản: {{ item.editionYear }}</p>\r\n                        <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" target= '_blank' class=\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\">Đọc sách</router-link>\r\n                      </div>\r\n                    </div>\r\n                  </vue-custom-scrollbar>\r\n                </div>\r\n              </b-tab>\r\n            </b-tabs>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_toggle_cat_name>Mục lục</template>\r\n    <template v-slot:viewer_footer_right>\r\n      <div class=\"exercise-detail__direct display-flex-center\">\r\n        <div class=\"book-viewer__paging display-flex-center\">\r\n            <a href=\"javascript:;\" v-b-tooltip.hover title=\"Danh mục trước\" @click=\"prevCatBook\" :class=\"{'disabled': parseInt(indexCatCurr) <= 0}\">\r\n              <i class=\"icon-first-page primary-color font-size-24\"></i>\r\n            </a>\r\n            <a href=\"javascript:;\" v-b-tooltip.hover title=\"Câu hỏi trước\" @click=\"prevQuestion\" :class=\"{'disabled': parseInt(questionCurr) <= 1}\">\r\n              <i class=\"icon-prev primary-color font-size-24\"></i>\r\n            </a>\r\n            <a href=\"javascript:;\" v-b-tooltip.hover title=\"Câu hỏi tiếp theo\" @click=\"nextQuestion\" :class=\"{'disabled': parseInt(questionCurr) >= parseInt(questionList.length)}\">\r\n              <i class=\"icon-next primary-color font-size-24\"></i>\r\n            </a>\r\n            <a href=\"javascript:;\" v-b-tooltip.hover title=\"Danh mục tiếp theo\" @click=\"nextCatBook\" :class=\"{'disabled': parseInt(indexCatCurr) >= thematicCatLength - 1}\">\r\n                <i class=\"icon-last-page primary-color font-size-24\"></i>\r\n            </a>\r\n        </div>\r\n      </div>\r\n      <a \r\n        href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\"\r\n        v-if=\"questionCurr !== 0 && question\" \r\n        :class=\"{'disabled': (question && (question.type === typeDrawShape || question.type === typeDownAnswer)) || questionCurr === 0 || question.isWorked || question.statusWorked}\" \r\n        @click=\"checkAnswer\"\r\n      >Kiểm tra</a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_head>\r\n      <div class=\"exercise-detail__cats__breadcrumb\">\r\n        <ul class=\"margin-0 p-0 text-left\">\r\n            <li class=\"word-excerpt\" v-for=\"(bread, index) of breadCrumbCurr\" :class=\"{'active': index === breadCrumbCurr.length - 1 && questionCurr === 0}\">\r\n                <a href=\"javascript:;\" @click=\"index === breadCrumbCurr.length - 1 && breadCrumbCurr.length > 1 ? getQuestionData(bread) : directExerciseCat(breadCrumbCurr[breadCrumbCurr.length - 1])\">\r\n                  <span v-if=\"index === 0\" class=\"icon-arrow-left font-size-13 secondary-color-txt position-rel\"><span class=\"path1\"></span><span class=\"path2\"></span></span>\r\n                  {{bread.title}} \r\n                </a>\r\n                <span v-if=\"index === breadCrumbCurr.length - 1\" class=\"btn-reset\" @click=\"resetAnswers\">\r\n                  <i class=\"icon-reset primary-color font-size-18\"></i>\r\n                </span>\r\n            </li>\r\n            <!-- <span class=\"display-block font-size-16 secondary-color-txt font-sanpro\">(Phiên bản 1.0)</span> -->\r\n        </ul>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_body>\r\n      <div class=\"book-viewer__cats__list exercise-detail__cats__list\">\r\n        <a class=\"item\" \r\n          v-for=\"(item, index) of questionList\" \r\n          :class=\"{\r\n              'curr': item.current, \r\n              'success': (item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue), \r\n              'error': (item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue) \r\n          }\" \r\n          @click=\"directQuestion(index + 1)\"\r\n        >\r\n          {{ item.name }}\r\n        </a>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_footer>\r\n      <VituralKeyboard v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991\" :class=\"{'open-cat': openBookCats, 'over-height': valVituralKeyboard && valVituralKeyboard.isOverHaflScreen}\" />\r\n      <audio v-if=\"actionPlayQuestionTrue\" id=\"question_true\" :src=\"correct\" autoplay></audio>\r\n      <audio v-if=\"actionPlayQuestionFalse\" id=\"question_false\" :src=\"incorrect\" autoplay></audio>\r\n    </template>\r\n  </Viewer>\r\n</template>\r\n\r\n<script>\r\n    import {mapGetters, mapActions, mapState} from 'vuex';\r\n    import { TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question/_store/constants'\r\n    import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n    import { APP_CONFIG } from '@/utils/constants'\r\n    import PreviewQuestion from '@/modules/question/preview-question/PreviewQuestion.vue'\r\n    import { getQuestionsSidebar, getQuestionDetail, getQuestionsByCat, getDetailOfOtherOrThematic, getQuestionListOfOtherOrThematic, getCatOfExerciseOtherOrThematic, saveUserWorkQuestion, resetResultCorrectQuestionOtherOrThematic, getQuestionListInSidebarOfThematicOrOther } from './../../_api/'\r\n    import { STORE_KEY, LOCAL_SAVE_QUESTIONS_WORKED, LOCAL_SAVE_CAT, LOCAL_SAVE_BOOK_ACTIVE, LOCAL_SAVE_EXERCISE_CLASS, LOCAL_QUESTIONS_DATA, TYPE_EXERCISE_OTHER } from \"./../../_store/constants\";\r\n    import ExerciseQuestionList from './../../_components/ExerciseQuestionList.vue'\r\n    // import ActiveCode from '@/modules/ebooks/_components/common/ActiveCode.vue'\r\n    import mixinExercise from './../../_store/mixinExercise'\r\n    import { getAuth } from '@/utils/jwt'\r\n    import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n    import VituralKeyboard from '@/modules/question/preview-question/VituralKeyboard.vue'\r\n    import { STORE_KEY as STORE_KEY_QUESTION } from '@/modules/question/preview-question/_store/constants'\r\n    const correct = require('@/assets/audio/correct.mp3')\r\n    const incorrect = require('@/assets/audio/incorrect.mp3')\r\n    import Viewer from '@/layouts/Viewer.vue'\r\n   \r\n    export default {\r\n        name: 'OtherQuestion',\r\n        mixins: [ mixinExercise ],\r\n        components: {\r\n            vueCustomScrollbar,\r\n            PreviewQuestion,\r\n            ExerciseQuestionList,\r\n            // ActiveCode,\r\n            VituralKeyboard,\r\n            Viewer\r\n        },\r\n        data() {\r\n          return {\r\n            typeGroup: TYPE_GROUP,\r\n            typeDrawShape: TYPE_DRAW_SHAPE_ANSWER,\r\n            typeDownAnswer: TYPE_DOWN_ANSWER,\r\n            typefillBlank: TYPE_FILL_BLANK,\r\n            typeSelect: TYPE_SELECT,\r\n            typeMatchCol: TYPE_MATH_COL,\r\n            cdnUrl: APP_CONFIG.cdnUrl,\r\n            settingsViewBookSidebar: {\r\n              maxScrollbarLength: 300,\r\n            },\r\n            isOpenSidebar: false,\r\n            typeOpenSidebar: {},\r\n            keySidebarActive: '', // search ||'link'\r\n            openBookCats: true,\r\n            openSidebarMobile: false,\r\n            showGuideContent: false,\r\n            tabGuideActive: 0,\r\n            questionindexActive: null,\r\n            questionsSaved: [],\r\n            questionList: [],\r\n            questionsLoaded: [],\r\n            question: null,\r\n            bookRelates: [],\r\n            arrResultCorrect: [],\r\n            catExercise: null,\r\n            otherInfo: null,\r\n            // exerciseBookActive: null,\r\n            breadCrumbCurr: [],\r\n            txtMissingQuestionGroup: '',\r\n            indexCatCurr: 0,\r\n            thematicCatLength: 0,\r\n            authInfo: {},\r\n            catsFlat: [],\r\n            setValQuestionChange: {},\r\n            correct,\r\n            incorrect,\r\n            actionPlayQuestionTrue: false,\r\n            actionPlayQuestionFalse: false,\r\n            handleNextPrevCat: '', //next or prev\r\n            dataCatsThematic: []\r\n          }\r\n        },\r\n        computed: {\r\n          ...mapState(STORE_KEY, ['paramsFilterExOtherThematic']),\r\n          ...mapState('auth', ['loginPopupData']),\r\n          ...mapState(STORE_KEY_QUESTION, ['valVituralKeyboard']),\r\n          ...mapGetters({\r\n              actionCheckQuestion: `common/actionCheckQuestion`,\r\n          }),\r\n          routerParams() {\r\n            return this.$route.params;\r\n          },\r\n          classId() {\r\n            return parseInt(this.$route.params.classId);\r\n          },\r\n          subjectId() {\r\n            return parseInt(this.$route.params.subjectId);\r\n          },\r\n          screenWidth() {\r\n            return window.innerWidth;\r\n          },\r\n          otherId() {\r\n            return parseInt(this.$route.params.id);\r\n          },\r\n          typeId() {\r\n            return parseInt(this.$route.params.typeId);\r\n          },\r\n          questionCurr() {\r\n            return parseInt(this.$route.params.question);\r\n          },\r\n          ...mapState('common', ['versionApp'])\r\n        },\r\n        watch: {\r\n            '$route.params.question': 'getInfoQuestion',\r\n            actionCheckQuestion(newVal) {\r\n                !newVal && this.setQuestionResult();\r\n            },\r\n            '$route.params.id': 'getQuestionNewThematic',\r\n            valVituralKeyboard(newVal) {\r\n              if(newVal.ref) {\r\n                document.getElementById(newVal.ref).value = newVal.val;\r\n                document.getElementById(newVal.ref).focus();\r\n              }\r\n            }\r\n        },\r\n        created() {\r\n            this.getOtherInfo();\r\n            this.getQuestionListOfSidebar();\r\n            this.authInfo = getAuth();\r\n        },\r\n        mounted () {\r\n            this.getInfoSaveLocal();\r\n            this.getCatsOfThematic();\r\n        },\r\n        destroyed () {\r\n            this.resetValKeyboard();\r\n            localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n            localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n        },\r\n        methods: {\r\n            ...mapActions('common', ['setLoading', 'setActionCheckQuestion', 'setToggleModalActivePage', 'acSetDataBookActiveWant', 'acToggleModalActiveBook']),\r\n            ...mapActions(STORE_KEY, ['actionBookIndexOfBook', 'acSetParamFilterOtherThematic']),\r\n            ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n\r\n            getCatsOfThematic() {\r\n                let self = this;\r\n                // if(!self.bookIndexOfBook || self.bookIndexOfBook.length === 0) {\r\n                  self.acSetParamFilterOtherThematic({...self.paramsFilterExOtherThematic, classId: self.classId, subjectId: self.subjectId, type: TYPE_EXERCISE_OTHER})\r\n                  getCatOfExerciseOtherOrThematic(self.paramsFilterExOtherThematic).then(async res => {\r\n                      if(res && res.data && !res.errors) {\r\n                          self.dataCatsThematic = await self.flatenCatsExOtherOrThematic(res.data)\r\n                          self.thematicCatLength = self.dataCatsThematic.length\r\n                          // Save bookIndex into state\r\n                          setTimeout(() => {\r\n                            self.setBreadCrumbCurr(self.dataCatsThematic);\r\n                          }, 100)\r\n                          \r\n                      }\r\n                  }).catch().finally(() => self.setLoading(false));\r\n                // } else {\r\n                //     self.setBreadCrumbCurr();\r\n                // }\r\n            },\r\n\r\n            setBreadCrumbCurr() {\r\n                this.breadCrumbCurr = [];\r\n                if(this.dataCatsThematic && this.dataCatsThematic.length > 0) {\r\n                  this.indexCatCurr = this.dataCatsThematic.findIndex(cat => cat.chapterId === this.otherId);\r\n                  if(this.indexCatCurr > -1) {\r\n                    const { chapterId, title } = this.otherInfo\r\n                    this.breadCrumbCurr = [...this.dataCatsThematic[this.indexCatCurr].parents, {chapterId, title}]\r\n                  }\r\n                }\r\n            },\r\n\r\n            getQuestionNewThematic() {\r\n              this.setLoading(true)\r\n              let indexCatActive = this.dataCatsThematic.findIndex(cat => cat.chapterId === this.otherId)\r\n              if(indexCatActive > -1) {\r\n                this.otherInfo = this.dataCatsThematic[indexCatActive]\r\n              }\r\n              Promise.all([this.getQuestionListOfSidebar(), this.fetchQuestionList(), this.setBreadCrumbCurr()])\r\n            },\r\n\r\n            getInfoSaveLocal() {\r\n                let catInfo = localStorage.getItem(LOCAL_SAVE_CAT);\r\n                let practiceData = localStorage.getItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n                let questionData = localStorage.getItem(LOCAL_QUESTIONS_DATA);\r\n               \r\n                if(questionData && questionData !== null && questionData !== undefined) {\r\n                  this.questionsSaved = JSON.parse(questionData);\r\n                } else {\r\n                  this.fetchQuestionList()\r\n                }\r\n              \r\n            },\r\n\r\n            getOtherInfo() {\r\n                let self = this;\r\n                getDetailOfOtherOrThematic(self.otherId).then(res => {\r\n                  if(res && res.data && !res.errors) {\r\n                    self.otherInfo = res.data;\r\n                  }\r\n                })\r\n            },\r\n\r\n            getQuestionListOfSidebar() {\r\n                let self = this;\r\n                self.setLoading(true);\r\n                self.questionList = [];\r\n                \r\n                getQuestionListInSidebarOfThematicOrOther(self.otherId).then(res => {\r\n                    self.questionList = res && res.data && !res.errors ? res.data : [];\r\n                    if(res && res.data && res.data.length > 0) {\r\n                        // Set box size\r\n                        self.setSpaceSizeForOpenCatBox();\r\n\r\n                        self.getInfoQuestion();\r\n                        // Get question checked\r\n                        self.setQuestionResult();\r\n                    } else {\r\n                        self.setLoading(false)\r\n                    }\r\n                }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            getInfoQuestion() {\r\n                let self = this;\r\n                self.question = null;\r\n                // Hidden guide content\r\n                self.showGuideContent = false;\r\n                // self.arrResultCorrect = [];\r\n                self.questionindexActive = self.$route.params.question;\r\n                if(self.questionindexActive > 0) {\r\n                    self.setLoading(true);\r\n                    let questionId = self.questionList[self.questionCurr - 1].questionId;\r\n                    let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n\r\n                    if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n                        let indexQuestionSave = questionsLocalStorage.findIndex(ques => ques.questionId === questionId);\r\n                        if(indexQuestionSave > -1) {\r\n                            self.question = questionsLocalStorage[indexQuestionSave];\r\n                            self.setLoading(false);\r\n                        } else {\r\n                            self.getQuestionDetail(questionId, questionsLocalStorage);\r\n                        }\r\n                    } else {\r\n                        self.getQuestionDetail(questionId);\r\n                    }\r\n\r\n                    self.setQuestionCurr();\r\n                }\r\n            },\r\n\r\n            getQuestionDetail(questionId, dataQuestion = []) {\r\n                let self = this;\r\n                // Get question detail\r\n                getQuestionDetail(questionId).then(res => {\r\n                    if(res && res.data && !res.errors) {\r\n                        self.question = res.data;\r\n                        let dataSave = dataQuestion.length === 0 ? [res.data] : [...dataQuestion, res.data];\r\n                        self.saveLocalQuestion(dataSave);\r\n                    }\r\n                }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            saveLocalQuestion(data) {\r\n                let dataSave = JSON.stringify(data);\r\n                localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, dataSave);\r\n            },\r\n\r\n            setQuestionCurr() {\r\n                let self = this;\r\n                // Set question current\r\n                self.questionList.map((que, index) => {\r\n                    que['current'] = (parseInt(index) === parseInt(self.questionindexActive) -1) ? true : false;\r\n                })\r\n            },\r\n\r\n            setQuestionResult() {\r\n                let self = this;\r\n                let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n                if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n                    questionsLocalStorage.map((ques, index) => {\r\n                        if( ques.statusWorked ) {\r\n                            let resultCheckAnswer = ques.workedFail ? 'error' : 'success';\r\n                            let indexQuestionInList = self.questionList.findIndex(queList => queList.questionId === ques.questionId);\r\n                            if(indexQuestionInList > -1) {\r\n                                self.questionList[indexQuestionInList].answerStatus = resultCheckAnswer;\r\n                                self.logQuestionWorked(resultCheckAnswer);\r\n                            }\r\n                        }\r\n                    }) \r\n                }\r\n            },\r\n\r\n            logQuestionWorked(status) {\r\n              this.question['isTrue'] = status === 'success' ? true : false;\r\n              this.question['isWorked'] = true;\r\n            },\r\n\r\n            openSidebar(type) {\r\n              if(type !=null){\r\n                this.typeOpenSidebar = {type, isOpen: type === this.keySidebarActive ? false : true}\r\n                this.keySidebarActive = type !== this.keySidebarActive ? type : ''\r\n              }\r\n            },\r\n\r\n            handleToggleBookCats() {\r\n              let self = this;\r\n              self.openBookCats = !self.openBookCats;\r\n              self.isOpenSidebar = false;\r\n              self.keySidebarActive = '';\r\n\r\n              if(self.openBookCats) {\r\n                self.setSpaceSizeForOpenCatBox()\r\n              } else {\r\n                self.resetPageWhenOfBoxsTransition();\r\n              }\r\n            },\r\n\r\n            setSpaceSizeForOpenSidebarBox() {\r\n              let self = this;\r\n              let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n              let sidebarBox = document.getElementsByClassName('book-viewer__sidebar')[0];\r\n              let widthSidebarBox = sidebarBox.clientWidth;\r\n\r\n              bodyBookBox.style.paddingLeft = 0;\r\n              bodyBookBox.style.paddingRight = `${widthSidebarBox}px`;\r\n            },\r\n\r\n            setSpaceSizeForOpenCatBox() {\r\n              let self = this;\r\n              let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n              let catBox = document.getElementsByClassName('book-viewer__cats')[0];\r\n              let widthCatBox = catBox.clientWidth;\r\n\r\n              bodyBookBox.style.paddingLeft = `${widthCatBox}px`;\r\n              bodyBookBox.style.paddingRight = 0;\r\n            },\r\n\r\n            resetPageWhenOfBoxsTransition() {\r\n              let self = this;\r\n              let bodyBookBox = document.getElementsByClassName('book-viewer__body')[0];\r\n              bodyBookBox.style.paddingLeft = 0;\r\n              bodyBookBox.style.paddingRight = 0;\r\n            },\r\n\r\n            nextQuestion() {\r\n              // Reset val for keyboard\r\n              this.resetValKeyboard()\r\n              if(parseInt(this.questionindexActive) < parseInt(this.questionList.length)) {\r\n                  this.directQuestion(parseInt(this.questionindexActive) + 1);\r\n              }\r\n            },\r\n\r\n            prevQuestion() {\r\n              // Reset val for keyboard\r\n              this.resetValKeyboard()\r\n              if(parseInt(this.questionindexActive) > 1) {\r\n                  this.directQuestion(parseInt(this.questionindexActive) - 1);\r\n              }\r\n            },\r\n\r\n  \r\n\r\n            directQuestion(position) {\r\n              // Reset val for keyboard\r\n              this.resetValKeyboard();\r\n              let currentQuestion = this.$route.params.question;\r\n              if(parseInt(currentQuestion) !== parseInt(position)) {\r\n                this.question = null;\r\n                this.arrResultCorrect = [];\r\n                this.$router.push({name: 'exerciseOtherQuestion', params: {...this.routerParams, question: position}});\r\n                if(this.screenWidth < 992) {\r\n                  this.openBookCats = false;\r\n                }\r\n              }\r\n            },\r\n\r\n            async checkAnswer() {\r\n              let self = this;\r\n              self.resetValKeyboard();\r\n              \r\n              self.setQuestionList4CheckAnswer([{...self.question}])\r\n              self.setQuestionData4CheckAnswer({...self.question})\r\n              \r\n              if(self.question.type === TYPE_GROUP) {\r\n                self.txtMissingQuestionGroup = '';\r\n                self.setQuestionData4CheckAnswer({...self.question, isGroup: true, parent: parent.questionId})\r\n              }\r\n\r\n              await self.setActionCheckQuestion(true);\r\n              self.showGuideContent = true;\r\n              \r\n              if(self.question.isTrue) {\r\n                  self.actionPlayQuestionTrue = true;\r\n                  setTimeout(() => {\r\n                      document.getElementById('question_true').play();\r\n                  }, 5)\r\n              } else {\r\n                  self.actionPlayQuestionFalse = true;\r\n                  setTimeout(() => {\r\n                      document.getElementById('question_false').play();\r\n                  }, 5)\r\n              }\r\n              // Active answer correct tab = 1\r\n              // this.tabGuideActive = 1;\r\n              // Update state for question:\r\n              // console.log('Check type question: ', this.question.type, self.question.type);\r\n              // await self.question.type === TYPE_GROUP && this.setQuestionResult();\r\n              // if ( self.question.type === TYPE_GROUP ) {\r\n              //     console.log('Log asadasd ', self.question)\r\n              //     self.setResultForQuestionChild()\r\n              // }\r\n              // await self.question.type === TYPE_GROUP && self.setResultForQuestionChild() \r\n              saveUserWorkQuestion(self.question)\r\n              // .then(res => {\r\n              //     if(res && !res.errors) {\r\n              //         self.$toast.success('Bạn đã hoàn thành câu hỏi ' + self.question.title);\r\n              //     }\r\n              // });\r\n              setTimeout(() => {\r\n                  self.actionPlayQuestionTrue = false;\r\n                  self.actionPlayQuestionFalse = false;\r\n              }, 4000)\r\n            },\r\n\r\n            handleAnswerMissing(valErr) {\r\n              if(this.question.type === TYPE_GROUP) {\r\n                this.txtMissingQuestionGroup = valErr;\r\n              }\r\n              setTimeout(() => {\r\n                this.showGuideContent = false;\r\n              }, 5)\r\n            },\r\n\r\n            toggleGuideContent() {\r\n              this.showGuideContent = !this.showGuideContent;\r\n            },\r\n\r\n            getResultQuestion(val) {\r\n              this.arrResultCorrect = val;\r\n            },\r\n\r\n            getQuestionData(val) {\r\n              if(this.questionindexActive > 0 ) {\r\n                  if(this.questionList[this.questionindexActive - 1] && this.questionList[this.questionindexActive - 1]['current']) {\r\n                    this.questionList[this.questionindexActive - 1]['current'] = false;\r\n                  }\r\n                  if(!val) {\r\n                    this.questionList.map(ques => {\r\n                      ques.success && delete ques.success;\r\n                      ques.error && delete ques.error;\r\n                      ques.answerStatus && delete ques.answerStatus;\r\n                    })\r\n                  }\r\n                  this.questionindexActive = 0;\r\n                  this.$router.push({name: 'exerciseOtherQuestion', params: {...this.routerParams, id: this.otherId, question: 0}});\r\n              }\r\n              if(!this.questionsSaved) {\r\n                this.fetchQuestionList();\r\n              }\r\n            },\r\n\r\n            fetchQuestionList() {\r\n              let self = this;\r\n              self.setLoading(true);\r\n              getQuestionListOfOtherOrThematic(self.otherId).then(res => {\r\n                  if(res && res.data && !res.errors) {\r\n                      self.questionsSaved = res.data;\r\n                      res.data.length > 0 && localStorage.setItem( LOCAL_QUESTIONS_DATA, JSON.stringify(res.data) );\r\n                      if (res.data && res.data.length === 0) {\r\n                        this.handleNextPrevCat === 'next' && this.nextCatBook()\r\n                        this.handleNextPrevCat === 'prev' && this.prevCatBook()\r\n                      }\r\n                  }\r\n              }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            async resetAnswers() {\r\n              let self = this;\r\n              await localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n              resetResultCorrectQuestionOtherOrThematic(self.otherId).then(res => {\r\n                if(res && !res.errors) {\r\n                  Promise.all([self.getQuestionListOfSidebar(), self.getQuestionData()]);\r\n                  self.$toast.success('Thực hiện làm lại bài tập thành công!')\r\n                }\r\n              })\r\n            },\r\n\r\n            async directExerciseCat(val) {\r\n              this.routerParams.question && delete this.routerParams.question\r\n              this.$router.push({name: 'exerciseOtherDetail', params: {...this.routerParams, id: val.chapterId}})\r\n            },\r\n\r\n            handleActiveBookSuccess(val) {\r\n              this.otherInfo.limitPage = 1000;\r\n              this.otherInfo.actived = true;\r\n            },\r\n\r\n            handleCheckAnswerResult() {\r\n                if(this.question.type === TYPE_GROUP) {\r\n                  this.txtMissingQuestionGroup = '';\r\n                }\r\n                (this.question.type !== this.typeDrawShape && this.question.type !== this.typeDownAnswer) && this.checkAnswer();\r\n            },\r\n\r\n            prevCatBook() {\r\n              this.resetValKeyboard();\r\n              this.handleNextPrevCat = 'prev'\r\n              if(this.indexCatCurr > 0) {\r\n                localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n                this.$router.push({name: 'exerciseOtherQuestion', params: {...this.routerParams, id: this.dataCatsThematic[this.indexCatCurr - 1].chapterId, question: 0}})\r\n              }\r\n            },\r\n\r\n            nextCatBook() {\r\n                this.resetValKeyboard();\r\n                this.handleNextPrevCat = 'next'\r\n                if(this.indexCatCurr < this.thematicCatLength - 1) {\r\n                  localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n                  this.$router.push({name: 'exerciseOtherQuestion', params: {...this.routerParams, id: this.dataCatsThematic[this.indexCatCurr + 1].chapterId, question: 0}})\r\n                }\r\n            },\r\n\r\n            resetValKeyboard() {\r\n              this.valVituralKeyboard && this.setVituralKeyVal({});\r\n            }\r\n        },\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n    #main_app {\r\n      height: auto;\r\n    }\r\n\r\n    .comment-img {\r\n      max-width: 150px;\r\n      margin: 8px 10px;\r\n      max-width: 165px;\r\n      margin: 10px;\r\n      position: relative;\r\n      background: #e1efff;\r\n    }\r\n    .private-fa-times {\r\n      position: absolute;\r\n      top: 3px !important;\r\n      cursor: pointer;\r\n      right: 2px !important;\r\n    }\r\n    .textarea-modal {\r\n      width: 100%;\r\n      border: none;\r\n    }\r\n    .join-cls {\r\n      background: #124abe;\r\n      width: 110px;\r\n      border-radius: 20px;\r\n      height: 30px;\r\n      line-height: 15px;\r\n    }\r\n    .close-cls {\r\n      background: none;\r\n      border: 0;\r\n      color: #124abe;\r\n      border-radius: 20px;\r\n    }\r\n    #upload-photo {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      opacity: 0;\r\n    }\r\n\r\n    .answer-2{\r\n        p{\r\n            width:160px;\r\n        }\r\n    }\r\n    .questions-child {\r\n        &__item {\r\n            &:first-child {\r\n                margin-top: 30px;\r\n            }\r\n\r\n            &:not(:last-child) {\r\n                margin-bottom: 30px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .overlay-question {\r\n\r\n    }\r\n\r\n    .exercise-detail {\r\n        &__breadcrumb {\r\n            padding-left: 15px;\r\n            padding-right: 80px;\r\n\r\n            @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                padding-right: 55px;\r\n            }\r\n\r\n            @media screen and ( max-width: 575px ) {\r\n                padding-right: 40px;\r\n            }\r\n\r\n            ul li {\r\n\r\n                @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                    width: 15%;\r\n                }\r\n                \r\n                @media screen and ( max-width: 575px ) {\r\n                    width: 25%;\r\n                }\r\n\r\n                a, span, &:before {\r\n                    @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n                        font-size: 14px;\r\n                    }\r\n                    @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                        font-size: 12px;\r\n                    }\r\n                    @media screen and ( max-width: 575px ) {\r\n                        font-size: 11px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &__sidebar {\r\n          position: absolute;\r\n          top: 0;\r\n        }\r\n\r\n        &__questions {\r\n          max-width: 80%;\r\n          margin: 0 auto;\r\n          padding: 30px 15px;\r\n        }\r\n\r\n        &__direct {\r\n            >* {\r\n                &:not(:first-child) {\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n\r\n            // i {\r\n            //     @extend .position-rel;\r\n            //     top: 3px;\r\n            // }\r\n        }\r\n\r\n        &__action {\r\n            >a {\r\n                width: 140px;\r\n                line-height: 1.1;\r\n                letter-spacing: 0.03em;\r\n                margin-left: 20px;\r\n            }\r\n        }\r\n\r\n        &__back {\r\n            margin-bottom: 20px;\r\n            @extend .display-inline-block;\r\n        }\r\n\r\n        &__cats {\r\n            &__title {\r\n                @extend .border-0;\r\n                @extend .margin-0;\r\n\r\n                i {\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n\r\n            &__list {\r\n                a {\r\n                    width: 65px;\r\n                    height: 35px;\r\n                    line-height: 35px;\r\n                    @extend .display-inline-block;\r\n                    @extend .text-center;\r\n                    margin-bottom: 18px;\r\n                    @extend .font-size-15;\r\n                    @extend .font-sanpro-semibold;\r\n                    @extend .secondary-color-txt;\r\n                    border: 1px solid transparent;\r\n                    border-radius: 4px;\r\n\r\n                    &.item {\r\n\r\n                        &:not(:nth-child(4n)) {\r\n                            margin-right: 10px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover, &.curr {\r\n                        border-color: $primary_color;\r\n                    }\r\n\r\n                    &:hover, &.curr, &.success, &.error {\r\n                      @extend .primary-color;\r\n                    }\r\n\r\n                    &.success {\r\n                        @extend .secondary-bg-color;\r\n                        border-color: $secondary_color;\r\n                    }\r\n\r\n                    &.error {\r\n                        @extend .four-bg-color;\r\n                        border-color: $four_color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &__breadcrumb {\r\n              margin-bottom: 30px;\r\n              ul {\r\n                li {\r\n                  @extend .display-flex;\r\n                  @extend .full-width;\r\n                  margin-bottom: 10px;\r\n                  \r\n                  a {\r\n                    @extend .secondary-color-txt;\r\n                    @extend .font-size-16;\r\n                  }\r\n\r\n                  .btn-reset {\r\n                    width: 26px;\r\n                    height: 26px;\r\n                    @extend .display-flex-center;\r\n                    @extend .justify-content-center;\r\n                    @extend .border-rd-50;\r\n                    margin-left: 20px;\r\n                    @extend .btn-2;\r\n                    cursor: pointer;\r\n                  }\r\n\r\n                  &.active {\r\n\r\n                    a {\r\n                      @extend .primary-color;\r\n                      @extend .font-sanpro-semibold;\r\n                    }\r\n                  }\r\n\r\n                  &:last-child {\r\n                    a {\r\n                      padding-top: 3px;\r\n                      max-width: calc(100% - 45px);\r\n                      @extend .word-excerpt;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n        }\r\n\r\n        &__feedback {\r\n            margin-bottom: 38px;\r\n        }\r\n\r\n        &__list {\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        &__guide {\r\n            h2 {\r\n                margin-bottom: 13px;\r\n            }\r\n\r\n            p {\r\n                @extend .primary-color-txt;\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 576px ) and ( max-width: 1199px ) {\r\n            &__cats {\r\n                width: 365px;\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n            &__cats {\r\n                padding: 25px 0;\r\n            }\r\n        }\r\n\r\n        @media screen and ( max-width: 991px ) {\r\n            &__body {\r\n                padding: 0!important;\r\n            }\r\n            &__sidebar {\r\n                &__icons {\r\n                    background: transparent;\r\n                }\r\n\r\n                &.active {\r\n                    webkit-transform: translate(0, 0px);\r\n                    transform: translate(0, 0px);                    \r\n                }\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n            &__questions {\r\n              max-width: 85%;\r\n            }\r\n            &__cats {\r\n                // padding: 25px 15px;\r\n                padding: 25px 0;\r\n            }\r\n            &__sidebar {\r\n                webkit-transform: translate(75vw, 0px);\r\n                transform: translate(75vw, 0px);\r\n            }\r\n        }\r\n        @media screen and ( min-width: 768px ) and ( max-width: 991px ) {\r\n        }\r\n\r\n        @media screen and ( max-width: 991px ) {\r\n            &__questions {\r\n                padding: 25px 15px;\r\n            }\r\n            &__feedback {\r\n                margin-bottom: 25px;\r\n            }\r\n        }\r\n\r\n        @media screen and ( max-width: 575px ) {\r\n            &__questions {\r\n              max-width: 95%;\r\n            }\r\n            &__cats {\r\n                width: 300px;\r\n                // padding: 20px 10px;\r\n                padding: 20px 0;\r\n                -webkit-transform: translate(-300px, 0px);\r\n                transform: translate(-300px, 0px);\r\n\r\n                &__list {\r\n                    a {\r\n                        width: 55px;\r\n                        height: 30px;\r\n                        line-height: 30px;\r\n                        margin-bottom: 15px;\r\n\r\n                        &:not(:nth-child(4n+4)) {\r\n                            margin-right: 15px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            &__guide {\r\n                h2 {\r\n                    font-size: 20px;\r\n                }\r\n\r\n                &__content {\r\n                    font-size: 15px;\r\n                }\r\n            }\r\n\r\n            &__action >a {\r\n                width: 105px;\r\n            }\r\n\r\n            &__direct > *:not(:first-child), &__action >a {\r\n                margin-left: 15px;\r\n            }\r\n\r\n            &__sidebar {\r\n                webkit-transform: translate(80vw, 0px);\r\n                transform: translate(80vw, 0px);\r\n            }\r\n        }\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!./OtherQuestion.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!./OtherQuestion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./OtherQuestion.vue?vue&type=template&id=755447b6&scoped=true&\"\nimport script from \"./OtherQuestion.vue?vue&type=script&lang=js&\"\nexport * from \"./OtherQuestion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./OtherQuestion.vue?vue&type=style&index=0&id=755447b6&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  \"755447b6\",\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('Viewer',{staticClass:\"exercise-detail\",attrs:{\"isOpenBookCats\":_vm.openBookCats,\"linkBack\":_vm.examInfo ? { name:'exercise', query:{ lop: _vm.classId, mon: _vm.subjectId, tab: _vm.typeId} } : {}},scopedSlots:_vm._u([(_vm.examInfo)?{key:\"viewer_head_name\",fn:function(){return [_vm._v(_vm._s(_vm.examInfo.name))]},proxy:true}:null,(_vm.examInfo)?{key:\"viewer_head_right\",fn:function(){return [_vm._v(_vm._s(_vm.versionApp))]},proxy:true}:null,{key:\"viewr_body\",fn:function(){return [_c('div',{staticClass:\"container-hts\"},[_c('div',{staticClass:\"exercise-detail__info exercise-exam__info\"},[(_vm.examInfo && _vm.examInfo.fileNameExam)?_c('PreviewBookImg',{attrs:{\"totalPage\":_vm.examInfo.totalPageExam,\"fileName\":_vm.examInfo.fileNameExam,\"scale\":1}}):_c('img',{attrs:{\"src\":_vm.examInfo.thumbnail ? (_vm.urlImg + \"/\" + (_vm.examInfo.thumbnail)) : _vm.img404,\"alt\":_vm.examInfo.name}})],1)])]},proxy:true},{key:\"viewer_toggle_cat_name\",fn:function(){return [_vm._v(\"Danh sách\")]},proxy:true},{key:\"viewer_footer_right\",fn:function(){return [_c('a',{staticClass:\"btn btn-main border-rd-20 letter-spacing-main line-height-1-2 font-size-16 btn-do-ex\",attrs:{\"href\":\"javascript:;\",\"disabled\":!_vm.examInfo || (_vm.examInfo && _vm.examInfo.numberQuestion && _vm.examInfo.numberQuestion === 0)},on:{\"click\":_vm.directToQuestion}},[_vm._v(\"\\n      \"+_vm._s(_vm.examInfo && _vm.examInfo.isWork === _vm.typeExamDone ? 'Xem kết quả' : 'Làm bài')+\"\\n    \")])]},proxy:true},{key:\"viewer_sidebar_cat_head\",fn:function(){return [_c('h2',{staticClass:\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold book-viewer__cats__wrap\"},[_vm._v(\"\\n      Thông tin\\n    \")])]},proxy:true},{key:\"viewer_sidebar_cat_body\",fn:function(){return [_c('ExamSidebar',{attrs:{\"dataSource\":_vm.examInfo}})]},proxy:true}],null,true)})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sidebar\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__cats scroll-area__cats__exercise\",attrs:{\"id\":\"book_viewer__cats\",\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"book-viewer__cats__info exercise__cats__exam__info book-viewer__cats__wrap\"},[_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Tên đề: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataSource.name))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Môn: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataSource.subjectName))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Lớp: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataSource.className))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataSource.numberQuestion ? _vm.dataSource.numberQuestion : 0))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Thời gian làm bài: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataSource.timeToDo ? _vm.dataSource.timeToDo : 0)+\" phút\")])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Tình trạng: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.checkTypeExam(_vm.dataSource.isWork)))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Điểm số: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataSource.score ? _vm.dataSource.score.toFixed(1) : '...'))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu đúng: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataSource.totalCorrectAnswers ? _vm.dataSource.totalCorrectAnswers : '...'))])]),_c('div',{staticClass:\"item\"},[_c('div',{staticClass:\"item__title\"},[_vm._v(\"Số câu sai: \")]),_c('div',{staticClass:\"item__value\"},[_vm._v(_vm._s(_vm.dataSource.totalInCorrectAnswers ? _vm.dataSource.totalInCorrectAnswers : '...'))])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"sidebar\">\r\n    <vue-custom-scrollbar id=\"book_viewer__cats\" class=\"scroll-area scroll-area__cats scroll-area__cats__exercise\" :settings=\"settingsViewBookSidebar\">\r\n      <div class=\"book-viewer__cats__info exercise__cats__exam__info book-viewer__cats__wrap\">\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Tên đề: </div>\r\n          <div class=\"item__value\">{{ dataSource.name }}</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Môn: </div>\r\n          <div class=\"item__value\">{{ dataSource.subjectName }}</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Lớp: </div>\r\n          <div class=\"item__value\">{{ dataSource.className }}</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Số câu: </div>\r\n          <div class=\"item__value\">{{ dataSource.numberQuestion ? dataSource.numberQuestion : 0 }}</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Thời gian làm bài: </div>\r\n          <div class=\"item__value\">{{ dataSource.timeToDo ? dataSource.timeToDo : 0 }} phút</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Tình trạng: </div>\r\n          <div class=\"item__value\">{{ checkTypeExam(dataSource.isWork) }}</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Điểm số: </div>\r\n          <div class=\"item__value\">{{ dataSource.score ? dataSource.score.toFixed(1) : '...' }}</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Số câu đúng: </div>\r\n          <div class=\"item__value\">{{ dataSource.totalCorrectAnswers ? dataSource.totalCorrectAnswers : '...' }}</div>\r\n        </div>\r\n        <div class=\"item\">\r\n          <div class=\"item__title\">Số câu sai: </div>\r\n          <div class=\"item__value\">{{ dataSource.totalInCorrectAnswers ? dataSource.totalInCorrectAnswers : '...' }}</div>\r\n        </div>\r\n      </div>\r\n    </vue-custom-scrollbar>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n  import mixinExam from './../../_store/mixinExam'\r\n\r\n  export default {\r\n    name: 'ExamSidebar',\r\n    mixins: [ mixinExam ],\r\n    props: {\r\n      dataSource: Object\r\n    },\r\n    components: {\r\n      vueCustomScrollbar\r\n    },\r\n    data () {\r\n      return {\r\n        settingsViewBookSidebar: {\r\n          maxScrollbarLength: 300\r\n        },\r\n      }\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .book-viewer__cats__title {\r\n    margin-bottom: 25px;\r\n  }\r\n  .item {\r\n    @extend .display-flex;\r\n    margin-bottom: 15px;\r\n\r\n    &__title {\r\n      width: 45%;\r\n      margin-right: 1%;\r\n      @extend .secondary-color-txt;\r\n      @extend .font-size-15;\r\n      @extend .font-sanpro-semibold;\r\n    }\r\n\r\n    &__value {\r\n      width: 54%;\r\n      @extend .font-size-16;\r\n      @extend .font-sanpro-light;\r\n      @extend .primary-color-txt;\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExamSidebar.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!./ExamSidebar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExamSidebar.vue?vue&type=template&id=1e82f5e8&scoped=true&\"\nimport script from \"./ExamSidebar.vue?vue&type=script&lang=js&\"\nexport * from \"./ExamSidebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExamSidebar.vue?vue&type=style&index=0&id=1e82f5e8&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  \"1e82f5e8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <Viewer class=\"exercise-detail\" :isOpenBookCats=\"openBookCats\" :linkBack=\"examInfo ? { name:'exercise', query:{ lop: classId, mon: subjectId, tab: typeId} } : {}\">\r\n    <template v-if=\"examInfo\" v-slot:viewer_head_name>{{ examInfo.name }}</template>\r\n    <template v-if=\"examInfo\" v-slot:viewer_head_right>{{ versionApp }}</template>\r\n    <template v-slot:viewr_body>\r\n      <div class=\"container-hts\">\r\n        <div class=\"exercise-detail__info exercise-exam__info\">\r\n          <PreviewBookImg v-if=\"examInfo && examInfo.fileNameExam\" :totalPage=\"examInfo.totalPageExam\" :fileName=\"examInfo.fileNameExam\" :scale=\"1\" />\r\n          <img v-else :src=\"examInfo.thumbnail ? `${urlImg}/${examInfo.thumbnail}` : img404\" :alt=\"examInfo.name\">\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_toggle_cat_name>Danh sách</template>\r\n    <template v-slot:viewer_footer_right>\r\n      <a\r\n        href=\"javascript:;\"\r\n        class=\"btn btn-main border-rd-20 letter-spacing-main line-height-1-2 font-size-16 btn-do-ex\"\r\n        :disabled=\"!examInfo || (examInfo && examInfo.numberQuestion && examInfo.numberQuestion === 0)\"\r\n        @click=\"directToQuestion\"\r\n      >\r\n        {{ examInfo && examInfo.isWork === typeExamDone ? 'Xem kết quả' : 'Làm bài' }}\r\n      </a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_head>\r\n      <h2 class=\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold book-viewer__cats__wrap\">\r\n        Thông tin\r\n      </h2>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_body>\r\n      <ExamSidebar :dataSource=\"examInfo\" />\r\n    </template>\r\n  </Viewer>\r\n</template>\r\n\r\n<script>\r\n  // import VRuntimeTemplate from \"v-runtime-template\"\r\n  import { APP_CONFIG } from \"@/utils/constants\"\r\n  import { mapState, mapActions } from \"vuex\"\r\n  import { STORE_KEY, LOCAL_SAVE_QUESTIONS_WORKED, EXAM_WORKED_DONE } from \"./../../_store/constants\"\r\n  import { getExamDetail } from './../../_api/'\r\n  import ExamSidebar from './../../_components/exam/ExamSidebar.vue'\r\n  const img404 = require(`@/assets/images/img_404.jpg`)\r\n  import PreviewBookImg from '@/components/content-files/PreviewBookImg.vue';\r\n  import Viewer from '@/layouts/Viewer.vue'\r\n  \r\n  export default {\r\n    name: 'ThematicDetail',\r\n    components: {\r\n      // VRuntimeTemplate,\r\n      ExamSidebar,\r\n      PreviewBookImg,\r\n      Viewer\r\n    },\r\n    data () {\r\n      return {\r\n        authInfo: {},\r\n        examInfo: {},\r\n        openBookCats: true,\r\n        urlImg: APP_CONFIG.urlQuestionImg,\r\n        img404,\r\n        typeExamDone: EXAM_WORKED_DONE\r\n      };\r\n    },\r\n      \r\n    computed: {\r\n      ...mapState('common', ['versionApp']),\r\n      routerParams() {\r\n        return this.$route.params;\r\n      },\r\n      classId() {\r\n        return parseInt(this.$route.params.classId);\r\n      },\r\n      subjectId() {\r\n        return parseInt(this.$route.params.subjectId);\r\n      },\r\n      screenWidth() {\r\n        return window.innerWidth;\r\n      },\r\n      examId() {\r\n        return parseInt(this.$route.params.id);\r\n      },\r\n      typeId() {\r\n        return parseInt(this.$route.params.typeId);\r\n      }\r\n    },\r\n    created() {\r\n      this.getInfoDetail()\r\n    },\r\n    mounted () {\r\n      localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n    },\r\n    methods: {\r\n      ...mapActions('common', ['setLoading']),\r\n      ...mapActions('auth', ['setToggleLoginForm']),\r\n      ...mapActions(STORE_KEY, ['acSetParamFilterOtherThematic']),\r\n\r\n      getInfoDetail () {\r\n        this.setLoading(true)\r\n        getExamDetail(this.examId).then(res => {\r\n          if (res && res.data && !res.errors) {\r\n            this.examInfo = res.data\r\n          }\r\n        }).finally(() => this.setLoading(false))\r\n      },\r\n\r\n      handleToggleBookCats() {\r\n          this.openBookCats = !this.openBookCats;\r\n      },\r\n\r\n      directToQuestion () {\r\n        this.$router.push({name: 'exerciseExamQuestion', params: {...this.routerParams}, query: {cauhoi: 1}})\r\n        // this.examInfo.isWork && this.$router.push({name: 'exerciseExamResult', params: { id: this.examInfo.examId, typeId: this.typeId }})\r\n      }\r\n    }\r\n  };\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n    .book-viewer__cats .card-body ul li:not(:last-child) {\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .cat-head, .cat-child li {\r\n        @extend .display-flex;\r\n        @extend .justify-content-between;\r\n\r\n        >i {\r\n            @extend .position-rel;\r\n            top: 5px;\r\n            @extend .font-size-20;\r\n        }\r\n    }\r\n\r\n    @media screen and ( max-width: 767px ) {\r\n        .exercise-detail {\r\n            \r\n            &__questions {\r\n                padding: 15px 0;\r\n            }\r\n        }\r\n    }\r\n    .btn-do-ex{\r\n      height: 30px;\r\n      line-height: 28px;\r\n      padding: 0px 20px;\r\n    }\r\n    .exercise-exam__info {\r\n      padding: 0;\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!./ExamDetail.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!./ExamDetail.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExamDetail.vue?vue&type=template&id=16f903fb&scoped=true&\"\nimport script from \"./ExamDetail.vue?vue&type=script&lang=js&\"\nexport * from \"./ExamDetail.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExamDetail.vue?vue&type=style&index=0&id=16f903fb&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  \"16f903fb\",\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:\"ex-questions\"},[_c('Viewer',{attrs:{\"valOpenSidebar\":_vm.typeOpenSidebar,\"linkBack\":_vm.examInfo ? { name:'exercise', query:{ lop: _vm.examInfo.classId, mon: _vm.examInfo.subjectId, tab: _vm.typeId} } : {}},on:{\"scrollBody\":_vm.handleScrollBodyQuestion},scopedSlots:_vm._u([(_vm.examInfo)?{key:\"viewer_head_name\",fn:function(){return [_vm._v(_vm._s(_vm.examInfo.name))]},proxy:true}:null,(_vm.examInfo)?{key:\"viewer_head_right\",fn:function(){return [(_vm.examInfo && _vm.examInfo.isWork && _vm.examInfo.isWork === _vm.statusExamDone)?_c('span',[_vm._v(_vm._s(_vm.examInfo.timeToDo)+\" : 00\")]):(_vm.totalTimeToDo > 0)?_c('CountDown',{attrs:{\"totalTime\":_vm.totalTimeToDo},on:{\"theEnd\":_vm.handleEndTime}}):(_vm.totalTimeToDo < 1)?_c('span',[_vm._v(\"00: 00\")]):_vm._e()]},proxy:true}:null,{key:\"viewr_body\",fn:function(){return [_c('transition',{attrs:{\"name\":\"fade-transform\",\"mode\":\"out-in\"}},[_c('div',{staticClass:\"exercise-detail__wrap\"},[(_vm.examInfo && _vm.examInfo.isWork && _vm.examInfo.isWork === _vm.statusExamDone)?_c('div',{staticClass:\"exercise-result\"},[_c('div',{staticClass:\"exercise-detail__questions\"},[_c('div',{staticClass:\"exercise-result__head\"},[_c('h2',{staticClass:\"font-sanpro-semibold font-size-22 primary-color-txt margin-0\"},[_vm._v(\"Kết quả\")])]),(_vm.examInfo)?_c('div',{staticClass:\"exercise-result__body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Điểm\")]),_c('span',{staticClass:\"item__content item__content--score\"},[_vm._v(_vm._s(_vm.examInfo.score.toFixed(1))+\" / 10\")])]),_c('div',{staticClass:\"col-lg-9\"},[_c('div',{staticClass:\"exercise-result__body__wrap\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-4 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Số câu đúng:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalCorrectAnswers)+\" / \"+_vm._s(_vm.examInfo.totalQuestion))])]),_c('div',{staticClass:\"col-lg-4 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Số câu sai:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalInCorrectAnswers)+\" / \"+_vm._s(_vm.examInfo.totalQuestion))])]),_c('div',{staticClass:\"col-lg-4 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Số câu đã làm:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalAnswers)+\" / \"+_vm._s(_vm.examInfo.totalQuestion))])]),_c('div',{staticClass:\"col-lg-4 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Ngày làm:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.moment(_vm.examInfo.examDate).format('HH:mm - DD/MM/YYYY')))])]),_c('div',{staticClass:\"col-lg-4 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Thời gian làm:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalTime))])])])])])])]):_vm._e()])]):_vm._e(),_c('div',{staticClass:\"exercise-detail__questions position-rel\"},[_c('div',{staticClass:\"exercise-detail__list\"},_vm._l((_vm.questionsSaved),function(item,index){return _c('div',{key:index,staticClass:\"item position-rel content-1\",class:{'evt-none': _vm.examInfo && ((_vm.examInfo.isWork && _vm.examInfo.isWork === _vm.statusExamDone) || _vm.examInfo.isEndTime)},attrs:{\"id\":(\"question_item_\" + (item.questionId))}},[(item && item.type && item.type === _vm.typeGroup)?_c('div',{staticClass:\"question-group\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":item,\"questions\":_vm.questionsSaved,\"location\":_vm.positionQuestionWork,\"preview\":true,\"questionsData\":item,\"isListQuestion\":true,\"isDontShowResultSaved\":_vm.checkExamShowResult()},on:{\"formatQuestion\":_vm.getInfoQuestion,\"getResultQuestion\":_vm.getResultQuestion,\"answerMissing\":_vm.handleAnswerMissing}}),(item.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((item.listQuestionChild),function(child,pos){return _c('div',{key:pos,staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":index,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":item,\"questions\":item.listQuestionChild,\"isListQuestion\":true,\"isDontShowResultSaved\":_vm.checkExamShowResult()},on:{\"formatQuestion\":_vm.getInfoQuestion,\"writedAnswer\":function($event){return _vm.handleWriteAnswer($event, item)}}}):_vm._e()],1)}),0):_vm._e()],1):(item)?_c('div',{staticClass:\"question-single\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":item,\"location\":_vm.positionQuestionWork,\"preview\":true,\"isListQuestion\":true,\"isDontShowResultSaved\":_vm.checkExamShowResult()},on:{\"getResultQuestion\":_vm.getResultQuestion,\"formatQuestion\":_vm.getInfoQuestion,\"answerMissing\":_vm.handleAnswerMissing,\"writedAnswer\":_vm.handleWriteAnswer}})],1):_vm._e()])}),0),(_vm.valVituralKeyboard.location > -1 && _vm.screenWidth > 991 && _vm.questionCurr !== 0)?_c('div',{staticClass:\"overlay-question\",on:{\"click\":_vm.resetValKeyboard}}):_vm._e()])])])]},proxy:true},{key:\"viewer_sidebar_icon\",fn:function(){return [_c('a',{class:{'active': _vm.keySidebarActive === 'link'},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.openSidebar('link')}}},[_c('i',{staticClass:\"icon-exam-ebook font-size-24\"})])]},proxy:true},{key:\"viewer_sidebar_content\",fn:function(){return [(_vm.keySidebarActive === 'link')?_c('div',{staticClass:\"sidebar-link\"},[_c('div',{staticClass:\"sidebar__link__result\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Đề thi\")]},proxy:true}],null,false,3551314873)},[_c('div',{staticClass:\"sidebar__link__file\",on:{\"click\":_vm.previewDocExamFile}},[(_vm.examInfo && _vm.examInfo.fileNameExam)?_c('PreviewBookImg',{attrs:{\"totalPage\":_vm.examInfo.totalPageExam,\"fileName\":_vm.examInfo.fileNameExam,\"scale\":1}}):_c('img',{staticClass:\"book-viewer__sidebar__contents__wrap\",attrs:{\"src\":_vm.examInfo.thumbnail ? (_vm.urlImg + \"/\" + (_vm.examInfo.thumbnail)) : _vm.img404,\"alt\":_vm.examInfo.name}})],1)]),_c('b-tab',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Hướng dẫn\")]},proxy:true}],null,false,2015866358)},[_c('div',{staticClass:\"sidebar__link__file\",on:{\"click\":_vm.previewDocGuide}},[(_vm.examInfo && _vm.examInfo.fileNameAnwser)?_c('PreviewBookImg',{attrs:{\"totalPage\":_vm.examInfo.totalPageAnswer,\"fileName\":_vm.examInfo.fileNameAnwser,\"scale\":1}}):_vm._e()],1)])],1)],1)])]):_vm._e()]},proxy:true},{key:\"viewer_toggle_cat_name\",fn:function(){return [_vm._v(\"Thông tin\")]},proxy:true},{key:\"viewer_footer_center\",fn:function(){return [(_vm.questionList && _vm.questionList.length > 0 && _vm.calLoadedPage)?_c('SliderNameQuestion',{attrs:{\"dataSource\":_vm.questionList,\"isHideNextPrevCat\":true,\"isDontShowResult\":_vm.checkExamShowResult()}}):_vm._e()]},proxy:true},{key:\"viewer_footer_right\",fn:function(){return [(_vm.examInfo && (!_vm.examInfo.isWork || _vm.examInfo.isWork !== _vm.statusExamDone))?_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\",class:{'disabled': _vm.examInfo && (_vm.examInfo.isWork && _vm.examInfo.isWork === _vm.statusExamDone)},attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleSendExamQuestions}},[_vm._v(\"Nộp bài\")]):_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.resetAnswers}},[_vm._v(\"Làm lại\")])]},proxy:true},{key:\"viewer_sidebar_cat_head\",fn:function(){return [_c('h2',{staticClass:\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold book-viewer__cats__wrap\"},[_vm._v(\"\\n        Thông tin\\n      \")])]},proxy:true},{key:\"viewer_sidebar_cat_body\",fn:function(){return [(_vm.examInfo)?_c('ExamSidebar',{attrs:{\"dataSource\":_vm.examInfo}}):_vm._e()]},proxy:true},{key:\"viewer_footer\",fn:function(){return [(_vm.showMoalGuideExam)?_c('div',{staticClass:\"show-document\"},[_c('div',{staticClass:\"inner-content js-model active\"},[_c('ModalPreviewDocMedia'),_c('div',{staticClass:\"js-background-model active\",on:{\"click\":_vm.handleOffModal}})],1)]):_vm._e()]},proxy:true}],null,true)})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"count-down\"},[_c('span',{staticClass:\"minute\"},[_vm._v(_vm._s(_vm.pad(_vm.minutes)))]),_c('span',{staticClass:\"middle\"},[_vm._v(\":\")]),_c('span',{staticClass:\"seconds\"},[_vm._v(_vm._s(_vm.seconds))])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"count-down\">\r\n    <span class=\"minute\">{{ pad(minutes) }}</span>\r\n    <span class=\"middle\">:</span>\r\n    <span class=\"seconds\">{{ seconds }}</span>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  export default {\r\n    name: 'CountDown',\r\n    props: {\r\n      totalTime: Number,\r\n      isGetTimer: Boolean\r\n    },\r\n    data () {\r\n      return {\r\n        minutes: 0,\r\n        seconds: '00',\r\n        timer: null,\r\n        startTimeExam: 0,\r\n        endTimeExam: 0\r\n      }\r\n    },\r\n    watch: {\r\n      isGetTimer (newval) {\r\n        if (newVal) {\r\n          this.handleEditData()\r\n        }\r\n      },\r\n    },\r\n    mounted () {\r\n      this.startTimeExam = new Date;\r\n      this.minutes = this.totalTime\r\n      this.startTimer()\r\n    },\r\n    beforeDestroy () {\r\n      // this.handleEditData()\r\n      clearInterval(this.timer)\r\n    },\r\n    methods: {\r\n\r\n      startTimer () {\r\n        let self = this\r\n        let minute = 60*1000;\r\n        let total = self.totalTime*minute\r\n\r\n        self.timer = setInterval(function () {\r\n          if (self.minutes === 0 && self.seconds === '00') {\r\n            clearInterval(self.timer)\r\n            self.handleEditData()\r\n          } else {\r\n            if(total > -1) {\r\n              total -= 1\r\n            }\r\n            self.seconds = self.pad(parseInt(total % 60, 10));\r\n            if (self.seconds === '59') {\r\n              self.minutes -= 1\r\n            }\r\n          }\r\n        }, 1000);\r\n      },\r\n\r\n      handleEditData () {\r\n        this.endTimeExam = new Date;\r\n        this.$emit('theEnd', this.callTimeDiff())\r\n      },\r\n\r\n      pad (val) {\r\n        return (val < 10 ? '0' : '') + val;\r\n      },\r\n\r\n      callTimeDiff() {\r\n        let oneMinute = 60;\r\n        let timeDiff = this.endTimeExam - this.startTimeExam; //in ms\r\n        // strip the ms\r\n        timeDiff /= 1000;\r\n        // get seconds \r\n        let totalTime = Math.round(timeDiff);\r\n        let minute = Math.floor(totalTime/oneMinute);\r\n        let seconds = totalTime%oneMinute;\r\n        return {minute, seconds};\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"css\" scoped>\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!./CountDown.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!./CountDown.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CountDown.vue?vue&type=template&id=0636de60&scoped=true&\"\nimport script from \"./CountDown.vue?vue&type=script&lang=js&\"\nexport * from \"./CountDown.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"0636de60\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"ex-questions\">\r\n      <!-- :isOpenBookCats=\"false\" -->\r\n    <Viewer\r\n      :valOpenSidebar=\"typeOpenSidebar\"\r\n      :linkBack=\"examInfo ? { name:'exercise', query:{ lop: examInfo.classId, mon: examInfo.subjectId, tab: typeId} } : {}\"\r\n      @scrollBody=\"handleScrollBodyQuestion\"\r\n    >\r\n      <template v-if=\"examInfo\" v-slot:viewer_head_name>{{ examInfo.name }}</template>\r\n      <template v-if=\"examInfo\" v-slot:viewer_head_right>\r\n        <span v-if=\"examInfo && examInfo.isWork && examInfo.isWork === statusExamDone\">{{ examInfo.timeToDo }} : 00</span>\r\n        <CountDown v-else-if=\"totalTimeToDo > 0\" :totalTime=\"totalTimeToDo\" @theEnd=\"handleEndTime\" />\r\n        <span v-else-if=\"totalTimeToDo < 1\">00: 00</span>\r\n      </template>\r\n      <template v-slot:viewr_body>\r\n        <transition name=\"fade-transform\" mode=\"out-in\">\r\n          <div class=\"exercise-detail__wrap\">\r\n            <div class=\"exercise-result\" v-if=\"examInfo && examInfo.isWork && examInfo.isWork === statusExamDone\">\r\n              <div class=\"exercise-detail__questions\">\r\n                <div class=\"exercise-result__head\">\r\n                  <h2 class=\"font-sanpro-semibold font-size-22 primary-color-txt margin-0\">Kết quả</h2>\r\n                </div>\r\n                <div class=\"exercise-result__body\" v-if=\"examInfo\">\r\n                  <div class=\"row\">\r\n                    <div class=\"col-lg-3 item\">\r\n                      <label class=\"item__label\">Điểm</label>\r\n                      <span class=\"item__content item__content--score\">{{ examInfo.score.toFixed(1) }} / 10</span>\r\n                    </div>\r\n                    <div class=\"col-lg-9\">\r\n                      <div class=\"exercise-result__body__wrap\">\r\n                        <div class=\"row\">\r\n                          <div class=\"col-lg-4 col-sm-6 item\">\r\n                            <label class=\"item__label\">Số câu đúng:</label>\r\n                            <span class=\"item__content\">{{ examInfo.totalCorrectAnswers }} / {{ examInfo.totalQuestion }}</span>\r\n                          </div>\r\n                          <div class=\"col-lg-4 col-sm-6 item\">\r\n                            <label class=\"item__label\">Số câu sai:</label>\r\n                            <span class=\"item__content\">{{ examInfo.totalInCorrectAnswers }} / {{ examInfo.totalQuestion }}</span>\r\n                          </div>\r\n                          <div class=\"col-lg-4 col-sm-6 item\">\r\n                            <label class=\"item__label\">Số câu đã làm:</label>\r\n                            <span class=\"item__content\">{{ examInfo.totalAnswers }} / {{ examInfo.totalQuestion }}</span>\r\n                          </div>\r\n                          <div class=\"col-lg-4 col-sm-6 item\">\r\n                            <label class=\"item__label\">Ngày làm:</label>\r\n                            <span class=\"item__content\">{{ moment(examInfo.examDate).format('HH:mm - DD/MM/YYYY') }}</span>\r\n                          </div>\r\n                          <div class=\"col-lg-4 col-sm-6 item\">\r\n                            <label class=\"item__label\">Thời gian làm:</label>\r\n                            <span class=\"item__content\">{{ examInfo.totalTime }}</span>\r\n                          </div>\r\n                        </div>\r\n                      </div>  \r\n                    </div>\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            <div class=\"exercise-detail__questions position-rel\">\r\n              <div class=\"exercise-detail__list\">\r\n                <div\r\n                  v-for=\"(item, index) of questionsSaved\"\r\n                  :id=\"`question_item_${item.questionId}`\"\r\n                  class=\"item position-rel content-1\"\r\n                  :class=\"{'evt-none': examInfo && ((examInfo.isWork && examInfo.isWork === statusExamDone) || examInfo.isEndTime)}\"\r\n                  :key=\"index\"\r\n                >\r\n                    <div class=\"question-group\" v-if=\"item && item.type && item.type === typeGroup\">\r\n                      <PreviewQuestion \r\n                        :dataSource=\"item\"\r\n                        :questions=\"questionsSaved\"\r\n                        :location=\"positionQuestionWork\"\r\n                        :preview=\"true\"\r\n                        :questionsData=\"item\"\r\n                        :isListQuestion=\"true\"\r\n                        :isDontShowResultSaved=\"checkExamShowResult()\"\r\n                        @formatQuestion=\"getInfoQuestion\"\r\n                        @getResultQuestion=\"getResultQuestion\"\r\n                        @answerMissing=\"handleAnswerMissing\"\r\n                      />\r\n                      <div class=\"questions-child\" v-if=\"item.listQuestionChild\">\r\n                        <div class=\"questions-child__item\" v-for=\"(child, pos) of item.listQuestionChild\" :key=\"pos\">\r\n                          <PreviewQuestion \r\n                            v-if=\"child\"\r\n                            :dataSource=\"child\"\r\n                            :location=\"pos\"\r\n                            :parentIndex=\"index\"\r\n                            :isQuestionChild=\"true\"\r\n                            :preview=\"true\"\r\n                            :questionsData=\"item\"\r\n                            :questions=\"item.listQuestionChild\"\r\n                            :isListQuestion=\"true\"\r\n                            :isDontShowResultSaved=\"checkExamShowResult()\"\r\n                            @formatQuestion=\"getInfoQuestion\"\r\n                            @writedAnswer=\"handleWriteAnswer($event, item)\"\r\n                          />\r\n                        </div>\r\n                      </div>\r\n                    </div>\r\n                    <div class=\"question-single\" v-else-if=\"item\">\r\n                      <PreviewQuestion \r\n                        :dataSource=\"item\"\r\n                        :location=\"positionQuestionWork\"\r\n                        :preview=\"true\"\r\n                        :isListQuestion=\"true\"\r\n                        :isDontShowResultSaved=\"checkExamShowResult()\"\r\n                        @getResultQuestion=\"getResultQuestion\"\r\n                        @formatQuestion=\"getInfoQuestion\"\r\n                        @answerMissing=\"handleAnswerMissing\"\r\n                        @writedAnswer=\"handleWriteAnswer\"\r\n                      />\r\n                    </div>\r\n                </div>\r\n              </div>\r\n              <div class=\"overlay-question\" v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991 && questionCurr !== 0\" @click=\"resetValKeyboard\"></div>\r\n            </div>\r\n          </div>\r\n        </transition>\r\n      </template>\r\n      <template v-slot:viewer_sidebar_icon>\r\n        <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'link'}\" @click=\"openSidebar('link')\"><i class=\"icon-exam-ebook font-size-24\"></i></a>\r\n      </template>\r\n      <template v-slot:viewer_sidebar_content>\r\n        <div class=\"sidebar-link\" v-if=\"keySidebarActive === 'link'\">\r\n          <div class=\"sidebar__link__result\">\r\n            <div class=\"book-viewer__sidebar__contents__wrap\">\r\n              <b-tabs class=\"sidebar__tabs\">\r\n                <b-tab active>\r\n                  <template v-slot:title>Đề thi</template>\r\n                  <div class=\"sidebar__link__file\" @click=\"previewDocExamFile\">\r\n                    <PreviewBookImg v-if=\"examInfo && examInfo.fileNameExam\" :totalPage=\"examInfo.totalPageExam\" :fileName=\"examInfo.fileNameExam\" :scale=\"1\" />\r\n                    <img v-else class=\"book-viewer__sidebar__contents__wrap\" :src=\"examInfo.thumbnail ? `${urlImg}/${examInfo.thumbnail}` : img404\" :alt=\"examInfo.name\">   \r\n                  </div>\r\n                </b-tab>\r\n                <b-tab>\r\n                  <template v-slot:title>Hướng dẫn</template>\r\n                  <div class=\"sidebar__link__file\" @click=\"previewDocGuide\">\r\n                    <PreviewBookImg v-if=\"examInfo && examInfo.fileNameAnwser\" :totalPage=\"examInfo.totalPageAnswer\" :fileName=\"examInfo.fileNameAnwser\" :scale=\"1\" />  \r\n                  </div>\r\n                </b-tab>\r\n              </b-tabs>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n      <template v-slot:viewer_toggle_cat_name>Thông tin</template>\r\n      <template v-slot:viewer_footer_center>\r\n        <SliderNameQuestion v-if=\"questionList && questionList.length > 0 && calLoadedPage\" :dataSource=\"questionList\" :isHideNextPrevCat=\"true\" :isDontShowResult=\"checkExamShowResult()\" />\r\n        <!-- :scrollOffset=\"valEvtScrollQuestion\" -->\r\n      </template>\r\n      <template v-slot:viewer_footer_right>\r\n        <a\r\n          v-if=\"examInfo && (!examInfo.isWork || examInfo.isWork !== statusExamDone)\"\r\n          href=\"javascript:;\"\r\n          class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\"\r\n          :class=\"{'disabled': examInfo && (examInfo.isWork && examInfo.isWork === statusExamDone)}\" \r\n          @click=\"handleSendExamQuestions\"\r\n        >Nộp bài</a>\r\n        <a\r\n          v-else\r\n          href=\"javascript:;\"\r\n          class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\"\r\n          @click=\"resetAnswers\"\r\n        >Làm lại</a>\r\n      </template>\r\n      <template v-slot:viewer_sidebar_cat_head>\r\n        <h2 class=\"book-viewer__cats__title primary-color-txt font-size-24 font-sanpro-semibold book-viewer__cats__wrap\">\r\n          Thông tin\r\n        </h2>\r\n      </template>\r\n      <template v-slot:viewer_sidebar_cat_body>\r\n        <ExamSidebar v-if=\"examInfo\" :dataSource=\"examInfo\" />\r\n      </template>\r\n      <template v-slot:viewer_footer>\r\n        <!-- <VituralKeyboard v-if=\"valVituralKeyboard.location > -1 && screenWidth > 991\" :class=\"{'open-cat': openBookCats, 'over-height': valVituralKeyboard && valVituralKeyboard.isOverHaflScreen}\" /> -->\r\n        <div class=\"show-document\" v-if=\"showMoalGuideExam\">\r\n          <div class=\"inner-content js-model active\">\r\n            <ModalPreviewDocMedia />\r\n            <div class=\"js-background-model active\" @click=\"handleOffModal\"></div>\r\n          </div>\r\n        </div>\r\n      </template>\r\n    </Viewer>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n    import {mapGetters, mapActions, mapState} from 'vuex';\r\n    import { TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL, TYPE_RADIO } from '@/modules/question/preview-question/_store/constants'\r\n    import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n    import { APP_CONFIG } from '@/utils/constants'\r\n    import PreviewQuestion from '@/modules/question/preview-question/PreviewQuestion.vue'\r\n    import CountDown from '@/components/CountDown.vue'\r\n    import { getQuestionsSidebar, getQuestionDetail, getQuestionsByCat, getExamDetail, getQuestionListOfOtherOrThematic, getCatOfExerciseOtherOrThematic, sendExamWorked, resetResultCorrectQuestionExam, getQuestionListInSidebarOfThematicOrOther, saveQuestionExamWorked, updateExamTimeWorked } from './../../_api/'\r\n    import { STORE_KEY, LOCAL_SAVE_QUESTIONS_WORKED, LOCAL_SAVE_EXERCISE_CLASS, LOCAL_QUESTIONS_DATA, TYPE_EXERCISE_OTHER, EXAM_WORKED_DONE } from \"./../../_store/constants\";\r\n    import ExerciseQuestionList from './../../_components/ExerciseQuestionList.vue'\r\n    import VituralKeyboard from '@/modules/question/preview-question/VituralKeyboard.vue'\r\n    import { STORE_KEY as STORE_KEY_QUESTION } from '@/modules/question/preview-question/_store/constants'\r\n    import Viewer from '@/layouts/Viewer.vue'\r\n    import { scrollTo, callTimeDiff } from '@/helpers/functions';\r\n    import PreviewBookImg from '@/components/content-files/PreviewBookImg.vue';\r\n    import ModalPreviewDocMedia from '@/components/content-files/ModalPreviewDocMedia.vue'\r\n    import moment from 'moment'\r\n    import SliderNameQuestion from './../../_components/SliderNameQuestion.vue'\r\n    import ExamSidebar from './../../_components/exam/ExamSidebar.vue'\r\n    import { setContentMediaEditorShow } from '@/modules/question/preview-question/_store/helperQuestionContent'\r\n    const img404 = require(`@/assets/images/img_404.jpg`)\r\n   \r\n    export default {\r\n        name: 'ExamQuestion',\r\n        components: {\r\n          vueCustomScrollbar,\r\n          PreviewQuestion,\r\n          ExerciseQuestionList,\r\n          VituralKeyboard,\r\n          CountDown,\r\n          Viewer,\r\n          PreviewBookImg,\r\n          ModalPreviewDocMedia,\r\n          SliderNameQuestion,\r\n          ExamSidebar\r\n        },\r\n        data() {\r\n          return {\r\n            typeGroup: TYPE_GROUP,\r\n            typeDrawShape: TYPE_DRAW_SHAPE_ANSWER,\r\n            typeDownAnswer: TYPE_DOWN_ANSWER,\r\n            typefillBlank: TYPE_FILL_BLANK,\r\n            typeSelect: TYPE_SELECT,\r\n            typeMatchCol: TYPE_MATH_COL,\r\n            cdnUrl: APP_CONFIG.cdnUrl,\r\n            urlImg: APP_CONFIG.urlQuestionImg,\r\n            settingsViewBookSidebar: {\r\n              maxScrollbarLength: 300,\r\n            },\r\n            collapseOpen: '',\r\n            typeOpenSidebar: {},\r\n            isOpenSidebar: false,\r\n            keySidebarActive: '', // search ||'link'\r\n            openBookCats: false,\r\n            openSidebarMobile: false,\r\n            showGuideContent: false,\r\n            tabGuideActive: 0,\r\n            questionindexActive: null,\r\n            questionsSaved: [],\r\n            questionList: [],\r\n            questionsLoaded: [],\r\n            question: null,\r\n            bookRelates: [],\r\n            arrResultCorrect: [],\r\n            examInfo: null,\r\n            breadCrumbCurr: [],\r\n            txtMissingQuestionGroup: '',\r\n            indexCatCurr: 0,\r\n            thematicCatLength: 0,\r\n            authInfo: {},\r\n            catsFlat: [],\r\n            setValQuestionChange: {},\r\n            handleNextPrevCat: '', //next or prev\r\n            positionQuestionWork: 0,\r\n            showMoalGuideExam: false,\r\n            statusExamDone: EXAM_WORKED_DONE,\r\n            valEvtScrollQuestion: 0,\r\n            startTimeExam: 0,\r\n            totalTimeToDo: 0,\r\n            calLoadedPage: false,\r\n            img404\r\n          }\r\n        },\r\n        computed: {\r\n          ...mapState(STORE_KEY, ['paramsFilterExOtherThematic']),\r\n          ...mapState('auth', ['loginPopupData']),\r\n          ...mapState(STORE_KEY_QUESTION, ['valVituralKeyboard']),\r\n          ...mapGetters({\r\n              actionCheckQuestion: `common/actionCheckQuestion`,\r\n              docPreview: `common/docPreview`,\r\n          }),\r\n          routerParams() {\r\n            return this.$route.params;\r\n          },\r\n          classId() {\r\n            return parseInt(this.$route.params.classId);\r\n          },\r\n          subjectId() {\r\n            return parseInt(this.$route.params.subjectId);\r\n          },\r\n          screenWidth() {\r\n            return window.innerWidth;\r\n          },\r\n          examId() {\r\n            return parseInt(this.$route.params.id);\r\n          },\r\n          typeId() {\r\n            return parseInt(this.$route.params.typeId);\r\n          },\r\n          questionCurr() {\r\n            return parseInt(this.$route.params.question);\r\n          },\r\n          ...mapState('common', ['versionApp'])\r\n        },\r\n        watch: {\r\n          // '$route.params.question': 'getInfoQuestion',\r\n          actionCheckQuestion(newVal) {\r\n            !newVal && this.setQuestionResult();\r\n          },\r\n          '$route.query.cauhoi': 'scrollToQuestion',\r\n          valVituralKeyboard(newVal) {\r\n            // if(newVal.ref) {\r\n              // console.log('Change new val for keyboard: ', newVal);\r\n            //   document.getElementById(newVal.ref).value = newVal.val;\r\n            //   document.getElementById(newVal.ref).focus();\r\n            // }\r\n          },\r\n          docPreview (newVal) {\r\n            this.showMoalGuideExam = newVal && Object.keys(newVal).length > 0 ? true : false\r\n          }\r\n        },\r\n        created() {\r\n          // this.authInfo = getAuth();\r\n        },\r\n        mounted () {\r\n          this.startTimeExam = new Date();\r\n          this.initPage()\r\n          this.getInfoSaveLocal()\r\n        },\r\n        beforeDestroy () {\r\n          !this.examInfo.isEndTime && this.examInfo.isWork !== this.statusExamDone && this.handleUpdateTimeWorked()\r\n        },\r\n        destroyed () {\r\n          this.toggleModalPreview(false)\r\n          // this.resetValKeyboard();\r\n          // localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n          // localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n        },\r\n        methods: {\r\n            ...mapActions('common', ['setLoading', 'setActionCheckQuestion', 'toggleModalPreview', 'setDocPreviewContent']),\r\n            ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n            moment,\r\n\r\n            initPage () {\r\n              let self = this\r\n              // self.setLoading(true)\r\n              Promise.all([this.getQuestionListOfSidebar(), this.getExamInfo()]);\r\n            },\r\n\r\n            getQuestionNewExam() {\r\n              // this.setLoading(true)\r\n              Promise.all([this.getQuestionListOfSidebar(), this.fetchQuestionList()]).finally(() => this.setLoading(false))\r\n            },\r\n\r\n            getInfoSaveLocal() {\r\n              // let practiceData = localStorage.getItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n              let questionData = localStorage.getItem(LOCAL_QUESTIONS_DATA);\r\n             \r\n              if(questionData && questionData !== null && questionData !== undefined) {\r\n                this.questionsSaved = JSON.parse(questionData);\r\n                setTimeout(() => {\r\n                  this.setQuestionActive()\r\n                }, 400)\r\n                // this.setQuestionListWorked(this.questionsSaved)\r\n              } else {\r\n                this.fetchQuestionList()\r\n              }\r\n            },\r\n\r\n            getExamInfo() {\r\n              let self = this;\r\n              getExamDetail(self.examId).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                  self.examInfo = {...res.data, isEndTime: false}\r\n                  self.totalTimeToDo = res.data.totalTime ? parseInt(res.data.timeToDo) - parseInt(res.data.totalTime) : parseInt(res.data.timeToDo)\r\n                  // console.log('info exam: ', parseInt(res.data.timeToDo) - parseInt(res.data.totalTime))\r\n                  // res.data.questionLast && res.data.questionLast > 0 && this.gotoQuestion(res.data.questionLast)\r\n                  if (!self.calLoadedPage) {\r\n                    self.calLoadedPage = true\r\n                  }\r\n                }\r\n              })\r\n            },\r\n\r\n            getQuestionListOfSidebar() {\r\n              let self = this;\r\n              // self.setLoading(true)\r\n              self.questionList = []\r\n              \r\n              getQuestionListInSidebarOfThematicOrOther(0, self.examId).then(res => {\r\n                self.questionList = res && res.data && !res.errors ? res.data : []\r\n                if(res && res.data && res.data.length > 0) {\r\n                  self.questionsSaved && self.setQuestionListSidebarWorked(self.questionsSaved)\r\n                }\r\n              }).catch().finally(() => self.setLoading(false))\r\n            },\r\n\r\n            getInfoQuestion() {\r\n              let self = this;\r\n\r\n              self.question = null;\r\n              // Hidden guide content\r\n              self.showGuideContent = false;\r\n              // self.arrResultCorrect = [];\r\n              self.questionindexActive = self.$route.params.question;\r\n              if(self.questionindexActive > 0) {\r\n                // self.setLoading(true)\r\n                let questionId = self.questionList[self.questionCurr - 1].questionId;\r\n                let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n\r\n                if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n                  let indexQuestionSave = questionsLocalStorage.findIndex(ques => ques.questionId === questionId);\r\n                  if(indexQuestionSave > -1) {\r\n                    self.question = questionsLocalStorage[indexQuestionSave];\r\n                    self.setLoading(false);\r\n                  } else {\r\n                    self.getQuestionDetail(questionId, questionsLocalStorage);\r\n                  }\r\n                } else {\r\n                  self.getQuestionDetail(questionId);\r\n                }\r\n\r\n                self.setQuestionCurr();\r\n              }\r\n            },\r\n\r\n            getQuestionDetail(questionId, dataQuestion = []) {\r\n              let self = this;\r\n              // Get question detail\r\n              getQuestionDetail(questionId).then(res => {\r\n                if(res && res.data && !res.errors) {\r\n                  self.question = res.data\r\n                  let dataSave = dataQuestion.length === 0 ? [res.data] : [...dataQuestion, res.data]\r\n                  self.saveLocalQuestion(dataSave)\r\n                }\r\n              }).catch().finally(() => self.setLoading(false))\r\n            },\r\n\r\n            saveLocalQuestion(data) {\r\n              let dataSave = JSON.stringify(data)\r\n              localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, dataSave)\r\n            },\r\n\r\n            setQuestionCurr() {\r\n              let self = this;\r\n              // Set question current\r\n              self.questionList.map((que, index) => {\r\n                que['current'] = parseInt(index) === parseInt(self.questionindexActive) -1\r\n              })\r\n            },\r\n\r\n            setQuestionResult () {\r\n            },\r\n\r\n            logQuestionWorked(status) {\r\n              this.question['isTrue'] = status === 'success'\r\n              this.question['isWorked'] = true\r\n            },\r\n\r\n            openSidebar(type) {\r\n              if(type !=null){\r\n                this.typeOpenSidebar = {type, isOpen: type === this.keySidebarActive ? false : true}\r\n                this.keySidebarActive = type !== this.keySidebarActive ? type : ''\r\n              }\r\n            },\r\n\r\n            scrollToQuestion () {\r\n              let positionQuestion = this.$route.query.cauhoi ? parseInt(this.$route.query.cauhoi) : 1\r\n              if (this.questionList && this.questionList.length > 0) {\r\n                let questionId = this.questionList[positionQuestion - 1].questionId\r\n                this.gotoQuestion(questionId)\r\n                \r\n              }\r\n              // Set loaded data mounted true\r\n              if (!this.calLoadedPage) {\r\n                this.calLoadedPage = true\r\n              }\r\n            },\r\n\r\n            gotoQuestion (id) {\r\n              let elem = document.getElementById(`question_item_${id}`)\r\n              if(elem) {\r\n                let topPos = elem.offsetTop\r\n                scrollTo(document.getElementById('viewer_body'), topPos, 600)\r\n              }\r\n            },\r\n\r\n            async checkAnswer () {\r\n              this.resetValKeyboard();\r\n              await this.setActionCheckQuestion(true);\r\n              let timeWorked = this.calTotalTimeWorked()\r\n\r\n              localStorage.setItem( LOCAL_QUESTIONS_DATA, JSON.stringify(this.questionsSaved) )\r\n              // Save question worked into DB\r\n              saveQuestionExamWorked({question: [this.questionsSaved[this.positionQuestionWork]], examId: this.examId, totalTimeExam: timeWorked})\r\n            },\r\n\r\n            calTotalTimeWorked () {\r\n              let timeCal = callTimeDiff(this.startTimeExam)\r\n              return this.examInfo.totalTime ? parseInt(this.examInfo.totalTime) + timeCal.minute : timeCal.minute;\r\n            },\r\n\r\n            async handleSendExamQuestions () {\r\n              let self = this\r\n              // await self.checkAnswer()\r\n              // let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n              // let questionWorked = this.questionsSaved.filter(ques => ques.statusWorked)\r\n              let timeWorked = this.calTotalTimeWorked()\r\n              // self.setLoading(true)\r\n              // sendExamWorked({question: questionWorked}).then(res => {\r\n              sendExamWorked({examId: self.examId, totalTimeExam: timeWorked}).then(res => {\r\n                if(res && !res.errors) {\r\n                  // self.$toast.success('Bạn đã hoàn thành Bài thi');\r\n                  self.examInfo.isWork = true\r\n                  Promise.all([self.getQuestionListOfSidebar(), self.getExamInfo(), self.fetchQuestionList()]);\r\n                }\r\n              }).finally(() => self.setLoading(false));\r\n            },\r\n\r\n            handleAnswerMissing(valErr) {\r\n              // if(this.question.type === TYPE_GROUP) {\r\n              //   this.txtMissingQuestionGroup = valErr;\r\n              // }\r\n              // setTimeout(() => {\r\n              //   this.showGuideContent = false;\r\n              // }, 5)\r\n            },\r\n\r\n            getResultQuestion(val) {\r\n              this.arrResultCorrect = val;\r\n            },\r\n\r\n            getQuestionData(val) {\r\n              if(this.questionindexActive > 0 ) {\r\n                  if(this.questionList[this.questionindexActive - 1] && this.questionList[this.questionindexActive - 1]['current']) {\r\n                    this.questionList[this.questionindexActive - 1]['current'] = false;\r\n                  }\r\n                  if(!val) {\r\n                    this.questionList.map(ques => {\r\n                      ques.success && delete ques.success;\r\n                      ques.error && delete ques.error;\r\n                      ques.answerStatus && delete ques.answerStatus;\r\n                    })\r\n                  }\r\n                  this.questionindexActive = 0;\r\n                  this.$router.push({name: 'exerciseExamQuestion', params: {...this.routerParams, id: this.examId, question: 0}});\r\n              }\r\n              if(!this.questionsSaved) {\r\n                this.fetchQuestionList();\r\n              }\r\n            },\r\n\r\n            fetchQuestionList() {\r\n              let self = this;\r\n              // self.setLoading(true);\r\n              let questionsLocal = localStorage.getItem(LOCAL_QUESTIONS_DATA)\r\n              if ( questionsLocal && questionsLocal !== null && questionsLocal !== undefined ) {\r\n                self.questionsSaved = JSON.parse(questionsLocal)\r\n                // self.examInfo.isWork && self.setQuestionsWorked()\r\n                self.examInfo.isWork === 1 && self.setQuestionsWorked()\r\n                // self.setQuestionListWorked(self.questionsSaved)\r\n              } else {\r\n                getQuestionListOfOtherOrThematic(0, self.examId).then(res => {\r\n                  if(res && res.data && !res.errors) {\r\n                    let questionReplaceContent = res.data.map(ques => {\r\n                      let typeQuestion = ques.type === TYPE_GROUP ? 'group' : 'single'\r\n                      ques = setContentMediaEditorShow({...ques}, typeQuestion)\r\n                      return ques\r\n                    })\r\n\r\n                    self.questionsSaved = questionReplaceContent;\r\n                    // self.examInfo.isWork && self.setQuestionsWorked()\r\n                    self.examInfo.isWork === 1 && self.setQuestionsWorked()\r\n                    localStorage.setItem( LOCAL_QUESTIONS_DATA, JSON.stringify(questionReplaceContent) );\r\n                   \r\n                    if (res.data && res.data.length === 0) {\r\n                      self.handleNextPrevCat === 'next' && self.nextCatBook()\r\n                      self.handleNextPrevCat === 'prev' && self.prevCatBook()\r\n                    }\r\n                    // await render question element for cal scroll & curr question\r\n                    setTimeout(() => {\r\n                      self.setQuestionActive()\r\n                    }, 600)\r\n                  }\r\n                })\r\n                .catch().finally(() => self.setLoading(false));\r\n              }\r\n            },\r\n\r\n            /**\r\n            * Support display result question\r\n            **/\r\n            setQuestionsWorked () {\r\n              let self = this\r\n              self.questionsSaved.map(ques => {\r\n                if (!ques['isWorked']) {\r\n                  ques['isWorked'] = true\r\n                  ques['isNoAnswer'] = true\r\n                }\r\n                ques.listQuestionChild && ques.listQuestionChild.length > 0 && ques.listQuestionChild.map(child => {\r\n                  if (!ques['isWorked']) {\r\n                    child['isWorked'] = true\r\n                    child['isNoAnswer'] = true\r\n                  }\r\n                })\r\n              })\r\n\r\n              self.questionList.map(ques => {\r\n                if (!ques['isWorked']) {\r\n                  ques['isWorked'] = true\r\n                }\r\n                if (!ques['questionLast'] || ques['questionLast'] !== self.examInfo.questionLast) {\r\n                  ques['isNoAnswer'] = true\r\n                }\r\n              })\r\n            },\r\n\r\n            setQuestionActive () {\r\n              if (this.examInfo && this.examInfo.questionLast && this.examInfo.questionLast > 0 && this.questionList) {\r\n                let indexQuestion = this.questionList.findIndex(ques => ques.questionId === this.examInfo.questionLast)\r\n                let positionQueston = indexQuestion > -1 ? indexQuestion + 1 : 1\r\n                this.$route.query.cauhoi != positionQueston && this.$router.replace({ query: {cauhoi: positionQueston} })\r\n              }\r\n\r\n              if ( this.questionList && this.questionList.length > 0 ) {\r\n                this.questionList.map(ques => {\r\n                  let offsetTopElm = document.getElementById(`question_item_${ques.questionId}`).offsetTop\r\n                  ques['offsetTop'] = offsetTopElm\r\n                })\r\n              }\r\n              this.setLoading(false)\r\n            },\r\n\r\n            setQuestionListSidebarWorked (data) {\r\n              let self = this\r\n              data.map((ques, index) => {\r\n                if (ques.answerChoosed || ques.statusWorked) {\r\n                  this.questionList[index]['statusWorked'] = true\r\n                }\r\n              })\r\n            },\r\n\r\n            async resetAnswers() {\r\n              let self = this;\r\n              // self.setLoading(true)\r\n              self.questionsSaved = []\r\n              await localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n              await localStorage.removeItem(LOCAL_QUESTIONS_DATA);\r\n              resetResultCorrectQuestionExam(self.examId).then(res => {\r\n                if(res && !res.errors) {\r\n                  self.examInfo.isWork = false\r\n                  self.startTimeExam = new Date()\r\n                  // self.examInfo.isWork && this.$router.push({name: 'exerciseExamResult', params: { id: self.examInfo.examId, typeId: self.typeId }})\r\n                  Promise.all([self.getQuestionListOfSidebar(), self.getExamInfo(), self.fetchQuestionList()]);\r\n                  // self.$toast.success('Thực hiện làm lại bài tập thành công!')\r\n                }\r\n              })\r\n            },\r\n\r\n            async directExerciseCat(val) {\r\n              this.routerParams.question && delete this.routerParams.question\r\n              this.$router.push({name: 'exerciseExamDetail', params: {...this.routerParams, id: val.examId}})\r\n            },\r\n\r\n            handleCheckAnswerResult() {\r\n              if(this.question.type === TYPE_GROUP) {\r\n                this.txtMissingQuestionGroup = '';\r\n              }\r\n              (this.question.type !== this.typeDrawShape && this.question.type !== this.typeDownAnswer) && this.checkAnswer();\r\n            },\r\n\r\n            resetValKeyboard() {\r\n              this.valVituralKeyboard && this.setVituralKeyVal({});\r\n            },\r\n\r\n            handleEndTime (val) {\r\n              // if(parseInt(val.minute) === 2) {\r\n              this.examInfo.isEndTime = true\r\n              this.handleUpdateTimeWorked()\r\n              // this.examInfo.isWork = true\r\n              // }\r\n            },\r\n\r\n            handleWriteAnswer (val, parent = null) {\r\n              let questionChildIndex = -1\r\n              // console.log('Handle write val: ', val, this.positionQuestionWork);\r\n              this.positionQuestionWork = this.questionsSaved.findIndex(ques => ques.questionId === (parent ? parent.questionId : val.question.questionId))\r\n              if (parent) {\r\n                questionChildIndex = parent.listQuestionChild.findIndex(child => child.questionId === val.question.questionId)\r\n              }\r\n              // console.log(indexQuestionWork);\r\n              if (this.positionQuestionWork > -1) {\r\n                this.questionList[this.positionQuestionWork]['statusWorked'] = true\r\n\r\n                if (questionChildIndex > -1) {\r\n                  parent.listQuestionChild[questionChildIndex]['answerChoosed'] = val.answers\r\n                  parent.listQuestionChild[questionChildIndex]['examId'] = this.examId\r\n                  this.setQuestionData4CheckAnswer({...parent.listQuestionChild[questionChildIndex]})\r\n                } else {\r\n                  this.questionsSaved[this.positionQuestionWork]['answerChoosed'] = val.answers\r\n                  this.questionsSaved[this.positionQuestionWork]['examId'] = this.examId\r\n                }\r\n\r\n                if (parent && parent.listQuestionChild[questionChildIndex].type === TYPE_RADIO) {\r\n                  parent.listQuestionChild[questionChildIndex].answers.map(ans => {\r\n                    ans.answerContent = null\r\n                  })\r\n                } else if (!parent && this.questionsSaved[this.positionQuestionWork].type === TYPE_RADIO) {\r\n                  this.questionsSaved[this.positionQuestionWork].answers.map(ans => {\r\n                    ans.answerContent = null\r\n                  })\r\n                }\r\n\r\n                if (parent && questionChildIndex > -1) {\r\n                  this.setQuestionData4CheckAnswer({...parent.listQuestionChild[questionChildIndex], isGroup: true, parent: parent.questionId})\r\n                } else {\r\n                  // Reset parent answer\r\n                  this.setQuestionData4CheckAnswer({...this.questionsSaved[this.positionQuestionWork]})\r\n                }\r\n                this.setQuestionList4CheckAnswer([...this.questionsSaved])\r\n                this.checkAnswer()\r\n              }\r\n            },\r\n\r\n            previewDocGuide () {\r\n              if ( this.examInfo && this.examInfo.fileNameAnwser ) {\r\n                this.showMoalGuideExam = true\r\n                //console.log('preview: ', data);\r\n                this.setDocPreviewContent({...this.examInfo, path: this.examInfo.pathAnwser, bookInfo: {fileName: this.examInfo.fileNameAnwser, totalPage: this.examInfo.totalPageAnswer}});\r\n                this.toggleModalPreview(true)\r\n              }\r\n            },\r\n\r\n            previewDocExamFile () {\r\n              if ( this.examInfo && this.examInfo.fileNameExam ) {\r\n                this.showMoalGuideExam = true\r\n                this.setDocPreviewContent({...this.examInfo, path: this.examInfo.pathExam, bookInfo: {fileName: this.examInfo.fileNameExam, totalPage: this.examInfo.totalPageExam}});\r\n                this.toggleModalPreview(true)\r\n              }\r\n            },\r\n\r\n            handleOffModal() {\r\n              this.toggleModalPreview(false)\r\n              this.setDocPreviewContent({})\r\n            },\r\n\r\n            checkExamShowResult () {\r\n              return this.examInfo && this.examInfo.isWork && this.examInfo.isWork === this.statusExamDone ? false : true\r\n            },\r\n\r\n            handleScrollBodyQuestion (val) {\r\n              this.valEvtScrollQuestion = val\r\n            },\r\n\r\n            handleUpdateTimeWorked () {\r\n              let timeTotal = this.calTotalTimeWorked()\r\n              updateExamTimeWorked(this.examInfo.examId, timeTotal)\r\n            }\r\n        },\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n  #main_app {\r\n    height: auto;\r\n  }\r\n\r\n  .private-fa-times {\r\n    position: absolute;\r\n    top: 3px !important;\r\n    cursor: pointer;\r\n    right: 2px !important;\r\n  }\r\n\r\n  .answer-2{\r\n    p{\r\n      width:160px;\r\n    }\r\n  }\r\n  .questions-child {\r\n    &__item {\r\n      &:first-child {\r\n        margin-top: 30px;\r\n      }\r\n\r\n      &:not(:last-child) {\r\n        margin-bottom: 30px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .exercise-result {\r\n    &__head {\r\n      border-bottom: 2px solid $color_border_main;\r\n      padding: 15px 0;\r\n    }\r\n\r\n    &__body {\r\n      padding: 20px 0 10px;\r\n\r\n      .item {\r\n        margin-bottom: 15px;\r\n\r\n        &__label {\r\n          @extend .display-block;\r\n          @extend .secondary-color-txt;\r\n          margin-bottom: 5px;\r\n        }\r\n\r\n        &__content {\r\n          @extend .primary-color-txt;\r\n          @extend .font-sanpro-light;\r\n\r\n          &--score {\r\n            @extend .font-sanpro-semibold;\r\n            @extend .font-size-28;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .exercise-detail {\r\n\r\n    &__sidebar {\r\n      position: fixed;\r\n      top: 50px;\r\n      z-index: 1; \r\n    }\r\n\r\n    &__questions {\r\n      max-width: 80%;\r\n      margin: 0 auto;\r\n      padding: 30px 15px;\r\n    }\r\n\r\n    &__direct {\r\n      >* {\r\n        &:not(:first-child) {\r\n          margin-left: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__action {\r\n      >a {\r\n        width: 140px;\r\n        line-height: 1.1;\r\n        letter-spacing: 0.03em;\r\n        margin-left: 20px;\r\n      }\r\n    }\r\n\r\n    &__back {\r\n      margin-bottom: 20px;\r\n      @extend .display-inline-block;\r\n    }\r\n\r\n    &__cats {\r\n      &__title {\r\n        @extend .border-0;\r\n        @extend .margin-0;\r\n\r\n        i {\r\n          margin-left: 20px;\r\n        }\r\n      }\r\n\r\n      &__list {\r\n        a {\r\n          width: 65px;\r\n          height: 35px;\r\n          line-height: 35px;\r\n          @extend .display-inline-block;\r\n          @extend .text-center;\r\n          margin-bottom: 18px;\r\n          @extend .font-size-15;\r\n          @extend .font-sanpro-semibold;\r\n          border: 1px solid transparent;\r\n          border-radius: 4px;\r\n          @extend .secondary-color-txt;\r\n\r\n          &.primary-color {\r\n            @extend .primary-color;\r\n          }\r\n\r\n          &.item {\r\n\r\n            &:not(:nth-child(4n)) {\r\n              margin-right: 10px;\r\n            }\r\n          }\r\n\r\n          &:hover, &.curr {\r\n            border-color: $primary_color;\r\n          }\r\n\r\n          &:hover, &.curr, &.success, &.error {\r\n            @extend .primary-color;\r\n          }\r\n\r\n          &.success {\r\n            @extend .secondary-bg-color;\r\n            border-color: $secondary_color;\r\n          }\r\n\r\n          &.error {\r\n            @extend .four-bg-color;\r\n            border-color: $four_color;\r\n          }\r\n        }\r\n      }\r\n\r\n      &__breadcrumb {\r\n        margin-bottom: 30px;\r\n        ul {\r\n          li {\r\n            @extend .display-flex;\r\n            @extend .full-width;\r\n            margin-bottom: 10px;\r\n\r\n            a {\r\n              @extend .secondary-color-txt;\r\n              @extend .font-size-16;\r\n            }\r\n\r\n            .btn-reset {\r\n              width: 26px;\r\n              height: 26px;\r\n              @extend .display-flex-center;\r\n              @extend .justify-content-center;\r\n              @extend .border-rd-50;\r\n              margin-left: 20px;\r\n              @extend .btn-2;\r\n              cursor: pointer;\r\n            }\r\n\r\n            &.active {\r\n\r\n              a {\r\n                @extend .primary-color;\r\n                @extend .font-sanpro-semibold;\r\n              }\r\n            }\r\n\r\n            &:last-child {\r\n              a {\r\n                padding-top: 3px;\r\n                max-width: calc(100% - 45px);\r\n                @extend .word-excerpt;\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &__feedback {\r\n      margin-bottom: 38px;\r\n    }\r\n\r\n    &__list {\r\n      margin-bottom: 35px;\r\n\r\n      .item {\r\n        margin-bottom: 40px;\r\n      }\r\n    }\r\n\r\n    &__guide {\r\n      h2 {\r\n        margin-bottom: 13px;\r\n      }\r\n\r\n      p {\r\n        @extend .primary-color-txt;\r\n      }\r\n    }\r\n\r\n    @media screen and ( min-width: 576px ) and ( max-width: 1199px ) {\r\n      &__cats {\r\n        width: 365px;\r\n      }\r\n    }\r\n\r\n    @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n      &__cats {\r\n        padding: 25px 0;\r\n      }\r\n    }\r\n\r\n    @media screen and ( max-width: 991px ) {\r\n      &__body {\r\n        padding: 0!important;\r\n      }\r\n      &__sidebar {\r\n        &__icons {\r\n          background: transparent;\r\n        }\r\n\r\n        &.active {\r\n          -webkit-transform: translate(0, 0px);\r\n          transform: translate(0, 0px);                    \r\n        }\r\n      }\r\n    }\r\n\r\n    @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n      &__questions {\r\n        max-width: 85%;\r\n      }\r\n      &__cats {\r\n        // padding: 25px 15px;\r\n        padding: 25px 0;\r\n      }\r\n      &__sidebar {\r\n        -webkit-transform: translate(75vw, 0px);\r\n        transform: translate(75vw, 0px);\r\n      }\r\n    }\r\n              @media screen and ( min-width: 768px ) and ( max-width: 991px ) {\r\n              }\r\n\r\n              @media screen and ( max-width: 991px ) {\r\n                &__questions {\r\n                  padding: 25px 15px;\r\n                }\r\n                &__feedback {\r\n                  margin-bottom: 25px;\r\n                }\r\n              }\r\n\r\n              @media screen and ( max-width: 575px ) {\r\n                &__questions {\r\n                  max-width: 95%;\r\n                }\r\n                &__cats {\r\n                  width: 300px;\r\n                  // padding: 20px 10px;\r\n                  padding: 20px 0;\r\n                  -webkit-transform: translate(-300px, 0px);\r\n                  transform: translate(-300px, 0px);\r\n\r\n                  &__list {\r\n                    a {\r\n                      width: 55px;\r\n                      height: 30px;\r\n                      line-height: 30px;\r\n                      margin-bottom: 15px;\r\n\r\n                      &:not(:nth-child(4n+4)) {\r\n                        margin-right: 15px;\r\n                      }\r\n                    }\r\n                  }\r\n                }\r\n\r\n                &__guide {\r\n                  h2 {\r\n                    font-size: 20px;\r\n                  }\r\n\r\n                  &__content {\r\n                    font-size: 15px;\r\n                  }\r\n                }\r\n\r\n                &__action >a {\r\n                  width: 105px;\r\n                }\r\n\r\n                &__direct > *:not(:first-child), &__action >a {\r\n                  margin-left: 15px;\r\n                }\r\n\r\n                &__sidebar {\r\n                  -webkit-transform: translate(80vw, 0px);\r\n                  transform: translate(80vw, 0px);\r\n                }\r\n              }\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!./ExamQuestion.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!./ExamQuestion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExamQuestion.vue?vue&type=template&id=2da869e8&scoped=true&\"\nimport script from \"./ExamQuestion.vue?vue&type=script&lang=js&\"\nexport * from \"./ExamQuestion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExamQuestion.vue?vue&type=style&index=0&id=2da869e8&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  \"2da869e8\",\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('Viewer',{staticClass:\"ex-questions\",attrs:{\"isOpenBookCats\":_vm.openBookCats,\"valOpenSidebar\":_vm.typeOpenSidebar,\"linkBack\":_vm.examInfo ? { name:'exercise', query:{ lop: _vm.examInfo.classId, mon: _vm.examInfo.subjectId, tab: _vm.typeId} } : {}},scopedSlots:_vm._u([(_vm.examInfo)?{key:\"viewer_head_name\",fn:function(){return [_vm._v(_vm._s(_vm.examInfo.name))]},proxy:true}:null,(_vm.examInfo)?{key:\"viewer_head_right\",fn:function(){return [(_vm.examInfo.isWork)?_c('span',[_vm._v(_vm._s(_vm.examInfo.timeToDo)+\" : 00\")]):_vm._e()]},proxy:true}:null,{key:\"viewr_body\",fn:function(){return [_c('div',{staticClass:\"exercise-result\"},[_c('div',{staticClass:\"exercise-result__head\"},[_c('h2',{staticClass:\"font-sanpro-semibold font-size-22 primary-color-txt\"},[_vm._v(\"Kết quả\")])]),(_vm.examInfo)?_c('div',{staticClass:\"exercise-result__body\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-3 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Điểm\")]),_c('span',{staticClass:\"item__content item__score\"},[_vm._v(_vm._s(_vm.examInfo.score)+\" / 10\")])]),_c('div',{staticClass:\"col-lg-3 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Số câu đúng:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalCorrectAnswers))])]),_c('div',{staticClass:\"col-lg-3 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Số câu sai:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalInCorrectAnswers))])]),_c('div',{staticClass:\"col-lg-3 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Số câu hoàn thành:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalInCorrectAnswers))])]),_c('div',{staticClass:\"col-lg-3 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Ngày làm:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalInCorrectAnswers))])]),_c('div',{staticClass:\"col-lg-3 col-sm-6 item\"},[_c('label',{staticClass:\"item__label\"},[_vm._v(\"Thời gian làm:\")]),_c('span',{staticClass:\"item__content\"},[_vm._v(_vm._s(_vm.examInfo.totalInCorrectAnswers))])])])]):_vm._e()]),_c('div',{staticClass:\"exercise-detail__questions position-rel\"},[_c('div',{staticClass:\"exercise-detail__list\"},[_c('div',{staticClass:\"item position-rel content-1\",class:{'disabled': _vm.examInfo && _vm.examInfo.isEndTime}},[_vm._l((_vm.questionsSaved),function(item,index){return [(item && item.type && item.type === _vm.typeGroup)?_c('div',{key:index,staticClass:\"question-group\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":item,\"questions\":_vm.questionsSaved,\"location\":0,\"preview\":true,\"questionsData\":item,\"isDontShowResultSaved\":_vm.examInfo && _vm.examInfo.isWork ? false : true},on:{\"getResultQuestion\":_vm.getResultQuestion}}),(item.listQuestionChild)?_c('div',{staticClass:\"questions-child\"},_vm._l((item.listQuestionChild),function(child,pos){return _c('div',{key:pos,staticClass:\"questions-child__item\"},[(child)?_c('PreviewQuestion',{attrs:{\"dataSource\":child,\"location\":pos,\"parentIndex\":0,\"isQuestionChild\":true,\"preview\":true,\"questionsData\":item,\"isDontShowResultSaved\":_vm.examInfo && _vm.examInfo.isWork ? false : true},on:{\"formatQuestion\":_vm.getInfoQuestion}}):_vm._e()],1)}),0):_vm._e(),(_vm.txtMissingQuestionGroup)?_c('p',{staticClass:\"question-missing-answer color-err\"},[_vm._v(_vm._s(_vm.txtMissingQuestionGroup))]):_vm._e()],1):(item)?_c('div',{key:index,staticClass:\"question-single\"},[_c('PreviewQuestion',{attrs:{\"dataSource\":item,\"location\":0,\"preview\":true,\"isDontShowResultSaved\":_vm.examInfo && _vm.examInfo.isWork ? false : true},on:{\"getResultQuestion\":_vm.getResultQuestion}})],1):_vm._e()]})],2)])])]},proxy:true},{key:\"viewer_sidebar_icon\",fn:function(){return [_c('a',{class:{'active': _vm.keySidebarActive === 'link'},attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.openSidebar('link')}}},[_c('i',{staticClass:\"icon-link font-size-24\"})])]},proxy:true},{key:\"viewer_sidebar_content\",fn:function(){return [(_vm.keySidebarActive === 'search')?_c('div',{staticClass:\"sidebar__search\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Tra cứu\")]),_c('div',{staticClass:\"sidebar__search__form\"},[_c('div',{staticClass:\"input-custom-icon\"},[_c('input',{attrs:{\"type\":\"text\",\"name\":\"search\",\"autocomplete\":\"off\"}}),_c('i',{staticClass:\"fas fa-search primary-color\"})])]),_c('div',{staticClass:\"sidebar__search__result\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Trang\")]},proxy:true}],null,false,3327375251)},[_c('div',{staticClass:\"result-pages\"},[_c('a',{staticClass:\"item\",attrs:{\"href\":\"javascript:;\"}},[_c('img',{attrs:{\"src\":\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\",\"alt\":\"12\"}}),_c('span',[_vm._v(\"12\")])])])]),_c('b-tab',{scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Bài\")]},proxy:true}],null,false,2885879670)},[_c('ul',{staticClass:\"result-lesson margin-0\"},[_c('li',[_c('a',{attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"Tên bài học\")])])])])],1)],1)]):_vm._e(),(_vm.keySidebarActive === 'link')?_c('div',{staticClass:\"sidebar-link\"},[_c('div',{staticClass:\"sidebar-link__head\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('h3',{staticClass:\"sidebar__title\"},[_vm._v(\"Liên kết\")])])]),_c('div',{staticClass:\"sidebar__link__result\"},[_c('div',{staticClass:\"book-viewer__sidebar__contents__wrap\"},[_c('b-tabs',{staticClass:\"sidebar__tabs\"},[_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Luyện tập\")]},proxy:true}],null,false,2244193821)},[_c('div',{staticClass:\"book-links\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},[_c('div',{staticClass:\"item display-flex full-width\"},[_c('div',{staticClass:\"item__img\"},[_c('router-link',{attrs:{\"to\":\"/\"}},[_c('img',{attrs:{\"src\":\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\",\"alt\":\"Sách giáo khoa môn Toán 1 (Tập 1)\"}})])],1),_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\"},[_c('router-link',{staticClass:\"color-inherit\",attrs:{\"to\":\"/\"}},[_vm._v(\"Sách giáo khoa môn Toán 1 (Tập 1)\")])],1),_c('p',{staticClass:\"item__year font-size-14 secondary-color-txt\"},[_vm._v(\"Tái bản: 2020\")]),_c('router-link',{staticClass:\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\",attrs:{\"to\":\"/\"}},[_vm._v(\"Đọc sách\")])],1)])])],1)]),_c('b-tab',{attrs:{\"active\":\"\"},scopedSlots:_vm._u([{key:\"title\",fn:function(){return [_vm._v(\"Sách điện tử\")]},proxy:true}],null,false,3704549356)},[_c('div',{staticClass:\"book-links\"},[_c('vue-custom-scrollbar',{staticClass:\"scroll-area scroll-area__sidebar\",attrs:{\"settings\":_vm.settingsViewBookSidebar}},_vm._l((_vm.bookRelates),function(item,index){return _c('div',{staticClass:\"item display-flex full-width\"},[_c('div',{staticClass:\"item__img\"},[_c('router-link',{attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_c('img',{attrs:{\"src\":item.imageUrl ? _vm.cdnUrl + item.imageUrl : '',\"alt\":item.name}})])],1),_c('div',{staticClass:\"item__content\"},[_c('h4',{staticClass:\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\"},[_c('router-link',{staticClass:\"color-inherit\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}}},[_vm._v(_vm._s(item.name))])],1),_c('p',{staticClass:\"item__year font-size-14 secondary-color-txt\"},[_vm._v(\"Tái bản: \"+_vm._s(item.editionYear))]),_c('router-link',{staticClass:\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\",attrs:{\"to\":{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }},\"target\":\"_blank\"}},[_vm._v(\"Đọc sách\")])],1)])}),0)],1)])],1)],1)])]):_vm._e()]},proxy:true},{key:\"viewer_toggle_cat_name\",fn:function(){return [_vm._v(\"Danh sách\")]},proxy:true},{key:\"viewer_footer_right\",fn:function(){return [_c('a',{staticClass:\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.tryAgainExam}},[_vm._v(\"Làm lại\")])]},proxy:true},{key:\"viewer_sidebar_cat_head\",fn:function(){return [_c('div',{staticClass:\"exercise-detail__cats__breadcrumb\"},[_c('span',{staticClass:\"btn-reset\",on:{\"click\":_vm.resetAnswers}},[_c('i',{staticClass:\"icon-reset primary-color font-size-18\"})])])]},proxy:true},{key:\"viewer_sidebar_cat_body\",fn:function(){return [_c('div',{staticClass:\"book-viewer__cats__list exercise-detail__cats__list\"},_vm._l((_vm.questionList),function(item,index){return _c('a',{staticClass:\"item\",class:{\n          'curr': item.current, \n          'success': _vm.examInfo && _vm.examInfo.isWork && ( (item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue) ),\n          'error': _vm.examInfo && _vm.examInfo.isWork && ((item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue) ),\n          'primary-color': item.answerStatus !== null || item.isWorked || item.statusWorked\n        },on:{\"click\":function($event){return _vm.directQuestion(index + 1)}}},[_vm._v(\"\\n        \"+_vm._s(item.name)+\"\\n      \")])}),0)]},proxy:true}],null,true)})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <Viewer class=\"ex-questions\" :isOpenBookCats=\"openBookCats\" :valOpenSidebar=\"typeOpenSidebar\" :linkBack=\"examInfo ? { name:'exercise', query:{ lop: examInfo.classId, mon: examInfo.subjectId, tab: typeId} } : {}\">\r\n    <template v-if=\"examInfo\" v-slot:viewer_head_name>{{ examInfo.name }}</template>\r\n    <template v-if=\"examInfo\" v-slot:viewer_head_right>\r\n      <span v-if=\"examInfo.isWork\">{{ examInfo.timeToDo }} : 00</span>\r\n    </template>\r\n    <template v-slot:viewr_body>\r\n      <div class=\"exercise-result\">\r\n        <div class=\"exercise-result__head\">\r\n          <h2 class=\"font-sanpro-semibold font-size-22 primary-color-txt\">Kết quả</h2>\r\n        </div>\r\n        <div class=\"exercise-result__body\" v-if=\"examInfo\">\r\n          <div class=\"row\">\r\n            <div class=\"col-lg-3 col-sm-6 item\">\r\n              <label class=\"item__label\">Điểm</label>\r\n              <span class=\"item__content item__score\">{{ examInfo.score }} / 10</span>\r\n            </div>\r\n            <div class=\"col-lg-3 col-sm-6 item\">\r\n              <label class=\"item__label\">Số câu đúng:</label>\r\n              <span class=\"item__content\">{{ examInfo.totalCorrectAnswers }}</span>\r\n            </div>\r\n            <div class=\"col-lg-3 col-sm-6 item\">\r\n              <label class=\"item__label\">Số câu sai:</label>\r\n              <span class=\"item__content\">{{ examInfo.totalInCorrectAnswers }}</span>\r\n            </div>\r\n            <div class=\"col-lg-3 col-sm-6 item\">\r\n              <label class=\"item__label\">Số câu hoàn thành:</label>\r\n              <span class=\"item__content\">{{ examInfo.totalInCorrectAnswers }}</span>\r\n            </div>\r\n            <div class=\"col-lg-3 col-sm-6 item\">\r\n              <label class=\"item__label\">Ngày làm:</label>\r\n              <span class=\"item__content\">{{ examInfo.totalInCorrectAnswers }}</span>\r\n            </div>\r\n            <div class=\"col-lg-3 col-sm-6 item\">\r\n              <label class=\"item__label\">Thời gian làm:</label>\r\n              <span class=\"item__content\">{{ examInfo.totalInCorrectAnswers }}</span>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div class=\"exercise-detail__questions position-rel\">\r\n        <div class=\"exercise-detail__list\">\r\n          <!-- <ExerciseQuestionList v-if=\"questionCurr === 0 && questionsSaved\" :dataSource=\"questionsSaved\" @handleGoQuestion=\"directQuestion\" /> -->\r\n          <div class=\"item position-rel content-1\" :class=\"{'disabled': examInfo && examInfo.isEndTime}\">\r\n            <template v-for=\"(item, index) of questionsSaved\">\r\n              <div :key=\"index\" v-if=\"item && item.type && item.type === typeGroup\" class=\"question-group\">\r\n                  <PreviewQuestion \r\n                    :dataSource=\"item\"\r\n                    :questions=\"questionsSaved\"\r\n                    :location=\"0\"\r\n                    :preview=\"true\"\r\n                    :questionsData=\"item\"\r\n                    :isDontShowResultSaved=\"examInfo && examInfo.isWork ? false : true\"\r\n                    @getResultQuestion=\"getResultQuestion\"\r\n                  />\r\n                      <!-- @answerMissing=\"handleAnswerMissing\" -->\r\n                      <!-- @formatQuestion=\"getInfoQuestion\" -->\r\n                  <div class=\"questions-child\" v-if=\"item.listQuestionChild\">\r\n                      <div v-for=\"(child, pos) of item.listQuestionChild\" :key=\"pos\" class=\"questions-child__item\">\r\n                          <PreviewQuestion \r\n                            v-if=\"child\"\r\n                            :dataSource=\"child\"\r\n                            :location=\"pos\"\r\n                            :parentIndex=\"0\"\r\n                            :isQuestionChild=\"true\"\r\n                            :preview=\"true\"\r\n                            :questionsData=\"item\"\r\n                            :isDontShowResultSaved=\"examInfo && examInfo.isWork ? false : true\"\r\n                            @formatQuestion=\"getInfoQuestion\"\r\n                          />\r\n                      </div>\r\n                  </div>\r\n                  <p v-if=\"txtMissingQuestionGroup\" class=\"question-missing-answer color-err\">{{ txtMissingQuestionGroup }}</p>\r\n              </div>\r\n              <div v-else-if=\"item\" :key=\"index\" class=\"question-single\">\r\n                  <PreviewQuestion \r\n                    :dataSource=\"item\"\r\n                    :location=\"0\"\r\n                    :preview=\"true\"\r\n                    :isDontShowResultSaved=\"examInfo && examInfo.isWork ? false : true\"\r\n                    @getResultQuestion=\"getResultQuestion\"\r\n                  />\r\n                  <!-- @answerMissing=\"handleAnswerMissing\" -->\r\n                  <!-- @formatQuestion=\"getInfoQuestion\" -->\r\n              </div>\r\n            </template>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_icon>\r\n      <!-- <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'search'}\" @click=\"openSidebar('search')\"><i class=\"icon-search font-size-24\"></i></a> -->\r\n      <a href=\"javascript:;\" :class=\"{'active': keySidebarActive === 'link'}\" @click=\"openSidebar('link')\"><i class=\"icon-link font-size-24\"></i></a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_content>\r\n      <div class=\"sidebar__search\" v-if=\"keySidebarActive === 'search'\">\r\n          <h3 class=\"sidebar__title\">Tra cứu</h3>\r\n          <div class=\"sidebar__search__form\">\r\n              <div class=\"input-custom-icon\">\r\n                  <input type=\"text\" name=\"search\" autocomplete=\"off\" />\r\n                  <i class=\"fas fa-search primary-color\"></i>\r\n              </div>\r\n          </div>\r\n          <div class=\"sidebar__search__result\">\r\n              <b-tabs class=\"sidebar__tabs\">\r\n                  <b-tab active>\r\n                      <template v-slot:title>Trang</template>\r\n                      <div class=\"result-pages\">\r\n                          <a href=\"javascript:;\" class=\"item\">\r\n                              <img src=\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\" alt=\"12\">\r\n                              <span>12</span>\r\n                          </a>\r\n                      </div>\r\n                  </b-tab>\r\n                  <b-tab>\r\n                      <template v-slot:title>Bài</template>\r\n                      <ul class=\"result-lesson margin-0\">\r\n                          <li><a href=\"javascript:;\">Tên bài học</a></li>\r\n                      </ul>\r\n                  </b-tab>\r\n              </b-tabs>\r\n          </div>\r\n      </div>\r\n      <div class=\"sidebar-link\" v-if=\"keySidebarActive === 'link'\">\r\n            <div class=\"sidebar-link__head\">\r\n                <div class=\"book-viewer__sidebar__contents__wrap\">\r\n                  <h3 class=\"sidebar__title\">Liên kết</h3>\r\n                </div>\r\n            </div>\r\n          <div class=\"sidebar__link__result\">\r\n                <div class=\"book-viewer__sidebar__contents__wrap\">\r\n                    <b-tabs class=\"sidebar__tabs\">\r\n                        <b-tab active>\r\n                            <template v-slot:title>Luyện tập</template>\r\n                            <div class=\"book-links\">\r\n                                <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n                                    <div class=\"item display-flex full-width\">\r\n                                        <div class=\"item__img\">\r\n                                            <router-link to=\"/\">\r\n                                                <img src=\"http://d1rfjjhpkkmj6r.cloudfront.net/uploads/books/toan-1-tap-1-1.jpg\" alt=\"Sách giáo khoa môn Toán 1 (Tập 1)\">\r\n                                            </router-link>\r\n                                        </div>\r\n                                        <div class=\"item__content\">\r\n                                            <h4 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\">\r\n                                                <router-link to=\"/\" class=\"color-inherit\">Sách giáo khoa môn Toán 1 (Tập 1)</router-link>\r\n                                            </h4>\r\n                                            <p class=\"item__year font-size-14 secondary-color-txt\">Tái bản: 2020</p>\r\n                                            <router-link to=\"/\" class=\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\">Đọc sách</router-link>\r\n                                        </div>\r\n                                    </div>\r\n                                </vue-custom-scrollbar>\r\n                            </div>\r\n                        </b-tab>\r\n                        <b-tab active>\r\n                            <template v-slot:title>Sách điện tử</template>\r\n                            <div class=\"book-links\">\r\n                                <vue-custom-scrollbar class=\"scroll-area scroll-area__sidebar\" :settings=\"settingsViewBookSidebar\">\r\n                                    <div class=\"item display-flex full-width\" v-for=\"(item, index) of bookRelates\">\r\n                                        <div class=\"item__img\">\r\n                                            <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\">\r\n                                                <img :src=\"item.imageUrl ? cdnUrl + item.imageUrl : ''\" :alt=\"item.name\">\r\n                                            </router-link>\r\n                                        </div>\r\n                                        <div class=\"item__content\">\r\n                                            <h4 class=\"item__name font-size-16 font-sanpro-semibold primary-color-txt margin-0\">\r\n                                                <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" class=\"color-inherit\">{{ item.name }}</router-link>\r\n                                            </h4>\r\n                                            <p class=\"item__year font-size-14 secondary-color-txt\">Tái bản: {{ item.editionYear }}</p>\r\n                                            <router-link :to=\"{ name: 'ebook-detail', params: { id: item.bookId, slug: item.slug }}\" target= '_blank' class=\"btn btn-main-light border-rd-20 font-size-15 font-sanpro-semibold\">Đọc sách</router-link>\r\n                                        </div>\r\n                                    </div>\r\n                                </vue-custom-scrollbar>\r\n                            </div>\r\n                        </b-tab>\r\n                    </b-tabs>\r\n                </div>\r\n          </div>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_toggle_cat_name>Danh sách</template>\r\n    <template v-slot:viewer_footer_right>\r\n      <a \r\n        href=\"javascript:;\"\r\n        class=\"btn btn-main font-size-16 font-sanpro-semibold border-rd-20\"\r\n        @click=\"tryAgainExam\"\r\n      >Làm lại</a>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_head>\r\n      <div class=\"exercise-detail__cats__breadcrumb\">\r\n        <span class=\"btn-reset\" @click=\"resetAnswers\">\r\n          <i class=\"icon-reset primary-color font-size-18\"></i>\r\n        </span>\r\n      </div>\r\n    </template>\r\n    <template v-slot:viewer_sidebar_cat_body>\r\n      <div class=\"book-viewer__cats__list exercise-detail__cats__list\">\r\n        <a class=\"item\" \r\n          v-for=\"(item, index) of questionList\" \r\n          :class=\"{\r\n            'curr': item.current, \r\n            'success': examInfo && examInfo.isWork && ( (item.answerStatus !== null && item.answerStatus === 'success') || (item.statusWorked && !item.workedFail) || (item.isWorked && item.isTrue) ),\r\n            'error': examInfo && examInfo.isWork && ((item.answerStatus !== null && item.answerStatus === 'error') || (item.statusWorked && item.workedFail === 'error') || (item.isWorked && !item.isTrue) ),\r\n            'primary-color': item.answerStatus !== null || item.isWorked || item.statusWorked\r\n          }\" \r\n          @click=\"directQuestion(index + 1)\"\r\n        >\r\n          {{ item.name }}\r\n        </a>\r\n      </div>\r\n    </template>\r\n  </Viewer>\r\n</template>\r\n\r\n<script>\r\n    import {mapGetters, mapActions, mapState} from 'vuex';\r\n    import { TYPE_GROUP, TYPE_DRAW_SHAPE_ANSWER, TYPE_DOWN_ANSWER, TYPE_FILL_BLANK, TYPE_SELECT, TYPE_MATH_COL } from '@/modules/question/preview-question/_store/constants'\r\n    import vueCustomScrollbar from 'vue-custom-scrollbar'\r\n    import { APP_CONFIG } from '@/utils/constants'\r\n    import PreviewQuestion from '@/modules/question/preview-question/PreviewQuestion.vue'\r\n    import CountDown from '@/components/CountDown.vue'\r\n    import { getQuestionsSidebar, getQuestionDetail, getQuestionsByCat, getExamDetail, getQuestionListOfOtherOrThematic, getCatOfExerciseOtherOrThematic, sendExamWorked, resetResultCorrectQuestionExam, getQuestionListInSidebarOfThematicOrOther } from './../../_api/'\r\n    import { STORE_KEY, LOCAL_SAVE_QUESTIONS_WORKED, LOCAL_SAVE_EXERCISE_CLASS, LOCAL_QUESTIONS_DATA, TYPE_EXERCISE_OTHER } from \"./../../_store/constants\";\r\n    import ExerciseQuestionList from './../../_components/ExerciseQuestionList.vue'\r\n    // import mixinExercise from './../../_store/mixinExercise'\r\n    // import { getAuth } from '@/utils/jwt'\r\n    // import { EMAIL_PUBLIC } from '@/store/auth/constants'\r\n    // import VituralKeyboard from '@/modules/question/preview-question/VituralKeyboard.vue'\r\n    import { STORE_KEY as STORE_KEY_QUESTION } from '@/modules/question/preview-question/_store/constants'\r\n    // const correct = require('@/assets/audio/correct.mp3')\r\n    // const incorrect = require('@/assets/audio/incorrect.mp3')\r\n    import Viewer from '@/layouts/Viewer.vue'\r\n   \r\n    export default {\r\n        name: 'ExamResult',\r\n        // mixins: [ mixinExercise ],\r\n        components: {\r\n            vueCustomScrollbar,\r\n            PreviewQuestion,\r\n            ExerciseQuestionList,\r\n            // VituralKeyboard,\r\n            // CountDown,\r\n            Viewer\r\n        },\r\n        data() {\r\n          return {\r\n            typeGroup: TYPE_GROUP,\r\n            typeDrawShape: TYPE_DRAW_SHAPE_ANSWER,\r\n            typeDownAnswer: TYPE_DOWN_ANSWER,\r\n            typefillBlank: TYPE_FILL_BLANK,\r\n            typeSelect: TYPE_SELECT,\r\n            typeMatchCol: TYPE_MATH_COL,\r\n            cdnUrl: APP_CONFIG.cdnUrl,\r\n            settingsViewBookSidebar: {\r\n              maxScrollbarLength: 300,\r\n            },\r\n            collapseOpen: '',\r\n            typeOpenSidebar: {},\r\n            isOpenSidebar: false,\r\n            keySidebarActive: '', // search ||'link'\r\n            openBookCats: true,\r\n            openSidebarMobile: false,\r\n            showGuideContent: false,\r\n            tabGuideActive: 0,\r\n            questionindexActive: null,\r\n            questionsSaved: [],\r\n            questionList: [],\r\n            questionsLoaded: [],\r\n            question: null,\r\n            bookRelates: [],\r\n            arrResultCorrect: [],\r\n            catExercise: null,\r\n            examInfo: null,\r\n            // exerciseBookActive: null,\r\n            // breadCrumbCurr: [],\r\n            // txtMissingQuestionGroup: '',\r\n            // indexCatCurr: 0,\r\n            // thematicCatLength: 0,\r\n            authInfo: {},\r\n            // catsFlat: [],\r\n            setValQuestionChange: {},\r\n            // actionPlayQuestionTrue: false,\r\n            // actionPlayQuestionFalse: false,\r\n          }\r\n        },\r\n        computed: {\r\n          ...mapState(STORE_KEY, ['paramsFilterExOtherThematic']),\r\n          screenWidth() {\r\n            return window.innerWidth;\r\n          },\r\n          examId() {\r\n            return parseInt(this.$route.params.id);\r\n          },\r\n          typeId() {\r\n            return parseInt(this.$route.params.typeId);\r\n          }\r\n        },\r\n        \r\n        created() {\r\n          this.getExamInfo();\r\n          // this.getQuestionListOfSidebar();\r\n          // this.authInfo = getAuth();\r\n          this.getQuestionNewExam()\r\n        },\r\n        mounted () {\r\n          // this.getInfoSaveLocal();\r\n        },\r\n        destroyed () {\r\n          // this.resetValKeyboard();\r\n          // localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n          localStorage.removeItem(LOCAL_QUESTIONS_DATA)\r\n        },\r\n        methods: {\r\n            ...mapActions('common', ['setLoading', 'setActionCheckQuestion']),\r\n            // ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal']),\r\n\r\n            getQuestionNewExam() {\r\n              this.setLoading(true)\r\n              Promise.all([this.getQuestionListOfSidebar(), this.fetchQuestionList()]).finally(() => this.setLoading(false))\r\n            },\r\n\r\n            getInfoSaveLocal() {\r\n              let practiceData = localStorage.getItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n              let questionData = localStorage.getItem(LOCAL_QUESTIONS_DATA);\r\n             \r\n              if(questionData && questionData !== null && questionData !== undefined) {\r\n                this.questionsSaved = JSON.parse(questionData);\r\n              } else {\r\n                this.fetchQuestionList()\r\n              }\r\n            },\r\n\r\n            getExamInfo() {\r\n                let self = this;\r\n                getExamDetail(self.examId).then(res => {\r\n                  if(res && res.data && !res.errors) {\r\n                    self.examInfo = {...res.data, isEndTime: false};\r\n                  }\r\n                })\r\n            },\r\n\r\n            getQuestionListOfSidebar() {\r\n                let self = this;\r\n                self.setLoading(true);\r\n                self.questionList = [];\r\n                \r\n                getQuestionListInSidebarOfThematicOrOther(0, self.examId).then(res => {\r\n                    self.questionList = res && res.data && !res.errors ? res.data : [];\r\n                    if(res && res.data && res.data.length > 0) {\r\n                        // Set box size\r\n                        // self.setSpaceSizeForOpenCatBox();\r\n\r\n                        // self.getInfoQuestion();\r\n                        // Get question checked\r\n                        self.setQuestionResult();\r\n                    } else {\r\n                        self.setLoading(false)\r\n                    }\r\n                }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            // getInfoQuestion() {\r\n            //     let self = this;\r\n            //     self.question = null;\r\n            //     // Hidden guide content\r\n            //     self.showGuideContent = false;\r\n            //     // self.arrResultCorrect = [];\r\n            //     self.questionindexActive = self.$route.params.question;\r\n            //     if(self.questionindexActive > 0) {\r\n            //         self.setLoading(true);\r\n            //         let questionId = self.questionList[self.questionCurr - 1].questionId;\r\n            //         let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n\r\n            //         if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n            //             let indexQuestionSave = questionsLocalStorage.findIndex(ques => ques.questionId === questionId);\r\n            //             if(indexQuestionSave > -1) {\r\n            //                 self.question = questionsLocalStorage[indexQuestionSave];\r\n            //                 self.setLoading(false);\r\n            //             } else {\r\n            //                 self.getQuestionDetail(questionId, questionsLocalStorage);\r\n            //             }\r\n            //         } else {\r\n            //             self.getQuestionDetail(questionId);\r\n            //         }\r\n\r\n            //         // self.setQuestionCurr();\r\n            //     }\r\n            // },\r\n\r\n            // getQuestionDetail(questionId, dataQuestion = []) {\r\n            //     let self = this;\r\n            //     // Get question detail\r\n            //     getQuestionDetail(questionId).then(res => {\r\n            //         if(res && res.data && !res.errors) {\r\n            //             self.question = res.data;\r\n            //             let dataSave = dataQuestion.length === 0 ? [res.data] : [...dataQuestion, res.data];\r\n            //             self.saveLocalQuestion(dataSave);\r\n            //         }\r\n            //     }).catch().finally(() => self.setLoading(false));\r\n            // },\r\n\r\n            saveLocalQuestion(data) {\r\n                let dataSave = JSON.stringify(data);\r\n                localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, dataSave);\r\n            },\r\n\r\n            // setQuestionCurr() {\r\n            //     let self = this;\r\n            //     // Set question current\r\n            //     self.questionList.map((que, index) => {\r\n            //         que['current'] = (parseInt(index) === parseInt(self.questionindexActive) -1) ? true : false;\r\n            //     })\r\n            // },\r\n\r\n            setQuestionResult() {\r\n                let self = this;\r\n                let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n                if(questionsLocalStorage && questionsLocalStorage !== null && questionsLocalStorage !== undefined && questionsLocalStorage.length > 0) {\r\n                    questionsLocalStorage.map((ques, index) => {\r\n                        if( ques.statusWorked ) {\r\n                            let resultCheckAnswer = ques.workedFail ? 'error' : 'success';\r\n                            let indexQuestionInList = self.questionList.findIndex(queList => queList.questionId === ques.questionId);\r\n                            if(indexQuestionInList > -1) {\r\n                                self.questionList[indexQuestionInList].answerStatus = resultCheckAnswer;\r\n                                self.logQuestionWorked(resultCheckAnswer);\r\n                            }\r\n                        }\r\n                    }) \r\n                }\r\n            },\r\n\r\n            logQuestionWorked(status) {\r\n              this.question['isTrue'] = status === 'success' ? true : false;\r\n              this.question['isWorked'] = true;\r\n            },\r\n\r\n            openSidebar(type) {\r\n              if(type !=null){\r\n                this.typeOpenSidebar = {type, isOpen: type === this.keySidebarActive ? false : true}\r\n                this.keySidebarActive = type !== this.keySidebarActive ? type : ''\r\n              }\r\n            },\r\n\r\n            async directQuestion(position) {\r\n              // Reset val for keyboard\r\n              this.resetValKeyboard();\r\n              let currentQuestion = this.$route.params.question;\r\n\r\n              if(parseInt(currentQuestion) !== parseInt(position)) {\r\n              // Check answer correct\r\n                await this.checkAnswer()\r\n                this.question = null;\r\n                this.arrResultCorrect = [];\r\n                this.$router.push({name: 'exerciseExamQuestion', params: {...this.routerParams, question: position}});\r\n                if(this.screenWidth < 992) {\r\n                  this.openBookCats = false;\r\n                }\r\n              }\r\n            },\r\n\r\n            checkAnswer () {\r\n              let self = this;\r\n              this.resetValKeyboard();\r\n              if(this.question && this.question.type === TYPE_GROUP) {\r\n                  this.txtMissingQuestionGroup = '';\r\n              }\r\n              if(this.question) {\r\n                this.setActionCheckQuestion(true);\r\n              }\r\n            },\r\n\r\n            async handleSendExamQuestions () {\r\n              let self = this\r\n              await self.checkAnswer()\r\n              let questionsLocalStorage = JSON.parse(localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED));\r\n              \r\n              sendExamWorked({question: questionsLocalStorage}).then(res => {\r\n                if(res && !res.errors) {\r\n                  // self.$toast.success('Bạn đã hoàn thành Bài thi');\r\n                  self.examInfo.isWork = true\r\n                }\r\n              });\r\n            },\r\n\r\n            handleAnswerMissing(valErr) {\r\n              if(this.question.type === TYPE_GROUP) {\r\n                this.txtMissingQuestionGroup = valErr;\r\n              }\r\n              setTimeout(() => {\r\n                this.showGuideContent = false;\r\n              }, 5)\r\n            },\r\n\r\n            toggleGuideContent() {\r\n              this.showGuideContent = !this.showGuideContent;\r\n            },\r\n\r\n            getResultQuestion(val) {\r\n              this.arrResultCorrect = val;\r\n            },\r\n\r\n            getQuestionData(val) {\r\n              if(this.questionindexActive > 0 ) {\r\n                  if(this.questionList[this.questionindexActive - 1] && this.questionList[this.questionindexActive - 1]['current']) {\r\n                    this.questionList[this.questionindexActive - 1]['current'] = false;\r\n                  }\r\n                  if(!val) {\r\n                    this.questionList.map(ques => {\r\n                      ques.success && delete ques.success;\r\n                      ques.error && delete ques.error;\r\n                      ques.answerStatus && delete ques.answerStatus;\r\n                    })\r\n                  }\r\n                  this.questionindexActive = 0;\r\n                  this.$router.push({name: 'exerciseExamQuestion', params: {...this.routerParams, id: this.examId, question: 0}});\r\n              }\r\n              if(!this.questionsSaved) {\r\n                this.fetchQuestionList();\r\n              }\r\n            },\r\n\r\n            fetchQuestionList() {\r\n              let self = this;\r\n              self.setLoading(true);\r\n              getQuestionListOfOtherOrThematic(0, self.examId).then(res => {\r\n                  if(res && res.data && !res.errors) {\r\n                      self.questionsSaved = res.data;\r\n                      res.data.length > 0 && localStorage.setItem( LOCAL_QUESTIONS_DATA, JSON.stringify(res.data) );\r\n                      if (res.data && res.data.length === 0) {\r\n                        this.handleNextPrevCat === 'next' && this.nextCatBook()\r\n                        this.handleNextPrevCat === 'prev' && this.prevCatBook()\r\n                      }\r\n                  }\r\n              }).catch().finally(() => self.setLoading(false));\r\n            },\r\n\r\n            tryAgainExam () {\r\n              this.$router.push({name: 'exerciseExamQuestion', params: {classId: this.examInfo.classId, subjectId: this.examInfo.subjectId, id: this.examInfo.examId, question: 0}});\r\n            },\r\n\r\n            async resetAnswers() {\r\n              let self = this;\r\n              // await localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED);\r\n              // resetResultCorrectQuestionExam(self.examId).then(res => {\r\n              //   if(res && !res.errors) {\r\n                  self.$router.push({name: 'exerciseExamQuestion', params: {classId: self.examInfo.classId, subjectId: self.examInfo.subjectId, id: self.examInfo.examId, typeId: self.examId, question: 0}})\r\n              //   }\r\n              // })\r\n            },\r\n        },\r\n    }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\r\n    #main_app {\r\n      height: auto;\r\n    }\r\n\r\n    .comment-img {\r\n      max-width: 150px;\r\n      margin: 8px 10px;\r\n      max-width: 165px;\r\n      margin: 10px;\r\n      position: relative;\r\n      background: #e1efff;\r\n    }\r\n    .private-fa-times {\r\n      position: absolute;\r\n      top: 3px !important;\r\n      cursor: pointer;\r\n      right: 2px !important;\r\n    }\r\n    .textarea-modal {\r\n      width: 100%;\r\n      border: none;\r\n    }\r\n    .join-cls {\r\n      background: #124abe;\r\n      width: 110px;\r\n      border-radius: 20px;\r\n      height: 30px;\r\n      line-height: 15px;\r\n    }\r\n    .close-cls {\r\n      background: none;\r\n      border: 0;\r\n      color: #124abe;\r\n      border-radius: 20px;\r\n    }\r\n    #upload-photo {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      display: block;\r\n      opacity: 0;\r\n    }\r\n\r\n    .answer-2{\r\n        p{\r\n            width:160px;\r\n        }\r\n    }\r\n    .questions-child {\r\n        &__item {\r\n            &:first-child {\r\n                margin-top: 30px;\r\n            }\r\n\r\n            &:not(:last-child) {\r\n                margin-bottom: 30px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .overlay-question {\r\n\r\n    }\r\n\r\n    .exercise-detail {\r\n        &__breadcrumb {\r\n            padding-left: 15px;\r\n            padding-right: 80px;\r\n\r\n            @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                padding-right: 55px;\r\n            }\r\n\r\n            @media screen and ( max-width: 575px ) {\r\n                padding-right: 40px;\r\n            }\r\n\r\n            ul li {\r\n\r\n                @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                    width: 15%;\r\n                }\r\n                \r\n                @media screen and ( max-width: 575px ) {\r\n                    width: 25%;\r\n                }\r\n\r\n                a, span, &:before {\r\n                    @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n                        font-size: 14px;\r\n                    }\r\n                    @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n                        font-size: 12px;\r\n                    }\r\n                    @media screen and ( max-width: 575px ) {\r\n                        font-size: 11px;\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        &__sidebar {\r\n          position: fixed;\r\n          top: 50px;\r\n          z-index: 1;\r\n        }\r\n\r\n        &__questions {\r\n          max-width: 80%;\r\n          margin: 0 auto;\r\n          padding: 30px 15px;\r\n        }\r\n\r\n        &__direct {\r\n            >* {\r\n                &:not(:first-child) {\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n        }\r\n\r\n        &__action {\r\n            >a {\r\n                width: 140px;\r\n                line-height: 1.1;\r\n                letter-spacing: 0.03em;\r\n                margin-left: 20px;\r\n            }\r\n        }\r\n\r\n        &__back {\r\n            margin-bottom: 20px;\r\n            @extend .display-inline-block;\r\n        }\r\n\r\n        &__cats {\r\n            &__title {\r\n                @extend .border-0;\r\n                @extend .margin-0;\r\n\r\n                i {\r\n                    margin-left: 20px;\r\n                }\r\n            }\r\n\r\n            &__list {\r\n                a {\r\n                    width: 65px;\r\n                    height: 35px;\r\n                    line-height: 35px;\r\n                    @extend .display-inline-block;\r\n                    @extend .text-center;\r\n                    margin-bottom: 18px;\r\n                    @extend .font-size-15;\r\n                    @extend .font-sanpro-semibold;\r\n                    border: 1px solid transparent;\r\n                    border-radius: 4px;\r\n                    @extend .secondary-color-txt;\r\n\r\n                    &.primary-color {\r\n                      @extend .primary-color;\r\n                    }\r\n\r\n                    &.item {\r\n\r\n                        &:not(:nth-child(4n)) {\r\n                            margin-right: 10px;\r\n                        }\r\n                    }\r\n\r\n                    &:hover, &.curr {\r\n                        border-color: $primary_color;\r\n                    }\r\n\r\n                    &:hover, &.curr, &.success, &.error {\r\n                      @extend .primary-color;\r\n                    }\r\n\r\n                    &.success {\r\n                        @extend .secondary-bg-color;\r\n                        border-color: $secondary_color;\r\n                    }\r\n\r\n                    &.error {\r\n                        @extend .four-bg-color;\r\n                        border-color: $four_color;\r\n                    }\r\n                }\r\n            }\r\n\r\n            &__breadcrumb {\r\n              margin-bottom: 30px;\r\n              ul {\r\n                li {\r\n                  @extend .display-flex;\r\n                  @extend .full-width;\r\n                  margin-bottom: 10px;\r\n                  \r\n                  a {\r\n                    @extend .secondary-color-txt;\r\n                    @extend .font-size-16;\r\n                  }\r\n\r\n                  .btn-reset {\r\n                    width: 26px;\r\n                    height: 26px;\r\n                    @extend .display-flex-center;\r\n                    @extend .justify-content-center;\r\n                    @extend .border-rd-50;\r\n                    margin-left: 20px;\r\n                    @extend .btn-2;\r\n                    cursor: pointer;\r\n                  }\r\n\r\n                  &.active {\r\n\r\n                    a {\r\n                      @extend .primary-color;\r\n                      @extend .font-sanpro-semibold;\r\n                    }\r\n                  }\r\n\r\n                  &:last-child {\r\n                    a {\r\n                      padding-top: 3px;\r\n                      max-width: calc(100% - 45px);\r\n                      @extend .word-excerpt;\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n        }\r\n\r\n        &__feedback {\r\n            margin-bottom: 38px;\r\n        }\r\n\r\n        &__list {\r\n            margin-bottom: 35px;\r\n        }\r\n\r\n        &__guide {\r\n            h2 {\r\n                margin-bottom: 13px;\r\n            }\r\n\r\n            p {\r\n                @extend .primary-color-txt;\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 576px ) and ( max-width: 1199px ) {\r\n            &__cats {\r\n                width: 365px;\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 992px ) and ( max-width: 1199px ) {\r\n            &__cats {\r\n                padding: 25px 0;\r\n            }\r\n        }\r\n\r\n        @media screen and ( max-width: 991px ) {\r\n            &__body {\r\n                padding: 0!important;\r\n            }\r\n            &__sidebar {\r\n                &__icons {\r\n                    background: transparent;\r\n                }\r\n\r\n                &.active {\r\n                    webkit-transform: translate(0, 0px);\r\n                    transform: translate(0, 0px);                    \r\n                }\r\n            }\r\n        }\r\n\r\n        @media screen and ( min-width: 576px ) and ( max-width: 991px ) {\r\n            &__questions {\r\n              max-width: 85%;\r\n            }\r\n            &__cats {\r\n                // padding: 25px 15px;\r\n                padding: 25px 0;\r\n            }\r\n            &__sidebar {\r\n                webkit-transform: translate(75vw, 0px);\r\n                transform: translate(75vw, 0px);\r\n            }\r\n        }\r\n        @media screen and ( min-width: 768px ) and ( max-width: 991px ) {\r\n        }\r\n\r\n        @media screen and ( max-width: 991px ) {\r\n            &__questions {\r\n                padding: 25px 15px;\r\n            }\r\n            &__feedback {\r\n                margin-bottom: 25px;\r\n            }\r\n        }\r\n\r\n        @media screen and ( max-width: 575px ) {\r\n            &__questions {\r\n              max-width: 95%;\r\n            }\r\n            &__cats {\r\n                width: 300px;\r\n                // padding: 20px 10px;\r\n                padding: 20px 0;\r\n                -webkit-transform: translate(-300px, 0px);\r\n                transform: translate(-300px, 0px);\r\n\r\n                &__list {\r\n                    a {\r\n                        width: 55px;\r\n                        height: 30px;\r\n                        line-height: 30px;\r\n                        margin-bottom: 15px;\r\n\r\n                        &:not(:nth-child(4n+4)) {\r\n                            margin-right: 15px;\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n\r\n            &__guide {\r\n                h2 {\r\n                    font-size: 20px;\r\n                }\r\n\r\n                &__content {\r\n                    font-size: 15px;\r\n                }\r\n            }\r\n\r\n            &__action >a {\r\n                width: 105px;\r\n            }\r\n\r\n            &__direct > *:not(:first-child), &__action >a {\r\n                margin-left: 15px;\r\n            }\r\n\r\n            &__sidebar {\r\n                webkit-transform: translate(80vw, 0px);\r\n                transform: translate(80vw, 0px);\r\n            }\r\n        }\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!./ExamResult.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!./ExamResult.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExamResult.vue?vue&type=template&id=7b24e796&scoped=true&\"\nimport script from \"./ExamResult.vue?vue&type=script&lang=js&\"\nexport * from \"./ExamResult.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExamResult.vue?vue&type=style&index=0&id=7b24e796&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  \"7b24e796\",\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:\"exam-list\"},[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/luyen-tap\"}},[_vm._v(\"Luyện tập\")])],1)])])]),_c('div',{staticClass:\"ss-data\"},[_c('div',{staticClass:\"container-hts\"},[_c('ExerciseExam',{attrs:{\"dataSource\":_vm.dataExams,\"dataPaging\":_vm.dataPaging}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"exercise-exam\"},[_c('div',{staticClass:\"exercise-exam__head\"},[_c('div',{staticClass:\"exercise-exam__head__filter display-flex-center\"},[_c('div',{staticClass:\"input-custom-icon item select-custom item--type\"},[_c('select',{staticClass:\"color_bg_gray_light border-0 border-rd-20 form-h30 primary-color-txt font-sanpro-light full-width\",attrs:{\"name\":\"typeId\"},on:{\"change\":_vm.handleFilterType}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Đề thi - tất cả\")]),_c('option',{attrs:{\"value\":\"1\"}},[_vm._v(\"Đã hoàn thành\")]),_c('option',{attrs:{\"value\":\"2\"}},[_vm._v(\"Chưa hoàn thành\")]),_c('option',{attrs:{\"value\":\"3\"}},[_vm._v(\"Chưa làm\")])]),_c('i',{staticClass:\"icon-arrow-down primary-color\"})]),_c('div',{staticClass:\"input-custom-icon item item--keyword\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.lazy\",value:(_vm.keyword),expression:\"keyword\",modifiers:{\"lazy\":true}},{name:\"debounce\",rawName:\"v-debounce\",value:(300),expression:\"300\"}],staticClass:\"color_bg_gray_light border-0 border-rd-20 form-h30 primary-color-txt font-sanpro-light full-width\",attrs:{\"type\":\"text\",\"name\":\"keyword\",\"placeholder\":\"Tìm kiếm\"},domProps:{\"value\":(_vm.keyword)},on:{\"change\":function($event){_vm.keyword=$event.target.value}}}),_c('i',{staticClass:\"icon-search primary-color\"})])])]),_c('div',{staticClass:\"exercise-exam__body\"},[(_vm.dataSource && _vm.dataSource.length > 0)?[_c('div',{staticClass:\"row\"},_vm._l((_vm.dataSource),function(item,index){return _c('ItemExam',{key:index,staticClass:\"col-md-3 col-sm-6\",attrs:{\"dataSource\":item}})}),1)]:_c('p',{staticClass:\"m-3 secondary-color-txt text-center font-size-20\"},[_vm._v(\"Đang cập nhật dữ liệu lên hệ thống\")])],2),_c('div',{attrs:{\"id\":\"data_end\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"exercise-exam\">\r\n    <div class=\"exercise-exam__head\">\r\n      <div class=\"exercise-exam__head__filter display-flex-center\">\r\n        <div class=\"input-custom-icon item select-custom item--type\">\r\n          <select name=\"typeId\" @change=\"handleFilterType\" class=\"color_bg_gray_light border-0 border-rd-20 form-h30 primary-color-txt font-sanpro-light full-width\">\r\n            <option value=\"0\">Đề thi - tất cả</option>\r\n            <option value=\"1\">Đã hoàn thành</option>\r\n            <option value=\"2\">Chưa hoàn thành</option>\r\n            <option value=\"3\">Chưa làm</option>\r\n          </select>\r\n          <i class=\"icon-arrow-down primary-color\"></i>\r\n        </div>\r\n        <div class=\"input-custom-icon item item--keyword\">\r\n          <input type=\"text\" name=\"keyword\" class=\"color_bg_gray_light border-0 border-rd-20 form-h30 primary-color-txt font-sanpro-light full-width\" placeholder=\"Tìm kiếm\" v-model.lazy=\"keyword\" v-debounce=\"300\" />\r\n          <i class=\"icon-search primary-color\"></i>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"exercise-exam__body\">\r\n      <template v-if=\"dataSource && dataSource.length > 0\">\r\n        <div class=\"row\">\r\n          <ItemExam v-for=\"(item, index) of dataSource\" :key=\"index\" :dataSource=\"item\" class=\"col-md-3 col-sm-6\" />\r\n        </div>\r\n      </template>\r\n      <p v-else class=\"m-3 secondary-color-txt text-center font-size-20\">Đang cập nhật dữ liệu lên hệ thống</p>\r\n    </div>\r\n    <div id=\"data_end\"></div>\r\n    <!-- <div class=\"exercise-exam__footer\">\r\n      <Pagination v-if=\"dataPaging && dataPaging.totalPage > 1\" :totalPage=\"dataPaging.totalPage\" :page=\"paramsFilterExExam.pageIndex\" @eventPagination=\"changePage\" />\r\n    </div> -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n  import debounce from \"@/directives/debounce\";\r\n  import { mapState, mapActions } from 'vuex'\r\n  import { STORE_KEY, LOCAL_SAVE_QUESTIONS_WORKED } from './../../_store/constants'\r\n\r\n  export default {\r\n    name: 'ExerciseExam',\r\n    props: {\r\n      dataSource: Array,\r\n      dataPaging: Object\r\n    },\r\n    directives: { debounce },\r\n    components: {\r\n      ItemExam: () => import('./ItemExam.vue'),\r\n      Pagination: () => import('@/components/Pagination.vue')\r\n    },\r\n    data () {\r\n      return {\r\n        keyword: '',\r\n        elmEndItem: null,\r\n        observer: null\r\n      }\r\n    },\r\n    computed: {\r\n      ...mapState(STORE_KEY, ['paramsFilterExExam'])\r\n    },\r\n    watch: {\r\n      keyword: \"handleFilterKeyword\",\r\n      dataPaging (newVal) {\r\n        if (this.elmEndItem && newVal) {\r\n          this.observer = new IntersectionObserver(this.handleScrollEnd, {threshold: 1})\r\n          this.observer.observe(this.elmEndItem)\r\n        }\r\n      }\r\n    },\r\n    mounted () {\r\n      localStorage.removeItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n      this.elmEndItem = document.getElementById('data_end')\r\n    },\r\n    methods: {\r\n      ...mapActions(STORE_KEY, ['acSetParamFilterExam']),\r\n\r\n      handleFilterKeyword () {\r\n        this.acSetParamFilterExam({...this.paramsFilterExExam, keyword: this.keyword, pageIndex: 1})\r\n      },\r\n\r\n      handleFilterType (evt) {\r\n        let value = parseInt(evt.target.value)\r\n        this.acSetParamFilterExam({...this.paramsFilterExExam, typeId: value, pageIndex: 1})\r\n      },\r\n\r\n      changePage (val) {\r\n        this.acSetParamFilterExam({...this.paramsFilterExExam, pageIndex: val})\r\n      },\r\n\r\n      handleScrollEnd () {\r\n        if (this.paramsFilterExExam.pageIndex < this.dataPaging.totalPage) {\r\n          this.acSetParamFilterExam({...this.paramsFilterExExam, pageIndex: this.paramsFilterExExam.pageIndex + 1})\r\n        }\r\n      },\r\n    }\r\n  }\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  .exercise-exam {\r\n    &__head {\r\n      .item {\r\n        &--type {\r\n          width: 15%;\r\n          margin-right: 15px;\r\n        }\r\n\r\n        &--keyword {\r\n          width: 30%;\r\n        }\r\n      }\r\n    }\r\n\r\n    &__body {\r\n      padding: 30px 0;\r\n    }\r\n  }\r\n\r\n  @media screen and ( max-width: 575px ) {\r\n    .exercise-exam {\r\n      &__head {\r\n        &__filter {\r\n          display: block;\r\n        }\r\n        .item {\r\n          &--type {\r\n            margin: 0 0 10px;\r\n          }\r\n\r\n          &--type, &--keyword {\r\n            width: 100%;\r\n          }\r\n        }\r\n      }\r\n\r\n      &__body {\r\n        padding: 15px 0;      }\r\n    }\r\n  }\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExerciseExam.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!./ExerciseExam.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExerciseExam.vue?vue&type=template&id=a60c2036&scoped=true&\"\nimport script from \"./ExerciseExam.vue?vue&type=script&lang=js&\"\nexport * from \"./ExerciseExam.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExerciseExam.vue?vue&type=style&index=0&id=a60c2036&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  \"a60c2036\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div class=\"exam-list\">\r\n    <div class=\"ss-breadcrumb\">\r\n      <div class=\"container-hts\">\r\n        <ul class=\"margin-0 p-0\">\r\n          <li>\r\n            <router-link to=\"/luyen-tap\">Luyện tập</router-link>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n    <div class=\"ss-data\">\r\n      <div class=\"container-hts\">\r\n        <ExerciseExam :dataSource=\"dataExams\" :dataPaging=\"dataPaging\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapState, mapActions } from 'vuex'\r\nimport ExerciseExam from \"./../../_components/ExerciseSubject/ExerciseExam\"\r\nimport { getExamList } from './../../_api/'\r\nimport { STORE_KEY } from './../../_store/constants'\r\n\r\nexport default {\r\n  name: 'ExamList',\r\n  components: {\r\n    ExerciseExam\r\n  },\r\n  data() {\r\n    return {\r\n      dataExams: [],\r\n      dataPaging: {}\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState(STORE_KEY, ['paramsFilterExExam']),\r\n    classId () {\r\n      return parseInt(this.$route.params.classId)\r\n    },\r\n    subjectId () {\r\n      return parseInt(this.$route.params.subjectId)\r\n    }\r\n  },\r\n  created () {\r\n    this.acSetParamFilterExam({...this.paramsFilterExExam, classId: this.classId, subjectId: this.subjectId})\r\n  },\r\n  watch: {\r\n    'paramsFilterExExam': 'getExams'\r\n  },\r\n  methods: {\r\n    ...mapActions(STORE_KEY, ['acSetParamFilterExam']),\r\n\r\n    getExams () {\r\n      // console.log('this.paramsFilterExExam', this.paramsFilterExExam);\r\n      getExamList(this.paramsFilterExExam).then(res => {\r\n        if (res) {\r\n          this.dataExams = res.list\r\n          this.dataPaging = res.paging\r\n        }\r\n      })\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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!./ExamList.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!./ExamList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExamList.vue?vue&type=template&id=5198fbb8&scoped=true&\"\nimport script from \"./ExamList.vue?vue&type=script&lang=js&\"\nexport * from \"./ExamList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"5198fbb8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div>\r\n    <component :is=\"template\"></component>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n    import {STORE_KEY, LOCAL_SAVE_EXERCISE_CLASS} from './_store/constants'\r\n    import {STORE_KEY as STORE_KEY_QUESTION} from '@/modules/question/preview-question/_store/constants'\r\n    import {STORE_KEY as STORE_KEY_EBOOK} from '@/modules/ebooks/_store/constants'\r\n    import store from './_store'\r\n    import storeQuestion from '@/modules/question/preview-question/_store'\r\n    import storeEbook from '@/modules/ebooks/_store'\r\n    import ExerciseList from './_views/ExerciseList'\r\n    import ExerciseDetail from './_views/ExerciseDetail'\r\n    import ExerciseExam from './_views/ExerciseExam'\r\n    import ExerciseEbook from './_views/ExerciseEbook'\r\n    import ExerciseSubject from './_views/ExerciseSubject'\r\n    import ThematicDetail from './_views/thematic/ThematicDetail'\r\n    import ThematicQuestion from './_views/thematic/ThematicQuestion'\r\n    import OtherDetail from './_views/other/OtherDetail'\r\n    import OtherQuestion from './_views/other/OtherQuestion'\r\n    import ExamDetail from './_views/exam/ExamDetail'\r\n    import ExamQuestion from './_views/exam/ExamQuestion'\r\n    import ExamResult from './_views/exam/ExamResult'\r\n    import ExamList from './_views/exam/ExamList'\r\n\r\n    export default {\r\n      name: 'ExerciseModule',\r\n      props: {\r\n        template: String\r\n      },\r\n      components: {\r\n        ExerciseList,\r\n        ExerciseDetail,\r\n        ExerciseExam,\r\n        ExerciseEbook,\r\n        ExerciseSubject,\r\n        ThematicDetail,\r\n        ThematicQuestion,\r\n        OtherDetail,\r\n        OtherQuestion,\r\n        ExamDetail,\r\n        ExamQuestion,\r\n        ExamResult,\r\n        ExamList\r\n      },\r\n      created() {\r\n        if (!(STORE_KEY in this.$store._modules.root._children)) {\r\n          this.$store.registerModule(STORE_KEY, store);\r\n        }\r\n\r\n        if (!(STORE_KEY_QUESTION in this.$store._modules.root._children)) {\r\n          this.$store.registerModule(STORE_KEY_QUESTION, storeQuestion);\r\n        }\r\n\r\n        if (!(STORE_KEY_EBOOK in this.$store._modules.root._children)) {\r\n          this.$store.registerModule(STORE_KEY_EBOOK, storeEbook);\r\n        }\r\n      },\r\n      beforeDestroy() {\r\n        localStorage.removeItem(LOCAL_SAVE_EXERCISE_CLASS);\r\n      }\r\n    };\r\n</script>","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!./index.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!./index.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=437d9a05&\"\nimport script from \"./index.vue?vue&type=script&lang=js&\"\nexport * from \"./index.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  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:\"active-code border-rd-8 bg-color-light position-rel\"},[(_vm.loading)?_c('div',{staticClass:\"spinner-box\"},[_c('div',{staticClass:\"spinner-box__wrap display-flex-center justify-content-center full-box\"},[_c('b-spinner',{attrs:{\"variant\":\"primary\",\"label\":\"Text Centered\"}})],1)]):_vm._e(),_c('div',{staticClass:\"active-code__wrap\"},[_c('h3',{staticClass:\"active-code__title font-size-24 font-sanpro-semibold primary-color-txt\"},[_vm._v(\"Kích hoạt sách\")]),(_vm.isAccExperience)?_c('div',{staticClass:\"active-code__desc active-code__desc--experience primary-color-txt\"},[_c('p',[_vm._v(\"Đăng ký / Đăng nhập để kích hoạt và sử dụng đầy đủ tính năng.\")]),_c('p',[_vm._v(\"Kích hoạt mã cào sau mỗi cuốn sách giáo khoa để mở miễn phí học liệu điện tử và toàn bộ tính năng hỗ trợ\")])]):[(_vm.isPopup)?_c('div',{staticClass:\"active-code__desc\"},[_vm._m(0),_c('a',{staticClass:\"primary-color\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.openGuideModal}},[_vm._v(\"Tìm hiểu thêm\")])]):_vm._e(),_c('div',{staticClass:\"active-code__form\"},[(_vm.isLibraryPage)?_c('p',{staticClass:\"font-sanpro-light primary-color-txt\"},[_vm._v(\"Kích hoạt mã cào sau mỗi cuốn sách giáo khoa để mở miễn phí học liệu điện tử và toàn bộ tính năng hỗ trợ\")]):_vm._e(),_c('label',{staticClass:\"font-size-18 font-sanpro-semibold secondary-color-txt\"},[_vm._v(\"Mã kích hoạt\")]),_c('input',{directives:[{name:\"model\",rawName:\"v-model.lazy\",value:(_vm.code),expression:\"code\",modifiers:{\"lazy\":true}},{name:\"debounce\",rawName:\"v-debounce\",value:(300),expression:\"300\"}],staticClass:\"form-control font-size-16 from-h30 border-rd-20 color_bg_gray_light\",attrs:{\"type\":\"text\",\"placeholder\":\"Nhập mã kích hoạt vào đây\"},domProps:{\"value\":(_vm.code)},on:{\"change\":function($event){_vm.code=$event.target.value}}}),(_vm.isPopup)?_c('a',{staticClass:\"font-sanpro-semibold primary-color readmore-popup display-block\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.openGuideModal}},[_vm._v(\"\\n\\t\\t\\t\\t\\tTìm hiểu mã kích hoạt\\n\\t\\t\\t\\t\")]):_vm._e()]),(_vm.previewBook)?_c('div',{staticClass:\"active-code__preview display-flex-center justify-content-center\"},[(_vm.dataBook)?_c('div',{staticClass:\"list__box__body margin-0 p-0\"},[_c('ItemBook',{attrs:{\"itemBook\":_vm.dataBook}})],1):_c('p',{staticClass:\"active-code__intro text-center margin-0 font-size-24 font-sanpro-semibold secondary-color-txt\"},[_vm._v(_vm._s(_vm.code && _vm.findNotBook ? 'Không tìm thấy sách theo mã trên' : 'Nhập mã kích hoạt để hiển thị sách'))])]):_vm._e()],_c('div',{staticClass:\"active-code__action display-flex-center\",class:{'justify-content-between': !_vm.isPopup, 'justify-content-end': _vm.isPopup}},[(!_vm.isPopup)?_c('a',{staticClass:\"font-sanpro-semibold primary-color\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.openGuideModal}},[_vm._v(\"\\n\\t\\t\\t\\tTìm hiểu mã kích hoạt\\n\\t\\t\\t\")]):_vm._e(),(!_vm.isAccExperience)?_c('div',{staticClass:\"active-code__btns\"},[(_vm.isPopup)?_c('a',{staticClass:\"primary-color font-sanpro-semibold\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.cancleActive}},[_vm._v(\"Hủy\")]):_vm._e(),(_vm.dataBook && _vm.dataBook.actived)?_c('button',{staticClass:\"btn btn-gray btn-pointer-evt-none css-atvd font-size-16 border-rd-20 secondary-color-txt font-sanpro-medium actived\",attrs:{\"type\":\"button\"}},[_c('img',{attrs:{\"src\":require(\"@/assets/images/active.png\"),\"alt\":\"Đã kích hoạt\"}}),_vm._v(\" \\n                  Đã kích hoạt\\n                \")]):(!_vm.dataBook || !_vm.dataBook.actived)?_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 font-sanpro-semibold\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleActiceBook}},[_vm._v(\"\\n\\t\\t\\t\\t\\tKích hoạt\\n\\t\\t\\t\\t\")]):_vm._e()]):_vm._e()])],2)])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"active-code__desc__content\"},[_c('p',{staticClass:\"secondary-color-txt margin-0\"},[_vm._v(\"Bạn chưa kích hoạt sách này.\")]),_c('p',{staticClass:\"secondary-color-txt margin-0\"},[_vm._v(\"Kích hoạt để sử dụng toàn bộ quyển sách và trải nghiệm các chức năng mở rộng.\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"active-code border-rd-8 bg-color-light position-rel\">\r\n\t\t<div class=\"spinner-box\" v-if=\"loading\">\r\n\t\t\t<div class=\"spinner-box__wrap display-flex-center justify-content-center full-box\">\r\n\t\t\t\t<b-spinner class=\"\" variant=\"primary\" label=\"Text Centered\"></b-spinner>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t\t<div class=\"active-code__wrap\">\r\n\t\t\t<h3 class=\"active-code__title font-size-24 font-sanpro-semibold primary-color-txt\">Kích hoạt sách</h3>\r\n\t\t\t<div class=\"active-code__desc active-code__desc--experience primary-color-txt\" v-if=\"isAccExperience\">\r\n\t\t\t\t<p>Đăng ký / Đăng nhập để kích hoạt và sử dụng đầy đủ tính năng.</p>\r\n\t\t\t\t<p>Kích hoạt mã cào sau mỗi cuốn sách giáo khoa để mở miễn phí học liệu điện tử và toàn bộ tính năng hỗ trợ</p>\r\n\t\t\t</div>\r\n\t\t\t<template v-else>\r\n\t\t\t\t<div class=\"active-code__desc\" v-if=\"isPopup\">\r\n\t\t\t\t\t<div class=\"active-code__desc__content\">\r\n\t\t\t\t\t\t<p class=\"secondary-color-txt margin-0\">Bạn chưa kích hoạt sách này.</p>\r\n\t\t\t\t\t\t<p class=\"secondary-color-txt margin-0\">Kích hoạt để sử dụng toàn bộ quyển sách và trải nghiệm các chức năng mở rộng.</p>\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<a href=\"javascript:;\" @click=\"openGuideModal\" class=\"primary-color\">Tìm hiểu thêm</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"active-code__form\">\r\n\t\t\t\t\t<p v-if=\"isLibraryPage\" class=\"font-sanpro-light primary-color-txt\">Kích hoạt mã cào sau mỗi cuốn sách giáo khoa để mở miễn phí học liệu điện tử và toàn bộ tính năng hỗ trợ</p>\r\n\t\t\t\t\t<label class=\"font-size-18 font-sanpro-semibold secondary-color-txt\">Mã kích hoạt</label>\r\n\t\t\t\t\t<input class=\"form-control font-size-16 from-h30 border-rd-20 color_bg_gray_light\" type=\"text\" v-model.lazy=\"code\" v-debounce=\"300\" placeholder=\"Nhập mã kích hoạt vào đây\" />\r\n\t\t\t\t\t<a href=\"javascript:;\" @click=\"openGuideModal\" class=\"font-sanpro-semibold primary-color readmore-popup display-block\" v-if=\"isPopup\">\r\n\t\t\t\t\t\tTìm hiểu mã kích hoạt\r\n\t\t\t\t\t</a>\r\n\t\t\t\t</div>\r\n\t\t\t\t<div class=\"active-code__preview display-flex-center justify-content-center\" v-if=\"previewBook\">\r\n\t\t\t\t\t<div class=\"list__box__body margin-0 p-0\" v-if=\"dataBook\">\r\n\t\t\t\t\t\t<ItemBook :itemBook=\"dataBook\" />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t\t<p v-else class=\"active-code__intro text-center margin-0 font-size-24 font-sanpro-semibold secondary-color-txt\">{{ code && findNotBook ? 'Không tìm thấy sách theo mã trên' : 'Nhập mã kích hoạt để hiển thị sách' }}</p>\r\n\t\t\t\t</div>\r\n\t\t\t</template>\r\n\t\t\t<div class=\"active-code__action display-flex-center\" :class=\"{'justify-content-between': !isPopup, 'justify-content-end': isPopup}\">\r\n\t\t\t\t<a href=\"javascript:;\" @click=\"openGuideModal\" class=\"font-sanpro-semibold primary-color\" v-if=\"!isPopup\">\r\n\t\t\t\t\tTìm hiểu mã kích hoạt\r\n\t\t\t\t</a>\r\n\t\t\t\t<div class=\"active-code__btns\" v-if=\"!isAccExperience\">\r\n\t\t\t\t\t<a href=\"javascript:;\" class=\"primary-color font-sanpro-semibold\" v-if=\"isPopup\" @click=\"cancleActive\">Hủy</a>\r\n\t\t\t\t\t<button type=\"button\" class=\"btn btn-gray btn-pointer-evt-none css-atvd font-size-16 border-rd-20 secondary-color-txt font-sanpro-medium actived\" v-if=\"dataBook && dataBook.actived\">\r\n\t                  <img src=\"@/assets/images/active.png\" alt=\"Đã kích hoạt\"> \r\n\t                  Đã kích hoạt\r\n\t                </button>\r\n\t                <button v-else-if=\"!dataBook || !dataBook.actived\" type=\"button\" class=\"btn btn-main border-rd-20 font-size-16 font-sanpro-semibold\" @click=\"handleActiceBook\">\r\n\t\t\t\t\t\tKích hoạt\r\n\t\t\t\t\t</button>\r\n\t\t\t\t</div>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport ItemBook from './../ebooklist/ItemBook.vue'\r\n\timport { getBookByCode, activeBook } from './../../_api/activecode'\r\n\timport { mapActions } from 'vuex'\r\n\timport debounce from \"@/directives/debounce\";\r\n\r\n\texport default {\r\n\t\tname: 'ActiveCode',\r\n\t\tprops: {\r\n\t\t\tpreviewBook: Boolean,\r\n\t\t\tbookId: Number,\r\n\t\t\tisPopup: Boolean,\r\n\t\t\tisLibraryPage: Boolean,\r\n\t\t\tisAccExperience: Boolean\r\n\t\t},\r\n\t\tcomponents: {\r\n\t\t\tItemBook\r\n\t\t},\r\n\t\tdirectives: { debounce },\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\tcode: '',\r\n\t\t\t\tdataBook: null,\r\n\t\t\t\tloading: false,\r\n\t\t\t\tfindNotBook: false,\r\n\t\t\t\tevtThrotting: false\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\t'code': 'getBookInfoByCode'\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\t...mapActions('common', ['setToggleGuideActiveBook']),\r\n\r\n\t\t\tgetBookInfoByCode() {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tif(self.code && self.previewBook) {\r\n\t\t\t\t\tself.loading = true;\r\n\t\t\t\t\tself.dataBook = null;\r\n\t\t\t\t\tself.findNotBook = false;\r\n\t\t\t\t\tgetBookByCode(self.code).then(res => {\r\n\t\t\t\t\t\tif(res && res.data && !res.errors) {\r\n\t\t\t\t\t\t\tself.dataBook = res.data;\r\n\t\t\t\t\t\t} else {\r\n\t\t\t\t\t\t\tself.findNotBook = true;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}).finally(() => self.loading = false);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\thandleActiceBook() {\r\n\t\t\t\tlet self = this;\r\n\t\t\t\tif(!self.code) {\r\n\t\t\t\t\tself.$toast.error('Bạn hãy nhập mã code');\r\n\t\t\t\t} else if (self.code && (!self.bookId && (!self.dataBook || !self.dataBook.bookId))) {\r\n\t\t\t\t\tself.$toast.error('Không tìm thấy sách cần kích hoạt');\r\n\t\t\t\t} else {\r\n\t\t\t\t\tlet id = self.bookId ? self.bookId : self.dataBook.bookId;\r\n\t\t\t\t\tactiveBook(self.code, id).then(res => {\r\n\t\t\t\t\t\tif(res && !res.errors) {\r\n\t\t\t\t\t\t\tself.$toast.success('Kích hoạt sách thành công');\r\n\t\t\t\t\t\t\tself.dataBook = null;\r\n\t\t\t\t\t\t\tself.code = '';\r\n\t\t\t\t\t\t\tself.$emit('activeSuccess', id);\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}).finally(() => self.loading = false);\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\tcancleActive() {\r\n\t\t\t\tthis.$emit('cancleActice', true);\r\n\t\t\t},\r\n\r\n\t\t\tgetBookByCodeBlur() {\r\n\t\t\t\tif(window.innerWidth < 992 && this.code) {\r\n\t\t\t\t\tthis.getBookByCode();\r\n\t\t\t\t}\r\n\t\t\t},\r\n\r\n\t\t\topenGuideModal() {\r\n\t\t\t\tthis.setToggleGuideActiveBook(true);\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@import \"~@/assets/scss/_variables\";\r\n\r\n\t.active-code {\r\n\t\tbox-shadow: 0px 0px 10px rgba($color_dark, .2);\r\n\t\t-webkit-box-shadow: 0px 0px 10px rgba($color_dark, .2);\r\n\t\t-moz-box-shadow: 0px 0px 10px rgba($color_dark, .2);\r\n\t\twidth: 390px;\r\n\r\n\t\t&__wrap {\r\n\t\t\tpadding: 18px 16px;\r\n\t\t}\r\n\r\n\t\t&__title, &__desc {\r\n\t\t\tmargin-bottom: 15px;\r\n\t\t}\r\n\r\n\t\t&__desc {\r\n\t\t\t&__content {\r\n\t\t\t\tp {\r\n\t\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\t\tmargin-bottom: 10px;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&--experience {\r\n\t\t\t\tp {\r\n\t\t\t\t\t@extend .position-rel;\r\n\t\t\t\t\tpadding-left: 20px;\r\n\r\n\t\t\t\t\t&:before {\r\n\t\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\t\twidth: 10px;\r\n\t\t\t\t\t\theight: 10px;\r\n\t\t\t\t\t\t@extend .border-rd-50;\r\n\t\t\t\t\t\t@extend .display-block;\r\n\t\t\t\t\t\tbackground: $primary_text_color;\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 4px;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__form {\r\n\t\t\tmargin-bottom: 20px;\r\n\r\n\t\t\tinput {\r\n\t\t\t\tborder: 1px solid $color_bg_gray_light;\r\n\t\t\t\tletter-spacing: 0.03em;\r\n\t\t\t}\r\n\r\n\t\t\t.readmore-popup {\r\n\t\t\t\tmargin-top: 15px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__preview {\r\n\t\t\tmin-height: 270px;\r\n\t\t\twidth: 210px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\r\n\t\t&__intro {\r\n\t\t\tline-height: 1.3;\r\n\t\t}\r\n\r\n\t\t&__action {\r\n\t\t\tmargin-top: 25px;\r\n\r\n\t\t\tbutton {\r\n\t\t\t\tline-height: 1;\r\n\t\t\t\tpadding: 0 20px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t\r\n\t\t&__btns {\r\n\t\t\t.actived {\r\n\t\t\t\tpadding: 3px 15px 5px;\r\n\t\t\t\tletter-spacing: 0.03em;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\tmax-width: 16px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t>* {\r\n\t\t\t\t&:not(:last-child) {\r\n\t\t\t\t\tmargin-right: 20px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media screen and ( max-width: 575px ) {\r\n\t\t\twidth: 290px;\r\n\r\n\t\t\t&__wrap {\r\n\t\t\t\tpadding: 15px 10px;\r\n\t\t\t\ttext-align: left;\r\n\t\t\t}\r\n\r\n\t\t\t&__action {\r\n\t\t\t\t* {\r\n\t\t\t\t\tfont-size: 15px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\tbutton {\r\n\t\t\t\t\tpadding: 0 15px;\r\n\t\t\t\t}\r\n\t\t\t} \r\n\t\t}\r\n\t}\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!./ActiveCode.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!./ActiveCode.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ActiveCode.vue?vue&type=template&id=c9e89cb6&scoped=true&\"\nimport script from \"./ActiveCode.vue?vue&type=script&lang=js&\"\nexport * from \"./ActiveCode.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ActiveCode.vue?vue&type=style&index=0&id=c9e89cb6&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  \"c9e89cb6\",\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:\"question-item\",attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"exercise-detail__list question-item__head\"},[_c('div',{staticClass:\"item position-rel content-1\"},[(_vm.bookId)?_c('div',{staticClass:\"icon-back-ex\",on:{\"click\":_vm.hanldeBackTime}},[_vm._m(0)]):_vm._e(),(_vm.dataSource && _vm.dataSource.title)?_c('b',{staticClass:\"\\n          item__title\\n          primary-color\\n          font-size-16\\n          text-center\\n          display-block\\n        \",staticStyle:{\"margin-bottom\":\"10px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.dataSource.title)+\"\\n      \")]):_vm._e(),(_vm.dataSource && _vm.dataSource.content)?_c('div',{staticClass:\"\\n          question-content\\n          primary-color-txt\\n          font-size-16\\n          display-table\\n          full-width\\n        \",domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}}):_vm._e(),(_vm.dataSource.imageUrl)?_c('div',{staticClass:\"question-item__img text-center margin-center\",class:(\"size-\" + (_vm.dataSource.imageWidth) + \"-\" + (_vm.dataSource.imageHeight)),style:((\"width: \" + (_vm.dataSource.imageWidth) + \"px; max-height: \" + (_vm.dataSource.imageHeight) + \"px\"))},[_c('img',{attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (_vm.dataSource.imageUrl)),\"alt\":\"Ảnh câu hỏi\"}})]):_vm._e()])]),(_vm.dataSource && _vm.dataSource.type)?_c('div',{staticClass:\"item__answer\",class:(\"question--\" + (_vm.dataSource.type) + \" question--\" + (_vm.dataSource.type) + \"--\" + (_vm.dataSource.layoutId ? _vm.dataSource.layoutId : '1'))},[(\n        _vm.dataSource &&\n        _vm.dataSource.type === _vm.types.TYPE_TRUE_FALSE_NO &&\n        _vm.dataSource.layoutId === 2\n      )?_c('div',{staticClass:\"question-head-type-true-false\"},[_vm._m(1)]):_vm._e(),_c('div',{staticClass:\"question-body row\",class:{ row: _vm.dataSource.type === _vm.types.TYPE_DRAW_SHAPE_ANSWER }},_vm._l((_vm.answersDisplay),function(item,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.dataSource.type !== _vm.types.TYPE_MATH_COL),expression:\"dataSource.type !== types.TYPE_MATH_COL\"}],key:index,staticClass:\"answer\",class:{\n          'col-lg-3 col-md-6 col-12':\n            _vm.dataSource.type === _vm.types.TYPE_DRAW_SHAPE_ANSWER,\n        }},[(item.imageUrl)?_c('div',{staticClass:\"answer__img__sentence text-center margin-center\",class:(\"size-\" + (_vm.dataSource.imageWidth) + \"-\" + (_vm.dataSource.imageHeight)),style:((\"width: \" + (_vm.dataSource.imageWidth) + \"px; max-height: \" + (_vm.dataSource.imageHeight) + \"px\"))},[_c('img',{staticClass:\"answer__img\",attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (item.imageUrl)),\"alt\":\"Ảnh câu hỏi\"}})]):_vm._e(),(item.is_deleted !== 1 && !item.position)?_c('PreviewAnswerItem',{attrs:{\"type\":_vm.dataSource.type,\"dataSource\":item,\"nameField\":(\"answer_\" + (_vm.dataSource.orderNo) + \"_\" + _vm.location),\"location\":index,\"parent\":_vm.dataSource,\"isDontShowResultSaved\":_vm.isDontShowResultSaved,\"statusCorrect\":!_vm.isQuestionMissingAnswer &&\n            ((!item.err &&\n              item.correct &&\n              _vm.correctStatus &&\n              _vm.correctStatus === 'success') ||\n              (_vm.dataSource.isWorked &&\n                !item.isError &&\n                !item.err &&\n                item.correct) ||\n              (item.correct &&\n                ((_vm.dataSource && _vm.dataSource.isNoAnswer) ||\n                  (_vm.questionsData && _vm.questionsData.isNoAnswer)) &&\n                _vm.dataSource.type === _vm.types.TYPE_RADIO))\n              ? 'success'\n              : item.err || (_vm.dataSource.isWorked && item.isError)\n              ? 'err'\n              : ''},on:{\"changeAnswer\":_vm.setValueCorrect}}):_vm._e()],1)}),0),(_vm.dataSource.type === _vm.types.TYPE_MATH_COL)?_c('div',{staticClass:\"\\n        answers-math-col\\n        display-flex\\n        justify-content-between\\n        position-rel\\n      \",class:(\"answers-math-col-\" + (_vm.dataSource.layoutId))},[(_vm.arrMathColLeft && _vm.arrMathColLeft.length > 0)?_c('div',{staticClass:\"math-left match-left-box\"},[_vm._l((_vm.arrMathColLeft),function(item,index){return [(item && (item.code || item.content || item.imageUrl))?_c('div',{key:index,staticClass:\"item\",class:{\n              activity:\n                _vm.classNameMatchLeftActivity === ((item.position) + \"_\" + index),\n              'border-0':\n                !item || (!item.code && !item.content && !item.imageUrl),\n            },attrs:{\"id\":(\"match_left_\" + index)},on:{\"click\":function($event){return _vm.setCorrectMatch('left', index, item, _vm.dataSource.layoutId)}}},[_c('PreviewAnswerItem',{class:{\n                'answer-err':\n                  !_vm.isDontShowResultSaved &&\n                  ((item.err && _vm.dataSource.statusWorked) ||\n                    (item.isError && _vm.dataSource.isWorked)),\n                'answer-true':\n                  !_vm.isDontShowResultSaved &&\n                  ((!item.err && _vm.dataSource.statusWorked && !item.isError) ||\n                    (!item.isError &&\n                      _vm.dataSource.isWorked &&\n                      !_vm.dataSource.isNoAnswer)),\n              },attrs:{\"type\":_vm.dataSource.type,\"dataSource\":item,\"nameField\":(\"answer_\" + (_vm.dataSource.orderNo) + \"_\" + _vm.location),\"location\":index,\"parent\":_vm.dataSource,\"isDontShowResultSaved\":_vm.isDontShowResultSaved}}),_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.line),expression:\"item.line\"}],attrs:{\"height\":item.line.height,\"width\":item.line.width}},[_c('line',{staticStyle:{\"stroke\":\"#0f3dba\",\"stroke-width\":\"2\"},attrs:{\"x1\":item.line.x1,\"y1\":item.line.y1,\"x2\":item.line.x2,\"y2\":item.line.y2}}),_vm._v(\"\\n              Sorry, your browser does not support inline SVG.\\n            \")])],1):_vm._e()]})],2):_vm._e(),(_vm.arrMathColRight)?_c('div',{staticClass:\"math-right\"},[_vm._l((_vm.arrMathColRight),function(item,index){return [(item && (item.code || item.content || item.imageUrl))?_c('div',{key:index,staticClass:\"item position-rel\",class:{\n              activity:\n                _vm.classNameMatchRightActivity === ((item.position) + \"_\" + index),\n              'border-0':\n                !item || (!item.code && !item.content && !item.imageUrl),\n            },attrs:{\"id\":(\"match_right_\" + index)},on:{\"click\":function($event){return _vm.setCorrectMatch('right', index, item, _vm.dataSource.layoutId)}}},[_c('PreviewAnswerItem',{class:{\n                'answer-err':\n                  (item.err && _vm.dataSource.statusWorked) ||\n                  (item.isError && _vm.dataSource.isWorked),\n                'answer-true':\n                  (!item.err && _vm.dataSource.statusWorked && !item.isError) ||\n                  (!item.isError &&\n                    _vm.dataSource.isWorked &&\n                    !_vm.dataSource.isNoAnswer),\n              },attrs:{\"type\":_vm.dataSource.type,\"dataSource\":item,\"nameField\":(\"answer_\" + (_vm.dataSource.orderNo) + \"_\" + _vm.location),\"location\":index,\"parent\":_vm.dataSource,\"isDontShowResultSaved\":_vm.isDontShowResultSaved}})],1):_vm._e()]})],2):_vm._e()]):_vm._e()]):_vm._e(),(_vm.isQuestionMissingAnswer && !_vm.isListQuestion)?_c('div',{staticClass:\"question-missing-answer color-err\"},[_vm._v(\"\\n    \"+_vm._s(_vm.textErr)+\"\\n  \")]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b',[_c('i',{staticClass:\"icon-back-1 primary-color\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"choice-radio display-flex-center justify-content-end\"},[_c('label',[_vm._v(\"Đúng\")]),_c('label',[_vm._v(\"Sai\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div name=\"fade\" class=\"question-item\">\r\n    <div class=\"exercise-detail__list question-item__head\">\r\n      <div class=\"item position-rel content-1\">\r\n        <div class=\"icon-back-ex\" v-if=\"bookId\" @click=\"hanldeBackTime\">\r\n          <b><i class=\"icon-back-1 primary-color\"></i> </b>\r\n        </div>\r\n        <b\r\n          class=\"\r\n            item__title\r\n            primary-color\r\n            font-size-16\r\n            text-center\r\n            display-block\r\n          \"\r\n          style=\"margin-bottom: 10px\"\r\n          v-if=\"dataSource && dataSource.title\"\r\n        >\r\n          {{ dataSource.title }}\r\n        </b>\r\n        <div\r\n          class=\"\r\n            question-content\r\n            primary-color-txt\r\n            font-size-16\r\n            display-table\r\n            full-width\r\n          \"\r\n          v-if=\"dataSource && dataSource.content\"\r\n          v-html=\"dataSource.content\"\r\n        ></div>\r\n        <div\r\n          class=\"question-item__img text-center margin-center\"\r\n          v-if=\"dataSource.imageUrl\"\r\n          :style=\"`width: ${dataSource.imageWidth}px; max-height: ${dataSource.imageHeight}px`\"\r\n          :class=\"`size-${dataSource.imageWidth}-${dataSource.imageHeight}`\"\r\n        >\r\n          <img\r\n            :src=\"`${urlQuestionImg}/${dataSource.imageUrl}`\"\r\n            alt=\"Ảnh câu hỏi\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      v-if=\"dataSource && dataSource.type\"\r\n      class=\"item__answer\"\r\n      :class=\"`question--${dataSource.type} question--${dataSource.type}--${\r\n        dataSource.layoutId ? dataSource.layoutId : '1'\r\n      }`\"\r\n    >\r\n      <div\r\n        class=\"question-head-type-true-false\"\r\n        v-if=\"\r\n          dataSource &&\r\n          dataSource.type === types.TYPE_TRUE_FALSE_NO &&\r\n          dataSource.layoutId === 2\r\n        \"\r\n      >\r\n        <div class=\"choice-radio display-flex-center justify-content-end\">\r\n          <label>Đúng</label>\r\n          <label>Sai</label>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"question-body row\"\r\n        :class=\"{ row: dataSource.type === types.TYPE_DRAW_SHAPE_ANSWER }\"\r\n      >\r\n        <div\r\n          v-show=\"dataSource.type !== types.TYPE_MATH_COL\"\r\n          v-for=\"(item, index) of answersDisplay\"\r\n          class=\"answer\"\r\n          :class=\"{\r\n            'col-lg-3 col-md-6 col-12':\r\n              dataSource.type === types.TYPE_DRAW_SHAPE_ANSWER,\r\n          }\"\r\n          :key=\"index\"\r\n        >\r\n          <div\r\n            class=\"answer__img__sentence text-center margin-center\"\r\n            v-if=\"item.imageUrl\"\r\n            :style=\"`width: ${dataSource.imageWidth}px; max-height: ${dataSource.imageHeight}px`\"\r\n            :class=\"`size-${dataSource.imageWidth}-${dataSource.imageHeight}`\"\r\n          >\r\n            <img\r\n              :src=\"`${urlQuestionImg}/${item.imageUrl}`\"\r\n              alt=\"Ảnh câu hỏi\"\r\n              class=\"answer__img\"\r\n            />\r\n          </div>\r\n          <PreviewAnswerItem\r\n            v-if=\"item.is_deleted !== 1 && !item.position\"\r\n            :type=\"dataSource.type\"\r\n            :dataSource=\"item\"\r\n            :nameField=\"`answer_${dataSource.orderNo}_${location}`\"\r\n            :location=\"index\"\r\n            :parent=\"dataSource\"\r\n            :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n            :statusCorrect=\"\r\n              !isQuestionMissingAnswer &&\r\n              ((!item.err &&\r\n                item.correct &&\r\n                correctStatus &&\r\n                correctStatus === 'success') ||\r\n                (dataSource.isWorked &&\r\n                  !item.isError &&\r\n                  !item.err &&\r\n                  item.correct) ||\r\n                (item.correct &&\r\n                  ((dataSource && dataSource.isNoAnswer) ||\r\n                    (questionsData && questionsData.isNoAnswer)) &&\r\n                  dataSource.type === types.TYPE_RADIO))\r\n                ? 'success'\r\n                : item.err || (dataSource.isWorked && item.isError)\r\n                ? 'err'\r\n                : ''\r\n            \"\r\n            @changeAnswer=\"setValueCorrect\"\r\n          />\r\n          <!-- :statusCorrect=\"(!item.err && item.correct && correctStatus && correctStatus === 'success' && !isQuestionMissingAnswer) || (dataSource.isWorked && !item.isError && ((item.content && item.content === item.correct) || (!item.content && item.answerContent) )) ? 'success' : (item.err || (dataSource.isWorked && item.isError) ? 'err' : '')\" -->\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"dataSource.type === types.TYPE_MATH_COL\"\r\n        class=\"\r\n          answers-math-col\r\n          display-flex\r\n          justify-content-between\r\n          position-rel\r\n        \"\r\n        :class=\"`answers-math-col-${dataSource.layoutId}`\"\r\n      >\r\n        <div\r\n          class=\"math-left match-left-box\"\r\n          v-if=\"arrMathColLeft && arrMathColLeft.length > 0\"\r\n        >\r\n          <template v-for=\"(item, index) of arrMathColLeft\">\r\n            <div\r\n              v-if=\"item && (item.code || item.content || item.imageUrl)\"\r\n              :key=\"index\"\r\n              class=\"item\"\r\n              :id=\"`match_left_${index}`\"\r\n              :class=\"{\r\n                activity:\r\n                  classNameMatchLeftActivity === `${item.position}_${index}`,\r\n                'border-0':\r\n                  !item || (!item.code && !item.content && !item.imageUrl),\r\n              }\"\r\n              @click=\"setCorrectMatch('left', index, item, dataSource.layoutId)\"\r\n            >\r\n              <PreviewAnswerItem\r\n                :type=\"dataSource.type\"\r\n                :dataSource=\"item\"\r\n                :nameField=\"`answer_${dataSource.orderNo}_${location}`\"\r\n                :location=\"index\"\r\n                :parent=\"dataSource\"\r\n                :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n                :class=\"{\r\n                  'answer-err':\r\n                    !isDontShowResultSaved &&\r\n                    ((item.err && dataSource.statusWorked) ||\r\n                      (item.isError && dataSource.isWorked)),\r\n                  'answer-true':\r\n                    !isDontShowResultSaved &&\r\n                    ((!item.err && dataSource.statusWorked && !item.isError) ||\r\n                      (!item.isError &&\r\n                        dataSource.isWorked &&\r\n                        !dataSource.isNoAnswer)),\r\n                }\"\r\n              />\r\n              <svg\r\n                v-show=\"item.line\"\r\n                :height=\"item.line.height\"\r\n                :width=\"item.line.width\"\r\n              >\r\n                <line\r\n                  :x1=\"item.line.x1\"\r\n                  :y1=\"item.line.y1\"\r\n                  :x2=\"item.line.x2\"\r\n                  :y2=\"item.line.y2\"\r\n                  style=\"stroke: #0f3dba; stroke-width: 2\"\r\n                />\r\n                Sorry, your browser does not support inline SVG.\r\n              </svg>\r\n            </div>\r\n          </template>\r\n        </div>\r\n        <div class=\"math-right\" v-if=\"arrMathColRight\">\r\n          <template v-for=\"(item, index) of arrMathColRight\">\r\n            <div\r\n              v-if=\"item && (item.code || item.content || item.imageUrl)\"\r\n              :key=\"index\"\r\n              class=\"item position-rel\"\r\n              :class=\"{\r\n                activity:\r\n                  classNameMatchRightActivity === `${item.position}_${index}`,\r\n                'border-0':\r\n                  !item || (!item.code && !item.content && !item.imageUrl),\r\n              }\"\r\n              :id=\"`match_right_${index}`\"\r\n              @click=\"\r\n                setCorrectMatch('right', index, item, dataSource.layoutId)\r\n              \"\r\n            >\r\n              <PreviewAnswerItem\r\n                :type=\"dataSource.type\"\r\n                :dataSource=\"item\"\r\n                :nameField=\"`answer_${dataSource.orderNo}_${location}`\"\r\n                :location=\"index\"\r\n                :parent=\"dataSource\"\r\n                :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n                :class=\"{\r\n                  'answer-err':\r\n                    (item.err && dataSource.statusWorked) ||\r\n                    (item.isError && dataSource.isWorked),\r\n                  'answer-true':\r\n                    (!item.err && dataSource.statusWorked && !item.isError) ||\r\n                    (!item.isError &&\r\n                      dataSource.isWorked &&\r\n                      !dataSource.isNoAnswer),\r\n                }\"\r\n              />\r\n            </div>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"question-missing-answer color-err\"\r\n      v-if=\"isQuestionMissingAnswer && !isListQuestion\"\r\n    >\r\n      {{ textErr }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as types from \"./_store/constants\";\r\nimport { LOCAL_SAVE_QUESTIONS_WORKED } from \"@/modules/exercises/_store/constants\";\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport {\r\n  setValueCorrectHelper,\r\n  getCorrectGroupChoosed,\r\n  setCorrectGroupChoosed,\r\n  setContentQuestionFillSelect,\r\n  getContentQuestionFillSelect,\r\n  resetContentQuestionFillSelect,\r\n} from \"./_store/helpers\";\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport mixinsQuestionPreview from \"./_store/mixinsQuestionPreview\";\r\nimport { stripHtml } from \"@/helpers/functions\";\r\n\r\nCKEDITOR.plugins.addExternal(\"ckeditor_wiris\", \"/libs/mathtype/plugin.js\");\r\n\r\nexport default {\r\n  name: \"PreviewQuestion\",\r\n  mixins: [mixinsQuestionPreview],\r\n  props: {\r\n    dataSource: Object,\r\n    location: Number,\r\n    preview: Boolean,\r\n    parentIndex: Number,\r\n    isQuestionChild: Boolean,\r\n    questionsData: Object,\r\n    questionSetVal: Object,\r\n    isDontShowResultSaved: Boolean,\r\n    isListQuestion: Boolean,\r\n  },\r\n  components: {\r\n    PreviewAnswerItem: () => import(\"./PreviewAnswerItem.vue\"),\r\n  },\r\n  data() {\r\n    return {\r\n      types,\r\n      loading: false,\r\n      textErr: \"\",\r\n      valCorrect: [],\r\n      valCorrectGroup: [],\r\n      checkFillType: [],\r\n      answersDisplay: [],\r\n      arrMathColLeft: [],\r\n      arrMathColRight: [],\r\n      valMatchLeft: [],\r\n      valMatchRight: [],\r\n      arrResultCorrect: [],\r\n      classNameMatchLeftActivity: \"\",\r\n      classNameMatchRightActivity: \"\",\r\n      isQuestionMissingAnswer: false,\r\n      correctStatus: \"\",\r\n      valueHTMLAnswerTypEessay: \"\",\r\n      urlQuestionImg: APP_CONFIG.urlQuestionImg,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState(types.STORE_KEY, [\r\n      \"valVituralKeyboard\",\r\n      \"valHandleSetQuestionValue\",\r\n      \"questionGroupIsCheckAnswer\",\r\n      \"question\",\r\n      \"questionDataCheckAnswer\",\r\n      \"questionList4CheckAnswer\",\r\n    ]),\r\n    ...mapState(\"common\", [\"actionCheckQuestion\", \"draw_shape_data\"]),\r\n    bookId() {\r\n      return this.$route.params.bookId;\r\n    },\r\n  },\r\n  watch: {\r\n    $route: \"refeshData\",\r\n    dataSource(newVal) {\r\n      this.formatDisplayData(true);\r\n      // this.formatDataMathCol();\r\n    },\r\n    draw_shape_data(newVal, oldVal) {\r\n      if (\r\n        newVal &&\r\n        newVal.type === \"answer\" &&\r\n        newVal.data &&\r\n        newVal.position > -1 &&\r\n        newVal.questionParent &&\r\n        this.dataSource.questionId === newVal.questionParent.questionId\r\n      ) {\r\n        // && this.position === newVal.position\r\n        if (newVal.questionParent.type === types.TYPE_GROUP) {\r\n          let indexInQuestionGroup =\r\n            this.questionsData.listQuestionChild.findIndex(\r\n              (group) => group.questionId === newVal.questionParent.questionId\r\n            );\r\n        } else {\r\n          this.dataSource.answers[newVal.position].content = newVal.data;\r\n          this.dataSource.answers[newVal.position].answerContent = newVal.data;\r\n          let indexCorrect =\r\n            this.valCorrect.findIndex(\r\n              (ans) => ans.position === newVal.position\r\n            ) || -1;\r\n          let valueAnswer = { position: newVal.position, value: newVal.data };\r\n          if (indexCorrect > -1) {\r\n            this.valCorrect[indexCorrect] = valueAnswer;\r\n          } else {\r\n            this.valCorrect.push(valueAnswer);\r\n          }\r\n        }\r\n        // console.log('done: ', newVal)\r\n        this.$emit(\"writedAnswer\", {\r\n          answers: this.valCorrect,\r\n          question: this.dataSource,\r\n        });\r\n      }\r\n    },\r\n    actionCheckQuestion(newVal) {\r\n      newVal && this.checkCorrectAnswer();\r\n    },\r\n  },\r\n  created() {\r\n    this.$bus.on(\r\n      `${CHANGE_TXT_ANSWER}_${this.dataSource.questionId}`,\r\n      this.handleChangeTxtAnswer\r\n    );\r\n  },\r\n  mounted() {\r\n    this.refeshData();\r\n    this.formatDisplayData(true);\r\n    // console.log('this.dataSource', this.dataSource.questionId);\r\n    this.actionSetQuestionId(this.dataSource.questionId);\r\n    // this.getAnswerChoosedForQuestion();\r\n    // this.formatDataMathCol();\r\n  },\r\n  destroyed() {\r\n    setCorrectGroupChoosed([]);\r\n    this.$bus.off(\r\n      `${CHANGE_TXT_ANSWER}__${this.dataSource.questionId}`,\r\n      this.handleChangeTxtAnswer\r\n    );\r\n  },\r\n  methods: {\r\n    ...mapActions(\"common\", [\"setActionCheckQuestion\", \"actionSetQuestionId\"]),\r\n    ...mapActions(types.STORE_KEY, [\r\n      \"validateQuestion\",\r\n      \"setQuestion\",\r\n      \"setQuestions\",\r\n      \"setCorrectQuestionGroup\",\r\n    ]),\r\n\r\n    hanldeBackTime() {\r\n      this.$router.push({\r\n        name: \"exerciseDetail\",\r\n        params: { id: this.bookId },\r\n      });\r\n    },\r\n    refeshData() {\r\n      this.correctStatus = \"\";\r\n      this.valCorrect = [];\r\n      this.valCorrectGroup = [];\r\n      this.arrResultCorrect = [];\r\n      this.isQuestionMissingAnswer = false;\r\n      this.valueHTMLAnswerTypEessay = \"\";\r\n      this.checkCorrectQuestionWorked();\r\n    },\r\n\r\n    async formatDisplayData(isMounted = false) {\r\n      let typeQuestion = this.dataSource.type;\r\n      this.refeshData();\r\n\r\n      this.answersDisplay.length = 0;\r\n      if (\r\n        typeQuestion === types.TYPE_SELECT ||\r\n        typeQuestion === types.TYPE_FILL_BLANK\r\n      ) {\r\n        this.dataSource.answers &&\r\n          this.dataSource.answers.length > 0 &&\r\n          this.dataSource.answers.map((ans) => {\r\n            !ans.position && this.answersDisplay.push(ans);\r\n          });\r\n      } else if (this.dataSource.answers) {\r\n        // if(this.dataSource.answers) {\r\n        this.answersDisplay = [...this.dataSource.answers];\r\n        // }\r\n      }\r\n      await this.setQuestion({ ...this.dataSource });\r\n      this.formatDataMathCol(isMounted);\r\n    },\r\n\r\n    async formatDataMathCol(isMounted = false) {\r\n      let self = this;\r\n      if (\r\n        self.dataSource.type === types.TYPE_MATH_COL &&\r\n        self.dataSource.answers\r\n      ) {\r\n        let dataLeft = [];\r\n        let dataRight = [];\r\n        await self.dataSource.answers.map((ans) => {\r\n          if (ans.is_deleted !== 1) {\r\n            let positionItem = ans.position.split(\"_\");\r\n            /*\r\n             * positionItem[0]: left/right column\r\n             * positionItem[1]: index of array answers\r\n             */\r\n            if (!ans.line) {\r\n              ans[\"line\"] = { width: 0, height: 0, x1: 0, y1: 0, x2: 0, y2: 0 };\r\n            }\r\n            if (positionItem[0] === \"left\") {\r\n              dataLeft[positionItem[1]] = ans;\r\n              const { answerId, answerContent } = ans;\r\n              self.dataSource[\"userPractice\"] = !self.dataSource[\"userPractice\"]\r\n                ? [{ answerId, answerContent }]\r\n                : [\r\n                    ...self.dataSource[\"userPractice\"],\r\n                    { answerId, answerContent },\r\n                  ];\r\n            } else {\r\n              dataRight[positionItem[1]] = ans;\r\n            }\r\n          }\r\n        });\r\n        self.arrMathColLeft = [...dataLeft];\r\n        self.arrMathColRight = [...dataRight];\r\n\r\n        !self.dataSource.statusWorked && this.setLineMatchCol();\r\n        // !self.dataSource.isWorked && this.setLineMatchCol()\r\n        // Settimeout because render DOM for col left/right\r\n        isMounted &&\r\n          self.dataSource.isWorked &&\r\n          setTimeout(() => {\r\n            self.drawLineSaved();\r\n            // self.drawLineMatchCol(self.dataSource.layoutId)\r\n          }, 200);\r\n        // console.log('Data question: ', dataLeft, dataRight)\r\n      }\r\n    },\r\n\r\n    setLineMatchCol() {\r\n      if (\r\n        this.dataSource.type === types.TYPE_MATH_COL &&\r\n        this.dataSource.answers\r\n      ) {\r\n        let itemBoxMatch = document.querySelector(\".answers-math-col\");\r\n        let colLeft = document.querySelector(\".match-left-box\");\r\n        let widthBox = itemBoxMatch ? itemBoxMatch.offsetWidth : 0;\r\n        let heightBox = colLeft ? colLeft.offsetHeight : 0;\r\n        let widthMatchBox = colLeft ? colLeft.offsetWidth : 0;\r\n        this.arrMathColLeft &&\r\n          this.arrMathColLeft.map((match, index) => {\r\n            match.line = {\r\n              width: widthBox,\r\n              height: heightBox,\r\n              x1: this.dataSource.isWorked ? widthMatchBox : 0,\r\n              y1: 0,\r\n              x2: 0,\r\n              y2: 0,\r\n            };\r\n          });\r\n      }\r\n    },\r\n\r\n    drawLineSaved() {\r\n      let self = this;\r\n      self.dataSource.userPractice.map((prac) => {\r\n        let indexAnswerColLeft = self.arrMathColLeft.findIndex(\r\n          (col) => col.answerId === prac.answerId\r\n        );\r\n        let indexAnswerColRight = self.arrMathColRight.findIndex(\r\n          (col) => col.code === prac.answerContent\r\n        );\r\n        // Set colright choosed\r\n        self.valMatchRight = [indexAnswerColRight, prac.answerContent];\r\n        self.setCorrectMatch(\r\n          \"left\",\r\n          indexAnswerColLeft,\r\n          self.arrMathColLeft[indexAnswerColLeft],\r\n          self.dataSource.layoutId\r\n        );\r\n      });\r\n    },\r\n\r\n    setCorrectMatch(col, index, data, layout) {\r\n      let self = this;\r\n      if (col === \"left\") {\r\n        self.classNameMatchLeftActivity = `${data.position}_${index}`;\r\n        self.valMatchLeft = [index, data.code];\r\n        if (self.valMatchRight && self.valMatchRight.length > 0) {\r\n          self.removeHasLineMatch();\r\n          self.drawLineMatchCol(layout);\r\n        }\r\n      } else {\r\n        self.classNameMatchRightActivity = `${data.position}_${index}`;\r\n        self.valMatchRight = [index, data.code];\r\n        if (self.valMatchLeft.length > 0) {\r\n          self.removeHasLineMatch();\r\n          self.drawLineMatchCol(layout);\r\n        }\r\n      }\r\n    },\r\n\r\n    drawLineMatchCol(layout = 1) {\r\n      let self = this;\r\n      self.setValueCorrectMatchType(\r\n        self.valMatchLeft[1],\r\n        self.valMatchRight[1]\r\n      );\r\n\r\n      let result = [...self.arrMathColLeft];\r\n      if (self.valMatchRight[0] === -1) {\r\n        return;\r\n      }\r\n      let offsetIndexLeft = document.getElementById(\r\n        `match_right_${self.valMatchRight[0]}`\r\n      ).offsetLeft;\r\n\r\n      // console.log('Draw layout: ', layout)\r\n      if (layout === 2) {\r\n        let colQuestion = document.querySelector(\".answers-math-col\");\r\n        let heightCol1 = document.querySelector(\".match-left-box\").offsetHeight;\r\n        let widthItem = document.querySelector(\r\n          \".match-left-box .item\"\r\n        ).offsetWidth;\r\n        let offsetItemLeftX = document.getElementById(\r\n          `match_left_${self.valMatchLeft[0]}`\r\n        ).offsetLeft;\r\n        let offsetCol2ToTop = document.querySelector(\".math-right\").offsetTop;\r\n        result[self.valMatchLeft[0]].line.height = colQuestion.offsetHeight;\r\n        result[self.valMatchLeft[0]].line.x1 = offsetItemLeftX + widthItem / 2;\r\n        result[self.valMatchLeft[0]].line.y1 = heightCol1;\r\n        result[self.valMatchLeft[0]].line.x2 = offsetIndexLeft + widthItem / 2;\r\n        result[self.valMatchLeft[0]].line.y2 = offsetCol2ToTop;\r\n      } else {\r\n        let offsetItemRightTop = document.getElementById(\r\n          `match_right_${self.valMatchRight[0]}`\r\n        ).offsetTop;\r\n        let heightItemRightTop = document.getElementById(\r\n          `match_right_${self.valMatchRight[0]}`\r\n        ).offsetHeight;\r\n        let offsetItemLeftTop = document.getElementById(\r\n          `match_left_${self.valMatchLeft[0]}`\r\n        ).offsetTop;\r\n        let heightItemLeftTop = document.getElementById(\r\n          `match_left_${self.valMatchLeft[0]}`\r\n        ).offsetHeight;\r\n        let colLeft = document.querySelector(\".match-left-box\");\r\n        result[self.valMatchLeft[0]].line.height = colLeft.offsetHeight;\r\n        result[self.valMatchLeft[0]].line.x1 = colLeft.offsetWidth;\r\n        result[self.valMatchLeft[0]].line.y1 =\r\n          offsetItemLeftTop + heightItemLeftTop / 2;\r\n        result[self.valMatchLeft[0]].line.x2 = offsetIndexLeft;\r\n        result[self.valMatchLeft[0]].line.y2 =\r\n          offsetItemRightTop + heightItemRightTop / 2;\r\n      }\r\n      self.arrMathColLeft = [...result];\r\n\r\n      self.valMatchLeft.length = 0;\r\n      self.valMatchRight.length = 0;\r\n      self.classNameMatchLeftActivity = \"\";\r\n      self.classNameMatchRightActivity = \"\";\r\n    },\r\n\r\n    removeHasLineMatch() {\r\n      let self = this;\r\n      let indexMatchInvalCorrect = self.valCorrect.findIndex(\r\n        (val) => val.value === self.valMatchRight[1]\r\n      );\r\n      if (indexMatchInvalCorrect > -1) {\r\n        let indexMatchInArrLeft = self.arrMathColLeft.findIndex(\r\n          (data) =>\r\n            data.position === self.valCorrect[indexMatchInvalCorrect].parent\r\n        );\r\n        if (indexMatchInArrLeft > -1) {\r\n          self.arrMathColLeft[indexMatchInArrLeft].line = {\r\n            ...self.arrMathColLeft[indexMatchInArrLeft].line,\r\n            height: 0,\r\n            x1: 0,\r\n            x2: 0,\r\n            y1: 0,\r\n            y2: 0,\r\n          };\r\n          self.valCorrect.splice(indexMatchInvalCorrect, 1);\r\n        }\r\n      }\r\n    },\r\n\r\n    setValueCorrectMatchType(codeLeft, codeRight) {\r\n      let indexAnswers = this.dataSource.answers.findIndex(\r\n        (ans) => ans.code === codeLeft\r\n      );\r\n      let parentAnswer = this.dataSource.answers[indexAnswers].position;\r\n      let indexCorrect = this.valCorrect.findIndex(\r\n        (ans) => ans.position === indexAnswers\r\n      );\r\n      // Line for save in answer question\r\n      // let lineAnswer = this.dataSource.answers[indexAnswers].line;\r\n      let valueAnswer = {\r\n        position: indexAnswers,\r\n        value: codeRight,\r\n        parent: parentAnswer,\r\n      };\r\n\r\n      if (indexCorrect > -1) {\r\n        this.valCorrect[indexCorrect] = valueAnswer;\r\n      } else {\r\n        this.valCorrect.push(valueAnswer);\r\n      }\r\n      // console.log('draw', this.valCorrect, this.arrMathColLeft);\r\n      this.$emit(\"writedAnswer\", {\r\n        answers: this.valCorrect,\r\n        question: this.dataSource,\r\n      });\r\n      // this.setValueCorrect(valueAnswer);\r\n    },\r\n\r\n    /**\r\n     * @method Set correct val checked\r\n     **/\r\n    checkCorrectQuestionWorked() {\r\n      let self = this;\r\n      let typeQuestion = self.questionsData\r\n        ? self.questionsData.type\r\n        : self.dataSource.type;\r\n      let questionCurr = self.questionsData\r\n        ? self.questionsData\r\n        : self.dataSource;\r\n      if (questionCurr.statusWorked || questionCurr.isWorked) {\r\n        if (this.questionsData && typeQuestion === types.TYPE_GROUP) {\r\n          let corrected = [];\r\n          let dataCorrect = [];\r\n          questionCurr.listQuestionChild.map((que, index) => {\r\n            if (que) {\r\n              dataCorrect = self.setCorrectAnswerQuestionSingle(que, que.type);\r\n              let data = { questionId: que.questionId, correct: dataCorrect };\r\n              corrected.push(data);\r\n              setCorrectGroupChoosed(corrected);\r\n            }\r\n          });\r\n        } else {\r\n          self.valCorrect = self.setCorrectAnswerQuestionSingle(\r\n            questionCurr,\r\n            typeQuestion\r\n          );\r\n        }\r\n      }\r\n    },\r\n\r\n    setCorrectAnswerQuestionSingle(questionCurr, typeQuestion) {\r\n      let dataResult = [];\r\n      if (\r\n        typeQuestion === types.TYPE_SELECT ||\r\n        typeQuestion === types.TYPE_FILL_BLANK\r\n      ) {\r\n        let answersParent = questionCurr.answers.filter((ans) => !ans.position);\r\n        // console.log('have ques: ', answersParent)\r\n        answersParent &&\r\n          answersParent.length > 0 &&\r\n          answersParent.map((ans, index) => {\r\n            if (ans.validateVal && ans.validateVal.length > 0) {\r\n              ans.validateVal.map((val, pos) => {\r\n                let dataVal = {\r\n                  position: index,\r\n                  value: val,\r\n                  select_index: pos,\r\n                  parent: `${index}_${pos}`,\r\n                };\r\n                dataResult.push(dataVal);\r\n              });\r\n            }\r\n          });\r\n      } else {\r\n        questionCurr.answers.map((ans, index) => {\r\n          if (ans.answerContent) {\r\n            let dataVal = { position: index, value: ans.answerContent };\r\n            if (typeQuestion === types.TYPE_MATH_COL) {\r\n              dataVal[\"parent\"] = ans.position;\r\n            }\r\n            dataResult.push(dataVal);\r\n          }\r\n        });\r\n      }\r\n\r\n      // console.log('Set question val single: ', dataResult)\r\n      return dataResult;\r\n    },\r\n\r\n    getAnswerChoosedForQuestion() {\r\n      let dataHandle =\r\n        this.questionsData && this.questionsData.type === types.TYPE_GROUP\r\n          ? this.questionsData\r\n          : this.question;\r\n      if (dataHandle.dataChoosed && dataHandle.dataChoosed.length > 0) {\r\n        dataHandle.dataChoosed.map((val) => {\r\n          this.setValueCorrect(val, true);\r\n        });\r\n      }\r\n    },\r\n\r\n    setValueCorrect(data, isLoadLocal) {\r\n      // console.log('setval data: ', data, this.questionsData, this.question);\r\n\r\n      if (\r\n        this.question &&\r\n        this.question.type === types.TYPE_RADIO &&\r\n        this.question.answers\r\n      ) {\r\n        this.question.answers.map((ans, index) => {\r\n          if (index !== data.position) ans.answerContent = null;\r\n        });\r\n      }\r\n      let valCorrectCurr = this.valCorrect;\r\n\r\n      let isQuestionGroup =\r\n        this.questionsData && this.questionsData.type === types.TYPE_GROUP\r\n          ? true\r\n          : false;\r\n      if (isQuestionGroup) {\r\n        let correcGroup = getCorrectGroupChoosed();\r\n        let indexQuestionGroup = correcGroup.findIndex(\r\n          (cor) => cor.questionId === data.questionId\r\n        );\r\n\r\n        // console.log('Set val: ',  correcGroup, indexQuestionGroup);\r\n\r\n        // console.log('Set value group: ', correcGroup, indexQuestionGroup )\r\n        if (indexQuestionGroup > -1) {\r\n          valCorrectCurr = correcGroup[indexQuestionGroup].correct;\r\n          // console.log('Val have', valCorrectCurr, correcGroup);\r\n        }\r\n\r\n        // remove answer not choose\r\n        this.questionsData &&\r\n          this.questionsData.listQuestionChild.map((ques) => {\r\n            let indexQuesCorrect = correcGroup.findIndex(\r\n              (cor) => cor.questionId === ques.questionId\r\n            );\r\n            if (indexQuesCorrect > -1) {\r\n              ques.answers.map((ans, pos) => {\r\n                if (\r\n                  correcGroup[indexQuesCorrect].correct.findIndex(\r\n                    (cor) => cor.position === pos\r\n                  ) === -1 &&\r\n                  ans.answerContent\r\n                ) {\r\n                  delete ans.answerContent;\r\n                }\r\n              });\r\n            }\r\n          });\r\n      }\r\n\r\n      // saveAnswerChoose\r\n      !isLoadLocal && this.saveAnswerChoosed(data);\r\n\r\n      this.valCorrect = setValueCorrectHelper(\r\n        data,\r\n        valCorrectCurr,\r\n        isQuestionGroup\r\n      );\r\n      // await setValueCorrectHelper(data, this.valCorrect, isQuestionGroup);\r\n      // console.log('Set value group: ', this.valCorrect )\r\n      // console.log('Check val preview: ', this.valCorrect, data, isQuestionGroup)\r\n      this.$emit(\"writedAnswer\", {\r\n        answers: this.valCorrect,\r\n        question: this.dataSource,\r\n      });\r\n    },\r\n\r\n    saveAnswerChoosed(data) {\r\n      if (this.questionsData && this.questionsData.type === types.TYPE_GROUP) {\r\n        if (!this.questionsData[\"dataChoosed\"]) {\r\n          this.questionsData[\"dataChoosed\"] = [data];\r\n        } else {\r\n          let indexDataChoose = this.questionsData[\"dataChoosed\"].findIndex(\r\n            (choose) =>\r\n              choose.answerId === data.answerId &&\r\n              choose.position === data.position\r\n          );\r\n          if (data.type === types.TYPE_FILL_BLANK) {\r\n            // console.log('Type fill blank');\r\n            indexDataChoose = this.questionsData[\"dataChoosed\"].findIndex(\r\n              (choose) =>\r\n                choose.answerId === data.answerId &&\r\n                choose.position === data.position &&\r\n                choose.fill_index === data.fill_index\r\n            );\r\n          }\r\n          // console.log('Index for answer choose: ', indexDataChoose, this.questionsData['dataChoosed']);\r\n\r\n          if (indexDataChoose > -1) {\r\n            this.questionsData[\"dataChoosed\"][indexDataChoose] = data;\r\n          } else {\r\n            this.questionsData[\"dataChoosed\"].push(data);\r\n          }\r\n        }\r\n      } else {\r\n        if (!this.question[\"dataChoosed\"]) {\r\n          this.question[\"dataChoosed\"] = [data];\r\n        } else {\r\n          this.question[\"dataChoosed\"].push(data);\r\n        }\r\n      }\r\n    },\r\n\r\n    async checkCorrectAnswer() {\r\n      let self = this;\r\n      // console.log('Check answer question: ', self.questionDataCheckAnswer);\r\n      if (\r\n        self.questionDataCheckAnswer &&\r\n        self.questionDataCheckAnswer.isGroup\r\n      ) {\r\n        // console.log('Working width question group', self.questionsData);\r\n        let indexQuestionParent = self.questionList4CheckAnswer.findIndex(\r\n          (ques) => ques.questionId === self.questionDataCheckAnswer.parent\r\n        );\r\n\r\n        // questionsData is props\r\n        let questionParentWork =\r\n          indexQuestionParent > -1\r\n            ? self.questionList4CheckAnswer[indexQuestionParent]\r\n            : self.questionsData;\r\n        questionParentWork[\"workedFail\"] = null;\r\n        // Get answer from helper file\r\n        let answerChoosed = getCorrectGroupChoosed();\r\n\r\n        // console.log('Answers group: ', answerChoosed);\r\n\r\n        let lengthChild = questionParentWork.listQuestionChild.length;\r\n\r\n        if (!answerChoosed || answerChoosed.length === 0) {\r\n          self.textErr = \"Bạn hãy điền đầy đủ các câu trả lời!\";\r\n          self.$emit(\"answerMissing\", self.textErr);\r\n          this.$emit(\"setCorrectAnswer\", false);\r\n          self.setActionCheckQuestion(false);\r\n          return;\r\n        } else this.$emit(\"setCorrectAnswer\", true);\r\n\r\n        // console.log('Check answer: ', answerChoosed);\r\n        questionParentWork[\"isWorked\"] = true;\r\n        // Loop all question child\r\n        questionParentWork.listQuestionChild.map((ques, index) => {\r\n          let indexValCorect = answerChoosed.findIndex(\r\n            (cor) => cor.questionId === ques.questionId\r\n          );\r\n          // console.log(index, 'AAAAAAAAA', lengthChild, answerChoosed, indexValCorect, indexValCorect);\r\n          if (index === lengthChild - 1) {\r\n            self.setActionCheckQuestion(false);\r\n          }\r\n          if (indexValCorect > -1) {\r\n            // console.log('Index have: ', index, indexValCorect)\r\n            questionParentWork.listQuestionChild[index] = self.checkAnswer(\r\n              ques,\r\n              answerChoosed[indexValCorect].correct\r\n            );\r\n\r\n            // console.log('Val check answer :', questionParentWork.listQuestionChild[index], self.correctStatus);\r\n            console.log(\"chỗ này\");\r\n            if (self.correctStatus === \"error\") {\r\n              questionParentWork[\"workedFail\"] = \"error\";\r\n              questionParentWork[\"isTrue\"] = false;\r\n            }\r\n            ques[\"isTrue\"] = self.correctStatus === \"error\" ? false : true;\r\n            questionParentWork[\"statusWorked\"] = \"worked\";\r\n            questionParentWork.listQuestionChild.map((que) => {\r\n              que[\"isWorked\"] = true;\r\n              que &&\r\n                que.answers &&\r\n                que.answers.map((ans) => {\r\n                  if (que[\"isTrue\"] === null) {\r\n                    que[\"isTrue\"] = true;\r\n                  }\r\n                  if (\r\n                    ans.err ||\r\n                    (ans.validate && ans.validate.includes(false))\r\n                  ) {\r\n                    questionParentWork[\"workedFail\"] = \"error\";\r\n                    if (que[\"isTrue\"]) {\r\n                      que[\"isTrue\"] = false;\r\n                    }\r\n                  }\r\n                });\r\n            });\r\n\r\n            self.saveQuestionWorked(questionParentWork);\r\n            // if(index === lengthChild - 1) {\r\n            self.$emit(\"getResultQuestion\", self.arrResultCorrect);\r\n            self.$emit(\"formatQuestion\", null);\r\n            // }\r\n          }\r\n        });\r\n      } else if (self.questionDataCheckAnswer) {\r\n        // check answer for question working\r\n        let questionWork =\r\n          self.questionList4CheckAnswer &&\r\n          self.questionList4CheckAnswer.length > 0\r\n            ? self.questionList4CheckAnswer[self.location]\r\n            : self.dataSource;\r\n        let correctChoosed =\r\n          self.questionDataCheckAnswer &&\r\n          self.questionDataCheckAnswer.answerChoosed\r\n            ? self.questionDataCheckAnswer.answerChoosed\r\n            : self.valCorrect;\r\n        // let correctChoosed = self.isListQuestion ? self.questions[self.location].answerChoosed : self.valCorrect\r\n\r\n        questionWork[\"workedFail\"] = null;\r\n        if (questionWork.type !== types.TYPE_DOWN_ANSWER) {\r\n          self.checkAnswer(questionWork, correctChoosed);\r\n        } else {\r\n          questionWork.answers[0].answerContent = self.valueHTMLAnswerTypEessay;\r\n        }\r\n        console.log(\"chỗ này\");\r\n        if (!self.isQuestionMissingAnswer) {\r\n          questionWork[\"workedFail\"] =\r\n            self.correctStatus === \"error\" ? \"error\" : null;\r\n          questionWork[\"correctData\"] = self.arrResultCorrect;\r\n          questionWork[\"isTrue\"] =\r\n            self.correctStatus === \"error\" ? false : true;\r\n          questionWork[\"isWorked\"] = true;\r\n          console.log(questionWork.isTrue, questionWork);\r\n\r\n          if (questionWork.isTrue == true) {\r\n            setTimeout(() => {\r\n              document.getElementById(\"question_true\").play();\r\n            }, 5);\r\n          } else if (questionWork.isTrue == false) {\r\n            setTimeout(() => {\r\n              document.getElementById(\"question_false\").play();\r\n            }, 5);\r\n          }\r\n\r\n          self.saveQuestionWorked(questionWork);\r\n          if (questionWork.type !== types.TYPE_DOWN_ANSWER) {\r\n            self.$emit(\"getResultQuestion\", self.arrResultCorrect);\r\n          }\r\n          self.$emit(\"formatQuestion\", null);\r\n        }\r\n      }\r\n    },\r\n\r\n    setStatusAnswerForQuestion() {\r\n      let self = this;\r\n      let result = \"\";\r\n      let lengthQuestionGroup = self.questionsData.listQuestionChild.length;\r\n      for (let i = 0; i < lengthQuestionGroup; i++) {\r\n        let lengthAnswer =\r\n          self.questionsData.listQuestionChild[i].answers.length;\r\n        for (let j = 0; j < lengthAnswer; j++) {\r\n          let ans = self.questionsData.listQuestionChild[i].answers[j];\r\n          if (ans.err || (ans.validate && ans.validate.includes(false))) {\r\n            result = \"error\";\r\n            break;\r\n          }\r\n        }\r\n        if (result === \"error\") {\r\n          break;\r\n        }\r\n      }\r\n      return result;\r\n    },\r\n\r\n    checkAnswer(question, valCorrectChoosed) {\r\n      let self = this;\r\n      let dataQuestion = question;\r\n      // Variable for fixed error remove form input data answer with position\r\n      // let dataQuestionFillBlank = question;\r\n      let statusAnswer = true;\r\n\r\n      let valChoosedHaveValue = valCorrectChoosed\r\n        ? valCorrectChoosed.filter((val) => val.value)\r\n        : [];\r\n      let lengthChooseAnswer = valChoosedHaveValue.length;\r\n      let lengthAnswerCorrect;\r\n      // let typeQuestion = self.questionsData && self.questionsData.type === types.TYPE_GROUP ? types.TYPE_GROUP : dataQuestion.type;\r\n      let typeQuestion = dataQuestion.type;\r\n      // let isQuestionGroup = self.questionsData && self.questionsData.type === types.TYPE_GROUP ? true : false;\r\n      self.textErr = \"\";\r\n      self.correctStatus = \"\";\r\n      self.isQuestionMissingAnswer = false;\r\n\r\n      // Reset status for correct checked\r\n      dataQuestion.answers.map((ans) => {\r\n        ans.err && delete ans.err;\r\n        ans.isError && delete ans.isError;\r\n        ans.success && delete ans.success;\r\n      });\r\n\r\n      // console.log('First check: ', typeQuestion)\r\n      // count length Answer correct real\r\n      if (typeQuestion === types.TYPE_MATH_COL) {\r\n        lengthAnswerCorrect = dataQuestion.answers.filter(\r\n          (ans) =>\r\n            ans.correct && ans.isDeleted !== 1 && ans.position.includes(\"left\")\r\n        ).length;\r\n      } else if (\r\n        typeQuestion === types.TYPE_FILL_BLANK ||\r\n        typeQuestion === types.TYPE_SELECT\r\n      ) {\r\n        // let answersIsWrite = dataQuestion.answers.filter(ans => ans.position && ans.isDeleted !== 1 );\r\n        // let dataAnswersAppro = [];\r\n        // Get content from helper\r\n        let contentFill = getContentQuestionFillSelect();\r\n\r\n        lengthAnswerCorrect = 0;\r\n        if (contentFill && contentFill.length > 0) {\r\n          contentFill.map((content) => {\r\n            if (content && content.length > 0) {\r\n              content.map((txt) => {\r\n                if (txt && txt.length > 0) {\r\n                  let lengthContent = txt.length;\r\n                  txt.map((data, index) => {\r\n                    if (data && data !== \"null\" && index < lengthContent - 1) {\r\n                      lengthAnswerCorrect += 1;\r\n                    }\r\n                  });\r\n                }\r\n              });\r\n            }\r\n          });\r\n        }\r\n      } else if (\r\n        [\r\n          types.TYPE_RADIO,\r\n          types.TYPE_CHECKBOX,\r\n          types.TYPE_X_MARK,\r\n          types.TYPE_CIRCLE_ANSWER,\r\n        ].includes(typeQuestion)\r\n      ) {\r\n        // Only has 1 answer\r\n        lengthAnswerCorrect = 1;\r\n      } else {\r\n        lengthAnswerCorrect = dataQuestion.answers.filter(\r\n          (ans) => ans.correct && ans.isDeleted != 1\r\n        ).length;\r\n      }\r\n\r\n      // console.log('Length: ', lengthAnswerCorrect, lengthChooseAnswer, valChoosedHaveValue, self.questionsData, self.isListQuestion)\r\n      if (\r\n        lengthAnswerCorrect > lengthChooseAnswer &&\r\n        !self.questionsData &&\r\n        !self.isListQuestion\r\n      ) {\r\n        statusAnswer = false;\r\n        self.isQuestionMissingAnswer = true;\r\n        self.setActionCheckQuestion(false);\r\n        // if(typeQuestion !== types.TYPE_RADIO && typeQuestion !== types.TYPE_CHECKBOX && typeQuestion !== types.TYPE_X_MARK && typeQuestion !== types.TYPE_CIRCLE_ANSWER) {\r\n        self.textErr = \"Bạn hãy điền đầy đủ các câu trả lời!\";\r\n        // }\r\n        self.$emit(\"answerMissing\", self.textErr);\r\n        this.$emit(\"setCorrectAnswer\", false);\r\n      } else {\r\n        this.$emit(\"setCorrectAnswer\", true);\r\n        // Reset content fill data for fill blank type\r\n        // self.dataSource.type === types.TYPE_FILL_BLANK &&\r\n        resetContentQuestionFillSelect();\r\n\r\n        let answerParent = [];\r\n        // console.log('TTYPE TYOPE: ', typeQuestion)\r\n        if (\r\n          typeQuestion === types.TYPE_SELECT ||\r\n          typeQuestion === types.TYPE_FILL_BLANK\r\n        ) {\r\n          dataQuestion.answers.map((ans) => {\r\n            !ans.position && answerParent.push(ans);\r\n          });\r\n        }\r\n\r\n        // Set arr result correct display\r\n        !self.isListQuestion &&\r\n          self.getResultCorrect(dataQuestion, answerParent);\r\n\r\n        for (let i = 0; i < lengthChooseAnswer; i++) {\r\n          let positionAnswer;\r\n          let parentSelect = \"\";\r\n\r\n          const positionValChoose = valChoosedHaveValue[i].position;\r\n          let answerCurr =\r\n            typeQuestion === types.TYPE_SELECT ||\r\n            typeQuestion === types.TYPE_FILL_BLANK\r\n              ? answerParent[positionValChoose]\r\n              : dataQuestion.answers[positionValChoose];\r\n\r\n          // set position for all answer child (only type == blank or select)\r\n          if (\r\n            typeQuestion === types.TYPE_FILL_BLANK ||\r\n            typeQuestion === types.TYPE_SELECT\r\n          ) {\r\n            parentSelect = valChoosedHaveValue[i].parent;\r\n          }\r\n\r\n          // Set position answer\r\n          if (typeQuestion === types.TYPE_FILL_BLANK) {\r\n            // console.log('Set position: ', valChoosedHaveValue, i, valChoosedHaveValue[i].parent)\r\n            let answerWithPosition = dataQuestion.answers.filter(\r\n              (ans) => ans.position === valChoosedHaveValue[i].parent\r\n            );\r\n            let answerWithPositionLength = answerWithPosition.length;\r\n\r\n            // console.log('check position for question: ', answerWithPositionLength, answerWithPosition, valChoosedHaveValue, i)\r\n            if (answerWithPositionLength > 1) {\r\n              positionAnswer = dataQuestion.answers.findIndex(\r\n                (ans) =>\r\n                  ans.answerId ===\r\n                  answerWithPosition[answerWithPositionLength - 1].answerId\r\n              );\r\n            } else {\r\n              positionAnswer = dataQuestion.answers.findIndex(\r\n                (ans) => ans.position === valChoosedHaveValue[i].parent\r\n              );\r\n            }\r\n\r\n            // console.log('After check position: ', positionAnswer)\r\n\r\n            // let answerIndexById = dataQuestion.answers.findIndex()\r\n            // positionAnswer = dataQuestion.answers.findIndex(ans => ans.answerId === answerWithPosition[answerWithPositionLength -1].answerId);\r\n          } else if (typeQuestion === types.TYPE_SELECT) {\r\n            // console.log(i, valChoosedHaveValue[i]);\r\n            positionAnswer = dataQuestion.answers.findIndex(\r\n              (ans) => ans.answerId === parseInt(valChoosedHaveValue[i].value)\r\n            );\r\n          } else {\r\n            positionAnswer = valChoosedHaveValue[i].position;\r\n          }\r\n          let valueAnswer = valChoosedHaveValue[i].value;\r\n          // Check result compare correct\r\n          // compareAnswer(dataQuestion, typeQuestion, positionAnswer, answer, checkParent = '')\r\n          // console.log('answer position: ', positionAnswer);\r\n\r\n          if (\r\n            !self.compareAnswer(\r\n              dataQuestion,\r\n              typeQuestion,\r\n              positionAnswer,\r\n              valueAnswer,\r\n              parentSelect\r\n            )\r\n          ) {\r\n            statusAnswer = false;\r\n            // console.log('Check answer fail: ', positionAnswer, i);\r\n            if (\r\n              dataQuestion.answers[positionAnswer] &&\r\n              typeQuestion !== types.TYPE_MATH_COL\r\n            ) {\r\n              // console.log('Check answer: ', positionAnswer);\r\n              dataQuestion.answers[positionAnswer][\"err\"] = true;\r\n              // IsError support for save server\r\n              dataQuestion.answers[positionAnswer][\"isError\"] = true;\r\n            }\r\n            // Set validate false for item in select box\r\n            if (\r\n              typeQuestion === types.TYPE_SELECT ||\r\n              typeQuestion === types.TYPE_FILL_BLANK\r\n            ) {\r\n              if (!answerCurr[\"validate\"]) {\r\n                answerCurr[\"validate\"] = [];\r\n                answerCurr[\"validateVal\"] = [];\r\n              }\r\n\r\n              // console.log('Set validate FALSE: ', valChoosedHaveValue[i], valChoosedHaveValue[i].select_index);\r\n              // answerCurr.validate[valChoosedHaveValue[i].select_index] = false;\r\n              // answerCurr.validateVal[valChoosedHaveValue[i].select_index] = valChoosedHaveValue[i].value;\r\n\r\n              // console.log('HAHA: ', answerCurr.validateVal, )\r\n\r\n              answerCurr.validate[\r\n                valChoosedHaveValue[i].position_display\r\n              ] = false;\r\n              answerCurr.validateVal[valChoosedHaveValue[i].position_display] =\r\n                valChoosedHaveValue[i].value;\r\n            }\r\n            if (typeQuestion === types.TYPE_MATH_COL && !self.isListQuestion) {\r\n              // let errVal = [...self.arrMathColLeft];\r\n              // errVal[i]['err'] = true;\r\n              // errVal[i]['err'] = true;\r\n              // self.arrMathColLeft = [...errVal];\r\n\r\n              self.arrMathColLeft[positionAnswer / 2][\"err\"] = true;\r\n              // IsError support for save server\r\n              self.arrMathColLeft[positionAnswer / 2][\"isError\"] = true;\r\n              // let indexAnsColRight = self.arrMathColRight.findIndex(ans => ans.code === self.arrMathColLeft[positionAnswer/2].answerContent)\r\n              // console.log('check question 1', indexAnsColRight, self.arrMathColLeft[positionAnswer/2], self.arrMathColLeft[positionAnswer/2]['answerContent'])\r\n              // if (indexAnsColRight > -1) {\r\n              // \tself.arrMathColRight[indexAnsColRight]['err'] = true;\r\n              // \tself.arrMathColRight[indexAnsColRight]['isError'] = true;\r\n              // }\r\n            }\r\n\r\n            // dataQuestion.answers[positionAnswer]['err'] = true;\r\n          } else if (\r\n            typeQuestion === types.TYPE_SELECT ||\r\n            typeQuestion === types.TYPE_FILL_BLANK\r\n          ) {\r\n            // Set validate true for item in select box\r\n            if (!answerCurr[\"validate\"]) {\r\n              answerCurr[\"validate\"] = [];\r\n              answerCurr[\"validateVal\"] = [];\r\n            }\r\n            // console.log('Set validate: ', valChoosedHaveValue[i], valChoosedHaveValue[i].select_index);\r\n            answerCurr.validate[valChoosedHaveValue[i].position_display] = true;\r\n            answerCurr.validateVal[valChoosedHaveValue[i].position_display] =\r\n              valChoosedHaveValue[i].value;\r\n            // answerCurr.validate[valChoosedHaveValue[i].select_index] = true;\r\n            // answerCurr.validateVal[valChoosedHaveValue[i].select_index] = valChoosedHaveValue[i].value;\r\n          } else if (\r\n            typeQuestion === types.TYPE_MATH_COL &&\r\n            !self.isListQuestion\r\n          ) {\r\n            // let errVal = [...self.arrMathColLeft];\r\n            // errVal[i]['err'] = false;\r\n            // self.arrMathColLeft = [...errVal];\r\n            self.arrMathColLeft[positionAnswer / 2][\"err\"] = false;\r\n            // IsError support for save server\r\n            self.arrMathColLeft[positionAnswer / 2][\"isError\"] = false;\r\n            // let indexAnsColRight = self.arrMathColRight.findIndex(ans => ans.code === self.arrMathColLeft[positionAnswer/2].answerContent)\r\n            // console.log('check question 2', indexAnsColRight)\r\n            // if (indexAnsColRight > -1) {\r\n            // \tself.arrMathColRight[indexAnsColRight]['err'] = false;\r\n            // \tself.arrMathColRight[indexAnsColRight]['isError'] = false;\r\n            // }\r\n          } else if (\r\n            [\r\n              types.TYPE_CHECKBOX,\r\n              types.TYPE_CIRCLE_ANSWER,\r\n              types.TYPE_X_MARK,\r\n            ].includes(typeQuestion)\r\n          ) {\r\n            let lengthAnswerCorrect = dataQuestion.answers.filter(\r\n              (ans) => ans.correct\r\n            ).length;\r\n            if (lengthAnswerCorrect > lengthChooseAnswer) {\r\n              statusAnswer = false;\r\n            }\r\n            dataQuestion.answers[positionAnswer][\"success\"] = true;\r\n          } else {\r\n            // console.log(dataQuestion.answers[positionAnswer]);\r\n            dataQuestion.answers[positionAnswer][\"success\"] = true;\r\n          }\r\n\r\n          // console.log('ancorres', answerCurr)\r\n          this.validateQuestion({\r\n            type: typeQuestion,\r\n            data: this.checkFillType,\r\n          });\r\n\r\n          // this.setQuestion({...dataQuestion});\r\n          // return dataQuestion;\r\n          if (positionAnswer > -1) {\r\n            dataQuestion.answers[positionAnswer][\"answerContent\"] = valueAnswer;\r\n          }\r\n        }\r\n        dataQuestion[\"statusWorked\"] = \"worked\";\r\n\r\n        // console.log('Corect status answer IN: ', statusAnswer);\r\n        self.correctStatus = statusAnswer ? \"success\" : \"error\";\r\n        console.log(self.arrMathColRight);\r\n        // Set result for type match col right\r\n        self.arrMathColRight.map((col) => {\r\n          let indexColMatch = self.arrMathColLeft.findIndex(\r\n            (left) => left.answerContent === col.code\r\n          );\r\n          col[\"isError\"] = self.arrMathColLeft[indexColMatch]\r\n            ? self.arrMathColLeft[indexColMatch].isError\r\n            : false;\r\n          col[\"err\"] = self.arrMathColLeft[indexColMatch]\r\n            ? self.arrMathColLeft[indexColMatch].err\r\n            : false;\r\n        });\r\n        // console.log('CHECK QUESTION: ', self.questionsData)\r\n\r\n        // console.log('AAAAAA', dataQuestion);\r\n        // typeQuestion !== types.TYPE_GROUP && self.saveQuestionWorked(dataQuestion);\r\n        // if(self.questionsData && self.questionsData.type === types.TYPE_GROUP) {\r\n        // console.log('Data question: ', dataQuestion)\r\n        return dataQuestion;\r\n        // }\r\n      }\r\n\r\n      // console.log('Corect status answer: ', statusAnswer);\r\n      // dataQuestion['answerStatus'] = statusAnswer ? 'success' : 'error';\r\n      self.correctStatus = statusAnswer ? \"success\" : \"error\";\r\n      // console.log('Check done: ', this.valCorrect)\r\n    },\r\n    // Check parent params is check position of answer\r\n    compareAnswer(\r\n      dataQuestion,\r\n      typeQuestion,\r\n      positionAnswer,\r\n      answer,\r\n      checkParent = \"\"\r\n    ) {\r\n      let self = this;\r\n      // console.log('Compare: ', positionAnswer, dataQuestion, typeQuestion, answer)\r\n      let answerCurr = dataQuestion.answers[positionAnswer];\r\n      // console.log('Compare 1: ', positionAnswer, answerCurr)\r\n\r\n      if (typeQuestion === types.TYPE_FILL_BLANK) {\r\n        if (answerCurr && answerCurr.content) {\r\n          // let answerCurrent = self.stripHtml(answerCurr.content);\r\n          let answerCurrent = stripHtml(answerCurr.content);\r\n          return answerCurr && answerCurr.content && answerCurr.position\r\n            ? answerCurrent.trim().toLowerCase() ===\r\n                answer.trim().toLowerCase() &&\r\n                answerCurr.position === checkParent\r\n            : false;\r\n        }\r\n        return false;\r\n      } else if (typeQuestion === types.TYPE_SELECT) {\r\n        return answerCurr && answerCurr.correct && answerCurr.position\r\n          ? parseInt(answerCurr.answerId) === parseInt(answer) &&\r\n              answerCurr.position === checkParent\r\n          : false;\r\n      } else if (typeQuestion === types.TYPE_TRUE_FALSE_NO) {\r\n        if (answerCurr.correct) {\r\n          self.arrResultCorrect[positionAnswer] = {\r\n            code: answerCurr.code || parseInt(positionAnswer) + 1,\r\n            value: answerCurr.correct,\r\n          };\r\n        }\r\n        return answerCurr && answerCurr.correct\r\n          ? answer.toLowerCase().includes(answerCurr.correct.toLowerCase())\r\n          : false;\r\n      } else {\r\n        if (\r\n          ((typeQuestion === types.TYPE_FILL_INPUT_IMG &&\r\n            !self.questionsData) ||\r\n            typeQuestion === types.TYPE_MATH_COL) &&\r\n          answerCurr.correct\r\n        ) {\r\n          self.arrResultCorrect[positionAnswer] = {\r\n            code: answerCurr.code || parseInt(positionAnswer) + 1,\r\n            value: answerCurr.correct,\r\n          };\r\n        }\r\n        console.log(answerCurr && answerCurr.correct);\r\n        return answerCurr && answerCurr.correct\r\n          ? answerCurr.correct.toLowerCase() === answer.toLowerCase()\r\n          : false;\r\n      }\r\n    },\r\n\r\n    getResultCorrect(dataQuestion, answerParent = []) {\r\n      let self = this;\r\n      let answerList = dataQuestion.answers;\r\n      let typeQuestion = dataQuestion.type;\r\n      // console.log('Result get: ', answerList)\r\n      if (\r\n        typeQuestion === types.TYPE_SELECT ||\r\n        typeQuestion === types.TYPE_FILL_BLANK\r\n      ) {\r\n        answerList.map((ans) => {\r\n          if (ans.position) {\r\n            let positionItem = ans.position.split(\"_\");\r\n            // console.log('Get result content: ', positionItem);\r\n            /**\r\n             * positionItem[0]: position answer parent\r\n             * positionItem[1]: position correct in answer\r\n             **/\r\n\r\n            let codeAnswer =\r\n              answerParent[positionItem[0]] &&\r\n              answerParent[positionItem[0]].code\r\n                ? answerParent[positionItem[0]].code\r\n                : parseInt(positionItem[0]) + 1;\r\n            if (\r\n              (ans.correct && typeQuestion === types.TYPE_SELECT) ||\r\n              (ans.content && typeQuestion === types.TYPE_FILL_BLANK)\r\n            ) {\r\n              let valAnswerCurr =\r\n                (typeQuestion === types.TYPE_FILL_BLANK\r\n                  ? ans.content\r\n                  : ans.correct) || \"\";\r\n\r\n              if (\r\n                self.questionsData &&\r\n                self.questionsData.type === types.TYPE_GROUP\r\n              ) {\r\n                let indexQuestionCurr = self.arrResultCorrect.findIndex(\r\n                  (que) => que.questionId === dataQuestion.questionId\r\n                );\r\n\r\n                if (indexQuestionCurr > -1) {\r\n                  if (\r\n                    !self.arrResultCorrect[indexQuestionCurr].correct[\r\n                      positionItem[0]\r\n                    ]\r\n                  ) {\r\n                    self.arrResultCorrect[indexQuestionCurr].correct[\r\n                      positionItem[0]\r\n                    ] = { code: codeAnswer, value: [] };\r\n                  }\r\n                  self.arrResultCorrect[indexQuestionCurr].correct[\r\n                    positionItem[0]\r\n                  ].value[positionItem[1]] = valAnswerCurr;\r\n                } else {\r\n                  let newDataCorrect = {\r\n                    questionId: dataQuestion.questionId,\r\n                    type: dataQuestion.type,\r\n                    title: dataQuestion.title,\r\n                    correct: [{ code: codeAnswer, value: [] }],\r\n                  };\r\n                  // console.log('New data: ', newDataCorrect, positionItem)\r\n                  self.arrResultCorrect.push(newDataCorrect);\r\n                  self.arrResultCorrect[0].correct[positionItem[0]].value[\r\n                    positionItem[1]\r\n                  ] = valAnswerCurr;\r\n                  // console.log('Result child: ', self.arrResultCorrect, typeQuestion)\r\n                }\r\n              } else {\r\n                if (!self.arrResultCorrect[positionItem[0]]) {\r\n                  self.arrResultCorrect[positionItem[0]] = {\r\n                    code: codeAnswer,\r\n                    value: [],\r\n                  };\r\n                }\r\n\r\n                // console.log('Set ar result: ', self.arrResultCorrect, positionItem);\r\n                self.arrResultCorrect[positionItem[0]].value[positionItem[1]] =\r\n                  valAnswerCurr;\r\n              }\r\n            }\r\n          }\r\n        });\r\n      } else {\r\n        answerList.map((ans, index) => {\r\n          if (ans.content && ans.correct) {\r\n            // console.log('hyt', dataQuestion.type)\r\n            let valueResult = {\r\n              code: ans.code || index + 1,\r\n              value: ans.correct,\r\n              type: typeQuestion,\r\n            };\r\n\r\n            if (\r\n              self.questionsData &&\r\n              self.questionsData.type === types.TYPE_GROUP\r\n            ) {\r\n              let indexQuestionCurr = self.arrResultCorrect.findIndex(\r\n                (que) => que.questionId === dataQuestion.questionId\r\n              );\r\n              // console.log('Get value for group question: ', indexQuestionCurr, dataQuestion.questionId)\r\n              if (indexQuestionCurr > -1) {\r\n                self.arrResultCorrect[indexQuestionCurr].correct.push(\r\n                  valueResult\r\n                );\r\n              } else {\r\n                self.arrResultCorrect.push({\r\n                  questionId: dataQuestion.questionId,\r\n                  title: dataQuestion.title,\r\n                  correct: [valueResult],\r\n                });\r\n              }\r\n              // console.log('Result: ', self.arrResultCorrect)\r\n            } else if (\r\n              dataQuestion &&\r\n              dataQuestion.type !== types.TYPE_MATH_COL\r\n            ) {\r\n              self.arrResultCorrect.push(valueResult);\r\n            }\r\n          }\r\n        });\r\n      }\r\n      // console.log('Result: ', self.arrResultCorrect)\r\n    },\r\n\r\n    saveQuestionWorked(data) {\r\n      let questionLocal = JSON.parse(\r\n        localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n      );\r\n      if (\r\n        questionLocal &&\r\n        questionLocal !== undefined &&\r\n        questionLocal.length > 0\r\n      ) {\r\n        let indexQuestionSave = questionLocal.findIndex(\r\n          (ques) => ques.questionId === data.questionId\r\n        );\r\n        // console.log('Save question: ', indexQuestionSave, questionLocal, data)\r\n        if (indexQuestionSave > -1) {\r\n          questionLocal[indexQuestionSave] = data;\r\n        } else {\r\n          questionLocal.push(data);\r\n        }\r\n        this.saveLocalQuestion(questionLocal);\r\n      } else {\r\n        this.saveLocalQuestion([data]);\r\n      }\r\n    },\r\n\r\n    saveLocalQuestion(data) {\r\n      this.setActionCheckQuestion(true);\r\n      localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, JSON.stringify(data));\r\n      this.setActionCheckQuestion(false);\r\n    },\r\n\r\n    handleChangeTxtAnswer(val) {\r\n      this.valueHTMLAnswerTypEessay = val.html;\r\n    },\r\n\r\n    resetValKeyboard() {\r\n      this.valVituralKeyboard && this.setVituralKeyVal({});\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.icon-back-ex {\r\n  position: absolute;\r\n  left: -19px;\r\n  top: 5px;\r\n  font-size: 24px;\r\n}\r\n.question-item {\r\n  &__head {\r\n    margin-bottom: 5px;\r\n\r\n    .item table {\r\n      margin: 8px auto;\r\n    }\r\n  }\r\n}\r\n\r\n.item {\r\n  &:hover {\r\n    color: inherit !important;\r\n  }\r\n\r\n  &__question {\r\n    font-weight: 500;\r\n    margin-bottom: 15px;\r\n    padding-bottom: 5px;\r\n    border-bottom: 1px solid #f1f1f1;\r\n    color: #000;\r\n    font-size: 16px;\r\n\r\n    b {\r\n      margin-right: 8px;\r\n    }\r\n  }\r\n  &__title {\r\n    width: 60px;\r\n    text-align: center;\r\n    padding: 7px;\r\n    background: #e1efff;\r\n    border-radius: 5px;\r\n  }\r\n}\r\n\r\n.answer-result {\r\n  border: 1px solid #38c172;\r\n  padding: 10px;\r\n  margin-top: 5px;\r\n\r\n  ul {\r\n    li {\r\n      list-style: none;\r\n      margin-bottom: 8px;\r\n\r\n      > b {\r\n        font-size: 15px;\r\n      }\r\n\r\n      > span {\r\n        margin-left: 25px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &--answer_t_f_no,\r\n  &--math_col {\r\n    ul {\r\n      li {\r\n        width: 25%;\r\n        display: inline-block;\r\n\r\n        > span {\r\n          margin-left: 8px;\r\n        }\r\n      }\r\n    }\r\n  }\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!./PreviewQuestion.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!./PreviewQuestion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PreviewQuestion.vue?vue&type=template&id=70f952ea&scoped=true&\"\nimport script from \"./PreviewQuestion.vue?vue&type=script&lang=js&\"\nexport * from \"./PreviewQuestion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PreviewQuestion.vue?vue&type=style&index=0&id=70f952ea&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  \"70f952ea\",\n  null\n  \n)\n\nexport default component.exports","import { APP_CONFIG } from '@/utils/constants'\r\nimport { STORE_KEY } from './constants'\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n\tprops: ['dataSource', 'nameField', 'location', 'parent', 'statusCorrect', 'questionSetVal', 'isDontShowResultSaved'],\r\n\tmethods: {\r\n        changeAnswer(evt, data) {\r\n            // console.log('Change evt: ', evt, data)\r\n            // let valueEmit = {...data, evt, position: data.location};\r\n            // delete valueEmit.location;\r\n            // this.$emit('changeAnswer', valueEmit)\r\n            this.$emit('changeAnswer', evt, data);\r\n        }\r\n\t}\r\n}","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalPreviewExercise.vue?vue&type=style&index=0&lang=scss&\"","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./NewPassword.vue?vue&type=style&index=0&id=474cac54&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!./OtherDetail.vue?vue&type=style&index=0&id=dd9df5fe&lang=scss&scoped=true&\""],"sourceRoot":""}