{"version":3,"sources":["webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSubmitExcercise.vue?bde0","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue?046e","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue?2203","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSuccessExcercise.vue?073d","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalTimeOutExcercise.vue?652d","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue?6571","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?ba1f","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?fad7","webpack:///./src/modules/class-school/_api/userExcerciseClassSchool.js","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue?4009","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedBank.vue?1d8c","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue?4d54","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?ee5c","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSubmitExcercise.vue?3dc0","webpack:///src/modules/class-school/member/excercise_class_school/_components/ModalSubmitExcercise.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSubmitExcercise.vue?a0cd","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSubmitExcercise.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSuccessExcercise.vue?72db","webpack:///src/modules/class-school/member/excercise_class_school/_components/ModalSuccessExcercise.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSuccessExcercise.vue?a366","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSuccessExcercise.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalTimeOutExcercise.vue?a690","webpack:///src/modules/class-school/member/excercise_class_school/_components/ModalTimeOutExcercise.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalTimeOutExcercise.vue?38e9","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalTimeOutExcercise.vue","webpack:///src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?da26","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue?e880","webpack:///src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue?8453","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue?dbef","webpack:///src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue?48f8","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue?0e14","webpack:///src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue?e28a","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedBank.vue?db2e","webpack:///src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedBank.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedBank.vue?2f76","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedBank.vue","webpack:///src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue?10a0","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue"],"names":["saveUserExcerciseClassSchool","params","apiEndpoint","HttpService","post","then","res","data","catch","e","submitExcercisePdf","submitExcerciseQuestionBank","submitExcerciseQuestionChooseWord","submitExcerciseQuestionMixedWord","getDetailExcerciseNeedGrading","getListAnswerMember","teacherSaveGrade","sendExcerciserToMember","downloadFileTemplateWord","fullPath","APP_CONFIG","apiUrl","axios","url","method","responseType","response","href","URL","createObjectURL","link","document","createElement","setAttribute","body","appendChild","click","removeChild","revokeObjectURL","err","console","log","finally","checkUserHasWorkExcercise","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","_v","_s","$route","query","className","dataDetailExcercise","name","userExcerciseClassSchool","listUserExcerciseAnswerQuestion","on","handleReloadDetailDataMixedWord","_e","handleReloadDetailDataChooseWord","ref","listQuestion","handleReloadDetailDataChooseBank","handleReloadDetailData","handleReloadDetailDataMixedBank","staticRenderFns","path","isShowResult","typeUploadExcercise","_m","formatNumber","point","formatTimeResult","countQuestionTrue","countQuestionFalse","_l","item","index","key","domProps","answerUserFill","answerContent","feedback","isShowMoreInfo","class","itemSelected","id","$event","handViewInfo","numberQuestion","pointTeacherFill","maxPoint","formatTime","isCheck","answer","handleClickQuestion","questionNumber","handleCheckItem","isSaveData","statusSave","handleChangeAnswer","model","value","callback","$$v","$set","expression","isSubmitExcercise","onEditorChangeAnswer","handSubmitExcercise","textNotitySubmit","handleSubmit","closeModalSubmitExcercise","closeModalSuccessExcercise","closeModalTimeOutExcercise","handleHideModal","props","type","default","mounted","methods","handleShowModal","component","components","ModalSubmitExcercise","ModalSuccessExcercise","EditorCKNew","ModalTimeOutExcercise","isOpenModalSubmitExcercise","isOpenModalSuccessExcercise","dataUserWork","secondTotal","myInterval","myIntervalAutoSave","dem","handleShowMoreInfo","saveDataInterval","self","listDataSave","lessonClassSchoolId","classSchoolId","userExcercisId","listDataUserWorkPdf","timeSubmit","updateDataPage","isSaveAuto","isFillAllAnswer","initInterval","clearInterval","updateIsCheckQuestion","listCheck","statusId","listCheckQuestion","beforeDestroy","initDataUserWork","listStringIsCheck","excerciseQuestionClassSchoolId","element","typeExcercise","listAnswer","length","questionSelected","valCorrect","getResultQuestion","writedAnswer","guideContent","answerDetail","handlePrevQuestion","handleNextquestion","roundedNumber","isTrue","correct","PreviewQuestion","incorrect","actionPlayQuestionTrue","typeGroup","typeDrawShape","typeDownAnswer","typefillBlank","typeSelect","typeMatchCol","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","statusUserExcercise","isOpenModalTimeOutExcercise","computed","routerParams","screenWidth","mapState","created","mapActions","answerId","content","isError","position","questionId","validateString","validateValString","getAnswerIdQuestionCurrent","getParentAnswer","getAnswerByPostion","val","checkAnswer","isGroup","parent","setResultQuestionsSlider","setResultQuestionForSidebarOfAccFree","questionCorrect","questionInCorrect","questionNotDone","resetValKeyboard","initIntervalAutoSave","innitData","changeAnswer","indexNext","questionCurrent","dataSource","indexanswers","MultipleChoiceNew","answers","watch","handler","deep","immediate","handleInputAnswerTextArea","isWorked","changeAnswerEdittorCK","listQuestionBank","isUserFillTrue","handleInputAnswer","DoExcercisePdf","DoExcerciseChooseBank","DoExcerciseChooseWord","DoExcerciseMixedWord","DoExcerciseMixedBank","isOpenModalDoExcercisePdf","isOpenDoExcerciseChooseBank","isOpenDoExcerciseChooseWord","isOpenDoExcerciseMixedWord","isOpenDoExcerciseMixedBank","saveUserExcercise","getDetailLessonClassSchool","GetDetailExcerciseDoWork"],"mappings":"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+BACAC,mCACAC,4BACAC,2CACAC,mBACAC,qCACA/D,gBACA7C,kBACA4E,sBACA7B,gBACAD,cACAxB,qBACAqB,8BACAlB,oBACA3C,gBACAM,oBACAC,qBACAb,gBACAqC,cACAC,aACAkC,wBACA6D,sBACAC,iCAGA5E,QA1DA,WA2DA,4EACA,iBACA,6BAEAC,SACAiD,cADA,WAEA,2CACA,+CAEA,GAEArE,mBAPA,WAQA,kBACA,oBAEA0H,qBAXA,WAYA,WACA,gDACA,iBAEA,IADA,SACA,iCACA,wBACAlJ,uCACA,UACA8D,UAGA,6DACA,GACArB,OACAsB,6CACAC,uDACAC,6CACAzE,8DACA0E,sBACAC,cAEAzI,oCACAmI,eACAA,sBAGA,MAEAsF,UAxCA,WAyCA,yBACA,0BACA,qBAEA,SACA,gCACApE,mDAGA,SACA,KAEA,IADA,mBACA,mBACAL,wBAIA,4CACA,2BACA,wBACAhE,QACAsE,oCACA5D,mBACAH,yBACAC,UACA4E,YAEA,OACA,yBAEA,OACA,wCAGA,uFAEA,8DAEA,IADA,8CACA,oCACA,2BACA,8BACAb,gCACAA,2BAMA,4KAEA,2BACA,qBACA,+DACA,8CACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACAA,kBACAA,gCACAA,kCAQA,kCACA,mEAEA,4EAEA,QACA3H,eACA,8CACAA,8BAIA,yEAEA,0BAIA,0BACA,wBAIAsC,iBA3IA,WA4IA,kEACA,iEACA,gDAEA,WACA,wFACA,IACA,sEAEA,sBAGAuC,aAxJA,SAwJAkC,GACA,iCAGA,IAFA,WAEA,oCACA,2BACArE,uCAEA,mEAEA,GACAyC,OACAsB,gDACAC,0DACAC,gDACAzE,iEACA0E,sCACAC,cAEAzI,oCACA,IACAmI,uCACAA,uCAIAzB,0BAlLA,WAmLA,oCAEAE,2BArLA,WAsLA,oCACA,sCAEAL,oBAzLA,WA4LA,IADA,SACA,oCACA,2BACA,cACAqC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cA3MA,WA4MA,iBACAL,+BAEA,yBACAA,wCAGA4E,aAnNA,SAmNA7N,EAAAF,GACAi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,eAGAlH,SACAlD,aADA,SACAgC,GACA,0BACA,EAEA,cAEAM,qBAPA,SAOAzG,GACA,wCAGA,8BACA,gCACA,mCAIAwO,0BAjBA,WAkBA,WACA,kBACA,oBAEAnG,iBAtBA,WAuBA,WACA,gDAEA,GADAC,QACA,wBACAA,SACAvG,wBAGA,IAFA,yBACA,KACA,oBACA,WACA0C,kBACA,UACA8D,UAGA,6DAEA,GACArB,OACAsB,6CACAC,uDACAC,6CACAzE,8DACA0E,sBACAC,cAEAxI,oCACAkI,eACAA,sBAGA,MAEAsF,UAxDA,WA0DA,yBACA,0BACA,qBAEA,SACA,gCACApE,mDAGA,SACA,KAEA,IADA,mBACA,mBACAL,wBAIA,4CACA,2BACA,wBACAhE,QACAsE,oCACA5D,mBACAH,yBACAC,UACA4E,YAEA,OACA,yBAEA,OACA,wCAIA,4KAEA,2BACA,qBACA,+DACA,8CACAxI,eACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACA2H,kBACAA,gCACAA,kCACAA,0BACAA,sBACAA,sCACAA,sBACAA,oCAMA,OAFA,iDACA3H,+BAKA,8DAEA,IADA,8CACA,oCACA,2BACA,gCACA2H,0BAEA,OAIA,0CACA,+BAIA,kCACA,mEAEA,4EAEA,QACA,8CACA3H,8BAIA,yEAEA,0BAIA,0BACA,wBAIAsC,iBAtKA,WAuKA,kEACA,iEACA,gDAEA,WACA,wFACA,IACA,sEAEA,sBAGAuC,aAnLA,SAmLAkC,GACA,iCAGA,IAFA,WAEA,oCACA,2BACArE,kBAEA,mEAEA,GACAyC,OACAsB,gDACAC,0DACAC,gDACAzE,iEACA0E,sCACAC,cAEAxI,oCACA,IACAkI,uCACAA,uCAIAzB,0BA7MA,WA8MA,oCAEAE,2BAhNA,WAiNA,oCACA,sCAEAL,oBApNA,WAuNA,IADA,SACA,oCACA,2BACA,cACAqC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cAtOA,WAuOA,iBACAL,+BAEA,yBACAA,wCAGA4E,aA9OA,SA8OA7N,EAAAF,GAEAiC,8CAGA,IAFA,gDAEA,oCACA,2BACA,gCACA0C,mBACA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ACA7D,uCACA,uBACA8D,UAGA,6DAEA,GACArB,OACAsB,6CACAC,uDACAC,6CACAzE,8DACA0E,sBACAC,cAEA1I,oCACAoI,eACAA,sBAGA,MAEAsF,UAhLA,WAkLA,yBACA,0BACA,qBAEA,SACA,gCACApE,mDAGA,SACA,KAEA,IADA,mBACA,mBACAL,wBAIA,4CACA,2BACA,wBACAhE,QACAsE,oCACA5D,mBACAH,yBACAC,UACA4E,UACAX,cACAG,gBAEA,OACA,yBAEA,OACA,wCAIA,4KAEA,2BACA,qBACA,+DACA,8CACAhI,eACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACA2H,kBACAA,gCACAA,kCACAA,0BACAA,sBACAA,sCACAA,sBACAA,oCAMA,OAFA,iDACA3H,+BAGA,0CACA,8BADA,CAKA,8DAEA,IADA,8CACA,oCACA,2BACA,gCACA2H,0BACA,OAKA,kCACA,mEAEA,4EAEA,QACA,8CACA3H,8BAIA,yEAEA,0BAIA,0BACA,yBAIAsC,iBA9RA,WA+RA,kEACA,iEACA,gDAEA,WACA,wFACA,IACA,sEAEA,sBAGAuC,aA3SA,SA2SAkC,GACA,iCAKA,IAJA,WAEA,+DACA,qBACA,oBACA,WACArE,uCAEA,OACAyC,OACAsB,gDACAC,0DACAC,gDACAzE,iEACA0E,sBACAC,cAEA1I,oCACA,IACAoI,uCACAA,uCAIAzB,0BArUA,WAsUA,oCAEAE,2BAxUA,WAyUA,oCACA,sCAEAL,oBA5UA,WA+UA,IADA,SACA,oCACA,2BACA,2BACAqC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cA9VA,WA+VA,iBACAL,+BAEA,yBACAA,wCAGA4E,aAtWA,SAsWA7N,EAAAF,GACAiC,8CAGA,IAFA,gDAEA,oCACA,2BACA,gCACA0C,mBACA,SAIA4F,mBAlXA,WAmXA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAyD,MACA,8BACAA,KAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACA,SAIA1D,mBA3YA,WA4YA,2BAEA,IADA,QACA,oCACA,2BACA,+BACA0D,MACA,MACAA,8BAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACA/L,eACA,SAIA+D,gBAraA,WAsaA,4CACA,2BACA,uBAIArB,sBAGA,8BAEAyE,sBAjbA,WAmbA,IADA,SACA,oCACA,2BACAC,sBAGA,OACAC,WACAZ,sEACAC,0DACAY,+BAEA9J,oCACA,sBACAwC,wBAKAiH,aArcA,WAqcA,WACA,OACA,wCACA,gBACA,mBACA,uBACAC,4BAEA,mBACA,oCAEA,MAEAxD,WAldA,WAmdA,sCACA,sBACA,WACA,2BAEA,cAEAG,oBA1dA,SA0dAmI,GAEA,4CACA,2BACA,eACA,wBACA,OAOA,GAJA,gDACA,wCAEA,oBACA,gDAEA,oFACA,mEACA,+BACA,mCACA,YCvwB0Z,MCQtZ,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QC6BA,IACfvG,YACAsH,iBACAC,yBACAC,yBACAC,wBACAC,yBAEApP,KARA,WASA,OACA2I,gBACAD,sBACAvF,uBACAE,4BACAC,mCACAM,gBACAyL,6BACAC,+BACAC,+BACAC,8BACAC,gCAGAnB,OACA,mBACAC,oBACA,4BACA,iCACA,wCACA,qBACA,kCACA,oCACA,oCACA,mCACA,mCACA,8CACA,mDACA,mCAGAC,QACAC,eAGAnH,QA5CA,WA6CA,8CACA,mDACA,mCAGAC,SACAxD,gCADA,WACA,WACA,mCACA,4CACA,oCAIAP,gCARA,WAQA,WACA,mCACA,4CACA,oCAIAE,iCAfA,WAeA,WACA,oCACA,4CACA,qCAIAG,iCAtBA,WAsBA,WACA,oCACA,4CACA,qCAIAC,uBA7BA,WA6BA,WACA,kCACA,4CACA,mCAKA4L,kBArCA,WAsCA,OACApG,WACAZ,6CACAC,kCAEAlJ,wCAIAkQ,2BA/CA,WA+CA,yEACA,OACA,GACAjH,6CACAC,kCAEAiH,oCACA,uBACApH,oDACAA,gEACAA,yEACAA,mCACA,2FACA,+BAEA,6CACA,iCAEA,6CACA,gCAEA,6CACA,iCACA,+CACA,iCAGA,GACAlC,WC7KsY,MCQlY,I,UAAY,eACd,GACAjE,EACA2B,GACA,EACA,KACA,WACA,OAIa,gB","file":"js/chunk-8b93132a.1317de68.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!./ModalSubmitExcercise.vue?vue&type=style&index=0&id=57823d89&scoped=true&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!./DoExcerciseMixedWord.vue?vue&type=style&index=0&id=2b0017f5&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!./PageDoExcercise.vue?vue&type=style&index=0&id=f2781546&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!./ModalSuccessExcercise.vue?vue&type=style&index=0&id=de7807e4&scoped=true&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!./ModalTimeOutExcercise.vue?vue&type=style&index=0&id=52acc220&scoped=true&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!./DoExcerciseChooseWord.vue?vue&type=style&index=0&id=36386573&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!./DoExcercisePdf.vue?vue&type=style&index=1&id=1f41fb20&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!./DoExcercisePdf.vue?vue&type=style&index=0&id=1f41fb20&lang=scss&scoped=true&\"","import HttpService from \"@/utils/httpData\"\r\nimport * as axios from 'axios';\r\nimport { APP_CONFIG } from '@/utils/constants'\r\nexport const saveUserExcerciseClassSchool = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/Create`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const listUserExcerciseClassSchool = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/List`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getDetail = id => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/detail?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const deleteUserExcerciseClassSchool = id => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/Delete?id=${id}`;\r\n    return HttpService.get(apiEndpoint).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const submitExcercisePdf = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/SubmitExcercisePdf`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const submitExcerciseQuestionBank = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/SubmitExcerciseQuestionBank`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}//\r\nexport const submitExcerciseQuestionChooseWord = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/SubmitExcerciseQuestionChooseWord`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const submitExcerciseQuestionMixedWord = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/SubmitExcerciseQuestionMixedWord`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const getDetailExcerciseNeedGrading = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/GetDetailExcerciseNeedGrading`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const getListAnswerMember = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/GetListAnswerMember`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\n\r\nexport const teacherSaveGrade = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/TeacherSaveGrade`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\n\r\nexport const sendExcerciserToMember = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/SendExcerciserToMember`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}\r\nexport const downloadFileTemplateWord = (data)=> {\r\n    let self = this\r\n    let fullPath = `${APP_CONFIG.apiUrl}api/UserExcerciseClassSchool/DownloadFileTemplateWord`\r\n    return axios({\r\n            url: fullPath,\r\n            method: 'POST',\r\n            data:data,\r\n            responseType: 'blob'\r\n        }).then((response) => {\r\n            const href = URL.createObjectURL(response.data);\r\n\r\n            // create \"a\" HTML element with href to file & click\r\n            const link = document.createElement('a');\r\n            link.href = href;\r\n            link.setAttribute('download', 'Template trắc nghiệm.docx'); //or any other extension\r\n            document.body.appendChild(link);\r\n            link.click();\r\n\r\n            // clean up \"a\" element & remove ObjectURL\r\n            document.body.removeChild(link);\r\n            URL.revokeObjectURL(href);\r\n            return response\r\n        })\r\n        .catch(err => console.log(err))\r\n        .finally(res => {\r\n            return res\r\n        })\r\n}\r\n\r\nexport const checkUserHasWorkExcercise = params => {\r\n    let apiEndpoint = `UserExcerciseClassSchool/CheckUserHasWorkExcercise`;\r\n    return HttpService.post(apiEndpoint, params).then(res => {\r\n        return res.data ? res.data : null;\r\n    }).catch(e => { return false });\r\n}","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!./DoExcerciseChooseBank.vue?vue&type=style&index=0&id=bf347516&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!./DoExcerciseMixedBank.vue?vue&type=style&index=0&id=3f89e6f8&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/danh-sach-lop-hoc\"}},[_vm._v(\"Lớp học\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/danh-sach-lop-hoc\"}},[_vm._v(\"Lớp học của tôi\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(_vm._s(this.$route.query.className))])],1)])])]),_c('div',{staticClass:\"container-hts margin-top-20\"},[_c('div',{staticClass:\"title-header\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.dataDetailExcercise.name))])])]),(_vm.isOpenDoExcerciseMixedWord)?_c('DoExcerciseMixedWord',{attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailDataMixedWord}}):_vm._e(),(_vm.isOpenDoExcerciseChooseWord)?_c('DoExcerciseChooseWord',{attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailDataChooseWord}}):_vm._e(),(_vm.isOpenDoExcerciseChooseBank)?_c('DoExcerciseChooseBank',{ref:\"DoExcerciseChooseBank\",attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listQuestion\":_vm.listQuestion,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailDataChooseBank}}):_vm._e(),(_vm.isOpenModalDoExcercisePdf)?_c('DoExcercisePdf',{ref:\"DoExcercisePdf\",attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailData}}):_vm._e(),(_vm.isOpenDoExcerciseMixedBank)?_c('DoExcerciseMixedBank',{attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion,\"listQuestionBank\":_vm.listQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailDataMixedBank}}):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"wrap-right col-md-8\"},[_c('div',{staticClass:\"full-width\"},[_c('embed',{staticClass:\"ember-pdf\",attrs:{\"src\":_vm.apiUrl + _vm.dataDetailExcercise.path}})])]),(!this.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-4\"},[(_vm.isSubmitExcercise)?_c('div',{staticClass:\"text-center\"},[_c('strong',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))])]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_c('div',{staticClass:\"row\"},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.questionNumber)+\"\\n                    \")])}),0),_c('div',{staticClass:\"row col-md-12 margin-top-10\"},[_c('span',{staticClass:\"question-name\"},[_c('strong',[_vm._v(\"Câu \"+_vm._s(_vm.itemSelected.questionNumber)+\":\")])]),_vm._v(\"\\n                     \\n                     \\n                    \"),(_vm.isSubmitExcercise)?_c('a',{staticClass:\"item btn btn-check border-rd-20 font-size-16\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCheckItem}},[_vm._v(\"\\n                        Đánh dấu\\n                    \")]):_vm._e(),_vm._v(\"\\n                     \\n                     \\n                    \"),(_vm.isSaveData && _vm.statusSave == 2)?_c('span',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                        Đang lưu ...\\n                    \")]):_vm._e(),(_vm.statusSave == 3)?_c('span',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                        Đã lưu\\n                    \")]):_vm._e()]),_c('div',{staticClass:\"row col-md-12\"},[(_vm.dataDetailExcercise.typeUploadExcercise == 5)?_c('b-form-textarea',{staticClass:\"margin-top-10\",attrs:{\"id\":\"textarea\",\"placeholder\":\"Nhập câu trả lời tại đây..\",\"rows\":\"3\"},on:{\"input\":_vm.handleChangeAnswer},model:{value:(_vm.itemSelected.answer),callback:function ($$v) {_vm.$set(_vm.itemSelected, \"answer\", $$v)},expression:\"itemSelected.answer\"}}):_c('EditorCKNew',{staticClass:\"margin-top-10\",attrs:{\"disabled\":!_vm.isSubmitExcercise,\"contentEditor\":_vm.itemSelected.answer,\"position\":'1'},on:{\"onEditorChange\":_vm.onEditorChangeAnswer}})],1),(_vm.isSubmitExcercise)?_c('div',{staticClass:\"row col-md-12\",attrs:{\"disabled\":_vm.isSaveData && _vm.statusSave == 2},on:{\"click\":_vm.handSubmitExcercise}},[_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10 col-md-12\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"\\n                        Nộp bài\\n                    \")])]):_vm._e()])]):_c('div',{staticClass:\"wrap-right col-md-4\"},[(_vm.dataDetailExcercise.typeUploadExcercise == 5)?_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_vm._m(0),_c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.userExcerciseClassSchool.point)))])]),_c('div',{staticClass:\"col-md-12 \"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_vm._m(1),_vm._v(\"\\n                             \\n                             \\n                            \"),_c('div',{staticClass:\"time-complete\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.formatTimeResult())+\"\\n                            \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-blue\"}),_vm._v(\" Số câu đúng: \"+_vm._s(_vm.countQuestionTrue)+\"\\n                    \")]),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-red\"}),_vm._v(\" Số câu sai: \"+_vm._s(_vm.countQuestionFalse)+\"\\n                    \")])]),_c('div',{staticClass:\"list-result-number margin-top-10\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.listUserExcerciseAnswerQuestion),function(item,index){return _c('div',{key:index,staticClass:\"col-md-3 result-item-number\"},[_c('span',{staticClass:\"result-number\"},[_vm._v(_vm._s(index + 1)+\".\")]),_c('span',{staticClass:\"result-user-fill\",domProps:{\"innerHTML\":_vm._s(item.answerUserFill == item.answerContent ? '' : item.answerUserFill)}}),_vm._v(\"\\n                             \\n                            \"),_c('span',{staticClass:\"result-answer\",domProps:{\"innerHTML\":_vm._s(item.answerContent ? item.answerContent : item.feedback)}})])}),0)])]):_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_c('div',{staticClass:\"row col-md-12 wrap-point-feedback display-flex\"},[_vm._m(2),_c('div',{staticClass:\"col-md-8\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.userExcerciseClassSchool.point)))])]),_c('b-collapse',{staticClass:\"row col-md-12\",attrs:{\"visible\":_vm.isShowMoreInfo}},[_c('div',{staticClass:\"col-md-12 font-size-13\"},[_vm._v(\"\\n                                Lời phê:\\n                            \")]),_c('div',{staticClass:\"col-md-12 wrap-feedback-teacher\"},[_c('strong',{domProps:{\"innerHTML\":_vm._s(_vm.userExcerciseClassSchool.feedback)}})]),_c('p'),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"font-size-13\"},[_vm._v(\"Thời gian hoàn thành: \")]),_c('strong',[_vm._v(_vm._s(_vm.formatTimeResult()))])])])],1)]),_c('div',{staticClass:\"row wrap-list-question\"},_vm._l((_vm.listUserExcerciseAnswerQuestion),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': _vm.itemSelected.id == item.id },on:{\"click\":function($event){return _vm.handViewInfo(item, index + 1)}}},[_vm._v(\"\\n                        \"+_vm._s(index + 1)+\"\\n                    \")])}),0),(_vm.itemSelected.id)?_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h5',[_vm._v(\"Câu \"+_vm._s(_vm.itemSelected.numberQuestion)+\": \"+_vm._s(_vm.formatNumber(_vm.itemSelected.pointTeacherFill))+\"/\"+_vm._s(_vm.formatNumber(_vm.itemSelected.maxPoint))+\" điểm\")])]),_c('strong',[_vm._v(\"Câu trả lời học sinh:\")]),_c('div',{staticClass:\"wrap-answer col-md-12\"},[(_vm.itemSelected.answerUserFill)?_c('div',{staticClass:\"fit-max-height\",domProps:{\"innerHTML\":_vm._s(_vm.itemSelected.answerUserFill)}}):_c('div',[_vm._v(\"\\n                            Học sinh chưa trả lời câu hỏi này.\\n                        \")]),_c('div',{staticClass:\"answer-item\"})]),_c('p'),_c('strong',{staticClass:\"feed-back-teacher-item\"},[_vm._v(\"Nhận xét giáo viên:\")]),_c('div',{staticClass:\"wrap-answer \"},[(_vm.itemSelected.feedback)?_c('div',{staticClass:\"fit-max-height\",domProps:{\"innerHTML\":_vm._s(_vm.itemSelected.feedback)}}):_c('div',[_vm._v(\"\\n                            Giáo viên không nhận xét câu trả lời này.\\n                        \")])])]):_vm._e()])])]),(_vm.isOpenModalSubmitExcercise)?_c('ModalSubmitExcercise',{attrs:{\"textNotitySubmit\":_vm.textNotitySubmit},on:{\"handleSubmit\":_vm.handleSubmit,\"closeModal\":_vm.closeModalSubmitExcercise}}):_vm._e(),(_vm.isOpenModalSuccessExcercise)?_c('ModalSuccessExcercise',{on:{\"closeModal\":_vm.closeModalSuccessExcercise}}):_vm._e(),(_vm.isOpenModalTimeOutExcercise)?_c('ModalTimeOutExcercise',{on:{\"closeModal\":_vm.closeModalTimeOutExcercise}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4 text-center\"},[_c('strong',[_vm._v(\"Tổng điểm\")])])}]\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-submit-excercise\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-submit-excercise__body container wrap-form-create-update-chapter\"},[_c('form',[_c('div',{staticClass:\"tittle\"},[_c('h3',[_c('strong',[_vm._v(\"Nộp bài\")])])]),_c('p',[_vm._v(_vm._s(_vm.textNotitySubmit))]),_c('div',{staticClass:\"list__actions\"},[_c('button',{staticClass:\"btn-back\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Trở lại\")]),_c('button',{staticClass:\"btn-submit\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleSubmit}},[_vm._v(\"Nộp bài\")])])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" class=\"header-modal\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-submit-excercise\">\r\n            <div class=\"modal-submit-excercise__body container wrap-form-create-update-chapter\">\r\n                <form>\r\n                    <div class=\"tittle\">\r\n                        <h3><strong>Nộp bài</strong></h3>\r\n                    </div>\r\n                    <p>{{ textNotitySubmit }}</p>\r\n                    <div class=\"list__actions\">\r\n                        <button type=\"button\" class=\"btn-back\" @click=\"handleHideModal\">Trở lại</button>\r\n                        <button @click=\"handleSubmit\" type=\"button\" class=\"btn-submit\">Nộp bài</button>\r\n                    </div>\r\n                </form>\r\n\r\n            </div>\r\n        </b-modal>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ModalSubmitExcercise\",\r\n    props:{\r\n        textNotitySubmit:{\r\n            type:String,\r\n            default:''\r\n        }\r\n    },\r\n    mounted() {\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        handleSubmit(){\r\n            this.$emit('handleSubmit')\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-submit-excercise'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.modal-submit-excercise__body{\r\n    background-color: white;\r\n}\r\n.tittle {\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.list__actions .btn-back,\r\n.btn-submit {\r\n    border: none;\r\n    background: none;\r\n    margin: 10px 0;\r\n    padding: 4px 35px;\r\n    border-radius: 20px;\r\n}\r\n\r\n.list__actions {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n}\r\n\r\n.btn-submit {\r\n    background-color: #2931be;\r\n    color: white;\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!./ModalSubmitExcercise.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!./ModalSubmitExcercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalSubmitExcercise.vue?vue&type=template&id=57823d89&scoped=true&\"\nimport script from \"./ModalSubmitExcercise.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalSubmitExcercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalSubmitExcercise.vue?vue&type=style&index=0&id=57823d89&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"57823d89\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-success-excercise\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-success-excercise__body container wrap-form-create-update-chapter\"},[_c('div',{staticClass:\"tittle\"},[_c('h3',[_c('strong',[_vm._v(\"Bạn đã nộp bài thành công\")])])]),_c('div',{staticClass:\"list__actions\"},[_c('button',{staticClass:\"btn-back\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" class=\"header-modal\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-success-excercise\">\r\n            <div class=\"modal-success-excercise__body container wrap-form-create-update-chapter\">\r\n                <div class=\"tittle\">\r\n                    <h3><strong>Bạn đã nộp bài thành công</strong></h3>\r\n                </div>\r\n\r\n                <div class=\"list__actions\">\r\n                    <button type=\"button\" class=\"btn-back\" @click=\"handleHideModal\">Đồng ý</button>\r\n                </div>\r\n\r\n            </div>\r\n        </b-modal>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ModalSuccessExcercise\",\r\n\r\n    mounted() {\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-success-excercise'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.modal-success-excercise__body{\r\n    background-color: white;\r\n}\r\n.tittle {\r\n    margin: 15px 0;\r\n}\r\n\r\n.list__actions .btn-back {\r\n    border: none;\r\n    background: none;\r\n    margin: 10px 0;\r\n    padding: 4px 35px;\r\n    border-radius: 20px;\r\n    background-color: #2931be;\r\n    color: white;\r\n}\r\n\r\n.list__actions {\r\n    display: flex;\r\n    justify-content: flex-end;\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!./ModalSuccessExcercise.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!./ModalSuccessExcercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalSuccessExcercise.vue?vue&type=template&id=de7807e4&scoped=true&\"\nimport script from \"./ModalSuccessExcercise.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalSuccessExcercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalSuccessExcercise.vue?vue&type=style&index=0&id=de7807e4&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"de7807e4\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('b-modal',{ref:\"modal-timeout-excercise\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-delete-lesson__body container wrap-form-create-update-chapter\"},[_c('div',{staticClass:\"tittle\"},[_c('h4',[_vm._v(\"Đã hết giờ làm bài. Bài làm đã được nộp\")])]),_c('div',{staticClass:\"list__actions\"},[_c('button',{staticClass:\"btn-back\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Đồng ý\")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" class=\"header-modal\" no-close-on-backdrop hide-footer\r\n            ref=\"modal-timeout-excercise\">\r\n            <div class=\"modal-delete-lesson__body container wrap-form-create-update-chapter\">\r\n                <div class=\"tittle\">\r\n                    <h4>Đã hết giờ làm bài. Bài làm đã được nộp</h4>\r\n                </div>\r\n\r\n                <div class=\"list__actions\">\r\n                    <button type=\"button\" class=\"btn-back\" @click=\"handleHideModal\">Đồng ý</button>\r\n                </div>\r\n\r\n            </div>\r\n        </b-modal>\r\n\r\n    </div>\r\n\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n    name: \"ModalTimeOutExcercise\",\r\n\r\n    mounted() {\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-timeout-excercise'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.tittle {\r\n    margin: 15px 0;\r\n}\r\n\r\n.list__actions .btn-back {\r\n    border: none;\r\n    background: none;\r\n    margin: 10px 0;\r\n    padding: 4px 35px;\r\n    border-radius: 20px;\r\n    background-color: #ff4953;\r\n    color: white;\r\n}\r\n\r\n.list__actions {\r\n    display: flex;\r\n    justify-content: flex-end;\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!./ModalTimeOutExcercise.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!./ModalTimeOutExcercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalTimeOutExcercise.vue?vue&type=template&id=52acc220&scoped=true&\"\nimport script from \"./ModalTimeOutExcercise.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalTimeOutExcercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalTimeOutExcercise.vue?vue&type=style&index=0&id=52acc220&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"52acc220\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div>\r\n        <div class=\"row\">\r\n\r\n            <div class=\"wrap-right col-md-8\">\r\n                <div class=\"full-width\">\r\n                    <embed :src=\"apiUrl + dataDetailExcercise.path\" class=\"ember-pdf\" />\r\n                </div>\r\n            </div>\r\n            <div v-if=\"!this.isShowResult\" class=\"wrap-left col-md-4\">\r\n                <div v-if=\"isSubmitExcercise\" class=\"text-center\"><strong>Còn lại {{ formatTime() }}</strong></div>\r\n                <div class=\"list-question-number margin-top-10\">\r\n                    <div class=\"row\">\r\n                        <div @click=\"handleClickQuestion(item)\"\r\n                            :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck }\"\r\n                            class=\"col-md-2 question-item-number\" v-for=\"(item, index) of this.dataUserWork\"\r\n                            :key=\"index\">\r\n                            {{ item.questionNumber }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"row col-md-12 margin-top-10\">\r\n                        <span class=\"question-name\"><strong>Câu {{ itemSelected.questionNumber }}:</strong></span>\r\n                        &nbsp;\r\n                        &nbsp;\r\n                        <a v-if=\"isSubmitExcercise\" @click=\"handleCheckItem\" href=\"javascript:;\"\r\n                            class=\"item btn btn-check border-rd-20 font-size-16\">\r\n                            Đánh dấu\r\n                        </a>\r\n                        &nbsp;\r\n                        &nbsp;\r\n                        <span class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                            Đang lưu ...\r\n                        </span>\r\n                        <span class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                            Đã lưu\r\n                        </span>\r\n                    </div>\r\n                    <div class=\"row col-md-12\">\r\n                        <b-form-textarea v-if=\"dataDetailExcercise.typeUploadExcercise == 5\" @input=\"handleChangeAnswer\"\r\n                            id=\"textarea\" v-model=\"itemSelected.answer\" class=\"margin-top-10\"\r\n                            placeholder=\"Nhập câu trả lời tại đây..\" rows=\"3\"></b-form-textarea>\r\n                        <EditorCKNew :disabled=\"!isSubmitExcercise\" v-else class=\"margin-top-10\"\r\n                            @onEditorChange=\"onEditorChangeAnswer\" :contentEditor=\"itemSelected.answer\"\r\n                            :position=\"'1'\" />\r\n                    </div>\r\n                    <div v-if=\"isSubmitExcercise\"  :disabled=\"isSaveData && statusSave == 2\" @click=\"handSubmitExcercise\" class=\"row col-md-12\">\r\n                        <a href=\"javascript:;\"\r\n                            class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10 col-md-12\">\r\n                            Nộp bài\r\n                        </a>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n            <div v-else class=\"wrap-right col-md-4\">\r\n                <div v-if=\"dataDetailExcercise.typeUploadExcercise == 5\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong>Điểm</strong>\r\n\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong class=\"result-point\">{{ formatNumber(userExcerciseClassSchool.point) }}</strong>\r\n                        </div>\r\n                        <div class=\"col-md-12 \">\r\n                            <div class=\"display-flex justify-content-space-between\">\r\n                                <div class=\"title-complete\">\r\n                                    <strong>Thời gian hoàn thành</strong>\r\n                                </div>\r\n                                &nbsp;\r\n                                &nbsp;\r\n                                <div class=\"time-complete\">\r\n                                    {{ formatTimeResult() }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-blue\"></span> Số câu đúng: {{ countQuestionTrue }}\r\n                        </div>\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-red\"></span> Số câu sai: {{ countQuestionFalse }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"list-result-number margin-top-10\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-3 result-item-number\"\r\n                                v-for=\"(item, index) of listUserExcerciseAnswerQuestion\" :key=\"index\">\r\n                                <span class=\"result-number\">{{ index + 1 }}.</span>\r\n                                <span class=\"result-user-fill\"\r\n                                    v-html=\"item.answerUserFill == item.answerContent ? '' : item.answerUserFill\"></span>\r\n                                &nbsp;\r\n                                <span class=\"result-answer\"\r\n                                    v-html=\"item.answerContent ? item.answerContent : item.feedback\"></span>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n                <div v-else>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"row col-md-12 wrap-point-feedback display-flex\">\r\n                            <div class=\"col-md-4 text-center\">\r\n                                <strong>Tổng điểm</strong>\r\n\r\n                            </div>\r\n                            <div class=\"col-md-8\">\r\n                                <strong class=\"result-point\">{{ formatNumber(userExcerciseClassSchool.point) }}</strong>\r\n                            </div>\r\n                            <!-- <div @click=\"handleShowMoreInfo\" class=\"col-md-12 text-end show-more\">\r\n                                {{!isShowMoreInfo?'Hiện thêm':'Ẩn bớt'}} <img class=\"icon-show-more\" width=\"15px\" src=\"@/assets/img/show-more-down.png\" />\r\n                            </div> -->\r\n                            <b-collapse class=\"row col-md-12\" :visible=\"isShowMoreInfo\">\r\n                                <div class=\"col-md-12 font-size-13\">\r\n                                    Lời phê:\r\n                                </div>\r\n                                <div class=\"col-md-12 wrap-feedback-teacher\">\r\n                                    <strong v-html=\"userExcerciseClassSchool.feedback\"></strong>\r\n                                </div>\r\n                                <p></p>\r\n                                <!-- <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu đúng: </span><strong>{{ countQuestionTrue\r\n                                        }}</strong>\r\n                                </div>\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu sai: </span><strong>{{ countQuestionFalse\r\n                                        }}</strong>\r\n                                </div> -->\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Thời gian hoàn thành: </span><strong>{{\r\n                                        formatTimeResult() }}</strong>\r\n                                </div>\r\n                            </b-collapse>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row wrap-list-question\">\r\n                        <div @click=\"handViewInfo(item, index + 1)\" :class=\"{ 'is-choose': itemSelected.id == item.id }\"\r\n                            class=\"col-md-2 question-item-number\"\r\n                            v-for=\"(item, index) of listUserExcerciseAnswerQuestion\" :key=\"index\">\r\n                            {{ index + 1 }}\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"itemSelected.id\" class=\"row margin-top-10\">\r\n                        <div class=\"col-md-12\">\r\n                            <h5>Câu {{ itemSelected.numberQuestion }}: {{ formatNumber(itemSelected.pointTeacherFill)\r\n                                }}/{{\r\n                                    formatNumber(itemSelected.maxPoint) }} điểm</h5>\r\n                        </div>\r\n                        <strong>Câu trả lời học sinh:</strong>\r\n                        <div class=\"wrap-answer col-md-12\">\r\n                            <div v-if=\"itemSelected.answerUserFill\" class=\"fit-max-height\"\r\n                                v-html=\"itemSelected.answerUserFill\">\r\n\r\n                            </div>\r\n                            <div v-else>\r\n                                Học sinh chưa trả lời câu hỏi này.\r\n                            </div>\r\n                            <div class=\"answer-item\">\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                        <p></p>\r\n                        <strong class=\"feed-back-teacher-item\">Nhận xét giáo viên:</strong>\r\n                        <div class=\"wrap-answer \">\r\n                            <div v-if=\"itemSelected.feedback\" class=\"fit-max-height\" v-html=\"itemSelected.feedback\">\r\n\r\n                            </div>\r\n                            <div v-else>\r\n                                Giáo viên không nhận xét câu trả lời này.\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ModalSubmitExcercise :textNotitySubmit=\"textNotitySubmit\" v-if=\"isOpenModalSubmitExcercise\"\r\n            @handleSubmit=\"handleSubmit\" @closeModal=\"closeModalSubmitExcercise\" />\r\n\r\n        <ModalSuccessExcercise v-if=\"isOpenModalSuccessExcercise\" @closeModal=\"closeModalSuccessExcercise\" />\r\n        <ModalTimeOutExcercise v-if=\"isOpenModalTimeOutExcercise\" @closeModal=\"closeModalTimeOutExcercise\" />\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { saveUserExcerciseClassSchool, submitExcercisePdf } from './../../../_api/userExcerciseClassSchool';\r\nimport { APP_CONFIG } from '@/utils/constants'\r\nimport ModalSubmitExcercise from './ModalSubmitExcercise'\r\nimport ModalSuccessExcercise from './ModalSuccessExcercise'\r\nimport EditorCKNew from '@/components/EditorCKNew.vue'\r\nimport ModalTimeOutExcercise from './ModalTimeOutExcercise'\r\nexport default {\r\n    components: {\r\n        ModalSubmitExcercise,\r\n        ModalSuccessExcercise,\r\n        EditorCKNew,\r\n        ModalTimeOutExcercise\r\n    },\r\n    props: {\r\n        dataDetailExcercise: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        userExcerciseClassSchool: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        listUserExcerciseAnswerQuestion: {\r\n            type: Array,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: []\r\n        }\r\n\r\n    },\r\n    data() {\r\n        return {\r\n            isShowMoreInfo: true,\r\n            isOpenModalSubmitExcercise: false,\r\n            isOpenModalSuccessExcercise: false,\r\n            isSubmitExcercise: true,\r\n            dataUserWork: [],\r\n            apiUrl: APP_CONFIG.appUrl + 'lessons/',\r\n            itemSelected: {},\r\n            secondTotal: 0,\r\n            textNotitySubmit: '',\r\n            isShowResult: false,\r\n            countQuestionTrue: 0,\r\n            countQuestionFalse: 0,\r\n            myInterval: null,\r\n            isSaveData: false,\r\n            statusSave: 1,\r\n            myIntervalAutoSave: null,\r\n            dem: 3\r\n        }\r\n    },\r\n    mounted() {\r\n        this.updateDataPage()\r\n        this.saveDataInterval()\r\n    },\r\n    methods: {\r\n        formatNumber(value) {\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            return value.toFixed(2);\r\n        },\r\n        handViewInfo(item, index) {\r\n            this.itemSelected = item\r\n            this.itemSelected.numberQuestion = index\r\n            //lấy ra điểm số max của câu này\r\n            for (let i = 0; i < this.dataDetailExcercise.listExcerciseQuestionClassSchool.length; i++) {\r\n                const element = this.dataDetailExcercise.listExcerciseQuestionClassSchool[i];\r\n                if (element.id == this.itemSelected.excerciseQuestionId) {\r\n                    this.itemSelected.maxPoint = element.point\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handleShowMoreInfo() {\r\n            this.isShowMoreInfo = !this.isShowMoreInfo\r\n        },\r\n        handleChangeAnswer() {\r\n            if (!this.isSubmitExcercise) {\r\n                return\r\n            }\r\n            this.dem = 3\r\n            this.statusSave = 2\r\n            this.isSaveData = true\r\n        },\r\n        onEditorChangeAnswer(e) {\r\n            this.itemSelected.answer = e.html\r\n            this.handleChangeAnswer()\r\n        },\r\n        saveDataInterval() {\r\n            let self = this\r\n            this.myIntervalAutoSave = setInterval(() => {\r\n                self.dem--\r\n                if (self.dem == 0 && self.isSaveData) {\r\n                    self.dem = -1\r\n                    console.log('Lưu data')\r\n                    let dataSend = [...self.dataUserWork]\r\n                    let listDataSave = []\r\n                    for (let i = 0; i < dataSend.length; i++) {\r\n                        const item = dataSend[i];\r\n                        item.answer = item.answer.trim().toLowerCase()\r\n                        if (item.answer) {\r\n                            listDataSave.push(item)\r\n                        }\r\n                    }\r\n                    let timeSubmit = (self.dataDetailExcercise.minuteExcercise * 60) - self.secondTotal\r\n\r\n                    let params = {\r\n                        type: 1,\r\n                        lessonClassSchoolId: self.dataDetailExcercise.id,\r\n                        classSchoolId: self.userExcerciseClassSchool.classSchoolId,\r\n                        userExcercisId: self.userExcerciseClassSchool.id,\r\n                        typeUploadExcercise: self.dataDetailExcercise.typeUploadExcercise,\r\n                        listDataUserWorkPdf: listDataSave,\r\n                        timeSubmit: timeSubmit\r\n                    }\r\n                    submitExcercisePdf(params).then((res) => {\r\n                        self.statusSave = 3\r\n                        self.isSaveData = false\r\n                    })\r\n                }\r\n            }, 1000)\r\n        },\r\n        updateDataPage() {\r\n            this.isOpenModalSubmitExcercise = false\r\n            this.isOpenModalSuccessExcercise = false\r\n            this.isSubmitExcercise = true\r\n            this.dataUserWork = []\r\n            this.itemSelected = {}\r\n            this.secondTotal = 0\r\n            this.textNotitySubmit = ''\r\n            this.isShowResult = false\r\n            this.countQuestionTrue = 0\r\n            this.countQuestionFalse = 0\r\n            if (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5) {\r\n                //hiển thị thông tin \r\n                this.isShowResult = true\r\n                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                    const item = this.listUserExcerciseAnswerQuestion[i];\r\n                    if (item.isTrue) {\r\n                        this.countQuestionTrue++\r\n                    }\r\n                    else {\r\n                        this.countQuestionFalse++\r\n                    }\r\n                    if (i == 0) {\r\n                        this.handViewInfo(item, i + 1)\r\n                    }\r\n                }\r\n\r\n            } else {\r\n                this.isShowResult = false\r\n                this.initDataUserWork()\r\n                //trường hợp đang đợi chấm thì thôi \r\n                if (this.userExcerciseClassSchool.status > 0) {\r\n                    this.isSubmitExcercise = false\r\n                    return\r\n                }\r\n                if (this.userExcerciseClassSchool) {\r\n                    let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n\r\n                    let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                    let secondsDiff = timeDiff / 1000;\r\n                    if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                        console.log('Hết thời gian')\r\n                        //this.isSubmitExcercise = false\r\n                    }\r\n                    else {\r\n                        this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n\r\n                        this.initInterval()\r\n                    }\r\n                }\r\n                else {\r\n                    this.isSubmitExcercise = false\r\n                    this.$router.push('/')\r\n                }\r\n            }\r\n        },\r\n        closeModalSuccessExcercise() {\r\n            this.isOpenModalSuccessExcercise = false\r\n        },\r\n        closeModalSubmitExcercise() {\r\n            this.isOpenModalSubmitExcercise = false\r\n        },\r\n        closeModalTimeOutExcercise() {\r\n            this.isOpenModalTimeOutExcercise = false\r\n            this.$emit('handleReloadDetailData')\r\n        },\r\n        handleSubmit(isSaveAuto) {\r\n            this.closeModalSubmitExcercise()\r\n            let self = this\r\n            //format câu trả lời\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                item.answer = item.answer.trim().toLowerCase()\r\n            }\r\n            let timeSubmit = (this.dataDetailExcercise.minuteExcercise * 60) - this.secondTotal\r\n\r\n            let params = {\r\n                type: 2,\r\n                lessonClassSchoolId: this.dataDetailExcercise.id,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                userExcercisId: this.userExcerciseClassSchool.id,\r\n                typeUploadExcercise: this.dataDetailExcercise.typeUploadExcercise,\r\n                listDataUserWorkPdf: this.dataUserWork,\r\n                timeSubmit: timeSubmit\r\n            }\r\n            submitExcercisePdf(params).then((res) => {\r\n                if (!isSaveAuto) {\r\n                    self.$toast.success('Nộp bài thành công')\r\n                    self.$emit('handleReloadDetailData')\r\n                }\r\n            })\r\n        },\r\n\r\n        handSubmitExcercise() {\r\n            //kiểm tra\r\n            let isFillAllAnswer = true\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (!item.answer) {\r\n                    isFillAllAnswer = false\r\n                    break\r\n                }\r\n            }\r\n            if (isFillAllAnswer) {\r\n                this.textNotitySubmit = 'Bạn có chắc chắn muốn nộp bài'\r\n            }\r\n            else {\r\n                this.textNotitySubmit = 'Hiện vẫn còn 1 số câu chưa làm. Bạn có chắc chắn muốn nộp bài luôn?'\r\n            }\r\n            this.isOpenModalSubmitExcercise = true\r\n        },\r\n        formatTimeResult() {\r\n            let hours = Math.floor(this.userExcerciseClassSchool.timeComplete / 3600); // Lấy phần nguyên khi chia cho 3600\r\n            let minutes = Math.floor((this.userExcerciseClassSchool.timeComplete % 3600) / 60); // Lấy phần nguyên của phần dư khi chia cho 3600, sau đó chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n\r\n            if (hours > 0) {\r\n                return `${hours} giờ ${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else if (minutes > 0) {\r\n                return `${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else {\r\n                return `${seconds} giây`;\r\n            }\r\n        },\r\n        formatTime() {\r\n            let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.secondTotal % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes}:${seconds}`\r\n            }\r\n            return `${seconds}`\r\n        },\r\n        initInterval() {\r\n            let self = this\r\n            this.myInterval = setInterval(() => {\r\n                this.secondTotal--\r\n                if (this.secondTotal <= 0) {\r\n                    this.isSubmitExcercise = false\r\n                    clearInterval(self.myInterval)\r\n                    ///\r\n                    this.handleSubmit(true)\r\n                    this.isOpenModalTimeOutExcercise = true\r\n                }\r\n            }, 1000)\r\n        },\r\n        updateIsCheckQuestion() {\r\n            let listCheck = []\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                listCheck.push(item.isCheck ? 1 : 0)\r\n            }\r\n\r\n            let params = {\r\n                statusId: 2,\r\n                lessonClassSchoolId: this.userExcerciseClassSchool.lessonClassSchoolId,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                listCheckQuestion: listCheck.join(',')\r\n            }\r\n            saveUserExcerciseClassSchool(params).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    console.log(res.data)\r\n                }\r\n            })\r\n        },\r\n        handleCheckItem() {\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item == this.itemSelected) {\r\n                    // code cũ\r\n                    // item.isCheck = true\r\n                    // code mới -> click lần 2 thì bỏ đánh dấu\r\n                    item.isCheck = !item.isCheck\r\n                }\r\n            }\r\n            this.updateIsCheckQuestion()\r\n        },\r\n        handleClickQuestion(item) {\r\n            //clear choose old\r\n            this.itemSelected = item\r\n        },\r\n        beforeDestroy() {\r\n            if (this.myInterval) {\r\n                clearInterval(this.myInterval)\r\n            }\r\n            if (this.myIntervalAutoSave) {\r\n                clearInterval(this.myIntervalAutoSave)\r\n            }\r\n        },\r\n        initDataUserWork() {\r\n            let listStringIsCheck = ''\r\n            if (this.userExcerciseClassSchool) {\r\n                listStringIsCheck = this.userExcerciseClassSchool.listCheckQuestion\r\n            }\r\n\r\n            let listCheck = []\r\n            if (listStringIsCheck) {\r\n                let arrayTemp = listStringIsCheck.split(',')\r\n                for (let i = 0; i < arrayTemp.length; i++) {\r\n                    listCheck.push(Number(arrayTemp[i]) == 1 ? true : false)\r\n\r\n                }\r\n            }\r\n            for (let i = 0; i < this.dataDetailExcercise.listExcerciseQuestionClassSchool.length; i++) {\r\n                const item = this.dataDetailExcercise.listExcerciseQuestionClassSchool[i]\r\n                this.dataUserWork.push({\r\n                    excerciseQuestionClassSchoolId: item.id,\r\n                    questionNumber: i + 1,\r\n                    isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                    answer: ''\r\n                })\r\n\r\n            }\r\n\r\n            // update thông tin nếu user đã điền trước đó\r\n            for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                const item = this.listUserExcerciseAnswerQuestion[i];\r\n                for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                    const element = this.dataUserWork[j];\r\n                    if (item.excerciseQuestionId == element.excerciseQuestionClassSchoolId) {\r\n                        element.answer = item.answerUserFill\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n\r\n\r\n            if (this.dataUserWork.length > 0) {\r\n                this.itemSelected = this.dataUserWork[0]\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.fit-max-height {\r\n    min-height: 2rem;\r\n}\r\n\r\n.wrap-feedback-teacher {\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 10px;\r\n}\r\n\r\n.feed-back-teacher-item {\r\n    margin-top: 10px;\r\n}\r\n\r\n.wrap-answer {\r\n    border: 1px solid #5f7dcc;\r\n    border-radius: 10px;\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 5px;\r\n    min-height: 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953 !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.question-item-number {\r\n    width: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.font-size-13 {\r\n    font-size: 13px;\r\n}\r\n\r\n.show-more {\r\n    text-align: end;\r\n    color: #5270e9;\r\n    cursor: pointer;\r\n}\r\n\r\n.wrap-point-feedback {\r\n    border: 1px solid gray;\r\n    margin-left: 5px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.status-save-data {\r\n    color: gray;\r\n    font-size: 14px;\r\n}\r\n\r\n.color-blue {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: green;\r\n    border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: red;\r\n    border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n    background: #ff832b !important;\r\n    color: white !important;\r\n}\r\n\r\n.btn-check {\r\n    background: #ff832b;\r\n    color: white;\r\n    line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n    background-color: blue !important;\r\n    color: white !important;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.list-question-number .question-item-number {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.full-width {\r\n    width: 100%;\r\n    height: 40rem;\r\n}\r\n\r\n.ember-pdf {\r\n    width: 100%;\r\n    height: inherit;\r\n}\r\n\r\n.display-flex-center {\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n.wrap-right .result-point {\r\n    font-size: 50px;\r\n    font-family: ui-monospace;\r\n    font-style: italic;\r\n    color: #ff4953;\r\n}\r\n\r\n.list-result-number {\r\n    .result-item-number {\r\n        .result-number {\r\n            color: #2100af;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-user-fill {\r\n            color: red;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-answer {\r\n            color: green;\r\n            font-size: 20px;\r\n            font-weight: 600;\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!./DoExcercisePdf.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!./DoExcercisePdf.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcercisePdf.vue?vue&type=template&id=1f41fb20&scoped=true&\"\nimport script from \"./DoExcercisePdf.vue?vue&type=script&lang=js&\"\nexport * from \"./DoExcercisePdf.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoExcercisePdf.vue?vue&type=style&index=0&id=1f41fb20&lang=scss&scoped=true&\"\nimport style1 from \"./DoExcercisePdf.vue?vue&type=style&index=1&id=1f41fb20&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  \"1f41fb20\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[(!_vm.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-3\"},[(_vm.dataDetailExcercise.typeExcercise == 1)?_c('div',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))]):_vm._e(),(_vm.isSaveData && _vm.statusSave == 2)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đang lưu ...\\n            \")]):_vm._e(),(_vm.statusSave == 3)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đã lưu\\n            \")]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.listAnswer.length > 0 && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                    \"+_vm._s(item.questionNumber)+\"\\n                \")])}),_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\",attrs:{\"href\":\"javascript:;\",\"disabled\":_vm.isSaveData && _vm.statusSave == 2},on:{\"click\":_vm.handSubmitExcercise}},[_vm._v(\"\\n\\n                    Nộp bài\\n                \")])],2)]):_vm._e(),(_vm.questionSelected)?_c('div',{staticClass:\"wrap-right col-md-9\"},[_c('div',{staticClass:\"wrap-content-question col-md-12\"},[_c('PreviewQuestion',{ref:\"PreviewQuestion\",attrs:{\"id\":(\"question_\" + (0)),\"dataSource\":_vm.questionSelected,\"location\":0,\"valCorrectOld\":_vm.itemSelected.valCorrect,\"questions\":_vm.listQuestion,\"isDontShowResultSaved\":!_vm.isShowResult},on:{\"getResultQuestion\":_vm.getResultQuestion,\"writedAnswer\":_vm.writedAnswer}})],1),(_vm.isShowResult)?_c('div',{},[_c('b-tabs',{attrs:{\"content-class\":\"mt-3 col-md-12\"}},[_c('b-tab',{attrs:{\"title\":\"Hướng dẫn\"}},[_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"},[_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(_vm.questionSelected && _vm.questionSelected.guideContent ? _vm.questionSelected.guideContent : '')}})])]),_c('b-tab',{attrs:{\"title\":\"Lời giải chi tiết\"}},[_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(_vm.questionSelected && _vm.questionSelected.answerDetail ? _vm.questionSelected.answerDetail : '')}})])],1)],1):_vm._e(),(!_vm.isShowResult)?_c('div',{staticClass:\"row justify-content-center\"},[_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-left.png\")},on:{\"click\":_vm.handlePrevQuestion}}),_c('button',{staticClass:\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleCheckItem}},[_vm._v(\"\\n                    Đánh dấu\\n                \")]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-right.png\")},on:{\"click\":_vm.handleNextquestion}})]):_vm._e()]):_vm._e(),(_vm.isShowResult)?_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.roundedNumber()))])]),_c('div',{staticClass:\"col-md-12 \"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_vm._m(2),_vm._v(\"\\n                         \\n                         \\n                        \"),_c('div',{staticClass:\"time-complete\"},[_vm._v(\"\\n                            \"+_vm._s(_vm.formatTimeResult())+\"\\n                        \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-blue\"}),_vm._v(\" Số câu đúng: \"+_vm._s(_vm.countQuestionTrue)+\"\\n                \")]),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-red\"}),_vm._v(\" Số câu sai: \"+_vm._s(_vm.countQuestionFalse)+\"\\n                \")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-true': item.isTrue, 'is-false': !item.isTrue },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.questionNumber)+\"\\n                    \")])}),0)])]):_vm._e()]),(_vm.actionPlayQuestionTrue)?_c('audio',{attrs:{\"id\":\"question_true\",\"src\":_vm.correct,\"autoplay\":\"\"}}):_vm._e(),(_vm.isOpenModalSubmitExcercise)?_c('ModalSubmitExcercise',{attrs:{\"textNotitySubmit\":_vm.textNotitySubmit},on:{\"handleSubmit\":_vm.handleSubmit,\"closeModal\":_vm.closeModalSubmitExcercise}}):_vm._e(),(_vm.isOpenModalTimeOutExcercise)?_c('ModalTimeOutExcercise',{on:{\"closeModal\":_vm.closeModalTimeOutExcercise}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('h5',[_vm._v(\"Thông tin đề\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"row\">\r\n            <div v-if=\"!isShowResult\" class=\"wrap-left col-md-3\">\r\n                <div v-if=\"dataDetailExcercise.typeExcercise == 1\">Còn lại {{ formatTime() }}</div>\r\n                <div class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                    Đang lưu ...\r\n                </div>\r\n                <div class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                    Đã lưu\r\n                </div>\r\n                <div class=\"list-question-number margin-top-10\">\r\n                    <div @click=\"handleClickQuestion(item)\" class=\"col-md-2 question-item-number\"\r\n                        :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.listAnswer.length > 0 && !item.isCheck }\"\r\n                        v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                        {{ item.questionNumber }}\r\n                    </div>\r\n                    <a href=\"javascript:;\" :disabled=\"isSaveData && statusSave == 2\" @click=\"handSubmitExcercise\"\r\n                        class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\">\r\n\r\n                        Nộp bài\r\n                    </a>\r\n\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"questionSelected\" class=\"wrap-right col-md-9\">\r\n                <div class=\"wrap-content-question col-md-12\">\r\n                    <PreviewQuestion ref=\"PreviewQuestion\" :id=\"`question_${0}`\" :dataSource=\"questionSelected\"\r\n                        :location=\"0\" :valCorrectOld=\"itemSelected.valCorrect\" :questions=\"listQuestion\"\r\n                        @getResultQuestion=\"getResultQuestion\" :isDontShowResultSaved=\"!isShowResult\"\r\n                        @writedAnswer=\"writedAnswer\" />\r\n\r\n                </div>\r\n                <div v-if=\"isShowResult\" class=\"\">\r\n                    <b-tabs content-class=\"mt-3 col-md-12\">\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                            <div class=\"guide__content\" v-html=\"questionSelected && questionSelected.guideContent ? questionSelected.guideContent : ''\"></div>\r\n                        </div>\r\n                        </b-tab>\r\n                        <b-tab title=\"Lời giải chi tiết\">\r\n                            <div class=\"guide__content\" v-html=\"questionSelected && questionSelected.answerDetail ? questionSelected.answerDetail : ''\"></div>\r\n                        </b-tab>\r\n                    </b-tabs>\r\n                </div>\r\n                <div v-if=\"!isShowResult\" class=\"row justify-content-center\">\r\n                    <img @click=\"handlePrevQuestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-left.png\" />\r\n\r\n                    <button type=\"button\" @click=\"handleCheckItem\"\r\n                        class=\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\">\r\n                        Đánh dấu\r\n                    </button>\r\n                    <img @click=\"handleNextquestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-right.png\" />\r\n                </div>\r\n            </div>\r\n            <div v-if=\"isShowResult\" class=\"col-md-3\">\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12 text-center\">\r\n                        <h5>Thông tin đề</h5>\r\n                    </div>\r\n                    <div class=\"col-md-12 text-center\">\r\n                        <strong>Điểm</strong>\r\n\r\n                    </div>\r\n                    <div class=\"col-md-12 text-center\">\r\n                        <strong class=\"result-point\">{{ roundedNumber() }}</strong>\r\n                    </div>\r\n                    <div class=\"col-md-12 \">\r\n                        <div class=\"display-flex justify-content-space-between\">\r\n                            <div class=\"title-complete\">\r\n                                <strong>Thời gian hoàn thành</strong>\r\n                            </div>\r\n                            &nbsp;\r\n                            &nbsp;\r\n                            <div class=\"time-complete\">\r\n                                {{ formatTimeResult() }}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <span class=\"color-blue\"></span> Số câu đúng: {{ countQuestionTrue }}\r\n                    </div>\r\n                    <div class=\"col-md-12\">\r\n                        <span class=\"color-red\"></span> Số câu sai: {{ countQuestionFalse }}\r\n                    </div>\r\n\r\n                </div>\r\n                <div class=\"row\">\r\n                    <div class=\"col-md-12\">\r\n                        <div class=\"col-md-2 question-item-number\" @click=\"handleClickQuestion(item)\"\r\n                            :class=\"{ 'is-true': item.isTrue, 'is-false': !item.isTrue }\"\r\n                            v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                            {{ item.questionNumber }}\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <!-- <span @click=\"checkAnswer\">\r\n                        Kiểm tra\r\n                    </span> -->\r\n        <audio v-if=\"actionPlayQuestionTrue\" id=\"question_true\" :src=\"correct\" autoplay></audio>\r\n        <ModalSubmitExcercise :textNotitySubmit=\"textNotitySubmit\" v-if=\"isOpenModalSubmitExcercise\"\r\n            @handleSubmit=\"handleSubmit\" @closeModal=\"closeModalSubmitExcercise\" />\r\n        <ModalTimeOutExcercise v-if=\"isOpenModalTimeOutExcercise\" @closeModal=\"closeModalTimeOutExcercise\" />\r\n\r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapState, mapActions, mapGetters } from \"vuex\";\r\nimport { saveUserExcerciseClassSchool, submitExcerciseQuestionBank } from './../../../_api/userExcerciseClassSchool';\r\nimport ModalSubmitExcercise from './ModalSubmitExcercise'\r\nimport PreviewQuestion from '@/modules/question/preview-question-excercise-thieu/PreviewQuestion.vue'\r\n\r\nimport store from '@/modules/question/preview-question-excercise-thieu/_store'\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-excercise-thieu/_store/constants'\r\nimport { scrollTo, callTimeDiff } from '@/helpers/functions';\r\nconst correct = require('@/assets/audio/correct.mp3')\r\nconst incorrect = require('@/assets/audio/incorrect.mp3')\r\nimport ModalTimeOutExcercise from './ModalTimeOutExcercise'\r\nexport default {\r\n    components: {\r\n        ModalSubmitExcercise,\r\n        PreviewQuestion,\r\n        ModalTimeOutExcercise\r\n    },\r\n    props: {\r\n        dataDetailExcercise: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        userExcerciseClassSchool: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        listQuestion: {\r\n            type: Array,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: []\r\n        },\r\n        listUserExcerciseAnswerQuestion: {\r\n            type: Array,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: []\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            correct,\r\n            incorrect,\r\n            actionPlayQuestionTrue: false,\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            TYPE_RADIO: 'radio',\r\n            TYPE_CHECKBOX: 'checkbox',\r\n            TYPE_TRUE_FALSE_NO: 'answer_t_f_no',\r\n            TYPE_MATH_COL: 'math_col',\r\n            TYPE_FILL_BLANK: 'fill_blank',\r\n            TYPE_FILL_SENTENCE: 'fill_sentence',\r\n            TYPE_SELECT: 'select',\r\n            TYPE_DOWN_ANSWER: 'down_answer',\r\n            TYPE_CIRCLE_ANSWER: 'circle_answer',\r\n            TYPE_X_MARK: 'x_mark_answer',\r\n            TYPE_DRAW_SHAPE_ANSWER: 'draw_shape_answer',\r\n            TYPE_GROUP: 'group',\r\n            TYPE_FILL_INPUT_IMG: 'fill_input_img',\r\n            dataUserWork: [],\r\n            itemSelected: null,\r\n            questionSelected: null,\r\n            myInterval: null,\r\n            secondTotal: 0,\r\n            isSubmitExcercise: false,\r\n            isOpenModalSubmitExcercise: false,\r\n            textNotitySubmit: '',\r\n            isShowResult: false,\r\n            countQuestionTrue: 0,\r\n            countQuestionFalse: 0,\r\n            isSaveData: false,\r\n            statusSave: 1,\r\n            myIntervalAutoSave: null,\r\n            statusUserExcercise: 0,\r\n            isOpenModalTimeOutExcercise: false,\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    },\r\n    created() {\r\n        if (!(STORE_KEY_QUESTION in this.$store._modules.root._children)) {\r\n            this.$store.registerModule(STORE_KEY_QUESTION, store);\r\n        }\r\n    },\r\n    \r\n    mounted() {\r\n        this.innitData()\r\n        this.initIntervalAutoSave()\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_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n        getResultQuestion(data) {\r\n            console.log(data)\r\n            if (data.questionWork.isTrue) {\r\n                this.itemSelected.isTrue = true\r\n            }\r\n            else {\r\n                this.itemSelected.isTrue = false\r\n            }\r\n            if (!this.isShowResult) {\r\n                this.itemSelected.listAnswer = []\r\n                for (let i = 0; i < data.questionWork.answers.length; i++) {\r\n                    const element = data.questionWork.answers[i];\r\n                    this.itemSelected.listAnswer.push({\r\n                        answerContent: element.answerContent,\r\n                        answerId: element.answerId,\r\n                        content: element.content,\r\n                        isError: element.isError,\r\n                        position: element.position,\r\n                        questionId: element.questionId,\r\n                        validateString: element.validate ? element.validate.join('#') : null,\r\n                        validateValString: element.validateVal ? element.validateVal.join('#') : null,\r\n                    })\r\n                }\r\n\r\n                this.handleChangeAnswer()\r\n            }\r\n\r\n        },\r\n        writedAnswer(data) {\r\n            this.itemSelected.valCorrect = []\r\n            this.checkAnswer()\r\n            this.itemSelected.valCorrect = data.answers\r\n        },\r\n        getAnswerIdQuestionCurrent(answerId) {\r\n            for (let i = 0; i < this.questionSelected.answers.length; i++) {\r\n                const element = this.questionSelected.answers[i];\r\n                if (element.answerId == answerId) {\r\n                    return element;\r\n                }\r\n            }\r\n        },\r\n        getParentAnswer(listAnswer, position) {\r\n            let index = position.split('_')[0]\r\n            return listAnswer[index]\r\n        },\r\n        getAnswerByPostion(val) {\r\n            for (let i = 0; i < this.questionSelected.answers.length; i++) {\r\n                const element = this.questionSelected.answers[i];\r\n                if (element.position == val.parent) {\r\n                    return element\r\n                }\r\n            }\r\n            return {}\r\n        },\r\n        async checkAnswer() {\r\n            console.log('checkAnswer')\r\n            let self = this;\r\n            self.resetValKeyboard()\r\n            if (self.questionSelected.type !== this.typeDownAnswer) {\r\n                self.setQuestionList4CheckAnswer([{ ...self.questionSelected }])\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelected })\r\n            }\r\n\r\n            if (self.questionSelected.type === this.typeGroup) {\r\n                self.txtMissingQuestionGroup = '';\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelected, isGroup: true, parent: parent.questionId })\r\n            }\r\n\r\n            if (self.questionSelected.type !== this.typeDownAnswer) {\r\n                await self.setActionCheckQuestion(true);\r\n            } else {\r\n                self.questionSelected = { ...self.questionSelected, isTrue: true }\r\n                self.saveQuestion2Local(self.questionSelected)\r\n            }\r\n            //this.questionSelected.isWorked =true\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        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        resetValKeyboard() {\r\n            this.valVituralKeyboard && this.setVituralKeyVal({});\r\n        },\r\n        roundedNumber() {\r\n            if (this.userExcerciseClassSchool.point) {\r\n                return this.userExcerciseClassSchool.point.toFixed(2)\r\n            }\r\n            return 0\r\n        },\r\n        handleChangeAnswer() {\r\n            this.statusSave = 2\r\n            this.isSaveData = true\r\n        },\r\n        initIntervalAutoSave() {\r\n            let self = this\r\n            this.myIntervalAutoSave = setInterval(() => {\r\n                if (self.isSaveData) {\r\n                    let listDataSave=[]\r\n                    for (let i = 0; i < self.dataUserWork.length; i++) {\r\n                        const item = self.dataUserWork[i];\r\n                        item.answer = item.answer.trim().toLowerCase()\r\n                        if(item.listAnswer.length>0){\r\n                            listDataSave.push(item)\r\n                        }\r\n                    }\r\n                    \r\n                    let timeSubmit = (self.dataDetailExcercise.minuteExcercise * 60) - self.secondTotal\r\n\r\n\r\n                    let params = {\r\n                        type: 1,\r\n                        lessonClassSchoolId: self.dataDetailExcercise.id,\r\n                        classSchoolId: self.userExcerciseClassSchool.classSchoolId,\r\n                        userExcercisId: self.userExcerciseClassSchool.id,\r\n                        typeUploadExcercise: self.dataDetailExcercise.typeUploadExcercise,\r\n                        listDataUserWorkPdf: listDataSave,\r\n                        timeSubmit: timeSubmit\r\n                    }\r\n                    submitExcerciseQuestionBank(params).then((res) => {\r\n                        self.statusSave = 3\r\n                        self.isSaveData = false\r\n                    })\r\n                }\r\n            }, 3000)\r\n        },\r\n        innitData() {\r\n            this.countQuestionTrue = 0\r\n            this.countQuestionFalse = 0\r\n            this.dataUserWork = []\r\n            //gán các câu hỏi đã đánh dấu lần trước\r\n            let listStringIsCheck = ''\r\n            if (this.userExcerciseClassSchool) {\r\n                listStringIsCheck = this.userExcerciseClassSchool.listCheckQuestion\r\n            }\r\n\r\n            let listCheck = []\r\n            if (listStringIsCheck) {\r\n                let arrayTemp = listStringIsCheck.split(',')\r\n                for (let i = 0; i < arrayTemp.length; i++) {\r\n                    listCheck.push(Number(arrayTemp[i]) == 1 ? true : false)\r\n\r\n                }\r\n            }\r\n            ////\r\n\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                this.dataUserWork.push({\r\n                    excerciseQuestionClassSchoolId: item.id,\r\n                    questionNumber: i + 1,\r\n                    questionId: item.questionId,\r\n                    isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                    answer: '',\r\n                    isTrue: false,\r\n                    listAnswer: [],\r\n                    valCorrect: []\r\n                })\r\n                if (i == 0) {\r\n                    this.questionSelected = item\r\n                }\r\n                if (i == 0) {\r\n                    this.itemSelected = this.dataUserWork[0]\r\n                }\r\n            }\r\n            if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0 && (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5)) {\r\n                //hiển thị thông tin \r\n                this.statusUserExcercise = 1\r\n                this.isShowResult = true\r\n                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                    const item = this.listUserExcerciseAnswerQuestion[i];\r\n                    if (item.isTrue) {\r\n                        this.countQuestionTrue++\r\n                    }\r\n                    else {\r\n                        this.countQuestionFalse++\r\n                    }\r\n\r\n                    ///\r\n                    for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                        const element = this.dataUserWork[j];\r\n                        if (item.excerciseQuestionId == element.excerciseQuestionClassSchoolId) {\r\n                            element.isTrue = item.isTrue\r\n                            element.answerContent = item.answerContent\r\n                            element.answer = item.answerUserFill\r\n                        }\r\n                    }\r\n                }\r\n                return\r\n            }\r\n\r\n            // sét thời gian\r\n            if (this.userExcerciseClassSchool) {\r\n                //\r\n                let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n                let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                let secondsDiff = (timeDiff / 1000);\r\n                if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                    console.log('Hết thời gian')\r\n                    //this.isSubmitExcercise = false\r\n                }\r\n                else {\r\n                    this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n                    this.initInterval()\r\n                }\r\n            }\r\n            else {\r\n                this.isSubmitExcercise = false\r\n                this.$router.push('/')\r\n            }\r\n\r\n        },\r\n        formatTimeResult() {\r\n            let hours = Math.floor(this.userExcerciseClassSchool.timeComplete / 3600); // Lấy phần nguyên khi chia cho 3600\r\n            let minutes = Math.floor((this.userExcerciseClassSchool.timeComplete % 3600) / 60); // Lấy phần nguyên của phần dư khi chia cho 3600, sau đó chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n\r\n            if (hours > 0) {\r\n                return `${hours} giờ ${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else if (minutes > 0) {\r\n                return `${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else {\r\n                return `${seconds} giây`;\r\n            }\r\n        },\r\n        handleSubmit(isSaveAuto) {\r\n            this.closeModalSubmitExcercise()\r\n            let self = this\r\n            //format câu trả lời\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                item.answer = item.answer.trim().toLowerCase()\r\n                \r\n            }\r\n            let timeSubmit = (this.dataDetailExcercise.minuteExcercise * 60) - this.secondTotal\r\n\r\n            let params = {\r\n                type: 2,\r\n                lessonClassSchoolId: this.dataDetailExcercise.id,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                userExcercisId: this.userExcerciseClassSchool.id,\r\n                typeUploadExcercise: this.dataDetailExcercise.typeUploadExcercise,\r\n                listDataUserWorkPdf: this.dataUserWork,\r\n                timeSubmit: timeSubmit\r\n            }\r\n            submitExcerciseQuestionBank(params).then((res) => {\r\n                if (!isSaveAuto) {\r\n                    self.$toast.success('Nộp bài thành công')\r\n                    self.$emit('handleReloadDetailData')\r\n                }\r\n            })\r\n\r\n        },\r\n        closeModalSubmitExcercise() {\r\n            this.isOpenModalSubmitExcercise = false\r\n        },\r\n        closeModalTimeOutExcercise() {\r\n            this.isOpenModalTimeOutExcercise = false\r\n            this.$emit('handleReloadDetailData')\r\n        },\r\n        handSubmitExcercise() {\r\n            //kiểm tra\r\n            let isFillAllAnswer = true\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.listAnswer.length == 0) {\r\n                    isFillAllAnswer = false\r\n                    break\r\n                }\r\n            }\r\n            if (isFillAllAnswer) {\r\n                this.textNotitySubmit = 'Bạn có chắc chắn muốn nộp bài'\r\n            }\r\n            else {\r\n                this.textNotitySubmit = 'Hiện vẫn còn 1 số câu chưa làm. Bạn có chắc chắn muốn nộp bài luôn?'\r\n            }\r\n            this.isOpenModalSubmitExcercise = true\r\n        },\r\n        beforeDestroy() {\r\n            if (this.myInterval) {\r\n                clearInterval(this.myInterval)\r\n            }\r\n            if (this.myIntervalAutoSave) {\r\n                clearInterval(this.myIntervalAutoSave)\r\n            }\r\n\r\n        },\r\n        changeAnswer(e, data) {\r\n            let answerItem = this.questionSelected.answers[data.location]\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.questionId == answerItem.questionId) {\r\n                    item.answer = answerItem.content ? answerItem.content : answerItem.imageUrl\r\n                    break\r\n                }\r\n            }\r\n            this.handleChangeAnswer()\r\n        },\r\n        handleNextquestion() {\r\n            this.questionSelected = null\r\n            let indexNext = 0\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.questionId == this.itemSelected.questionId) {\r\n                    indexNext = i + 1\r\n                    if (indexNext >= this.dataUserWork.length) {\r\n                        indexNext = 0\r\n                    }\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = this.dataUserWork[indexNext]\r\n\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                // eslint-disable-next-line no-cond-assign\r\n                if (item.questionId == this.itemSelected.questionId) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handlePrevQuestion() {\r\n            this.questionSelected = null\r\n            let indexNext = 0\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.questionId == this.itemSelected.questionId) {\r\n                    indexNext = i - 1\r\n                    if (indexNext < 0) {\r\n                        indexNext = this.dataUserWork.length - 1\r\n                    }\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = this.dataUserWork[indexNext]\r\n\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                // eslint-disable-next-line no-cond-assign\r\n                if (item.questionId == this.itemSelected.questionId) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handleCheckItem() {\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item == this.itemSelected) {\r\n                    // code cũ\r\n                    // item.isCheck = true\r\n                    // code mới -> click lần 2 thì bỏ đánh dấu\r\n                    item.isCheck = !item.isCheck\r\n                }\r\n            }\r\n            this.updateIsCheckQuestion()\r\n        },\r\n        updateIsCheckQuestion() {\r\n            let listCheck = []\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                listCheck.push(item.isCheck ? 1 : 0)\r\n            }\r\n\r\n            let params = {\r\n                statusId: 2,\r\n                lessonClassSchoolId: this.userExcerciseClassSchool.lessonClassSchoolId,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                listCheckQuestion: listCheck.join(',')\r\n            }\r\n            saveUserExcerciseClassSchool(params).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    console.log(res.data)\r\n                }\r\n            })\r\n        },\r\n\r\n        initInterval() {\r\n            let self = this\r\n            this.myInterval = setInterval(() => {\r\n                this.secondTotal--\r\n                if (this.secondTotal <= 0) {\r\n                    this.isSubmitExcercise = false\r\n                    clearInterval(self.myInterval)\r\n                    ///\r\n                    this.handleSubmit(true)\r\n                    this.isOpenModalTimeOutExcercise = true\r\n                }\r\n            }, 1000)\r\n        },\r\n        formatTime() {\r\n            let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.secondTotal % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes}:${seconds}`\r\n            }\r\n            return `${seconds}`\r\n        },\r\n        handleClickQuestion(questionCurrent) {\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                if (questionCurrent.questionId == item.questionId) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = questionCurrent\r\n        }\r\n    }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-content-question {\r\n    max-height: 33rem;\r\n    overflow: auto;\r\n}\r\n\r\n.result-point {\r\n    font-size: 50px;\r\n    font-family: ui-monospace;\r\n    font-style: italic;\r\n    color: red;\r\n}\r\n\r\n.wrap-right {\r\n    border: 2px solid #91a3dc;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.icon-arrow {\r\n    width: 10px;\r\n    height: 20px;\r\n    margin-top: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-ischeck {\r\n    background: orange;\r\n    margin-left: 10px;\r\n    margin-right: 10px;\r\n    margin-bottom: 10px;\r\n    color: white\r\n}\r\n\r\n.question-item-number {\r\n    width: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin: 2px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.color-blue {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: green;\r\n    border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: red;\r\n    border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n    background: #ff832b !important;\r\n    color: white !important;\r\n}\r\n\r\n.btn-check {\r\n    background: #ff832b;\r\n    color: white;\r\n    line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n    background-color: blue !important;\r\n    color: white !important;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.display-flex-center {\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n.list-result-number {\r\n    .result-item-number {\r\n        .result-number {\r\n            color: #2100af;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-user-fill {\r\n            color: red;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-answer {\r\n            color: green;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n    }\r\n}\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!./DoExcerciseChooseBank.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!./DoExcerciseChooseBank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcerciseChooseBank.vue?vue&type=template&id=bf347516&scoped=true&\"\nimport script from \"./DoExcerciseChooseBank.vue?vue&type=script&lang=js&\"\nexport * from \"./DoExcerciseChooseBank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoExcerciseChooseBank.vue?vue&type=style&index=0&id=bf347516&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  \"bf347516\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[(!_vm.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-3\"},[(_vm.dataDetailExcercise.typeExcercise == 1)?_c('div',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))]):_vm._e(),(_vm.isSaveData && _vm.statusSave == 2)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                                Đang lưu ...\\n                        \")]):_vm._e(),(_vm.statusSave == 3)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                                Đã lưu\\n                        \")]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_c('div',{},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                                                \"+_vm._s(item.questionNumber)+\"\\n                                        \")])}),0),_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\",attrs:{\"href\":\"javascript:;\",\"disabled\":_vm.isSaveData && _vm.statusSave == 2},on:{\"click\":_vm.handSubmitExcercise}},[_vm._v(\"\\n\\n                                        Nộp bài\\n                                \")])])]):_vm._e(),(_vm.questionSelected)?_c('div',{staticClass:\"wrap-right col-md-9\"},[_c('div',{staticClass:\"wrap-content-question\"},[_c('div',{staticClass:\"name-question\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questionSelected.content)}})]),_vm._l((_vm.listQuestion),function(dataSource,index){return _c('div',{key:index},[(_vm.questionSelected == dataSource)?_c('div',_vm._l((dataSource.answers),function(item,indexanswers){return _c('div',{key:indexanswers},[(dataSource.type === _vm.TYPE_RADIO)?_c('MultipleChoiceNew',{attrs:{\"dataSource\":item,\"nameField\":(\"answer_\" + (dataSource.id)),\"location\":indexanswers,\"parent\":dataSource,\"valueSelected\":_vm.itemSelected.answer,\"answerContent\":_vm.itemSelected.answerContent,\"statusUserExcercise\":_vm.statusUserExcercise},on:{\"changeAnswer\":_vm.changeAnswer}}):_vm._e()],1)}),0):_vm._e()])}),(_vm.isShowResult)?_c('div',{},[_c('b-tabs',{attrs:{\"content-class\":\"mt-3 col-md-12\"}},[_c('b-tab',{attrs:{\"title\":\"Hướng dẫn\"}},[_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"})]),_c('b-tab',{attrs:{\"title\":\"Lời giải chi tiết\"}},[_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(_vm.questionSelected && _vm.questionSelected.answerContent ? _vm.questionSelected.answerContent : '')}})])],1)],1):_vm._e()],2),(!_vm.isShowResult)?_c('div',{staticClass:\"row justify-content-center margin-top-10\"},[_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-left.png\")},on:{\"click\":_vm.handlePrevQuestion}}),_c('button',{staticClass:\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleCheckItem}},[_vm._v(\"\\n                                        Đánh dấu\\n                                \")]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-right.png\")},on:{\"click\":_vm.handleNextquestion}})]):_vm._e()]):_vm._e(),(_vm.isShowResult)?_c('div',{staticClass:\"col-md-3\"},[_c('div',{staticClass:\"row\"},[_vm._m(0),_vm._m(1),_c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.roundedNumber()))])]),_c('div',{staticClass:\"col-md-12 \"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_vm._m(2),_vm._v(\"\\n                                                 \\n                                                 \\n                                                \"),_c('div',{staticClass:\"time-complete\"},[_vm._v(\"\\n                                                        \"+_vm._s(_vm.formatTimeResult())+\"\\n                                                \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-blue\"}),_vm._v(\" Số câu đúng: \"+_vm._s(_vm.countQuestionTrue)+\"\\n                                \")]),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-red\"}),_vm._v(\" Số câu sai: \"+_vm._s(_vm.countQuestionFalse)+\"\\n                                \")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-true': item.isTrue, 'is-false': !item.isTrue },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                                                \"+_vm._s(item.questionNumber)+\"\\n                                        \")])}),0)])]):_vm._e()]),(_vm.isOpenModalSubmitExcercise)?_c('ModalSubmitExcercise',{attrs:{\"textNotitySubmit\":_vm.textNotitySubmit},on:{\"handleSubmit\":_vm.handleSubmit,\"closeModal\":_vm.closeModalSubmitExcercise}}):_vm._e(),(_vm.isOpenModalTimeOutExcercise)?_c('ModalTimeOutExcercise',{on:{\"closeModal\":_vm.closeModalTimeOutExcercise}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('h5',[_vm._v(\"Thông tin đề\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n        <div>\r\n                <div class=\"row\">\r\n                        <div v-if=\"!isShowResult\" class=\"wrap-left col-md-3\">\r\n                                <div v-if=\"dataDetailExcercise.typeExcercise == 1\">Còn lại {{ formatTime() }}</div>\r\n                                <div class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                                        Đang lưu ...\r\n                                </div>\r\n                                <div class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                                        Đã lưu\r\n                                </div>\r\n                                <div class=\"list-question-number margin-top-10\">\r\n                                        <div class=\"\">\r\n                                                <div @click=\"handleClickQuestion(item)\"\r\n                                                        class=\"col-md-2 question-item-number\"\r\n                                                        :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck }\"\r\n                                                        v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                                                        {{ item.questionNumber }}\r\n                                                </div>\r\n\r\n                                        </div>\r\n                                        <a href=\"javascript:;\" :disabled=\"isSaveData && statusSave == 2\"\r\n                                                @click=\"handSubmitExcercise\"\r\n                                                class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\">\r\n\r\n                                                Nộp bài\r\n                                        </a>\r\n                                </div>\r\n                        </div>\r\n\r\n                        <div v-if=\"questionSelected\" class=\"wrap-right col-md-9\">\r\n\r\n                                <div class=\"wrap-content-question\">\r\n                                        <div class=\"name-question\">\r\n                                                <div v-html=\"questionSelected.content\">\r\n                                                </div>\r\n                                        </div>\r\n                                        <div v-for=\"(dataSource, index) of  listQuestion\" :key=\"index\">\r\n                                                <div v-if=\"questionSelected == dataSource\">\r\n                                                        <div v-for=\"(item, indexanswers) of dataSource.answers\"\r\n                                                                :key=\"indexanswers\">\r\n                                                                <MultipleChoiceNew v-if=\"dataSource.type === TYPE_RADIO\"\r\n                                                                        :dataSource=\"item\"\r\n                                                                        :nameField=\"`answer_${dataSource.id}`\"\r\n                                                                        :location=\"indexanswers\" :parent=\"dataSource\"\r\n                                                                        :valueSelected=\"itemSelected.answer\"\r\n                                                                        :answerContent=\"itemSelected.answerContent\"\r\n                                                                        :statusUserExcercise=\"statusUserExcercise\"\r\n                                                                        @changeAnswer=\"changeAnswer\" />\r\n                                                        </div>\r\n                                                </div>\r\n\r\n                                        </div>\r\n                                        <div v-if=\"isShowResult\" class=\"\">\r\n                                                <b-tabs content-class=\"mt-3 col-md-12\">\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                                                        <!-- <div class=\"guide__content\" v-html=\"questionSelected && questionSelected.guideContent ? questionSelected.guideContent : ''\"></div> -->\r\n                                                        </div>\r\n                                                        </b-tab>\r\n                                                        <b-tab title=\"Lời giải chi tiết\">\r\n                                                        <div class=\"guide__content\" v-html=\"questionSelected && questionSelected.answerContent ? questionSelected.answerContent : ''\"></div>\r\n                                                        </b-tab>\r\n                                                </b-tabs>\r\n                                        </div>\r\n                                </div>\r\n                                \r\n                                <div v-if=\"!isShowResult\" class=\"row justify-content-center margin-top-10\">\r\n                                        <img @click=\"handlePrevQuestion\" class=\"icon-arrow\"\r\n                                                src=\"@/assets/img/arrow-left.png\" />\r\n                                        <button type=\"button\" @click=\"handleCheckItem\"\r\n                                                class=\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\">\r\n                                                Đánh dấu\r\n                                        </button>\r\n                                        <img @click=\"handleNextquestion\" class=\"icon-arrow\"\r\n                                                src=\"@/assets/img/arrow-right.png\" />\r\n                                </div>\r\n                        </div>\r\n                        <div v-if=\"isShowResult\" class=\"col-md-3\">\r\n                                <div class=\"row\">\r\n                                        <div class=\"col-md-12 text-center\">\r\n                                                <h5>Thông tin đề</h5>\r\n                                        </div>\r\n                                        <div class=\"col-md-12 text-center\">\r\n                                                <strong>Điểm</strong>\r\n\r\n                                        </div>\r\n                                        <div class=\"col-md-12 text-center\">\r\n                                                <strong class=\"result-point\">{{\r\n                                                        roundedNumber()\r\n                                                        }}</strong>\r\n                                        </div>\r\n                                        <div class=\"col-md-12 \">\r\n                                                <div class=\"display-flex justify-content-space-between\">\r\n                                                        <div class=\"title-complete\">\r\n                                                                <strong>Thời gian hoàn thành</strong>\r\n                                                        </div>\r\n                                                        &nbsp;\r\n                                                        &nbsp;\r\n                                                        <div class=\"time-complete\">\r\n                                                                {{ formatTimeResult() }}\r\n                                                        </div>\r\n                                                </div>\r\n                                        </div>\r\n                                </div>\r\n                                <div class=\"row\">\r\n                                        <div class=\"col-md-12\">\r\n                                                <span class=\"color-blue\"></span> Số câu đúng: {{ countQuestionTrue }}\r\n                                        </div>\r\n                                        <div class=\"col-md-12\">\r\n                                                <span class=\"color-red\"></span> Số câu sai: {{ countQuestionFalse }}\r\n                                        </div>\r\n\r\n                                </div>\r\n                                <div class=\"row\">\r\n                                        <div class=\"col-md-12\">\r\n                                                <div class=\"col-md-2 question-item-number\"\r\n                                                        @click=\"handleClickQuestion(item)\"\r\n                                                        :class=\"{ 'is-true': item.isTrue, 'is-false': !item.isTrue }\"\r\n                                                        v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                                                        {{ item.questionNumber }}\r\n                                                </div>\r\n                                        </div>\r\n\r\n\r\n                                </div>\r\n                        </div>\r\n\r\n                </div>\r\n                <ModalSubmitExcercise :textNotitySubmit=\"textNotitySubmit\" v-if=\"isOpenModalSubmitExcercise\"\r\n                        @handleSubmit=\"handleSubmit\" @closeModal=\"closeModalSubmitExcercise\" />\r\n                <ModalTimeOutExcercise v-if=\"isOpenModalTimeOutExcercise\" @closeModal=\"closeModalTimeOutExcercise\" />\r\n        </div>\r\n</template>\r\n<script>\r\nimport MultipleChoiceNew from './../../../../question/preview-question/answers/multiple-choice/MultipleChoiceNew.vue'\r\nimport { saveUserExcerciseClassSchool, submitExcerciseQuestionChooseWord } from './../../../_api/userExcerciseClassSchool';\r\nimport ModalSubmitExcercise from './ModalSubmitExcercise'\r\nimport ModalTimeOutExcercise from './ModalTimeOutExcercise'\r\nexport default {\r\n        components: {\r\n                MultipleChoiceNew,\r\n                ModalSubmitExcercise,\r\n                ModalTimeOutExcercise\r\n        },\r\n        props: {\r\n                dataDetailExcercise: {\r\n                        type: Object,\r\n                        // eslint-disable-next-line vue/require-valid-default-prop\r\n                        default: {}\r\n                },\r\n                userExcerciseClassSchool: {\r\n                        type: Object,\r\n                        // eslint-disable-next-line vue/require-valid-default-prop\r\n                        default: {}\r\n                },\r\n\r\n                listUserExcerciseAnswerQuestion: {\r\n                        type: Array,\r\n                        // eslint-disable-next-line vue/require-valid-default-prop\r\n                        default: []\r\n                }\r\n        },\r\n        data() {\r\n                return {\r\n                        TYPE_RADIO: 'radio',\r\n                        TYPE_CHECKBOX: 'checkbox',\r\n                        TYPE_TRUE_FALSE_NO: 'answer_t_f_no',\r\n                        TYPE_MATH_COL: 'math_col',\r\n                        TYPE_FILL_BLANK: 'fill_blank',\r\n                        TYPE_FILL_SENTENCE: 'fill_sentence',\r\n                        TYPE_SELECT: 'select',\r\n                        TYPE_DOWN_ANSWER: 'down_answer',\r\n                        TYPE_CIRCLE_ANSWER: 'circle_answer',\r\n                        TYPE_X_MARK: 'x_mark_answer',\r\n                        TYPE_DRAW_SHAPE_ANSWER: 'draw_shape_answer',\r\n                        TYPE_GROUP: 'group',\r\n                        TYPE_FILL_INPUT_IMG: 'fill_input_img',\r\n                        dataUserWork: [],\r\n                        itemSelected: null,\r\n                        questionSelected: null,\r\n                        myInterval: null,\r\n                        secondTotal: 0,\r\n                        isSubmitExcercise: false,\r\n                        isOpenModalSubmitExcercise: false,\r\n                        textNotitySubmit: '',\r\n                        isShowResult: false,\r\n                        countQuestionTrue: 0,\r\n                        countQuestionFalse: 0,\r\n                        listQuestion: [],\r\n                        isSaveData: false,\r\n                        statusSave: 1,\r\n                        myIntervalAutoSave: null,\r\n                        statusUserExcercise: 0,\r\n                        isOpenModalTimeOutExcercise: false,\r\n                }\r\n        },\r\n        mounted() {\r\n                this.listQuestion = this.dataDetailExcercise.listExcerciseQuestionClassSchool\r\n                this.innitData()\r\n                this.initIntervalAutoSave()\r\n        },\r\n        methods: {\r\n                roundedNumber() {\r\n                        if (this.userExcerciseClassSchool.point) {\r\n                                return this.userExcerciseClassSchool.point.toFixed(2)\r\n                        }\r\n                        return 0\r\n                },\r\n                handleChangeAnswer() {\r\n                        this.statusSave = 2\r\n                        this.isSaveData = true\r\n                },\r\n                initIntervalAutoSave() {\r\n                        let self = this\r\n                        this.myIntervalAutoSave = setInterval(() => {\r\n                                if (self.isSaveData) {\r\n                                        let listDataSave = []\r\n                                        for (let i = 0; i < self.dataUserWork.length; i++) {\r\n                                                const item = self.dataUserWork[i];\r\n                                                item.answer = item.answer.trim().toLowerCase()\r\n                                                if (item.answer) {\r\n                                                        listDataSave.push(item)\r\n                                                }\r\n                                        }\r\n                                        let timeSubmit = (self.dataDetailExcercise.minuteExcercise * 60) - self.secondTotal\r\n                                        let params = {\r\n                                                type: 1,\r\n                                                lessonClassSchoolId: self.dataDetailExcercise.id,\r\n                                                classSchoolId: self.userExcerciseClassSchool.classSchoolId,\r\n                                                userExcercisId: self.userExcerciseClassSchool.id,\r\n                                                typeUploadExcercise: self.dataDetailExcercise.typeUploadExcercise,\r\n                                                listDataUserWorkPdf: listDataSave,\r\n                                                timeSubmit: timeSubmit\r\n                                        }\r\n                                        submitExcerciseQuestionChooseWord(params).then((res) => {\r\n                                                self.statusSave = 3\r\n                                                self.isSaveData = false\r\n                                        })\r\n                                }\r\n                        }, 3000)\r\n                },\r\n                innitData() {\r\n                        this.countQuestionTrue = 0\r\n                        this.countQuestionFalse = 0\r\n                        this.dataUserWork = []\r\n\r\n                        let listStringIsCheck = ''\r\n                        if (this.userExcerciseClassSchool) {\r\n                                listStringIsCheck = this.userExcerciseClassSchool.listCheckQuestion\r\n                        }\r\n\r\n                        let listCheck = []\r\n                        if (listStringIsCheck) {\r\n                                let arrayTemp = listStringIsCheck.split(',')\r\n                                for (let i = 0; i < arrayTemp.length; i++) {\r\n                                        listCheck.push(Number(arrayTemp[i]) == 1 ? true : false)\r\n\r\n                                }\r\n                        }\r\n                        for (let i = 0; i < this.listQuestion.length; i++) {\r\n                                const item = this.listQuestion[i];\r\n                                this.dataUserWork.push({\r\n                                        id: item.id,\r\n                                        excerciseQuestionClassSchoolId: item.id,\r\n                                        questionNumber: i + 1,\r\n                                        isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                                        answer: '',\r\n                                        isTrue: false,\r\n                                })\r\n                                if (i == 0) {\r\n                                        this.questionSelected = item\r\n                                }\r\n                                if (i == 0) {\r\n                                        this.itemSelected = this.dataUserWork[0]\r\n                                }\r\n                        }\r\n                        if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0) {\r\n                                //hiển thị thông tin \r\n                                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                                        const item = this.listUserExcerciseAnswerQuestion[i];\r\n                                        for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                                                const element = this.dataUserWork[j];\r\n                                                if (item.excerciseQuestionId == element.id) {\r\n                                                        element.answerContent = item.answerContent\r\n                                                        element.answer = item.answerUserFill\r\n                                                }\r\n                                        }\r\n                                }\r\n\r\n                        }\r\n                        if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0 && (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5)) {\r\n                                //hiển thị thông tin \r\n                                this.statusUserExcercise = 1\r\n                                this.isShowResult = true\r\n                                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                                        const item = this.listUserExcerciseAnswerQuestion[i];\r\n                                        if (item.isTrue) {\r\n                                                this.countQuestionTrue++\r\n                                        }\r\n                                        else {\r\n                                                this.countQuestionFalse++\r\n                                        }\r\n\r\n                                        ///\r\n                                        for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                                                const element = this.dataUserWork[j];\r\n                                                if (item.excerciseQuestionId == element.id) {\r\n                                                        element.isTrue = item.isTrue\r\n                                                        element.answerContent = item.answerContent\r\n                                                        element.answer = item.answerUserFill\r\n                                                }\r\n                                        }\r\n                                }\r\n                                return\r\n                        }\r\n\r\n                        // sét thời gian\r\n                        if (this.userExcerciseClassSchool) {\r\n                                let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n\r\n                                let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                                let secondsDiff = timeDiff / 1000;\r\n                                console.log(secondsDiff)\r\n                                if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                                        console.log('Hết thời gian')\r\n                                        //this.isSubmitExcercise = false\r\n                                }\r\n                                else {\r\n                                        this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n\r\n                                        this.initInterval()\r\n                                }\r\n                        }\r\n                        else {\r\n                                this.isSubmitExcercise = false\r\n                                this.$router.push('/')\r\n                        }\r\n\r\n                },\r\n                formatTimeResult() {\r\n                        let hours = Math.floor(this.userExcerciseClassSchool.timeComplete / 3600); // Lấy phần nguyên khi chia cho 3600\r\n                        let minutes = Math.floor((this.userExcerciseClassSchool.timeComplete % 3600) / 60); // Lấy phần nguyên của phần dư khi chia cho 3600, sau đó chia cho 60\r\n                        let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n\r\n                        if (hours > 0) {\r\n                                return `${hours} giờ ${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n                        } else if (minutes > 0) {\r\n                                return `${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n                        } else {\r\n                                return `${seconds} giây`;\r\n                        }\r\n                },\r\n                handleSubmit(isSaveAuto) {\r\n                        this.closeModalSubmitExcercise()\r\n                        let self = this\r\n                        //format câu trả lời\r\n                        for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                                const item = this.dataUserWork[i];\r\n                                item.answer = item.answer.trim().toLowerCase()\r\n                        }\r\n                        let timeSubmit = (this.dataDetailExcercise.minuteExcercise * 60) - this.secondTotal\r\n\r\n                        let params = {\r\n                                type: 2,\r\n                                lessonClassSchoolId: this.dataDetailExcercise.id,\r\n                                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                                userExcercisId: this.userExcerciseClassSchool.id,\r\n                                typeUploadExcercise: this.dataDetailExcercise.typeUploadExcercise,\r\n                                listDataUserWorkPdf: this.dataUserWork,\r\n                                timeSubmit: timeSubmit\r\n                        }\r\n                        submitExcerciseQuestionChooseWord(params).then((res) => {\r\n                                if (!isSaveAuto) {\r\n                                        self.$toast.success('Nộp bài thành công')\r\n                                        self.$emit('handleReloadDetailData')\r\n                                }\r\n                        })\r\n                },\r\n                closeModalSubmitExcercise() {\r\n                        this.isOpenModalSubmitExcercise = false\r\n                },\r\n                closeModalTimeOutExcercise() {\r\n                        this.isOpenModalTimeOutExcercise = false\r\n                        this.$emit('handleReloadDetailData')\r\n                },\r\n                handSubmitExcercise() {\r\n                        //kiểm tra\r\n                        let isFillAllAnswer = true\r\n                        for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                                const item = this.dataUserWork[i];\r\n                                if (!item.answer) {\r\n                                        isFillAllAnswer = false\r\n                                        break\r\n                                }\r\n                        }\r\n                        if (isFillAllAnswer) {\r\n                                this.textNotitySubmit = 'Bạn có chắc chắn muốn nộp bài'\r\n                        }\r\n                        else {\r\n                                this.textNotitySubmit = 'Hiện vẫn còn 1 số câu chưa làm. Bạn có chắc chắn muốn nộp bài luôn?'\r\n                        }\r\n                        this.isOpenModalSubmitExcercise = true\r\n                },\r\n                beforeDestroy() {\r\n                        if (this.myInterval) {\r\n                                clearInterval(this.myInterval)\r\n                        }\r\n                        if (this.myIntervalAutoSave) {\r\n                                clearInterval(this.myIntervalAutoSave)\r\n                        }\r\n                },\r\n                changeAnswer(e, data) {\r\n                        console.log(this.questionSelected, data.location)\r\n                        let answerItem = this.questionSelected.answers[data.location]\r\n\r\n                        for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                                const item = this.dataUserWork[i];\r\n                                if (item.id == answerItem.excerciseQuestionId) {\r\n                                        item.answer = answerItem.content\r\n                                        break\r\n                                }\r\n                        }\r\n                        this.handleChangeAnswer()\r\n                },\r\n                handleNextquestion() {\r\n                        this.questionSelected = null\r\n                        let indexNext = 0\r\n                        for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                                const item = this.dataUserWork[i];\r\n                                if (item.id == this.itemSelected.id) {\r\n                                        indexNext = i + 1\r\n                                        if (indexNext >= this.dataUserWork.length) {\r\n                                                indexNext = 0\r\n                                        }\r\n                                        break\r\n                                }\r\n                        }\r\n                        this.itemSelected = this.dataUserWork[indexNext]\r\n\r\n\r\n                        for (let i = 0; i < this.listQuestion.length; i++) {\r\n                                const item = this.listQuestion[i];\r\n                                // eslint-disable-next-line no-cond-assign\r\n                                if (item.id == this.itemSelected.id) {\r\n                                        this.questionSelected = item\r\n                                        break\r\n                                }\r\n                        }\r\n                },\r\n                handlePrevQuestion() {\r\n                        this.questionSelected = null\r\n                        let indexNext = 0\r\n                        for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                                const item = this.dataUserWork[i];\r\n                                if (item.id == this.itemSelected.id) {\r\n                                        indexNext = i - 1\r\n                                        if (indexNext < 0) {\r\n                                                indexNext = this.dataUserWork.length - 1\r\n                                        }\r\n                                        break\r\n                                }\r\n                        }\r\n                        this.itemSelected = this.dataUserWork[indexNext]\r\n\r\n\r\n                        for (let i = 0; i < this.listQuestion.length; i++) {\r\n                                const item = this.listQuestion[i];\r\n                                // eslint-disable-next-line no-cond-assign\r\n                                if (item.id == this.itemSelected.id) {\r\n                                        this.questionSelected = item\r\n                                        console.log(item)\r\n                                        break\r\n                                }\r\n                        }\r\n                },\r\n                handleCheckItem() {\r\n                        for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                                const item = this.dataUserWork[i];\r\n                                if (item == this.itemSelected) {\r\n                                        // code cũ\r\n                                        // item.isCheck = true\r\n                                        // code mới -> click lần 2 thì bỏ đánh dấu\r\n                                        item.isCheck = !item.isCheck\r\n                                }\r\n                        }\r\n                        this.updateIsCheckQuestion()\r\n                },\r\n                updateIsCheckQuestion() {\r\n                        let listCheck = []\r\n                        for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                                const item = this.dataUserWork[i];\r\n                                listCheck.push(item.isCheck ? 1 : 0)\r\n                        }\r\n\r\n                        let params = {\r\n                                statusId: 2,\r\n                                lessonClassSchoolId: this.userExcerciseClassSchool.lessonClassSchoolId,\r\n                                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                                listCheckQuestion: listCheck.join(',')\r\n                        }\r\n                        saveUserExcerciseClassSchool(params).then((res) => {\r\n                                if (res && res.data && !res.errors) {\r\n                                        console.log(res.data)\r\n                                }\r\n                        })\r\n                },\r\n\r\n                initInterval() {\r\n                        let self = this\r\n                        this.myInterval = setInterval(() => {\r\n                                this.secondTotal--\r\n                                if (this.secondTotal <= 0) {\r\n                                        this.isSubmitExcercise = false\r\n                                        clearInterval(self.myInterval)\r\n                                        ///\r\n                                        this.handleSubmit(true)\r\n                                        this.isOpenModalTimeOutExcercise = true\r\n                                }\r\n                        }, 1000)\r\n                },\r\n                formatTime() {\r\n                        let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n                        let seconds = this.secondTotal % 60;\r\n                        if (minutes > 0) {\r\n                                return `${minutes}:${seconds}`\r\n                        }\r\n                        return `${seconds}`\r\n                },\r\n                handleClickQuestion(questionCurrent) {\r\n                        for (let i = 0; i < this.listQuestion.length; i++) {\r\n                                const item = this.listQuestion[i];\r\n                                if (questionCurrent.id == item.id) {\r\n                                        this.questionSelected = item\r\n                                        break\r\n                                }\r\n                        }\r\n\r\n                        this.itemSelected = questionCurrent\r\n\r\n                }\r\n        }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.result-point {\r\n        font-size: 50px;\r\n        font-family: ui-monospace;\r\n        font-style: italic;\r\n        color: red;\r\n}\r\n\r\n.wrap-content-question {\r\n        border: 2px solid #91a3dc;\r\n        padding: 10px;\r\n        border-radius: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n        margin-top: 10px;\r\n}\r\n\r\n.icon-arrow {\r\n        width: 10px;\r\n        height: 20px;\r\n        margin-top: 5px;\r\n        cursor: pointer;\r\n}\r\n\r\n.btn-ischeck {\r\n        background: orange;\r\n        margin-left: 10px;\r\n        margin-right: 10px;\r\n        margin-bottom: 10px;\r\n        color: white\r\n}\r\n\r\n.question-item-number {\r\n        width: 100%;\r\n        background: #b7ddf9;\r\n        border-radius: 10px;\r\n        color: blue;\r\n        display: inline-block;\r\n        text-align: center;\r\n        margin-left: 5px;\r\n        margin-top: 10px;\r\n        cursor: pointer;\r\n}\r\n\r\n.is-true {\r\n        background: #00ac5d;\r\n        color: white;\r\n        border-radius: 10px;\r\n        text-align: center;\r\n}\r\n\r\n.is-false {\r\n        background: #ff4953;\r\n        color: white;\r\n        border-radius: 10px;\r\n        text-align: center;\r\n}\r\n\r\n.color-blue {\r\n        width: 10px;\r\n        height: 10px;\r\n        display: inline-block;\r\n        background: green;\r\n        border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n        width: 10px;\r\n        height: 10px;\r\n        display: inline-block;\r\n        background: red;\r\n        border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n        background: #ff832b !important;\r\n        color: white !important;\r\n}\r\n\r\n.btn-check {\r\n        background: #ff832b;\r\n        color: white;\r\n        line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n        background-color: blue !important;\r\n        color: white !important;\r\n}\r\n\r\n.is-choose {\r\n        border: 2px solid blue;\r\n}\r\n\r\n.display-flex-center {\r\n        text-align: center;\r\n        align-items: center;\r\n        justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n\r\n\r\n.list-result-number {\r\n        .result-item-number {\r\n                .result-number {\r\n                        color: #2100af;\r\n                        font-size: 20px;\r\n                        font-weight: 600;\r\n                }\r\n\r\n                .result-user-fill {\r\n                        color: red;\r\n                        font-size: 20px;\r\n                        font-weight: 600;\r\n                }\r\n\r\n                .result-answer {\r\n                        color: green;\r\n                        font-size: 20px;\r\n                        font-weight: 600;\r\n                }\r\n        }\r\n}\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!./DoExcerciseChooseWord.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!./DoExcerciseChooseWord.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcerciseChooseWord.vue?vue&type=template&id=36386573&scoped=true&\"\nimport script from \"./DoExcerciseChooseWord.vue?vue&type=script&lang=js&\"\nexport * from \"./DoExcerciseChooseWord.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoExcerciseChooseWord.vue?vue&type=style&index=0&id=36386573&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  \"36386573\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[(!_vm.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-3\"},[(_vm.isSubmitExcercise && _vm.dataDetailExcercise.typeExcercise == 1)?_c('div',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))]):_vm._e(),(_vm.isSaveData && _vm.statusSave == 2)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đang lưu ...\\n            \")]):_vm._e(),(_vm.statusSave == 3)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đã lưu\\n            \")]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_c('div',{},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.questionNumber)+\"\\n                    \")])}),0),(_vm.isSubmitExcercise)?_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\",attrs:{\"disabled\":_vm.isSaveData && _vm.statusSave == 2,\"href\":\"javascript:;\"},on:{\"click\":_vm.handSubmitExcercise}},[_vm._v(\"\\n                    Nộp bài\\n                \")]):_vm._e()])]):_vm._e(),(_vm.questionSelected)?_c('div',{staticClass:\"wrap-right col-md-9\"},[_c('div',{staticClass:\"wrap-content-question\"},[_c('div',{staticClass:\"name-question\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questionSelected.content)}})]),_vm._l((_vm.listQuestion),function(dataSource,index){return _c('div',{key:index},[(_vm.questionSelected == dataSource)?_c('div',[(dataSource.answers.length > 0)?_c('div',_vm._l((dataSource.answers),function(item,indexanswers){return _c('div',{key:indexanswers},[(dataSource.type === _vm.TYPE_RADIO)?_c('MultipleChoiceNew',{attrs:{\"dataSource\":item,\"nameField\":(\"answer_\" + (dataSource.id)),\"location\":indexanswers,\"parent\":dataSource,\"valueSelected\":_vm.itemSelected.answer,\"answerContent\":_vm.itemSelected.answerContent,\"statusUserExcercise\":!_vm.isSubmitExcercise ? 2 : (_vm.isShowResult ? 1 : _vm.statusUserExcercise)},on:{\"changeAnswer\":_vm.changeAnswer}}):_vm._e()],1)}),0):_c('div',[_c('EditorCKNew',{staticClass:\"margin-top-10\",attrs:{\"disabled\":!_vm.isSubmitExcercise || _vm.isShowResult,\"contentEditor\":_vm.itemSelected.answer,\"position\":'1'},on:{\"onEditorChange\":_vm.onEditorChangeAnswer}})],1)]):_vm._e()])}),(!_vm.isSubmitExcercise || _vm.isShowResult)?_c('div',{},[_c('b-tabs',{attrs:{\"content-class\":\"mt-3 col-md-12\"}},[_c('b-tab',{attrs:{\"title\":\"Hướng dẫn\"}},[_c('div',{staticClass:\"exercise-detail__guide__content font-size-16 primary-color-txt\"},[_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(_vm.questionSelected && _vm.questionSelected.guideContent ? _vm.questionSelected.guideContent : '')}})])]),_c('b-tab',{attrs:{\"title\":\"Lời giải chi tiết\"}},[_c('div',{staticClass:\"guide__content\",domProps:{\"innerHTML\":_vm._s(_vm.questionSelected && _vm.questionSelected.answerDetail ? _vm.questionSelected.answerDetail : '')}})])],1)],1):_vm._e()],2),(!_vm.isShowResult)?_c('div',{staticClass:\"row justify-content-center margin-top-10\"},[_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-left.png\")},on:{\"click\":_vm.handlePrevQuestion}}),_c('button',{staticClass:\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleCheckItem}},[_vm._v(\"\\n                    Đánh dấu\\n                \")]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-right.png\")},on:{\"click\":_vm.handleNextquestion}})]):_vm._e()]):_vm._e(),(_vm.isShowResult)?_c('div',{staticClass:\"col-md-3\"},[(_vm.dataDetailExcercise.typeUploadExcercise == 3)?_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_vm._m(0),_c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.userExcerciseClassSchool.point))])]),_c('div',{staticClass:\"col-md-12 \"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_vm._m(1),_vm._v(\"\\n                             \\n                             \\n                            \"),_c('div',{staticClass:\"time-complete\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.formatTimeResult())+\"\\n                            \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-blue\"}),_vm._v(\" Số câu đúng: \"+_vm._s(_vm.countQuestionTrue)+\"\\n                    \")]),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-red\"}),_vm._v(\" Số câu sai: \"+_vm._s(_vm.countQuestionFalse)+\"\\n                    \")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-true': item.isTrue, 'is-false': !item.isTrue },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                            \"+_vm._s(item.questionNumber)+\"\\n                        \")])}),0)])]):_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_c('div',{staticClass:\"row col-md-12 wrap-point-feedback display-flex\"},[_vm._m(2),_c('div',{staticClass:\"col-md-8\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.userExcerciseClassSchool.point)))])]),_c('b-collapse',{staticClass:\"row col-md-12\",attrs:{\"visible\":_vm.isShowMoreInfo}},[_c('div',{staticClass:\"col-md-12 font-size-13\"},[_vm._v(\"\\n                                Lời phê:\\n                            \")]),_c('div',{staticClass:\"col-md-12 wrap-feedback-teacher\"},[_c('strong',{domProps:{\"innerHTML\":_vm._s(_vm.userExcerciseClassSchool.feedback)}})]),_c('p'),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"font-size-13\"},[_vm._v(\"Thời gian hoàn thành: \")]),_c('strong',[_vm._v(_vm._s(_vm.formatTimeResult()))])])])],1)]),_c('div',{staticClass:\"row wrap-list-question\"},_vm._l((_vm.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': _vm.itemSelected.id == item.id },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(index + 1)+\"\\n                    \")])}),0),(_vm.itemSelected.id)?_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h5',[_vm._v(\"Câu \"+_vm._s(_vm.itemSelected.numberQuestion)+\": \"+_vm._s(_vm.formatNumber(_vm.itemSelected.pointTeacherFill))+\"/\"+_vm._s(_vm.formatNumber(_vm.itemSelected.maxPoint))+\" điểm\")])]),_c('strong',{staticClass:\"feed-back-teacher-item\"},[_vm._v(\"Nhận xét giáo viên:\")]),_c('div',{staticClass:\"wrap-answer \"},[(_vm.itemSelected.feedback)?_c('div',{staticClass:\"fit-max-height\",domProps:{\"innerHTML\":_vm._s(_vm.itemSelected.feedback)}}):_c('div',[_vm._v(\"\\n                            Giáo viên không nhận xét câu trả lời này.\\n                        \")])])]):_vm._e()])]):_vm._e()]),(_vm.isOpenModalSubmitExcercise)?_c('ModalSubmitExcercise',{attrs:{\"textNotitySubmit\":_vm.textNotitySubmit},on:{\"handleSubmit\":_vm.handleSubmit,\"closeModal\":_vm.closeModalSubmitExcercise}}):_vm._e(),(_vm.isOpenModalTimeOutExcercise)?_c('ModalTimeOutExcercise',{on:{\"closeModal\":_vm.closeModalTimeOutExcercise}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4 text-center\"},[_c('strong',[_vm._v(\"Tổng điểm\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"row\">\r\n            <div v-if=\"!isShowResult\" class=\"wrap-left col-md-3\">\r\n                <div v-if=\"isSubmitExcercise && dataDetailExcercise.typeExcercise == 1\">Còn lại {{ formatTime() }}</div>\r\n                <div class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                    Đang lưu ...\r\n                </div>\r\n                <div class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                    Đã lưu\r\n                </div>\r\n                <div class=\"list-question-number margin-top-10\">\r\n                    <div class=\"\">\r\n                        <div @click=\"handleClickQuestion(item)\" class=\"col-md-2 question-item-number\"\r\n                            :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck }\"\r\n                            v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                            {{ item.questionNumber }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <a v-if=\"isSubmitExcercise\" :disabled=\"isSaveData && statusSave == 2\" href=\"javascript:;\"\r\n                        @click=\"handSubmitExcercise\"\r\n                        class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\">\r\n                        Nộp bài\r\n                    </a>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"questionSelected\" class=\"wrap-right col-md-9\">\r\n\r\n                <div class=\"wrap-content-question\">\r\n                    <div class=\"name-question\">\r\n                        <div v-html=\"questionSelected.content\">\r\n                        </div>\r\n                    </div>\r\n                    <div v-for=\"(dataSource, index) of  listQuestion\" :key=\"index\">\r\n                        <div v-if=\"questionSelected == dataSource\">\r\n                            <div v-if=\"dataSource.answers.length > 0\">\r\n                                <div v-for=\"(item, indexanswers) of dataSource.answers\" :key=\"indexanswers\">\r\n                                    <MultipleChoiceNew v-if=\"dataSource.type === TYPE_RADIO\" :dataSource=\"item\"\r\n                                        :nameField=\"`answer_${dataSource.id}`\" :location=\"indexanswers\"\r\n                                        :parent=\"dataSource\" :valueSelected=\"itemSelected.answer\"\r\n                                        :answerContent=\"itemSelected.answerContent\"\r\n                                        :statusUserExcercise=\"!isSubmitExcercise ? 2 : (isShowResult ? 1 : statusUserExcercise)\"\r\n                                        @changeAnswer=\"changeAnswer\" />\r\n\r\n                                </div>\r\n                            </div>\r\n                            <div v-else>\r\n                                <EditorCKNew :disabled=\"!isSubmitExcercise || isShowResult\" class=\"margin-top-10\"\r\n                                    @onEditorChange=\"onEditorChangeAnswer\" :contentEditor=\"itemSelected.answer\"\r\n                                    :position=\"'1'\" />\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div v-if=\"!isSubmitExcercise || isShowResult\" class=\"\">\r\n                    <b-tabs content-class=\"mt-3 col-md-12\">\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                            <div class=\"guide__content\" v-html=\"questionSelected && questionSelected.guideContent ? questionSelected.guideContent : ''\"></div>\r\n                        </div>\r\n                        </b-tab>\r\n                        <b-tab title=\"Lời giải chi tiết\">\r\n                            <div class=\"guide__content\" v-html=\"questionSelected && questionSelected.answerDetail ? questionSelected.answerDetail : ''\"></div>\r\n                        </b-tab>\r\n                    </b-tabs>\r\n                </div>\r\n                </div>\r\n\r\n                <div v-if=\"!isShowResult\" class=\"row justify-content-center margin-top-10\">\r\n                    <img @click=\"handlePrevQuestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-left.png\" />\r\n                    <button type=\"button\" @click=\"handleCheckItem\"\r\n                        class=\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\">\r\n                        Đánh dấu\r\n                    </button>\r\n                    <img @click=\"handleNextquestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-right.png\" />\r\n                </div>\r\n                \r\n            </div>\r\n           \r\n            <div v-if=\"isShowResult\" class=\"col-md-3\">\r\n                <div v-if=\"dataDetailExcercise.typeUploadExcercise == 3\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong>Điểm</strong>\r\n\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong class=\"result-point\">{{ userExcerciseClassSchool.point\r\n                                }}</strong>\r\n                        </div>\r\n                        <div class=\"col-md-12 \">\r\n                            <div class=\"display-flex justify-content-space-between\">\r\n                                <div class=\"title-complete\">\r\n                                    <strong>Thời gian hoàn thành</strong>\r\n                                </div>\r\n                                &nbsp;\r\n                                &nbsp;\r\n                                <div class=\"time-complete\">\r\n                                    {{ formatTimeResult() }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-blue\"></span> Số câu đúng: {{ countQuestionTrue }}\r\n                        </div>\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-red\"></span> Số câu sai: {{ countQuestionFalse }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"col-md-2 question-item-number\" @click=\"handleClickQuestion(item)\"\r\n                                :class=\"{ 'is-true': item.isTrue, 'is-false': !item.isTrue }\"\r\n                                v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                                {{ item.questionNumber }}\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n                <div v-else>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"row col-md-12 wrap-point-feedback display-flex\">\r\n                            <div class=\"col-md-4 text-center\">\r\n                                <strong>Tổng điểm</strong>\r\n\r\n                            </div>\r\n                            <div class=\"col-md-8\">\r\n                                <strong class=\"result-point\">{{ formatNumber(userExcerciseClassSchool.point) }}</strong>\r\n                            </div>\r\n                            <!-- <div @click=\"handleShowMoreInfo\" class=\"col-md-12 text-end show-more\">\r\n                                {{!isShowMoreInfo?'Hiện thêm':'Ẩn bớt'}} <img class=\"icon-show-more\" width=\"15px\" src=\"@/assets/img/show-more-down.png\" />\r\n                            </div> -->\r\n                            <b-collapse class=\"row col-md-12\" :visible=\"isShowMoreInfo\">\r\n                                <div class=\"col-md-12 font-size-13\">\r\n                                    Lời phê:\r\n                                </div>\r\n                                <div class=\"col-md-12 wrap-feedback-teacher\">\r\n                                    <strong v-html=\"userExcerciseClassSchool.feedback\"></strong>\r\n                                </div>\r\n                                <p></p>\r\n                                <!-- <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu đúng: </span><strong>{{ countQuestionTrue\r\n                                        }}</strong>\r\n                                </div>\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu sai: </span><strong>{{ countQuestionFalse\r\n                                        }}</strong>\r\n                                </div> -->\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Thời gian hoàn thành: </span><strong>{{\r\n                                        formatTimeResult() }}</strong>\r\n                                </div>\r\n                            </b-collapse>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row wrap-list-question\">\r\n                        <div @click=\"handleClickQuestion(item)\" :class=\"{ 'is-choose': itemSelected.id == item.id }\"\r\n                            class=\"col-md-2 question-item-number\" v-for=\"(item, index) of dataUserWork\" :key=\"index\">\r\n                            {{ index + 1 }}\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"itemSelected.id\" class=\"row margin-top-10\">\r\n                        <div class=\"col-md-12\">\r\n                            <h5>Câu {{ itemSelected.numberQuestion }}: {{ formatNumber(itemSelected.pointTeacherFill)\r\n                                }}/{{\r\n                                    formatNumber(itemSelected.maxPoint) }} điểm</h5>\r\n                        </div>\r\n                        <!-- <strong>Câu trả lời học sinh:</strong>\r\n                        <div class=\"wrap-answer col-md-12\">\r\n                            <div v-html=\"itemSelected.answerUserFill\">\r\n\r\n                            </div>\r\n                            <div class=\"answer-item\">\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                        <p></p> -->\r\n                        <strong class=\"feed-back-teacher-item\">Nhận xét giáo viên:</strong>\r\n                        <div class=\"wrap-answer \">\r\n                            <div v-if=\"itemSelected.feedback\" class=\"fit-max-height\" v-html=\"itemSelected.feedback\">\r\n\r\n                            </div>\r\n                            <div v-else>\r\n                                Giáo viên không nhận xét câu trả lời này.\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <ModalSubmitExcercise :textNotitySubmit=\"textNotitySubmit\" v-if=\"isOpenModalSubmitExcercise\"\r\n            @handleSubmit=\"handleSubmit\" @closeModal=\"closeModalSubmitExcercise\" />\r\n        <ModalTimeOutExcercise v-if=\"isOpenModalTimeOutExcercise\" @closeModal=\"closeModalTimeOutExcercise\" />\r\n    </div>\r\n</template>\r\n<script>\r\nimport MultipleChoiceNew from './../../../../question/preview-question/answers/multiple-choice/MultipleChoiceNew.vue'\r\nimport { saveUserExcerciseClassSchool, submitExcerciseQuestionMixedWord } from './../../../_api/userExcerciseClassSchool';\r\nimport ModalSubmitExcercise from './ModalSubmitExcercise'\r\nimport EditorCKNew from '@/components/EditorCKNew.vue'\r\nimport ModalTimeOutExcercise from './ModalTimeOutExcercise'\r\nexport default {\r\n    components: {\r\n        MultipleChoiceNew,\r\n        ModalSubmitExcercise,\r\n        EditorCKNew,\r\n        ModalTimeOutExcercise\r\n    },\r\n    props: {\r\n        dataDetailExcercise: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        userExcerciseClassSchool: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n\r\n        listUserExcerciseAnswerQuestion: {\r\n            type: Array,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: []\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isShowMoreInfo: true,\r\n            TYPE_RADIO: 'radio',\r\n            TYPE_CHECKBOX: 'checkbox',\r\n            TYPE_TRUE_FALSE_NO: 'answer_t_f_no',\r\n            TYPE_MATH_COL: 'math_col',\r\n            TYPE_FILL_BLANK: 'fill_blank',\r\n            TYPE_FILL_SENTENCE: 'fill_sentence',\r\n            TYPE_SELECT: 'select',\r\n            TYPE_DOWN_ANSWER: 'down_answer',\r\n            TYPE_CIRCLE_ANSWER: 'circle_answer',\r\n            TYPE_X_MARK: 'x_mark_answer',\r\n            TYPE_DRAW_SHAPE_ANSWER: 'draw_shape_answer',\r\n            TYPE_GROUP: 'group',\r\n            TYPE_FILL_INPUT_IMG: 'fill_input_img',\r\n            dataUserWork: [],\r\n            itemSelected: null,\r\n            questionSelected: null,\r\n            myInterval: null,\r\n            secondTotal: 0,\r\n            isSubmitExcercise: true,\r\n            isOpenModalSubmitExcercise: false,\r\n            textNotitySubmit: '',\r\n            isShowResult: false,\r\n            countQuestionTrue: 0,\r\n            countQuestionFalse: 0,\r\n            listQuestion: [],\r\n            isSaveData: false,\r\n            statusSave: 1,\r\n            myIntervalAutoSave: null,\r\n            dem: 3,\r\n            statusUserExcercise: 0,\r\n            isOpenModalTimeOutExcercise: false,\r\n        }\r\n    },\r\n    mounted() {\r\n        this.listQuestion = this.dataDetailExcercise.listExcerciseQuestionClassSchool\r\n        this.innitData()\r\n        this.saveDataInterval()\r\n    },\r\n    watch:{\r\n        '$route.query.id':{\r\n            handler: function() {\r\n                console.log('123123123')\r\n                this.innitData()\r\n                this.saveDataInterval()\r\n            },\r\n            deep: true,\r\n            immediate: true\r\n        }\r\n    },\r\n    methods: {\r\n        formatNumber(value) {\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            return value.toFixed(2);\r\n        },\r\n        onEditorChangeAnswer(e) {\r\n            if (this.userExcerciseClassSchool.status > 0) {\r\n                return\r\n            }\r\n            if (this.statusUserExcercise == 0) {\r\n                this.itemSelected.answer = e.html\r\n                this.handleInputAnswerTextArea()\r\n            }\r\n\r\n        },\r\n        handleInputAnswerTextArea() {\r\n            this.dem = 3\r\n            this.statusSave = 2\r\n            this.isSaveData = true\r\n        },\r\n        saveDataInterval() {\r\n            let self = this\r\n            this.myIntervalAutoSave = setInterval(() => {\r\n                self.dem--\r\n                if (self.dem == 0 && self.isSaveData) {\r\n                    self.dem = -1\r\n                    console.log('Lưu data')\r\n                    let dataSend = [...self.dataUserWork]\r\n                    let listDataSave = []\r\n                    for (let i = 0; i < dataSend.length; i++) {\r\n                        const item = dataSend[i];\r\n                        item.answer = item.answer\r\n                        if (item.answer) {\r\n                            listDataSave.push(item)\r\n                        }\r\n                    }\r\n                    let timeSubmit = (self.dataDetailExcercise.minuteExcercise * 60) - self.secondTotal\r\n\r\n                    let params = {\r\n                        type: 1,\r\n                        lessonClassSchoolId: self.dataDetailExcercise.id,\r\n                        classSchoolId: self.userExcerciseClassSchool.classSchoolId,\r\n                        userExcercisId: self.userExcerciseClassSchool.id,\r\n                        typeUploadExcercise: self.dataDetailExcercise.typeUploadExcercise,\r\n                        listDataUserWorkPdf: listDataSave,\r\n                        timeSubmit: timeSubmit\r\n                    }\r\n                    submitExcerciseQuestionMixedWord(params).then((res) => {\r\n                        self.statusSave = 3\r\n                        self.isSaveData = false\r\n                    })\r\n                }\r\n            }, 1000)\r\n        },\r\n        innitData() {\r\n\r\n            this.countQuestionTrue = 0\r\n            this.countQuestionFalse = 0\r\n            this.dataUserWork = []\r\n\r\n            let listStringIsCheck = ''\r\n            if (this.userExcerciseClassSchool) {\r\n                listStringIsCheck = this.userExcerciseClassSchool.listCheckQuestion\r\n            }\r\n\r\n            let listCheck = []\r\n            if (listStringIsCheck) {\r\n                let arrayTemp = listStringIsCheck.split(',')\r\n                for (let i = 0; i < arrayTemp.length; i++) {\r\n                    listCheck.push(Number(arrayTemp[i]) == 1 ? true : false)\r\n\r\n                }\r\n            }\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                this.dataUserWork.push({\r\n                    id: item.id,\r\n                    excerciseQuestionClassSchoolId: item.id,\r\n                    questionNumber: i + 1,\r\n                    isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                    answer: '',\r\n                    isTrue: false\r\n                })\r\n                if (i == 0) {\r\n                    this.questionSelected = item\r\n                }\r\n                if (i == 0) {\r\n                    this.itemSelected = this.dataUserWork[0]\r\n\r\n                }\r\n            }\r\n            if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0 && (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5)) {\r\n                //hiển thị thông tin \r\n                this.statusUserExcercise = 1\r\n                this.isShowResult = true\r\n                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                    const item = this.listUserExcerciseAnswerQuestion[i];\r\n                    console.log(item)\r\n                    if (item.isTrue) {\r\n                        this.countQuestionTrue++\r\n                    }\r\n                    else {\r\n                        this.countQuestionFalse++\r\n                    }\r\n\r\n                    ///\r\n                    for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                        let element = this.dataUserWork[j];\r\n                        if (item.excerciseQuestionId == element.id) {\r\n                            element.isTrue = item.isTrue\r\n                            element.answerContent = item.answerContent\r\n                            element.answerUserFill = item.answerUserFill\r\n                            element.answer = item.answerUserFill\r\n                            element.feedback = item.feedback\r\n                            element.pointTeacherFill = item.pointTeacherFill,\r\n                                element.maxPoint = item.maxPoint,\r\n                                element.numberQuestion = item.numberQuestion\r\n                        }\r\n                    }\r\n                }\r\n                this.handleClickQuestion(this.itemSelected)\r\n                console.log(this.itemSelected)\r\n                return\r\n            }\r\n\r\n\r\n            for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                const item = this.listUserExcerciseAnswerQuestion[i];\r\n                for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                    let element = this.dataUserWork[j];\r\n                    if (item.excerciseQuestionId == element.id) {\r\n                        element.answer = item.answerUserFill\r\n                        // element.answerContent = item.answerContent\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n            if (this.userExcerciseClassSchool.status > 0) {\r\n                this.isSubmitExcercise = false\r\n                return\r\n            }\r\n            // sét thời gian\r\n            if (this.userExcerciseClassSchool) {\r\n                let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n\r\n                let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                let secondsDiff = timeDiff / 1000;\r\n                if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                    console.log('Hết thời gian')\r\n                    //this.isSubmitExcercise = false\r\n                }\r\n                else {\r\n                    this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n\r\n                    this.initInterval()\r\n                }\r\n            }\r\n            else {\r\n                this.isSubmitExcercise = false\r\n                this.$router.push('/')\r\n            }\r\n\r\n        },\r\n        formatTimeResult() {\r\n            let hours = Math.floor(this.userExcerciseClassSchool.timeComplete / 3600); // Lấy phần nguyên khi chia cho 3600\r\n            let minutes = Math.floor((this.userExcerciseClassSchool.timeComplete % 3600) / 60); // Lấy phần nguyên của phần dư khi chia cho 3600, sau đó chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n\r\n            if (hours > 0) {\r\n                return `${hours} giờ ${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else if (minutes > 0) {\r\n                return `${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else {\r\n                return `${seconds} giây`;\r\n            }\r\n        },\r\n        handleSubmit(isSaveAuto) {\r\n            this.closeModalSubmitExcercise()\r\n            let self = this\r\n            //format câu trả lời\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                item.answer = item.answer\r\n            }\r\n            let timeSubmit = (this.dataDetailExcercise.minuteExcercise * 60) - this.secondTotal\r\n\r\n            let params = {\r\n                type: 2,\r\n                lessonClassSchoolId: this.dataDetailExcercise.id,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                userExcercisId: this.userExcerciseClassSchool.id,\r\n                typeUploadExcercise: this.dataDetailExcercise.typeUploadExcercise,\r\n                listDataUserWorkPdf: this.dataUserWork,\r\n                timeSubmit: timeSubmit\r\n            }\r\n            submitExcerciseQuestionMixedWord(params).then((res) => {\r\n                if (!isSaveAuto) {\r\n                    self.$toast.success('Nộp bài thành công')\r\n                    self.$emit('handleReloadDetailData')\r\n                }\r\n            })\r\n        },\r\n        closeModalSubmitExcercise() {\r\n            this.isOpenModalSubmitExcercise = false\r\n        },\r\n        closeModalTimeOutExcercise() {\r\n            this.isOpenModalTimeOutExcercise = false\r\n            this.$emit('handleReloadDetailData')\r\n        },\r\n        handSubmitExcercise() {\r\n            //kiểm tra\r\n            let isFillAllAnswer = true\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (!item.answer) {\r\n                    isFillAllAnswer = false\r\n                    break\r\n                }\r\n            }\r\n            if (isFillAllAnswer) {\r\n                this.textNotitySubmit = 'Bạn có chắc chắn muốn nộp bài'\r\n            }\r\n            else {\r\n                this.textNotitySubmit = 'Hiện vẫn còn 1 số câu chưa làm. Bạn có chắc chắn muốn nộp bài luôn?'\r\n            }\r\n            this.isOpenModalSubmitExcercise = true\r\n        },\r\n        beforeDestroy() {\r\n            if (this.myInterval) {\r\n                clearInterval(this.myInterval)\r\n            }\r\n            if (this.myIntervalAutoSave) {\r\n                clearInterval(this.myIntervalAutoSave)\r\n            }\r\n        },\r\n        changeAnswer(e, data) {\r\n            let self = this\r\n            console.log(this.questionSelected, data.location)\r\n            let answerItem = this.questionSelected.answers[data.location]\r\n\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.id == answerItem.excerciseQuestionId) {\r\n                    item.answer = answerItem.content\r\n                    break\r\n                }\r\n            }\r\n\r\n            this.handleInputAnswerTextArea()\r\n        },\r\n        handleNextquestion() {\r\n            this.questionSelected = null\r\n            let indexNext = 0\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.id == this.itemSelected.id) {\r\n                    indexNext = i + 1\r\n                    if (indexNext >= this.dataUserWork.length) {\r\n                        indexNext = 0\r\n                    }\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = this.dataUserWork[indexNext]\r\n\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                // eslint-disable-next-line no-cond-assign\r\n                if (item.id == this.itemSelected.id) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handlePrevQuestion() {\r\n            this.questionSelected = null\r\n            let indexNext = 0\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.id == this.itemSelected.id) {\r\n                    indexNext = i - 1\r\n                    if (indexNext < 0) {\r\n                        indexNext = this.dataUserWork.length - 1\r\n                    }\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = this.dataUserWork[indexNext]\r\n\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                // eslint-disable-next-line no-cond-assign\r\n                if (item.id == this.itemSelected.id) {\r\n                    this.questionSelected = item\r\n                    console.log(item)\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handleCheckItem() {\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item == this.itemSelected) {\r\n                    // code cũ\r\n                    // item.isCheck = true\r\n                    // code mới -> click lần 2 thì bỏ đánh dấu\r\n                    item.isCheck = !item.isCheck\r\n                }\r\n            }\r\n            this.updateIsCheckQuestion()\r\n        },\r\n        updateIsCheckQuestion() {\r\n            let listCheck = []\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                listCheck.push(item.isCheck ? 1 : 0)\r\n            }\r\n\r\n            let params = {\r\n                statusId: 2,\r\n                lessonClassSchoolId: this.userExcerciseClassSchool.lessonClassSchoolId,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                listCheckQuestion: listCheck.join(',')\r\n            }\r\n            saveUserExcerciseClassSchool(params).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    console.log(res.data)\r\n                }\r\n            })\r\n        },\r\n\r\n        initInterval() {\r\n            let self = this\r\n            this.myInterval = setInterval(() => {\r\n                this.secondTotal--\r\n                if (this.secondTotal <= 0) {\r\n                    this.isSubmitExcercise = false\r\n                    clearInterval(self.myInterval)\r\n                    ///\r\n                    this.handleSubmit(true)\r\n                    this.isOpenModalTimeOutExcercise = true\r\n                }\r\n            }, 1000)\r\n        },\r\n        formatTime() {\r\n            let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.secondTotal % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes}:${seconds}`\r\n            }\r\n            return `${seconds}`\r\n        },\r\n        handleClickQuestion(questionCurrent) {\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                if (questionCurrent.id == item.id) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = questionCurrent\r\n            if (this.dataDetailExcercise.typeUploadExcercise == 4) {\r\n                //lấy ra điểm max\r\n                for (let i = 0; i < this.dataDetailExcercise.listExcerciseQuestionClassSchool.length; i++) {\r\n                    const element = this.dataDetailExcercise.listExcerciseQuestionClassSchool[i];\r\n                    if (element.id == this.itemSelected.id) {\r\n                        this.itemSelected.maxPoint = element.point\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.fit-max-height {\r\n    min-height: 2rem;\r\n}\r\n\r\n.wrap-point-feedback {\r\n    border: 1px solid gray;\r\n    margin-left: 5px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.wrap-feedback-teacher {\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 10px;\r\n}\r\n\r\n.feed-back-teacher-item {\r\n    margin-top: 10px;\r\n}\r\n\r\n.wrap-answer {\r\n    border: 1px solid #5f7dcc;\r\n    border-radius: 10px;\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 5px;\r\n    min-height: 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953 !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.textarea-input-answer {\r\n    border-radius: 15px;\r\n    border: 1px solid gray;\r\n    width: 100%;\r\n    padding: 10px;\r\n}\r\n\r\n.result-point {\r\n    font-size: 50px;\r\n    font-family: ui-monospace;\r\n    font-style: italic;\r\n    color: red;\r\n}\r\n\r\n.wrap-content-question {\r\n    border: 2px solid #91a3dc;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.icon-arrow {\r\n    width: 10px;\r\n    height: 20px;\r\n    margin-top: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-ischeck {\r\n    background: orange;\r\n    margin-left: 10px;\r\n    margin-right: 10px;\r\n    margin-bottom: 10px;\r\n    color: white\r\n}\r\n\r\n.question-item-number {\r\n    width: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.color-blue {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: green;\r\n    border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: red;\r\n    border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n    background: #ff832b !important;\r\n    color: white !important;\r\n}\r\n\r\n.btn-check {\r\n    background: #ff832b;\r\n    color: white;\r\n    line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n    background-color: blue !important;\r\n    color: white !important;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.display-flex-center {\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n\r\n\r\n.list-result-number {\r\n    .result-item-number {\r\n        .result-number {\r\n            color: #2100af;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-user-fill {\r\n            color: red;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-answer {\r\n            color: green;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n    }\r\n}\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!./DoExcerciseMixedWord.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!./DoExcerciseMixedWord.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcerciseMixedWord.vue?vue&type=template&id=2b0017f5&scoped=true&\"\nimport script from \"./DoExcerciseMixedWord.vue?vue&type=script&lang=js&\"\nexport * from \"./DoExcerciseMixedWord.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoExcerciseMixedWord.vue?vue&type=style&index=0&id=2b0017f5&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  \"2b0017f5\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[(!_vm.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-3\"},[(_vm.isSubmitExcercise && _vm.dataDetailExcercise.typeExcercise == 1)?_c('div',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))]):_vm._e(),(_vm.isSaveData && _vm.statusSave == 2)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đang lưu ...\\n            \")]):_vm._e(),(_vm.statusSave == 3)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đã lưu\\n            \")]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_c('div',{},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.listAnswer.length > 0 && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.questionNumber)+\"\\n                    \")])}),0),(_vm.isSubmitExcercise)?_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\",attrs:{\"disabled\":_vm.isSaveData && _vm.statusSave == 2,\"href\":\"javascript:;\"},on:{\"click\":_vm.handSubmitExcercise}},[_vm._v(\"\\n\\n                    Nộp bài\\n                \")]):_vm._e()])]):_vm._e(),(_vm.questionSelected)?_c('div',{staticClass:\"wrap-right col-md-9\"},[_c('div',{staticClass:\"wrap-content-question\"},[_c('PreviewQuestion',{ref:\"PreviewQuestion\",attrs:{\"id\":(\"question_\" + (0)),\"dataSource\":_vm.questionSelected,\"location\":0,\"questions\":_vm.listQuestion,\"isDontShowResultSaved\":!_vm.questionSelected.isWorked,\"valCorrectOld\":_vm.itemSelected.valCorrect},on:{\"writedAnswer\":_vm.writedAnswer,\"getResultQuestion\":_vm.getResultQuestion,\"changeAnswerEdittorCK\":_vm.changeAnswerEdittorCK}})],1),(!_vm.isShowResult)?_c('div',{staticClass:\"row justify-content-center margin-top-10\"},[_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-left.png\")},on:{\"click\":_vm.handlePrevQuestion}}),_c('button',{staticClass:\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleCheckItem}},[_vm._v(\"\\n                    Đánh dấu\\n                \")]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-right.png\")},on:{\"click\":_vm.handleNextquestion}})]):_vm._e()]):_vm._e(),(_vm.isShowResult)?_c('div',{staticClass:\"col-md-3\"},[(_vm.dataDetailExcercise.typeUploadExcercise == 3)?_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_vm._m(0),_c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.userExcerciseClassSchool.point))])]),_c('div',{staticClass:\"col-md-12 \"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_vm._m(1),_vm._v(\"\\n                             \\n                             \\n                            \"),_c('div',{staticClass:\"time-complete\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.formatTimeResult())+\"\\n                            \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-blue\"}),_vm._v(\" Số câu đúng: \"+_vm._s(_vm.countQuestionTrue)+\"\\n                    \")]),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-red\"}),_vm._v(\" Số câu sai: \"+_vm._s(_vm.countQuestionFalse)+\"\\n                    \")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-true': item.isTrue, 'is-false': !item.isTrue },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                            \"+_vm._s(item.questionNumber)+\"\\n                        \")])}),0)])]):_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_c('div',{staticClass:\"row col-md-12 wrap-point-feedback display-flex\"},[_vm._m(2),_c('div',{staticClass:\"col-md-8\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.userExcerciseClassSchool.point)))])]),_c('b-collapse',{staticClass:\"row col-md-12\",attrs:{\"visible\":_vm.isShowMoreInfo}},[_c('div',{staticClass:\"col-md-12 font-size-13\"},[_vm._v(\"\\n                                Lời phê:\\n                            \")]),_c('div',{staticClass:\"col-md-12 wrap-feedback-teacher\"},[_c('strong',{domProps:{\"innerHTML\":_vm._s(_vm.userExcerciseClassSchool.feedback)}})]),_c('p'),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"font-size-13\"},[_vm._v(\"Thời gian hoàn thành: \")]),_c('strong',[_vm._v(_vm._s(_vm.formatTimeResult()))])])])],1)]),_c('div',{staticClass:\"row wrap-list-question\"},_vm._l((_vm.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': _vm.itemSelected.id == item.id },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(index + 1)+\"\\n                    \")])}),0),(_vm.itemSelected.id)?_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h5',[_vm._v(\"Câu \"+_vm._s(_vm.itemSelected.numberQuestion)+\": \"+_vm._s(_vm.formatNumber(_vm.itemSelected.pointTeacherFill))+\"/\"+_vm._s(_vm.formatNumber(_vm.itemSelected.maxPoint))+\" điểm\")])]),_c('strong',{staticClass:\"feed-back-teacher-item\"},[_vm._v(\"Nhận xét giáo viên:\")]),_c('div',{staticClass:\"wrap-answer \"},[(_vm.itemSelected.feedback)?_c('div',{staticClass:\"fit-max-height\",domProps:{\"innerHTML\":_vm._s(_vm.itemSelected.feedback)}}):_c('div',[_vm._v(\"\\n                            Giáo viên không nhận xét câu trả lời này.\\n                        \")])])]):_vm._e()])]):_vm._e()]),(_vm.isOpenModalSubmitExcercise)?_c('ModalSubmitExcercise',{attrs:{\"textNotitySubmit\":_vm.textNotitySubmit},on:{\"handleSubmit\":_vm.handleSubmit,\"closeModal\":_vm.closeModalSubmitExcercise}}):_vm._e(),(_vm.isOpenModalTimeOutExcercise)?_c('ModalTimeOutExcercise',{on:{\"closeModal\":_vm.closeModalTimeOutExcercise}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4 text-center\"},[_c('strong',[_vm._v(\"Tổng điểm\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"row\">\r\n            <div v-if=\"!isShowResult\" class=\"wrap-left col-md-3\">\r\n                <div v-if=\"isSubmitExcercise && dataDetailExcercise.typeExcercise == 1\">Còn lại {{ formatTime() }}</div>\r\n                <div class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                    Đang lưu ...\r\n                </div>\r\n                <div class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                    Đã lưu\r\n                </div>\r\n                <div class=\"list-question-number margin-top-10\">\r\n                    <div class=\"\">\r\n                        <div @click=\"handleClickQuestion(item)\" class=\"col-md-2 question-item-number\"\r\n                            :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.listAnswer.length > 0 && !item.isCheck }\"\r\n                            v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                            {{ item.questionNumber }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <a v-if=\"isSubmitExcercise\" :disabled=\"isSaveData && statusSave == 2\" href=\"javascript:;\"\r\n                        @click=\"handSubmitExcercise\"\r\n                        class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\">\r\n\r\n                        Nộp bài\r\n                    </a>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"questionSelected\" class=\"wrap-right col-md-9\">\r\n\r\n                <div class=\"wrap-content-question\">\r\n                    <!-- <div  v-for=\"(dataSource, index) of listQuestion\" :key=\"index\">\r\n                        <div :class=\"{'display-none':questionSelected.questionId != dataSource.questionId}\">\r\n                            <PreviewQuestion :id=\"`question_${index}`\" :dataSource=\"questionSelected\" :location=\"index\"\r\n                            :questions=\"listQuestion\" :isDontShowResultSaved=\"!isShowResult\" @writedAnswer=\"writedAnswer\"\r\n                            @getResultQuestion=\"getResultQuestion\" @changeAnswerEdittorCK=\"changeAnswerEdittorCK\" />\r\n                        </div>\r\n                    </div> -->\r\n                    <PreviewQuestion ref=\"PreviewQuestion\" :id=\"`question_${0}`\" :dataSource=\"questionSelected\"\r\n                        :location=\"0\" :questions=\"listQuestion\" :isDontShowResultSaved=\"!questionSelected.isWorked\"\r\n                        @writedAnswer=\"writedAnswer\" :valCorrectOld=\"itemSelected.valCorrect\"\r\n                        @getResultQuestion=\"getResultQuestion\" @changeAnswerEdittorCK=\"changeAnswerEdittorCK\" />\r\n                </div>\r\n\r\n                <div v-if=\"!isShowResult\" class=\"row justify-content-center margin-top-10\">\r\n                    <img @click=\"handlePrevQuestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-left.png\" />\r\n                    <button type=\"button\" @click=\"handleCheckItem\"\r\n                        class=\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\">\r\n                        Đánh dấu\r\n                    </button>\r\n                    <img @click=\"handleNextquestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-right.png\" />\r\n                </div>\r\n            </div>\r\n            <div v-if=\"isShowResult\" class=\"col-md-3\">\r\n                <div v-if=\"dataDetailExcercise.typeUploadExcercise == 3\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong>Điểm</strong>\r\n\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong class=\"result-point\">{{ userExcerciseClassSchool.point\r\n                                }}</strong>\r\n                        </div>\r\n                        <div class=\"col-md-12 \">\r\n                            <div class=\"display-flex justify-content-space-between\">\r\n                                <div class=\"title-complete\">\r\n                                    <strong>Thời gian hoàn thành</strong>\r\n                                </div>\r\n                                &nbsp;\r\n                                &nbsp;\r\n                                <div class=\"time-complete\">\r\n                                    {{ formatTimeResult() }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-blue\"></span> Số câu đúng: {{ countQuestionTrue }}\r\n                        </div>\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-red\"></span> Số câu sai: {{ countQuestionFalse }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"col-md-2 question-item-number\" @click=\"handleClickQuestion(item)\"\r\n                                :class=\"{ 'is-true': item.isTrue, 'is-false': !item.isTrue }\"\r\n                                v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                                {{ item.questionNumber }}\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n                <div v-else>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"row col-md-12 wrap-point-feedback display-flex\">\r\n                            <div class=\"col-md-4 text-center\">\r\n                                <strong>Tổng điểm</strong>\r\n\r\n                            </div>\r\n                            <div class=\"col-md-8\">\r\n                                <strong class=\"result-point\">{{ formatNumber(userExcerciseClassSchool.point) }}</strong>\r\n                            </div>\r\n                            <!-- <div @click=\"handleShowMoreInfo\" class=\"col-md-12 text-end show-more\">\r\n                                {{!isShowMoreInfo?'Hiện thêm':'Ẩn bớt'}} <img class=\"icon-show-more\" width=\"15px\" src=\"@/assets/img/show-more-down.png\" />\r\n                            </div> -->\r\n                            <b-collapse class=\"row col-md-12\" :visible=\"isShowMoreInfo\">\r\n                                <div class=\"col-md-12 font-size-13\">\r\n                                    Lời phê:\r\n                                </div>\r\n                                <div class=\"col-md-12 wrap-feedback-teacher\">\r\n                                    <strong v-html=\"userExcerciseClassSchool.feedback\"></strong>\r\n                                </div>\r\n                                <p></p>\r\n                                <!-- <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu đúng: </span><strong>{{ countQuestionTrue\r\n                                        }}</strong>\r\n                                </div>\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu sai: </span><strong>{{ countQuestionFalse\r\n                                        }}</strong>\r\n                                </div> -->\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Thời gian hoàn thành: </span><strong>{{\r\n                                        formatTimeResult() }}</strong>\r\n                                </div>\r\n                            </b-collapse>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row wrap-list-question\">\r\n                        <div @click=\"handleClickQuestion(item)\" :class=\"{ 'is-choose': itemSelected.id == item.id }\"\r\n                            class=\"col-md-2 question-item-number\" v-for=\"(item, index) of dataUserWork\" :key=\"index\">\r\n                            {{ index + 1 }}\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"itemSelected.id\" class=\"row margin-top-10\">\r\n                        <div class=\"col-md-12\">\r\n                            <h5>Câu {{ itemSelected.numberQuestion }}: {{ formatNumber(itemSelected.pointTeacherFill)\r\n                                }}/{{\r\n                                    formatNumber(itemSelected.maxPoint) }} điểm</h5>\r\n                        </div>\r\n                        <!-- <strong>Câu trả lời học sinh:</strong>\r\n                        <div class=\"wrap-answer col-md-12\">\r\n                            <div v-html=\"itemSelected.answerUserFill\">\r\n\r\n                            </div>\r\n                            <div class=\"answer-item\">\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                        <p></p> -->\r\n                        <strong class=\"feed-back-teacher-item\">Nhận xét giáo viên:</strong>\r\n                        <div class=\"wrap-answer \">\r\n                            <div v-if=\"itemSelected.feedback\" class=\"fit-max-height\" v-html=\"itemSelected.feedback\">\r\n\r\n                            </div>\r\n                            <div v-else>\r\n                                Giáo viên không nhận xét câu trả lời này.\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <ModalSubmitExcercise :textNotitySubmit=\"textNotitySubmit\" v-if=\"isOpenModalSubmitExcercise\"\r\n            @handleSubmit=\"handleSubmit\" @closeModal=\"closeModalSubmitExcercise\" />\r\n        <ModalTimeOutExcercise v-if=\"isOpenModalTimeOutExcercise\" @closeModal=\"closeModalTimeOutExcercise\" />\r\n\r\n    </div>\r\n</template>\r\n<script>\r\nimport { mapState, mapActions, mapGetters } from \"vuex\";\r\nimport MultipleChoiceNew from './../../../../question/preview-question/answers/multiple-choice/MultipleChoiceNew.vue'\r\nimport { saveUserExcerciseClassSchool, submitExcerciseQuestionBank } from './../../../_api/userExcerciseClassSchool';\r\nimport ModalSubmitExcercise from './ModalSubmitExcercise'\r\nimport ModalTimeOutExcercise from './ModalTimeOutExcercise'\r\nimport EditorCKNew from '@/components/EditorCKNew.vue'\r\nimport PreviewQuestion from '@/modules/question/preview-question-excercise-thieu/PreviewQuestion.vue'\r\n\r\nimport store from '@/modules/question/preview-question-excercise-thieu/_store'\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-excercise-thieu/_store/constants'\r\nexport default {\r\n    components: {\r\n        MultipleChoiceNew,\r\n        ModalSubmitExcercise,\r\n        EditorCKNew,\r\n        PreviewQuestion,\r\n        ModalTimeOutExcercise\r\n    },\r\n    props: {\r\n        dataDetailExcercise: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        userExcerciseClassSchool: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        listQuestionBank: {\r\n            type: Array,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: []\r\n        },\r\n        listUserExcerciseAnswerQuestion: {\r\n            type: Array,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: []\r\n        }\r\n    },\r\n    computed: {\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    },\r\n    data() {\r\n        return {\r\n            isShowMoreInfo: true,\r\n            TYPE_RADIO: 'radio',\r\n            TYPE_CHECKBOX: 'checkbox',\r\n            TYPE_TRUE_FALSE_NO: 'answer_t_f_no',\r\n            TYPE_MATH_COL: 'math_col',\r\n            TYPE_FILL_BLANK: 'fill_blank',\r\n            TYPE_FILL_SENTENCE: 'fill_sentence',\r\n            TYPE_SELECT: 'select',\r\n            TYPE_DOWN_ANSWER: 'down_answer',\r\n            TYPE_CIRCLE_ANSWER: 'circle_answer',\r\n            TYPE_X_MARK: 'x_mark_answer',\r\n            TYPE_DRAW_SHAPE_ANSWER: 'draw_shape_answer',\r\n            TYPE_GROUP: 'group',\r\n            TYPE_FILL_INPUT_IMG: 'fill_input_img',\r\n            dataUserWork: [],\r\n            itemSelected: null,\r\n            questionSelected: null,\r\n            myInterval: null,\r\n            secondTotal: 0,\r\n            isSubmitExcercise: true,\r\n            isOpenModalSubmitExcercise: false,\r\n            textNotitySubmit: '',\r\n            isShowResult: false,\r\n            countQuestionTrue: 0,\r\n            countQuestionFalse: 0,\r\n            listQuestion: [],\r\n            isSaveData: false,\r\n            statusSave: 1,\r\n            myIntervalAutoSave: null,\r\n            dem: 3,\r\n            statusUserExcercise: 0,\r\n            isOpenModalTimeOutExcercise: false,\r\n        }\r\n    },\r\n    mounted() {\r\n        this.listQuestion = this.listQuestionBank\r\n        this.innitData()\r\n        this.saveDataInterval()\r\n    },\r\n    created() {\r\n        if (!(STORE_KEY_QUESTION in this.$store._modules.root._children)) {\r\n            this.$store.registerModule(STORE_KEY_QUESTION, store);\r\n        }\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_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n        getResultQuestion(data) {\r\n            if (data.questionWork.isTrue) {\r\n                this.itemSelected.isTrue = true\r\n            }\r\n            else {\r\n                this.itemSelected.isTrue = false\r\n            }\r\n            this.itemSelected.listAnswer = []\r\n            for (let i = 0; i < data.questionWork.answers.length; i++) {\r\n                const element = data.questionWork.answers[i];\r\n                this.itemSelected.listAnswer.push({\r\n                    answerContent: element.answerContent,\r\n                    answerId: element.answerId,\r\n                    content: element.content,\r\n                    isError: element.isError,\r\n                    position: element.position,\r\n                    questionId: element.questionId,\r\n                    validateString: element.validate ? element.validate.join('#') : null,\r\n                    validateValString: element.validateVal ? element.validateVal.join('#') : null,\r\n                })\r\n            }\r\n            //this.questionSelected = data.questionWork\r\n            this.handleInputAnswer()\r\n\r\n        },\r\n        writedAnswer(data) {\r\n            this.itemSelected.valCorrect = []\r\n            this.checkAnswer()\r\n            this.itemSelected.valCorrect = data.answers\r\n        },\r\n        getAnswerIdQuestionCurrent(answerId) {\r\n            for (let i = 0; i < this.questionSelected.answers.length; i++) {\r\n                const element = this.questionSelected.answers[i];\r\n                if (element.answerId == answerId) {\r\n                    return element;\r\n                }\r\n            }\r\n        },\r\n        getParentAnswer(listAnswer, position) {\r\n            let index = position.split('_')[0]\r\n            return listAnswer[index]\r\n        },\r\n        getAnswerByPostion(val) {\r\n            for (let i = 0; i < this.questionSelected.answers.length; i++) {\r\n                const element = this.questionSelected.answers[i];\r\n                if (element.position == val.parent) {\r\n                    return element\r\n                }\r\n            }\r\n            return {}\r\n        },\r\n        async checkAnswer() {\r\n            console.log('checkAnswer')\r\n            let self = this;\r\n            self.resetValKeyboard()\r\n            if (self.questionSelected.type !== this.typeDownAnswer) {\r\n                self.setQuestionList4CheckAnswer([{ ...self.questionSelected }])\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelected })\r\n            }\r\n\r\n            if (self.questionSelected.type === this.typeGroup) {\r\n                self.txtMissingQuestionGroup = '';\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelected, isGroup: true, parent: parent.questionId })\r\n            }\r\n\r\n            if (self.questionSelected.type !== this.typeDownAnswer) {\r\n                await self.setActionCheckQuestion(true);\r\n            } else {\r\n                self.questionSelected = { ...self.questionSelected, isTrue: true }\r\n                self.saveQuestion2Local(self.questionSelected)\r\n            }\r\n            //this.questionSelected.isWorked =true\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        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        resetValKeyboard() {\r\n            this.valVituralKeyboard && this.setVituralKeyVal({});\r\n        },\r\n        changeAnswerEdittorCK(data) {\r\n            if (this.isShowResult || !this.isSubmitExcercise) {\r\n                return\r\n            }\r\n            if (this.questionSelected.type == this.TYPE_DOWN_ANSWER) {\r\n                this.itemSelected.listAnswer = []\r\n\r\n                if (data.answerContent && data.answerContent != '<p><br></p>') {\r\n                    this.itemSelected.listAnswer.push({\r\n                        answerId: data.answerId,\r\n                        answerContent: data.answerContent,\r\n                        isUserFillTrue: false,\r\n                        questionId: data.questionId\r\n                    })\r\n                    this.handleInputAnswer()\r\n                }\r\n            }\r\n        },\r\n        formatNumber(value) {\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            return value.toFixed(2);\r\n        },\r\n        onEditorChangeAnswer(e) {\r\n            if (this.statusUserExcercise == 0) {\r\n                this.itemSelected.answer = e.html\r\n                this.handleInputAnswer()\r\n            }\r\n\r\n        },\r\n        handleInputAnswer() {\r\n            this.dem = 2\r\n            this.statusSave = 2\r\n            this.isSaveData = true\r\n        },\r\n        saveDataInterval() {\r\n            let self = this\r\n            this.myIntervalAutoSave = setInterval(() => {\r\n                self.dem--\r\n                if (self.dem == 0 && self.isSaveData) {\r\n                    self.dem = -1\r\n                    let listDataSave = []\r\n                    let dataSend = [...self.dataUserWork]\r\n                    for (let i = 0; i < dataSend.length; i++) {\r\n                        const item = dataSend[i];\r\n                        item.answer = item.answer.trim().toLowerCase()\r\n                        if (item.listAnswer.length > 0) {\r\n                            listDataSave.push(item)\r\n                        }\r\n                    }\r\n                    let timeSubmit = (self.dataDetailExcercise.minuteExcercise * 60) - self.secondTotal\r\n\r\n                    let params = {\r\n                        type: 1,\r\n                        lessonClassSchoolId: self.dataDetailExcercise.id,\r\n                        classSchoolId: self.userExcerciseClassSchool.classSchoolId,\r\n                        userExcercisId: self.userExcerciseClassSchool.id,\r\n                        typeUploadExcercise: self.dataDetailExcercise.typeUploadExcercise,\r\n                        listDataUserWorkPdf: listDataSave,\r\n                        timeSubmit: timeSubmit\r\n                    }\r\n                    submitExcerciseQuestionBank(params).then((res) => {\r\n                        self.statusSave = 3\r\n                        self.isSaveData = false\r\n                    })\r\n                }\r\n            }, 1000)\r\n        },\r\n        innitData() {\r\n\r\n            this.countQuestionTrue = 0\r\n            this.countQuestionFalse = 0\r\n            this.dataUserWork = []\r\n\r\n            let listStringIsCheck = ''\r\n            if (this.userExcerciseClassSchool) {\r\n                listStringIsCheck = this.userExcerciseClassSchool.listCheckQuestion\r\n            }\r\n\r\n            let listCheck = []\r\n            if (listStringIsCheck) {\r\n                let arrayTemp = listStringIsCheck.split(',')\r\n                for (let i = 0; i < arrayTemp.length; i++) {\r\n                    listCheck.push(Number(arrayTemp[i]) == 1 ? true : false)\r\n\r\n                }\r\n            }\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                this.dataUserWork.push({\r\n                    id: item.id,\r\n                    excerciseQuestionClassSchoolId: item.id,\r\n                    questionNumber: i + 1,\r\n                    isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                    answer: '',\r\n                    isTrue: false,\r\n                    listAnswer: [],\r\n                    valCorrect: []\r\n                })\r\n                if (i == 0) {\r\n                    this.questionSelected = item\r\n                }\r\n                if (i == 0) {\r\n                    this.itemSelected = this.dataUserWork[0]\r\n\r\n                }\r\n            }\r\n            if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0 && (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5)) {\r\n                //hiển thị thông tin \r\n                this.statusUserExcercise = 1\r\n                this.isShowResult = true\r\n                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                    const item = this.listUserExcerciseAnswerQuestion[i];\r\n                    console.log(item)\r\n                    if (item.isTrue) {\r\n                        this.countQuestionTrue++\r\n                    }\r\n                    else {\r\n                        this.countQuestionFalse++\r\n                    }\r\n\r\n                    ///\r\n                    for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                        let element = this.dataUserWork[j];\r\n                        if (item.excerciseQuestionId == element.id) {\r\n                            element.isTrue = item.isTrue\r\n                            element.answerContent = item.answerContent\r\n                            element.answerUserFill = item.answerUserFill\r\n                            element.answer = item.answerUserFill\r\n                            element.feedback = item.feedback\r\n                            element.pointTeacherFill = item.pointTeacherFill,\r\n                                element.maxPoint = item.maxPoint,\r\n                                element.numberQuestion = item.numberQuestion\r\n                        }\r\n                    }\r\n                }\r\n                this.handleClickQuestion(this.itemSelected)\r\n                console.log(this.itemSelected)\r\n                return\r\n            }\r\n            if (this.userExcerciseClassSchool.status > 0) {\r\n                this.isSubmitExcercise = false\r\n                return\r\n            }\r\n\r\n            for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                const item = this.listUserExcerciseAnswerQuestion[i];\r\n                for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                    const element = this.dataUserWork[j];\r\n                    if (item.excerciseQuestionId == element.id) {\r\n                        element.answer = item.answerUserFill\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n            // sét thời gian\r\n            if (this.userExcerciseClassSchool) {\r\n                let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n\r\n                let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                let secondsDiff = timeDiff / 1000;\r\n                if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                    console.log('Hết thời gian')\r\n                    //this.isSubmitExcercise = false\r\n                }\r\n                else {\r\n                    this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n\r\n                    this.initInterval()\r\n                }\r\n            }\r\n            else {\r\n                this.isSubmitExcercise = false\r\n                this.$router.push('/')\r\n            }\r\n\r\n        },\r\n        formatTimeResult() {\r\n            let hours = Math.floor(this.userExcerciseClassSchool.timeComplete / 3600); // Lấy phần nguyên khi chia cho 3600\r\n            let minutes = Math.floor((this.userExcerciseClassSchool.timeComplete % 3600) / 60); // Lấy phần nguyên của phần dư khi chia cho 3600, sau đó chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n\r\n            if (hours > 0) {\r\n                return `${hours} giờ ${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else if (minutes > 0) {\r\n                return `${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else {\r\n                return `${seconds} giây`;\r\n            }\r\n        },\r\n        handleSubmit(isSaveAuto) {\r\n            this.closeModalSubmitExcercise()\r\n            let self = this\r\n            //format câu trả lời\r\n            let timeSubmit = (this.dataDetailExcercise.minuteExcercise * 60) - this.secondTotal\r\n            let dataSend = [...self.dataUserWork]\r\n            for (let i = 0; i < dataSend.length; i++) {\r\n                const item = dataSend[i];\r\n                item.answer = item.answer.trim().toLowerCase()\r\n            }\r\n            let params = {\r\n                type: 2,\r\n                lessonClassSchoolId: this.dataDetailExcercise.id,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                userExcercisId: this.userExcerciseClassSchool.id,\r\n                typeUploadExcercise: this.dataDetailExcercise.typeUploadExcercise,\r\n                listDataUserWorkPdf: dataSend,\r\n                timeSubmit: timeSubmit\r\n            }\r\n            submitExcerciseQuestionBank(params).then((res) => {\r\n                if (!isSaveAuto) {\r\n                    self.$toast.success('Nộp bài thành công')\r\n                    self.$emit('handleReloadDetailData')\r\n                }\r\n            })\r\n        },\r\n        closeModalSubmitExcercise() {\r\n            this.isOpenModalSubmitExcercise = false\r\n        },\r\n        closeModalTimeOutExcercise() {\r\n            this.isOpenModalTimeOutExcercise = false\r\n            this.$emit('handleReloadDetailData')\r\n        },\r\n        handSubmitExcercise() {\r\n            //kiểm tra\r\n            let isFillAllAnswer = true\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.listAnswer.length == 0) {\r\n                    isFillAllAnswer = false\r\n                    break\r\n                }\r\n            }\r\n            if (isFillAllAnswer) {\r\n                this.textNotitySubmit = 'Bạn có chắc chắn muốn nộp bài'\r\n            }\r\n            else {\r\n                this.textNotitySubmit = 'Hiện vẫn còn 1 số câu chưa làm. Bạn có chắc chắn muốn nộp bài luôn?'\r\n            }\r\n            this.isOpenModalSubmitExcercise = true\r\n        },\r\n        beforeDestroy() {\r\n            if (this.myInterval) {\r\n                clearInterval(this.myInterval)\r\n            }\r\n            if (this.myIntervalAutoSave) {\r\n                clearInterval(this.myIntervalAutoSave)\r\n            }\r\n        },\r\n        changeAnswer(e, data) {\r\n            console.log(this.questionSelected, data.location)\r\n            let answerItem = this.questionSelected.answers[data.location]\r\n\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.id == answerItem.excerciseQuestionId) {\r\n                    item.answer = answerItem.content\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handleNextquestion() {\r\n            this.questionSelected = null\r\n            let indexNext = 0\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.id == this.itemSelected.id) {\r\n                    indexNext = i + 1\r\n                    if (indexNext >= this.dataUserWork.length) {\r\n                        indexNext = 0\r\n                    }\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = this.dataUserWork[indexNext]\r\n\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                // eslint-disable-next-line no-cond-assign\r\n                if (item.id == this.itemSelected.id) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handlePrevQuestion() {\r\n            this.questionSelected = null\r\n            let indexNext = 0\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item.id == this.itemSelected.id) {\r\n                    indexNext = i - 1\r\n                    if (indexNext < 0) {\r\n                        indexNext = this.dataUserWork.length - 1\r\n                    }\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = this.dataUserWork[indexNext]\r\n\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                // eslint-disable-next-line no-cond-assign\r\n                if (item.id == this.itemSelected.id) {\r\n                    this.questionSelected = item\r\n                    console.log(item)\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handleCheckItem() {\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item == this.itemSelected) {\r\n                    // code cũ\r\n                    // item.isCheck = true\r\n                    // code mới -> click lần 2 thì bỏ đánh dấu\r\n                    item.isCheck = !item.isCheck\r\n                }\r\n            }\r\n            this.updateIsCheckQuestion()\r\n        },\r\n        updateIsCheckQuestion() {\r\n            let listCheck = []\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                listCheck.push(item.isCheck ? 1 : 0)\r\n            }\r\n\r\n            let params = {\r\n                statusId: 2,\r\n                lessonClassSchoolId: this.userExcerciseClassSchool.lessonClassSchoolId,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                listCheckQuestion: listCheck.join(',')\r\n            }\r\n            saveUserExcerciseClassSchool(params).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    console.log(res.data)\r\n                }\r\n            })\r\n        },\r\n\r\n        initInterval() {\r\n            let self = this\r\n            this.myInterval = setInterval(() => {\r\n                this.secondTotal--\r\n                if (this.secondTotal <= 0) {\r\n                    this.isSubmitExcercise = false\r\n                    clearInterval(self.myInterval)\r\n                    ///\r\n                    this.handleSubmit(true)\r\n                    this.isOpenModalTimeOutExcercise = true\r\n                }\r\n            }, 1000)\r\n        },\r\n        formatTime() {\r\n            let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.secondTotal % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes}:${seconds}`\r\n            }\r\n            return `${seconds}`\r\n        },\r\n        handleClickQuestion(questionCurrent) {\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                if (questionCurrent.id == item.id) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n            if (this.questionSelected.type == this.TYPE_MATH_COL) {\r\n                this.$refs.PreviewQuestion.reLoadData()\r\n            }\r\n            this.itemSelected = questionCurrent\r\n            if (this.dataDetailExcercise.typeUploadExcercise == 4) {\r\n                //lấy ra điểm max\r\n                for (let i = 0; i < this.dataDetailExcercise.listExcerciseQuestionClassSchool.length; i++) {\r\n                    const element = this.dataDetailExcercise.listExcerciseQuestionClassSchool[i];\r\n                    if (element.id == this.itemSelected.id) {\r\n                        this.itemSelected.maxPoint = element.point\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.fit-max-height {\r\n    min-height: 2rem;\r\n}\r\n\r\n.wrap-point-feedback {\r\n    border: 1px solid gray;\r\n    margin-left: 5px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.wrap-feedback-teacher {\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 10px;\r\n}\r\n\r\n.feed-back-teacher-item {\r\n    margin-top: 10px;\r\n}\r\n\r\n.wrap-answer {\r\n    border: 1px solid #5f7dcc;\r\n    border-radius: 10px;\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 5px;\r\n    min-height: 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953 !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.textarea-input-answer {\r\n    border-radius: 15px;\r\n    border: 1px solid gray;\r\n    width: 100%;\r\n    padding: 10px;\r\n}\r\n\r\n.result-point {\r\n    font-size: 50px;\r\n    font-family: ui-monospace;\r\n    font-style: italic;\r\n    color: red;\r\n}\r\n\r\n.wrap-content-question {\r\n    border: 2px solid #91a3dc;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.icon-arrow {\r\n    width: 10px;\r\n    height: 20px;\r\n    margin-top: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-ischeck {\r\n    background: orange;\r\n    margin-left: 10px;\r\n    margin-right: 10px;\r\n    margin-bottom: 10px;\r\n    color: white\r\n}\r\n\r\n.question-item-number {\r\n    width: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.color-blue {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: green;\r\n    border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: red;\r\n    border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n    background: #ff832b !important;\r\n    color: white !important;\r\n}\r\n\r\n.btn-check {\r\n    background: #ff832b;\r\n    color: white;\r\n    line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n    background-color: blue !important;\r\n    color: white !important;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.display-flex-center {\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n\r\n\r\n.list-result-number {\r\n    .result-item-number {\r\n        .result-number {\r\n            color: #2100af;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-user-fill {\r\n            color: red;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-answer {\r\n            color: green;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n    }\r\n}\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!./DoExcerciseMixedBank.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!./DoExcerciseMixedBank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcerciseMixedBank.vue?vue&type=template&id=3f89e6f8&scoped=true&\"\nimport script from \"./DoExcerciseMixedBank.vue?vue&type=script&lang=js&\"\nexport * from \"./DoExcerciseMixedBank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoExcerciseMixedBank.vue?vue&type=style&index=0&id=3f89e6f8&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  \"3f89e6f8\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <section>\r\n        <div class=\"ss-breadcrumb\">\r\n            <div class=\"container-hts\">\r\n                <ul class=\"margin-0 p-0\">\r\n                    <li><router-link to=\"/danh-sach-lop-hoc\">Lớp học</router-link></li>\r\n                    <li><router-link to=\"/danh-sach-lop-hoc\">Lớp học của tôi</router-link></li>\r\n                    <li><router-link to=\"\">{{ this.$route.query.className }}</router-link></li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"container-hts margin-top-20\">\r\n            <div class=\"title-header\">\r\n                <h4><strong>{{ dataDetailExcercise.name }}</strong></h4>\r\n            </div>\r\n\r\n            <DoExcerciseMixedWord :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataMixedWord\" v-if=\"isOpenDoExcerciseMixedWord\" />\r\n            <DoExcerciseChooseWord :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataChooseWord\" v-if=\"isOpenDoExcerciseChooseWord\" />\r\n            <DoExcerciseChooseBank ref=\"DoExcerciseChooseBank\" :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\" :listQuestion=\"listQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataChooseBank\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" v-if=\"isOpenDoExcerciseChooseBank\" />\r\n            <DoExcercisePdf ref=\"DoExcercisePdf\" :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailData\" v-if=\"isOpenModalDoExcercisePdf\" />\r\n            <DoExcerciseMixedBank :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" :listQuestionBank=\"listQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataMixedBank\" v-if=\"isOpenDoExcerciseMixedBank\" />\r\n        </div>\r\n    </section>\r\n</template>\r\n\r\n<script>\r\nimport { GetDetailExcerciseDoWork } from './../../_api/LessonClassSchoolServices'\r\nimport DoExcercisePdf from './_components/DoExcercisePdf.vue'\r\nimport { saveUserExcerciseClassSchool } from './../../_api/userExcerciseClassSchool';\r\nimport DoExcerciseChooseBank from './_components/DoExcerciseChooseBank'\r\nimport DoExcerciseChooseWord from './_components/DoExcerciseChooseWord'\r\nimport DoExcerciseMixedWord from './_components/DoExcerciseMixedWord'\r\nimport DoExcerciseMixedBank from './_components/DoExcerciseMixedBank'\r\nexport default {\r\n    components: {\r\n        DoExcercisePdf,\r\n        DoExcerciseChooseBank,\r\n        DoExcerciseChooseWord,\r\n        DoExcerciseMixedWord,\r\n        DoExcerciseMixedBank\r\n    },\r\n    data() {\r\n        return {\r\n            classSchoolId: 0,\r\n            lessonClassSchoolId: 0,\r\n            dataDetailExcercise: {},\r\n            userExcerciseClassSchool: {},\r\n            listUserExcerciseAnswerQuestion: [],\r\n            listQuestion: [],\r\n            isOpenModalDoExcercisePdf: false,\r\n            isOpenDoExcerciseChooseBank: false,\r\n            isOpenDoExcerciseChooseWord: false,\r\n            isOpenDoExcerciseMixedWord: false,\r\n            isOpenDoExcerciseMixedBank: false\r\n        }\r\n    },\r\n    watch:{\r\n        '$route.query.id':{\r\n            handler: function(a) {\r\n                this.dataDetailExcercise= {}\r\n                this.userExcerciseClassSchool= {}\r\n                this.listUserExcerciseAnswerQuestion= []\r\n                this.listQuestion= []\r\n                this.isOpenModalDoExcercisePdf= false\r\n                this.isOpenDoExcerciseChooseBank= false\r\n                this.isOpenDoExcerciseChooseWord= false\r\n                this.isOpenDoExcerciseMixedWord= false\r\n                this.isOpenDoExcerciseMixedBank= false\r\n                this.lessonClassSchoolId = this.$route.query.id\r\n                 this.classSchoolId = this.$route.query.classSchoolId\r\n                this.getDetailLessonClassSchool()\r\n                \r\n            },\r\n            deep: true,\r\n            immediate: true\r\n        }\r\n    },\r\n    mounted() {\r\n        this.lessonClassSchoolId = this.$route.query.id\r\n        this.classSchoolId = this.$route.query.classSchoolId\r\n        this.getDetailLessonClassSchool()\r\n        //this.saveUserExcercise()\r\n    },\r\n    methods: {\r\n        handleReloadDetailDataMixedBank() {\r\n            this.isOpenDoExcerciseMixedBank = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcerciseMixedBank = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n        },\r\n        handleReloadDetailDataMixedWord() {\r\n            this.isOpenDoExcerciseMixedWord = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcerciseMixedWord = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n        },\r\n        handleReloadDetailDataChooseWord() {\r\n            this.isOpenDoExcerciseChooseWord = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcerciseChooseWord = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n        },\r\n        handleReloadDetailDataChooseBank() {\r\n            this.isOpenDoExcerciseChooseBank = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcerciseChooseBank = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n        },\r\n        handleReloadDetailData() {\r\n            this.isOpenModalDoExcercisePdf = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenModalDoExcercisePdf = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n\r\n        },\r\n        saveUserExcercise() {\r\n            let params = {\r\n                statusId: 1,\r\n                lessonClassSchoolId: this.lessonClassSchoolId,\r\n                classSchoolId: this.classSchoolId,\r\n            }\r\n            saveUserExcerciseClassSchool(params).then(() => {\r\n\r\n            })\r\n        },\r\n        getDetailLessonClassSchool(callback = null) {\r\n            let self = this\r\n            let params = {\r\n                lessonClassSchoolId: this.lessonClassSchoolId,\r\n                classSchoolId: this.classSchoolId\r\n            }\r\n            GetDetailExcerciseDoWork(params).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.dataDetailExcercise = res.data.lessonClassSchoolModel\r\n                    self.userExcerciseClassSchool = res.data.userExcerciseClassSchoolModel\r\n                    self.listUserExcerciseAnswerQuestion = res.data.listUserExcerciseAnswerQuestion\r\n                    self.listQuestion = res.data.listQuestion\r\n                    if (self.dataDetailExcercise.typeUploadExcercise == 5 || self.dataDetailExcercise.typeUploadExcercise == 6) {\r\n                        this.isOpenModalDoExcercisePdf = true\r\n                    }\r\n                    else if (self.dataDetailExcercise.typeUploadExcercise == 1) {\r\n                        this.isOpenDoExcerciseChooseBank = true\r\n                    }\r\n                    else if (self.dataDetailExcercise.typeUploadExcercise == 2) {\r\n                        this.isOpenDoExcerciseMixedBank = true\r\n                    }\r\n                    else if (self.dataDetailExcercise.typeUploadExcercise == 3) {\r\n                        this.isOpenDoExcerciseChooseWord = true\r\n                    } else if (self.dataDetailExcercise.typeUploadExcercise == 4) {\r\n                        this.isOpenDoExcerciseMixedWord = true\r\n                    }\r\n\r\n                    if (callback) {\r\n                        callback()\r\n                    }\r\n                }\r\n            })\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-20 {\r\n    margin-top: 20px;\r\n}\r\n\r\n.title-header h4 {\r\n    color: #263cb8;\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!./PageDoExcercise.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!./PageDoExcercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageDoExcercise.vue?vue&type=template&id=f2781546&scoped=true&\"\nimport script from \"./PageDoExcercise.vue?vue&type=script&lang=js&\"\nexport * from \"./PageDoExcercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageDoExcercise.vue?vue&type=style&index=0&id=f2781546&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  \"f2781546\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}