{"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/PageDoExcercise.vue?605c","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseBank.vue?586d","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?9435","webpack:///./src/modules/class-school/_api/userExcerciseClassSchool.js","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseChooseWord.vue?783c","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?9a62","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcerciseMixedWord.vue?188e","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?95d3","webpack:///./src/modules/class-school/member/excercise_class_school/PageDoExcercise.vue?792b","webpack:///./src/modules/class-school/member/excercise_class_school/_components/DoExcercisePdf.vue?5835","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?64ca","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?f781","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?5231","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?6ae6","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","_v","_s","dataDetailExcercise","name","attrs","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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CAC,qCACA3D,gBACA3C,kBACAwE,sBACA3B,gBACAD,cACAtB,qBACAmB,8BACAhB,oBACA3C,gBACAK,oBACAC,qBACAZ,gBACAqC,cACAC,aACAgC,wBACAyD,wBAGAtE,QAxDA,WAyDA,4EACA,iBACA,6BAEAC,SACA4C,cADA,WAEA,2CACA,+CAEA,GAEA/D,mBAPA,WAQA,kBACA,oBAEAmH,qBAXA,WAYA,WACA,gDACA,iBACA,yCACA,wBACA5I,uCAEA,6DACA,GACAyC,OACAoB,6CACAC,uDACAC,6CACAtE,8DACAuE,mCACAC,cAEAnI,oCACA8H,eACAA,sBAGA,MAEAiF,UApCA,WAqCA,yBACA,0BACA,qBAEA,SACA,gCACAjE,mDAGA,SACA,KAEA,IADA,mBACA,mBACAL,wBAIA,4CACA,2BACA,wBACA5D,QACAU,mBACAH,yBACAC,UACAsE,YAEA,OACA,yBAEA,OACA,wCAGA,4KAEA,2BACA,qBACA,+DACA,8CACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACAX,kBACAA,gCACAA,kCAQA,kCACA,mEAEA,4EAEA,QACApH,eACA,8CACAA,8BAIA,yEAEA,0BAIA,0BACA,wBAIAkC,iBAxHA,WAyHA,gEACA,gDACA,WACA,sEAEA,sBAEAwC,aAhIA,WAiIA,iCAGA,IAFA,WAEA,oCACA,2BACApC,uCAEA,mEAEA,GACAyC,OACAoB,gDACAC,0DACAC,gDACAtE,iEACAuE,sCACAC,cAEAnI,oCACA8H,uCACAA,sCAGAvB,0BAxJA,WAyJA,oCAEAH,oBA3JA,WA8JA,IADA,SACA,oCACA,2BACA,cACAiC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cA7KA,WA8KA,iBACAL,+BAEA,yBACAA,wCAGAyE,aArLA,SAqLAnN,EAAAF,GACAiC,8CAGA,IAFA,gDAEA,oCACA,2BACA,gCACAsC,mBACA,OAGA,2BAEAuF,mBAlMA,WAmMA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAwD,MACA,8BACAA,KAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACA,SAIAzD,mBA3NA,WA4NA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAyD,MACA,MACAA,8BAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACArL,eACA,SAIA4D,gBArPA,WAsPA,4CACA,2BACA,uBACAtB,cAGA,8BAEAsE,sBA9PA,WAgQA,IADA,SACA,oCACA,2BACAC,sBAGA,OACAC,WACAX,sEACAC,0DACAW,+BAEAvJ,oCACA,sBACAwC,wBAKA0G,aAlRA,WAkRA,WACA,OACA,wCACA,gBACA,mBACA,uBACAC,+BAEA,MAEApD,WA5RA,WA6RA,sCACA,sBACA,WACA,2BAEA,cAEAG,oBApSA,SAoSA4H,GACA,4CACA,2BACA,eACA,wBACA,OAIA,uBCte2Z,MCQvZ,I,UAAY,eACd,GACA,EACA,IACA,EACA,KACA,WACA,OAIa,M,QCnBX,GAAS,WAAa,IAAIjL,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,OAAO,CAAGN,EAAIyB,aAAitCzB,EAAIgB,KAAvsCZ,EAAG,MAAM,CAACE,YAAY,sBAAsB,CAAEN,EAAIiE,mBAA4D,GAAvCjE,EAAIS,oBAAoBuG,cAAkB5G,EAAG,MAAM,CAACJ,EAAIO,GAAG,WAAWP,EAAIQ,GAAGR,EAAIkD,iBAAiBlD,EAAIgB,KAAMhB,EAAIwD,YAAgC,GAAlBxD,EAAIyD,WAAiBrD,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIO,GAAG,kDAAkDP,EAAIgB,KAAwB,GAAlBhB,EAAIyD,WAAiBrD,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIO,GAAG,4CAA4CP,EAAIgB,KAAKZ,EAAG,MAAM,CAACE,YAAY,sCAAsC,CAACF,EAAG,MAAM,GAAGJ,EAAIgC,GAAI/B,KAAiB,cAAE,SAASgC,EAAKC,GAAO,OAAO9B,EAAG,MAAM,CAAC+B,IAAID,EAAM5B,YAAY,gCAAgCoC,MAAM,CAAE,YAAaT,GAAQjC,EAAI2C,eAAgBV,EAAKkB,QAAS,WAAYlB,EAAKkB,QAAS,UAAWlB,EAAKmB,SAAUnB,EAAKkB,SAAUrC,GAAG,CAAC,MAAQ,SAAS+B,GAAQ,OAAO7C,EAAIqD,oBAAoBpB,MAAS,CAACjC,EAAIO,GAAG,6BAA6BP,EAAIQ,GAAGyB,EAAKqB,gBAAgB,+BAA8B,GAAItD,EAAqB,kBAAEI,EAAG,IAAI,CAACE,YAAY,0FAA0FK,MAAM,CAAC,KAAO,gBAAgBG,GAAG,CAAC,MAAQd,EAAImE,sBAAsB,CAACnE,EAAIO,GAAG,uDAAuDP,EAAIgB,SAAmBhB,EAAoB,iBAAEI,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,MAAM,CAACgC,SAAS,CAAC,UAAYpC,EAAIQ,GAAGR,EAAImH,iBAAiBuC,cAAc1J,EAAIgC,GAAIhC,EAAgB,cAAE,SAASkL,EAAWhJ,GAAO,OAAO9B,EAAG,MAAM,CAAC+B,IAAID,GAAO,CAAElC,EAAImH,kBAAoB+D,EAAY9K,EAAG,MAAM,CAAE8K,EAAWG,QAAQnE,OAAS,EAAG9G,EAAG,MAAMJ,EAAIgC,GAAIkJ,EAAkB,SAAE,SAASjJ,EAAKkJ,GAAc,OAAO/K,EAAG,MAAM,CAAC+B,IAAIgJ,GAAc,CAAED,EAAWxG,OAAS1E,EAAIqI,WAAYjI,EAAG,oBAAoB,CAACO,MAAM,CAAC,WAAasB,EAAK,UAAa,UAAaiJ,EAAa,GAAG,SAAWC,EAAa,OAASD,EAAW,cAAgBlL,EAAI2C,aAAaS,OAAO,cAAgBpD,EAAI2C,aAAaL,cAAc,oBAAuBtC,EAAIiE,kBAAqBjE,EAAIyB,aAAa,EAAEzB,EAAIkJ,oBAA1B,GAAgDpI,GAAG,CAAC,aAAed,EAAI+K,gBAAgB/K,EAAIgB,MAAM,MAAK,GAAGZ,EAAG,MAAM,CAACA,EAAG,cAAc,CAACE,YAAY,gBAAgBK,MAAM,CAAC,UAAYX,EAAIiE,kBAAkB,cAAgBjE,EAAI2C,aAAaS,OAAO,SAAW,KAAKtC,GAAG,CAAC,eAAiBd,EAAIkE,yBAAyB,KAAKlE,EAAIgB,WAAU,GAAKhB,EAAIyB,aAAyjBzB,EAAIgB,KAA/iBZ,EAAG,MAAM,CAACE,YAAY,4CAA4C,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaK,MAAM,CAAC,IAAM,EAAQ,SAAgCG,GAAG,CAAC,MAAQd,EAAIuH,sBAAsBnH,EAAG,SAAS,CAACE,YAAY,wFAAwFK,MAAM,CAAC,KAAO,UAAUG,GAAG,CAAC,MAAQd,EAAIuD,kBAAkB,CAACvD,EAAIO,GAAG,sDAAsDH,EAAG,MAAM,CAACE,YAAY,aAAaK,MAAM,CAAC,IAAM,EAAQ,SAAiCG,GAAG,CAAC,MAAQd,EAAIwH,0BAAmCxH,EAAIgB,KAAMhB,EAAgB,aAAEI,EAAG,MAAM,CAACE,YAAY,YAAY,CAAiD,GAA/CN,EAAIS,oBAAoBiB,oBAA0BtB,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAAGL,KAAKwB,aAAgDzB,EAAIgB,KAAtCZ,EAAG,KAAK,CAACJ,EAAIO,GAAG,oBAA6BP,EAAI2B,GAAG,GAAGvB,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,SAAS,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIY,yBAAyBgB,YAAYxB,EAAG,MAAM,CAACE,YAAY,cAAc,CAACF,EAAG,MAAM,CAACE,YAAY,8CAA8C,CAACN,EAAI2B,GAAG,GAAG3B,EAAIO,GAAG,oFAAoFH,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAG,iCAAiCP,EAAIQ,GAAGR,EAAI6B,oBAAoB,sCAAsCzB,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,eAAeN,EAAIO,GAAG,iBAAiBP,EAAIQ,GAAGR,EAAI8B,mBAAmB,wBAAwB1B,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,cAAcN,EAAIO,GAAG,gBAAgBP,EAAIQ,GAAGR,EAAI+B,oBAAoB,0BAA0B3B,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,aAAaN,EAAIgC,GAAI/B,KAAiB,cAAE,SAASgC,EAAKC,GAAO,OAAO9B,EAAG,MAAM,CAAC+B,IAAID,EAAM5B,YAAY,gCAAgCoC,MAAM,CAAE,UAAWT,EAAKyF,OAAQ,YAAazF,EAAKyF,QAAS5G,GAAG,CAAC,MAAQ,SAAS+B,GAAQ,OAAO7C,EAAIqD,oBAAoBpB,MAAS,CAACjC,EAAIO,GAAG,6BAA6BP,EAAIQ,GAAGyB,EAAKqB,gBAAgB,+BAA8B,OAAOlD,EAAG,MAAM,CAACA,EAAG,MAAM,CAACE,YAAY,OAAO,CAACF,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAAGL,KAAKwB,aAAgDzB,EAAIgB,KAAtCZ,EAAG,KAAK,CAACJ,EAAIO,GAAG,oBAA6BH,EAAG,MAAM,CAACE,YAAY,kDAAkD,CAACN,EAAI2B,GAAG,GAAGvB,EAAG,MAAM,CAACE,YAAY,YAAY,CAACF,EAAG,SAAS,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAGP,EAAIQ,GAAGR,EAAIwC,aAAaxC,EAAIY,yBAAyBgB,aAAaxB,EAAG,aAAa,CAACE,YAAY,gBAAgBK,MAAM,CAAC,QAAUX,EAAIyC,iBAAiB,CAACrC,EAAG,MAAM,CAACE,YAAY,0BAA0B,CAACN,EAAIO,GAAG,8EAA8EH,EAAG,MAAM,CAACE,YAAY,mCAAmC,CAACF,EAAG,SAAS,CAACgC,SAAS,CAAC,UAAYpC,EAAIQ,GAAGR,EAAIY,yBAAyB2B,eAAenC,EAAG,KAAKA,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,gBAAgB,CAACN,EAAIO,GAAG,4BAA4BH,EAAG,SAAS,CAACJ,EAAIO,GAAGP,EAAIQ,GAAGR,EAAI6B,4BAA4B,KAAKzB,EAAG,MAAM,CAACE,YAAY,0BAA0BN,EAAIgC,GAAIhC,EAAgB,cAAE,SAASiC,EAAKC,GAAO,OAAO9B,EAAG,MAAM,CAAC+B,IAAID,EAAM5B,YAAY,gCAAgCoC,MAAM,CAAE,YAAa1C,EAAI2C,aAAaC,IAAMX,EAAKW,IAAK9B,GAAG,CAAC,MAAQ,SAAS+B,GAAQ,OAAO7C,EAAIqD,oBAAoBpB,MAAS,CAACjC,EAAIO,GAAG,6BAA6BP,EAAIQ,GAAG0B,EAAQ,GAAG,+BAA8B,GAAIlC,EAAI2C,aAAe,GAAEvC,EAAG,MAAM,CAACE,YAAY,qBAAqB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,KAAK,CAACJ,EAAIO,GAAG,OAAOP,EAAIQ,GAAGR,EAAI2C,aAAaI,gBAAgB,KAAK/C,EAAIQ,GAAGR,EAAIwC,aAAaxC,EAAI2C,aAAaK,mBAAmB,IAAIhD,EAAIQ,GAAGR,EAAIwC,aAAaxC,EAAI2C,aAAaM,WAAW,aAAa7C,EAAG,SAAS,CAACE,YAAY,0BAA0B,CAACN,EAAIO,GAAG,yBAAyBH,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAAEN,EAAI2C,aAAqB,SAAEvC,EAAG,MAAM,CAACE,YAAY,iBAAiB8B,SAAS,CAAC,UAAYpC,EAAIQ,GAAGR,EAAI2C,aAAaJ,aAAanC,EAAG,MAAM,CAACJ,EAAIO,GAAG,2GAA2GP,EAAIgB,SAAShB,EAAIgB,OAAQhB,EAA8B,2BAAEI,EAAG,uBAAuB,CAACO,MAAM,CAAC,iBAAmBX,EAAIoE,kBAAkBtD,GAAG,CAAC,aAAed,EAAIqE,aAAa,WAAarE,EAAIsE,6BAA6BtE,EAAIgB,MAAM,IAC1qN,GAAkB,CAAC,WAAa,IAAIhB,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,yBAAyB,CAACF,EAAG,SAAS,CAACJ,EAAIO,GAAG,aAAa,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAACF,EAAG,SAAS,CAACJ,EAAIO,GAAG,6BAA6B,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,SAAS,CAACJ,EAAIO,GAAG,mB,2wBC2M/e,QACfyE,YACAoG,0BACAnG,uBACAE,oBAEAV,OACAhE,qBACAiE,YAEAC,YAEA/D,0BACA8D,YAEAC,YAGA9D,iCACA6D,WAEAC,aAGAjH,KAxBA,WAyBA,OACA+E,kBACA4F,mBACAC,yBACAC,mCACAC,yBACAC,6BACAC,mCACAC,qBACAC,+BACAC,mCACAC,4BACAC,2CACAC,mBACAC,qCACA3D,gBACA3C,kBACAwE,sBACA3B,gBACAD,cACAtB,qBACAmB,8BACAhB,oBACA3C,gBACAK,oBACAC,qBACAZ,gBACAqC,cACAC,aACAgC,wBACAC,MACAwD,wBAGAtE,QA3DA,WA4DA,4EACA,iBACA,yBAEAC,SACArC,aADA,SACAoB,GACA,0BACA,EAEA,cAEAM,qBAPA,SAOAtG,GACA,8BACA,gCACA,mCAIA0N,0BAdA,WAeA,WACA,kBACA,oBAEA1F,iBAnBA,WAoBA,WACA,gDAEA,GADAC,QACA,wBACAA,SACAlG,wBAEA,IADA,yBACA,oBACA,WACAsC,uCAEA,6DAEA,GACAyC,OACAoB,6CACAC,uDACAC,6CACAtE,8DACAuE,sBACAC,cAEAlI,oCACA6H,eACAA,sBAGA,MAEAiF,UAjDA,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,8CACA/H,eACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACAoH,kBACAA,gCACAA,kCACAA,0BACAA,sBACAA,sCACAA,sBACAA,oCAMA,OAFA,iDACApH,+BAGA,0CACA,8BADA,CAKA,8DAEA,IADA,8CACA,oCACA,2BACA,gCACAoH,0BACA,OAKA,kCACA,mEAEA,4EAEA,QACA,8CACApH,8BAIA,yEAEA,0BAIA,0BACA,yBAIAkC,iBA5JA,WA6JA,gEACA,gDACA,WACA,sEAEA,sBAEAwC,aApKA,WAqKA,iCAGA,IAFA,WAEA,oCACA,2BACApC,uCAEA,mEAEA,GACAyC,OACAoB,gDACAC,0DACAC,gDACAtE,iEACAuE,sCACAC,cAEAlI,oCACA6H,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IA,WAgJA,WACA,gDAEA,GADAC,QACA,wBACAA,SACAlG,wBAEA,IADA,yBACA,oBACA,WACAsC,uCAEA,6DAEA,GACAyC,OACAoB,6CACAC,uDACAC,6CACAtE,8DACAuE,sBACAC,cAEApI,oCACA+H,eACAA,sBAGA,MAEAiF,UA7KA,WA+KA,yBACA,0BACA,qBAEA,SACA,gCACAjE,mDAGA,SACA,KAEA,IADA,mBACA,mBACAL,wBAIA,4CACA,2BACA,wBACA5D,QACAU,mBACAH,yBACAC,UACAsE,UACAT,cACAG,gBAEA,OACA,yBAEA,OACA,wCAIA,4KAEA,2BACA,qBACA,+DACA,8CACAzH,eACA,SACA,yBAGA,0BAIA,4CACA,2BACA,8BACAoH,kBACAA,gCACAA,kCACAA,0BACAA,sBACAA,sCACAA,sBACAA,oCAMA,OAFA,iDACApH,+BAGA,0CACA,8BADA,CAKA,8DAEA,IADA,8CACA,oCACA,2BACA,gCACAoH,0BACA,OAKA,kCACA,mEAEA,4EAEA,QACA,8CACApH,8BAIA,yEAEA,0BAIA,0BACA,yBAIAkC,iBA1RA,WA2RA,gEACA,gDACA,WACA,sEAEA,sBAEAwC,aAlSA,WAmSA,iCACA,WAEA,+DAEA,GACAK,OACAoB,gDACAC,0DACAC,gDACAtE,iEACAuE,sCACAC,cAEApI,oCACA+H,uCACAA,sCAGAvB,0BAtTA,WAuTA,oCAEAH,oBAzTA,WA4TA,IADA,SACA,oCACA,2BACA,2BACAiC,KACA,OAIA,sBADA,EACA,gCAGA,sEAEA,oCAEAO,cA3UA,WA4UA,iBACAL,+BAEA,yBACAA,wCAGAyE,aAnVA,SAmVAnN,EAAAF,GACAiC,8CAGA,IAFA,gDAEA,oCACA,2BACA,gCACAsC,mBACA,SAIAuF,mBA/VA,WAgWA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAwD,MACA,8BACAA,KAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACA,SAIAzD,mBAxXA,WAyXA,2BAEA,IADA,QACA,oCACA,2BACA,+BACAyD,MACA,MACAA,8BAEA,OAGA,uCAGA,4CACA,2BAEA,+BACA,wBACArL,eACA,SAIA4D,gBAlZA,WAmZA,4CACA,2BACA,uBACAtB,cAGA,8BAEAsE,sBA3ZA,WA6ZA,IADA,SACA,oCACA,2BACAC,sBAGA,OACAC,WACAX,sEACAC,0DACAW,+BAEAvJ,oCACA,sBACAwC,wBAKA0G,aA/aA,WA+aA,WACA,OACA,wCACA,gBACA,mBACA,uBACAC,+BAEA,MAEApD,WAzbA,WA0bA,sCACA,sBACA,WACA,2BAEA,cAEAG,oBAjcA,SAicA4H,GAEA,4CACA,2BACA,eACA,wBACA,OAOA,GAJA,gDACA,wCAEA,oBACA,gDAEA,oFACA,mEACA,+BACA,mCACA,YCzuB0Z,MCQtZ,I,UAAY,eACd,GACA,GACA,IACA,EACA,KACA,WACA,OAIa,M,QCqBf,IACAjG,YACA4G,iBACAC,wBACAC,yBACAC,wBACAC,yBAEAtO,KARA,WASA,OACAqI,gBACAD,sBACArF,uBACAG,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,kCAEA5I,wCAIAoP,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,WChJsY,MCQlY,I,WAAY,eACd,GACA9D,EACAwB,GACA,EACA,KACA,WACA,OAIa,gB","file":"js/chunk-6c7ad4e2.78ff9775.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!./PageDoExcercise.vue?vue&type=style&index=0&id=72d7ec3d&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=4665bb09&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=25e1fc78&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!./DoExcerciseChooseWord.vue?vue&type=style&index=0&id=317ba3c8&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcercisePdf.vue?vue&type=style&index=1&id=60d93996&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=1d5ec7aa&lang=scss&scoped=true&\"","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./DoExcercisePdf.vue?vue&type=style&index=0&id=60d93996&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container-hts margin-top-20\"},[_c('div',{staticClass:\"title-header\"},[_c('h4',[_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)\"\r\n                            :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                        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\" 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 minutes = Math.floor(this.userExcerciseClassSchool.timeComplete / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes} phút:${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`\r\n            }\r\n            return `${seconds} giây`\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                    item.isCheck = true\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.wrap-feedback-teacher {\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 10px;\r\n}\r\n.feed-back-teacher-item{\r\n    margin-top: 10px;\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</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=60d93996&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=60d93996&lang=scss&scoped=true&\"\nimport style1 from \"./DoExcercisePdf.vue?vue&type=style&index=1&id=60d93996&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  \"60d93996\",\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}`\" \r\n                    :dataSource=\"questionSelected\" :location=\"0\"\r\n                    :valCorrectOld=\"itemSelected.valCorrect\"\r\n                    :questions=\"listQuestion\" @getResultQuestion=\"getResultQuestion\"\r\n                    :isDontShowResultSaved=\"!isShowResult\" @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(this.userExcerciseClassSchool.timeCurrent).getTime() - datetimeStartDoWork.getTime();\r\n\r\n                let secondsDiff = (timeDiff / 1000);\r\n                if (secondsDiff > this.dataDetailExcercise.minuteExcercise * 60) {\r\n                    console.log('Hết thời gian')\r\n                    //this.isSubmitExcercise = false\r\n                }\r\n                else {\r\n                    this.secondTotal = (this.dataDetailExcercise.minuteExcercise * 60) - parseInt(secondsDiff)\r\n                    this.initInterval()\r\n                }\r\n            }\r\n            else {\r\n                this.isSubmitExcercise = false\r\n                this.$router.push('/')\r\n            }\r\n\r\n        },\r\n        formatTimeResult() {\r\n            let minutes = Math.floor(this.userExcerciseClassSchool.timeComplete / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes} phút:${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`\r\n            }\r\n            return `${seconds} giây`\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</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=4665bb09&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=4665bb09&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  \"4665bb09\",\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:;\"},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:;\" @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 minutes = Math.floor(this.userExcerciseClassSchool.timeComplete / 60); // Lấy phần nguyên khi chia cho 60\r\n                        let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n                        if (minutes > 0) {\r\n                                return `${minutes} phút:${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`\r\n                        }\r\n                        return `${seconds} giây`\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                                        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.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</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=317ba3c8&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=317ba3c8&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  \"317ba3c8\",\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:{\"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\" 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                </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\" \r\n                                        :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\" @onEditorChange=\"onEditorChangeAnswer\" :contentEditor=\"itemSelected.answer\" :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)\"\r\n                            :class=\"{ 'is-choose': itemSelected.id == item.id }\"\r\n                            class=\"col-md-2 question-item-number\"\r\n                            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                        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 minutes = Math.floor(this.userExcerciseClassSchool.timeComplete / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes} phút:${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`\r\n            }\r\n            return `${seconds} giây`\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                    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.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.wrap-point-feedback{\r\n    border: 1px solid gray;\r\n    margin-left: 5px;\r\n    border-radius: 15px;\r\n}\r\n.wrap-feedback-teacher {\r\n    max-height: 10rem;\r\n    overflow: auto;\r\n    padding: 10px;\r\n}\r\n.feed-back-teacher-item{\r\n    margin-top: 10px;\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.margin-top-10 {\r\n    margin-top: 10px\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.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.is-choose {\r\n    border: 2px solid blue;\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</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=1d5ec7aa&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=1d5ec7aa&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  \"1d5ec7aa\",\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:{\"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\" 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                </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\" :location=\"0\"\r\n                            :questions=\"listQuestion\" :isDontShowResultSaved=\"!questionSelected.isWorked\" \r\n                            @writedAnswer=\"writedAnswer\"\r\n                            :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 minutes = Math.floor(this.userExcerciseClassSchool.timeComplete / 60); // Lấy phần nguyên khi chia cho 60\r\n            let seconds = this.userExcerciseClassSchool.timeComplete % 60;\r\n            if (minutes > 0) {\r\n                return `${minutes} phút:${seconds < 10 ? `0${seconds}` : `${seconds}`} giây`\r\n            }\r\n            return `${seconds} giây`\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                    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            \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.wrap-point-feedback{\r\n    border: 1px solid gray;\r\n    margin-left: 5px;\r\n    border-radius: 15px;\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</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=25e1fc78&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=25e1fc78&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  \"25e1fc78\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"container-hts margin-top-20\">\r\n        <div class=\"title-header\">\r\n            <h4>{{ dataDetailExcercise.name }}</h4>\r\n        </div>\r\n        \r\n        <DoExcerciseMixedWord :dataDetailExcercise=\"dataDetailExcercise\"\r\n        :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n        :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" \r\n        @handleReloadDetailData=\"handleReloadDetailDataMixedWord\"\r\n        v-if=\"isOpenDoExcerciseMixedWord\" />\r\n        <DoExcerciseChooseWord :dataDetailExcercise=\"dataDetailExcercise\"\r\n        :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n        :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" \r\n        @handleReloadDetailData=\"handleReloadDetailDataChooseWord\"\r\n        v-if=\"isOpenDoExcerciseChooseWord\" />\r\n        <DoExcerciseChooseBank  ref=\"DoExcerciseChooseBank\" \r\n        :dataDetailExcercise=\"dataDetailExcercise\"\r\n        :userExcerciseClassSchool=\"userExcerciseClassSchool\" :listQuestion=\"listQuestion\"\r\n        @handleReloadDetailData=\"handleReloadDetailDataChooseBank\"\r\n        :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" \r\n        v-if=\"isOpenDoExcerciseChooseBank\" />\r\n        <DoExcercisePdf ref=\"DoExcercisePdf\" :dataDetailExcercise=\"dataDetailExcercise\" :userExcerciseClassSchool=\"userExcerciseClassSchool\" :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" @handleReloadDetailData=\"handleReloadDetailData\"  v-if=\"isOpenModalDoExcercisePdf\"/>\r\n        <DoExcerciseMixedBank :dataDetailExcercise=\"dataDetailExcercise\"\r\n        :userExcerciseClassSchool=\"userExcerciseClassSchool\"\r\n        :listUserExcerciseAnswerQuestion=\"listUserExcerciseAnswerQuestion\" \r\n        :listQuestionBank=\"listQuestion\"\r\n        @handleReloadDetailData=\"handleReloadDetailDataMixedBank\"\r\n        v-if=\"isOpenDoExcerciseMixedBank\" />\r\n    </div>\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.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=72d7ec3d&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=72d7ec3d&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  \"72d7ec3d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}