{"version":3,"sources":["webpack:///./src/modules/question/preview-question/PreviewQuestion.vue?927c","webpack:///./src/modules/question/preview-question/_store/helpers.js","webpack:///./src/modules/exercises/_store/constants.js","webpack:///./src/modules/question/preview-question/PreviewQuestion.vue?ba9d","webpack:///src/modules/question/preview-question/PreviewQuestion.vue","webpack:///./src/modules/question/preview-question/PreviewQuestion.vue?3f01","webpack:///./src/modules/question/preview-question/PreviewQuestion.vue","webpack:///./src/modules/question/preview-question/_store/mixinsQuestionPreview.js"],"names":["correctGroupChoosed","contentForTypeFillSelect","setValueCorrectHelper","data","valCorrect","questionGroup","type","types","checked","evt","target","push","position","value","indexAnswer","findIndex","ans","splice","valueAnswer","valueCurr","indexCurr","select_index","fill_index","positionDisplay","position_display","parent","length","questionId","correct","indexValCorrect","cor","getCorrectGroupChoosed","setCorrectGroupChoosed","setContentQuestionFillSelect","content","resetContentQuestionFillSelect","getContentQuestionFillSelect","STORE_KEY","GET_CLASSES","GET_EXERCISE_FILTER","GET_SUBJECTS_CLASSES","GET_EXERCISE_DETAIL","GET_QUESTION_EXERCISE","GET_QUESTION_EXERCISE_INFO","OPEN_MATH_FORM","SEND_MATH_VAL","VALIDATE_QUESTION","SET_QUESTION_ACTIVITY","CHECK_CORRECT_QUESTION","SET_QUESTION_VALID_DATA","GET_ALL_CLASSES","GET_EXERCISE_DETAIL_NUMBER","GET_PRACTICE_TYPE","GET_LIST_PRACTICE_TYPE_BOOK","LOCAL_SAVE_QUESTIONS_WORKED","LOCAL_SAVE_CURRENT_QUESTIONS","LOCAL_SAVE_CURRENT_THEMATIC","SET_ACTIVE","LOCAL_SAVE_CAT","LOCAL_SAVE_BOOK_ACTIVE","LOCAL_SAVE_PRACTICE_LIST","SET_PACTICE_ACTIVE","SET_PACTICE_TYPES_DATA","SET_EXERCISE_CLASS_CURR","LOCAL_SAVE_EXERCISE_CLASS","LOCAL_QUESTIONS_DATA","SET_QUESTIONS_DATA","SET_BOOKINDEX_OF_BOOK","SET_PARAM_FILTER_EXAM","SET_PARAM_FILTER_EX_OTHER_THEMATIC","TYPE_EXERCISE_NORMAL","TYPE_EXERCISE_OTHER","TYPE_EXERCISE_THEMATIC","TYPE_EXERCISE_EXAM","GET_EBOOKS_DETAIL","SET_PARAM_SEARCH_RELATE_MEDIA","SET_QUESTION_PREVIEW_INFO","EXAM_WORKED_DONE","EXAM_WORKING","EXAM_DONT_WORK","ID_MODAL_PREVIEW_EXERCISE","SER_CATS_FLAT_EXERCISE","SHOW_ACTIVE_CONTENT","SHOW_BTNS_ITEM_EXERCISE","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","on","hanldeBackTime","_m","_e","dataSource","title","staticStyle","_v","_s","domProps","class","style","urlQuestionImg","layoutId","TYPE_TRUE_FALSE_NO","row","TYPE_DRAW_SHAPE_ANSWER","_l","item","index","directives","name","rawName","TYPE_MATH_COL","expression","key","is_deleted","location","isDontShowResultSaved","isQuestionMissingAnswer","err","correctStatus","isWorked","isError","isNoAnswer","questionsData","TYPE_RADIO","setValueCorrect","arrMathColLeft","code","imageUrl","activity","classNameMatchLeftActivity","$event","setCorrectMatch","statusWorked","line","height","width","x1","y1","x2","y2","classNameMatchRightActivity","isListQuestion","textErr","staticRenderFns","CKEDITOR","mixins","props","preview","parentIndex","isQuestionChild","questionSetVal","components","PreviewAnswerItem","loading","valCorrectGroup","checkFillType","answersDisplay","arrMathColRight","valMatchLeft","valMatchRight","arrResultCorrect","valueHTMLAnswerTypEessay","computed","mapState","bookId","watch","$route","newVal","draw_shape_data","oldVal","answers","question","actionCheckQuestion","created","CHANGE_TXT_ANSWER","mounted","destroyed","methods","mapActions","params","id","refeshData","formatDisplayData","isMounted","typeQuestion","formatDataMathCol","self","dataLeft","dataRight","answerId","answerContent","setTimeout","setLineMatchCol","match","drawLineSaved","indexAnswerColLeft","col","layout","drawLineMatchCol","offsetLeft","offsetWidth","result","offsetTop","offsetHeight","offsetItemLeftTop","offsetItemRightTop","removeHasLineMatch","setValueCorrectMatchType","codeLeft","codeRight","checkCorrectQuestionWorked","questionCurr","dataCorrect","corrected","setCorrectAnswerQuestionSingle","answersParent","dataResult","dataVal","getAnswerChoosedForQuestion","dataHandle","isLoadLocal","valCorrectCurr","ques","correcGroup","isQuestionGroup","saveAnswerChoosed","choose","indexDataChoose","checkCorrectAnswer","indexQuestionParent","questionParentWork","answerChoosed","lengthChild","console","que","questionWork","correctChoosed","document","setStatusAnswerForQuestion","checkAnswer","valCorrectChoosed","dataQuestion","lengthAnswerCorrect","contentFill","txt","includes","i","answerParent","parentSelect","positionAnswer","answerWithPosition","answerCurr","valChoosedHaveValue","statusAnswer","compareAnswer","answer","checkParent","answerCurrent","parseInt","getResultCorrect","answerList","positionItem","valAnswerCurr","valueResult","saveQuestionWorked","localStorage","questionLocal","saveLocalQuestion","handleChangeTxtAnswer","val","resetValKeyboard","component","changeAnswer","$emit"],"mappings":"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ACA,4BAQA,GAHA,SACAhL,WAAA6H,QAAAD,SAAAE,KAAAC,KAAAC,KAAAC,OAEA,eACAgD,UACA,iBAAI,EAAJ,gBACAD,0DAAA,YAGAA,8BAHA,CAIA,CAAAG,WAAAC,mBAHA,EAAAD,WAAAC,uBAMAF,cA5EA,OAgFAF,8BACAA,gCAEA,kDAGAH,GACAG,uBACAK,uBACAL,oBAEA,KA3FA,yGAgGAM,gBAhGA,WAgGA,WACA,GACA,2CACA,wBACA,CACA,kDACA,4CACA,oBACA,qBACA,oBACA,qBACA,uCACAC,QACA1D,QACAD,SACAE,6BACAC,KACAC,KACAC,WAMAuD,cAxHA,WAyHA,WACAR,2CACA,kCACA,8CAEA,+BACA,+CAGAA,oCACAA,kBACA,OACAS,EACAT,oBACAA,2BAKAvD,gBA5IA,SA4IAiE,EAAA1F,EAAA7G,EAAAwM,GACA,WACA,YACAX,iEACAA,0BACA,4CACAA,uBACAA,yBAGAA,kEACAA,2BACA,0BACAA,uBACAA,yBAKAY,iBA/JA,WA+JA,+DACA,OACAZ,2BACAA,kBACAA,oBAGA,0BACA,4BAGA,oDACAA,qBACAa,WAGA,UACA,kDACA,yDACA,yBACA,yBACAC,YACA,+CACAd,oBACAa,WACA,kDACAE,gDACAA,mCACAA,+BACAA,mCACAA,mCACA,CACA,oDACAf,qBACAgB,UACA,gDACAhB,qBACAiB,aACA,+CACAjB,oBACAgB,UACA,+CACAhB,oBACAiB,aACA,4CACAF,gDACAA,2CACAA,6BACAG,MACAH,+BACAA,6BACAI,MAEAnB,sBAEAA,wBACAA,yBACAA,gCACAA,mCAGAoB,mBA5NA,WA6NA,WACA,0BACA,mDAEA,SACA,kCACA,mBACAjN,uCAEA,OACA6L,gCACAA,0BADA,IAEApD,SACAE,KACAE,KACAD,KACAE,OAEA+C,4BAKAqB,yBApPA,SAoPAC,EAAAC,GACA,yCACA,iCAEA,sCACA,6BACA,qCAIA,GACA3M,WACAC,QACAY,UAGA,KACA,qBAEA,wBAGA,2BACAuJ,wBACAC,4BAQAuC,2BApRA,WAqRA,WACA,kBACAxB,qBACAA,kBACA,kBACAA,gBACAA,aACA,8BACA,4CACA,SACA,KACAyB,uCACA,MACAC,6CACA,OAAA/L,wBAAAC,WACA+L,UACA3L,2BAIAgK,8CACAyB,EACA3B,IAMA8B,+BAjTA,SAiTAH,EAAA3B,GACA,SACA,GACAA,sBACAA,yBACA,CACA,yDAEA+B,GACAA,YACAA,qBACA,uCACA7M,iCACA,OACAJ,WACAC,QACAQ,eACAI,mCAEAqM,qBAKAL,6BACA,oBACA,OAAA7M,WAAAC,uBACA,yBACAkN,wBAEAD,cAMA,UAGAE,4BAxVA,WAwVA,WACA,EACA,8DACA,mBACA,cACA,uCACAC,+BACA,4BAKA/F,gBApWA,SAoWA/H,EAAA+N,GAIA,eACA,sCACA,uBAEA,yCACA,0CAGA,sBAEA,KACA,+DAGA,MACA,uBACA,eACA,kDAMA,OACAC,gBAKA,oBACA,sDACA,mBACA,kDAEA,MACAC,8BAIA,IAFAC,wBACA,sCAEArN,wBAEA,uBAQA,6BAEA,+BACAb,EACAgO,EACAG,GAKA,2BACAtD,wBACAC,4BAIAsD,kBA1aA,SA0aApO,GACA,iEACA,qCAEA,CACA,mDACA,mBACAqO,yBACAA,2BAEA,gCAEAC,+CACA,mBACAD,yBACAA,yBACAA,gCAKA,KACA,uCAEA,+CArBA,2CAyBA,6BAGA,qCAFA,kCAOAE,mBA9cA,iIA+cA1C,EAAA,MAGAA,4BACAA,kCAndA,oBAsdA2C,EAAA3C,sCACA,sEAIA4C,EACAD,KACA3C,8BACAA,gBACA4C,qBAEAC,EAAA9M,iBAIA+M,EAAAF,2BAEA,gBAveA,wBAweA5C,iDACAA,mCACA,kCACAA,6BA3eA,2BA6eA,kCA7eA,QAgfA4C,iBAEAA,uCACA,mBACA,kDAGA,SACA5C,6BAEA,OAEA4C,qCACAR,EACAS,cAIAE,uBACA,4BACAH,wBACAA,gBAEAR,sCACAQ,2BACAA,qCACAI,iBACAA,GACAA,WACAA,2BACA,qBACAA,iBAGAhO,OACAA,uCAEA4N,wBACA,cACAI,uBAMAhD,wBAEAA,gDACAA,mCAhiBA,wBAoiBA,4BAEAiD,EACAjD,4BACAA,oCACAA,uCACAA,aACAkD,EACAlD,2BACAA,wCACAA,wCACAA,aAGAiD,qBACA,+BACAjD,mBAEAiD,sDAEAF,uBACA,4BACAE,gBACAjD,uCACAiD,oCACAA,YACAjD,0BACAiD,iBACAF,wBAEA,YACA1C,uBACA8C,kDACA,GACA,aACA9C,uBACA8C,mDACA,GAGAnD,wBACA,gCACAA,gDAEAA,iCAhlBA,yGAqlBAoD,2BArlBA,WAylBA,IAHA,WACA,KACA,2CACA,aAGA,IAFA,MACApD,oDACA,aACA,sDACA,+CACAe,UACA,OAGA,eACA,MAGA,UAGAsC,YA1mBA,SA0mBApE,EAAAqE,GAAA,IAWA,EAXA,OACA,OACA,IAGA,KAEA,IACAA,sBAAA,kBACA,GACA,WAGA,SAeA,GAbAtD,aACAA,mBACAA,6BAGAuD,2BACAvO,oBACAA,4BACAA,+BAKA,uBACAwO,oBACA,mBACAxO,2DACAU,YACA,GACAoK,0BACAA,qBACA,CAIA,uBAEA0D,IACA,eACAC,mBACA,eACAvN,mBACA,kBACA,eACAwN,qBACA,uBACAF,qBAiBAA,EARA,CACAjP,gBACAA,mBACAA,iBACAA,yBACAoP,SAAA7D,GAGA0D,EAEAA,kBACA,gDACA9N,OAIA,KACA8N,MACA,iBACA,iBAUA,CACA,kCAGArN,iBAEA,SAGA2J,sBACAA,0BAEAyD,4BACA,0BAKA,kBACAvD,wBAEA,IArBA,eAqBA4D,GACA,aACA,KAEA,gBACA,EACA9D,sBACAA,yBACA+D,KACAN,aAWA,GAPAzD,0BACAA,uBAEAgE,eAIA,0BAEA,wBACA,+CAEA,WAIAC,EADA,IACAA,qBACA,mBACA/O,aACAgP,mBAGAD,qBACA,oDAUAA,EAFA,qBAEAA,qBACA,wDAGAA,cAEA,iBAKA,GACA,gBACAR,EACAzD,EACAiE,EACA7O,EACA4O,GAsDA,GACAhE,sBACAA,yBAGA,gBACAmE,iBACAA,qBAGAA,qCACAA,qCACAC,gBAGA,GACApE,wBACA,iBAcA,GACA,CACAvL,mBACAA,wBACAA,kBACAoP,SAAA7D,GACA,CACA,wBACA,gCACApK,OACA,MACAyO,MAEAZ,gCAGAA,gCAzBAvD,gCAEAA,yCA3EAmE,KAGAZ,cACAzD,yBAGAyD,uBAEAA,4BAIAzD,sBACAA,2BAEA,gBACAmE,iBACAA,qBASAA,WACAC,wBACA,EACAD,qCACAC,YAEA,2CAMAlE,gCAEAA,qCA6DA,oBACA1L,OACAH,uBAKA,OACAoP,kCAhLA,iBA0MA,OAvBAA,2BAGAvD,oCACA+C,+BAEA/C,mCACA,kCACA,+CAEAU,oCACAV,4BAEAU,gCACAV,2BASA,EAvOAmE,KACAnE,6BACAA,6BAEAA,iDAEAA,mCACA,kCAsOAA,qCAIAoE,cA56BA,SA66BAb,EACAzD,EACAiE,EACAM,GAEA,IADAC,EACA,uDADA,GAEA,OAEA,eAGA,6BACA,iBAEA,gCACA,qCACAC,yBACAF,wBACAJ,gBAGA,SACA,+BACA,4BACAO,oCACAP,gBAEA,6BACA,YACAjE,uBACA5D,2BACAvH,qBAGA,gBACAwP,qDAIA,+BACA,iBACAvE,yBACAmE,YAEAjE,uBACA5D,2BACAvH,kBAGAkO,6BACA,gBACAkB,4CAKAQ,iBAr+BA,SAq+BAlB,GAAA,gEACA,OACA,YACA,SAGAzD,sBACAA,yBAEA4E,mBACA,eACA,4BAOA,EACAb,SACAA,aACAA,aACAW,iBACA,GACAxP,iCACAA,oCACA,CACA,OACA,yBACAA,UACAA,YAAA,GAEA,GACAgL,iBACAA,uCACA,CACA,oCACA,kDAGA,QAEA,8BACA2E,QAGA3E,8BACA2E,MACA,CAAAvI,OAAAvH,WAEAmL,8BACA2E,MACA9P,MAAA8P,MAAAC,MACA,CACA,OACAjP,wBACArB,YACA4F,cACAtE,UAAAwG,OAAAvH,YAGAmL,2BACAA,0CACA2E,MACAC,QAIA,2BACA5E,0BACA5D,OACAvH,WAKAmL,qCACA4E,OAMAF,qBACA,yBAEA,OACAtI,iBACAvH,gBACAP,QAGA,GACA0L,iBACAA,uCACA,CACA,oCACA,kDAGA,KACAA,mCACA6E,GAGA7E,yBACArK,wBACAuE,cACAtE,mBAKA2N,GACAA,6BAEAvD,gCAQA8E,mBAjmCA,SAimCA3Q,GACA,iBACA4Q,8BAEA,GACAC,QACAA,OACAA,WACA,CACA,mBACA,kDAGA,KACAA,OAEAA,UAEA,+BAEA,6BAIAC,kBAznCA,SAynCA9Q,GACA,gCACA4Q,+CACA,iCAGAG,sBA/nCA,SA+nCAC,GACA,sCAGAC,iBAnoCA,WAooCA,uDC3/CuX,I,wBCQnXC,EAAY,eACd,EACAjM,EACAiE,GACA,EACA,KACA,WACA,MAIa,aAAAgI,E,2CCnBf,oBAIe,QACd7H,MAAO,CAAC,aAAc,YAAa,WAAY,SAAU,gBAAiB,iBAAkB,yBAC5F+B,QAAS,CACF+F,aADE,SACW7Q,EAAKN,GAKdmF,KAAKiM,MAAM,eAAgB9Q,EAAKN","file":"js/chunk-cbd43cc8.1a796818.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!./PreviewQuestion.vue?vue&type=style&index=0&id=70f952ea&lang=scss&scoped=true&\"","import * as types from './constants';\r\n// import { LOCAL_SAVE_QUESTIONS_WORKED } from '@/modules/exercises/_store/constants';\r\nlet correctGroupChoosed = [];\r\nlet contentForTypeFillSelect = [];\r\n\r\nexport const setValueCorrectHelper = (data, valCorrect, questionGroup = false) => {\r\n    // let dataCorrect = valCorrect;\r\n    // console.log('helper: ', data, valCorrect);\r\n    if (data.type === types.TYPE_CHECKBOX || data.type === types.TYPE_X_MARK || data.type === types.TYPE_CIRCLE_ANSWER) {\r\n        let checked = data.evt.target.checked;\r\n        if (checked) {\r\n            valCorrect.push({ position: data.position, value: data.evt.target.value })\r\n        } else {\r\n            let indexAnswer = valCorrect.findIndex(ans => ans.position === data.position) || -1;\r\n            valCorrect.splice(indexAnswer, 1)\r\n        }\r\n    } else if (data.type === types.TYPE_RADIO) {\r\n        valCorrect = [{ position: data.position, value: data.evt.target.value }]\r\n    } else if (data.type === types.TYPE_TRUE_FALSE_NO || data.type === types.TYPE_FILL_INPUT_IMG) {\r\n        let indexAnswer = valCorrect.findIndex(ans => ans.position === data.position);\r\n        let valueAnswer = { position: data.position, value: data.evt.target.value };\r\n\r\n        if (indexAnswer > -1) {\r\n            valCorrect[indexAnswer] = valueAnswer;\r\n        } else {\r\n            valCorrect.push(valueAnswer);\r\n        }\r\n    } else if (data.type === types.TYPE_SELECT || data.type === types.TYPE_FILL_BLANK) {\r\n        // console.log('Data for fill blank: ', data)\r\n        let valueCurr = data.evt.target.value;\r\n        let indexCurr = data.type === types.TYPE_SELECT ? data.select_index : data.fill_index;\r\n        let positionDisplay = data.type === types.TYPE_SELECT ? data.position_display : indexCurr;\r\n        let indexAnswer = valCorrect.findIndex(ans => ans.parent === `${data.position}_${indexCurr}`);\r\n        let valueAnswer = { position: data.position, value: valueCurr, select_index: indexCurr, parent: `${data.position}_${indexCurr}`, position_display: positionDisplay };\r\n\r\n        if (indexAnswer > -1) {\r\n            valCorrect[indexAnswer] = valueAnswer;\r\n        } else {\r\n            valCorrect.push(valueAnswer);\r\n        }\r\n    } else if (data.type === types.TYPE_DOWN_ANSWER) {\r\n        let valueAnswer = { position: data.position, value: data.value };\r\n        valCorrect.push(valueAnswer);\r\n    }\r\n    if (questionGroup) {\r\n        // console.log('Set question greoup: ', correctGroupChoosed, data);\r\n        if (correctGroupChoosed.length === 0) {\r\n            // console.log('Question 0');\r\n            correctGroupChoosed.push({ questionId: data.questionId, correct: valCorrect });\r\n        } else {\r\n            let indexValCorrect = correctGroupChoosed.findIndex(cor => cor.questionId === data.questionId);\r\n            // console.log('Set question index: ', indexValCorrect);\r\n            if (indexValCorrect > -1) {\r\n                correctGroupChoosed[indexValCorrect].correct = valCorrect;\r\n            } else {\r\n                correctGroupChoosed.push({ questionId: data.questionId, correct: valCorrect });\r\n            }\r\n        }\r\n    }\r\n    // console.log('End calc: ', valCorrect);\r\n\r\n    return valCorrect;\r\n}\r\n\r\n\r\nexport const getCorrectGroupChoosed = () => {\r\n    return correctGroupChoosed;\r\n}\r\n\r\nexport const setCorrectGroupChoosed = (correct) => {\r\n    correctGroupChoosed = correct;\r\n}\r\n\r\nexport const setContentQuestionFillSelect = (content) => {\r\n    contentForTypeFillSelect = [...contentForTypeFillSelect, content];\r\n}\r\n\r\nexport const resetContentQuestionFillSelect = () => {\r\n    contentForTypeFillSelect = [];\r\n}\r\n\r\nexport const getContentQuestionFillSelect = (content) => {\r\n    return contentForTypeFillSelect;\r\n}","export const STORE_KEY = '$_exercise';\r\n\r\nexport const GET_CLASSES = 'GET_CLASSES';\r\n\r\nexport const GET_EXERCISE_FILTER = 'GET_EXERCISE_FILTER';\r\nexport const GET_SUBJECTS_CLASSES = 'GET_SUBJECTS_CLASSES';\r\nexport const GET_EXERCISE_DETAIL = 'GET_EXERCISE_DETAIL';\r\nexport const GET_QUESTION_EXERCISE = 'GET_QUESTION_EXERCISE';\r\nexport const GET_QUESTION_EXERCISE_INFO = 'GET_QUESTION_EXERCISE_INFO';\r\n\r\nexport const TYPE_RADIO = 'radio';\r\nexport const TYPE_CHECKBOX = 'checkbox';\r\nexport const TYPE_TRUE_FALSE_NO = 'answer_t_f_no';\r\nexport const TYPE_MATH_COL = 'math_col';\r\nexport const TYPE_FILL_BLANK = 'fill_blank';\r\nexport const TYPE_FILL_SENTENCE = 'fill_sentence';\r\nexport const TYPE_SELECT = 'select';\r\nexport const TYPE_DOWN_ANSWER = 'down_answer';\r\nexport const TYPE_CIRCLE_ANSWER = 'circle_answer';\r\nexport const TYPE_X_MARK = 'x_mark_answer';\r\nexport const TYPE_GROUP = 'group';\r\n// ExerciseDetail\r\n\r\nexport const LOCAL_SAVE_EXERCISE_DETAIL = 'LOCAL_SAVE_EXERCISE_DETAIL';\r\nexport const OPEN_MATH_FORM = \"EMIT_OPEN_MATH_FORM\";\r\nexport const SEND_MATH_VAL = \"EMIT_SEND_MATH_VAL\";\r\nexport const VALIDATE_QUESTION = \"VALIDATE_QUESTION\";\r\nexport const SET_QUESTION_ACTIVITY = \"SET_QUESTION_ACTIVITY\";\r\nexport const CHECK_CORRECT_QUESTION = \"CHECK_CORRECT_QUESTION\";\r\nexport const SET_QUESTION_VALID_DATA = \"SET_QUESTION_VALID_DATA\";\r\nexport const GET_ALL_CLASSES = 'GET_ALL_CLASSES';\r\nexport const GET_EXERCISE_DETAIL_NUMBER = 'GET_EXERCISE_DETAIL_NUMBER';\r\nexport const LOCAL_SAVE_SUBJECT_NAME = 'sbnex';\r\nexport const LOCAL_SAVE_ID = 'LOCAL_SAVE_ID';\r\nexport const GET_PRACTICE_TYPE = 'GET_PRACTICE_TYPE';\r\nexport const GET_LIST_PRACTICE_TYPE_BOOK = 'GET_LIST_PRACTICE_TYPE_BOOK';\r\nexport const LOCAL_SAVE_QUESTIONS_WORKED = 'quesWorked';\r\nexport const LOCAL_SAVE_CURRENT_QUESTIONS = 'currentquesExerciseDetail';\r\nexport const LOCAL_SAVE_CURRENT_THEMATIC = 'currentquesExerciseThematic';\r\nexport const LOCAL_SAVE_EXERCISE_DETAIL_ROUTE = 'LOCAL_SAVE_EXERCISE_DETAIL_ROUTE';\r\nexport const SET_ACTIVE = 'SET_ACTIVE';\r\nexport const LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE1 = 'LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE1';\r\nexport const LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE = 'LOCAL_SAVE_EXERCISE_DETAIL_ACTIVE';\r\nexport const LOCAL_SAVE_CAT = 'catex';\r\nexport const LOCAL_SAVE_BOOK_ACTIVE = 'exbookcurr';\r\nexport const LOCAL_SAVE_PRACTICE_LIST = 'pralist';\r\nexport const LOCAL_SAVE_BREADCRUMB_CAT = 'brcat';\r\nexport const SET_PACTICE_ACTIVE = 'SET_PACTICE_ACTIVE';\r\nexport const SET_PACTICE_TYPES_DATA = 'SET_PACTICE_TYPES_DATA';\r\nexport const SET_EXERCISE_CLASS_CURR = 'SET_EXERCISE_CLASS_CURR';\r\nexport const LOCAL_SAVE_EXERCISE_CLASS = 'lcexerclass';\r\nexport const LOCAL_QUESTIONS_DATA = 'lcqdt';\r\nexport const SET_QUESTIONS_DATA = 'SET_QUESTIONS_DATA';\r\nexport const SET_BOOKINDEX_OF_BOOK = 'SET_BOOKINDEX_OF_BOOK';\r\nexport const SET_PARAM_FILTER_EXAM = 'SET_PARAM_FILTER_EXAM';\r\nexport const SET_PARAM_FILTER_EX_OTHER_THEMATIC = 'SET_PARAM_FILTER_EX_OTHER_THEMATIC';\r\n\r\nexport const TYPE_EXERCISE_NORMAL = 0;\r\nexport const TYPE_EXERCISE_OTHER = 1;\r\nexport const TYPE_EXERCISE_THEMATIC = 2;\r\nexport const TYPE_EXERCISE_EXAM = 3;\r\n\r\nexport const GET_EBOOKS_DETAIL = 'GET_EBOOKS_DETAIL';\r\n\r\nexport const LOCAL_SAVE_PAGE_OPEN = \"page_open\";\r\nexport const SET_PARAM_SEARCH_RELATE_MEDIA = \"SET_PARAM_SEARCH_RELATE_MEDIA\";\r\nexport const SET_QUESTION_PREVIEW_INFO = \"SET_QUESTION_PREVIEW_INFO\";\r\nexport const EXAM_WORKED_DONE = 1;\r\nexport const EXAM_WORKING = 2;\r\nexport const EXAM_DONT_WORK = 3;\r\nexport const ID_MODAL_PREVIEW_EXERCISE = 'modal_exercise_preview';\r\nexport const SER_CATS_FLAT_EXERCISE = 'SER_CATS_FLAT_EXERCISE';\r\n\r\nexport const SHOW_ACTIVE_CONTENT = \"SHOW_ACTIVE_CONTENT\"\r\nexport const SHOW_BTNS_ITEM_EXERCISE = \"SHOW_BTNS_ITEM_EXERCISE\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"question-item\",attrs:{\"name\":\"fade\"}},[_c('div',{staticClass:\"exercise-detail__list question-item__head\"},[_c('div',{staticClass:\"item position-rel content-1\"},[(_vm.bookId)?_c('div',{staticClass:\"icon-back-ex\",on:{\"click\":_vm.hanldeBackTime}},[_vm._m(0)]):_vm._e(),(_vm.dataSource && _vm.dataSource.title)?_c('b',{staticClass:\"\\n          item__title\\n          primary-color\\n          font-size-16\\n          text-center\\n          display-block\\n        \",staticStyle:{\"margin-bottom\":\"10px\"}},[_vm._v(\"\\n        \"+_vm._s(_vm.dataSource.title)+\"\\n      \")]):_vm._e(),(_vm.dataSource && _vm.dataSource.content)?_c('div',{staticClass:\"\\n          question-content\\n          primary-color-txt\\n          font-size-16\\n          display-table\\n          full-width\\n        \",domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}}):_vm._e(),(_vm.dataSource.imageUrl)?_c('div',{staticClass:\"question-item__img text-center margin-center\",class:(\"size-\" + (_vm.dataSource.imageWidth) + \"-\" + (_vm.dataSource.imageHeight)),style:((\"width: \" + (_vm.dataSource.imageWidth) + \"px; max-height: \" + (_vm.dataSource.imageHeight) + \"px\"))},[_c('img',{attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (_vm.dataSource.imageUrl)),\"alt\":\"Ảnh câu hỏi\"}})]):_vm._e()])]),(_vm.dataSource && _vm.dataSource.type)?_c('div',{staticClass:\"item__answer\",class:(\"question--\" + (_vm.dataSource.type) + \" question--\" + (_vm.dataSource.type) + \"--\" + (_vm.dataSource.layoutId ? _vm.dataSource.layoutId : '1'))},[(\n        _vm.dataSource &&\n        _vm.dataSource.type === _vm.types.TYPE_TRUE_FALSE_NO &&\n        _vm.dataSource.layoutId === 2\n      )?_c('div',{staticClass:\"question-head-type-true-false\"},[_vm._m(1)]):_vm._e(),_c('div',{staticClass:\"question-body row\",class:{ row: _vm.dataSource.type === _vm.types.TYPE_DRAW_SHAPE_ANSWER }},_vm._l((_vm.answersDisplay),function(item,index){return _c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.dataSource.type !== _vm.types.TYPE_MATH_COL),expression:\"dataSource.type !== types.TYPE_MATH_COL\"}],key:index,staticClass:\"answer\",class:{\n          'col-lg-3 col-md-6 col-12':\n            _vm.dataSource.type === _vm.types.TYPE_DRAW_SHAPE_ANSWER,\n        }},[(item.imageUrl)?_c('div',{staticClass:\"answer__img__sentence text-center margin-center\",class:(\"size-\" + (_vm.dataSource.imageWidth) + \"-\" + (_vm.dataSource.imageHeight)),style:((\"width: \" + (_vm.dataSource.imageWidth) + \"px; max-height: \" + (_vm.dataSource.imageHeight) + \"px\"))},[_c('img',{staticClass:\"answer__img\",attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (item.imageUrl)),\"alt\":\"Ảnh câu hỏi\"}})]):_vm._e(),(item.is_deleted !== 1 && !item.position)?_c('PreviewAnswerItem',{attrs:{\"type\":_vm.dataSource.type,\"dataSource\":item,\"nameField\":(\"answer_\" + (_vm.dataSource.orderNo) + \"_\" + _vm.location),\"location\":index,\"parent\":_vm.dataSource,\"isDontShowResultSaved\":_vm.isDontShowResultSaved,\"statusCorrect\":!_vm.isQuestionMissingAnswer &&\n            ((!item.err &&\n              item.correct &&\n              _vm.correctStatus &&\n              _vm.correctStatus === 'success') ||\n              (_vm.dataSource.isWorked &&\n                !item.isError &&\n                !item.err &&\n                item.correct) ||\n              (item.correct &&\n                ((_vm.dataSource && _vm.dataSource.isNoAnswer) ||\n                  (_vm.questionsData && _vm.questionsData.isNoAnswer)) &&\n                _vm.dataSource.type === _vm.types.TYPE_RADIO))\n              ? 'success'\n              : item.err || (_vm.dataSource.isWorked && item.isError)\n              ? 'err'\n              : ''},on:{\"changeAnswer\":_vm.setValueCorrect}}):_vm._e()],1)}),0),(_vm.dataSource.type === _vm.types.TYPE_MATH_COL)?_c('div',{staticClass:\"\\n        answers-math-col\\n        display-flex\\n        justify-content-between\\n        position-rel\\n      \",class:(\"answers-math-col-\" + (_vm.dataSource.layoutId))},[(_vm.arrMathColLeft && _vm.arrMathColLeft.length > 0)?_c('div',{staticClass:\"math-left match-left-box\"},[_vm._l((_vm.arrMathColLeft),function(item,index){return [(item && (item.code || item.content || item.imageUrl))?_c('div',{key:index,staticClass:\"item\",class:{\n              activity:\n                _vm.classNameMatchLeftActivity === ((item.position) + \"_\" + index),\n              'border-0':\n                !item || (!item.code && !item.content && !item.imageUrl),\n            },attrs:{\"id\":(\"match_left_\" + index)},on:{\"click\":function($event){return _vm.setCorrectMatch('left', index, item, _vm.dataSource.layoutId)}}},[_c('PreviewAnswerItem',{class:{\n                'answer-err':\n                  !_vm.isDontShowResultSaved &&\n                  ((item.err && _vm.dataSource.statusWorked) ||\n                    (item.isError && _vm.dataSource.isWorked)),\n                'answer-true':\n                  !_vm.isDontShowResultSaved &&\n                  ((!item.err && _vm.dataSource.statusWorked && !item.isError) ||\n                    (!item.isError &&\n                      _vm.dataSource.isWorked &&\n                      !_vm.dataSource.isNoAnswer)),\n              },attrs:{\"type\":_vm.dataSource.type,\"dataSource\":item,\"nameField\":(\"answer_\" + (_vm.dataSource.orderNo) + \"_\" + _vm.location),\"location\":index,\"parent\":_vm.dataSource,\"isDontShowResultSaved\":_vm.isDontShowResultSaved}}),_c('svg',{directives:[{name:\"show\",rawName:\"v-show\",value:(item.line),expression:\"item.line\"}],attrs:{\"height\":item.line.height,\"width\":item.line.width}},[_c('line',{staticStyle:{\"stroke\":\"#0f3dba\",\"stroke-width\":\"2\"},attrs:{\"x1\":item.line.x1,\"y1\":item.line.y1,\"x2\":item.line.x2,\"y2\":item.line.y2}}),_vm._v(\"\\n              Sorry, your browser does not support inline SVG.\\n            \")])],1):_vm._e()]})],2):_vm._e(),(_vm.arrMathColRight)?_c('div',{staticClass:\"math-right\"},[_vm._l((_vm.arrMathColRight),function(item,index){return [(item && (item.code || item.content || item.imageUrl))?_c('div',{key:index,staticClass:\"item position-rel\",class:{\n              activity:\n                _vm.classNameMatchRightActivity === ((item.position) + \"_\" + index),\n              'border-0':\n                !item || (!item.code && !item.content && !item.imageUrl),\n            },attrs:{\"id\":(\"match_right_\" + index)},on:{\"click\":function($event){return _vm.setCorrectMatch('right', index, item, _vm.dataSource.layoutId)}}},[_c('PreviewAnswerItem',{class:{\n                'answer-err':\n                  (item.err && _vm.dataSource.statusWorked) ||\n                  (item.isError && _vm.dataSource.isWorked),\n                'answer-true':\n                  (!item.err && _vm.dataSource.statusWorked && !item.isError) ||\n                  (!item.isError &&\n                    _vm.dataSource.isWorked &&\n                    !_vm.dataSource.isNoAnswer),\n              },attrs:{\"type\":_vm.dataSource.type,\"dataSource\":item,\"nameField\":(\"answer_\" + (_vm.dataSource.orderNo) + \"_\" + _vm.location),\"location\":index,\"parent\":_vm.dataSource,\"isDontShowResultSaved\":_vm.isDontShowResultSaved}})],1):_vm._e()]})],2):_vm._e()]):_vm._e()]):_vm._e(),(_vm.isQuestionMissingAnswer && !_vm.isListQuestion)?_c('div',{staticClass:\"question-missing-answer color-err\"},[_vm._v(\"\\n    \"+_vm._s(_vm.textErr)+\"\\n  \")]):_vm._e()])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b',[_c('i',{staticClass:\"icon-back-1 primary-color\"})])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"choice-radio display-flex-center justify-content-end\"},[_c('label',[_vm._v(\"Đúng\")]),_c('label',[_vm._v(\"Sai\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div name=\"fade\" class=\"question-item\">\r\n    <div class=\"exercise-detail__list question-item__head\">\r\n      <div class=\"item position-rel content-1\">\r\n        <div class=\"icon-back-ex\" v-if=\"bookId\" @click=\"hanldeBackTime\">\r\n          <b><i class=\"icon-back-1 primary-color\"></i> </b>\r\n        </div>\r\n        <b\r\n          class=\"\r\n            item__title\r\n            primary-color\r\n            font-size-16\r\n            text-center\r\n            display-block\r\n          \"\r\n          style=\"margin-bottom: 10px\"\r\n          v-if=\"dataSource && dataSource.title\"\r\n        >\r\n          {{ dataSource.title }}\r\n        </b>\r\n        <div\r\n          class=\"\r\n            question-content\r\n            primary-color-txt\r\n            font-size-16\r\n            display-table\r\n            full-width\r\n          \"\r\n          v-if=\"dataSource && dataSource.content\"\r\n          v-html=\"dataSource.content\"\r\n        ></div>\r\n        <div\r\n          class=\"question-item__img text-center margin-center\"\r\n          v-if=\"dataSource.imageUrl\"\r\n          :style=\"`width: ${dataSource.imageWidth}px; max-height: ${dataSource.imageHeight}px`\"\r\n          :class=\"`size-${dataSource.imageWidth}-${dataSource.imageHeight}`\"\r\n        >\r\n          <img\r\n            :src=\"`${urlQuestionImg}/${dataSource.imageUrl}`\"\r\n            alt=\"Ảnh câu hỏi\"\r\n          />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      v-if=\"dataSource && dataSource.type\"\r\n      class=\"item__answer\"\r\n      :class=\"`question--${dataSource.type} question--${dataSource.type}--${\r\n        dataSource.layoutId ? dataSource.layoutId : '1'\r\n      }`\"\r\n    >\r\n      <div\r\n        class=\"question-head-type-true-false\"\r\n        v-if=\"\r\n          dataSource &&\r\n          dataSource.type === types.TYPE_TRUE_FALSE_NO &&\r\n          dataSource.layoutId === 2\r\n        \"\r\n      >\r\n        <div class=\"choice-radio display-flex-center justify-content-end\">\r\n          <label>Đúng</label>\r\n          <label>Sai</label>\r\n        </div>\r\n      </div>\r\n      <div\r\n        class=\"question-body row\"\r\n        :class=\"{ row: dataSource.type === types.TYPE_DRAW_SHAPE_ANSWER }\"\r\n      >\r\n        <div\r\n          v-show=\"dataSource.type !== types.TYPE_MATH_COL\"\r\n          v-for=\"(item, index) of answersDisplay\"\r\n          class=\"answer\"\r\n          :class=\"{\r\n            'col-lg-3 col-md-6 col-12':\r\n              dataSource.type === types.TYPE_DRAW_SHAPE_ANSWER,\r\n          }\"\r\n          :key=\"index\"\r\n        >\r\n          <div\r\n            class=\"answer__img__sentence text-center margin-center\"\r\n            v-if=\"item.imageUrl\"\r\n            :style=\"`width: ${dataSource.imageWidth}px; max-height: ${dataSource.imageHeight}px`\"\r\n            :class=\"`size-${dataSource.imageWidth}-${dataSource.imageHeight}`\"\r\n          >\r\n            <img\r\n              :src=\"`${urlQuestionImg}/${item.imageUrl}`\"\r\n              alt=\"Ảnh câu hỏi\"\r\n              class=\"answer__img\"\r\n            />\r\n          </div>\r\n          <PreviewAnswerItem\r\n            v-if=\"item.is_deleted !== 1 && !item.position\"\r\n            :type=\"dataSource.type\"\r\n            :dataSource=\"item\"\r\n            :nameField=\"`answer_${dataSource.orderNo}_${location}`\"\r\n            :location=\"index\"\r\n            :parent=\"dataSource\"\r\n            :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n            :statusCorrect=\"\r\n              !isQuestionMissingAnswer &&\r\n              ((!item.err &&\r\n                item.correct &&\r\n                correctStatus &&\r\n                correctStatus === 'success') ||\r\n                (dataSource.isWorked &&\r\n                  !item.isError &&\r\n                  !item.err &&\r\n                  item.correct) ||\r\n                (item.correct &&\r\n                  ((dataSource && dataSource.isNoAnswer) ||\r\n                    (questionsData && questionsData.isNoAnswer)) &&\r\n                  dataSource.type === types.TYPE_RADIO))\r\n                ? 'success'\r\n                : item.err || (dataSource.isWorked && item.isError)\r\n                ? 'err'\r\n                : ''\r\n            \"\r\n            @changeAnswer=\"setValueCorrect\"\r\n          />\r\n          <!-- :statusCorrect=\"(!item.err && item.correct && correctStatus && correctStatus === 'success' && !isQuestionMissingAnswer) || (dataSource.isWorked && !item.isError && ((item.content && item.content === item.correct) || (!item.content && item.answerContent) )) ? 'success' : (item.err || (dataSource.isWorked && item.isError) ? 'err' : '')\" -->\r\n        </div>\r\n      </div>\r\n      <div\r\n        v-if=\"dataSource.type === types.TYPE_MATH_COL\"\r\n        class=\"\r\n          answers-math-col\r\n          display-flex\r\n          justify-content-between\r\n          position-rel\r\n        \"\r\n        :class=\"`answers-math-col-${dataSource.layoutId}`\"\r\n      >\r\n        <div\r\n          class=\"math-left match-left-box\"\r\n          v-if=\"arrMathColLeft && arrMathColLeft.length > 0\"\r\n        >\r\n          <template v-for=\"(item, index) of arrMathColLeft\">\r\n            <div\r\n              v-if=\"item && (item.code || item.content || item.imageUrl)\"\r\n              :key=\"index\"\r\n              class=\"item\"\r\n              :id=\"`match_left_${index}`\"\r\n              :class=\"{\r\n                activity:\r\n                  classNameMatchLeftActivity === `${item.position}_${index}`,\r\n                'border-0':\r\n                  !item || (!item.code && !item.content && !item.imageUrl),\r\n              }\"\r\n              @click=\"setCorrectMatch('left', index, item, dataSource.layoutId)\"\r\n            >\r\n              <PreviewAnswerItem\r\n                :type=\"dataSource.type\"\r\n                :dataSource=\"item\"\r\n                :nameField=\"`answer_${dataSource.orderNo}_${location}`\"\r\n                :location=\"index\"\r\n                :parent=\"dataSource\"\r\n                :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n                :class=\"{\r\n                  'answer-err':\r\n                    !isDontShowResultSaved &&\r\n                    ((item.err && dataSource.statusWorked) ||\r\n                      (item.isError && dataSource.isWorked)),\r\n                  'answer-true':\r\n                    !isDontShowResultSaved &&\r\n                    ((!item.err && dataSource.statusWorked && !item.isError) ||\r\n                      (!item.isError &&\r\n                        dataSource.isWorked &&\r\n                        !dataSource.isNoAnswer)),\r\n                }\"\r\n              />\r\n              <svg\r\n                v-show=\"item.line\"\r\n                :height=\"item.line.height\"\r\n                :width=\"item.line.width\"\r\n              >\r\n                <line\r\n                  :x1=\"item.line.x1\"\r\n                  :y1=\"item.line.y1\"\r\n                  :x2=\"item.line.x2\"\r\n                  :y2=\"item.line.y2\"\r\n                  style=\"stroke: #0f3dba; stroke-width: 2\"\r\n                />\r\n                Sorry, your browser does not support inline SVG.\r\n              </svg>\r\n            </div>\r\n          </template>\r\n        </div>\r\n        <div class=\"math-right\" v-if=\"arrMathColRight\">\r\n          <template v-for=\"(item, index) of arrMathColRight\">\r\n            <div\r\n              v-if=\"item && (item.code || item.content || item.imageUrl)\"\r\n              :key=\"index\"\r\n              class=\"item position-rel\"\r\n              :class=\"{\r\n                activity:\r\n                  classNameMatchRightActivity === `${item.position}_${index}`,\r\n                'border-0':\r\n                  !item || (!item.code && !item.content && !item.imageUrl),\r\n              }\"\r\n              :id=\"`match_right_${index}`\"\r\n              @click=\"\r\n                setCorrectMatch('right', index, item, dataSource.layoutId)\r\n              \"\r\n            >\r\n              <PreviewAnswerItem\r\n                :type=\"dataSource.type\"\r\n                :dataSource=\"item\"\r\n                :nameField=\"`answer_${dataSource.orderNo}_${location}`\"\r\n                :location=\"index\"\r\n                :parent=\"dataSource\"\r\n                :isDontShowResultSaved=\"isDontShowResultSaved\"\r\n                :class=\"{\r\n                  'answer-err':\r\n                    (item.err && dataSource.statusWorked) ||\r\n                    (item.isError && dataSource.isWorked),\r\n                  'answer-true':\r\n                    (!item.err && dataSource.statusWorked && !item.isError) ||\r\n                    (!item.isError &&\r\n                      dataSource.isWorked &&\r\n                      !dataSource.isNoAnswer),\r\n                }\"\r\n              />\r\n            </div>\r\n          </template>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div\r\n      class=\"question-missing-answer color-err\"\r\n      v-if=\"isQuestionMissingAnswer && !isListQuestion\"\r\n    >\r\n      {{ textErr }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport * as types from \"./_store/constants\";\r\nimport { LOCAL_SAVE_QUESTIONS_WORKED } from \"@/modules/exercises/_store/constants\";\r\nimport { mapState, mapActions } from \"vuex\";\r\nimport {\r\n  setValueCorrectHelper,\r\n  getCorrectGroupChoosed,\r\n  setCorrectGroupChoosed,\r\n  setContentQuestionFillSelect,\r\n  getContentQuestionFillSelect,\r\n  resetContentQuestionFillSelect,\r\n} from \"./_store/helpers\";\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport mixinsQuestionPreview from \"./_store/mixinsQuestionPreview\";\r\nimport { stripHtml } from \"@/helpers/functions\";\r\n\r\nCKEDITOR.plugins.addExternal(\"ckeditor_wiris\", \"/libs/mathtype/plugin.js\");\r\n\r\nexport default {\r\n  name: \"PreviewQuestion\",\r\n  mixins: [mixinsQuestionPreview],\r\n  props: {\r\n    dataSource: Object,\r\n    location: Number,\r\n    preview: Boolean,\r\n    parentIndex: Number,\r\n    isQuestionChild: Boolean,\r\n    questionsData: Object,\r\n    questionSetVal: Object,\r\n    isDontShowResultSaved: Boolean,\r\n    isListQuestion: Boolean,\r\n  },\r\n  components: {\r\n    PreviewAnswerItem: () => import(\"./PreviewAnswerItem.vue\"),\r\n  },\r\n  data() {\r\n    return {\r\n      types,\r\n      loading: false,\r\n      textErr: \"\",\r\n      valCorrect: [],\r\n      valCorrectGroup: [],\r\n      checkFillType: [],\r\n      answersDisplay: [],\r\n      arrMathColLeft: [],\r\n      arrMathColRight: [],\r\n      valMatchLeft: [],\r\n      valMatchRight: [],\r\n      arrResultCorrect: [],\r\n      classNameMatchLeftActivity: \"\",\r\n      classNameMatchRightActivity: \"\",\r\n      isQuestionMissingAnswer: false,\r\n      correctStatus: \"\",\r\n      valueHTMLAnswerTypEessay: \"\",\r\n      urlQuestionImg: APP_CONFIG.urlQuestionImg,\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState(types.STORE_KEY, [\r\n      \"valVituralKeyboard\",\r\n      \"valHandleSetQuestionValue\",\r\n      \"questionGroupIsCheckAnswer\",\r\n      \"question\",\r\n      \"questionDataCheckAnswer\",\r\n      \"questionList4CheckAnswer\",\r\n    ]),\r\n    ...mapState(\"common\", [\"actionCheckQuestion\", \"draw_shape_data\"]),\r\n    bookId() {\r\n      return this.$route.params.bookId;\r\n    },\r\n  },\r\n  watch: {\r\n    $route: \"refeshData\",\r\n    dataSource(newVal) {\r\n      this.formatDisplayData(true);\r\n      // this.formatDataMathCol();\r\n    },\r\n    draw_shape_data(newVal, oldVal) {\r\n      if (\r\n        newVal &&\r\n        newVal.type === \"answer\" &&\r\n        newVal.data &&\r\n        newVal.position > -1 &&\r\n        newVal.questionParent &&\r\n        this.dataSource.questionId === newVal.questionParent.questionId\r\n      ) {\r\n        // && this.position === newVal.position\r\n        if (newVal.questionParent.type === types.TYPE_GROUP) {\r\n          let indexInQuestionGroup =\r\n            this.questionsData.listQuestionChild.findIndex(\r\n              (group) => group.questionId === newVal.questionParent.questionId\r\n            );\r\n        } else {\r\n          this.dataSource.answers[newVal.position].content = newVal.data;\r\n          this.dataSource.answers[newVal.position].answerContent = newVal.data;\r\n          let indexCorrect =\r\n            this.valCorrect.findIndex(\r\n              (ans) => ans.position === newVal.position\r\n            ) || -1;\r\n          let valueAnswer = { position: newVal.position, value: newVal.data };\r\n          if (indexCorrect > -1) {\r\n            this.valCorrect[indexCorrect] = valueAnswer;\r\n          } else {\r\n            this.valCorrect.push(valueAnswer);\r\n          }\r\n        }\r\n        // console.log('done: ', newVal)\r\n        this.$emit(\"writedAnswer\", {\r\n          answers: this.valCorrect,\r\n          question: this.dataSource,\r\n        });\r\n      }\r\n    },\r\n    actionCheckQuestion(newVal) {\r\n      newVal && this.checkCorrectAnswer();\r\n    },\r\n  },\r\n  created() {\r\n    this.$bus.on(\r\n      `${CHANGE_TXT_ANSWER}_${this.dataSource.questionId}`,\r\n      this.handleChangeTxtAnswer\r\n    );\r\n  },\r\n  mounted() {\r\n    this.refeshData();\r\n    this.formatDisplayData(true);\r\n    // console.log('this.dataSource', this.dataSource.questionId);\r\n    this.actionSetQuestionId(this.dataSource.questionId);\r\n    // this.getAnswerChoosedForQuestion();\r\n    // this.formatDataMathCol();\r\n  },\r\n  destroyed() {\r\n    setCorrectGroupChoosed([]);\r\n    this.$bus.off(\r\n      `${CHANGE_TXT_ANSWER}__${this.dataSource.questionId}`,\r\n      this.handleChangeTxtAnswer\r\n    );\r\n  },\r\n  methods: {\r\n    ...mapActions(\"common\", [\"setActionCheckQuestion\", \"actionSetQuestionId\"]),\r\n    ...mapActions(types.STORE_KEY, [\r\n      \"validateQuestion\",\r\n      \"setQuestion\",\r\n      \"setQuestions\",\r\n      \"setCorrectQuestionGroup\",\r\n    ]),\r\n\r\n    hanldeBackTime() {\r\n      this.$router.push({\r\n        name: \"exerciseDetail\",\r\n        params: { id: this.bookId },\r\n      });\r\n    },\r\n    refeshData() {\r\n      this.correctStatus = \"\";\r\n      this.valCorrect = [];\r\n      this.valCorrectGroup = [];\r\n      this.arrResultCorrect = [];\r\n      this.isQuestionMissingAnswer = false;\r\n      this.valueHTMLAnswerTypEessay = \"\";\r\n      this.checkCorrectQuestionWorked();\r\n    },\r\n\r\n    async formatDisplayData(isMounted = false) {\r\n      let typeQuestion = this.dataSource.type;\r\n      this.refeshData();\r\n\r\n      this.answersDisplay.length = 0;\r\n      if (\r\n        typeQuestion === types.TYPE_SELECT ||\r\n        typeQuestion === types.TYPE_FILL_BLANK\r\n      ) {\r\n        this.dataSource.answers &&\r\n          this.dataSource.answers.length > 0 &&\r\n          this.dataSource.answers.map((ans) => {\r\n            !ans.position && this.answersDisplay.push(ans);\r\n          });\r\n      } else if (this.dataSource.answers) {\r\n        // if(this.dataSource.answers) {\r\n        this.answersDisplay = [...this.dataSource.answers];\r\n        // }\r\n      }\r\n      await this.setQuestion({ ...this.dataSource });\r\n      this.formatDataMathCol(isMounted);\r\n    },\r\n\r\n    async formatDataMathCol(isMounted = false) {\r\n      let self = this;\r\n      if (\r\n        self.dataSource.type === types.TYPE_MATH_COL &&\r\n        self.dataSource.answers\r\n      ) {\r\n        let dataLeft = [];\r\n        let dataRight = [];\r\n        await self.dataSource.answers.map((ans) => {\r\n          if (ans.is_deleted !== 1) {\r\n            let positionItem = ans.position.split(\"_\");\r\n            /*\r\n             * positionItem[0]: left/right column\r\n             * positionItem[1]: index of array answers\r\n             */\r\n            if (!ans.line) {\r\n              ans[\"line\"] = { width: 0, height: 0, x1: 0, y1: 0, x2: 0, y2: 0 };\r\n            }\r\n            if (positionItem[0] === \"left\") {\r\n              dataLeft[positionItem[1]] = ans;\r\n              const { answerId, answerContent } = ans;\r\n              self.dataSource[\"userPractice\"] = !self.dataSource[\"userPractice\"]\r\n                ? [{ answerId, answerContent }]\r\n                : [\r\n                    ...self.dataSource[\"userPractice\"],\r\n                    { answerId, answerContent },\r\n                  ];\r\n            } else {\r\n              dataRight[positionItem[1]] = ans;\r\n            }\r\n          }\r\n        });\r\n        self.arrMathColLeft = [...dataLeft];\r\n        self.arrMathColRight = [...dataRight];\r\n\r\n        !self.dataSource.statusWorked && this.setLineMatchCol();\r\n        // !self.dataSource.isWorked && this.setLineMatchCol()\r\n        // Settimeout because render DOM for col left/right\r\n        isMounted &&\r\n          self.dataSource.isWorked &&\r\n          setTimeout(() => {\r\n            self.drawLineSaved();\r\n            // self.drawLineMatchCol(self.dataSource.layoutId)\r\n          }, 200);\r\n        // console.log('Data question: ', dataLeft, dataRight)\r\n      }\r\n    },\r\n\r\n    setLineMatchCol() {\r\n      if (\r\n        this.dataSource.type === types.TYPE_MATH_COL &&\r\n        this.dataSource.answers\r\n      ) {\r\n        let itemBoxMatch = document.querySelector(\".answers-math-col\");\r\n        let colLeft = document.querySelector(\".match-left-box\");\r\n        let widthBox = itemBoxMatch ? itemBoxMatch.offsetWidth : 0;\r\n        let heightBox = colLeft ? colLeft.offsetHeight : 0;\r\n        let widthMatchBox = colLeft ? colLeft.offsetWidth : 0;\r\n        this.arrMathColLeft &&\r\n          this.arrMathColLeft.map((match, index) => {\r\n            match.line = {\r\n              width: widthBox,\r\n              height: heightBox,\r\n              x1: this.dataSource.isWorked ? widthMatchBox : 0,\r\n              y1: 0,\r\n              x2: 0,\r\n              y2: 0,\r\n            };\r\n          });\r\n      }\r\n    },\r\n\r\n    drawLineSaved() {\r\n      let self = this;\r\n      self.dataSource.userPractice.map((prac) => {\r\n        let indexAnswerColLeft = self.arrMathColLeft.findIndex(\r\n          (col) => col.answerId === prac.answerId\r\n        );\r\n        let indexAnswerColRight = self.arrMathColRight.findIndex(\r\n          (col) => col.code === prac.answerContent\r\n        );\r\n        // Set colright choosed\r\n        self.valMatchRight = [indexAnswerColRight, prac.answerContent];\r\n        self.setCorrectMatch(\r\n          \"left\",\r\n          indexAnswerColLeft,\r\n          self.arrMathColLeft[indexAnswerColLeft],\r\n          self.dataSource.layoutId\r\n        );\r\n      });\r\n    },\r\n\r\n    setCorrectMatch(col, index, data, layout) {\r\n      let self = this;\r\n      if (col === \"left\") {\r\n        self.classNameMatchLeftActivity = `${data.position}_${index}`;\r\n        self.valMatchLeft = [index, data.code];\r\n        if (self.valMatchRight && self.valMatchRight.length > 0) {\r\n          self.removeHasLineMatch();\r\n          self.drawLineMatchCol(layout);\r\n        }\r\n      } else {\r\n        self.classNameMatchRightActivity = `${data.position}_${index}`;\r\n        self.valMatchRight = [index, data.code];\r\n        if (self.valMatchLeft.length > 0) {\r\n          self.removeHasLineMatch();\r\n          self.drawLineMatchCol(layout);\r\n        }\r\n      }\r\n    },\r\n\r\n    drawLineMatchCol(layout = 1) {\r\n      let self = this;\r\n      self.setValueCorrectMatchType(\r\n        self.valMatchLeft[1],\r\n        self.valMatchRight[1]\r\n      );\r\n\r\n      let result = [...self.arrMathColLeft];\r\n      if (self.valMatchRight[0] === -1) {\r\n        return;\r\n      }\r\n      let offsetIndexLeft = document.getElementById(\r\n        `match_right_${self.valMatchRight[0]}`\r\n      ).offsetLeft;\r\n\r\n      // console.log('Draw layout: ', layout)\r\n      if (layout === 2) {\r\n        let colQuestion = document.querySelector(\".answers-math-col\");\r\n        let heightCol1 = document.querySelector(\".match-left-box\").offsetHeight;\r\n        let widthItem = document.querySelector(\r\n          \".match-left-box .item\"\r\n        ).offsetWidth;\r\n        let offsetItemLeftX = document.getElementById(\r\n          `match_left_${self.valMatchLeft[0]}`\r\n        ).offsetLeft;\r\n        let offsetCol2ToTop = document.querySelector(\".math-right\").offsetTop;\r\n        result[self.valMatchLeft[0]].line.height = colQuestion.offsetHeight;\r\n        result[self.valMatchLeft[0]].line.x1 = offsetItemLeftX + widthItem / 2;\r\n        result[self.valMatchLeft[0]].line.y1 = heightCol1;\r\n        result[self.valMatchLeft[0]].line.x2 = offsetIndexLeft + widthItem / 2;\r\n        result[self.valMatchLeft[0]].line.y2 = offsetCol2ToTop;\r\n      } else {\r\n        let offsetItemRightTop = document.getElementById(\r\n          `match_right_${self.valMatchRight[0]}`\r\n        ).offsetTop;\r\n        let heightItemRightTop = document.getElementById(\r\n          `match_right_${self.valMatchRight[0]}`\r\n        ).offsetHeight;\r\n        let offsetItemLeftTop = document.getElementById(\r\n          `match_left_${self.valMatchLeft[0]}`\r\n        ).offsetTop;\r\n        let heightItemLeftTop = document.getElementById(\r\n          `match_left_${self.valMatchLeft[0]}`\r\n        ).offsetHeight;\r\n        let colLeft = document.querySelector(\".match-left-box\");\r\n        result[self.valMatchLeft[0]].line.height = colLeft.offsetHeight;\r\n        result[self.valMatchLeft[0]].line.x1 = colLeft.offsetWidth;\r\n        result[self.valMatchLeft[0]].line.y1 =\r\n          offsetItemLeftTop + heightItemLeftTop / 2;\r\n        result[self.valMatchLeft[0]].line.x2 = offsetIndexLeft;\r\n        result[self.valMatchLeft[0]].line.y2 =\r\n          offsetItemRightTop + heightItemRightTop / 2;\r\n      }\r\n      self.arrMathColLeft = [...result];\r\n\r\n      self.valMatchLeft.length = 0;\r\n      self.valMatchRight.length = 0;\r\n      self.classNameMatchLeftActivity = \"\";\r\n      self.classNameMatchRightActivity = \"\";\r\n    },\r\n\r\n    removeHasLineMatch() {\r\n      let self = this;\r\n      let indexMatchInvalCorrect = self.valCorrect.findIndex(\r\n        (val) => val.value === self.valMatchRight[1]\r\n      );\r\n      if (indexMatchInvalCorrect > -1) {\r\n        let indexMatchInArrLeft = self.arrMathColLeft.findIndex(\r\n          (data) =>\r\n            data.position === self.valCorrect[indexMatchInvalCorrect].parent\r\n        );\r\n        if (indexMatchInArrLeft > -1) {\r\n          self.arrMathColLeft[indexMatchInArrLeft].line = {\r\n            ...self.arrMathColLeft[indexMatchInArrLeft].line,\r\n            height: 0,\r\n            x1: 0,\r\n            x2: 0,\r\n            y1: 0,\r\n            y2: 0,\r\n          };\r\n          self.valCorrect.splice(indexMatchInvalCorrect, 1);\r\n        }\r\n      }\r\n    },\r\n\r\n    setValueCorrectMatchType(codeLeft, codeRight) {\r\n      let indexAnswers = this.dataSource.answers.findIndex(\r\n        (ans) => ans.code === codeLeft\r\n      );\r\n      let parentAnswer = this.dataSource.answers[indexAnswers].position;\r\n      let indexCorrect = this.valCorrect.findIndex(\r\n        (ans) => ans.position === indexAnswers\r\n      );\r\n      // Line for save in answer question\r\n      // let lineAnswer = this.dataSource.answers[indexAnswers].line;\r\n      let valueAnswer = {\r\n        position: indexAnswers,\r\n        value: codeRight,\r\n        parent: parentAnswer,\r\n      };\r\n\r\n      if (indexCorrect > -1) {\r\n        this.valCorrect[indexCorrect] = valueAnswer;\r\n      } else {\r\n        this.valCorrect.push(valueAnswer);\r\n      }\r\n      // console.log('draw', this.valCorrect, this.arrMathColLeft);\r\n      this.$emit(\"writedAnswer\", {\r\n        answers: this.valCorrect,\r\n        question: this.dataSource,\r\n      });\r\n      // this.setValueCorrect(valueAnswer);\r\n    },\r\n\r\n    /**\r\n     * @method Set correct val checked\r\n     **/\r\n    checkCorrectQuestionWorked() {\r\n      let self = this;\r\n      let typeQuestion = self.questionsData\r\n        ? self.questionsData.type\r\n        : self.dataSource.type;\r\n      let questionCurr = self.questionsData\r\n        ? self.questionsData\r\n        : self.dataSource;\r\n      if (questionCurr.statusWorked || questionCurr.isWorked) {\r\n        if (this.questionsData && typeQuestion === types.TYPE_GROUP) {\r\n          let corrected = [];\r\n          let dataCorrect = [];\r\n          questionCurr.listQuestionChild.map((que, index) => {\r\n            if (que) {\r\n              dataCorrect = self.setCorrectAnswerQuestionSingle(que, que.type);\r\n              let data = { questionId: que.questionId, correct: dataCorrect };\r\n              corrected.push(data);\r\n              setCorrectGroupChoosed(corrected);\r\n            }\r\n          });\r\n        } else {\r\n          self.valCorrect = self.setCorrectAnswerQuestionSingle(\r\n            questionCurr,\r\n            typeQuestion\r\n          );\r\n        }\r\n      }\r\n    },\r\n\r\n    setCorrectAnswerQuestionSingle(questionCurr, typeQuestion) {\r\n      let dataResult = [];\r\n      if (\r\n        typeQuestion === types.TYPE_SELECT ||\r\n        typeQuestion === types.TYPE_FILL_BLANK\r\n      ) {\r\n        let answersParent = questionCurr.answers.filter((ans) => !ans.position);\r\n        // console.log('have ques: ', answersParent)\r\n        answersParent &&\r\n          answersParent.length > 0 &&\r\n          answersParent.map((ans, index) => {\r\n            if (ans.validateVal && ans.validateVal.length > 0) {\r\n              ans.validateVal.map((val, pos) => {\r\n                let dataVal = {\r\n                  position: index,\r\n                  value: val,\r\n                  select_index: pos,\r\n                  parent: `${index}_${pos}`,\r\n                };\r\n                dataResult.push(dataVal);\r\n              });\r\n            }\r\n          });\r\n      } else {\r\n        questionCurr.answers.map((ans, index) => {\r\n          if (ans.answerContent) {\r\n            let dataVal = { position: index, value: ans.answerContent };\r\n            if (typeQuestion === types.TYPE_MATH_COL) {\r\n              dataVal[\"parent\"] = ans.position;\r\n            }\r\n            dataResult.push(dataVal);\r\n          }\r\n        });\r\n      }\r\n\r\n      // console.log('Set question val single: ', dataResult)\r\n      return dataResult;\r\n    },\r\n\r\n    getAnswerChoosedForQuestion() {\r\n      let dataHandle =\r\n        this.questionsData && this.questionsData.type === types.TYPE_GROUP\r\n          ? this.questionsData\r\n          : this.question;\r\n      if (dataHandle.dataChoosed && dataHandle.dataChoosed.length > 0) {\r\n        dataHandle.dataChoosed.map((val) => {\r\n          this.setValueCorrect(val, true);\r\n        });\r\n      }\r\n    },\r\n\r\n    setValueCorrect(data, isLoadLocal) {\r\n      // console.log('setval data: ', data, this.questionsData, this.question);\r\n\r\n      if (\r\n        this.question &&\r\n        this.question.type === types.TYPE_RADIO &&\r\n        this.question.answers\r\n      ) {\r\n        this.question.answers.map((ans, index) => {\r\n          if (index !== data.position) ans.answerContent = null;\r\n        });\r\n      }\r\n      let valCorrectCurr = this.valCorrect;\r\n\r\n      let isQuestionGroup =\r\n        this.questionsData && this.questionsData.type === types.TYPE_GROUP\r\n          ? true\r\n          : false;\r\n      if (isQuestionGroup) {\r\n        let correcGroup = getCorrectGroupChoosed();\r\n        let indexQuestionGroup = correcGroup.findIndex(\r\n          (cor) => cor.questionId === data.questionId\r\n        );\r\n\r\n        // console.log('Set val: ',  correcGroup, indexQuestionGroup);\r\n\r\n        // console.log('Set value group: ', correcGroup, indexQuestionGroup )\r\n        if (indexQuestionGroup > -1) {\r\n          valCorrectCurr = correcGroup[indexQuestionGroup].correct;\r\n          // console.log('Val have', valCorrectCurr, correcGroup);\r\n        }\r\n\r\n        // remove answer not choose\r\n        this.questionsData &&\r\n          this.questionsData.listQuestionChild.map((ques) => {\r\n            let indexQuesCorrect = correcGroup.findIndex(\r\n              (cor) => cor.questionId === ques.questionId\r\n            );\r\n            if (indexQuesCorrect > -1) {\r\n              ques.answers.map((ans, pos) => {\r\n                if (\r\n                  correcGroup[indexQuesCorrect].correct.findIndex(\r\n                    (cor) => cor.position === pos\r\n                  ) === -1 &&\r\n                  ans.answerContent\r\n                ) {\r\n                  delete ans.answerContent;\r\n                }\r\n              });\r\n            }\r\n          });\r\n      }\r\n\r\n      // saveAnswerChoose\r\n      !isLoadLocal && this.saveAnswerChoosed(data);\r\n\r\n      this.valCorrect = setValueCorrectHelper(\r\n        data,\r\n        valCorrectCurr,\r\n        isQuestionGroup\r\n      );\r\n      // await setValueCorrectHelper(data, this.valCorrect, isQuestionGroup);\r\n      // console.log('Set value group: ', this.valCorrect )\r\n      // console.log('Check val preview: ', this.valCorrect, data, isQuestionGroup)\r\n      this.$emit(\"writedAnswer\", {\r\n        answers: this.valCorrect,\r\n        question: this.dataSource,\r\n      });\r\n    },\r\n\r\n    saveAnswerChoosed(data) {\r\n      if (this.questionsData && this.questionsData.type === types.TYPE_GROUP) {\r\n        if (!this.questionsData[\"dataChoosed\"]) {\r\n          this.questionsData[\"dataChoosed\"] = [data];\r\n        } else {\r\n          let indexDataChoose = this.questionsData[\"dataChoosed\"].findIndex(\r\n            (choose) =>\r\n              choose.answerId === data.answerId &&\r\n              choose.position === data.position\r\n          );\r\n          if (data.type === types.TYPE_FILL_BLANK) {\r\n            // console.log('Type fill blank');\r\n            indexDataChoose = this.questionsData[\"dataChoosed\"].findIndex(\r\n              (choose) =>\r\n                choose.answerId === data.answerId &&\r\n                choose.position === data.position &&\r\n                choose.fill_index === data.fill_index\r\n            );\r\n          }\r\n          // console.log('Index for answer choose: ', indexDataChoose, this.questionsData['dataChoosed']);\r\n\r\n          if (indexDataChoose > -1) {\r\n            this.questionsData[\"dataChoosed\"][indexDataChoose] = data;\r\n          } else {\r\n            this.questionsData[\"dataChoosed\"].push(data);\r\n          }\r\n        }\r\n      } else {\r\n        if (!this.question[\"dataChoosed\"]) {\r\n          this.question[\"dataChoosed\"] = [data];\r\n        } else {\r\n          this.question[\"dataChoosed\"].push(data);\r\n        }\r\n      }\r\n    },\r\n\r\n    async checkCorrectAnswer() {\r\n      let self = this;\r\n      // console.log('Check answer question: ', self.questionDataCheckAnswer);\r\n      if (\r\n        self.questionDataCheckAnswer &&\r\n        self.questionDataCheckAnswer.isGroup\r\n      ) {\r\n        // console.log('Working width question group', self.questionsData);\r\n        let indexQuestionParent = self.questionList4CheckAnswer.findIndex(\r\n          (ques) => ques.questionId === self.questionDataCheckAnswer.parent\r\n        );\r\n\r\n        // questionsData is props\r\n        let questionParentWork =\r\n          indexQuestionParent > -1\r\n            ? self.questionList4CheckAnswer[indexQuestionParent]\r\n            : self.questionsData;\r\n        questionParentWork[\"workedFail\"] = null;\r\n        // Get answer from helper file\r\n        let answerChoosed = getCorrectGroupChoosed();\r\n\r\n        // console.log('Answers group: ', answerChoosed);\r\n\r\n        let lengthChild = questionParentWork.listQuestionChild.length;\r\n\r\n        if (!answerChoosed || answerChoosed.length === 0) {\r\n          self.textErr = \"Bạn hãy điền đầy đủ các câu trả lời!\";\r\n          self.$emit(\"answerMissing\", self.textErr);\r\n          this.$emit(\"setCorrectAnswer\", false);\r\n          self.setActionCheckQuestion(false);\r\n          return;\r\n        } else this.$emit(\"setCorrectAnswer\", true);\r\n\r\n        // console.log('Check answer: ', answerChoosed);\r\n        questionParentWork[\"isWorked\"] = true;\r\n        // Loop all question child\r\n        questionParentWork.listQuestionChild.map((ques, index) => {\r\n          let indexValCorect = answerChoosed.findIndex(\r\n            (cor) => cor.questionId === ques.questionId\r\n          );\r\n          // console.log(index, 'AAAAAAAAA', lengthChild, answerChoosed, indexValCorect, indexValCorect);\r\n          if (index === lengthChild - 1) {\r\n            self.setActionCheckQuestion(false);\r\n          }\r\n          if (indexValCorect > -1) {\r\n            // console.log('Index have: ', index, indexValCorect)\r\n            questionParentWork.listQuestionChild[index] = self.checkAnswer(\r\n              ques,\r\n              answerChoosed[indexValCorect].correct\r\n            );\r\n\r\n            // console.log('Val check answer :', questionParentWork.listQuestionChild[index], self.correctStatus);\r\n            console.log(\"chỗ này\");\r\n            if (self.correctStatus === \"error\") {\r\n              questionParentWork[\"workedFail\"] = \"error\";\r\n              questionParentWork[\"isTrue\"] = false;\r\n            }\r\n            ques[\"isTrue\"] = self.correctStatus === \"error\" ? false : true;\r\n            questionParentWork[\"statusWorked\"] = \"worked\";\r\n            questionParentWork.listQuestionChild.map((que) => {\r\n              que[\"isWorked\"] = true;\r\n              que &&\r\n                que.answers &&\r\n                que.answers.map((ans) => {\r\n                  if (que[\"isTrue\"] === null) {\r\n                    que[\"isTrue\"] = true;\r\n                  }\r\n                  if (\r\n                    ans.err ||\r\n                    (ans.validate && ans.validate.includes(false))\r\n                  ) {\r\n                    questionParentWork[\"workedFail\"] = \"error\";\r\n                    if (que[\"isTrue\"]) {\r\n                      que[\"isTrue\"] = false;\r\n                    }\r\n                  }\r\n                });\r\n            });\r\n\r\n            self.saveQuestionWorked(questionParentWork);\r\n            // if(index === lengthChild - 1) {\r\n            self.$emit(\"getResultQuestion\", self.arrResultCorrect);\r\n            self.$emit(\"formatQuestion\", null);\r\n            // }\r\n          }\r\n        });\r\n      } else if (self.questionDataCheckAnswer) {\r\n        // check answer for question working\r\n        let questionWork =\r\n          self.questionList4CheckAnswer &&\r\n          self.questionList4CheckAnswer.length > 0\r\n            ? self.questionList4CheckAnswer[self.location]\r\n            : self.dataSource;\r\n        let correctChoosed =\r\n          self.questionDataCheckAnswer &&\r\n          self.questionDataCheckAnswer.answerChoosed\r\n            ? self.questionDataCheckAnswer.answerChoosed\r\n            : self.valCorrect;\r\n        // let correctChoosed = self.isListQuestion ? self.questions[self.location].answerChoosed : self.valCorrect\r\n\r\n        questionWork[\"workedFail\"] = null;\r\n        if (questionWork.type !== types.TYPE_DOWN_ANSWER) {\r\n          self.checkAnswer(questionWork, correctChoosed);\r\n        } else {\r\n          questionWork.answers[0].answerContent = self.valueHTMLAnswerTypEessay;\r\n        }\r\n        console.log(\"chỗ này\");\r\n        if (!self.isQuestionMissingAnswer) {\r\n          questionWork[\"workedFail\"] =\r\n            self.correctStatus === \"error\" ? \"error\" : null;\r\n          questionWork[\"correctData\"] = self.arrResultCorrect;\r\n          questionWork[\"isTrue\"] =\r\n            self.correctStatus === \"error\" ? false : true;\r\n          questionWork[\"isWorked\"] = true;\r\n          console.log(questionWork.isTrue, questionWork);\r\n\r\n          if (questionWork.isTrue == true) {\r\n            setTimeout(() => {\r\n              document.getElementById(\"question_true\").play();\r\n            }, 5);\r\n          } else if (questionWork.isTrue == false) {\r\n            setTimeout(() => {\r\n              document.getElementById(\"question_false\").play();\r\n            }, 5);\r\n          }\r\n\r\n          self.saveQuestionWorked(questionWork);\r\n          if (questionWork.type !== types.TYPE_DOWN_ANSWER) {\r\n            self.$emit(\"getResultQuestion\", self.arrResultCorrect);\r\n          }\r\n          self.$emit(\"formatQuestion\", null);\r\n        }\r\n      }\r\n    },\r\n\r\n    setStatusAnswerForQuestion() {\r\n      let self = this;\r\n      let result = \"\";\r\n      let lengthQuestionGroup = self.questionsData.listQuestionChild.length;\r\n      for (let i = 0; i < lengthQuestionGroup; i++) {\r\n        let lengthAnswer =\r\n          self.questionsData.listQuestionChild[i].answers.length;\r\n        for (let j = 0; j < lengthAnswer; j++) {\r\n          let ans = self.questionsData.listQuestionChild[i].answers[j];\r\n          if (ans.err || (ans.validate && ans.validate.includes(false))) {\r\n            result = \"error\";\r\n            break;\r\n          }\r\n        }\r\n        if (result === \"error\") {\r\n          break;\r\n        }\r\n      }\r\n      return result;\r\n    },\r\n\r\n    checkAnswer(question, valCorrectChoosed) {\r\n      let self = this;\r\n      let dataQuestion = question;\r\n      // Variable for fixed error remove form input data answer with position\r\n      // let dataQuestionFillBlank = question;\r\n      let statusAnswer = true;\r\n\r\n      let valChoosedHaveValue = valCorrectChoosed\r\n        ? valCorrectChoosed.filter((val) => val.value)\r\n        : [];\r\n      let lengthChooseAnswer = valChoosedHaveValue.length;\r\n      let lengthAnswerCorrect;\r\n      // let typeQuestion = self.questionsData && self.questionsData.type === types.TYPE_GROUP ? types.TYPE_GROUP : dataQuestion.type;\r\n      let typeQuestion = dataQuestion.type;\r\n      // let isQuestionGroup = self.questionsData && self.questionsData.type === types.TYPE_GROUP ? true : false;\r\n      self.textErr = \"\";\r\n      self.correctStatus = \"\";\r\n      self.isQuestionMissingAnswer = false;\r\n\r\n      // Reset status for correct checked\r\n      dataQuestion.answers.map((ans) => {\r\n        ans.err && delete ans.err;\r\n        ans.isError && delete ans.isError;\r\n        ans.success && delete ans.success;\r\n      });\r\n\r\n      // console.log('First check: ', typeQuestion)\r\n      // count length Answer correct real\r\n      if (typeQuestion === types.TYPE_MATH_COL) {\r\n        lengthAnswerCorrect = dataQuestion.answers.filter(\r\n          (ans) =>\r\n            ans.correct && ans.isDeleted !== 1 && ans.position.includes(\"left\")\r\n        ).length;\r\n      } else if (\r\n        typeQuestion === types.TYPE_FILL_BLANK ||\r\n        typeQuestion === types.TYPE_SELECT\r\n      ) {\r\n        // let answersIsWrite = dataQuestion.answers.filter(ans => ans.position && ans.isDeleted !== 1 );\r\n        // let dataAnswersAppro = [];\r\n        // Get content from helper\r\n        let contentFill = getContentQuestionFillSelect();\r\n\r\n        lengthAnswerCorrect = 0;\r\n        if (contentFill && contentFill.length > 0) {\r\n          contentFill.map((content) => {\r\n            if (content && content.length > 0) {\r\n              content.map((txt) => {\r\n                if (txt && txt.length > 0) {\r\n                  let lengthContent = txt.length;\r\n                  txt.map((data, index) => {\r\n                    if (data && data !== \"null\" && index < lengthContent - 1) {\r\n                      lengthAnswerCorrect += 1;\r\n                    }\r\n                  });\r\n                }\r\n              });\r\n            }\r\n          });\r\n        }\r\n      } else if (\r\n        [\r\n          types.TYPE_RADIO,\r\n          types.TYPE_CHECKBOX,\r\n          types.TYPE_X_MARK,\r\n          types.TYPE_CIRCLE_ANSWER,\r\n        ].includes(typeQuestion)\r\n      ) {\r\n        // Only has 1 answer\r\n        lengthAnswerCorrect = 1;\r\n      } else {\r\n        lengthAnswerCorrect = dataQuestion.answers.filter(\r\n          (ans) => ans.correct && ans.isDeleted != 1\r\n        ).length;\r\n      }\r\n\r\n      // console.log('Length: ', lengthAnswerCorrect, lengthChooseAnswer, valChoosedHaveValue, self.questionsData, self.isListQuestion)\r\n      if (\r\n        lengthAnswerCorrect > lengthChooseAnswer &&\r\n        !self.questionsData &&\r\n        !self.isListQuestion\r\n      ) {\r\n        statusAnswer = false;\r\n        self.isQuestionMissingAnswer = true;\r\n        self.setActionCheckQuestion(false);\r\n        // if(typeQuestion !== types.TYPE_RADIO && typeQuestion !== types.TYPE_CHECKBOX && typeQuestion !== types.TYPE_X_MARK && typeQuestion !== types.TYPE_CIRCLE_ANSWER) {\r\n        self.textErr = \"Bạn hãy điền đầy đủ các câu trả lời!\";\r\n        // }\r\n        self.$emit(\"answerMissing\", self.textErr);\r\n        this.$emit(\"setCorrectAnswer\", false);\r\n      } else {\r\n        this.$emit(\"setCorrectAnswer\", true);\r\n        // Reset content fill data for fill blank type\r\n        // self.dataSource.type === types.TYPE_FILL_BLANK &&\r\n        resetContentQuestionFillSelect();\r\n\r\n        let answerParent = [];\r\n        // console.log('TTYPE TYOPE: ', typeQuestion)\r\n        if (\r\n          typeQuestion === types.TYPE_SELECT ||\r\n          typeQuestion === types.TYPE_FILL_BLANK\r\n        ) {\r\n          dataQuestion.answers.map((ans) => {\r\n            !ans.position && answerParent.push(ans);\r\n          });\r\n        }\r\n\r\n        // Set arr result correct display\r\n        !self.isListQuestion &&\r\n          self.getResultCorrect(dataQuestion, answerParent);\r\n\r\n        for (let i = 0; i < lengthChooseAnswer; i++) {\r\n          let positionAnswer;\r\n          let parentSelect = \"\";\r\n\r\n          const positionValChoose = valChoosedHaveValue[i].position;\r\n          let answerCurr =\r\n            typeQuestion === types.TYPE_SELECT ||\r\n            typeQuestion === types.TYPE_FILL_BLANK\r\n              ? answerParent[positionValChoose]\r\n              : dataQuestion.answers[positionValChoose];\r\n\r\n          // set position for all answer child (only type == blank or select)\r\n          if (\r\n            typeQuestion === types.TYPE_FILL_BLANK ||\r\n            typeQuestion === types.TYPE_SELECT\r\n          ) {\r\n            parentSelect = valChoosedHaveValue[i].parent;\r\n          }\r\n\r\n          // Set position answer\r\n          if (typeQuestion === types.TYPE_FILL_BLANK) {\r\n            // console.log('Set position: ', valChoosedHaveValue, i, valChoosedHaveValue[i].parent)\r\n            let answerWithPosition = dataQuestion.answers.filter(\r\n              (ans) => ans.position === valChoosedHaveValue[i].parent\r\n            );\r\n            let answerWithPositionLength = answerWithPosition.length;\r\n\r\n            // console.log('check position for question: ', answerWithPositionLength, answerWithPosition, valChoosedHaveValue, i)\r\n            if (answerWithPositionLength > 1) {\r\n              positionAnswer = dataQuestion.answers.findIndex(\r\n                (ans) =>\r\n                  ans.answerId ===\r\n                  answerWithPosition[answerWithPositionLength - 1].answerId\r\n              );\r\n            } else {\r\n              positionAnswer = dataQuestion.answers.findIndex(\r\n                (ans) => ans.position === valChoosedHaveValue[i].parent\r\n              );\r\n            }\r\n\r\n            // console.log('After check position: ', positionAnswer)\r\n\r\n            // let answerIndexById = dataQuestion.answers.findIndex()\r\n            // positionAnswer = dataQuestion.answers.findIndex(ans => ans.answerId === answerWithPosition[answerWithPositionLength -1].answerId);\r\n          } else if (typeQuestion === types.TYPE_SELECT) {\r\n            // console.log(i, valChoosedHaveValue[i]);\r\n            positionAnswer = dataQuestion.answers.findIndex(\r\n              (ans) => ans.answerId === parseInt(valChoosedHaveValue[i].value)\r\n            );\r\n          } else {\r\n            positionAnswer = valChoosedHaveValue[i].position;\r\n          }\r\n          let valueAnswer = valChoosedHaveValue[i].value;\r\n          // Check result compare correct\r\n          // compareAnswer(dataQuestion, typeQuestion, positionAnswer, answer, checkParent = '')\r\n          // console.log('answer position: ', positionAnswer);\r\n\r\n          if (\r\n            !self.compareAnswer(\r\n              dataQuestion,\r\n              typeQuestion,\r\n              positionAnswer,\r\n              valueAnswer,\r\n              parentSelect\r\n            )\r\n          ) {\r\n            statusAnswer = false;\r\n            // console.log('Check answer fail: ', positionAnswer, i);\r\n            if (\r\n              dataQuestion.answers[positionAnswer] &&\r\n              typeQuestion !== types.TYPE_MATH_COL\r\n            ) {\r\n              // console.log('Check answer: ', positionAnswer);\r\n              dataQuestion.answers[positionAnswer][\"err\"] = true;\r\n              // IsError support for save server\r\n              dataQuestion.answers[positionAnswer][\"isError\"] = true;\r\n            }\r\n            // Set validate false for item in select box\r\n            if (\r\n              typeQuestion === types.TYPE_SELECT ||\r\n              typeQuestion === types.TYPE_FILL_BLANK\r\n            ) {\r\n              if (!answerCurr[\"validate\"]) {\r\n                answerCurr[\"validate\"] = [];\r\n                answerCurr[\"validateVal\"] = [];\r\n              }\r\n\r\n              // console.log('Set validate FALSE: ', valChoosedHaveValue[i], valChoosedHaveValue[i].select_index);\r\n              // answerCurr.validate[valChoosedHaveValue[i].select_index] = false;\r\n              // answerCurr.validateVal[valChoosedHaveValue[i].select_index] = valChoosedHaveValue[i].value;\r\n\r\n              // console.log('HAHA: ', answerCurr.validateVal, )\r\n\r\n              answerCurr.validate[\r\n                valChoosedHaveValue[i].position_display\r\n              ] = false;\r\n              answerCurr.validateVal[valChoosedHaveValue[i].position_display] =\r\n                valChoosedHaveValue[i].value;\r\n            }\r\n            if (typeQuestion === types.TYPE_MATH_COL && !self.isListQuestion) {\r\n              // let errVal = [...self.arrMathColLeft];\r\n              // errVal[i]['err'] = true;\r\n              // errVal[i]['err'] = true;\r\n              // self.arrMathColLeft = [...errVal];\r\n\r\n              self.arrMathColLeft[positionAnswer / 2][\"err\"] = true;\r\n              // IsError support for save server\r\n              self.arrMathColLeft[positionAnswer / 2][\"isError\"] = true;\r\n              // let indexAnsColRight = self.arrMathColRight.findIndex(ans => ans.code === self.arrMathColLeft[positionAnswer/2].answerContent)\r\n              // console.log('check question 1', indexAnsColRight, self.arrMathColLeft[positionAnswer/2], self.arrMathColLeft[positionAnswer/2]['answerContent'])\r\n              // if (indexAnsColRight > -1) {\r\n              // \tself.arrMathColRight[indexAnsColRight]['err'] = true;\r\n              // \tself.arrMathColRight[indexAnsColRight]['isError'] = true;\r\n              // }\r\n            }\r\n\r\n            // dataQuestion.answers[positionAnswer]['err'] = true;\r\n          } else if (\r\n            typeQuestion === types.TYPE_SELECT ||\r\n            typeQuestion === types.TYPE_FILL_BLANK\r\n          ) {\r\n            // Set validate true for item in select box\r\n            if (!answerCurr[\"validate\"]) {\r\n              answerCurr[\"validate\"] = [];\r\n              answerCurr[\"validateVal\"] = [];\r\n            }\r\n            // console.log('Set validate: ', valChoosedHaveValue[i], valChoosedHaveValue[i].select_index);\r\n            answerCurr.validate[valChoosedHaveValue[i].position_display] = true;\r\n            answerCurr.validateVal[valChoosedHaveValue[i].position_display] =\r\n              valChoosedHaveValue[i].value;\r\n            // answerCurr.validate[valChoosedHaveValue[i].select_index] = true;\r\n            // answerCurr.validateVal[valChoosedHaveValue[i].select_index] = valChoosedHaveValue[i].value;\r\n          } else if (\r\n            typeQuestion === types.TYPE_MATH_COL &&\r\n            !self.isListQuestion\r\n          ) {\r\n            // let errVal = [...self.arrMathColLeft];\r\n            // errVal[i]['err'] = false;\r\n            // self.arrMathColLeft = [...errVal];\r\n            self.arrMathColLeft[positionAnswer / 2][\"err\"] = false;\r\n            // IsError support for save server\r\n            self.arrMathColLeft[positionAnswer / 2][\"isError\"] = false;\r\n            // let indexAnsColRight = self.arrMathColRight.findIndex(ans => ans.code === self.arrMathColLeft[positionAnswer/2].answerContent)\r\n            // console.log('check question 2', indexAnsColRight)\r\n            // if (indexAnsColRight > -1) {\r\n            // \tself.arrMathColRight[indexAnsColRight]['err'] = false;\r\n            // \tself.arrMathColRight[indexAnsColRight]['isError'] = false;\r\n            // }\r\n          } else if (\r\n            [\r\n              types.TYPE_CHECKBOX,\r\n              types.TYPE_CIRCLE_ANSWER,\r\n              types.TYPE_X_MARK,\r\n            ].includes(typeQuestion)\r\n          ) {\r\n            let lengthAnswerCorrect = dataQuestion.answers.filter(\r\n              (ans) => ans.correct\r\n            ).length;\r\n            if (lengthAnswerCorrect > lengthChooseAnswer) {\r\n              statusAnswer = false;\r\n            }\r\n            dataQuestion.answers[positionAnswer][\"success\"] = true;\r\n          } else {\r\n            // console.log(dataQuestion.answers[positionAnswer]);\r\n            dataQuestion.answers[positionAnswer][\"success\"] = true;\r\n          }\r\n\r\n          // console.log('ancorres', answerCurr)\r\n          this.validateQuestion({\r\n            type: typeQuestion,\r\n            data: this.checkFillType,\r\n          });\r\n\r\n          // this.setQuestion({...dataQuestion});\r\n          // return dataQuestion;\r\n          if (positionAnswer > -1) {\r\n            dataQuestion.answers[positionAnswer][\"answerContent\"] = valueAnswer;\r\n          }\r\n        }\r\n        dataQuestion[\"statusWorked\"] = \"worked\";\r\n\r\n        // console.log('Corect status answer IN: ', statusAnswer);\r\n        self.correctStatus = statusAnswer ? \"success\" : \"error\";\r\n        console.log(self.arrMathColRight);\r\n        // Set result for type match col right\r\n        self.arrMathColRight.map((col) => {\r\n          let indexColMatch = self.arrMathColLeft.findIndex(\r\n            (left) => left.answerContent === col.code\r\n          );\r\n          col[\"isError\"] = self.arrMathColLeft[indexColMatch]\r\n            ? self.arrMathColLeft[indexColMatch].isError\r\n            : false;\r\n          col[\"err\"] = self.arrMathColLeft[indexColMatch]\r\n            ? self.arrMathColLeft[indexColMatch].err\r\n            : false;\r\n        });\r\n        // console.log('CHECK QUESTION: ', self.questionsData)\r\n\r\n        // console.log('AAAAAA', dataQuestion);\r\n        // typeQuestion !== types.TYPE_GROUP && self.saveQuestionWorked(dataQuestion);\r\n        // if(self.questionsData && self.questionsData.type === types.TYPE_GROUP) {\r\n        // console.log('Data question: ', dataQuestion)\r\n        return dataQuestion;\r\n        // }\r\n      }\r\n\r\n      // console.log('Corect status answer: ', statusAnswer);\r\n      // dataQuestion['answerStatus'] = statusAnswer ? 'success' : 'error';\r\n      self.correctStatus = statusAnswer ? \"success\" : \"error\";\r\n      // console.log('Check done: ', this.valCorrect)\r\n    },\r\n    // Check parent params is check position of answer\r\n    compareAnswer(\r\n      dataQuestion,\r\n      typeQuestion,\r\n      positionAnswer,\r\n      answer,\r\n      checkParent = \"\"\r\n    ) {\r\n      let self = this;\r\n      // console.log('Compare: ', positionAnswer, dataQuestion, typeQuestion, answer)\r\n      let answerCurr = dataQuestion.answers[positionAnswer];\r\n      // console.log('Compare 1: ', positionAnswer, answerCurr)\r\n\r\n      if (typeQuestion === types.TYPE_FILL_BLANK) {\r\n        if (answerCurr && answerCurr.content) {\r\n          // let answerCurrent = self.stripHtml(answerCurr.content);\r\n          let answerCurrent = stripHtml(answerCurr.content);\r\n          return answerCurr && answerCurr.content && answerCurr.position\r\n            ? answerCurrent.trim().toLowerCase() ===\r\n                answer.trim().toLowerCase() &&\r\n                answerCurr.position === checkParent\r\n            : false;\r\n        }\r\n        return false;\r\n      } else if (typeQuestion === types.TYPE_SELECT) {\r\n        return answerCurr && answerCurr.correct && answerCurr.position\r\n          ? parseInt(answerCurr.answerId) === parseInt(answer) &&\r\n              answerCurr.position === checkParent\r\n          : false;\r\n      } else if (typeQuestion === types.TYPE_TRUE_FALSE_NO) {\r\n        if (answerCurr.correct) {\r\n          self.arrResultCorrect[positionAnswer] = {\r\n            code: answerCurr.code || parseInt(positionAnswer) + 1,\r\n            value: answerCurr.correct,\r\n          };\r\n        }\r\n        return answerCurr && answerCurr.correct\r\n          ? answer.toLowerCase().includes(answerCurr.correct.toLowerCase())\r\n          : false;\r\n      } else {\r\n        if (\r\n          ((typeQuestion === types.TYPE_FILL_INPUT_IMG &&\r\n            !self.questionsData) ||\r\n            typeQuestion === types.TYPE_MATH_COL) &&\r\n          answerCurr.correct\r\n        ) {\r\n          self.arrResultCorrect[positionAnswer] = {\r\n            code: answerCurr.code || parseInt(positionAnswer) + 1,\r\n            value: answerCurr.correct,\r\n          };\r\n        }\r\n        console.log(answerCurr && answerCurr.correct);\r\n        return answerCurr && answerCurr.correct\r\n          ? answerCurr.correct.toLowerCase() === answer.toLowerCase()\r\n          : false;\r\n      }\r\n    },\r\n\r\n    getResultCorrect(dataQuestion, answerParent = []) {\r\n      let self = this;\r\n      let answerList = dataQuestion.answers;\r\n      let typeQuestion = dataQuestion.type;\r\n      // console.log('Result get: ', answerList)\r\n      if (\r\n        typeQuestion === types.TYPE_SELECT ||\r\n        typeQuestion === types.TYPE_FILL_BLANK\r\n      ) {\r\n        answerList.map((ans) => {\r\n          if (ans.position) {\r\n            let positionItem = ans.position.split(\"_\");\r\n            // console.log('Get result content: ', positionItem);\r\n            /**\r\n             * positionItem[0]: position answer parent\r\n             * positionItem[1]: position correct in answer\r\n             **/\r\n\r\n            let codeAnswer =\r\n              answerParent[positionItem[0]] &&\r\n              answerParent[positionItem[0]].code\r\n                ? answerParent[positionItem[0]].code\r\n                : parseInt(positionItem[0]) + 1;\r\n            if (\r\n              (ans.correct && typeQuestion === types.TYPE_SELECT) ||\r\n              (ans.content && typeQuestion === types.TYPE_FILL_BLANK)\r\n            ) {\r\n              let valAnswerCurr =\r\n                (typeQuestion === types.TYPE_FILL_BLANK\r\n                  ? ans.content\r\n                  : ans.correct) || \"\";\r\n\r\n              if (\r\n                self.questionsData &&\r\n                self.questionsData.type === types.TYPE_GROUP\r\n              ) {\r\n                let indexQuestionCurr = self.arrResultCorrect.findIndex(\r\n                  (que) => que.questionId === dataQuestion.questionId\r\n                );\r\n\r\n                if (indexQuestionCurr > -1) {\r\n                  if (\r\n                    !self.arrResultCorrect[indexQuestionCurr].correct[\r\n                      positionItem[0]\r\n                    ]\r\n                  ) {\r\n                    self.arrResultCorrect[indexQuestionCurr].correct[\r\n                      positionItem[0]\r\n                    ] = { code: codeAnswer, value: [] };\r\n                  }\r\n                  self.arrResultCorrect[indexQuestionCurr].correct[\r\n                    positionItem[0]\r\n                  ].value[positionItem[1]] = valAnswerCurr;\r\n                } else {\r\n                  let newDataCorrect = {\r\n                    questionId: dataQuestion.questionId,\r\n                    type: dataQuestion.type,\r\n                    title: dataQuestion.title,\r\n                    correct: [{ code: codeAnswer, value: [] }],\r\n                  };\r\n                  // console.log('New data: ', newDataCorrect, positionItem)\r\n                  self.arrResultCorrect.push(newDataCorrect);\r\n                  self.arrResultCorrect[0].correct[positionItem[0]].value[\r\n                    positionItem[1]\r\n                  ] = valAnswerCurr;\r\n                  // console.log('Result child: ', self.arrResultCorrect, typeQuestion)\r\n                }\r\n              } else {\r\n                if (!self.arrResultCorrect[positionItem[0]]) {\r\n                  self.arrResultCorrect[positionItem[0]] = {\r\n                    code: codeAnswer,\r\n                    value: [],\r\n                  };\r\n                }\r\n\r\n                // console.log('Set ar result: ', self.arrResultCorrect, positionItem);\r\n                self.arrResultCorrect[positionItem[0]].value[positionItem[1]] =\r\n                  valAnswerCurr;\r\n              }\r\n            }\r\n          }\r\n        });\r\n      } else {\r\n        answerList.map((ans, index) => {\r\n          if (ans.content && ans.correct) {\r\n            // console.log('hyt', dataQuestion.type)\r\n            let valueResult = {\r\n              code: ans.code || index + 1,\r\n              value: ans.correct,\r\n              type: typeQuestion,\r\n            };\r\n\r\n            if (\r\n              self.questionsData &&\r\n              self.questionsData.type === types.TYPE_GROUP\r\n            ) {\r\n              let indexQuestionCurr = self.arrResultCorrect.findIndex(\r\n                (que) => que.questionId === dataQuestion.questionId\r\n              );\r\n              // console.log('Get value for group question: ', indexQuestionCurr, dataQuestion.questionId)\r\n              if (indexQuestionCurr > -1) {\r\n                self.arrResultCorrect[indexQuestionCurr].correct.push(\r\n                  valueResult\r\n                );\r\n              } else {\r\n                self.arrResultCorrect.push({\r\n                  questionId: dataQuestion.questionId,\r\n                  title: dataQuestion.title,\r\n                  correct: [valueResult],\r\n                });\r\n              }\r\n              // console.log('Result: ', self.arrResultCorrect)\r\n            } else if (\r\n              dataQuestion &&\r\n              dataQuestion.type !== types.TYPE_MATH_COL\r\n            ) {\r\n              self.arrResultCorrect.push(valueResult);\r\n            }\r\n          }\r\n        });\r\n      }\r\n      // console.log('Result: ', self.arrResultCorrect)\r\n    },\r\n\r\n    saveQuestionWorked(data) {\r\n      let questionLocal = JSON.parse(\r\n        localStorage.getItem(LOCAL_SAVE_QUESTIONS_WORKED)\r\n      );\r\n      if (\r\n        questionLocal &&\r\n        questionLocal !== undefined &&\r\n        questionLocal.length > 0\r\n      ) {\r\n        let indexQuestionSave = questionLocal.findIndex(\r\n          (ques) => ques.questionId === data.questionId\r\n        );\r\n        // console.log('Save question: ', indexQuestionSave, questionLocal, data)\r\n        if (indexQuestionSave > -1) {\r\n          questionLocal[indexQuestionSave] = data;\r\n        } else {\r\n          questionLocal.push(data);\r\n        }\r\n        this.saveLocalQuestion(questionLocal);\r\n      } else {\r\n        this.saveLocalQuestion([data]);\r\n      }\r\n    },\r\n\r\n    saveLocalQuestion(data) {\r\n      this.setActionCheckQuestion(true);\r\n      localStorage.setItem(LOCAL_SAVE_QUESTIONS_WORKED, JSON.stringify(data));\r\n      this.setActionCheckQuestion(false);\r\n    },\r\n\r\n    handleChangeTxtAnswer(val) {\r\n      this.valueHTMLAnswerTypEessay = val.html;\r\n    },\r\n\r\n    resetValKeyboard() {\r\n      this.valVituralKeyboard && this.setVituralKeyVal({});\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.icon-back-ex {\r\n  position: absolute;\r\n  left: -19px;\r\n  top: 5px;\r\n  font-size: 24px;\r\n}\r\n.question-item {\r\n  &__head {\r\n    margin-bottom: 5px;\r\n\r\n    .item table {\r\n      margin: 8px auto;\r\n    }\r\n  }\r\n}\r\n\r\n.item {\r\n  &:hover {\r\n    color: inherit !important;\r\n  }\r\n\r\n  &__question {\r\n    font-weight: 500;\r\n    margin-bottom: 15px;\r\n    padding-bottom: 5px;\r\n    border-bottom: 1px solid #f1f1f1;\r\n    color: #000;\r\n    font-size: 16px;\r\n\r\n    b {\r\n      margin-right: 8px;\r\n    }\r\n  }\r\n  &__title {\r\n    width: 60px;\r\n    text-align: center;\r\n    padding: 7px;\r\n    background: #e1efff;\r\n    border-radius: 5px;\r\n  }\r\n}\r\n\r\n.answer-result {\r\n  border: 1px solid #38c172;\r\n  padding: 10px;\r\n  margin-top: 5px;\r\n\r\n  ul {\r\n    li {\r\n      list-style: none;\r\n      margin-bottom: 8px;\r\n\r\n      > b {\r\n        font-size: 15px;\r\n      }\r\n\r\n      > span {\r\n        margin-left: 25px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &--answer_t_f_no,\r\n  &--math_col {\r\n    ul {\r\n      li {\r\n        width: 25%;\r\n        display: inline-block;\r\n\r\n        > span {\r\n          margin-left: 8px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewQuestion.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./PreviewQuestion.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PreviewQuestion.vue?vue&type=template&id=70f952ea&scoped=true&\"\nimport script from \"./PreviewQuestion.vue?vue&type=script&lang=js&\"\nexport * from \"./PreviewQuestion.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PreviewQuestion.vue?vue&type=style&index=0&id=70f952ea&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"70f952ea\",\n  null\n  \n)\n\nexport default component.exports","import { APP_CONFIG } from '@/utils/constants'\r\nimport { STORE_KEY } from './constants'\r\nimport { mapState } from 'vuex';\r\n\r\nexport default {\r\n\tprops: ['dataSource', 'nameField', 'location', 'parent', 'statusCorrect', 'questionSetVal', 'isDontShowResultSaved'],\r\n\tmethods: {\r\n        changeAnswer(evt, data) {\r\n            // console.log('Change evt: ', evt, data)\r\n            // let valueEmit = {...data, evt, position: data.location};\r\n            // delete valueEmit.location;\r\n            // this.$emit('changeAnswer', valueEmit)\r\n            this.$emit('changeAnswer', evt, data);\r\n        }\r\n\t}\r\n}"],"sourceRoot":""}