{"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/DoExcercisePdf.vue?e190","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSuccessExcercise.vue?073d","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?796f","webpack:///./src/modules/class-school/_api/userExcerciseClassSchool.js","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue?3fb4","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercise_Choose_Word.vue?943b","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue?f913","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedBank.vue?87d2","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalTimeOutExcercise.vue?e49d","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue?afc0","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue?e7c3","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?058f","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?db91","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?2541","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/DoExcercise_Choose_Word.vue?6ac3","webpack:///src/modules/class-school/member/excercise_class_school/_components/DoExcercise_Choose_Word.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercise_Choose_Word.vue?72a1","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercise_Choose_Word.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue?ec77","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?0ff4","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","toUpperCase","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","isOpenModalTimeOutExcercise","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","isNotSave","computed","routerParams","screenWidth","mapState","created","mapActions","answerId","content","isError","position","questionId","validateString","validateValString","excerciseQuestionId","checkAnswer","isGroup","parent","setResultQuestionsSlider","setResultQuestionForSidebarOfAccFree","questionCorrect","questionInCorrect","questionNotDone","resetValKeyboard","initIntervalAutoSave","innitData","valCorrectString","setTimeout","changeAnswer","indexNext","questionCurrent","indexanswers","MultipleChoiceNew","changeAnswerEdittorCK","answers","isUserFillTrue","isWorked","listQuestionBank","getAnswerIdQuestionCurrent","getParentAnswer","getAnswerByPostion","val","handleInputAnswer","DoExcercisePdf","DoExcerciseChooseBank","DoExcercise_Choose_Word","DoExcerciseMixedWord","DoExcerciseMixedBank","isOpenModalDoExcercisePdf","isOpenDoExcerciseChooseBank","isOpenDoExcercise_Choose_Word","isOpenDoExcerciseMixedWord","isOpenDoExcerciseMixedBank","watch","handler","deep","immediate","saveUserExcercise","getDetailLessonClassSchool","GetDetailExcerciseDoWork"],"mappings":"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ACAuB,6CACAC,uDACAC,6CACA3E,8DACA4E,sBACAC,cAEA1I,oCACAoI,eACAA,sBAGA,MAEAmF,UA7KA,WA6KA,WAEA,yBACA,0BACA,qBAEA,SACA,gCACAjE,mDAGA,SACA,KAEA,IADA,mBACA,mBACAL,wBAIA,4CACA,2BACA,wBACAjE,QACAuE,oCACA7D,mBACAH,yBACAC,UACA6E,UACAX,cACAG,cACA2D,oBACAzG,cAEA,OACA,yBAEA,OACA,wCAIA,wFAEA,8DAEA,IADA,8CACA,oCACA,2BACA,8BACAyC,kBACAA,gCACAA,kCACAA,0BACAA,sBACAA,sCACAA,sBACAA,kCACAA,kEACAA,2CAIA7H,+BACA,+CACA8L,uBACA,uCACA,KAGA,4KAEA,2BACA,qBACA,+DACA,8CACA9L,eACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACA6H,kBACAA,gCACAA,kCACAA,0BACAA,sBACAA,sCACAA,sBACAA,kCACAA,kEACAA,4CAIA,gDA/BA,CAoCA,8DAEA,IADA,8CACA,oCACA,2BACA,gCACAA,0BAEA,OAIA,yEACA,+BAIA,kCACA,mEAEA,4EAEA,QACA,8CACA7H,8BAIA,yEAEA,0BAIA,0BACA,yBAIAsC,iBA3TA,WA4TA,kEACA,iEACA,gDAEA,WACA,wFACA,IACA,sEAEA,sBAGAwC,aAxUA,SAwUAmC,GACA,iCAGA,IAFA,WAEA,oCACA,2BACAvE,kBAEA,mEAEA,GACA0C,OACAuB,gDACAC,0DACAC,gDACA3E,iEACA4E,sCACAC,cAEA1I,oCACA,IACAoI,uCACAA,uCAIA1B,0BAlWA,WAmWA,oCAEAE,2BArWA,WAsWA,oCACA,sCAEAL,oBAzWA,WA4WA,IADA,SACA,oCACA,2BACA,cACAsC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cA3XA,WA4XA,iBACAL,+BAEA,yBACAA,wCAGA2E,aAnYA,SAmYA9N,EAAAF,GAEAiC,8CAGA,IAFA,gDAEA,oCACA,2BACA,gCACA0C,mBACA,OAIA,2BAEA8F,mBAlZA,WAmZA,2BAEA,IADA,QACA,oCACA,2BACA,+B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,QACA,wBACAA,SAGA,IAFA,SACA,qBACA,oBACA,WACA/D,uCACA,uBACAgE,UAGA,6DAEA,GACAtB,OACAuB,6CACAC,uDACAC,6CACA3E,8DACA4E,sBACAC,cAEA5I,oCACAsI,eACAA,sBAGA,MAEAmF,UArLA,WAqLA,WAEA,yBACA,0BACA,qBAEA,SACA,gCACAjE,mDAGA,SACA,KAEA,IADA,mBACA,mBACAL,wBAIA,4CACA,2BACA,wBACAjE,QACAuE,oCACA7D,mBACAH,yBACAC,UACA6E,UACAX,cACAG,cACA2D,oBACAzG,cAEA,OACA,yBAEA,OACA,wCAIA,wFAEA,8DAEA,IADA,8CACA,oCACA,2BACA,0DACAyC,kEACAA,0CACAA,mBAIA,+CACAiE,uBACA,uCACA,KAKA,4KAEA,2BACA,qBACA,+DACA,8CACA9L,eACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACA6H,kBACAA,gCACAA,kCACAA,0BACAA,sBACAA,sCACAA,sBACAA,oCAMA,OAFA,iDACA7H,+BAGA,yEACA,8BADA,CAKA,8DAEA,IADA,8CACA,oCACA,2BACA,gCACA6H,0BACA,OAKA,kCACA,mEAEA,4EAEA,QACA,8CACA7H,8BAIA,yEAEA,0BAIA,0BACA,yBAIAsC,iBA1TA,WA2TA,kEACA,iEACA,gDAEA,WACA,wFACA,IACA,sEAEA,sBAGAwC,aAvUA,SAuUAmC,GACA,iCAKA,IAJA,WAEA,+DACA,qBACA,oBACA,WACAvE,uCAEA,OACA0C,OACAuB,gDACAC,0DACAC,gDACA3E,iEACA4E,sBACAC,cAEA5I,oCACA,IACAsI,uCACAA,uCAIA1B,0BAjWA,WAkWA,oCAEAE,2BApWA,WAqWA,oCACA,sCAEAL,oBAxWA,WA2WA,IADA,SACA,oCACA,2BACA,2BACAsC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cA1XA,WA2XA,iBACAL,+BAEA,yBACAA,wCAGA2E,aAlYA,SAkYA9N,EAAAF,GACAiC,8CAGA,IAFA,gDAEA,oCACA,2BACA,gCACA0C,mBACA,SAIA8F,mBA9YA,WA+YA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAwD,MACA,8BACAA,KAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACA,SAIAzD,mBAvaA,WAwaA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAyD,MACA,MACAA,8BAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACAhM,eACA,SAIAgE,gBAjcA,WAkcA,4CACA,2BACA,uBAIAtB,sBAGA,8BAEA2E,sBA7cA,WA+cA,IADA,SACA,oCACA,2BACAC,sBAGA,OACAC,WACAZ,sEACAC,0DACAY,+BAEAhK,oCACA,sBACAwC,wBAKAmH,aAjeA,WAieA,WACA,OACA,wCACA,gBACA,mBACA,uBACAC,4BAEA,mBACA,oCAEA,MAEAzD,WA9eA,WA+eA,sCACA,sBACA,WACA,2BAEA,cAEAG,oBAtfA,SAsfAmI,GAEA,IAFA,WAEA,oCACA,2BACA,eACA,wBACA,OAUA,GANA,oBACA,+CACAH,uBACA,uCACA,KAEA,gDAEA,oFACA,mEACA,+BACA,mCACA,YCvyB0Z,MCQtZ,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QC6BA,IACfpG,YACAoH,iBACAC,yBACAC,2BACAC,wBACAC,yBAEAnP,KARA,WASA,OACA6I,gBACAD,sBACAzF,uBACAE,4BACAC,mCACAM,gBACAwL,6BACAC,+BACAC,iCACAC,8BACAC,gCAGAC,OACA,mBACAC,oBACA,4BACA,iCACA,wCACA,qBACA,kCACA,oCACA,sCACA,mCACA,mCACA,8CACA,mDACA,mCAGAC,QACAC,eAGArI,QA5CA,WA6CA,8CACA,oDAIAC,SACAzD,gCADA,WACA,WACA,mCACA,4CACA,oCAIAP,gCARA,WAQA,WACA,mCACA,4CACA,oCAIAE,iCAfA,WAeA,WACA,sCACA,4CACA,uCAIAG,iCAtBA,WAsBA,WACA,oCACA,4CACA,qCAIAC,uBA7BA,WA6BA,WACA,kCACA,4CACA,mCAKA+L,kBArCA,WAsCA,OACArG,WACAZ,6CACAC,kCAEApJ,wCAIAqQ,2BA/CA,WA+CA,yEACA,OACA,GACAlH,6CACAC,kCAEAkH,oCACA,uBACArH,oDACAA,gEACAA,yEACAA,mCACA,2FACA,+BAEA,6CACA,iCAEA,6CACA,gCAEA,6CACA,mCACA,+CACA,iCAGA,GACAnC,WC7KsY,MCQlY,I,UAAY,eACd,GACAlE,EACA2B,GACA,EACA,KACA,WACA,OAIa,gB","file":"js/chunk-6018fdbc.34089bf8.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!./DoExcercisePdf.vue?vue&type=style&index=1&id=c25d45d6&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!./DoExcercisePdf.vue?vue&type=style&index=0&id=c25d45d6&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!./PageDoExcercise.vue?vue&type=style&index=0&id=a6a3b64e&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!./DoExcercise_Choose_Word.vue?vue&type=style&index=0&id=0d979a86&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!./DoExcerciseChooseBank.vue?vue&type=style&index=0&id=ea47e684&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=174f0ef2&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!./ModalTimeOutExcercise.vue?vue&type=style&index=0&id=500e0a58&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=4c37f1b0&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.isOpenDoExcercise_Choose_Word)?_c('DoExcercise_Choose_Word',{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)+\".\")]),_vm._v(\"\\n                             \\n                            \"),_c('span',{staticClass:\"result-user-fill\",domProps:{\"innerHTML\":_vm._s(item.answerUserFill == item.answerContent ? '' : item.answerUserFill.toUpperCase())}}),_vm._v(\"\\n                             \\n                            \"),_c('span',{staticClass:\"result-answer\"},[_vm._v(\"\\n                                \"+_vm._s(item.answerContent ? item.answerContent.toUpperCase() :\n                                item.feedback.toUpperCase())+\"\\n                                 \\n                                \"),(item.answerUserFill == item.answerContent)?_c('img',{staticClass:\"icon-check\",attrs:{\"src\":require(\"@/assets/img/check.png\"),\"alt\":\"\"}}):_vm._e()])])}),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.modal-delete-lesson__body{\r\n    background-color: white;\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=500e0a58&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=500e0a58&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  \"500e0a58\",\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\"\r\n                        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                                &nbsp;\r\n                                <span class=\"result-user-fill\"\r\n                                    v-html=\"item.answerUserFill == item.answerContent ? '' : item.answerUserFill.toUpperCase()\"></span>\r\n                                &nbsp;\r\n                                <span class=\"result-answer\">\r\n                                    {{ item.answerContent ? item.answerContent.toUpperCase() :\r\n                                    item.feedback.toUpperCase()}}\r\n                                    &nbsp;\r\n                                    <!-- thêm dấu check sau câu đúng -->\r\n                                    <img v-if=\"item.answerUserFill == item.answerContent\" src=\"@/assets/img/check.png\"\r\n                                        class=\"icon-check\" alt /></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            isOpenModalTimeOutExcercise: 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 && 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\r\n.icon-check {\r\n    width: 18px;\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=c25d45d6&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=c25d45d6&lang=scss&scoped=true&\"\nimport style1 from \"./DoExcercisePdf.vue?vue&type=style&index=1&id=c25d45d6&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  \"c25d45d6\",\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 },attrs:{\"disabled\":_vm.isSaveData && _vm.statusSave == 2},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 :disabled=\"isSaveData && statusSave == 2\" @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            isNotSave: 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    \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            // if(this.isNotSave){\r\n            //     this.isNotSave = false\r\n            //     console.log('stoppp')\r\n            //     return\r\n            // }\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                        excerciseQuestionId:this.itemSelected.excerciseQuestionClassSchoolId\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            if(data.answers && data.answers.length>0){\r\n                this.itemSelected.valCorrectString = JSON.stringify(data.answers) \r\n            }\r\n            \r\n        },\r\n\r\n        async checkAnswer() {\r\n            console.log('checkAnswer')\r\n            let self = this;\r\n            self.resetValKeyboard()\r\n            if (self.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                    console.log(self.dataUserWork)\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                    valCorrectString:'',\r\n                    type:item.type\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.excerciseQuestionClassSchoolId) {\r\n                            element.valCorrect =  item.valCorrectString?JSON.parse(item.valCorrectString):[]\r\n                            element.listAnswer = item.listAnswer?item.listAnswer:[]\r\n                            element.isTrue = item.isTrue\r\n                        }\r\n                    }\r\n                }\r\n                if(this.questionSelected.type == this.typeMatchCol){\r\n                    setTimeout(() => {\r\n                        this.$refs.PreviewQuestion.reLoadData()\r\n                    }, 1000);\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.excerciseQuestionClassSchoolId) {\r\n                            element.isTrue = item.isTrue\r\n                            element.answerContent = item.answerContent\r\n                            element.answer = item.answerUserFill\r\n                            element.valCorrect =  item.valCorrectString?JSON.parse(item.valCorrectString):[]\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            if(this.questionSelected.type == this.typeMatchCol){\r\n                    setTimeout(() => {\r\n                        this.$refs.PreviewQuestion.reLoadData()\r\n                    }, 1000);\r\n                }\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=ea47e684&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=ea47e684&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  \"ea47e684\",\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.listAnswer.length > 0) && !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\"},[(_vm.questionSelected.questionId>0)?_c('div',{staticClass:\"wrap-content-question\"},[_c('PreviewQuestion',{ref:\"PreviewQuestion\",attrs:{\"id\":(\"question_\" + (0)),\"dataSource\":_vm.questionSelected,\"location\":0,\"valCorrectOld\":_vm.itemSelected.valCorrect,\"questions\":[_vm.questionSelected],\"isDontShowResultSaved\":!_vm.isShowResult},on:{\"getResultQuestion\":_vm.getResultQuestion,\"writedAnswer\":_vm.writedAnswer}})],1):_c('div',{staticClass:\"wrap-content-question\"},[_c('div',{staticClass:\"name-question\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questionSelected.content)}})]),_vm._l((_vm.questionSelected.answers),function(item,indexanswers){return _c('div',{key:indexanswers},[_c('MultipleChoiceNew',{attrs:{\"dataSource\":item,\"nameField\":(\"answer_\" + (_vm.questionSelected.questionId)),\"location\":indexanswers,\"parent\":_vm.questionSelected,\"valueSelected\":_vm.itemSelected.answer,\"answerContent\":_vm.itemSelected.answerContent,\"statusUserExcercise\":_vm.statusUserExcercise},on:{\"changeAnswer\":_vm.changeAnswer}})],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('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)\" 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.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 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                </div>\r\n            </div>\r\n\r\n            <div v-if=\"questionSelected\" class=\"wrap-right col-md-9\">\r\n\r\n                <div v-if=\"questionSelected.questionId>0\" class=\"wrap-content-question\">\r\n                    <PreviewQuestion ref=\"PreviewQuestion\" :id=\"`question_${0}`\" :dataSource=\"questionSelected\"\r\n                        :location=\"0\" :valCorrectOld=\"itemSelected.valCorrect\" :questions=\"[questionSelected]\"\r\n                        @getResultQuestion=\"getResultQuestion\" :isDontShowResultSaved=\"!isShowResult\"\r\n                        @writedAnswer=\"writedAnswer\" />\r\n                </div>\r\n                <div v-else 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=\"(item, indexanswers) of questionSelected.answers\" :key=\"indexanswers\">\r\n                                <MultipleChoiceNew :dataSource=\"item\"\r\n                                    :nameField=\"`answer_${questionSelected.questionId}`\" :location=\"indexanswers\" :parent=\"questionSelected\"\r\n                                    :valueSelected=\"itemSelected.answer\" :answerContent=\"itemSelected.answerContent\"\r\n                                    :statusUserExcercise=\"statusUserExcercise\" @changeAnswer=\"changeAnswer\" />\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\"\r\n                                    v-html=\"questionSelected && questionSelected.answerContent ? questionSelected.answerContent : ''\">\r\n                                </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            </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\" @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 { mapState, mapActions, mapGetters } from \"vuex\";\r\nimport PreviewQuestion from '@/modules/question/preview-question-excercise-thieu/PreviewQuestion.vue'\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\nconst correct = require('@/assets/audio/correct.mp3')\r\nconst incorrect = require('@/assets/audio/incorrect.mp3')\r\nimport store from '@/modules/question/preview-question-excercise-thieu/_store'\r\n\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\n\r\nexport default {\r\n    components: {\r\n        MultipleChoiceNew,\r\n        ModalSubmitExcercise,\r\n        ModalTimeOutExcercise,\r\n        PreviewQuestion\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            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            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    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    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(this.isNotSave){\r\n            //     this.isNotSave = false\r\n            //     console.log('stoppp')\r\n            //     return\r\n            // }\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                        excerciseQuestionId:this.itemSelected.excerciseQuestionClassSchoolId\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            if(data.answers && data.answers.length>0){\r\n                this.itemSelected.valCorrectString = JSON.stringify(data.answers) \r\n            }\r\n            \r\n        },\r\n\r\n        async checkAnswer() {\r\n            console.log('checkAnswer')\r\n            let self = this;\r\n            self.resetValKeyboard()\r\n            if (self.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                    console.log(self.dataUserWork)\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 || 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                    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                    listAnswer: [],\r\n                    valCorrect: [],\r\n                    valCorrectString:'',\r\n                    type:item.type\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                        let 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                            element.isTrue = item.isTrue,\r\n                            element.valCorrect =  item.valCorrectString?JSON.parse(item.valCorrectString):[]\r\n                            element.listAnswer = item.listAnswer?item.listAnswer:[]\r\n                        }\r\n                    }\r\n                }\r\n                console.log(this.dataUserWork)\r\n                if(this.questionSelected.type == this.typeMatchCol){\r\n                    setTimeout(() => {\r\n                        this.$refs.PreviewQuestion.reLoadData()\r\n                    }, 1000);\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.answerContent = item.answerContent\r\n                            element.answer = item.answerUserFill\r\n                            element.isTrue = item.isTrue,\r\n                            element.valCorrect =  item.valCorrectString?JSON.parse(item.valCorrectString):[]\r\n                            element.listAnswer = item.listAnswer?item.listAnswer:[]\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            if(this.questionSelected.type == this.typeMatchCol){\r\n                    setTimeout(() => {\r\n                        this.$refs.PreviewQuestion.reLoadData()\r\n                    }, 1000);\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!./DoExcercise_Choose_Word.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!./DoExcercise_Choose_Word.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcercise_Choose_Word.vue?vue&type=template&id=0d979a86&scoped=true&\"\nimport script from \"./DoExcercise_Choose_Word.vue?vue&type=script&lang=js&\"\nexport * from \"./DoExcercise_Choose_Word.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoExcercise_Choose_Word.vue?vue&type=style&index=0&id=0d979a86&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  \"0d979a86\",\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.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ộp bài\\n                \")]):_vm._e()])]):_vm._e(),(_vm.questionSelected)?_c('div',{staticClass:\"wrap-right col-md-9\"},[(_vm.questionSelected.questionId>0)?_c('div',{staticClass:\"wrap-content-question\"},[_c('PreviewQuestion',{ref:\"PreviewQuestion\",attrs:{\"id\":(\"question_\" + (0)),\"dataSource\":_vm.questionSelected,\"location\":0,\"valCorrectOld\":_vm.itemSelected.valCorrect,\"questions\":[_vm.questionSelected],\"isDontShowResultSaved\":!_vm.isShowResult},on:{\"getResultQuestion\":_vm.getResultQuestion,\"changeAnswerEdittorCK\":_vm.changeAnswerEdittorCK,\"writedAnswer\":_vm.writedAnswer}})],1):_c('div',{staticClass:\"wrap-content-question\"},[_c('div',{staticClass:\"name-question\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questionSelected.content)}})]),(_vm.questionSelected.answers.length > 0)?_c('div',_vm._l((_vm.questionSelected.answers),function(item,indexanswers){return _c('MultipleChoiceNew',{key:indexanswers,attrs:{\"dataSource\":item,\"nameField\":(\"answer_\" + (_vm.questionSelected.questionId)),\"location\":indexanswers,\"parent\":_vm.questionSelected,\"valueSelected\":_vm.itemSelected.answer,\"answerContent\":_vm.itemSelected.answerContent,\"statusUserExcercise\":_vm.statusUserExcercise},on:{\"changeAnswer\":_vm.changeAnswer}})}),1):_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.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()]),(!_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.questionNumber)+\": \"+_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.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                        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                <div v-if=\"questionSelected.questionId>0\" class=\"wrap-content-question\">\r\n                    <PreviewQuestion  ref=\"PreviewQuestion\" :id=\"`question_${0}`\" :dataSource=\"questionSelected\"\r\n                        :location=\"0\" :valCorrectOld=\"itemSelected.valCorrect\" :questions=\"[questionSelected]\"\r\n                        @getResultQuestion=\"getResultQuestion\" :isDontShowResultSaved=\"!isShowResult\"\r\n                        @changeAnswerEdittorCK=\"changeAnswerEdittorCK\"\r\n                        @writedAnswer=\"writedAnswer\" />\r\n                </div>\r\n                <div v-else 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-if=\"questionSelected.answers.length > 0\">\r\n                        <MultipleChoiceNew  v-for=\"(item, indexanswers) of questionSelected.answers\" :key=\"indexanswers\" :dataSource=\"item\"\r\n                                    :nameField=\"`answer_${questionSelected.questionId}`\" :location=\"indexanswers\" :parent=\"questionSelected\"\r\n                                    :valueSelected=\"itemSelected.answer\" :answerContent=\"itemSelected.answerContent\"\r\n                                    :statusUserExcercise=\"statusUserExcercise\" @changeAnswer=\"changeAnswer\" />\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 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\"\r\n                                        v-html=\"questionSelected && questionSelected.guideContent ? questionSelected.guideContent : ''\">\r\n                                    </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\"\r\n                                    v-html=\"questionSelected && questionSelected.answerDetail ? questionSelected.answerDetail : ''\">\r\n                                </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.questionNumber }}: {{ 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 { mapState, mapActions, mapGetters } from \"vuex\";\r\nimport MultipleChoiceNew from './../../../../question/preview-question/answers/multiple-choice/MultipleChoiceNew.vue'\r\nimport { saveUserExcerciseClassSchool, submitExcerciseQuestionMixedWord } from './../../../_api/userExcerciseClassSchool';\r\nimport PreviewQuestion from '@/modules/question/preview-question-excercise-thieu/PreviewQuestion.vue'\r\nimport ModalSubmitExcercise from './ModalSubmitExcercise'\r\nimport EditorCKNew from '@/components/EditorCKNew.vue'\r\nimport ModalTimeOutExcercise from './ModalTimeOutExcercise'\r\nconst correct = require('@/assets/audio/correct.mp3')\r\nconst incorrect = require('@/assets/audio/incorrect.mp3')\r\nimport store from '@/modules/question/preview-question-excercise-thieu/_store'\r\n\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        ModalTimeOutExcercise,\r\n        PreviewQuestion\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            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            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    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.listQuestion = this.dataDetailExcercise.listExcerciseQuestionClassSchool\r\n        this.innitData()\r\n        this.saveDataInterval()\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(this.isNotSave){\r\n            //     this.isNotSave = false\r\n            //     console.log('stoppp')\r\n            //     return\r\n            // }\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                        excerciseQuestionId:this.itemSelected.excerciseQuestionClassSchoolId\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            if(data.answers && data.answers.length>0){\r\n                this.itemSelected.valCorrectString = JSON.stringify(data.answers) \r\n            }\r\n            \r\n        },\r\n\r\n        async checkAnswer() {\r\n            console.log('checkAnswer')\r\n            let self = this;\r\n            self.resetValKeyboard()\r\n            if (self.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        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                        excerciseQuestionId:this.itemSelected.excerciseQuestionClassSchoolId\r\n                    })\r\n                    this.handleChangeAnswer()\r\n                }\r\n            }\r\n        },\r\n        setResultQuestionsSlider(value = true) {\r\n            if (this.questionindexActive > 0) {\r\n                this.sliderQuestionList[this.questionindexActive - 1]['isWorked'] = true\r\n                this.sliderQuestionList[this.questionindexActive - 1]['isTrue'] = value\r\n            }\r\n            if (this.authInfo && this.authInfo.email === EMAIL_PUBLIC && this.sliderQuestionList.length > 0) {\r\n                this.setResultQuestionForSidebarOfAccFree()\r\n            } else if (this.keySidebarActive === 'info') {\r\n                this.questionIdCheckAnswer = { value, id: this.sliderQuestionList[this.questionindexActive - 1].questionId }\r\n            }\r\n        },\r\n        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        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 && 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.handleChangeAnswer()\r\n            }\r\n\r\n        },\r\n        handleChangeAnswer() {\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|| 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                    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                    listAnswer: [],\r\n                    valCorrect: [],\r\n                    valCorrectString:'',\r\n                    type:item.type\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) {\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                        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                            element.valCorrect =  item.valCorrectString?JSON.parse(item.valCorrectString):[]\r\n                            element.listAnswer = item.listAnswer?item.listAnswer:[]\r\n                        }\r\n                    }\r\n                }\r\n                console.log(this.dataUserWork)\r\n                if(this.questionSelected.type == this.typeMatchCol){\r\n                    setTimeout(() => {\r\n                        this.$refs.PreviewQuestion.reLoadData()\r\n                    }, 1000);\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                            element.valCorrect =  item.valCorrectString?JSON.parse(item.valCorrectString):[]\r\n                            element.listAnswer = item.listAnswer?item.listAnswer:[]\r\n                        }\r\n                    }\r\n                }\r\n                this.handleClickQuestion(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 && 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.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            this.questionSelected = null\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            if(this.questionSelected.type == this.typeMatchCol){\r\n                    setTimeout(() => {\r\n                        this.$refs.PreviewQuestion.reLoadData()\r\n                    }, 1000);\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=4c37f1b0&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=4c37f1b0&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  \"4c37f1b0\",\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,\"disabled\":!_vm.isSubmitExcercise || _vm.isShowResult},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                        :disabled=\"!isSubmitExcercise || isShowResult\" />\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                    excerciseQuestionId:this.itemSelected.excerciseQuestionClassSchoolId\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            if(data.answers && data.answers.length>0){\r\n                this.itemSelected.valCorrectString = JSON.stringify(data.answers) \r\n            }\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                        excerciseQuestionId:this.itemSelected.excerciseQuestionClassSchoolId\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                    valCorrectString:'',\r\n                    type:item.type\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) {\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.excerciseQuestionClassSchoolId) {\r\n                            element.valCorrect =  item.valCorrectString?JSON.parse(item.valCorrectString):[]\r\n                            element.listAnswer = item.listAnswer?item.listAnswer:[]\r\n                            element.isTrue = item.isTrue\r\n                        }\r\n                    }\r\n                }\r\n                if(this.questionSelected.type == this.typeMatchCol){\r\n                    setTimeout(() => {\r\n                        this.$refs.PreviewQuestion.reLoadData()\r\n                    }, 1000);\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                    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 && 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\r\n            this.itemSelected = questionCurrent\r\n            if(this.questionSelected.type == this.typeMatchCol){\r\n                    setTimeout(() => {\r\n                        this.$refs.PreviewQuestion.reLoadData()\r\n                    }, 1000);\r\n                }\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=174f0ef2&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=174f0ef2&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  \"174f0ef2\",\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            <DoExcercise_Choose_Word :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataChooseWord\" v-if=\"isOpenDoExcercise_Choose_Word\" />\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 DoExcercise_Choose_Word from './_components/DoExcercise_Choose_Word'\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        DoExcercise_Choose_Word,\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            isOpenDoExcercise_Choose_Word: 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.isOpenDoExcercise_Choose_Word= 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.isOpenDoExcercise_Choose_Word = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcercise_Choose_Word = 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.isOpenDoExcercise_Choose_Word = 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=a6a3b64e&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=a6a3b64e&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  \"a6a3b64e\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}