{"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?713d","webpack:///./src/modules/class-school/member/excercise_class_school/_components/ModalSuccessExcercise.vue?073d","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedBank.vue?11e9","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue?218a","webpack:///./src/modules/class-school/_api/userExcerciseClassSchool.js","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?637f","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue?fecf","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue?586f","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue?1e0c","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue?169f","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?5121","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/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?cc9d","webpack:///src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue?8453","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue?9aad","webpack:///src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue?48f8","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue?c840","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?e8c7","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","point","formatTimeResult","countQuestionTrue","countQuestionFalse","_l","item","index","key","domProps","answerUserFill","answerContent","feedback","formatNumber","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","handleHideModal","props","type","default","mounted","methods","handleShowModal","component","components","ModalSubmitExcercise","ModalSuccessExcercise","EditorCKNew","isOpenModalSubmitExcercise","isOpenModalSuccessExcercise","dataUserWork","secondTotal","myInterval","myIntervalAutoSave","dem","handleShowMoreInfo","saveDataInterval","self","lessonClassSchoolId","classSchoolId","userExcercisId","listDataUserWorkPdf","timeSubmit","updateDataPage","isFillAllAnswer","initInterval","clearInterval","updateIsCheckQuestion","listCheck","statusId","listCheckQuestion","beforeDestroy","initDataUserWork","listStringIsCheck","excerciseQuestionClassSchoolId","element","typeExcercise","listAnswer","length","questionSelected","valCorrect","getResultQuestion","writedAnswer","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","computed","routerParams","screenWidth","mapState","created","mapActions","answerId","content","isError","position","questionId","validateString","validateValString","getAnswerIdQuestionCurrent","getParentAnswer","getAnswerByPostion","val","checkAnswer","isGroup","parent","setResultQuestionsSlider","setResultQuestionForSidebarOfAccFree","questionCorrect","questionInCorrect","questionNotDone","resetValKeyboard","initIntervalAutoSave","innitData","changeAnswer","indexNext","questionCurrent","dataSource","indexanswers","MultipleChoiceNew","answers","handleInputAnswerTextArea","isWorked","changeAnswerEdittorCK","listQuestionBank","isUserFillTrue","handleInputAnswer","DoExcercisePdf","DoExcerciseChooseBank","DoExcerciseChooseWord","DoExcerciseMixedWord","DoExcerciseMixedBank","isOpenModalDoExcercisePdf","isOpenDoExcerciseChooseBank","isOpenDoExcerciseChooseWord","isOpenDoExcerciseMixedWord","isOpenDoExcerciseMixedBank","saveUserExcercise","getDetailLessonClassSchool","GetDetailExcerciseDoWork"],"mappings":"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WAmDA,yBACA,0BACA,qBAEA,SACA,gCACAjE,mDAGA,SACA,KAEA,IADA,mBACA,mBACAL,wBAIA,4CACA,2BACA,wBACA5D,QACAU,mBACAH,yBACAC,UACAsE,YAEA,OACA,yBAEA,OACA,wCAIA,4KAEA,2BACA,qBACA,+DACA,8CACAlI,eACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACAuH,kBACAA,gCACAA,kCACAA,0BACAA,sBACAA,sCACAA,sBACAA,oCAMA,OAFA,iDACAvH,+BAGA,0CACA,8BADA,CAKA,8DAEA,IADA,8CACA,oCACA,2BACA,gCACAuH,0BACA,OAKA,kCACA,mEAEA,4EAEA,QACA,8CACAvH,8BAIA,yEAEA,0BAIA,0BACA,yBAIAqC,iBA5JA,WA6JA,kEACA,iEACA,gDAEA,WACA,wFACA,IACA,sEAEA,sBAGAwC,aAzKA,WA0KA,iCAGA,IAFA,WAEA,oCACA,2BACApC,uCAEA,mEAEA,GACAyC,OACAoB,gDACAC,0DACAC,gDACAtE,iEACAuE,sCACAC,cAEArI,oCACAgI,uCACAA,sCAGAvB,0BAjMA,WAkMA,oCAEAH,oBApMA,WAuMA,IADA,SACA,oCACA,2BACA,cACAiC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cAtNA,WAuNA,iBACAL,+BAEA,yBACAA,wCAGAyE,aA9NA,SA8NAtN,EAAAF,GACAiC,8CAGA,IAFA,gDAEA,oCACA,2BACA,gCACAyC,mBACA,SAIAuF,mBA1OA,WA2OA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAwD,MACA,8BACAA,KAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACA,SAIAzD,mBAnQA,WAoQA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAyD,MACA,MACAA,8BAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACAxL,eACA,SAIA+D,gBA7RA,WA8RA,4CACA,2BACA,uBAIAtB,sBAGA,8BAEAsE,sBAzSA,WA2SA,IADA,SACA,oCACA,2BACAC,sBAGA,OACAC,WACAX,sEACAC,0DACAW,+BAEA1J,oCACA,sBACAw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,0BACA,OAKA,kCACA,mEAEA,4EAEA,QACA,8CACAvH,8BAIA,yEAEA,0BAIA,0BACA,yBAIAqC,iBA1RA,WA2RA,kEACA,iEACA,gDAEA,WACA,wFACA,IACA,sEAEA,sBAGAwC,aAvSA,WAwSA,iCACA,WAEA,+DAEA,GACAK,OACAoB,gDACAC,0DACAC,gDACAtE,iEACAuE,sCACAC,cAEAvI,oCACAkI,uCACAA,sCAGAvB,0BA3TA,WA4TA,oCAEAH,oBA9TA,WAiUA,IADA,SACA,oCACA,2BACA,2BACAiC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cAhVA,WAiVA,iBACAL,+BAEA,yBACAA,wCAGAyE,aAxVA,SAwVAtN,EAAAF,GACAiC,8CAGA,IAFA,gDAEA,oCACA,2BACA,gCACAyC,mBACA,SAIAuF,mBApWA,WAqWA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAwD,MACA,8BACAA,KAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACA,SAIAzD,mBA7XA,WA8XA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAyD,MACA,MACAA,8BAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACAxL,eACA,SAIA+D,gBAvZA,WAwZA,4CACA,2BACA,uBAIAtB,sBAGA,8BAEAsE,sBAnaA,WAqaA,IADA,SACA,oCACA,2BACAC,sBAGA,OACAC,WACAX,sEACAC,0DACAW,+BAEA1J,oCACA,sBACAwC,wBAKA6G,aAvbA,WAubA,WACA,OACA,wCACA,gBACA,mBACA,uBACAC,+BAEA,MAEApD,WAjcA,WAkcA,sCACA,sBACA,WACA,2BAEA,cAEAG,oBAzcA,SAycA4H,GAEA,4CACA,2BACA,eACA,wBACA,OAOA,GAJA,gDACA,wCAEA,oBACA,gDAEA,oFACA,mEACA,+BACA,mCACA,YCjvB0Z,MCQtZ,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QC6BA,IACfjG,YACA4G,iBACAC,wBACAC,yBACAC,wBACAC,yBAEAzO,KARA,WASA,OACAwI,gBACAD,sBACApF,uBACAE,4BACAC,mCACAM,gBACA8K,6BACAC,+BACAC,+BACAC,8BACAC,gCAGAzH,QAvBA,WAwBA,8CACA,mDACA,mCAGAC,SACAvD,gCADA,WACA,WACA,mCACA,4CACA,oCAIAP,gCARA,WAQA,WACA,mCACA,4CACA,oCAIAE,iCAfA,WAeA,WACA,oCACA,4CACA,qCAIAG,iCAtBA,WAsBA,WACA,oCACA,4CACA,qCAIAC,uBA7BA,WA6BA,WACA,kCACA,4CACA,mCAKAiL,kBArCA,WAsCA,OACA7F,WACAX,6CACAC,kCAEA/I,wCAIAuP,2BA/CA,WA+CA,yEACA,OACA,GACAzG,6CACAC,kCAEAyG,oCACA,uBACA3G,oDACAA,gEACAA,yEACAA,mCACA,2FACA,+BAEA,6CACA,iCAEA,6CACA,gCAEA,6CACA,iCACA,+CACA,iCAGA,GACAhC,WCxJsY,MCQlY,I,UAAY,eACd,GACAjE,EACA2B,GACA,EACA,KACA,WACA,OAIa,gB","file":"js/chunk-96569342.0add79f2.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=641fd2da&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!./DoExcerciseMixedBank.vue?vue&type=style&index=0&id=72d0d154&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!./DoExcerciseChooseWord.vue?vue&type=style&index=0&id=7ed99e70&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!./DoExcercisePdf.vue?vue&type=style&index=0&id=641fd2da&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!./DoExcerciseMixedWord.vue?vue&type=style&index=0&id=5ad06839&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=1a3c5b38&lang=scss&scoped=true&\"","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageDoExcercise.vue?vue&type=style&index=0&id=ecedf3cc&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:\"ss-breadcrumb\"},[_c('div',{staticClass:\"container-hts\"},[_c('ul',{staticClass:\"margin-0 p-0\"},[_c('li',[_c('router-link',{attrs:{\"to\":\"/danh-sach-lop-hoc\"}},[_vm._v(\"Lớp học\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"/danh-sach-lop-hoc\"}},[_vm._v(\"Lớp học của tôi\")])],1),_c('li',[_c('router-link',{attrs:{\"to\":\"\"}},[_vm._v(_vm._s(this.$route.query.className))])],1)])])]),_c('div',{staticClass:\"container-hts margin-top-20\"},[_c('div',{staticClass:\"title-header\"},[_c('h4',[_c('strong',[_vm._v(_vm._s(_vm.dataDetailExcercise.name))])])]),(_vm.isOpenDoExcerciseMixedWord)?_c('DoExcerciseMixedWord',{attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailDataMixedWord}}):_vm._e(),(_vm.isOpenDoExcerciseChooseWord)?_c('DoExcerciseChooseWord',{attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailDataChooseWord}}):_vm._e(),(_vm.isOpenDoExcerciseChooseBank)?_c('DoExcerciseChooseBank',{ref:\"DoExcerciseChooseBank\",attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listQuestion\":_vm.listQuestion,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailDataChooseBank}}):_vm._e(),(_vm.isOpenModalDoExcercisePdf)?_c('DoExcercisePdf',{ref:\"DoExcercisePdf\",attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailData}}):_vm._e(),(_vm.isOpenDoExcerciseMixedBank)?_c('DoExcerciseMixedBank',{attrs:{\"dataDetailExcercise\":_vm.dataDetailExcercise,\"userExcerciseClassSchool\":_vm.userExcerciseClassSchool,\"listUserExcerciseAnswerQuestion\":_vm.listUserExcerciseAnswerQuestion,\"listQuestionBank\":_vm.listQuestion},on:{\"handleReloadDetailData\":_vm.handleReloadDetailDataMixedBank}}):_vm._e()],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"wrap-right col-md-8\"},[_c('div',{staticClass:\"full-width\"},[_c('embed',{staticClass:\"ember-pdf\",attrs:{\"src\":_vm.apiUrl + _vm.dataDetailExcercise.path}})])]),(!this.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-4\"},[(_vm.isSubmitExcercise)?_c('div',{staticClass:\"text-center\"},[_c('strong',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))])]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_c('div',{staticClass:\"row\"},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.questionNumber)+\"\\n                    \")])}),0),_c('div',{staticClass:\"row col-md-12 margin-top-10\"},[_c('span',{staticClass:\"question-name\"},[_c('strong',[_vm._v(\"Câu \"+_vm._s(_vm.itemSelected.questionNumber)+\":\")])]),_vm._v(\"\\n                     \\n                     \\n                    \"),(_vm.isSubmitExcercise)?_c('a',{staticClass:\"item btn btn-check border-rd-20 font-size-16\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleCheckItem}},[_vm._v(\"\\n                        Đánh dấu\\n                    \")]):_vm._e(),_vm._v(\"\\n                     \\n                     \\n                    \"),(_vm.isSaveData && _vm.statusSave == 2)?_c('span',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                        Đang lưu ...\\n                    \")]):_vm._e(),(_vm.statusSave == 3)?_c('span',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                        Đã lưu\\n                    \")]):_vm._e()]),_c('div',{staticClass:\"row col-md-12\"},[(_vm.dataDetailExcercise.typeUploadExcercise == 5)?_c('b-form-textarea',{staticClass:\"margin-top-10\",attrs:{\"id\":\"textarea\",\"placeholder\":\"Nhập câu trả lời tại đây..\",\"rows\":\"3\"},on:{\"input\":_vm.handleChangeAnswer},model:{value:(_vm.itemSelected.answer),callback:function ($$v) {_vm.$set(_vm.itemSelected, \"answer\", $$v)},expression:\"itemSelected.answer\"}}):_c('EditorCKNew',{staticClass:\"margin-top-10\",attrs:{\"disabled\":!_vm.isSubmitExcercise,\"contentEditor\":_vm.itemSelected.answer,\"position\":'1'},on:{\"onEditorChange\":_vm.onEditorChangeAnswer}})],1),(_vm.isSubmitExcercise)?_c('div',{staticClass:\"row col-md-12\",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.userExcerciseClassSchool.point))])]),_c('div',{staticClass:\"col-md-12 \"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_vm._m(1),_vm._v(\"\\n                             \\n                             \\n                            \"),_c('div',{staticClass:\"time-complete\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.formatTimeResult())+\"\\n                            \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-blue\"}),_vm._v(\" Số câu đúng: \"+_vm._s(_vm.countQuestionTrue)+\"\\n                    \")]),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-red\"}),_vm._v(\" Số câu sai: \"+_vm._s(_vm.countQuestionFalse)+\"\\n                    \")])]),_c('div',{staticClass:\"list-result-number margin-top-10\"},[_c('div',{staticClass:\"row\"},_vm._l((_vm.listUserExcerciseAnswerQuestion),function(item,index){return _c('div',{key:index,staticClass:\"col-md-3 result-item-number\"},[_c('span',{staticClass:\"result-number\"},[_vm._v(_vm._s(index + 1)+\".\")]),_c('span',{staticClass:\"result-user-fill\",domProps:{\"innerHTML\":_vm._s(item.answerUserFill == item.answerContent ? '' : item.answerUserFill)}}),_vm._v(\"\\n                             \\n                            \"),_c('span',{staticClass:\"result-answer\",domProps:{\"innerHTML\":_vm._s(item.answerContent ? item.answerContent : item.feedback)}})])}),0)])]):_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_c('div',{staticClass:\"row col-md-12 wrap-point-feedback display-flex\"},[_vm._m(2),_c('div',{staticClass:\"col-md-8\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.userExcerciseClassSchool.point)))])]),_c('b-collapse',{staticClass:\"row col-md-12\",attrs:{\"visible\":_vm.isShowMoreInfo}},[_c('div',{staticClass:\"col-md-12 font-size-13\"},[_vm._v(\"\\n                                Lời phê:\\n                            \")]),_c('div',{staticClass:\"col-md-12 wrap-feedback-teacher\"},[_c('strong',{domProps:{\"innerHTML\":_vm._s(_vm.userExcerciseClassSchool.feedback)}})]),_c('p'),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"font-size-13\"},[_vm._v(\"Thời gian hoàn thành: \")]),_c('strong',[_vm._v(_vm._s(_vm.formatTimeResult()))])])])],1)]),_c('div',{staticClass:\"row wrap-list-question\"},_vm._l((_vm.listUserExcerciseAnswerQuestion),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': _vm.itemSelected.id == item.id },on:{\"click\":function($event){return _vm.handViewInfo(item, index + 1)}}},[_vm._v(\"\\n                        \"+_vm._s(index + 1)+\"\\n                    \")])}),0),(_vm.itemSelected.id)?_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h5',[_vm._v(\"Câu \"+_vm._s(_vm.itemSelected.numberQuestion)+\": \"+_vm._s(_vm.formatNumber(_vm.itemSelected.pointTeacherFill))+\"/\"+_vm._s(_vm.formatNumber(_vm.itemSelected.maxPoint))+\" điểm\")])]),_c('strong',[_vm._v(\"Câu trả lời học sinh:\")]),_c('div',{staticClass:\"wrap-answer col-md-12\"},[(_vm.itemSelected.answerUserFill)?_c('div',{staticClass:\"fit-max-height\",domProps:{\"innerHTML\":_vm._s(_vm.itemSelected.answerUserFill)}}):_c('div',[_vm._v(\"\\n                            Học sinh chưa trả lời câu hỏi này.\\n                        \")]),_c('div',{staticClass:\"answer-item\"})]),_c('p'),_c('strong',{staticClass:\"feed-back-teacher-item\"},[_vm._v(\"Nhận xét giáo viên:\")]),_c('div',{staticClass:\"wrap-answer \"},[(_vm.itemSelected.feedback)?_c('div',{staticClass:\"fit-max-height\",domProps:{\"innerHTML\":_vm._s(_vm.itemSelected.feedback)}}):_c('div',[_vm._v(\"\\n                            Giáo viên không nhận xét câu trả lời này.\\n                        \")])])]):_vm._e()])])]),(_vm.isOpenModalSubmitExcercise)?_c('ModalSubmitExcercise',{attrs:{\"textNotitySubmit\":_vm.textNotitySubmit},on:{\"handleSubmit\":_vm.handleSubmit,\"closeModal\":_vm.closeModalSubmitExcercise}}):_vm._e(),(_vm.isOpenModalSuccessExcercise)?_c('ModalSuccessExcercise',{on:{\"closeModal\":_vm.closeModalSuccessExcercise}}):_vm._e()],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","<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\" @click=\"handSubmitExcercise\" class=\"row col-md-12\">\r\n                        <a href=\"javascript:;\"\r\n                            class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10 col-md-12\">\r\n                            Nộp bài\r\n                        </a>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n            <div v-else class=\"wrap-right col-md-4\">\r\n                <div v-if=\"dataDetailExcercise.typeUploadExcercise == 5\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong>Điểm</strong>\r\n\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong class=\"result-point\">{{ userExcerciseClassSchool.point }}</strong>\r\n                        </div>\r\n                        <div class=\"col-md-12 \">\r\n                            <div class=\"display-flex justify-content-space-between\">\r\n                                <div class=\"title-complete\">\r\n                                    <strong>Thời gian hoàn thành</strong>\r\n                                </div>\r\n                                &nbsp;\r\n                                &nbsp;\r\n                                <div class=\"time-complete\">\r\n                                    {{ formatTimeResult() }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-blue\"></span> Số câu đúng: {{ countQuestionTrue }}\r\n                        </div>\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-red\"></span> Số câu sai: {{ countQuestionFalse }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"list-result-number margin-top-10\">\r\n                        <div class=\"row\">\r\n                            <div class=\"col-md-3 result-item-number\"\r\n                                v-for=\"(item, index) of listUserExcerciseAnswerQuestion\" :key=\"index\">\r\n                                <span class=\"result-number\">{{ index + 1 }}.</span>\r\n                                <span class=\"result-user-fill\"\r\n                                    v-html=\"item.answerUserFill == item.answerContent ? '' : item.answerUserFill\"></span>\r\n                                &nbsp;\r\n                                <span class=\"result-answer\"\r\n                                    v-html=\"item.answerContent ? item.answerContent : item.feedback\"></span>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n                <div v-else>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"row col-md-12 wrap-point-feedback display-flex\">\r\n                            <div class=\"col-md-4 text-center\">\r\n                                <strong>Tổng điểm</strong>\r\n\r\n                            </div>\r\n                            <div class=\"col-md-8\">\r\n                                <strong class=\"result-point\">{{ formatNumber(userExcerciseClassSchool.point) }}</strong>\r\n                            </div>\r\n                            <!-- <div @click=\"handleShowMoreInfo\" class=\"col-md-12 text-end show-more\">\r\n                                {{!isShowMoreInfo?'Hiện thêm':'Ẩn bớt'}} <img class=\"icon-show-more\" width=\"15px\" src=\"@/assets/img/show-more-down.png\" />\r\n                            </div> -->\r\n                            <b-collapse class=\"row col-md-12\" :visible=\"isShowMoreInfo\">\r\n                                <div class=\"col-md-12 font-size-13\">\r\n                                    Lời phê:\r\n                                </div>\r\n                                <div class=\"col-md-12 wrap-feedback-teacher\">\r\n                                    <strong v-html=\"userExcerciseClassSchool.feedback\"></strong>\r\n                                </div>\r\n                                <p></p>\r\n                                <!-- <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu đúng: </span><strong>{{ countQuestionTrue\r\n                                        }}</strong>\r\n                                </div>\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu sai: </span><strong>{{ countQuestionFalse\r\n                                        }}</strong>\r\n                                </div> -->\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Thời gian hoàn thành: </span><strong>{{\r\n                                        formatTimeResult() }}</strong>\r\n                                </div>\r\n                            </b-collapse>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row wrap-list-question\">\r\n                        <div @click=\"handViewInfo(item, index + 1)\" :class=\"{ 'is-choose': itemSelected.id == item.id }\"\r\n                            class=\"col-md-2 question-item-number\"\r\n                            v-for=\"(item, index) of listUserExcerciseAnswerQuestion\" :key=\"index\">\r\n                            {{ index + 1 }}\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"itemSelected.id\" class=\"row margin-top-10\">\r\n                        <div class=\"col-md-12\">\r\n                            <h5>Câu {{ itemSelected.numberQuestion }}: {{ formatNumber(itemSelected.pointTeacherFill)\r\n                                }}/{{\r\n                                    formatNumber(itemSelected.maxPoint) }} điểm</h5>\r\n                        </div>\r\n                        <strong>Câu trả lời học sinh:</strong>\r\n                        <div class=\"wrap-answer col-md-12\">\r\n                            <div v-if=\"itemSelected.answerUserFill\" class=\"fit-max-height\"\r\n                                v-html=\"itemSelected.answerUserFill\">\r\n\r\n                            </div>\r\n                            <div v-else>\r\n                                Học sinh chưa trả lời câu hỏi này.\r\n                            </div>\r\n                            <div class=\"answer-item\">\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                        <p></p>\r\n                        <strong class=\"feed-back-teacher-item\">Nhận xét giáo viên:</strong>\r\n                        <div class=\"wrap-answer \">\r\n                            <div v-if=\"itemSelected.feedback\" class=\"fit-max-height\" v-html=\"itemSelected.feedback\">\r\n\r\n                            </div>\r\n                            <div v-else>\r\n                                Giáo viên không nhận xét câu trả lời này.\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ModalSubmitExcercise :textNotitySubmit=\"textNotitySubmit\" v-if=\"isOpenModalSubmitExcercise\"\r\n            @handleSubmit=\"handleSubmit\" @closeModal=\"closeModalSubmitExcercise\" />\r\n\r\n        <ModalSuccessExcercise v-if=\"isOpenModalSuccessExcercise\" @closeModal=\"closeModalSuccessExcercise\" />\r\n    </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\nexport default {\r\n    components: {\r\n        ModalSubmitExcercise,\r\n        ModalSuccessExcercise,\r\n        EditorCKNew\r\n    },\r\n    props: {\r\n        dataDetailExcercise: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        userExcerciseClassSchool: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        listUserExcerciseAnswerQuestion: {\r\n            type: Array,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: []\r\n        }\r\n\r\n    },\r\n    data() {\r\n        return {\r\n            isShowMoreInfo: true,\r\n            isOpenModalSubmitExcercise: false,\r\n            isOpenModalSuccessExcercise: false,\r\n            isSubmitExcercise: true,\r\n            dataUserWork: [],\r\n            apiUrl: APP_CONFIG.appUrl + 'lessons/',\r\n            itemSelected: {},\r\n            secondTotal: 0,\r\n            textNotitySubmit: '',\r\n            isShowResult: false,\r\n            countQuestionTrue: 0,\r\n            countQuestionFalse: 0,\r\n            myInterval: null,\r\n            isSaveData: false,\r\n            statusSave: 1,\r\n            myIntervalAutoSave: null,\r\n            dem: 3\r\n        }\r\n    },\r\n    mounted() {\r\n        this.updateDataPage()\r\n        this.saveDataInterval()\r\n    },\r\n    methods: {\r\n        formatNumber(value) {\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            return value.toFixed(2);\r\n        },\r\n        handViewInfo(item, index) {\r\n            this.itemSelected = item\r\n            this.itemSelected.numberQuestion = index\r\n            //lấy ra điểm số max của câu này\r\n            for (let i = 0; i < this.dataDetailExcercise.listExcerciseQuestionClassSchool.length; i++) {\r\n                const element = this.dataDetailExcercise.listExcerciseQuestionClassSchool[i];\r\n                if (element.id == this.itemSelected.excerciseQuestionId) {\r\n                    this.itemSelected.maxPoint = element.point\r\n                    break\r\n                }\r\n            }\r\n        },\r\n        handleShowMoreInfo() {\r\n            this.isShowMoreInfo = !this.isShowMoreInfo\r\n        },\r\n        handleChangeAnswer() {\r\n            if (!this.isSubmitExcercise) {\r\n                return\r\n            }\r\n            this.dem = 3\r\n            this.statusSave = 2\r\n            this.isSaveData = true\r\n        },\r\n        onEditorChangeAnswer(e) {\r\n            this.itemSelected.answer = e.html\r\n            this.handleChangeAnswer()\r\n        },\r\n        saveDataInterval() {\r\n            let self = this\r\n            this.myIntervalAutoSave = setInterval(() => {\r\n                self.dem--\r\n                if (self.dem == 0 && self.isSaveData) {\r\n                    self.dem = -1\r\n                    console.log('Lưu data')\r\n                    let dataSend = [...self.dataUserWork]\r\n                    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 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: dataSend,\r\n                        timeSubmit: timeSubmit\r\n                    }\r\n                    submitExcercisePdf(params).then((res) => {\r\n                        self.statusSave = 3\r\n                        self.isSaveData = false\r\n                    })\r\n                }\r\n            }, 1000)\r\n        },\r\n        updateDataPage() {\r\n            this.isOpenModalSubmitExcercise = false\r\n            this.isOpenModalSuccessExcercise = false\r\n            this.isSubmitExcercise = true\r\n            this.dataUserWork = []\r\n            this.itemSelected = {}\r\n            this.secondTotal = 0\r\n            this.textNotitySubmit = ''\r\n            this.isShowResult = false\r\n            this.countQuestionTrue = 0\r\n            this.countQuestionFalse = 0\r\n            if (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5) {\r\n                //hiển thị thông tin \r\n                this.isShowResult = true\r\n                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                    const item = this.listUserExcerciseAnswerQuestion[i];\r\n                    if (item.isTrue) {\r\n                        this.countQuestionTrue++\r\n                    }\r\n                    else {\r\n                        this.countQuestionFalse++\r\n                    }\r\n                    if (i == 0) {\r\n                        this.handViewInfo(item, i + 1)\r\n                    }\r\n                }\r\n\r\n            } else {\r\n                this.isShowResult = false\r\n                this.initDataUserWork()\r\n                //trường hợp đang đợi chấm thì thôi \r\n                if (this.userExcerciseClassSchool.status > 0) {\r\n                    this.isSubmitExcercise = false\r\n                    return\r\n                }\r\n                if (this.userExcerciseClassSchool) {\r\n                    let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n\r\n                    let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                    let secondsDiff = timeDiff / 1000;\r\n                    if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                        console.log('Hết thời gian')\r\n                        //this.isSubmitExcercise = false\r\n                    }\r\n                    else {\r\n                        this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n\r\n                        this.initInterval()\r\n                    }\r\n                }\r\n                else {\r\n                    this.isSubmitExcercise = false\r\n                    this.$router.push('/')\r\n                }\r\n            }\r\n        },\r\n        closeModalSuccessExcercise() {\r\n            this.isOpenModalSuccessExcercise = false\r\n        },\r\n        closeModalSubmitExcercise() {\r\n            this.isOpenModalSubmitExcercise = false\r\n        },\r\n        handleSubmit() {\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            console.log(timeSubmit)\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                self.$toast.success('Nộp bài thành công')\r\n                self.$emit('handleReloadDetailData')\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            }, 1000)\r\n        },\r\n        updateIsCheckQuestion() {\r\n            let listCheck = []\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                listCheck.push(item.isCheck ? 1 : 0)\r\n            }\r\n\r\n            let params = {\r\n                statusId: 2,\r\n                lessonClassSchoolId: this.userExcerciseClassSchool.lessonClassSchoolId,\r\n                classSchoolId: this.userExcerciseClassSchool.classSchoolId,\r\n                listCheckQuestion: listCheck.join(',')\r\n            }\r\n            saveUserExcerciseClassSchool(params).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    console.log(res.data)\r\n                }\r\n            })\r\n        },\r\n        handleCheckItem() {\r\n            for (let i = 0; i < this.dataUserWork.length; i++) {\r\n                const item = this.dataUserWork[i];\r\n                if (item == this.itemSelected) {\r\n                    // code cũ\r\n                    // item.isCheck = true\r\n                    // code mới -> click lần 2 thì bỏ đánh dấu\r\n                    item.isCheck = !item.isCheck\r\n                }\r\n            }\r\n            this.updateIsCheckQuestion()\r\n        },\r\n        handleClickQuestion(item) {\r\n            //clear choose old\r\n            this.itemSelected = item\r\n        },\r\n        beforeDestroy() {\r\n            if (this.myInterval) {\r\n                clearInterval(this.myInterval)\r\n            }\r\n            if (this.myIntervalAutoSave) {\r\n                clearInterval(this.myIntervalAutoSave)\r\n            }\r\n        },\r\n        initDataUserWork() {\r\n            let listStringIsCheck = ''\r\n            if (this.userExcerciseClassSchool) {\r\n                listStringIsCheck = this.userExcerciseClassSchool.listCheckQuestion\r\n            }\r\n\r\n            let listCheck = []\r\n            if (listStringIsCheck) {\r\n                let arrayTemp = listStringIsCheck.split(',')\r\n                for (let i = 0; i < arrayTemp.length; i++) {\r\n                    listCheck.push(Number(arrayTemp[i]) == 1 ? true : false)\r\n\r\n                }\r\n            }\r\n            for (let i = 0; i < this.dataDetailExcercise.listExcerciseQuestionClassSchool.length; i++) {\r\n                const item = this.dataDetailExcercise.listExcerciseQuestionClassSchool[i]\r\n                this.dataUserWork.push({\r\n                    excerciseQuestionClassSchoolId: item.id,\r\n                    questionNumber: i + 1,\r\n                    isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                    answer: ''\r\n                })\r\n\r\n            }\r\n\r\n            // update thông tin nếu user đã điền trước đó\r\n            for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                const item = this.listUserExcerciseAnswerQuestion[i];\r\n                for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                    const element = this.dataUserWork[j];\r\n                    if (item.excerciseQuestionId == element.excerciseQuestionClassSchoolId) {\r\n                        element.answer = item.answerUserFill\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n\r\n\r\n            if (this.dataUserWork.length > 0) {\r\n                this.itemSelected = this.dataUserWork[0]\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.fit-max-height {\r\n    min-height: 2rem;\r\n}\r\n\r\n.wrap-feedback-teacher {\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 10px;\r\n}\r\n\r\n.feed-back-teacher-item {\r\n    margin-top: 10px;\r\n}\r\n\r\n.wrap-answer {\r\n    border: 1px solid #5f7dcc;\r\n    border-radius: 10px;\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 5px;\r\n    min-height: 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953 !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.question-item-number {\r\n    width: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.font-size-13 {\r\n    font-size: 13px;\r\n}\r\n\r\n.show-more {\r\n    text-align: end;\r\n    color: #5270e9;\r\n    cursor: pointer;\r\n}\r\n\r\n.wrap-point-feedback {\r\n    border: 1px solid gray;\r\n    margin-left: 5px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.status-save-data {\r\n    color: gray;\r\n    font-size: 14px;\r\n}\r\n\r\n.color-blue {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: green;\r\n    border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: red;\r\n    border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n    background: #ff832b !important;\r\n    color: white !important;\r\n}\r\n\r\n.btn-check {\r\n    background: #ff832b;\r\n    color: white;\r\n    line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n    background-color: blue !important;\r\n    color: white !important;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.list-question-number .question-item-number {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.full-width {\r\n    width: 100%;\r\n    height: 40rem;\r\n}\r\n\r\n.ember-pdf {\r\n    width: 100%;\r\n    height: inherit;\r\n}\r\n\r\n.display-flex-center {\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n.wrap-right .result-point {\r\n    font-size: 50px;\r\n    font-family: ui-monospace;\r\n    font-style: italic;\r\n    color: #ff4953;\r\n}\r\n\r\n.list-result-number {\r\n    .result-item-number {\r\n        .result-number {\r\n            color: #2100af;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-user-fill {\r\n            color: red;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-answer {\r\n            color: green;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n    }\r\n}\r\n</style>","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcercisePdf.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcercisePdf.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcercisePdf.vue?vue&type=template&id=641fd2da&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=641fd2da&lang=scss&scoped=true&\"\nimport style1 from \"./DoExcercisePdf.vue?vue&type=style&index=1&id=641fd2da&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  \"641fd2da\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[(!_vm.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-3\"},[(_vm.dataDetailExcercise.typeExcercise == 1)?_c('div',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))]):_vm._e(),(_vm.isSaveData && _vm.statusSave == 2)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đang lưu ...\\n            \")]):_vm._e(),(_vm.statusSave == 3)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đã lưu\\n            \")]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.listAnswer.length > 0 && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                    \"+_vm._s(item.questionNumber)+\"\\n                \")])}),_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\",attrs:{\"href\":\"javascript:;\"},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',{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()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('h5',[_vm._v(\"Thông tin đề\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"row\">\r\n            <div v-if=\"!isShowResult\" class=\"wrap-left col-md-3\">\r\n                <div v-if=\"dataDetailExcercise.typeExcercise == 1\">Còn lại {{ formatTime() }}</div>\r\n                <div class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                    Đang lưu ...\r\n                </div>\r\n                <div class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                    Đã lưu\r\n                </div>\r\n                <div class=\"list-question-number margin-top-10\">\r\n                    <div @click=\"handleClickQuestion(item)\" class=\"col-md-2 question-item-number\"\r\n                        :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.listAnswer.length > 0 && !item.isCheck }\"\r\n                        v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                        {{ item.questionNumber }}\r\n                    </div>\r\n                    <a href=\"javascript:;\" @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\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    </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\nexport default {\r\n    components: {\r\n        ModalSubmitExcercise,\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        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        }\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    mounted() {\r\n        this.innitData()\r\n        this.initIntervalAutoSave()\r\n    },\r\n    methods: {\r\n        ...mapActions('common', ['setLoading', 'setToggleModalActivePage', 'acSetDataBookActiveWant', 'acToggleModalActiveBook', 'acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp', 'acToggleModaShowError', 'actionSetBookIndexId', 'actionSetBookIdForError', 'setActionCheckQuestion', 'actionSetPageNoBook', 'actionCheckExcercise', 'actionCheckInfoExcercise', 'actionCheckPage']),\r\n        ...mapActions('auth', ['setToggleLoginForm']),\r\n        ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n        getResultQuestion(data) {\r\n            console.log(data)\r\n            if (data.questionWork.isTrue) {\r\n                this.itemSelected.isTrue = true\r\n            }\r\n            else {\r\n                this.itemSelected.isTrue = false\r\n            }\r\n            if (!this.isShowResult) {\r\n                this.itemSelected.listAnswer = []\r\n                for (let i = 0; i < data.questionWork.answers.length; i++) {\r\n                    const element = data.questionWork.answers[i];\r\n                    this.itemSelected.listAnswer.push({\r\n                        answerContent: element.answerContent,\r\n                        answerId: element.answerId,\r\n                        content: element.content,\r\n                        isError: element.isError,\r\n                        position: element.position,\r\n                        questionId: element.questionId,\r\n                        validateString: element.validate ? element.validate.join('#') : null,\r\n                        validateValString: element.validateVal ? element.validateVal.join('#') : null,\r\n                    })\r\n                }\r\n\r\n                this.handleChangeAnswer()\r\n            }\r\n\r\n        },\r\n        writedAnswer(data) {\r\n            this.itemSelected.valCorrect = []\r\n            this.checkAnswer()\r\n            // if(this.questionSelected.type == this.TYPE_RADIO || this.questionSelected.type == this.TYPE_CHECKBOX || this.questionSelected.type == this.TYPE_X_MARK|| this.questionSelected.type == this.TYPE_CIRCLE_ANSWER ){\r\n            //     this.itemSelected.listAnswer = []\r\n            //     for (let i = 0; i < data.answers.length; i++) {\r\n            //         const element = data.answers[i];\r\n            //         let answer = this.questionSelected.answers[element.position]\r\n            //         this.itemSelected.listAnswer.push({\r\n            //             answerId:answer.answerId,\r\n            //             answerUserFill:answer.content,\r\n            //             isUserFillTrue:answer.correct?true:false,\r\n            //             questionId:answer.questionId\r\n            //         })\r\n            //     }\r\n\r\n            //     this.checkAnswer()\r\n            // }\r\n            // else if(this.questionSelected.type == this.TYPE_TRUE_FALSE_NO || this.questionSelected.type == this.TYPE_FILL_INPUT_IMG){\r\n            //     this.itemSelected.listAnswer = []\r\n            //     for (let i = 0; i < data.answers.length; i++) {\r\n            //         const element = data.answers[i];\r\n\r\n            //         let answer = this.questionSelected.answers[element.position]\r\n\r\n            //         this.itemSelected.listAnswer.push({\r\n            //             answerId:answer.answerId,\r\n            //             answerUserFill:element.value,\r\n            //             isUserFillTrue:answer.correct.toLowerCase() == element.value,\r\n            //             questionId:answer.questionId\r\n            //         })\r\n            //     }\r\n\r\n            //     this.checkAnswer()\r\n            // }\r\n            // else if(this.questionSelected.type==this.TYPE_MATH_COL){\r\n            //     this.itemSelected.listAnswer = []\r\n            //     for (let i = 0; i < data.answers.length; i++) {\r\n            //         const element = data.answers[i];\r\n            //             if(element.value){\r\n            //                     let answer = this.getAnswerByPostion(element)\r\n            //                     this.itemSelected.listAnswer.push({\r\n            //                             answerId:answer.answerId,\r\n            //                             answerUserFill:element.value,\r\n            //                             correct:answer.correct,\r\n            //                             isUserFillTrue:answer.correct == element.value,\r\n            //                             questionId:answer.questionId,\r\n            //                             lineItem:answer.line\r\n            //                     })\r\n            //             }\r\n\r\n            //     }\r\n            //     this.questionSelected.isWorked = true\r\n            //     this.checkAnswer()\r\n            // }\r\n            // else if(this.questionSelected.type==this.TYPE_FILL_BLANK){\r\n            //     //lấy ra danh sách câu hỏi\r\n            //     let listAnswerMain=[]\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){\r\n            //                 listAnswerMain.push(element)\r\n            //             }\r\n            //     }\r\n            //     this.itemSelected.listAnswer = []\r\n            //     for (let i = 0; i < data.answers.length; i++) {\r\n            //         const element = data.answers[i];\r\n            //             if(element.value){\r\n            //                     let answer = this.getAnswerByPostion(element)\r\n\r\n            //                     this.itemSelected.listAnswer.push({\r\n            //                             selectIndex:element.select_index,\r\n            //                             answerId:answer.answerId,\r\n            //                             answerUserFill:element.value,\r\n            //                             correct:answer.correct,\r\n            //                             isUserFillTrue: `<p>${element.value}</p>` == answer.content,\r\n            //                             questionId:answer.questionId,\r\n            //                             answerIdParent:this.getParentAnswer(listAnswerMain,element.parent).answerId\r\n            //                     })\r\n            //                     console.log(this.itemSelected.listAnswer)\r\n            //             }\r\n\r\n            //     }\r\n            //     this.checkAnswer()\r\n            // }else if(this.questionSelected.type==this.TYPE_SELECT){\r\n            //     let listAnswerMain=[]\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){\r\n            //                     listAnswerMain.push(element)\r\n            //             }\r\n            //     }\r\n            //     this.itemSelected.listAnswer = []\r\n            //     for (let i = 0; i < data.answers.length; i++) {\r\n            //         const element = data.answers[i];\r\n            //             if(element.value){\r\n            //                     //\r\n            //                     let answer = this.getAnswerByPostion(element)\r\n            //                     let answerCompare = this.getAnswerIdQuestionCurrent(element.value)\r\n            //                     this.itemSelected.listAnswer.push({\r\n            //                             answerId:answer.answerId,\r\n            //                             answerUserFill:element.value,\r\n            //                             correct:answerCompare.correct,\r\n            //                             isUserFillTrue:answerCompare.correct ?true:false,\r\n            //                             questionId:answer.questionId,\r\n            //                             answerIdParent:this.getParentAnswer(listAnswerMain,element.parent).answerId\r\n            //                     })\r\n            //             }\r\n\r\n            //     }\r\n            //     this.checkAnswer()\r\n            // }\r\n            this.itemSelected.valCorrect = data.answers\r\n        },\r\n        getAnswerIdQuestionCurrent(answerId) {\r\n            for (let i = 0; i < this.questionSelected.answers.length; i++) {\r\n                const element = this.questionSelected.answers[i];\r\n                if (element.answerId == answerId) {\r\n                    return element;\r\n                }\r\n            }\r\n        },\r\n        getParentAnswer(listAnswer, position) {\r\n            let index = position.split('_')[0]\r\n            return listAnswer[index]\r\n        },\r\n        getAnswerByPostion(val) {\r\n            for (let i = 0; i < this.questionSelected.answers.length; i++) {\r\n                const element = this.questionSelected.answers[i];\r\n                if (element.position == val.parent) {\r\n                    return element\r\n                }\r\n            }\r\n            return {}\r\n        },\r\n        async checkAnswer() {\r\n            console.log('checkAnswer')\r\n            let self = this;\r\n            self.resetValKeyboard()\r\n            if (self.questionSelected.type !== this.typeDownAnswer) {\r\n                self.setQuestionList4CheckAnswer([{ ...self.questionSelected }])\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelected })\r\n            }\r\n\r\n            if (self.questionSelected.type === this.typeGroup) {\r\n                self.txtMissingQuestionGroup = '';\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelected, isGroup: true, parent: parent.questionId })\r\n            }\r\n\r\n            if (self.questionSelected.type !== this.typeDownAnswer) {\r\n                await self.setActionCheckQuestion(true);\r\n            } else {\r\n                self.questionSelected = { ...self.questionSelected, isTrue: true }\r\n                self.saveQuestion2Local(self.questionSelected)\r\n            }\r\n            //this.questionSelected.isWorked =true\r\n        },\r\n        setResultQuestionsSlider(value = true) {\r\n            if (this.questionindexActive > 0) {\r\n                this.sliderQuestionList[this.questionindexActive - 1]['isWorked'] = true\r\n                this.sliderQuestionList[this.questionindexActive - 1]['isTrue'] = value\r\n            }\r\n            if (this.authInfo && this.authInfo.email === EMAIL_PUBLIC && this.sliderQuestionList.length > 0) {\r\n                this.setResultQuestionForSidebarOfAccFree()\r\n            } else if (this.keySidebarActive === 'info') {\r\n                this.questionIdCheckAnswer = { value, id: this.sliderQuestionList[this.questionindexActive - 1].questionId }\r\n            }\r\n        },\r\n        async setResultQuestionForSidebarOfAccFree() {\r\n            let questionCorrect = 0\r\n            let questionInCorrect = 0\r\n            let questionNotDone = 0\r\n            await this.sliderQuestionList.map(ques => {\r\n                if (ques.isWorked && ques.isTrue) {\r\n                    questionCorrect += 1\r\n                } else if (ques.isWorked && !ques.isTrue) {\r\n                    questionInCorrect += 1\r\n                } else {\r\n                    questionNotDone += 1\r\n                }\r\n            })\r\n\r\n            this.questionIdCheckAnswer = { ...this.questionIdCheckAnswer, questionCorrect, questionInCorrect, questionNotDone }\r\n        },\r\n        resetValKeyboard() {\r\n            this.valVituralKeyboard && this.setVituralKeyVal({});\r\n        },\r\n        roundedNumber() {\r\n            if (this.userExcerciseClassSchool.point) {\r\n                return this.userExcerciseClassSchool.point.toFixed(2)\r\n            }\r\n            return 0\r\n        },\r\n        handleChangeAnswer() {\r\n            this.statusSave = 2\r\n            this.isSaveData = true\r\n        },\r\n        initIntervalAutoSave() {\r\n            let self = this\r\n            this.myIntervalAutoSave = setInterval(() => {\r\n                if (self.isSaveData) {\r\n                    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                    }\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: self.dataUserWork,\r\n                        timeSubmit: timeSubmit\r\n                    }\r\n                    submitExcerciseQuestionBank(params).then((res) => {\r\n                        self.statusSave = 3\r\n                        self.isSaveData = false\r\n                    })\r\n                }\r\n            }, 3000)\r\n        },\r\n        innitData() {\r\n            this.countQuestionTrue = 0\r\n            this.countQuestionFalse = 0\r\n            this.dataUserWork = []\r\n            //gán các câu hỏi đã đánh dấu lần trước\r\n            let listStringIsCheck = ''\r\n            if (this.userExcerciseClassSchool) {\r\n                listStringIsCheck = this.userExcerciseClassSchool.listCheckQuestion\r\n            }\r\n\r\n            let listCheck = []\r\n            if (listStringIsCheck) {\r\n                let arrayTemp = listStringIsCheck.split(',')\r\n                for (let i = 0; i < arrayTemp.length; i++) {\r\n                    listCheck.push(Number(arrayTemp[i]) == 1 ? true : false)\r\n\r\n                }\r\n            }\r\n            ////\r\n\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                this.dataUserWork.push({\r\n                    excerciseQuestionClassSchoolId: item.id,\r\n                    questionNumber: i + 1,\r\n                    questionId: item.questionId,\r\n                    isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                    answer: '',\r\n                    isTrue: false,\r\n                    listAnswer: [],\r\n                    valCorrect: []\r\n                })\r\n                if (i == 0) {\r\n                    this.questionSelected = item\r\n                }\r\n                if (i == 0) {\r\n                    this.itemSelected = this.dataUserWork[0]\r\n                }\r\n            }\r\n            if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0 && (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5)) {\r\n                //hiển thị thông tin \r\n                this.statusUserExcercise = 1\r\n                this.isShowResult = true\r\n                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                    const item = this.listUserExcerciseAnswerQuestion[i];\r\n                    if (item.isTrue) {\r\n                        this.countQuestionTrue++\r\n                    }\r\n                    else {\r\n                        this.countQuestionFalse++\r\n                    }\r\n\r\n                    ///\r\n                    for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                        const element = this.dataUserWork[j];\r\n                        if (item.excerciseQuestionId == element.excerciseQuestionClassSchoolId) {\r\n                            element.isTrue = item.isTrue\r\n                            element.answerContent = item.answerContent\r\n                            element.answer = item.answerUserFill\r\n                        }\r\n                    }\r\n                }\r\n                return\r\n            }\r\n\r\n            // sét thời gian\r\n            if (this.userExcerciseClassSchool) {\r\n                //\r\n                let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n                let timeDiff = new Date().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() {\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            submitExcerciseQuestionBank(params).then((res) => {\r\n                self.$toast.success('Nộp bài thành công')\r\n                self.$emit('handleReloadDetailData')\r\n            })\r\n        },\r\n        closeModalSubmitExcercise() {\r\n            this.isOpenModalSubmitExcercise = false\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                    item.isCheck = true\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            }, 1000)\r\n        },\r\n        formatTime() {\r\n            let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.secondTotal % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes}:${seconds}`\r\n            }\r\n            return `${seconds}`\r\n        },\r\n        handleClickQuestion(questionCurrent) {\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                if (questionCurrent.questionId == item.questionId) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = questionCurrent\r\n        }\r\n    }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.wrap-content-question {\r\n    max-height: 33rem;\r\n    overflow: auto;\r\n}\r\n\r\n.result-point {\r\n    font-size: 50px;\r\n    font-family: ui-monospace;\r\n    font-style: italic;\r\n    color: red;\r\n}\r\n\r\n.wrap-right {\r\n    border: 2px solid #91a3dc;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.icon-arrow {\r\n    width: 10px;\r\n    height: 20px;\r\n    margin-top: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-ischeck {\r\n    background: orange;\r\n    margin-left: 10px;\r\n    margin-right: 10px;\r\n    margin-bottom: 10px;\r\n    color: white\r\n}\r\n\r\n.question-item-number {\r\n    width: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin: 2px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.color-blue {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: green;\r\n    border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: red;\r\n    border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n    background: #ff832b !important;\r\n    color: white !important;\r\n}\r\n\r\n.btn-check {\r\n    background: #ff832b;\r\n    color: white;\r\n    line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n    background-color: blue !important;\r\n    color: white !important;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.display-flex-center {\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n.list-result-number {\r\n    .result-item-number {\r\n        .result-number {\r\n            color: #2100af;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-user-fill {\r\n            color: red;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-answer {\r\n            color: green;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n    }\r\n}\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcerciseChooseBank.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcerciseChooseBank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcerciseChooseBank.vue?vue&type=template&id=1a3c5b38&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=1a3c5b38&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  \"1a3c5b38\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[(!_vm.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-3\"},[(_vm.dataDetailExcercise.typeExcercise == 1)?_c('div',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))]):_vm._e(),(_vm.isSaveData && _vm.statusSave == 2)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                                Đang lưu ...\\n                        \")]):_vm._e(),(_vm.statusSave == 3)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                                Đã lưu\\n                        \")]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_c('div',{},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                                                \"+_vm._s(item.questionNumber)+\"\\n                                        \")])}),0),_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\",attrs:{\"href\":\"javascript:;\",\"disabled\":_vm.isSaveData && _vm.statusSave == 2},on:{\"click\":_vm.handSubmitExcercise}},[_vm._v(\"\\n\\n                                        Nộp bài\\n                                \")])])]):_vm._e(),(_vm.questionSelected)?_c('div',{staticClass:\"wrap-right col-md-9\"},[_c('div',{staticClass:\"wrap-content-question\"},[_c('div',{staticClass:\"name-question\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questionSelected.content)}})]),_vm._l((_vm.listQuestion),function(dataSource,index){return _c('div',{key:index},[(_vm.questionSelected == dataSource)?_c('div',_vm._l((dataSource.answers),function(item,indexanswers){return _c('div',{key:indexanswers},[(dataSource.type === _vm.TYPE_RADIO)?_c('MultipleChoiceNew',{attrs:{\"dataSource\":item,\"nameField\":(\"answer_\" + (dataSource.id)),\"location\":indexanswers,\"parent\":dataSource,\"valueSelected\":_vm.itemSelected.answer,\"answerContent\":_vm.itemSelected.answerContent,\"statusUserExcercise\":_vm.statusUserExcercise},on:{\"changeAnswer\":_vm.changeAnswer}}):_vm._e()],1)}),0):_vm._e()])})],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()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('h5',[_vm._v(\"Thông tin đề\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n        <div>\r\n                <div class=\"row\">\r\n                        <div v-if=\"!isShowResult\" class=\"wrap-left col-md-3\">\r\n                                <div v-if=\"dataDetailExcercise.typeExcercise == 1\">Còn lại {{ formatTime() }}</div>\r\n                                <div class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                                        Đang lưu ...\r\n                                </div>\r\n                                <div class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                                        Đã lưu\r\n                                </div>\r\n                                <div class=\"list-question-number margin-top-10\">\r\n                                        <div class=\"\">\r\n                                                <div @click=\"handleClickQuestion(item)\"\r\n                                                        class=\"col-md-2 question-item-number\"\r\n                                                        :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck }\"\r\n                                                        v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                                                        {{ item.questionNumber }}\r\n                                                </div>\r\n\r\n                                        </div>\r\n                                        <a href=\"javascript:;\" :disabled=\"isSaveData && statusSave == 2\"\r\n                                                @click=\"handSubmitExcercise\"\r\n                                                class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\">\r\n\r\n                                                Nộp bài\r\n                                        </a>\r\n                                </div>\r\n                        </div>\r\n\r\n                        <div v-if=\"questionSelected\" class=\"wrap-right col-md-9\">\r\n\r\n                                <div class=\"wrap-content-question\">\r\n                                        <div class=\"name-question\">\r\n                                                <div v-html=\"questionSelected.content\">\r\n                                                </div>\r\n                                        </div>\r\n                                        <div v-for=\"(dataSource, index) of  listQuestion\" :key=\"index\">\r\n                                                <div v-if=\"questionSelected == dataSource\">\r\n                                                        <div v-for=\"(item, indexanswers) of dataSource.answers\"\r\n                                                                :key=\"indexanswers\">\r\n                                                                <MultipleChoiceNew v-if=\"dataSource.type === TYPE_RADIO\"\r\n                                                                        :dataSource=\"item\"\r\n                                                                        :nameField=\"`answer_${dataSource.id}`\"\r\n                                                                        :location=\"indexanswers\" :parent=\"dataSource\"\r\n                                                                        :valueSelected=\"itemSelected.answer\"\r\n                                                                        :answerContent=\"itemSelected.answerContent\"\r\n                                                                        :statusUserExcercise=\"statusUserExcercise\"\r\n                                                                        @changeAnswer=\"changeAnswer\" />\r\n                                                        </div>\r\n                                                </div>\r\n\r\n                                        </div>\r\n                                </div>\r\n\r\n                                <div v-if=\"!isShowResult\" class=\"row justify-content-center margin-top-10\">\r\n                                        <img @click=\"handlePrevQuestion\" class=\"icon-arrow\"\r\n                                                src=\"@/assets/img/arrow-left.png\" />\r\n                                        <button type=\"button\" @click=\"handleCheckItem\"\r\n                                                class=\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\">\r\n                                                Đánh dấu\r\n                                        </button>\r\n                                        <img @click=\"handleNextquestion\" class=\"icon-arrow\"\r\n                                                src=\"@/assets/img/arrow-right.png\" />\r\n                                </div>\r\n                        </div>\r\n                        <div v-if=\"isShowResult\" class=\"col-md-3\">\r\n                                <div class=\"row\">\r\n                                        <div class=\"col-md-12 text-center\">\r\n                                                <h5>Thông tin đề</h5>\r\n                                        </div>\r\n                                        <div class=\"col-md-12 text-center\">\r\n                                                <strong>Điểm</strong>\r\n\r\n                                        </div>\r\n                                        <div class=\"col-md-12 text-center\">\r\n                                                <strong class=\"result-point\">{{\r\n                                                        roundedNumber()\r\n                                                }}</strong>\r\n                                        </div>\r\n                                        <div class=\"col-md-12 \">\r\n                                                <div class=\"display-flex justify-content-space-between\">\r\n                                                        <div class=\"title-complete\">\r\n                                                                <strong>Thời gian hoàn thành</strong>\r\n                                                        </div>\r\n                                                        &nbsp;\r\n                                                        &nbsp;\r\n                                                        <div class=\"time-complete\">\r\n                                                                {{ formatTimeResult() }}\r\n                                                        </div>\r\n                                                </div>\r\n                                        </div>\r\n                                </div>\r\n                                <div class=\"row\">\r\n                                        <div class=\"col-md-12\">\r\n                                                <span class=\"color-blue\"></span> Số câu đúng: {{ countQuestionTrue }}\r\n                                        </div>\r\n                                        <div class=\"col-md-12\">\r\n                                                <span class=\"color-red\"></span> Số câu sai: {{ countQuestionFalse }}\r\n                                        </div>\r\n\r\n                                </div>\r\n                                <div class=\"row\">\r\n                                        <div class=\"col-md-12\">\r\n                                                <div class=\"col-md-2 question-item-number\"\r\n                                                        @click=\"handleClickQuestion(item)\"\r\n                                                        :class=\"{ 'is-true': item.isTrue, 'is-false': !item.isTrue }\"\r\n                                                        v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                                                        {{ item.questionNumber }}\r\n                                                </div>\r\n                                        </div>\r\n\r\n\r\n                                </div>\r\n                        </div>\r\n\r\n                </div>\r\n                <ModalSubmitExcercise :textNotitySubmit=\"textNotitySubmit\" v-if=\"isOpenModalSubmitExcercise\"\r\n                        @handleSubmit=\"handleSubmit\" @closeModal=\"closeModalSubmitExcercise\" />\r\n        </div>\r\n</template>\r\n<script>\r\nimport MultipleChoiceNew from './../../../../question/preview-question/answers/multiple-choice/MultipleChoiceNew.vue'\r\nimport { saveUserExcerciseClassSchool, submitExcerciseQuestionChooseWord } from './../../../_api/userExcerciseClassSchool';\r\nimport ModalSubmitExcercise from './ModalSubmitExcercise'\r\nexport default {\r\n        components: {\r\n                MultipleChoiceNew,\r\n                ModalSubmitExcercise\r\n        },\r\n        props: {\r\n                dataDetailExcercise: {\r\n                        type: Object,\r\n                        // eslint-disable-next-line vue/require-valid-default-prop\r\n                        default: {}\r\n                },\r\n                userExcerciseClassSchool: {\r\n                        type: Object,\r\n                        // eslint-disable-next-line vue/require-valid-default-prop\r\n                        default: {}\r\n                },\r\n\r\n                listUserExcerciseAnswerQuestion: {\r\n                        type: Array,\r\n                        // eslint-disable-next-line vue/require-valid-default-prop\r\n                        default: []\r\n                }\r\n        },\r\n        data() {\r\n                return {\r\n                        TYPE_RADIO: 'radio',\r\n                        TYPE_CHECKBOX: 'checkbox',\r\n                        TYPE_TRUE_FALSE_NO: 'answer_t_f_no',\r\n                        TYPE_MATH_COL: 'math_col',\r\n                        TYPE_FILL_BLANK: 'fill_blank',\r\n                        TYPE_FILL_SENTENCE: 'fill_sentence',\r\n                        TYPE_SELECT: 'select',\r\n                        TYPE_DOWN_ANSWER: 'down_answer',\r\n                        TYPE_CIRCLE_ANSWER: 'circle_answer',\r\n                        TYPE_X_MARK: 'x_mark_answer',\r\n                        TYPE_DRAW_SHAPE_ANSWER: 'draw_shape_answer',\r\n                        TYPE_GROUP: 'group',\r\n                        TYPE_FILL_INPUT_IMG: 'fill_input_img',\r\n                        dataUserWork: [],\r\n                        itemSelected: null,\r\n                        questionSelected: null,\r\n                        myInterval: null,\r\n                        secondTotal: 0,\r\n                        isSubmitExcercise: false,\r\n                        isOpenModalSubmitExcercise: false,\r\n                        textNotitySubmit: '',\r\n                        isShowResult: false,\r\n                        countQuestionTrue: 0,\r\n                        countQuestionFalse: 0,\r\n                        listQuestion: [],\r\n                        isSaveData: false,\r\n                        statusSave: 1,\r\n                        myIntervalAutoSave: null,\r\n                        statusUserExcercise: 0\r\n                }\r\n        },\r\n        mounted() {\r\n                this.listQuestion = this.dataDetailExcercise.listExcerciseQuestionClassSchool\r\n                this.innitData()\r\n                this.initIntervalAutoSave()\r\n        },\r\n        methods: {\r\n                roundedNumber() {\r\n                        if (this.userExcerciseClassSchool.point) {\r\n                                return this.userExcerciseClassSchool.point.toFixed(2)\r\n                        }\r\n                        return 0\r\n                },\r\n                handleChangeAnswer() {\r\n                        this.statusSave = 2\r\n                        this.isSaveData = true\r\n                },\r\n                initIntervalAutoSave() {\r\n                        let self = this\r\n                        this.myIntervalAutoSave = setInterval(() => {\r\n                                if (self.isSaveData) {\r\n                                        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                                        }\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: self.dataUserWork,\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                                        questionNumber: i + 1,\r\n                                        isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                                        answer: '',\r\n                                        isTrue: false,\r\n                                })\r\n                                if (i == 0) {\r\n                                        this.questionSelected = item\r\n                                }\r\n                                if (i == 0) {\r\n                                        this.itemSelected = this.dataUserWork[0]\r\n                                }\r\n                        }\r\n                        if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0 && (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5)) {\r\n                                //hiển thị thông tin \r\n                                this.statusUserExcercise = 1\r\n                                this.isShowResult = true\r\n                                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                                        const item = this.listUserExcerciseAnswerQuestion[i];\r\n                                        if (item.isTrue) {\r\n                                                this.countQuestionTrue++\r\n                                        }\r\n                                        else {\r\n                                                this.countQuestionFalse++\r\n                                        }\r\n\r\n                                        ///\r\n                                        for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                                                const element = this.dataUserWork[j];\r\n                                                if (item.excerciseQuestionId == element.id) {\r\n                                                        element.isTrue = item.isTrue\r\n                                                        element.answerContent = item.answerContent\r\n                                                        element.answer = item.answerUserFill\r\n                                                }\r\n                                        }\r\n                                }\r\n                                return\r\n                        }\r\n\r\n                        // sét thời gian\r\n                        if (this.userExcerciseClassSchool) {\r\n                                let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n\r\n                                let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                                let secondsDiff = timeDiff / 1000;\r\n                                console.log(secondsDiff)\r\n                                if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                                        console.log('Hết thời gian')\r\n                                        //this.isSubmitExcercise = false\r\n                                }\r\n                                else {\r\n                                        this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n\r\n                                        this.initInterval()\r\n                                }\r\n                        }\r\n                        else {\r\n                                this.isSubmitExcercise = false\r\n                                this.$router.push('/')\r\n                        }\r\n\r\n                },\r\n                formatTimeResult() {\r\n            let hours = Math.floor(this.userExcerciseClassSchool.timeComplete / 3600); // Lấy phần nguyên khi chia cho 3600\r\n            let minutes = Math.floor((this.userExcerciseClassSchool.timeComplete % 3600) / 60); // Lấy phần nguyên của phần dư khi chia cho 3600, sau đó chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n\r\n            if (hours > 0) {\r\n                return `${hours} giờ ${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else if (minutes > 0) {\r\n                return `${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else {\r\n                return `${seconds} giây`;\r\n            }\r\n        },\r\n                handleSubmit() {\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                                self.$toast.success('Nộp bài thành công')\r\n                                self.$emit('handleReloadDetailData')\r\n                        })\r\n                },\r\n                closeModalSubmitExcercise() {\r\n                        this.isOpenModalSubmitExcercise = false\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                        }, 1000)\r\n                },\r\n                formatTime() {\r\n                        let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n                        let seconds = this.secondTotal % 60;\r\n                        if (minutes > 0) {\r\n                                return `${minutes}:${seconds}`\r\n                        }\r\n                        return `${seconds}`\r\n                },\r\n                handleClickQuestion(questionCurrent) {\r\n                        for (let i = 0; i < this.listQuestion.length; i++) {\r\n                                const item = this.listQuestion[i];\r\n                                if (questionCurrent.id == item.id) {\r\n                                        this.questionSelected = item\r\n                                        break\r\n                                }\r\n                        }\r\n\r\n                        this.itemSelected = questionCurrent\r\n\r\n                }\r\n        }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.result-point {\r\n        font-size: 50px;\r\n        font-family: ui-monospace;\r\n        font-style: italic;\r\n        color: red;\r\n}\r\n\r\n.wrap-content-question {\r\n        border: 2px solid #91a3dc;\r\n        padding: 10px;\r\n        border-radius: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n        margin-top: 10px;\r\n}\r\n\r\n.icon-arrow {\r\n        width: 10px;\r\n        height: 20px;\r\n        margin-top: 5px;\r\n        cursor: pointer;\r\n}\r\n\r\n.btn-ischeck {\r\n        background: orange;\r\n        margin-left: 10px;\r\n        margin-right: 10px;\r\n        margin-bottom: 10px;\r\n        color: white\r\n}\r\n\r\n.question-item-number {\r\n        width: 100%;\r\n        background: #b7ddf9;\r\n        border-radius: 10px;\r\n        color: blue;\r\n        display: inline-block;\r\n        text-align: center;\r\n        margin-left: 5px;\r\n        margin-top: 10px;\r\n        cursor: pointer;\r\n}\r\n\r\n.is-true {\r\n        background: #00ac5d;\r\n        color: white;\r\n        border-radius: 10px;\r\n        text-align: center;\r\n}\r\n\r\n.is-false {\r\n        background: #ff4953;\r\n        color: white;\r\n        border-radius: 10px;\r\n        text-align: center;\r\n}\r\n\r\n.color-blue {\r\n        width: 10px;\r\n        height: 10px;\r\n        display: inline-block;\r\n        background: green;\r\n        border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n        width: 10px;\r\n        height: 10px;\r\n        display: inline-block;\r\n        background: red;\r\n        border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n        background: #ff832b !important;\r\n        color: white !important;\r\n}\r\n\r\n.btn-check {\r\n        background: #ff832b;\r\n        color: white;\r\n        line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n        background-color: blue !important;\r\n        color: white !important;\r\n}\r\n\r\n.is-choose {\r\n        border: 2px solid blue;\r\n}\r\n\r\n.display-flex-center {\r\n        text-align: center;\r\n        align-items: center;\r\n        justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n\r\n\r\n.list-result-number {\r\n        .result-item-number {\r\n                .result-number {\r\n                        color: #2100af;\r\n                        font-size: 20px;\r\n                        font-weight: 600;\r\n                }\r\n\r\n                .result-user-fill {\r\n                        color: red;\r\n                        font-size: 20px;\r\n                        font-weight: 600;\r\n                }\r\n\r\n                .result-answer {\r\n                        color: green;\r\n                        font-size: 20px;\r\n                        font-weight: 600;\r\n                }\r\n        }\r\n}\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcerciseChooseWord.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcerciseChooseWord.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcerciseChooseWord.vue?vue&type=template&id=7ed99e70&scoped=true&\"\nimport script from \"./DoExcerciseChooseWord.vue?vue&type=script&lang=js&\"\nexport * from \"./DoExcerciseChooseWord.vue?vue&type=script&lang=js&\"\nimport style0 from \"./DoExcerciseChooseWord.vue?vue&type=style&index=0&id=7ed99e70&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  \"7ed99e70\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[(!_vm.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-3\"},[(_vm.isSubmitExcercise && _vm.dataDetailExcercise.typeExcercise == 1)?_c('div',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))]):_vm._e(),(_vm.isSaveData && _vm.statusSave == 2)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đang lưu ...\\n            \")]):_vm._e(),(_vm.statusSave == 3)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đã lưu\\n            \")]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_c('div',{},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.questionNumber)+\"\\n                    \")])}),0),(_vm.isSubmitExcercise)?_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\",attrs:{\"disabled\":_vm.isSaveData && _vm.statusSave == 2,\"href\":\"javascript:;\"},on:{\"click\":_vm.handSubmitExcercise}},[_vm._v(\"\\n\\n                    Nộp bài\\n                \")]):_vm._e()])]):_vm._e(),(_vm.questionSelected)?_c('div',{staticClass:\"wrap-right col-md-9\"},[_c('div',{staticClass:\"wrap-content-question\"},[_c('div',{staticClass:\"name-question\"},[_c('div',{domProps:{\"innerHTML\":_vm._s(_vm.questionSelected.content)}})]),_vm._l((_vm.listQuestion),function(dataSource,index){return _c('div',{key:index},[(_vm.questionSelected == dataSource)?_c('div',[(dataSource.answers.length > 0)?_c('div',_vm._l((dataSource.answers),function(item,indexanswers){return _c('div',{key:indexanswers},[(dataSource.type === _vm.TYPE_RADIO)?_c('MultipleChoiceNew',{attrs:{\"dataSource\":item,\"nameField\":(\"answer_\" + (dataSource.id)),\"location\":indexanswers,\"parent\":dataSource,\"valueSelected\":_vm.itemSelected.answer,\"answerContent\":_vm.itemSelected.answerContent,\"statusUserExcercise\":!_vm.isSubmitExcercise ? 2 : (_vm.isShowResult ? 1 : _vm.statusUserExcercise)},on:{\"changeAnswer\":_vm.changeAnswer}}):_vm._e()],1)}),0):_c('div',[_c('EditorCKNew',{staticClass:\"margin-top-10\",attrs:{\"disabled\":!_vm.isSubmitExcercise,\"contentEditor\":_vm.itemSelected.answer,\"position\":'1'},on:{\"onEditorChange\":_vm.onEditorChangeAnswer}})],1)]):_vm._e()])})],2),(!_vm.isShowResult)?_c('div',{staticClass:\"row justify-content-center margin-top-10\"},[_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-left.png\")},on:{\"click\":_vm.handlePrevQuestion}}),_c('button',{staticClass:\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleCheckItem}},[_vm._v(\"\\n                    Đánh dấu\\n                \")]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-right.png\")},on:{\"click\":_vm.handleNextquestion}})]):_vm._e()]):_vm._e(),(_vm.isShowResult)?_c('div',{staticClass:\"col-md-3\"},[(_vm.dataDetailExcercise.typeUploadExcercise == 3)?_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_vm._m(0),_c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.userExcerciseClassSchool.point))])]),_c('div',{staticClass:\"col-md-12 \"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_vm._m(1),_vm._v(\"\\n                             \\n                             \\n                            \"),_c('div',{staticClass:\"time-complete\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.formatTimeResult())+\"\\n                            \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-blue\"}),_vm._v(\" Số câu đúng: \"+_vm._s(_vm.countQuestionTrue)+\"\\n                    \")]),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-red\"}),_vm._v(\" Số câu sai: \"+_vm._s(_vm.countQuestionFalse)+\"\\n                    \")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-true': item.isTrue, 'is-false': !item.isTrue },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                            \"+_vm._s(item.questionNumber)+\"\\n                        \")])}),0)])]):_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_c('div',{staticClass:\"row col-md-12 wrap-point-feedback display-flex\"},[_vm._m(2),_c('div',{staticClass:\"col-md-8\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.userExcerciseClassSchool.point)))])]),_c('b-collapse',{staticClass:\"row col-md-12\",attrs:{\"visible\":_vm.isShowMoreInfo}},[_c('div',{staticClass:\"col-md-12 font-size-13\"},[_vm._v(\"\\n                                Lời phê:\\n                            \")]),_c('div',{staticClass:\"col-md-12 wrap-feedback-teacher\"},[_c('strong',{domProps:{\"innerHTML\":_vm._s(_vm.userExcerciseClassSchool.feedback)}})]),_c('p'),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"font-size-13\"},[_vm._v(\"Thời gian hoàn thành: \")]),_c('strong',[_vm._v(_vm._s(_vm.formatTimeResult()))])])])],1)]),_c('div',{staticClass:\"row wrap-list-question\"},_vm._l((_vm.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': _vm.itemSelected.id == item.id },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(index + 1)+\"\\n                    \")])}),0),(_vm.itemSelected.id)?_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h5',[_vm._v(\"Câu \"+_vm._s(_vm.itemSelected.numberQuestion)+\": \"+_vm._s(_vm.formatNumber(_vm.itemSelected.pointTeacherFill))+\"/\"+_vm._s(_vm.formatNumber(_vm.itemSelected.maxPoint))+\" điểm\")])]),_c('strong',{staticClass:\"feed-back-teacher-item\"},[_vm._v(\"Nhận xét giáo viên:\")]),_c('div',{staticClass:\"wrap-answer \"},[(_vm.itemSelected.feedback)?_c('div',{staticClass:\"fit-max-height\",domProps:{\"innerHTML\":_vm._s(_vm.itemSelected.feedback)}}):_c('div',[_vm._v(\"\\n                            Giáo viên không nhận xét câu trả lời này.\\n                        \")])])]):_vm._e()])]):_vm._e()]),(_vm.isOpenModalSubmitExcercise)?_c('ModalSubmitExcercise',{attrs:{\"textNotitySubmit\":_vm.textNotitySubmit},on:{\"handleSubmit\":_vm.handleSubmit,\"closeModal\":_vm.closeModalSubmitExcercise}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4 text-center\"},[_c('strong',[_vm._v(\"Tổng điểm\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"row\">\r\n            <div v-if=\"!isShowResult\" class=\"wrap-left col-md-3\">\r\n                <div v-if=\"isSubmitExcercise && dataDetailExcercise.typeExcercise == 1\">Còn lại {{ formatTime() }}</div>\r\n                <div class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                    Đang lưu ...\r\n                </div>\r\n                <div class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                    Đã lưu\r\n                </div>\r\n                <div class=\"list-question-number margin-top-10\">\r\n                    <div class=\"\">\r\n                        <div @click=\"handleClickQuestion(item)\" class=\"col-md-2 question-item-number\"\r\n                            :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.answer && !item.isCheck }\"\r\n                            v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                            {{ item.questionNumber }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <a v-if=\"isSubmitExcercise\" :disabled=\"isSaveData && statusSave == 2\" href=\"javascript:;\"\r\n                        @click=\"handSubmitExcercise\"\r\n                        class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\">\r\n\r\n                        Nộp bài\r\n                    </a>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"questionSelected\" class=\"wrap-right col-md-9\">\r\n\r\n                <div class=\"wrap-content-question\">\r\n                    <div class=\"name-question\">\r\n                        <div v-html=\"questionSelected.content\">\r\n                        </div>\r\n                    </div>\r\n                    <div v-for=\"(dataSource, index) of  listQuestion\" :key=\"index\">\r\n                        <div v-if=\"questionSelected == dataSource\">\r\n                            <div v-if=\"dataSource.answers.length > 0\">\r\n                                <div v-for=\"(item, indexanswers) of dataSource.answers\" :key=\"indexanswers\">\r\n                                    <MultipleChoiceNew v-if=\"dataSource.type === TYPE_RADIO\" :dataSource=\"item\"\r\n                                        :nameField=\"`answer_${dataSource.id}`\" :location=\"indexanswers\"\r\n                                        :parent=\"dataSource\" :valueSelected=\"itemSelected.answer\"\r\n                                        :answerContent=\"itemSelected.answerContent\"\r\n                                        :statusUserExcercise=\"!isSubmitExcercise ? 2 : (isShowResult ? 1 : statusUserExcercise)\"\r\n                                        @changeAnswer=\"changeAnswer\" />\r\n\r\n                                </div>\r\n                            </div>\r\n                            <div v-else>\r\n                                <EditorCKNew :disabled=\"!isSubmitExcercise\" class=\"margin-top-10\"\r\n                                    @onEditorChange=\"onEditorChangeAnswer\" :contentEditor=\"itemSelected.answer\"\r\n                                    :position=\"'1'\" />\r\n                                <!-- <textarea class=\"textarea-input-answer secondary-color-txt\" rows=\"6\"\r\n                                    v-model=\"itemSelected.answer\" @input=\"handleInputAnswerTextArea\"\r\n                                    placeholder=\"Nhập câu trả lời tại đây\"></textarea> -->\r\n                            </div>\r\n                        </div>\r\n\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 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    </div>\r\n</template>\r\n<script>\r\nimport MultipleChoiceNew from './../../../../question/preview-question/answers/multiple-choice/MultipleChoiceNew.vue'\r\nimport { saveUserExcerciseClassSchool, submitExcerciseQuestionMixedWord } from './../../../_api/userExcerciseClassSchool';\r\nimport ModalSubmitExcercise from './ModalSubmitExcercise'\r\nimport EditorCKNew from '@/components/EditorCKNew.vue'\r\n\r\nexport default {\r\n    components: {\r\n        MultipleChoiceNew,\r\n        ModalSubmitExcercise,\r\n        EditorCKNew\r\n    },\r\n    props: {\r\n        dataDetailExcercise: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n        userExcerciseClassSchool: {\r\n            type: Object,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: {}\r\n        },\r\n\r\n        listUserExcerciseAnswerQuestion: {\r\n            type: Array,\r\n            // eslint-disable-next-line vue/require-valid-default-prop\r\n            default: []\r\n        }\r\n    },\r\n    data() {\r\n        return {\r\n            isShowMoreInfo: true,\r\n            TYPE_RADIO: 'radio',\r\n            TYPE_CHECKBOX: 'checkbox',\r\n            TYPE_TRUE_FALSE_NO: 'answer_t_f_no',\r\n            TYPE_MATH_COL: 'math_col',\r\n            TYPE_FILL_BLANK: 'fill_blank',\r\n            TYPE_FILL_SENTENCE: 'fill_sentence',\r\n            TYPE_SELECT: 'select',\r\n            TYPE_DOWN_ANSWER: 'down_answer',\r\n            TYPE_CIRCLE_ANSWER: 'circle_answer',\r\n            TYPE_X_MARK: 'x_mark_answer',\r\n            TYPE_DRAW_SHAPE_ANSWER: 'draw_shape_answer',\r\n            TYPE_GROUP: 'group',\r\n            TYPE_FILL_INPUT_IMG: 'fill_input_img',\r\n            dataUserWork: [],\r\n            itemSelected: null,\r\n            questionSelected: null,\r\n            myInterval: null,\r\n            secondTotal: 0,\r\n            isSubmitExcercise: true,\r\n            isOpenModalSubmitExcercise: false,\r\n            textNotitySubmit: '',\r\n            isShowResult: false,\r\n            countQuestionTrue: 0,\r\n            countQuestionFalse: 0,\r\n            listQuestion: [],\r\n            isSaveData: false,\r\n            statusSave: 1,\r\n            myIntervalAutoSave: null,\r\n            dem: 3,\r\n            statusUserExcercise: 0\r\n        }\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        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.handleInputAnswerTextArea()\r\n            }\r\n\r\n        },\r\n        handleInputAnswerTextArea() {\r\n            this.dem = 3\r\n            this.statusSave = 2\r\n            this.isSaveData = true\r\n        },\r\n        saveDataInterval() {\r\n            let self = this\r\n            this.myIntervalAutoSave = setInterval(() => {\r\n                self.dem--\r\n                if (self.dem == 0 && self.isSaveData) {\r\n                    self.dem = -1\r\n                    console.log('Lưu data')\r\n                    let dataSend = [...self.dataUserWork]\r\n                    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 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: dataSend,\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                    questionNumber: i + 1,\r\n                    isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                    answer: '',\r\n                    isTrue: false\r\n                })\r\n                if (i == 0) {\r\n                    this.questionSelected = item\r\n                }\r\n                if (i == 0) {\r\n                    this.itemSelected = this.dataUserWork[0]\r\n\r\n                }\r\n            }\r\n            if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0 && (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5)) {\r\n                //hiển thị thông tin \r\n                this.statusUserExcercise = 1\r\n                this.isShowResult = true\r\n                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                    const item = this.listUserExcerciseAnswerQuestion[i];\r\n                    console.log(item)\r\n                    if (item.isTrue) {\r\n                        this.countQuestionTrue++\r\n                    }\r\n                    else {\r\n                        this.countQuestionFalse++\r\n                    }\r\n\r\n                    ///\r\n                    for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                        let element = this.dataUserWork[j];\r\n                        if (item.excerciseQuestionId == element.id) {\r\n                            element.isTrue = item.isTrue\r\n                            element.answerContent = item.answerContent\r\n                            element.answerUserFill = item.answerUserFill\r\n                            element.answer = item.answerUserFill\r\n                            element.feedback = item.feedback\r\n                            element.pointTeacherFill = item.pointTeacherFill,\r\n                                element.maxPoint = item.maxPoint,\r\n                                element.numberQuestion = item.numberQuestion\r\n                        }\r\n                    }\r\n                }\r\n                this.handleClickQuestion(this.itemSelected)\r\n                console.log(this.itemSelected)\r\n                return\r\n            }\r\n            if (this.userExcerciseClassSchool.status > 0) {\r\n                this.isSubmitExcercise = false\r\n                return\r\n            }\r\n\r\n            for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                const item = this.listUserExcerciseAnswerQuestion[i];\r\n                for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                    const element = this.dataUserWork[j];\r\n                    if (item.excerciseQuestionId == element.id) {\r\n                        element.answer = item.answerUserFill\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n            // sét thời gian\r\n            if (this.userExcerciseClassSchool) {\r\n                let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n\r\n                let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                let secondsDiff = timeDiff / 1000;\r\n                if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                    console.log('Hết thời gian')\r\n                    //this.isSubmitExcercise = false\r\n                }\r\n                else {\r\n                    this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n\r\n                    this.initInterval()\r\n                }\r\n            }\r\n            else {\r\n                this.isSubmitExcercise = false\r\n                this.$router.push('/')\r\n            }\r\n\r\n        },\r\n        formatTimeResult() {\r\n            let hours = Math.floor(this.userExcerciseClassSchool.timeComplete / 3600); // Lấy phần nguyên khi chia cho 3600\r\n            let minutes = Math.floor((this.userExcerciseClassSchool.timeComplete % 3600) / 60); // Lấy phần nguyên của phần dư khi chia cho 3600, sau đó chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n\r\n            if (hours > 0) {\r\n                return `${hours} giờ ${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else if (minutes > 0) {\r\n                return `${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else {\r\n                return `${seconds} giây`;\r\n            }\r\n        },\r\n        handleSubmit() {\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            submitExcerciseQuestionMixedWord(params).then((res) => {\r\n                self.$toast.success('Nộp bài thành công')\r\n                self.$emit('handleReloadDetailData')\r\n            })\r\n        },\r\n        closeModalSubmitExcercise() {\r\n            this.isOpenModalSubmitExcercise = false\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        },\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            }, 1000)\r\n        },\r\n        formatTime() {\r\n            let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.secondTotal % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes}:${seconds}`\r\n            }\r\n            return `${seconds}`\r\n        },\r\n        handleClickQuestion(questionCurrent) {\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                if (questionCurrent.id == item.id) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n            this.itemSelected = questionCurrent\r\n            if (this.dataDetailExcercise.typeUploadExcercise == 4) {\r\n                //lấy ra điểm max\r\n                for (let i = 0; i < this.dataDetailExcercise.listExcerciseQuestionClassSchool.length; i++) {\r\n                    const element = this.dataDetailExcercise.listExcerciseQuestionClassSchool[i];\r\n                    if (element.id == this.itemSelected.id) {\r\n                        this.itemSelected.maxPoint = element.point\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.fit-max-height {\r\n    min-height: 2rem;\r\n}\r\n\r\n.wrap-point-feedback {\r\n    border: 1px solid gray;\r\n    margin-left: 5px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.wrap-feedback-teacher {\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 10px;\r\n}\r\n\r\n.feed-back-teacher-item {\r\n    margin-top: 10px;\r\n}\r\n\r\n.wrap-answer {\r\n    border: 1px solid #5f7dcc;\r\n    border-radius: 10px;\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 5px;\r\n    min-height: 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953 !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.textarea-input-answer {\r\n    border-radius: 15px;\r\n    border: 1px solid gray;\r\n    width: 100%;\r\n    padding: 10px;\r\n}\r\n\r\n.result-point {\r\n    font-size: 50px;\r\n    font-family: ui-monospace;\r\n    font-style: italic;\r\n    color: red;\r\n}\r\n\r\n.wrap-content-question {\r\n    border: 2px solid #91a3dc;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.icon-arrow {\r\n    width: 10px;\r\n    height: 20px;\r\n    margin-top: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-ischeck {\r\n    background: orange;\r\n    margin-left: 10px;\r\n    margin-right: 10px;\r\n    margin-bottom: 10px;\r\n    color: white\r\n}\r\n\r\n.question-item-number {\r\n    width: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.color-blue {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: green;\r\n    border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: red;\r\n    border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n    background: #ff832b !important;\r\n    color: white !important;\r\n}\r\n\r\n.btn-check {\r\n    background: #ff832b;\r\n    color: white;\r\n    line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n    background-color: blue !important;\r\n    color: white !important;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.display-flex-center {\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n\r\n\r\n.list-result-number {\r\n    .result-item-number {\r\n        .result-number {\r\n            color: #2100af;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-user-fill {\r\n            color: red;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-answer {\r\n            color: green;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n    }\r\n}\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcerciseMixedWord.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcerciseMixedWord.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcerciseMixedWord.vue?vue&type=template&id=5ad06839&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=5ad06839&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  \"5ad06839\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"row\"},[(!_vm.isShowResult)?_c('div',{staticClass:\"wrap-left col-md-3\"},[(_vm.isSubmitExcercise && _vm.dataDetailExcercise.typeExcercise == 1)?_c('div',[_vm._v(\"Còn lại \"+_vm._s(_vm.formatTime()))]):_vm._e(),(_vm.isSaveData && _vm.statusSave == 2)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đang lưu ...\\n            \")]):_vm._e(),(_vm.statusSave == 3)?_c('div',{staticClass:\"status-save-data\"},[_vm._v(\"\\n                Đã lưu\\n            \")]):_vm._e(),_c('div',{staticClass:\"list-question-number margin-top-10\"},[_c('div',{},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': item == _vm.itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.listAnswer.length > 0 && !item.isCheck },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(item.questionNumber)+\"\\n                    \")])}),0),(_vm.isSubmitExcercise)?_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\",attrs:{\"disabled\":_vm.isSaveData && _vm.statusSave == 2,\"href\":\"javascript:;\"},on:{\"click\":_vm.handSubmitExcercise}},[_vm._v(\"\\n\\n                    Nộp bài\\n                \")]):_vm._e()])]):_vm._e(),(_vm.questionSelected)?_c('div',{staticClass:\"wrap-right col-md-9\"},[_c('div',{staticClass:\"wrap-content-question\"},[_c('PreviewQuestion',{ref:\"PreviewQuestion\",attrs:{\"id\":(\"question_\" + (0)),\"dataSource\":_vm.questionSelected,\"location\":0,\"questions\":_vm.listQuestion,\"isDontShowResultSaved\":!_vm.questionSelected.isWorked,\"valCorrectOld\":_vm.itemSelected.valCorrect},on:{\"writedAnswer\":_vm.writedAnswer,\"getResultQuestion\":_vm.getResultQuestion,\"changeAnswerEdittorCK\":_vm.changeAnswerEdittorCK}})],1),(!_vm.isShowResult)?_c('div',{staticClass:\"row justify-content-center margin-top-10\"},[_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-left.png\")},on:{\"click\":_vm.handlePrevQuestion}}),_c('button',{staticClass:\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleCheckItem}},[_vm._v(\"\\n                    Đánh dấu\\n                \")]),_c('img',{staticClass:\"icon-arrow\",attrs:{\"src\":require(\"@/assets/img/arrow-right.png\")},on:{\"click\":_vm.handleNextquestion}})]):_vm._e()]):_vm._e(),(_vm.isShowResult)?_c('div',{staticClass:\"col-md-3\"},[(_vm.dataDetailExcercise.typeUploadExcercise == 3)?_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_vm._m(0),_c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.userExcerciseClassSchool.point))])]),_c('div',{staticClass:\"col-md-12 \"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_vm._m(1),_vm._v(\"\\n                             \\n                             \\n                            \"),_c('div',{staticClass:\"time-complete\"},[_vm._v(\"\\n                                \"+_vm._s(_vm.formatTimeResult())+\"\\n                            \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-blue\"}),_vm._v(\" Số câu đúng: \"+_vm._s(_vm.countQuestionTrue)+\"\\n                    \")]),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"color-red\"}),_vm._v(\" Số câu sai: \"+_vm._s(_vm.countQuestionFalse)+\"\\n                    \")])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},_vm._l((this.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-true': item.isTrue, 'is-false': !item.isTrue },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                            \"+_vm._s(item.questionNumber)+\"\\n                        \")])}),0)])]):_c('div',[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12 text-center\"},[(!this.isShowResult)?_c('h5',[_vm._v(\"Thông tin đề\")]):_vm._e()]),_c('div',{staticClass:\"row col-md-12 wrap-point-feedback display-flex\"},[_vm._m(2),_c('div',{staticClass:\"col-md-8\"},[_c('strong',{staticClass:\"result-point\"},[_vm._v(_vm._s(_vm.formatNumber(_vm.userExcerciseClassSchool.point)))])]),_c('b-collapse',{staticClass:\"row col-md-12\",attrs:{\"visible\":_vm.isShowMoreInfo}},[_c('div',{staticClass:\"col-md-12 font-size-13\"},[_vm._v(\"\\n                                Lời phê:\\n                            \")]),_c('div',{staticClass:\"col-md-12 wrap-feedback-teacher\"},[_c('strong',{domProps:{\"innerHTML\":_vm._s(_vm.userExcerciseClassSchool.feedback)}})]),_c('p'),_c('div',{staticClass:\"col-md-12\"},[_c('span',{staticClass:\"font-size-13\"},[_vm._v(\"Thời gian hoàn thành: \")]),_c('strong',[_vm._v(_vm._s(_vm.formatTimeResult()))])])])],1)]),_c('div',{staticClass:\"row wrap-list-question\"},_vm._l((_vm.dataUserWork),function(item,index){return _c('div',{key:index,staticClass:\"col-md-2 question-item-number\",class:{ 'is-choose': _vm.itemSelected.id == item.id },on:{\"click\":function($event){return _vm.handleClickQuestion(item)}}},[_vm._v(\"\\n                        \"+_vm._s(index + 1)+\"\\n                    \")])}),0),(_vm.itemSelected.id)?_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12\"},[_c('h5',[_vm._v(\"Câu \"+_vm._s(_vm.itemSelected.numberQuestion)+\": \"+_vm._s(_vm.formatNumber(_vm.itemSelected.pointTeacherFill))+\"/\"+_vm._s(_vm.formatNumber(_vm.itemSelected.maxPoint))+\" điểm\")])]),_c('strong',{staticClass:\"feed-back-teacher-item\"},[_vm._v(\"Nhận xét giáo viên:\")]),_c('div',{staticClass:\"wrap-answer \"},[(_vm.itemSelected.feedback)?_c('div',{staticClass:\"fit-max-height\",domProps:{\"innerHTML\":_vm._s(_vm.itemSelected.feedback)}}):_c('div',[_vm._v(\"\\n                            Giáo viên không nhận xét câu trả lời này.\\n                        \")])])]):_vm._e()])]):_vm._e()]),(_vm.isOpenModalSubmitExcercise)?_c('ModalSubmitExcercise',{attrs:{\"textNotitySubmit\":_vm.textNotitySubmit},on:{\"handleSubmit\":_vm.handleSubmit,\"closeModal\":_vm.closeModalSubmitExcercise}}):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-12 text-center\"},[_c('strong',[_vm._v(\"Điểm\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"title-complete\"},[_c('strong',[_vm._v(\"Thời gian hoàn thành\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"col-md-4 text-center\"},[_c('strong',[_vm._v(\"Tổng điểm\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <div class=\"row\">\r\n            <div v-if=\"!isShowResult\" class=\"wrap-left col-md-3\">\r\n                <div v-if=\"isSubmitExcercise && dataDetailExcercise.typeExcercise == 1\">Còn lại {{ formatTime() }}</div>\r\n                <div class=\"status-save-data\" v-if=\"isSaveData && statusSave == 2\">\r\n                    Đang lưu ...\r\n                </div>\r\n                <div class=\"status-save-data\" v-if=\"statusSave == 3\">\r\n                    Đã lưu\r\n                </div>\r\n                <div class=\"list-question-number margin-top-10\">\r\n                    <div class=\"\">\r\n                        <div @click=\"handleClickQuestion(item)\" class=\"col-md-2 question-item-number\"\r\n                            :class=\"{ 'is-choose': item == itemSelected && !item.isCheck, 'is-check': item.isCheck, 'is-fill': item.listAnswer.length > 0 && !item.isCheck }\"\r\n                            v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                            {{ item.questionNumber }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <a v-if=\"isSubmitExcercise\" :disabled=\"isSaveData && statusSave == 2\" href=\"javascript:;\"\r\n                        @click=\"handSubmitExcercise\"\r\n                        class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add margin-top-10\">\r\n\r\n                        Nộp bài\r\n                    </a>\r\n                </div>\r\n            </div>\r\n\r\n            <div v-if=\"questionSelected\" class=\"wrap-right col-md-9\">\r\n\r\n                <div class=\"wrap-content-question\">\r\n                    <!-- <div  v-for=\"(dataSource, index) of listQuestion\" :key=\"index\">\r\n                        <div :class=\"{'display-none':questionSelected.questionId != dataSource.questionId}\">\r\n                            <PreviewQuestion :id=\"`question_${index}`\" :dataSource=\"questionSelected\" :location=\"index\"\r\n                            :questions=\"listQuestion\" :isDontShowResultSaved=\"!isShowResult\" @writedAnswer=\"writedAnswer\"\r\n                            @getResultQuestion=\"getResultQuestion\" @changeAnswerEdittorCK=\"changeAnswerEdittorCK\" />\r\n                        </div>\r\n                    </div> -->\r\n                    <PreviewQuestion ref=\"PreviewQuestion\" :id=\"`question_${0}`\" :dataSource=\"questionSelected\"\r\n                        :location=\"0\" :questions=\"listQuestion\" :isDontShowResultSaved=\"!questionSelected.isWorked\"\r\n                        @writedAnswer=\"writedAnswer\" :valCorrectOld=\"itemSelected.valCorrect\"\r\n                        @getResultQuestion=\"getResultQuestion\" @changeAnswerEdittorCK=\"changeAnswerEdittorCK\" />\r\n                </div>\r\n\r\n                <div v-if=\"!isShowResult\" class=\"row justify-content-center margin-top-10\">\r\n                    <img @click=\"handlePrevQuestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-left.png\" />\r\n                    <button type=\"button\" @click=\"handleCheckItem\"\r\n                        class=\"btn btn-ischeck border-rd-20 font-size-16 form-30h font-sanpro-semibold line-height-1\">\r\n                        Đánh dấu\r\n                    </button>\r\n                    <img @click=\"handleNextquestion\" class=\"icon-arrow\" src=\"@/assets/img/arrow-right.png\" />\r\n                </div>\r\n            </div>\r\n            <div v-if=\"isShowResult\" class=\"col-md-3\">\r\n                <div v-if=\"dataDetailExcercise.typeUploadExcercise == 3\">\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong>Điểm</strong>\r\n\r\n                        </div>\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <strong class=\"result-point\">{{ userExcerciseClassSchool.point\r\n                                }}</strong>\r\n                        </div>\r\n                        <div class=\"col-md-12 \">\r\n                            <div class=\"display-flex justify-content-space-between\">\r\n                                <div class=\"title-complete\">\r\n                                    <strong>Thời gian hoàn thành</strong>\r\n                                </div>\r\n                                &nbsp;\r\n                                &nbsp;\r\n                                <div class=\"time-complete\">\r\n                                    {{ formatTimeResult() }}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-blue\"></span> Số câu đúng: {{ countQuestionTrue }}\r\n                        </div>\r\n                        <div class=\"col-md-12\">\r\n                            <span class=\"color-red\"></span> Số câu sai: {{ countQuestionFalse }}\r\n                        </div>\r\n\r\n                    </div>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12\">\r\n                            <div class=\"col-md-2 question-item-number\" @click=\"handleClickQuestion(item)\"\r\n                                :class=\"{ 'is-true': item.isTrue, 'is-false': !item.isTrue }\"\r\n                                v-for=\"(item, index) of this.dataUserWork\" :key=\"index\">\r\n                                {{ item.questionNumber }}\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n                <div v-else>\r\n                    <div class=\"row\">\r\n                        <div class=\"col-md-12 text-center\">\r\n                            <h5 v-if=\"!this.isShowResult\">Thông tin đề</h5>\r\n                        </div>\r\n                        <div class=\"row col-md-12 wrap-point-feedback display-flex\">\r\n                            <div class=\"col-md-4 text-center\">\r\n                                <strong>Tổng điểm</strong>\r\n\r\n                            </div>\r\n                            <div class=\"col-md-8\">\r\n                                <strong class=\"result-point\">{{ formatNumber(userExcerciseClassSchool.point) }}</strong>\r\n                            </div>\r\n                            <!-- <div @click=\"handleShowMoreInfo\" class=\"col-md-12 text-end show-more\">\r\n                                {{!isShowMoreInfo?'Hiện thêm':'Ẩn bớt'}} <img class=\"icon-show-more\" width=\"15px\" src=\"@/assets/img/show-more-down.png\" />\r\n                            </div> -->\r\n                            <b-collapse class=\"row col-md-12\" :visible=\"isShowMoreInfo\">\r\n                                <div class=\"col-md-12 font-size-13\">\r\n                                    Lời phê:\r\n                                </div>\r\n                                <div class=\"col-md-12 wrap-feedback-teacher\">\r\n                                    <strong v-html=\"userExcerciseClassSchool.feedback\"></strong>\r\n                                </div>\r\n                                <p></p>\r\n                                <!-- <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu đúng: </span><strong>{{ countQuestionTrue\r\n                                        }}</strong>\r\n                                </div>\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Số câu sai: </span><strong>{{ countQuestionFalse\r\n                                        }}</strong>\r\n                                </div> -->\r\n                                <div class=\"col-md-12\">\r\n                                    <span class=\"font-size-13\">Thời gian hoàn thành: </span><strong>{{\r\n                                        formatTimeResult() }}</strong>\r\n                                </div>\r\n                            </b-collapse>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"row wrap-list-question\">\r\n                        <div @click=\"handleClickQuestion(item)\" :class=\"{ 'is-choose': itemSelected.id == item.id }\"\r\n                            class=\"col-md-2 question-item-number\" v-for=\"(item, index) of dataUserWork\" :key=\"index\">\r\n                            {{ index + 1 }}\r\n                        </div>\r\n                    </div>\r\n                    <div v-if=\"itemSelected.id\" class=\"row margin-top-10\">\r\n                        <div class=\"col-md-12\">\r\n                            <h5>Câu {{ itemSelected.numberQuestion }}: {{ formatNumber(itemSelected.pointTeacherFill)\r\n                                }}/{{\r\n                                    formatNumber(itemSelected.maxPoint) }} điểm</h5>\r\n                        </div>\r\n                        <!-- <strong>Câu trả lời học sinh:</strong>\r\n                        <div class=\"wrap-answer col-md-12\">\r\n                            <div v-html=\"itemSelected.answerUserFill\">\r\n\r\n                            </div>\r\n                            <div class=\"answer-item\">\r\n\r\n                            </div>\r\n\r\n                        </div>\r\n                        <p></p> -->\r\n                        <strong class=\"feed-back-teacher-item\">Nhận xét giáo viên:</strong>\r\n                        <div class=\"wrap-answer \">\r\n                            <div v-if=\"itemSelected.feedback\" class=\"fit-max-height\" v-html=\"itemSelected.feedback\">\r\n\r\n                            </div>\r\n                            <div v-else>\r\n                                Giáo viên không nhận xét câu trả lời này.\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n        <ModalSubmitExcercise :textNotitySubmit=\"textNotitySubmit\" v-if=\"isOpenModalSubmitExcercise\"\r\n            @handleSubmit=\"handleSubmit\" @closeModal=\"closeModalSubmitExcercise\" />\r\n    </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 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    },\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        }\r\n    },\r\n    mounted() {\r\n        this.listQuestion = this.listQuestionBank\r\n        this.innitData()\r\n        this.saveDataInterval()\r\n    },\r\n    created() {\r\n        if (!(STORE_KEY_QUESTION in this.$store._modules.root._children)) {\r\n            this.$store.registerModule(STORE_KEY_QUESTION, store);\r\n        }\r\n    },\r\n    methods: {\r\n        ...mapActions('common', ['setLoading', 'setToggleModalActivePage', 'acSetDataBookActiveWant', 'acToggleModalActiveBook', 'acToggleModaShowHelp', 'actionCheckRouterHelp', 'actionGetVideoHelp', 'acToggleModaShowError', 'actionSetBookIndexId', 'actionSetBookIdForError', 'setActionCheckQuestion', 'actionSetPageNoBook', 'actionCheckExcercise', 'actionCheckInfoExcercise', 'actionCheckPage']),\r\n        ...mapActions('auth', ['setToggleLoginForm']),\r\n        ...mapActions(STORE_KEY_QUESTION, ['setVituralKeyVal', 'setQuestionData4CheckAnswer', 'setQuestionList4CheckAnswer']),\r\n        getResultQuestion(data) {\r\n            if (data.questionWork.isTrue) {\r\n                this.itemSelected.isTrue = true\r\n            }\r\n            else {\r\n                this.itemSelected.isTrue = false\r\n            }\r\n            this.itemSelected.listAnswer = []\r\n            for (let i = 0; i < data.questionWork.answers.length; i++) {\r\n                const element = data.questionWork.answers[i];\r\n                this.itemSelected.listAnswer.push({\r\n                    answerContent: element.answerContent,\r\n                    answerId: element.answerId,\r\n                    content: element.content,\r\n                    isError: element.isError,\r\n                    position: element.position,\r\n                    questionId: element.questionId,\r\n                    validateString: element.validate ? element.validate.join('#') : null,\r\n                    validateValString: element.validateVal ? element.validateVal.join('#') : null,\r\n                })\r\n            }\r\n            //this.questionSelected = data.questionWork\r\n            this.handleInputAnswer()\r\n\r\n        },\r\n        writedAnswer(data) {\r\n            this.itemSelected.valCorrect = []\r\n            this.checkAnswer()\r\n            this.itemSelected.valCorrect = data.answers\r\n        },\r\n        getAnswerIdQuestionCurrent(answerId) {\r\n            for (let i = 0; i < this.questionSelected.answers.length; i++) {\r\n                const element = this.questionSelected.answers[i];\r\n                if (element.answerId == answerId) {\r\n                    return element;\r\n                }\r\n            }\r\n        },\r\n        getParentAnswer(listAnswer, position) {\r\n            let index = position.split('_')[0]\r\n            return listAnswer[index]\r\n        },\r\n        getAnswerByPostion(val) {\r\n            for (let i = 0; i < this.questionSelected.answers.length; i++) {\r\n                const element = this.questionSelected.answers[i];\r\n                if (element.position == val.parent) {\r\n                    return element\r\n                }\r\n            }\r\n            return {}\r\n        },\r\n        async checkAnswer() {\r\n            console.log('checkAnswer')\r\n            let self = this;\r\n            self.resetValKeyboard()\r\n            if (self.questionSelected.type !== this.typeDownAnswer) {\r\n                self.setQuestionList4CheckAnswer([{ ...self.questionSelected }])\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelected })\r\n            }\r\n\r\n            if (self.questionSelected.type === this.typeGroup) {\r\n                self.txtMissingQuestionGroup = '';\r\n                self.setQuestionData4CheckAnswer({ ...self.questionSelected, isGroup: true, parent: parent.questionId })\r\n            }\r\n\r\n            if (self.questionSelected.type !== this.typeDownAnswer) {\r\n                await self.setActionCheckQuestion(true);\r\n            } else {\r\n                self.questionSelected = { ...self.questionSelected, isTrue: true }\r\n                self.saveQuestion2Local(self.questionSelected)\r\n            }\r\n            //this.questionSelected.isWorked =true\r\n        },\r\n        setResultQuestionsSlider(value = true) {\r\n            if (this.questionindexActive > 0) {\r\n                this.sliderQuestionList[this.questionindexActive - 1]['isWorked'] = true\r\n                this.sliderQuestionList[this.questionindexActive - 1]['isTrue'] = value\r\n            }\r\n            if (this.authInfo && this.authInfo.email === EMAIL_PUBLIC && this.sliderQuestionList.length > 0) {\r\n                this.setResultQuestionForSidebarOfAccFree()\r\n            } else if (this.keySidebarActive === 'info') {\r\n                this.questionIdCheckAnswer = { value, id: this.sliderQuestionList[this.questionindexActive - 1].questionId }\r\n            }\r\n        },\r\n        async setResultQuestionForSidebarOfAccFree() {\r\n            let questionCorrect = 0\r\n            let questionInCorrect = 0\r\n            let questionNotDone = 0\r\n            await this.sliderQuestionList.map(ques => {\r\n                if (ques.isWorked && ques.isTrue) {\r\n                    questionCorrect += 1\r\n                } else if (ques.isWorked && !ques.isTrue) {\r\n                    questionInCorrect += 1\r\n                } else {\r\n                    questionNotDone += 1\r\n                }\r\n            })\r\n\r\n            this.questionIdCheckAnswer = { ...this.questionIdCheckAnswer, questionCorrect, questionInCorrect, questionNotDone }\r\n        },\r\n        resetValKeyboard() {\r\n            this.valVituralKeyboard && this.setVituralKeyVal({});\r\n        },\r\n        changeAnswerEdittorCK(data) {\r\n            if (this.isShowResult || !this.isSubmitExcercise) {\r\n                return\r\n            }\r\n            if (this.questionSelected.type == this.TYPE_DOWN_ANSWER) {\r\n                this.itemSelected.listAnswer = []\r\n\r\n                if (data.answerContent && data.answerContent != '<p><br></p>') {\r\n                    this.itemSelected.listAnswer.push({\r\n                        answerId: data.answerId,\r\n                        answerContent: data.answerContent,\r\n                        isUserFillTrue: false,\r\n                        questionId: data.questionId\r\n                    })\r\n                    this.handleInputAnswer()\r\n                }\r\n            }\r\n        },\r\n        formatNumber(value) {\r\n            if (typeof value !== 'number') {\r\n                return value;\r\n            }\r\n            return value.toFixed(2);\r\n        },\r\n        onEditorChangeAnswer(e) {\r\n            if (this.statusUserExcercise == 0) {\r\n                this.itemSelected.answer = e.html\r\n                this.handleInputAnswer()\r\n            }\r\n\r\n        },\r\n        handleInputAnswer() {\r\n            this.dem = 2\r\n            this.statusSave = 2\r\n            this.isSaveData = true\r\n        },\r\n        saveDataInterval() {\r\n            let self = this\r\n            this.myIntervalAutoSave = setInterval(() => {\r\n                self.dem--\r\n                if (self.dem == 0 && self.isSaveData) {\r\n                    self.dem = -1\r\n                    console.log('Lưu data')\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 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: dataSend,\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                    questionNumber: i + 1,\r\n                    isCheck: listCheck.length > 0 ? listCheck[i] : false,\r\n                    answer: '',\r\n                    isTrue: false,\r\n                    listAnswer: [],\r\n                    valCorrect: []\r\n                })\r\n                if (i == 0) {\r\n                    this.questionSelected = item\r\n                }\r\n                if (i == 0) {\r\n                    this.itemSelected = this.dataUserWork[0]\r\n\r\n                }\r\n            }\r\n            if (this.listUserExcerciseAnswerQuestion && this.listUserExcerciseAnswerQuestion.length > 0 && (this.userExcerciseClassSchool.status == 2 || this.userExcerciseClassSchool.status == 5)) {\r\n                //hiển thị thông tin \r\n                this.statusUserExcercise = 1\r\n                this.isShowResult = true\r\n                for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                    const item = this.listUserExcerciseAnswerQuestion[i];\r\n                    console.log(item)\r\n                    if (item.isTrue) {\r\n                        this.countQuestionTrue++\r\n                    }\r\n                    else {\r\n                        this.countQuestionFalse++\r\n                    }\r\n\r\n                    ///\r\n                    for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                        let element = this.dataUserWork[j];\r\n                        if (item.excerciseQuestionId == element.id) {\r\n                            element.isTrue = item.isTrue\r\n                            element.answerContent = item.answerContent\r\n                            element.answerUserFill = item.answerUserFill\r\n                            element.answer = item.answerUserFill\r\n                            element.feedback = item.feedback\r\n                            element.pointTeacherFill = item.pointTeacherFill,\r\n                                element.maxPoint = item.maxPoint,\r\n                                element.numberQuestion = item.numberQuestion\r\n                        }\r\n                    }\r\n                }\r\n                this.handleClickQuestion(this.itemSelected)\r\n                console.log(this.itemSelected)\r\n                return\r\n            }\r\n            if (this.userExcerciseClassSchool.status > 0) {\r\n                this.isSubmitExcercise = false\r\n                return\r\n            }\r\n\r\n            for (let i = 0; i < this.listUserExcerciseAnswerQuestion.length; i++) {\r\n                const item = this.listUserExcerciseAnswerQuestion[i];\r\n                for (let j = 0; j < this.dataUserWork.length; j++) {\r\n                    const element = this.dataUserWork[j];\r\n                    if (item.excerciseQuestionId == element.id) {\r\n                        element.answer = item.answerUserFill\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n            // sét thời gian\r\n            if (this.userExcerciseClassSchool) {\r\n                let datetimeStartDoWork = new Date(this.userExcerciseClassSchool.timeStartDoExcercise)\r\n\r\n                let timeDiff = new Date(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                let secondsDiff = timeDiff / 1000;\r\n                if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                    console.log('Hết thời gian')\r\n                    //this.isSubmitExcercise = false\r\n                }\r\n                else {\r\n                    this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n\r\n                    this.initInterval()\r\n                }\r\n            }\r\n            else {\r\n                this.isSubmitExcercise = false\r\n                this.$router.push('/')\r\n            }\r\n\r\n        },\r\n        formatTimeResult() {\r\n            let hours = Math.floor(this.userExcerciseClassSchool.timeComplete / 3600); // Lấy phần nguyên khi chia cho 3600\r\n            let minutes = Math.floor((this.userExcerciseClassSchool.timeComplete % 3600) / 60); // Lấy phần nguyên của phần dư khi chia cho 3600, sau đó chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n\r\n            if (hours > 0) {\r\n                return `${hours} giờ ${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else if (minutes > 0) {\r\n                return `${minutes} phút ${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`;\r\n            } else {\r\n                return `${seconds} giây`;\r\n            }\r\n        },\r\n        handleSubmit() {\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\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                self.$toast.success('Nộp bài thành công')\r\n                self.$emit('handleReloadDetailData')\r\n            })\r\n        },\r\n        closeModalSubmitExcercise() {\r\n            this.isOpenModalSubmitExcercise = false\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            }, 1000)\r\n        },\r\n        formatTime() {\r\n            let minutes = Math.floor(this.secondTotal / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.secondTotal % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes}:${seconds}`\r\n            }\r\n            return `${seconds}`\r\n        },\r\n        handleClickQuestion(questionCurrent) {\r\n\r\n            for (let i = 0; i < this.listQuestion.length; i++) {\r\n                const item = this.listQuestion[i];\r\n                if (questionCurrent.id == item.id) {\r\n                    this.questionSelected = item\r\n                    break\r\n                }\r\n            }\r\n            if (this.questionSelected.type == this.TYPE_MATH_COL) {\r\n                this.$refs.PreviewQuestion.reLoadData()\r\n            }\r\n            this.itemSelected = questionCurrent\r\n            if (this.dataDetailExcercise.typeUploadExcercise == 4) {\r\n                //lấy ra điểm max\r\n                for (let i = 0; i < this.dataDetailExcercise.listExcerciseQuestionClassSchool.length; i++) {\r\n                    const element = this.dataDetailExcercise.listExcerciseQuestionClassSchool[i];\r\n                    if (element.id == this.itemSelected.id) {\r\n                        this.itemSelected.maxPoint = element.point\r\n                        break\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.fit-max-height {\r\n    min-height: 2rem;\r\n}\r\n\r\n.wrap-point-feedback {\r\n    border: 1px solid gray;\r\n    margin-left: 5px;\r\n    border-radius: 15px;\r\n}\r\n\r\n.wrap-feedback-teacher {\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 10px;\r\n}\r\n\r\n.feed-back-teacher-item {\r\n    margin-top: 10px;\r\n}\r\n\r\n.wrap-answer {\r\n    border: 1px solid #5f7dcc;\r\n    border-radius: 10px;\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 5px;\r\n    min-height: 2rem;\r\n    width: 100%;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953 !important;\r\n    color: white !important;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.textarea-input-answer {\r\n    border-radius: 15px;\r\n    border: 1px solid gray;\r\n    width: 100%;\r\n    padding: 10px;\r\n}\r\n\r\n.result-point {\r\n    font-size: 50px;\r\n    font-family: ui-monospace;\r\n    font-style: italic;\r\n    color: red;\r\n}\r\n\r\n.wrap-content-question {\r\n    border: 2px solid #91a3dc;\r\n    padding: 10px;\r\n    border-radius: 10px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.icon-arrow {\r\n    width: 10px;\r\n    height: 20px;\r\n    margin-top: 5px;\r\n    cursor: pointer;\r\n}\r\n\r\n.btn-ischeck {\r\n    background: orange;\r\n    margin-left: 10px;\r\n    margin-right: 10px;\r\n    margin-bottom: 10px;\r\n    color: white\r\n}\r\n\r\n.question-item-number {\r\n    width: 100%;\r\n    background: #b7ddf9;\r\n    border-radius: 10px;\r\n    color: blue;\r\n    display: inline-block;\r\n    text-align: center;\r\n    margin-left: 5px;\r\n    margin-top: 10px;\r\n    cursor: pointer;\r\n}\r\n\r\n.is-true {\r\n    background: #00ac5d;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.is-false {\r\n    background: #ff4953;\r\n    color: white;\r\n    border-radius: 10px;\r\n    text-align: center;\r\n}\r\n\r\n.color-blue {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: green;\r\n    border-radius: 20px;\r\n}\r\n\r\n.color-red {\r\n    width: 10px;\r\n    height: 10px;\r\n    display: inline-block;\r\n    background: red;\r\n    border-radius: 20px;\r\n}\r\n\r\n.is-check {\r\n    background: #ff832b !important;\r\n    color: white !important;\r\n}\r\n\r\n.btn-check {\r\n    background: #ff832b;\r\n    color: white;\r\n    line-height: 18px;\r\n}\r\n\r\n.is-fill {\r\n    background-color: blue !important;\r\n    color: white !important;\r\n}\r\n\r\n.is-choose {\r\n    border: 2px solid blue;\r\n}\r\n\r\n.display-flex-center {\r\n    text-align: center;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.title-complete {}\r\n\r\n.time-complete {}\r\n\r\n\r\n\r\n.list-result-number {\r\n    .result-item-number {\r\n        .result-number {\r\n            color: #2100af;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-user-fill {\r\n            color: red;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n\r\n        .result-answer {\r\n            color: green;\r\n            font-size: 20px;\r\n            font-weight: 600;\r\n        }\r\n    }\r\n}\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcerciseMixedBank.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcerciseMixedBank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./DoExcerciseMixedBank.vue?vue&type=template&id=72d0d154&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=72d0d154&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  \"72d0d154\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <section>\r\n        <div class=\"ss-breadcrumb\">\r\n            <div class=\"container-hts\">\r\n                <ul class=\"margin-0 p-0\">\r\n                    <li><router-link to=\"/danh-sach-lop-hoc\">Lớp học</router-link></li>\r\n                    <li><router-link to=\"/danh-sach-lop-hoc\">Lớp học của tôi</router-link></li>\r\n                    <li><router-link to=\"\">{{ this.$route.query.className }}</router-link></li>\r\n                </ul>\r\n            </div>\r\n        </div>\r\n        <div class=\"container-hts margin-top-20\">\r\n            <div class=\"title-header\">\r\n                <h4><strong>{{ dataDetailExcercise.name }}</strong></h4>\r\n            </div>\r\n\r\n            <DoExcerciseMixedWord :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataMixedWord\" v-if=\"isOpenDoExcerciseMixedWord\" />\r\n            <DoExcerciseChooseWord :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataChooseWord\" v-if=\"isOpenDoExcerciseChooseWord\" />\r\n            <DoExcerciseChooseBank ref=\"DoExcerciseChooseBank\" :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\" :listQuestion=\"listQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataChooseBank\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" v-if=\"isOpenDoExcerciseChooseBank\" />\r\n            <DoExcercisePdf ref=\"DoExcercisePdf\" :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailData\" v-if=\"isOpenModalDoExcercisePdf\" />\r\n            <DoExcerciseMixedBank :dataDetailExcercise=\"dataDetailExcercise\"\r\n                :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n                :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" :listQuestionBank=\"listQuestion\"\r\n                @handleReloadDetailData=\"handleReloadDetailDataMixedBank\" v-if=\"isOpenDoExcerciseMixedBank\" />\r\n        </div>\r\n    </section>\r\n</template>\r\n\r\n<script>\r\nimport { GetDetailExcerciseDoWork } from './../../_api/LessonClassSchoolServices'\r\nimport DoExcercisePdf from './_components/DoExcercisePdf.vue'\r\nimport { saveUserExcerciseClassSchool } from './../../_api/userExcerciseClassSchool';\r\nimport DoExcerciseChooseBank from './_components/DoExcerciseChooseBank'\r\nimport DoExcerciseChooseWord from './_components/DoExcerciseChooseWord'\r\nimport DoExcerciseMixedWord from './_components/DoExcerciseMixedWord'\r\nimport DoExcerciseMixedBank from './_components/DoExcerciseMixedBank'\r\nexport default {\r\n    components: {\r\n        DoExcercisePdf,\r\n        DoExcerciseChooseBank,\r\n        DoExcerciseChooseWord,\r\n        DoExcerciseMixedWord,\r\n        DoExcerciseMixedBank\r\n    },\r\n    data() {\r\n        return {\r\n            classSchoolId: 0,\r\n            lessonClassSchoolId: 0,\r\n            dataDetailExcercise: {},\r\n            userExcerciseClassSchool: {},\r\n            listUserExcerciseAnswerQuestion: [],\r\n            listQuestion: [],\r\n            isOpenModalDoExcercisePdf: false,\r\n            isOpenDoExcerciseChooseBank: false,\r\n            isOpenDoExcerciseChooseWord: false,\r\n            isOpenDoExcerciseMixedWord: false,\r\n            isOpenDoExcerciseMixedBank: false\r\n        }\r\n    },\r\n    mounted() {\r\n        this.lessonClassSchoolId = this.$route.query.id\r\n        this.classSchoolId = this.$route.query.classSchoolId\r\n        this.getDetailLessonClassSchool()\r\n        //this.saveUserExcercise()\r\n    },\r\n    methods: {\r\n        handleReloadDetailDataMixedBank() {\r\n            this.isOpenDoExcerciseMixedBank = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcerciseMixedBank = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n        },\r\n        handleReloadDetailDataMixedWord() {\r\n            this.isOpenDoExcerciseMixedWord = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcerciseMixedWord = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n        },\r\n        handleReloadDetailDataChooseWord() {\r\n            this.isOpenDoExcerciseChooseWord = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcerciseChooseWord = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n        },\r\n        handleReloadDetailDataChooseBank() {\r\n            this.isOpenDoExcerciseChooseBank = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenDoExcerciseChooseBank = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n        },\r\n        handleReloadDetailData() {\r\n            this.isOpenModalDoExcercisePdf = false\r\n            this.getDetailLessonClassSchool(() => {\r\n                this.isOpenModalDoExcercisePdf = true\r\n                //this.$refs.DoExcercisePdf.updateDataPage()\r\n            })\r\n\r\n        },\r\n        saveUserExcercise() {\r\n            let params = {\r\n                statusId: 1,\r\n                lessonClassSchoolId: this.lessonClassSchoolId,\r\n                classSchoolId: this.classSchoolId,\r\n            }\r\n            saveUserExcerciseClassSchool(params).then(() => {\r\n\r\n            })\r\n        },\r\n        getDetailLessonClassSchool(callback = null) {\r\n            let self = this\r\n            let params = {\r\n                lessonClassSchoolId: this.lessonClassSchoolId,\r\n                classSchoolId: this.classSchoolId\r\n            }\r\n            GetDetailExcerciseDoWork(params).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.dataDetailExcercise = res.data.lessonClassSchoolModel\r\n                    self.userExcerciseClassSchool = res.data.userExcerciseClassSchoolModel\r\n                    self.listUserExcerciseAnswerQuestion = res.data.listUserExcerciseAnswerQuestion\r\n                    self.listQuestion = res.data.listQuestion\r\n                    if (self.dataDetailExcercise.typeUploadExcercise == 5 || self.dataDetailExcercise.typeUploadExcercise == 6) {\r\n                        this.isOpenModalDoExcercisePdf = true\r\n                    }\r\n                    else if (self.dataDetailExcercise.typeUploadExcercise == 1) {\r\n                        this.isOpenDoExcerciseChooseBank = true\r\n                    }\r\n                    else if (self.dataDetailExcercise.typeUploadExcercise == 2) {\r\n                        this.isOpenDoExcerciseMixedBank = true\r\n                    }\r\n                    else if (self.dataDetailExcercise.typeUploadExcercise == 3) {\r\n                        this.isOpenDoExcerciseChooseWord = true\r\n                    } else if (self.dataDetailExcercise.typeUploadExcercise == 4) {\r\n                        this.isOpenDoExcerciseMixedWord = true\r\n                    }\r\n\r\n                    if (callback) {\r\n                        callback()\r\n                    }\r\n                }\r\n            })\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-20 {\r\n    margin-top: 20px;\r\n}\r\n\r\n.title-header h4 {\r\n    color: #263cb8;\r\n}\r\n</style>","import mod from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageDoExcercise.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../node_modules/babel-loader/lib/index.js!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PageDoExcercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageDoExcercise.vue?vue&type=template&id=ecedf3cc&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=ecedf3cc&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  \"ecedf3cc\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}