{"version":3,"sources":["webpack:///./src/modules/question/preview-question/answers/fill-input-img/FillInputImg.vue?190e","webpack:///./src/modules/question/preview-question/answers/multiple-choice/MultipleChoice.vue?6c43","webpack:///src/modules/question/preview-question/answers/multiple-choice/MultipleChoice.vue","webpack:///./src/modules/question/preview-question/answers/multiple-choice/MultipleChoice.vue?9501","webpack:///./src/modules/question/preview-question/answers/multiple-choice/MultipleChoice.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalChooseTypePDF.vue?97ff","webpack:///./src/modules/question/preview-question/answers/multiple-answers/MultipleAnswer.vue?9d8a","webpack:///src/modules/question/preview-question/answers/multiple-answers/MultipleAnswer.vue","webpack:///./src/modules/question/preview-question/answers/multiple-answers/MultipleAnswer.vue?a155","webpack:///./src/modules/question/preview-question/answers/multiple-answers/MultipleAnswer.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateQuestionBank.vue?9e98","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/PageViewCreateExcercise.vue?4ab5","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateQuestionBank.vue?caa1","webpack:///src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateQuestionBank.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateQuestionBank.vue?567e","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateQuestionBank.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateExcerciseBank.vue?32f7","webpack:///src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateExcerciseBank.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateExcerciseBank.vue?5f42","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateExcerciseBank.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalChooseTypePDF.vue?1af5","webpack:///src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalChooseTypePDF.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalChooseTypePDF.vue?e4b0","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalChooseTypePDF.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalShowHelpCreateExcercise.vue?83c5","webpack:///src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalShowHelpCreateExcercise.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalShowHelpCreateExcercise.vue?6724","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalShowHelpCreateExcercise.vue","webpack:///src/modules/class-school/teacher_prepare_document/excercise_component/PageViewCreateExcercise.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/PageViewCreateExcercise.vue?0b3b","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/PageViewCreateExcercise.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalChooseTypePDF.vue?eb9d","webpack:///./src/modules/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue?5a5c","webpack:///src/modules/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue","webpack:///./src/modules/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue?0430","webpack:///./src/modules/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateExcerciseBank.vue?150a","webpack:///./src/components/EdittorCKAnswer.vue?946d","webpack:///src/components/EdittorCKAnswer.vue","webpack:///./src/components/EdittorCKAnswer.vue?d226","webpack:///./src/components/EdittorCKAnswer.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalCreateQuestionBank.vue?8b53","webpack:///./src/modules/class-school/_api/userExcerciseClassSchool.js","webpack:///./src/modules/question/preview-question/answers/math-col/MathCol.vue?6f09","webpack:///src/modules/question/preview-question/answers/math-col/MathCol.vue","webpack:///./src/modules/question/preview-question/answers/math-col/MathCol.vue?a726","webpack:///./src/modules/question/preview-question/answers/math-col/MathCol.vue","webpack:///./src/modules/question/preview-question/_store/helpers.js","webpack:///./src/components/EdittorCKAnswer.vue?0a9c","webpack:///./src/modules/question/preview-question/answers/fill-input-img/FillInputImg.vue?cb49","webpack:///./src/modules/question/preview-question/answers/true-false/TrueFalseAnswer.vue?6bbb","webpack:///src/modules/question/preview-question/answers/true-false/TrueFalseAnswer.vue","webpack:///./src/modules/question/preview-question/answers/true-false/TrueFalseAnswer.vue?5149","webpack:///./src/modules/question/preview-question/answers/true-false/TrueFalseAnswer.vue","webpack:///./src/modules/question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue?405c","webpack:///./src/modules/question/preview-question/answers/multiple-answers/MultipleAnswer.vue?9fe2","webpack:///./node_modules/v-runtime-template/dist/v-runtime-template.es.js","webpack:///./src/modules/question/preview-question/answers/fill-input-img/FillInputImg.vue?a7d4","webpack:///src/modules/question/preview-question/answers/fill-input-img/FillInputImg.vue","webpack:///./src/modules/question/preview-question/answers/fill-input-img/FillInputImg.vue?2808","webpack:///./src/modules/question/preview-question/answers/fill-input-img/FillInputImg.vue","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/_components/ModalShowHelpCreateExcercise.vue?1a7a","webpack:///./src/modules/question/preview-question/_store/mixinsQuestionPreview.js","webpack:///./src/modules/class-school/teacher_prepare_document/excercise_component/PageViewCreateExcercise.vue?4842"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","nameField","domProps","dataSource","content","imageUrl","answerContent","err","saved","on","$event","changeAnswer","location","type","parent","questionId","_v","_s","code","_e","staticRenderFns","name","mixins","data","methods","component","class","success","handleChangeAnswer","isDontShowResultSaved","statusCorrect","evt","handleCreateExcersiceQuestionBank","handleCreateExcersiceExamBank","ref","onChangeUploadFile","handleOnUploadFileDoc","handleCreateExcerciseByPdf","downLoadTemplate","handleViewHelpQuestionBank","handleViewHelpBank","handleViewHelpWord","handleViewHelpPdf","closeModalCreateQuestionBank","handleDoneChooseQuestion","typeUpload","listDataQuestion","closeModalConfirm","handleDoneQuestionbank","closeModalCreateExcerciseBank","handleDoneModalCreateExcerciseBank","isOpenModalChooseTypePdf","handleDoneUpload","path","handleCloseModalConfirmQuestionPdf","dataHelper","closeModalShowHelpCreateExcercise","resetModal","handleHideModal","directives","rawName","value","paramQueryData","expression","modifiers","$set","target","listDataClass","handleChangeClassId","model","callback","$$v","listDataSubject","handleChangeSubjectId","listBookType","totalRecords","statusSearch","listQuestionAdd","length","handleScrollQuestion","_l","index","key","listDataQuestionBank","handSelectQuestion","isLoading","handleShowConfimQuestionBank","debounce","components","TrueFalseAnswer","fillBlankOrSelect","EdittorCKAnswer","MultipleChoice","MathCol","FillInputImg","MultipleAnswer","PreviewQuestion","watch","created","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","confirmActive","submitted","text","totalPage","keyword","pageIndex","pageSize","subjectId","classId","listBookTypeId","computed","screenWidth","mounted","replaceAllContent","isCheck","itemAdd","e","resetData","getListQuestionBank","self","handleSearchData","handleChangeBookTypeId","handleOnFilter","getTypesFilter","getAllTypeFilter","GetAllClass","getAllClassFilter","handleDone","console","toggleModal","handleShowModal","composing","handleScrollExamBank","item","handleUsingExam","handleShowConfimExamBank","listDataExam","getListQuestionByExamId","examId","getDataExam","getListBankExamExcercise","uploadExcercisePdf","typeMultipleChoice","typeMixed","formData","getQuestionFilePDF","dataItem","dataVideoHelper","appUrl","pathView","PreviewVideo","props","default","getVideoHelp","apiHelpGetVideo","ModalCreateQuestionBank","ModalComfirmQuestionBank","ModalCreateExcerciseBank","ModalChooseTypePDF","ModalConfirmQuestionPdf","ModalShowHelpCreateExcercise","isOpenModalCreateExcerciseBank","isOpenModalCreateQuestionBank","isOpenModalShowConfirmQuestionbank","isOpenModalConfirmQuestionPdf","file","isOpenModalShowHelpCreateExcercise","typeId","downloadFileTemplateWord","GetQuestionByDoc","answers","contentStringFillType","VRuntimeTemplate","DropdownCustom","types","contentFillType","fillSelectSplit","validate","optionSelect","answersParent","mapState","mapGetters","validate_question","question","beforeDestroy","resetContentQuestionFillSelect","mapActions","displayHtmlCorrect","val","convertData","action","placeholderInput","typeQuestion","dataContent","BLANK_FILL_SELECT","BLANK_FILL_TXT","lengthSelectOptions","position_del","lengthFillSplit","setContentQuestionFillSelect","numSelectOrder","numFillNull","pos","txt","indexOptionCurr","indexAnswerChoosed","answerIdChoosed","replaceContent","BLANK_FILL_SELECT_SHORT","textNeedReplace","setOptionSelectByContentFill","isDataNull","converDataSelect","countChildAnswer","indexP","positionChar","arrChar","result","changeValSelect","ans","select_index","position_display","handleFocus","getElementById","info","getBoundingClientRect","top","left","offsetTopElm","isOverHaflScreen","handleMouseSelection","mouseLeave","position","config","onBlur","onFocus","scopedSlots","_u","fn","proxy","uploadImage","uploadMedia","CKEDITOR","plugins","get","init","editor","label","command","icon","toolbar","visibleModalMedia","linkMediaUploaded","VueCkeditor","math_value","open_math","editor_selection","toggle_draw","convertKatex2Img","configEditor","items","toolbarInsert","height","extraPlugins","allowedContent","font_defaultLabel","fontSize_defaultLabel","contentsCss","actionNiwBtn","exec","cntnt","contentEdit","onChangeContent","onEditorChange","html","uploadImg","linkImg","addFillBlankQuestion","fillBlankEditor","openModalUploadMedia","insertEmbedEditor","htmlData","link","linkMedia","embedVideo","handleCancelUpload","visible","openDrawTool","saveUserExcerciseClassSchool","params","apiEndpoint","HttpService","post","then","res","catch","submitExcercisePdf","submitExcerciseQuestionBank","submitExcerciseQuestionChooseWord","submitExcerciseQuestionMixedWord","getDetailExcerciseNeedGrading","getListAnswerMember","teacherSaveGrade","sendExcerciserToMember","fullPath","APP_CONFIG","apiUrl","axios","url","method","responseType","response","href","URL","createObjectURL","document","createElement","setAttribute","body","appendChild","click","removeChild","revokeObjectURL","log","finally","checkUserHasWorkExcercise","staticStyle","style","urlQuestionImg","correctGroupChoosed","contentForTypeFillSelect","setValueCorrectHelper","valCorrect","questionGroup","checked","push","indexAnswer","findIndex","splice","valueAnswer","valueCurr","indexCurr","fill_index","positionDisplay","correct","indexValCorrect","cor","getCorrectGroupChoosed","setCorrectGroupChoosed","getContentQuestionFillSelect","layoutId","choiceAnswer","t","o","hasOwnProperty","r","Object","getOwnPropertyDescriptor","defineProperty","template","String","templateProps","$parent","$data","n","$props","a","$options","p","c","i","s","d","v","f","m","u","h","keys","forEach","O","$","b","j","y","concat","k","E","P","l","getOwnPropertyNames","provide","_provided","isWorked","focusId","txtSelection","handleBlur","$emit"],"mappings":"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,sBAMe,OACfjP,uBAEA8I,sEACA5I,KAJA,WAKA,OACAnB,WACA8P,YACArN,cACA0N,qBACAC,uBAGAhL,YACAiL,oBAEA/I,gBACAuE,gBACAyE,+BACAC,6BACAC,2CAEAC,oCANA,IAQAxB,OARA,WASA,8BAGApJ,OAYA7F,2BAEA8F,QA1CA,WA6CA,uDAEA0B,QA/CA,WAiDA,qBAEApG,eACA8K,yBACA,iBACA,yBACA,iBACA,sBALA,IAQAwE,iBARA,WASA,qBACA,kDAIAC,aAdA,WAeA,OACA1P,cACA2P,OACA,YACA,QACA,cACA,SACA,+BACA,0CA+BA,OA5BA,iBACAC,GACA5P,cACA2P,OACA,YACA,QACA,cACA,SACA,YACA,+BACA,2CAIA,iBACAC,GACA5P,cACA2P,OACA,YACA,QACA,cACA,SACA,aACA,+BACA,2CAIA,CACAV,SACA,CACAjP,mBACA2P,OACA,OACA,SACA,YACA,SACA,YACA,cACA,IACA,iBACA,iBAGA,CAAA3P,cAAA2P,+BACA,CACA3P,iBACA2P,OACA,eACA,eACA,IACA,cACA,gBACA,eACA,iBAGA,CAAA3P,aAAA2P,yBACAC,GAEAC,WACAC,6CACAC,kBACAC,0BACAC,yBACAC,+DAIAC,aA/FA,WAgGA,WACA,iEAEAtB,0BACAuB,iBACAtJ,8BAKA+H,0BACAuB,iBACAtJ,4BAIA+H,2BACAuB,iBACAtJ,oCAKA+H,0BACAuB,iBACAtJ,oCAKAmH,OA9HA,SA8HAvN,GACA,mBAIAwN,QAnIA,SAmIAxN,KAMAoN,WAzIA,WA2IA,iEACA,cADA,YAGA,MACA,+BAEA,EACAuC,+CACA,WACA,KACA,OACA,oBACAC,kBAIA,yBAIAC,gBA/JA,SA+JApF,GACA,wEACA0D,kCAGA2B,eApKA,SAoKAC,GACA,kBACA,OAAAA,OAAA1C,wBAEA,iCAIAQ,YA5KA,SA4KA7N,GACA,WAGAgQ,oCACA,6CACAC,sCAKAC,qBAvLA,WAuLA,qEACAC,iEAGAC,qBA3LA,SA2LAtR,GACA,kBACA,8DAIAuR,kBAjMA,WAiMA,IAEA,EAFA,oKACA,OAEA,YACAC,8BACA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","file":"js/chunk-d5222a0e.575d6d9c.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!./FillInputImg.vue?vue&type=style&index=0&id=377c5d9e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer-radio position-rel\"},[_c('input',{attrs:{\"name\":_vm.nameField,\"type\":\"radio\"},domProps:{\"value\":_vm.dataSource.content ? _vm.dataSource.content : _vm.dataSource.imageUrl,\"checked\":(_vm.dataSource.answerContent && _vm.dataSource.err) || (_vm.dataSource.answerContent && _vm.dataSource.saved)},on:{\"change\":function($event){return _vm.changeAnswer($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId})}}}),_c('label',{staticClass:\"display-flex-center\"},[(_vm.dataSource.code)?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\" \")]):_vm._e(),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}})])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"answer-radio position-rel\">\r\n\t\t<input :name=\"nameField\" type=\"radio\" :value=\"dataSource.content ? dataSource.content : dataSource.imageUrl\" :checked=\"(dataSource.answerContent && dataSource.err) || (dataSource.answerContent && dataSource.saved)\" @change=\"changeAnswer($event, {location, type: parent.type, questionId: dataSource.questionId})\">\r\n\t\t<label class=\"display-flex-center\">\r\n\t\t\t<b v-if=\"dataSource.code\">{{ dataSource.code }} </b>\r\n\t\t\t<span v-html=\"dataSource.content\"></span>\r\n\t\t</label>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport mixinsQuestionPreview from './../../_store/mixinsQuestionPreview'\r\n\r\n\texport default {\r\n\t\tname: 'MultipleChoice',\r\n\t\tmixins: [ mixinsQuestionPreview ],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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!./MultipleChoice.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!./MultipleChoice.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultipleChoice.vue?vue&type=template&id=13c28458&scoped=true&\"\nimport script from \"./MultipleChoice.vue?vue&type=script&lang=js&\"\nexport * from \"./MultipleChoice.vue?vue&type=script&lang=js&\"\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  \"13c28458\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalChooseTypePDF.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer-checkbox position-rel\",class:(\"answer--\" + (_vm.parent.type))},[_c('input',{attrs:{\"name\":_vm.nameField,\"type\":\"checkbox\"},domProps:{\"value\":_vm.dataSource.content ? _vm.dataSource.content : _vm.dataSource.imageUrl,\"checked\":_vm.dataSource.success || _vm.dataSource.err || _vm.dataSource.answerContent},on:{\"change\":function($event){return _vm.handleChangeAnswer($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId, dataSource: _vm.dataSource})}}}),_c('label',{staticClass:\"display-flex-center\",class:{\n        'answer__err': !_vm.isDontShowResultSaved && _vm.statusCorrect === 'err',\n\t\t\t\t'answer__true': !_vm.isDontShowResultSaved && _vm.statusCorrect === 'success'\n\t\t\t}},[_c('span',{staticClass:\"check-icon position-rel\"}),_c('span',{staticClass:\"check-data display-flex-center\"},[(_vm.dataSource.code)?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\" \")]):_vm._e(),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"answer-checkbox position-rel\" :class=\"`answer--${parent.type}`\">\r\n\t\t<input :name=\"nameField\" type=\"checkbox\" :value=\"dataSource.content ? dataSource.content : dataSource.imageUrl\" :checked=\"dataSource.success || dataSource.err || dataSource.answerContent\" @change=\"handleChangeAnswer($event, {location, type: parent.type, questionId: dataSource.questionId, dataSource})\">\r\n\t\t<label\r\n\t\t\tclass=\"display-flex-center\"\r\n\t\t\t:class=\"{\r\n        'answer__err': !isDontShowResultSaved && statusCorrect === 'err',\r\n\t\t\t\t'answer__true': !isDontShowResultSaved && statusCorrect === 'success'\r\n\t\t\t}\"\r\n\t\t>\r\n\t\t\t<span class=\"check-icon position-rel\"></span>\r\n\t\t\t<span class=\"check-data display-flex-center\">\r\n\t\t\t\t<b v-if=\"dataSource.code\">{{ dataSource.code }} </b>\r\n\t\t\t\t<span v-html=\"dataSource.content\"></span>\r\n\t\t\t</span>\r\n\t\t</label>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport mixinsQuestionPreview from './../../_store/mixinsQuestionPreview'\r\n\r\n\texport default {\r\n\t\tname: 'MultipleAnswer',\r\n\t\tmixins: [ mixinsQuestionPreview ],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\thandleChangeAnswer(evt, data) {\r\n\t\t\t\tif(!evt.target.checked) {\r\n\t\t\t\t\tdata.dataSource.answerContent = null\r\n\t\t\t\t}\r\n\t\t\t\tthis.changeAnswer(evt, data)\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n\t@import './../../../../../assets/scss/mixins';\r\n\t@import './../../../../../assets/scss/variables';\r\n\t@import './../../../../../assets/scss/general';\r\n\r\n\t.answer-checkbox {\r\n\t\tmargin-bottom: 15px;\r\n\r\n\t\tinput {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 0;\r\n\t\t\tleft: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tcursor: pointer;\r\n\t\t\topacity: 0;\r\n\t\t\tz-index: 1;\r\n\r\n\t\t\t&:checked ~ label {\r\n\t\t\t\t&:not(.answer__err) {\r\n\t\t\t\t\t.check-icon {\r\n\t\t\t\t\t\tborder-color: $color_success;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.check-icon:after {\r\n\t\t\t\t\topacity: 1;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\tlabel {\r\n\t\t\tcolor: $color_txt;\r\n\r\n\t\t\tb {\r\n\t\t\t\tmargin-right: 15px;\r\n\t\t\t}\r\n\t\t\t\r\n\t\t\t// &:before, &:after {\r\n\t\t\t// \tcontent: \"\";\r\n\t\t\t// }\r\n\r\n\t\t\t.check-icon {\r\n\t\t\t\twidth: 20px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t\tborder: 1px solid #ccc;\r\n\t\t\t\tmargin-right: 8px;\r\n\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\twidth: 16px;\r\n\t\t\t\t    height: 16px;\r\n\t\t\t\t    position: absolute;\r\n\t\t\t\t    left: 1px;\r\n\t\t\t\t    opacity: 0;\r\n\t\t\t\t    @extend .position-center-y;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.check-data display-flex-center {\r\n\t\t\t\twidth: calc(100% - 28px);\r\n\t\t\t}\r\n\r\n\r\n\t\t\t&:not(.answer__error) {\r\n\t\t\t\t.check-icon:after {\r\n\t\t\t\t\tbackground: url('./../../../../../assets/images/tick.png') no-repeat;\r\n\t\t\t\t\tbackground-size: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t&.answer__err {\r\n\t\t\t\tcolor: $color_err_question;\r\n\t\t\t\t.check-icon {\r\n\t\t\t\t\tborder-color: $color_err_question;\r\n\t\t\t\t\t\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tbackground: url('./../../../../../assets/images/tick-error.png') no-repeat;\r\n\t\t\t\t\t\tbackground-size: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.answer--x_mark_answer {\r\n\t\t\tlabel {\r\n\t\t\t\t.check-icon {\r\n\r\n\t\t\t\t\t&:after {\r\n\t\t\t\t\t\tbackground: url('./../../../../../assets/images/x-mark.png') no-repeat;\r\n\t\t\t\t\t\tbackground-size: 80%;\r\n\t    \t\t\t\tbackground-position: center;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.answer__err {\r\n\t\t\t\t\t.check-icon {\r\n\r\n\t\t\t\t\t\t&:after {\r\n\t\t\t\t\t\t\tbackground: url('./../../../../../assets/images/x-mark-error.png') no-repeat;\r\n\t\t\t\t\t\t\tbackground-size: 80%;\r\n\t    \t\t\t\t\tbackground-position: center;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&.answer--circle_answer {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tlabel {\r\n\t\t\t\tdisplay: inline-block;\r\n\t\t\t\tpadding: 6px 15px;\r\n\r\n\t\t\t\t.check-icon {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:before {\r\n\t\t\t\t\tcontent: \"\";\r\n\t\t\t\t\topacity: 0;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\ttop: 0;\r\n\t\t\t\t\tleft: 0;\r\n\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t// &:not(.answer__err) {\r\n\t\t\t\t// \t&:before {\r\n\t\t\t\t// \t\tborder: 1px solid $primary_color;\r\n\t\t\t\t// \t}\r\n\t\t\t\t// }\r\n\t\t\t}\r\n\r\n\t\t\tinput:checked ~ label:before {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\tborder: 1px solid $primary_color;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n\r\n\t.question--circle_answer {\r\n\t\t.answer__true {\r\n\t\t\tlabel:before, input:checked ~ label:before {\r\n\t\t\t\tborder: 1px solid $color_success;\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.answer__err {\r\n\t\t\tlabel:before, input:checked ~ label:before {\r\n\t\t\t\tborder: 1px solid $color_err_question;\r\n\t\t\t}\r\n\t\t}\r\n\t}\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!./MultipleAnswer.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!./MultipleAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MultipleAnswer.vue?vue&type=template&id=81faf738&scoped=true&\"\nimport script from \"./MultipleAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./MultipleAnswer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MultipleAnswer.vue?vue&type=style&index=0&id=81faf738&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  \"81faf738\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ModalCreateQuestionBank.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"container margin-top-20\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"menu-item display-flex\",on:{\"click\":_vm.handleCreateExcersiceQuestionBank}},[_c('img',{staticClass:\"icon-open-book\",attrs:{\"src\":require(\"@/assets/img/open-book.png\")}}),_c('div',{staticClass:\"tile-menu\"},[_vm._v(\"\\n                    Tạo đề từ ngân hàng câu hỏi\\n                \")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"menu-item display-flex\",on:{\"click\":_vm.handleCreateExcersiceExamBank}},[_c('img',{staticClass:\"icon-open-book\",attrs:{\"src\":require(\"@/assets/img/open-book.png\")}}),_c('div',{staticClass:\"tile-menu\"},[_vm._v(\"\\n                    Sử dụng đề từ ngân hàng đề thi\\n                \")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"hidden\":\"\",\"name\":\"file\",\"id\":\"fileInputUpload\",\"accept\":\".docx,.doc\"},on:{\"change\":_vm.onChangeUploadFile}}),_c('div',{staticClass:\"menu-item display-flex\",on:{\"click\":_vm.handleOnUploadFileDoc}},[_c('img',{staticClass:\"icon-open-book\",attrs:{\"src\":require(\"@/assets/img/open-book.png\")}}),_c('div',{staticClass:\"tile-menu\"},[_vm._v(\"\\n                    Tạo đề từ file Word\\n                \")])])]),_c('div',{staticClass:\"col-md-6\"},[_c('div',{staticClass:\"menu-item display-flex\",on:{\"click\":_vm.handleCreateExcerciseByPdf}},[_c('img',{staticClass:\"icon-open-book\",attrs:{\"src\":require(\"@/assets/img/open-book.png\")}}),_c('div',{staticClass:\"tile-menu\"},[_vm._v(\"\\n                    Tạo đề từ file PDF\\n                \")])])])]),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-md-12\"},[_c('div',{staticClass:\"item-download\",on:{\"click\":_vm.downLoadTemplate}},[_c('strong',[_vm._v(\"Tải xuống file word mẫu\")])])])]),_c('div',{staticClass:\"guideline row\"},[_c('div',{staticClass:\"col-md-12 col-lg-12\"},[_c('div',{staticClass:\"item-instruct\",on:{\"click\":_vm.handleViewHelpQuestionBank}},[_vm._v(\"\\n                Hướng dẫn tạo đề từ ngân hàng câu hỏi\\n            \")])]),_c('div',{staticClass:\"col-md-12 col-lg-12\"},[_c('div',{staticClass:\"item-instruct\",on:{\"click\":_vm.handleViewHelpBank}},[_vm._v(\"\\n                Hướng dẫn tạo đề từ ngân hàng đề\\n            \")])]),_c('div',{staticClass:\"col-md-12 col-lg-12\"},[_c('div',{staticClass:\"item-instruct\",on:{\"click\":_vm.handleViewHelpWord}},[_vm._v(\"\\n                Hướng dẫn tạo đề file word\\n            \")])]),_c('div',{staticClass:\"col-md-12 col-lg-12\"},[_c('div',{staticClass:\"item-instruct\",on:{\"click\":_vm.handleViewHelpPdf}},[_vm._v(\"\\n                Hướng dẫn tạo đề từ file pdf\\n            \")])])]),(_vm.isOpenModalCreateQuestionBank)?_c('ModalCreateQuestionBank',{on:{\"closeModal\":_vm.closeModalCreateQuestionBank,\"handleDone\":_vm.handleDoneChooseQuestion}}):_vm._e(),(_vm.isOpenModalShowConfirmQuestionbank)?_c('ModalComfirmQuestionBank',{attrs:{\"typeUpload\":_vm.typeUpload,\"listDataQuestion\":_vm.listDataQuestion},on:{\"closeModal\":_vm.closeModalConfirm,\"handleDone\":_vm.handleDoneQuestionbank}}):_vm._e(),(_vm.isOpenModalCreateExcerciseBank)?_c('ModalCreateExcerciseBank',{on:{\"closeModal\":_vm.closeModalCreateExcerciseBank,\"handleDone\":_vm.handleDoneModalCreateExcerciseBank}}):_vm._e(),(_vm.isOpenModalChooseTypePdf)?_c('ModalChooseTypePDF',{on:{\"closeModal\":function($event){_vm.isOpenModalChooseTypePdf = false},\"handleDone\":_vm.handleDoneUpload}}):_vm._e(),(_vm.isOpenModalConfirmQuestionPdf)?_c('ModalConfirmQuestionPdf',{attrs:{\"path\":_vm.path,\"typeUpload\":_vm.typeUpload},on:{\"closeModal\":_vm.handleCloseModalConfirmQuestionPdf}}):_vm._e(),(_vm.isOpenModalShowHelpCreateExcercise)?_c('ModalShowHelpCreateExcercise',{attrs:{\"dataItem\":_vm.dataHelper},on:{\"closeModal\":_vm.closeModalShowHelpCreateExcercise}}):_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('b-modal',{ref:\"modal-create-question-bank\",attrs:{\"size\":\"xl\",\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container modal-create-question-bank__body\"},[_c('div',{staticClass:\"action\"},[_c('img',{staticClass:\"btn-close custom-cursor btn-float-right\",attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),_c('div',{staticClass:\"header-modal margin-top-10\"},[_c('h3',[_vm._v(\"Ngân hàng câu hỏi\")])]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"item item__key input-custom-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model.lazy\",value:(_vm.paramQueryData.keyword),expression:\"paramQueryData.keyword\",modifiers:{\"lazy\":true}},{name:\"debounce\",rawName:\"v-debounce\",value:(1000),expression:\"1000\"}],staticClass:\"primary-color-txt color_bg_gray_light border-rd-20 font-size-15 form-h30 border-0 full-width\",attrs:{\"type\":\"text\",\"placeholder\":\"Tìm kiếm theo câu hỏi\"},domProps:{\"value\":(_vm.paramQueryData.keyword)},on:{\"change\":function($event){return _vm.$set(_vm.paramQueryData, \"keyword\", $event.target.value)}}}),_c('i',{staticClass:\"icon-search font-size-16 primary-color\"})]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-select',{attrs:{\"options\":_vm.listDataClass},on:{\"change\":_vm.handleChangeClassId},model:{value:(_vm.paramQueryData.classId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"classId\", $$v)},expression:\"paramQueryData.classId\"}})],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-form-select',{attrs:{\"options\":_vm.listDataSubject},on:{\"change\":_vm.handleChangeSubjectId},model:{value:(_vm.paramQueryData.subjectId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"subjectId\", $$v)},expression:\"paramQueryData.subjectId\"}})],1)]),_c('div',{staticClass:\"custom-line\"},[_c('div',{staticClass:\"line1\"}),_c('div',{staticClass:\"text-line\"},[_vm._v(\"Nguồn câu hỏi\")]),_c('div',{staticClass:\"line1\"})]),_c('div',{staticClass:\"filter-source-question\"},[_c('div',[_vm._v(\"Sách\")]),_c('div',{staticClass:\"filter-book\"},[_c('b-form-checkbox-group',{attrs:{\"options\":_vm.listBookType,\"name\":\"flavour-2a\",\"stacked\":\"\"},model:{value:(_vm.paramQueryData.listBookTypeId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"listBookTypeId\", $$v)},expression:\"paramQueryData.listBookTypeId\"}})],1),_c('div',[_vm._v(\"Luyện tập khác\")])])]),_c('div',{staticClass:\"col-md-8\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"count-result\"},[_vm._v(\"Tổng: \"+_vm._s(_vm.totalRecords)+\" kết quả\")]),_c('div',{staticClass:\"loadding\"},[_vm._v(_vm._s(_vm.statusSearch == 1 ? 'Đang tìm kiếm câu hỏi...' : ''))]),_c('div',{staticClass:\"count-choose\"},[_vm._v(\"\\n                            Đã chọn: \"+_vm._s(this.listQuestionAdd.length)+\"\\n                        \")])]),_c('div',{ref:\"scrollContainer\",staticClass:\"wrap-right\",on:{\"scroll\":_vm.handleScrollQuestion}},[_c('div',{staticClass:\"list-question\"},_vm._l((_vm.listDataQuestionBank),function(dataSource,index){return _c('div',{key:index,staticClass:\"question-item display-flex\"},[_c('div',{staticClass:\"question col-md-11\"},[_c('PreviewQuestion',{attrs:{\"id\":(\"question_\" + index),\"dataSource\":dataSource,\"location\":index,\"questions\":_vm.listDataQuestionBank,\"isDontShowResultSaved\":false}})],1),_c('div',{staticClass:\"col-md-1\"},[_c('b-form-checkbox',{on:{\"change\":function($event){return _vm.handSelectQuestion($event, dataSource)}}})],1)])}),0)])])]),_c('div',{staticClass:\"form_action display-flex justity-content-end\"},[_c('button',{staticClass:\"btn btn-cancel border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n                    Hủy bỏ\\n                \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleShowConfimQuestionBank}},[_vm._v(\"\\n                    Thêm mới\\n                \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal size=\"xl\" id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-question-bank\"\r\n            @hidden=\"resetModal\">\r\n            <div class=\"container modal-create-question-bank__body\">\r\n                <div class=\"action\"><img class=\"btn-close custom-cursor btn-float-right\" src=\"@/assets/img/x.png\"\r\n                        @click=\"handleHideModal\" /></div>\r\n                <div class=\"header-modal margin-top-10\">\r\n                    <h3>Ngân hàng câu hỏi</h3>\r\n                </div>\r\n                <div class=\"row margin-top-10\">\r\n                    <div class=\"col-md-4\">\r\n                        <div class=\"item item__key input-custom-icon\">\r\n                            <input v-model.lazy=\"paramQueryData.keyword\" v-debounce=\"1000\" type=\"text\"\r\n                                placeholder=\"Tìm kiếm theo câu hỏi\"\r\n                                class=\"primary-color-txt color_bg_gray_light border-rd-20 font-size-15 form-h30 border-0 full-width\" />\r\n                            <i class=\"icon-search font-size-16 primary-color\"></i>\r\n                        </div>\r\n                        <div class=\"row margin-top-10\">\r\n                            <div class=\"col-md-6\">\r\n                                <b-form-select @change=\"handleChangeClassId\" v-model=\"paramQueryData.classId\"\r\n                                    :options=\"listDataClass\">\r\n                                    <!-- <option value=0>Tất cả</option> -->\r\n                                </b-form-select>\r\n                            </div>\r\n                            <div class=\"col-md-6\">\r\n                                <b-form-select @change=\"handleChangeSubjectId\" v-model=\"paramQueryData.subjectId\"\r\n                                    :options=\"listDataSubject\">\r\n                                    <!-- <option value=0>Tất cả</option> -->\r\n                                </b-form-select>\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"custom-line\">\r\n                            <div class=\"line1\"></div>\r\n                            <div class=\"text-line\">Nguồn câu hỏi</div>\r\n                            <div class=\"line1\"></div>\r\n                        </div>\r\n                        <div class=\"filter-source-question\">\r\n                            <div>Sách</div>\r\n                            <div class=\"filter-book\">\r\n                                <b-form-checkbox-group v-model=\"paramQueryData.listBookTypeId\" :options=\"listBookType\"\r\n                                    name=\"flavour-2a\" stacked></b-form-checkbox-group>\r\n                            </div>\r\n                            <div>Luyện tập khác</div>\r\n                        </div>\r\n                    </div>\r\n                    <div class=\"col-md-8\">\r\n                        <div class=\"display-flex justify-content-space-between\">\r\n                            <div class=\"count-result\">Tổng: {{ totalRecords }} kết quả</div>\r\n                            <div class=\"loadding\">{{ statusSearch == 1 ? 'Đang tìm kiếm câu hỏi...' : '' }}</div>\r\n                            <div class=\"count-choose\">\r\n                                Đã chọn: {{ this.listQuestionAdd.length }}\r\n                            </div>\r\n                        </div>\r\n                        <div class=\"wrap-right\" ref=\"scrollContainer\" @scroll=\"handleScrollQuestion\">\r\n\r\n                            <div class=\"list-question\">\r\n                                <div class=\"question-item display-flex\"\r\n                                    v-for=\"(dataSource, index) of listDataQuestionBank\" :key=\"index\">\r\n                                    <div class=\"question col-md-11\">\r\n                                        <PreviewQuestion :id=\"`question_${index}`\" :dataSource=\"dataSource\"\r\n                                            :location=\"index\" :questions=\"listDataQuestionBank\"\r\n                                            :isDontShowResultSaved=\"false\" />\r\n                                        <!-- <div class=\"name-question\">\r\n                                            <div v-html=\"replaceAllContent(dataSource.content)\"></div>\r\n                                        </div>\r\n                                        <div v-for=\"(item, indexanswers) of dataSource.answers\" :key=\"indexanswers\">\r\n                                            <MultipleChoice v-if=\"dataSource.type === TYPE_RADIO\" :dataSource=\"item\"\r\n                                                :nameField=\"`answer_${index}`\" :location=\"indexanswers\"\r\n                                                :parent=\"dataSource\" />\r\n                                            <MultipleAnswer v-else-if=\"dataSource.type === TYPE_CHECKBOX ||\r\n                dataSource.type === TYPE_X_MARK ||\r\n                dataSource.type === TYPE_CIRCLE_ANSWER\r\n                \" :dataSource=\"item\" :nameField=\"`answer_${index}`\" :location=\"indexanswers\"\r\n                                                :parent=\"dataSource\" :statusCorrect=\"false\"\r\n                                                :isDontShowResultSaved=\"true\" />\r\n                                            <fillBlankOrSelect v-else-if=\"dataSource.type === TYPE_FILL_BLANK ||\r\n                dataSource.type === TYPE_SELECT\r\n                \" :dataSource=\"item\" :nameField=\"`answer_${indexanswers}`\" :location=\"indexanswers\"\r\n                                                :isDontShowResultSaved=\"true\" :parent=\"dataSource\" />\r\n\r\n                                            <MathCol v-else-if=\"dataSource.type === TYPE_MATH_COL\" :dataSource=\"item\"\r\n                                                :nameField=\"`answer_${indexanswers}`\" :location=\"indexanswers\"\r\n                                                :parent=\"dataSource\" :isDontShowResultSaved=\"true\" />\r\n\r\n                                            <TrueFalseAnswer v-else-if=\"dataSource.type === TYPE_TRUE_FALSE_NO\"\r\n                                                :dataSource=\"item\" :nameField=\"`answer_${indexanswers}`\"\r\n                                                :location=\"indexanswers\" :parent=\"dataSource\" />\r\n                                            <FillInputImg v-else-if=\"dataSource.type === TYPE_FILL_INPUT_IMG\"\r\n                                                :dataSource=\"item\" :nameField=\"`answer_${indexanswers}`\"\r\n                                                :location=\"indexanswers\" :parent=\"dataSource\" />\r\n                                            <EdittorCKAnswer v-else-if=\"dataSource.type === TYPE_DOWN_ANSWER\"\r\n                                                :contentEditor=\"item.answerContent\" :fillBlank=\"false\"\r\n                                                :position=\"`answer_${indexanswers}`\" />\r\n                                        </div> -->\r\n                                    </div>\r\n                                    <div class=\"col-md-1\">\r\n                                        <b-form-checkbox @change=\"handSelectQuestion($event, dataSource)\">\r\n                                        </b-form-checkbox>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div class=\"form_action display-flex justity-content-end\">\r\n                    <button type=\"button\"\r\n                        class=\"btn btn-cancel border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                        :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n                        Hủy bỏ\r\n                    </button>\r\n                    <button type=\"button\"\r\n                        class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n                        @click=\"handleShowConfimQuestionBank\" :disabled=\"isLoading\">\r\n                        Thêm mới\r\n                    </button>\r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { getAllTypeFilter, getAllClassFilter } from \"./../../../_api/\";\r\nimport { getListQuestionBank } from \"./../../../_api/LessonClassSchoolServices\";\r\nimport fillBlankOrSelect from \"./../../../../question/preview-question/answers/fill-blank-select/fillBlankOrSelect.vue\";\r\nimport debounce from \"@/directives/debounce\";\r\nimport EdittorCKAnswer from \"@/components/EdittorCKAnswer.vue\";\r\nimport MultipleChoice from \"./../../../../question/preview-question/answers/multiple-choice/MultipleChoice.vue\";\r\nimport MathCol from \"./../../../../question/preview-question/answers/math-col/MathCol.vue\";\r\nimport FillInputImg from \"./../../../../question/preview-question/answers/fill-input-img/FillInputImg.vue\";\r\nimport TrueFalseAnswer from \"./../../../../question/preview-question/answers/true-false/TrueFalseAnswer.vue\";\r\nimport MultipleAnswer from \"./../../../../question/preview-question/answers/multiple-answers/MultipleAnswer.vue\";\r\nimport PreviewQuestion from '@/modules/question/preview-question-excercise-thieu/PreviewQuestion.vue'\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 { replaceAllContent } from \"./../../../../question/preview-question/_store/helperQuestionContent\";\r\nexport default {\r\n    name: \"ModalCreateQuestionBank\",\r\n    directives: { debounce },\r\n    components: {\r\n        TrueFalseAnswer,\r\n        fillBlankOrSelect,\r\n        EdittorCKAnswer,\r\n        MultipleChoice,\r\n        MathCol,\r\n        FillInputImg,\r\n        MultipleAnswer,\r\n        PreviewQuestion\r\n    },\r\n    watch: {\r\n        // 'paramQueryData.classId': 'handleChangeClassId',\r\n        // 'paramQueryData.subjectId': 'handleChangeSubjectId',\r\n        \"paramQueryData.keyword\": \"handleSearchData\",\r\n        \"paramQueryData.listBookTypeId\": \"handleChangeBookTypeId\",\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    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\r\n            confirmActive: {},\r\n            submitted: false,\r\n            isLoading: false,\r\n            statusSearch: 0,\r\n            listDataSubject: [{ value: 0, text: \"Tất cả - môn\" }],\r\n            listDataClass: [{ value: 0, text: \"Tất cả - lớp\" }],\r\n            listDataQuestionBank: [],\r\n            totalRecords: 0,\r\n            totalPage: 0,\r\n            paramQueryData: {\r\n                keyword: \"\",\r\n                pageIndex: 1,\r\n                pageSize: 5,\r\n                subjectId: 0,\r\n                classId: 0,\r\n                listBookTypeId: [],\r\n            },\r\n            listBookType: [\r\n                { text: \"Chân trời sáng tạo\", value: 4 },\r\n                { text: \"Kết nối tri thức với cuộc sống\", value: 3 },\r\n            ],\r\n            listQuestionAdd: [],\r\n        };\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n    },\r\n    mounted() {\r\n        this.GetAllClass();\r\n        this.handleShowModal();\r\n        this.getListQuestionBank();\r\n    },\r\n\r\n    methods: {\r\n        replaceAllContent,\r\n        handSelectQuestion(isCheck, itemAdd) {\r\n            if (isCheck) {\r\n                this.listQuestionAdd.push(itemAdd);\r\n            } else {\r\n                for (let i = 0; i < this.listQuestionAdd.length; i++) {\r\n                    const item = this.listQuestionAdd[i];\r\n                    if (item.questionId == itemAdd.questionId) {\r\n                        this.listQuestionAdd.splice(i, 1);\r\n                        break;\r\n                    }\r\n                }\r\n            }\r\n        },\r\n        handleShowConfimQuestionBank() {\r\n            this.handleDone();\r\n        },\r\n        handleScrollQuestion(e) {\r\n            const container = this.$refs.scrollContainer;\r\n            const scrollHeight = container.scrollHeight;\r\n            const scrollTop = container.scrollTop;\r\n            const offsetHeight = container.offsetHeight;\r\n            const bottomOffset = scrollHeight - (scrollTop + offsetHeight);\r\n            if (bottomOffset <= 0 && !this.isLoading) {\r\n                // Load more items when the user reaches the bottom with some offset\r\n                let pageIndexSearch = this.paramQueryData.pageIndex + 1;\r\n                if (pageIndexSearch <= this.totalPage) {\r\n                    this.paramQueryData.pageIndex++;\r\n                    this.getListQuestionBank();\r\n                }\r\n            }\r\n        },\r\n        resetData() {\r\n            this.paramQueryData.pageIndex = 1;\r\n            (this.listDataQuestionBank = []),\r\n                (this.totalRecords = 0),\r\n                (this.totalPage = 0);\r\n        },\r\n        getListQuestionBank() {\r\n            let self = this;\r\n            getListQuestionBank(this.paramQueryData).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    for (let i = 0; i < res.data.list.length; i++) {\r\n                        const item = res.data.list[i];\r\n                        self.listDataQuestionBank.push({ ...item });\r\n                    }\r\n\r\n                    self.totalRecords = res.data.paging.totalRecords;\r\n                    self.totalPage = res.data.paging.totalPage;\r\n                }\r\n                self.statusSearch = 2\r\n            });\r\n        },\r\n        handleChangeSubjectId(e) {\r\n            //this.subjectId = e.target.value\r\n            this.handleOnFilter();\r\n        },\r\n        handleChangeClassId(e) {\r\n            this.getTypesFilter();\r\n            //this.classId = e.target.value\r\n            this.handleOnFilter();\r\n        },\r\n        handleSearchData() {\r\n            this.handleOnFilter();\r\n        },\r\n        handleChangeBookTypeId() {\r\n            this.handleOnFilter();\r\n        },\r\n        handleOnFilter() {\r\n            this.statusSearch = 1\r\n            this.resetData();\r\n            this.getListQuestionBank();\r\n        },\r\n        getTypesFilter() {\r\n            let self = this;\r\n            self.listDataSubject = [{ value: 0, text: \"Tất cả - môn\" }];\r\n            this.subjectId = 0;\r\n            getAllTypeFilter({ classId: this.paramQueryData.classId }).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    for (let i = 0; i < res.data.ltsSubject.length; i++) {\r\n                        const item = res.data.ltsSubject[i];\r\n                        self.listDataSubject.push({\r\n                            value: item.subjectId,\r\n                            text: item.name,\r\n                        });\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        GetAllClass() {\r\n            let self = this;\r\n            getAllClassFilter({}).then((res) => {\r\n                if (res && res.data && !res.errors) {\r\n                    for (let i = 0; i < res.data.length; i++) {\r\n                        const item = res.data[i];\r\n                        self.listDataClass.push({ value: item.classId, text: item.name });\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        handleDone() {\r\n            if (this.listQuestionAdd.length > 0) {\r\n                this.handleHideModal();\r\n                this.$emit(\"handleDone\", this.listQuestionAdd);\r\n            } else {\r\n                this.$toast.error(\"Vui lòng chọn câu hỏi\");\r\n            }\r\n        },\r\n        resetModal() {\r\n            console.log(\"resetModal\");\r\n            this.submitted = false;\r\n        },\r\n        toggleModal() {\r\n            // We pass the ID of the button that we want to return focus to\r\n            // when the modal has hidden\r\n            this.$refs[\"modal-create-question-bank\"].toggle(\"#toggle-btn\");\r\n        },\r\n        handleHideModal() {\r\n            //this.$refs['modal-create-question-bank'].hide()\r\n            this.$emit(\"closeModal\");\r\n        },\r\n        handleShowModal() {\r\n            this.$refs[\"modal-create-question-bank\"].show();\r\n        },\r\n    },\r\n};\r\n</script>\r\n<style>\r\n.question .input-hide-place {\r\n    width: 40px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.loadding {\r\n    color: green;\r\n}\r\n\r\n.modal-create-question-bank__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n\r\n    // custom size modal\r\n    max-width: 90%;\r\n    top: 2%;\r\n    left: 5%;\r\n    right: 0;\r\n    position: fixed;\r\n    z-index: 100000;\r\n    margin: 0px;\r\n\r\n    .modal__actions {\r\n        margin-top: 10px;\r\n\r\n        .btn-delete {\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n\r\n        .btn-cancel {\r\n            margin-right: 10px;\r\n            color: #dd352f;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.justity-content-end {\r\n    justify-content: end\r\n}\r\n\r\n.wrap-right {\r\n    padding: 5px;\r\n    border-radius: 10px;\r\n    border: 1px solid #eaeaea;\r\n    max-height: calc(80vh - 20px);\r\n    overflow: auto;\r\n}\r\n\r\n.question {\r\n    overflow: auto;\r\n    margin: 5px;\r\n    border: 1px solid #a1b5f3;\r\n    border-radius: 15px;\r\n}\r\n\r\n.margin-top-10 {\r\n    margin-top: 10px;\r\n}\r\n\r\n.justify-content-space-between {\r\n    justify-content: space-between;\r\n}\r\n\r\n.custom-line {\r\n    width: 100%;\r\n    display: flex;\r\n    margin-top: 20px;\r\n    padding-left: 20px;\r\n    padding-right: 20px;\r\n\r\n    .line1 {\r\n        width: 35%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .line2 {\r\n        width: 35%;\r\n        height: 2px;\r\n        background: #e5e5e5;\r\n    }\r\n\r\n    .text-line {\r\n        margin-top: -10px;\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n        color: #e5e5e5;\r\n        width: 125px;\r\n        font-size: 14px;\r\n    }\r\n}\r\n\r\n.btn-float-right {\r\n    float: right;\r\n    width: 15px;\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!./ModalCreateQuestionBank.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!./ModalCreateQuestionBank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateQuestionBank.vue?vue&type=template&id=2cfa0fd4&scoped=true&\"\nimport script from \"./ModalCreateQuestionBank.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateQuestionBank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateQuestionBank.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./ModalCreateQuestionBank.vue?vue&type=style&index=1&id=2cfa0fd4&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  \"2cfa0fd4\",\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-create-exam-bank\",attrs:{\"size\":\"xl\",\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"},on:{\"hidden\":_vm.resetModal}},[_c('div',{staticClass:\"container modal-create-exam-bank__body\"},[_c('div',{staticClass:\"header-modal\"},[_c('h3',[_vm._v(\"Ngân hàng câu hỏi\")])]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-12 col-lg-4\"},[_c('div',{staticClass:\"item item__key input-custom-icon\"},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.paramQueryData.keyword),expression:\"paramQueryData.keyword\"},{name:\"debounce\",rawName:\"v-debounce\",value:(300),expression:\"300\"}],staticClass:\"primary-color-txt color_bg_gray_light border-rd-20 font-size-15 form-h30 border-0 full-width\",attrs:{\"type\":\"text\",\"placeholder\":\"Tìm kiếm lớp theo tên\"},domProps:{\"value\":(_vm.paramQueryData.keyword)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.paramQueryData, \"keyword\", $event.target.value)}}}),_c('i',{staticClass:\"icon-search font-size-16 primary-color\"})]),_c('div',{staticClass:\"row margin-top-10\"},[_c('div',{staticClass:\"col-md-6\"},[_c('b-form-select',{attrs:{\"options\":_vm.listDataClass},on:{\"change\":_vm.handleChangeClassId},model:{value:(_vm.paramQueryData.classId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"classId\", $$v)},expression:\"paramQueryData.classId\"}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Tất cả\")])])],1),_c('div',{staticClass:\"col-md-6\"},[_c('b-form-select',{attrs:{\"options\":_vm.listDataSubject},on:{\"change\":_vm.handleChangeSubjectId},model:{value:(_vm.paramQueryData.subjectId),callback:function ($$v) {_vm.$set(_vm.paramQueryData, \"subjectId\", $$v)},expression:\"paramQueryData.subjectId\"}},[_c('option',{attrs:{\"value\":\"0\"}},[_vm._v(\"Tất cả\")])])],1)])]),_c('div',{staticClass:\"col-md-12 col-lg-8\"},[_c('div',{staticClass:\"display-flex justify-content-space-between\"},[_c('div',{staticClass:\"count-result\"},[_vm._v(\"Tổng: \"+_vm._s(_vm.totalRecords)+\" kết quả\")])]),_c('div',{ref:\"scrollContainer\",staticClass:\"wrap-right\",on:{\"scroll\":_vm.handleScrollExamBank}},[_c('div',{staticClass:\"list-question\"},_vm._l((_vm.listDataExam),function(item,index){return _c('div',{key:index,staticClass:\"question-item display-flex\"},[_c('div',{staticClass:\"question col-md-8\"},[_vm._v(\"\\n                  \"+_vm._s(item.name)+\"\\n                \")]),_c('div',{staticClass:\"col-md-4\"},[_c('div',{staticClass:\"row p-10\"},[_c('a',{staticClass:\"item btn border-rd-20 font-size-16 display-flex-center item__add col-md-6\",attrs:{\"href\":\"javascript:;\"}},[_vm._v(\"\\n                      Xem trước\\n                    \")]),_c('a',{staticClass:\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add col-md-6\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":function($event){return _vm.handleUsingExam(item)}}},[_vm._v(\"\\n                      Sử dụng đề\\n                    \")])])])])}),0)])])]),_c('div',{staticClass:\"form_action display-flex justity-content-space-around\"},[_c('button',{staticClass:\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"\\n          Hủy\\n        \")]),_c('button',{staticClass:\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\",attrs:{\"type\":\"button\",\"disabled\":_vm.isLoading},on:{\"click\":_vm.handleShowConfimExamBank}},[_vm._v(\"\\n          Thêm mới\\n        \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <b-modal size=\"xl\" id=\"modal-prevent-closing\" no-close-on-backdrop hide-footer ref=\"modal-create-exam-bank\"\r\n      @hidden=\"resetModal\">\r\n      <div class=\"container modal-create-exam-bank__body\">\r\n        <div class=\"header-modal\">\r\n          <h3>Ngân hàng câu hỏi</h3>\r\n        </div>\r\n        <div class=\"row margin-top-10\">\r\n          <div class=\"col-md-12 col-lg-4\">\r\n            <div class=\"item item__key input-custom-icon\">\r\n              <input v-model=\"paramQueryData.keyword\" v-debounce=\"300\" type=\"text\" placeholder=\"Tìm kiếm lớp theo tên\"\r\n                class=\"primary-color-txt color_bg_gray_light border-rd-20 font-size-15 form-h30 border-0 full-width\" />\r\n              <i class=\"icon-search font-size-16 primary-color\"></i>\r\n            </div>\r\n            <div class=\"row margin-top-10\">\r\n              <div class=\"col-md-6\">\r\n                <b-form-select @change=\"handleChangeClassId\" v-model=\"paramQueryData.classId\" :options=\"listDataClass\">\r\n                  <option value=\"0\">Tất cả</option>\r\n                </b-form-select>\r\n              </div>\r\n              <div class=\"col-md-6\">\r\n                <b-form-select @change=\"handleChangeSubjectId\" v-model=\"paramQueryData.subjectId\"\r\n                  :options=\"listDataSubject\">\r\n                  <option value=\"0\">Tất cả</option>\r\n                </b-form-select>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"col-md-12 col-lg-8\">\r\n            <div class=\"display-flex justify-content-space-between\">\r\n              <div class=\"count-result\">Tổng: {{ totalRecords }} kết quả</div>\r\n            </div>\r\n            <div class=\"wrap-right\" ref=\"scrollContainer\" @scroll=\"handleScrollExamBank\">\r\n              <div class=\"list-question\">\r\n                <div class=\"question-item display-flex\" v-for=\"(item, index) of listDataExam\" :key=\"index\">\r\n                  <div class=\"question col-md-8\">\r\n                    {{ item.name }}\r\n                  </div>\r\n                  <div class=\"col-md-4\">\r\n                    <div class=\"row p-10\">\r\n                      <a href=\"javascript:;\"\r\n                        class=\"item btn border-rd-20 font-size-16 display-flex-center item__add col-md-6\">\r\n                        Xem trước\r\n                      </a>\r\n                      <a href=\"javascript:;\" @click=\"handleUsingExam(item)\"\r\n                        class=\"item btn btn-main border-rd-20 font-size-16 display-flex-center item__add col-md-6\">\r\n                        Sử dụng đề\r\n                      </a>\r\n                    </div>\r\n\r\n                  </div>\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n        <div class=\"form_action display-flex justity-content-space-around\">\r\n          <button type=\"button\"\r\n            class=\"btn border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n            :disabled=\"isLoading\" @click=\"handleHideModal\">\r\n            Hủy\r\n          </button>\r\n          <button type=\"button\"\r\n            class=\"btn btn-main border-rd-20 font-size-16 form-30h font-sanpro-semibold display-flex-center justify-content-center line-height-1\"\r\n            @click=\"handleShowConfimExamBank\" :disabled=\"isLoading\">\r\n            Thêm mới\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n<script>\r\nimport { getAllTypeFilter, getAllClassFilter } from \"./../../../_api/\";\r\nimport {\r\n  getListBankExamExcercise,\r\n  getListQuestionByExamId,\r\n} from \"./../../../_api/LessonClassSchoolServices\";\r\nexport default {\r\n  data() {\r\n    return {\r\n      isLoading: false,\r\n      paramQueryData: {\r\n        keyword: \"\",\r\n        pageIndex: 1,\r\n        pageSize: 20,\r\n        subjectId: 0,\r\n        classId: 0,\r\n      },\r\n      listDataExam: [],\r\n      totalRecords: 0,\r\n      totalPage: 0,\r\n      listDataSubject: [],\r\n      listDataClass: [],\r\n      listQuestionAdd: [],\r\n    };\r\n  },\r\n  watch: {\r\n    \"paramQueryData.classId\": \"handleChangeClassId\",\r\n    \"paramQueryData.keyword\": \"handleSeach\",\r\n    \"paramQueryData.subjectId\": \"handleChangeSubjectId\",\r\n    \"paramQueryData.pageIndex\": \"getDataExam\",\r\n  },\r\n  mounted() {\r\n    this.GetAllClass();\r\n    this.getDataExam();\r\n    this.handleShowModal();\r\n  },\r\n  methods: {\r\n    handleUsingExam(item) {\r\n      this.getListQuestionByExamId(item.examId);\r\n    },\r\n    handleChangeSubjectId(e) {\r\n      //this.subjectId = e.target.value\r\n      this.handleOnFilter();\r\n    },\r\n    handleChangeClassId(e) {\r\n      //this.classId = e.target.value\r\n      this.handleOnFilter();\r\n    },\r\n    getListQuestionByExamId(examId) {\r\n      getListQuestionByExamId(examId).then((res) => {\r\n        if (res && res.data && !res.errors) {\r\n          this.listQuestionAdd = res.data;\r\n          this.handleDone();\r\n        }\r\n      });\r\n    },\r\n    handleScrollExamBank() {\r\n      const container = this.$refs.scrollContainer;\r\n      const scrollHeight = container.scrollHeight;\r\n      const scrollTop = container.scrollTop;\r\n      const offsetHeight = container.offsetHeight;\r\n      const bottomOffset = scrollHeight - (scrollTop + offsetHeight);\r\n      if (bottomOffset <= 0 && !this.isLoading) {\r\n        // Load more items when the user reaches the bottom with some offset\r\n        let pageIndexSearch = this.paramQueryData.pageIndex + 1;\r\n        if (pageIndexSearch <= this.totalPage) {\r\n          console.log(\"getdataa\");\r\n          this.paramQueryData.pageIndex++;\r\n          this.getListQuestionBank();\r\n        }\r\n      }\r\n    },\r\n    handleShowConfimExamBank() { },\r\n    resetData() {\r\n      this.paramQueryData.pageIndex = 1;\r\n      (this.listDataExam = []), (this.totalRecords = 0), (this.totalPage = 0);\r\n    },\r\n    handleOnFilter() {\r\n      this.resetData();\r\n      this.getDataExam();\r\n    },\r\n    getDataExam() {\r\n      let self = this;\r\n      getListBankExamExcercise(this.paramQueryData).then((res) => {\r\n        if (res && res.data && !res.errors) {\r\n          for (let i = 0; i < res.data.list.length; i++) {\r\n            const item = res.data.list[i];\r\n            self.listDataExam.push({ ...item });\r\n          }\r\n\r\n          self.totalRecords = res.data.paging.totalRecords;\r\n          self.totalPage = res.data.paging.totalPage;\r\n        }\r\n      });\r\n    },\r\n    getTypesFilter() {\r\n      let self = this;\r\n      self.listDataSubject = [];\r\n      this.subjectId = 0;\r\n      getAllTypeFilter({ classId: this.paramQueryData.classId }).then((res) => {\r\n        if (res && res.data && !res.errors) {\r\n          for (let i = 0; i < res.data.ltsSubject.length; i++) {\r\n            const item = res.data.ltsSubject[i];\r\n            self.listDataSubject.push({\r\n              value: item.subjectId,\r\n              text: item.name,\r\n            });\r\n          }\r\n        }\r\n      });\r\n    },\r\n    GetAllClass() {\r\n      let self = this;\r\n      getAllClassFilter({}).then((res) => {\r\n        if (res && res.data && !res.errors) {\r\n          for (let i = 0; i < res.data.length; i++) {\r\n            const item = res.data[i];\r\n            self.listDataClass.push({ value: item.classId, text: item.name });\r\n          }\r\n        }\r\n      });\r\n    },\r\n    handleDone() {\r\n      this.handleHideModal();\r\n      this.$emit(\"handleDone\", this.listQuestionAdd);\r\n    },\r\n    resetModal() {\r\n      console.log(\"resetModal\");\r\n      this.submitted = false;\r\n    },\r\n    toggleModal() {\r\n      // We pass the ID of the button that we want to return focus to\r\n      // when the modal has hidden\r\n      this.$refs[\"modal-create-exam-bank\"].toggle(\"#toggle-btn\");\r\n    },\r\n    handleHideModal() {\r\n      //this.$refs['modal-create-exam-bank'].hide()\r\n      this.$emit(\"closeModal\");\r\n    },\r\n    handleShowModal() {\r\n      this.$refs[\"modal-create-exam-bank\"].show();\r\n    },\r\n  },\r\n};\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.p-10 {\r\n  padding: 10px;\r\n}\r\n\r\n.modal-create-exam-bank__body {\r\n  padding: 20px;\r\n  background-color: white;\r\n  border-radius: 15px;\r\n  max-width: 90%;\r\n  top: 2%;\r\n  left: 5%;\r\n  right: 0;\r\n  position: fixed;\r\n  z-index: 100000;\r\n  margin: 0px;\r\n\r\n  .modal__actions {\r\n    .btn-delete {\r\n      color: white;\r\n      background: #fe0201;\r\n      padding: 5px 20px 5px 20px;\r\n      border-radius: 15px;\r\n      font-family: sans-serif;\r\n    }\r\n\r\n    .btn-cancel {\r\n      margin-right: 10px;\r\n      font-family: sans-serif;\r\n    }\r\n  }\r\n}\r\n\r\n.wrap-right {\r\n  padding: 5px;\r\n  border-radius: 10px;\r\n  border: 1px solid #eaeaea;\r\n  max-height: 45rem;\r\n  overflow: auto;\r\n\r\n  @media (max-height: 900px) {\r\n    & {\r\n      max-height: 41rem;\r\n    }\r\n  }\r\n\r\n  @media (max-height: 820px) {\r\n    & {\r\n      max-height: 35rem;\r\n    }\r\n  }\r\n\r\n  @media (max-height: 730px) {\r\n    & {\r\n      max-height: 30rem;\r\n    }\r\n  }\r\n\r\n  @media (max-height: 650px) {\r\n    & {\r\n      max-height: 26rem;\r\n    }\r\n  }\r\n\r\n  @media (max-height: 550px) {\r\n    & {\r\n      max-height: 20rem;\r\n    }\r\n  }\r\n}\r\n\r\n.question-item {\r\n  overflow: auto;\r\n  margin: 5px;\r\n  border-radius: 15px;\r\n  border: 1px solid #a1b5f3;\r\n}\r\n\r\n.margin-top-10 {\r\n  margin-top: 10px;\r\n}\r\n\r\n.justify-content-space-between {\r\n  justify-content: space-between;\r\n}\r\n\r\n.custom-line {\r\n  width: 100%;\r\n  display: flex;\r\n  margin-top: 20px;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n\r\n  .line1 {\r\n    width: 35%;\r\n    height: 2px;\r\n    background: #e5e5e5;\r\n  }\r\n\r\n  .line2 {\r\n    width: 35%;\r\n    height: 2px;\r\n    background: #e5e5e5;\r\n  }\r\n\r\n  .text-line {\r\n    margin-top: -10px;\r\n    padding-left: 10px;\r\n    padding-right: 10px;\r\n    color: #e5e5e5;\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!./ModalCreateExcerciseBank.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!./ModalCreateExcerciseBank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalCreateExcerciseBank.vue?vue&type=template&id=09f5b471&scoped=true&\"\nimport script from \"./ModalCreateExcerciseBank.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalCreateExcerciseBank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalCreateExcerciseBank.vue?vue&type=style&index=0&id=09f5b471&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  \"09f5b471\",\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-choose-type-file\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"centered\":\"\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-choose-type-file__body container wrap-form-create-update-chapter\"},[_c('div',{staticClass:\"modal__actions text-right\"},[_c('img',{staticClass:\"icon-delete btn-close custom-cursor\",attrs:{\"src\":require(\"@/assets/img/x.png\")},on:{\"click\":_vm.handleHideModal}})]),_c('div',{staticClass:\"modal__contents\"},[_c('h4',[_c('strong',[_vm._v(\"Chọn định dạng PDF\")])]),_c('div',{staticClass:\"modal__contents_item\"},[_c('span',{on:{\"click\":function($event){return _vm.uploadExcercisePdf(_vm.typeMultipleChoice)}}},[_vm._v(\"Đề trắc nghiệm\")])]),_c('div',{staticClass:\"modal__contents_item\"},[_c('span',{on:{\"click\":function($event){return _vm.uploadExcercisePdf(_vm.typeMixed)}}},[_vm._v(\"Đề hỗn hợp (trắc nghiệm và tự luận)\")])]),_c('div',{staticClass:\"modal__contents_action\"},[_c('button',{on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Hủy bỏ\")])])]),_c('input',{ref:\"file\",staticClass:\"hidden-input\",attrs:{\"type\":\"file\",\"hidden\":\"\",\"name\":\"file\",\"id\":\"fileInputUpload\",\"accept\":\".pdf\"},on:{\"change\":_vm.onChangeUploadFile}})])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <b-modal id=\"modal-prevent-closing\" centered class=\"header-modal\" no-close-on-backdrop hide-footer ref=\"modal-choose-type-file\">\r\n            <div class=\"modal-choose-type-file__body container wrap-form-create-update-chapter\">\r\n                <!-- <h4>\r\n                    <strong>\r\n                        Xóa {{ getNameType }}\r\n                    </strong>\r\n                </h4>\r\n                <p class=\"font-size-20 text-center primary-color-txt font-sanpro-light\">\r\n                    Bạn có muốn xóa {{ getNameType }} này không? <br />\r\n                </p> -->\r\n                <div class=\"modal__actions text-right\">\r\n                    <img class=\"icon-delete btn-close custom-cursor\" src=\"@/assets/img/x.png\" @click=\"handleHideModal\"/>\r\n                    <!-- <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\"></a> -->\r\n                    <!-- <a href=\"javascript:;\" class=\"btn btn-err font-size-17 font-sanpro-semibold btn-delete\" @click=\"handleDelete()\">Đồng ý</a> -->\r\n                </div>\r\n\r\n                <div class=\"modal__contents\">\r\n                    <h4><strong>Chọn định dạng PDF</strong></h4>\r\n                   <div class=\"modal__contents_item\">\r\n                        <span @click=\"uploadExcercisePdf(typeMultipleChoice)\">Đề trắc nghiệm</span>\r\n                   </div>\r\n\r\n                   <div class=\"modal__contents_item\">\r\n                        <span @click=\"uploadExcercisePdf(typeMixed)\">Đề hỗn hợp (trắc nghiệm và tự luận)</span>\r\n                   </div>\r\n\r\n                   <div class=\"modal__contents_action\">\r\n                        <button  @click=\"handleHideModal\">Hủy bỏ</button>\r\n                   </div>\r\n\r\n                </div>\r\n                <input type=\"file\"\r\n                        hidden\r\n                        name=\"file\"\r\n                        id=\"fileInputUpload\"\r\n                        class=\"hidden-input\"\r\n                        @change=\"onChangeUploadFile\"\r\n                        ref=\"file\"\r\n                        accept=\".pdf\"\r\n                    />\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { getQuestionFilePDF } from './../../../_api/LessonClassSchoolServices'\r\nexport default {\r\n    name: \"ModalChooseTypePDF\",\r\n    data(){\r\n        return {\r\n            path:'',\r\n            typeUpload:0,\r\n            typeMultipleChoice:5,\r\n            typeMixed:6,\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n    },\r\n    methods: {\r\n        uploadExcercisePdf(typeUpload){\r\n            this.typeUpload = typeUpload\r\n            this.$refs.file.click()\r\n        },\r\n        onChangeUploadFile(){\r\n            let self = this\r\n            this.file = this.$refs.file.files[0]\r\n            const formData = new FormData();\r\n            formData.append('file', this.file);\r\n            this.$refs.file.value = '';\r\n            getQuestionFilePDF(formData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.path = res.data\r\n                    self.handleDone()\r\n                 }\r\n            })\r\n\r\n        },\r\n        handleDone() {\r\n            this.handleHideModal()\r\n            this.$emit('handleDone',{\r\n                typeUpload:this.typeUpload,\r\n                path:this.path\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-choose-type-file'].show()\r\n        },\r\n    }\r\n}\r\n</script>\r\n\r\n<style>\r\n/* .btn-cancel {\r\n    color: black;\r\n    background-color: red;\r\n    border-radius: 50%;\r\n    \r\n} */\r\n\r\n.btn-close {\r\n    width: 10px;\r\n}\r\n\r\n.custom-cursor {\r\n    cursor: pointer;\r\n}\r\n\r\n.modal__contents {\r\n    text-align: center;\r\n   display: flex;\r\n    align-items: center;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n}\r\n\r\n.modal__contents_item {\r\n    /* border: 1px solid; */\r\n    width: 60%;\r\n    padding: 8px 0;\r\n    border-radius: 10px;\r\n    margin: 10px 0;\r\n    color: rgb(48, 141, 216);\r\n    background-color: gainsboro;\r\n    cursor: pointer;\r\n}\r\n\r\n.modal__contents_action button {\r\n    border: none;\r\n    margin: 25px 0 10px 0;\r\n    color: red;\r\n    background: none;\r\n}\r\n\r\n.modal__contents h4 {\r\n    margin-bottom: 20px;\r\n}\r\n</style>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-choose-type-file__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    .modal__actions{\r\n        \r\n        .btn-delete{\r\n            color: white;\r\n            background: #fe0201;\r\n            padding: 5px 20px 5px 20px;\r\n            border-radius: 15px;\r\n            font-family: sans-serif;\r\n        }\r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\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!./ModalChooseTypePDF.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!./ModalChooseTypePDF.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalChooseTypePDF.vue?vue&type=template&id=ee2890a4&scoped=true&\"\nimport script from \"./ModalChooseTypePDF.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalChooseTypePDF.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalChooseTypePDF.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./ModalChooseTypePDF.vue?vue&type=style&index=1&id=ee2890a4&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  \"ee2890a4\",\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-help-create-modal\",staticClass:\"header-modal\",attrs:{\"id\":\"modal-prevent-closing\",\"no-close-on-backdrop\":\"\",\"hide-footer\":\"\"}},[_c('div',{staticClass:\"modal-help-create-modal__body\"},[_c('h4',[_c('strong',[_vm._v(\"\\n                    \"+_vm._s(_vm.dataItem.name)+\"\\n                \")])]),_c('PreviewVideo',{attrs:{\"pathView\":_vm.dataVideoHelper.path ? (\"\" + _vm.appUrl + (_vm.dataVideoHelper.path)) : _vm.dataVideoHelper.pathView}}),_c('div',{staticClass:\"modal__actions text-right\"},[_c('a',{staticClass:\"primary-color-txt font-size-17 btn-cancel\",attrs:{\"href\":\"javascript:;\"},on:{\"click\":_vm.handleHideModal}},[_vm._v(\"Đóng\")])])],1)])],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 ref=\"modal-help-create-modal\">\r\n            <div class=\"modal-help-create-modal__body\">\r\n                <h4>\r\n                    <strong>\r\n                        {{ dataItem.name }}\r\n                    </strong>\r\n                </h4>\r\n                \r\n                <PreviewVideo :pathView=\"dataVideoHelper.path ? `${appUrl}${dataVideoHelper.path}` : dataVideoHelper.pathView \" />\r\n                <div class=\"modal__actions text-right\">\r\n                    <a href=\"javascript:;\" class=\"primary-color-txt font-size-17 btn-cancel\" @click=\"handleHideModal\">Đóng</a>\r\n                    \r\n                </div>\r\n            </div>\r\n        </b-modal>\r\n    </div>\r\n</template>\r\n<script>\r\nimport PreviewVideo from '@/components/content-files/PreviewVideo.vue'\r\nimport { APP_CONFIG } from '@/utils/constants'\r\nimport {apiHelpGetVideo} from './../../../../../store/common/api'\r\nexport default {\r\n    name: \"ModalShowHelpCreateExcercise\",\r\n    components:{\r\n        PreviewVideo\r\n    },\r\n    props: {\r\n        dataItem:{\r\n            type:Object,\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            appUrl: APP_CONFIG.bookCdnUrl,\r\n            confirmActive: {},\r\n            isLoading: false,\r\n            dataVideoHelper:{}\r\n        }\r\n    },\r\n    mounted(){\r\n        this.handleShowModal()\r\n        this.getVideoHelp()\r\n    },\r\n    computed: {\r\n        screenWidth() {\r\n            return window.innerWidth;\r\n        },\r\n        \r\n    },\r\n    methods: {\r\n        getVideoHelp(){\r\n            apiHelpGetVideo(this.dataItem.typeId).then((res)=>{\r\n                if (res && res.data && !res.errors) {\r\n                    this.dataVideoHelper = res.data.data\r\n                    console.log(this.dataVideoHelper)\r\n                }\r\n            })\r\n        },\r\n        handleHideModal() {\r\n            this.$emit('closeModal')\r\n        },\r\n        handleShowModal() {\r\n            this.$refs['modal-help-create-modal'].show()\r\n        }\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.modal-content {\r\n    background-color: red;\r\n}\r\n\r\n.modal-help-create-modal__body {\r\n    padding: 20px;\r\n    background-color: white;\r\n    border-radius: 15px;\r\n    .modal__actions{\r\n        \r\n        .btn-cancel{\r\n            margin-right: 10px;\r\n            font-family: sans-serif;\r\n        }\r\n    }\r\n}\r\n\r\n.form_action {\r\n    margin-top: 10px;\r\n    padding-bottom: 10px;\r\n}\r\n\r\n.justity-content-space-between {\r\n    justify-content: center\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!./ModalShowHelpCreateExcercise.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!./ModalShowHelpCreateExcercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ModalShowHelpCreateExcercise.vue?vue&type=template&id=1416c9ae&scoped=true&\"\nimport script from \"./ModalShowHelpCreateExcercise.vue?vue&type=script&lang=js&\"\nexport * from \"./ModalShowHelpCreateExcercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ModalShowHelpCreateExcercise.vue?vue&type=style&index=0&id=1416c9ae&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  \"1416c9ae\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n    <div class=\"container margin-top-20\">\r\n        <div class=\"row\">\r\n            <div class=\"col-md-6\">\r\n                <div @click=\"handleCreateExcersiceQuestionBank\" class=\"menu-item display-flex\">\r\n                    <img class=\"icon-open-book\" src=\"@/assets/img/open-book.png\" />\r\n                    <div class=\"tile-menu\">\r\n                        Tạo đề từ ngân hàng câu hỏi\r\n                    </div>\r\n                </div>\r\n\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n                <div @click=\"handleCreateExcersiceExamBank\" class=\"menu-item display-flex\">\r\n                    <img class=\"icon-open-book\" src=\"@/assets/img/open-book.png\" />\r\n                    <div class=\"tile-menu\">\r\n                        Sử dụng đề từ ngân hàng đề thi\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n                <input type=\"file\" hidden name=\"file\" id=\"fileInputUpload\" class=\"hidden-input\"\r\n                    @change=\"onChangeUploadFile\" ref=\"file\" accept=\".docx,.doc\" />\r\n                <div @click=\"handleOnUploadFileDoc\" class=\"menu-item display-flex\">\r\n                    <img class=\"icon-open-book\" src=\"@/assets/img/open-book.png\" />\r\n                    <div class=\"tile-menu\">\r\n                        Tạo đề từ file Word\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-6\">\r\n                <div @click=\"handleCreateExcerciseByPdf\" class=\"menu-item display-flex\">\r\n                    <img class=\"icon-open-book\" src=\"@/assets/img/open-book.png\" />\r\n                    <div class=\"tile-menu\">\r\n                        Tạo đề từ file PDF\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                <div class=\"item-download\" @click=\"downLoadTemplate\">\r\n                    <strong>Tải xuống file word mẫu</strong>\r\n                </div>\r\n\r\n            </div>\r\n        </div>\r\n        <div class=\"guideline row\">\r\n            <div class=\"col-md-12 col-lg-12\">\r\n                <div @click=\"handleViewHelpQuestionBank\" class=\"item-instruct\">\r\n                    Hướng dẫn tạo đề từ ngân hàng câu hỏi\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-12 col-lg-12\">\r\n                <div @click=\"handleViewHelpBank\" class=\"item-instruct\">\r\n                    Hướng dẫn tạo đề từ ngân hàng đề\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-12 col-lg-12\">\r\n                <div @click=\"handleViewHelpWord\" class=\"item-instruct\">\r\n                    Hướng dẫn tạo đề file word\r\n                </div>\r\n            </div>\r\n            <div class=\"col-md-12 col-lg-12\">\r\n                <div @click=\"handleViewHelpPdf\" class=\"item-instruct\">\r\n                    Hướng dẫn tạo đề từ file pdf\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <ModalCreateQuestionBank @closeModal=\"closeModalCreateQuestionBank\" v-if=\"isOpenModalCreateQuestionBank\"\r\n            @handleDone=\"handleDoneChooseQuestion\" />\r\n        <ModalComfirmQuestionBank :typeUpload=\"typeUpload\" :listDataQuestion=\"listDataQuestion\"\r\n            v-if=\"isOpenModalShowConfirmQuestionbank\" @closeModal=\"closeModalConfirm\"\r\n            @handleDone=\"handleDoneQuestionbank\" />\r\n\r\n        <ModalCreateExcerciseBank v-if=\"isOpenModalCreateExcerciseBank\" @closeModal=\"closeModalCreateExcerciseBank\"\r\n            @handleDone=\"handleDoneModalCreateExcerciseBank\" />\r\n        <ModalChooseTypePDF @closeModal=\"isOpenModalChooseTypePdf = false\" v-if=\"isOpenModalChooseTypePdf\"\r\n            @handleDone=\"handleDoneUpload\" />\r\n        <ModalConfirmQuestionPdf :path=\"path\" :typeUpload=\"typeUpload\" v-if=\"isOpenModalConfirmQuestionPdf\"\r\n            @closeModal=\"handleCloseModalConfirmQuestionPdf\" />\r\n\r\n         <ModalShowHelpCreateExcercise \r\n         :dataItem=\"dataHelper\"\r\n         v-if=\"isOpenModalShowHelpCreateExcercise\"\r\n         @closeModal=\"closeModalShowHelpCreateExcercise\" />   \r\n    </div>\r\n</template>\r\n<script>\r\nimport ModalCreateQuestionBank from './_components/ModalCreateQuestionBank'\r\nimport ModalComfirmQuestionBank from './_components/ModalComfirmQuestionBank'\r\nimport ModalCreateExcerciseBank from './_components/ModalCreateExcerciseBank'\r\nimport { GetQuestionByDoc } from './../../_api/LessonClassSchoolServices'\r\nimport ModalChooseTypePDF from './_components/ModalChooseTypePDF'\r\nimport ModalConfirmQuestionPdf from './_components/ModalConfirmQuestionPdf'\r\nimport { downloadFileTemplateWord } from './../../_api/userExcerciseClassSchool'\r\nimport ModalShowHelpCreateExcercise from './_components/ModalShowHelpCreateExcercise'\r\nexport default {\r\n    components: {\r\n        ModalCreateQuestionBank,\r\n        ModalComfirmQuestionBank,\r\n        ModalCreateExcerciseBank,\r\n        ModalChooseTypePDF,\r\n        ModalConfirmQuestionPdf,\r\n        ModalShowHelpCreateExcercise\r\n    },\r\n    data() {\r\n        return {\r\n            isOpenModalCreateExcerciseBank: false,\r\n            isOpenModalCreateQuestionBank: false,\r\n            isOpenModalShowConfirmQuestionbank: false,\r\n            isOpenModalConfirmQuestionPdf: false,\r\n            isOpenModalChooseTypePdf: false,\r\n            listDataQuestion: [],\r\n            file: null,\r\n            typeUpload: 0,\r\n            path: '',\r\n            dataHelper:{},\r\n            isOpenModalShowHelpCreateExcercise:false\r\n        }\r\n    },\r\n    methods: {\r\n        closeModalShowHelpCreateExcercise(){\r\n            this.isOpenModalShowHelpCreateExcercise = false\r\n        },  \r\n        handleViewHelpBank(){\r\n            this.dataHelper = {\r\n                name:'Hướng dẫn tạo đề từ ngân hàng đề thi',\r\n                typeId :2\r\n            }\r\n            this.isOpenModalShowHelpCreateExcercise =true\r\n        },\r\n        handleViewHelpQuestionBank(){\r\n            this.dataHelper = {\r\n                name:'Hướng dẫn tạo đề từ ngân hàng câu hỏi',\r\n                typeId :2\r\n            }\r\n            this.isOpenModalShowHelpCreateExcercise =true\r\n        },\r\n        handleViewHelpWord(){\r\n            this.dataHelper = {\r\n                name:'Hướng dẫn tạo đề file word',\r\n                typeId :2\r\n            }\r\n            this.isOpenModalShowHelpCreateExcercise =true\r\n        },\r\n        handleViewHelpPdf(){\r\n            this.dataHelper = {\r\n                name:'Hướng dẫn tạo đề file pdf',\r\n                typeId :2\r\n            }\r\n            this.isOpenModalShowHelpCreateExcercise =true\r\n        },\r\n        downLoadTemplate() {\r\n            downloadFileTemplateWord()\r\n        },\r\n        handleDoneUpload(data) {\r\n            this.typeUpload = data.typeUpload\r\n            this.path = data.path\r\n            this.isOpenModalConfirmQuestionPdf = true\r\n        },\r\n        handleCreateExcerciseByPdf() {\r\n            this.isOpenModalChooseTypePdf = true\r\n        },\r\n        handleCloseModalConfirmQuestionPdf() {\r\n            this.isOpenModalConfirmQuestionPdf = false\r\n        },\r\n        handleOnUploadFileDoc() {\r\n            this.$refs.file.click()\r\n        },\r\n        onChangeUploadFile() {\r\n            let self = this\r\n            this.file = this.$refs.file.files[0]\r\n            const formData = new FormData();\r\n            formData.append('file', this.file);\r\n            this.$refs.file.value = '';\r\n            GetQuestionByDoc(formData).then(res => {\r\n                if (res && res.data && !res.errors) {\r\n                    self.typeUpload = res.data.typeUpload\r\n                    self.listDataQuestion = res.data.listExcerciseQuestionClassSchool\r\n                    self.isOpenModalShowConfirmQuestionbank = true\r\n                }\r\n            })\r\n        },\r\n        handleDoneModalCreateExcerciseBank(listDataQuestion) {\r\n            this.typeUpload = 1,\r\n                this.listDataQuestion = listDataQuestion\r\n            this.closeModalCreateQuestionBank()\r\n            this.isOpenModalShowConfirmQuestionbank = true\r\n        },\r\n        closeModalCreateExcerciseBank() {\r\n            this.isOpenModalCreateExcerciseBank = false\r\n        },\r\n        handleCreateExcersiceExamBank() {\r\n            this.isOpenModalCreateExcerciseBank = true\r\n        },\r\n        handleDoneQuestionbank() {\r\n            this.closeModalCreateQuestionBank()\r\n        },\r\n        handleDoneChooseQuestion(listDataQuestion) {\r\n            this.typeUpload = 1,\r\n                this.listDataQuestion = listDataQuestion\r\n            this.closeModalCreateQuestionBank()\r\n            this.isOpenModalShowConfirmQuestionbank = true\r\n        },\r\n        handleCreateExcersiceQuestionBank() {\r\n            this.isOpenModalCreateQuestionBank = true\r\n        },\r\n        closeModalCreateQuestionBank() {\r\n            this.isOpenModalCreateQuestionBank = false\r\n        },\r\n        closeModalConfirm() {\r\n            this.isOpenModalShowConfirmQuestionbank = false\r\n        },\r\n    }\r\n}\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n.margin-top-20 {\r\n    margin-top: 20px;\r\n}\r\n\r\n.menu-item {\r\n    padding: 10px;\r\n    border: 1px solid #0791fa;\r\n    border-radius: 15px;\r\n    margin: 10px;\r\n    cursor: pointer;\r\n\r\n    .tile-menu {\r\n        margin-left: 10px;\r\n        color: #0791fa;\r\n    }\r\n}\r\n\r\n.item-download {\r\n    margin: 10px;\r\n    color: #008efa;\r\n    cursor: pointer;\r\n}\r\n\r\n.item-instruct {\r\n    margin: 10px;\r\n    padding: 10px;\r\n    color: #008efa;\r\n    border: 1px solid #dfdfdf;\r\n    border-radius: 15px;\r\n    cursor: pointer;\r\n}\r\n\r\n.icon-open-book {\r\n    width: 20px;\r\n    height: 20px;\r\n}\r\n.guideline {\r\n    position: absolute;\r\n    bottom: 0;\r\n    display: flex;\r\n    justify-content: center;\r\n    left: 0;\r\n    align-items: center;\r\n    width: 100%;\r\n    left: auto;\r\n    @media (min-width: 576px) {\r\n        & {\r\n            max-width: 540px;\r\n        }\r\n    }\r\n    @media (min-width: 768px) {\r\n        & {\r\n            max-width: 720px;\r\n        }\r\n    }\r\n    @media (min-width: 992px) {\r\n        & {\r\n            max-width: 960px;\r\n        }\r\n    }\r\n    @media (min-width: 1200px) {\r\n        & {\r\n            max-width: 1140px;\r\n        }\r\n    }\r\n    @media (min-width: 1500px) {\r\n        & {\r\n            max-width: 1300px;\r\n        }\r\n    }\r\n}\r\n.container {\r\n    padding-bottom: 12rem;\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!./PageViewCreateExcercise.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!./PageViewCreateExcercise.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./PageViewCreateExcercise.vue?vue&type=template&id=f2c78e02&scoped=true&\"\nimport script from \"./PageViewCreateExcercise.vue?vue&type=script&lang=js&\"\nexport * from \"./PageViewCreateExcercise.vue?vue&type=script&lang=js&\"\nimport style0 from \"./PageViewCreateExcercise.vue?vue&type=style&index=0&id=f2c78e02&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  \"f2c78e02\",\n  null\n  \n)\n\nexport default component.exports","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!./ModalChooseTypePDF.vue?vue&type=style&index=1&id=ee2890a4&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer-val answer-fill-sentence position-rel\",class:(\"answer-\" + (_vm.parent.type))},[_c('label',{staticClass:\"display-flex\"},[(\n        _vm.dataSource.code && _vm.dataSource.code !== '' && _vm.parent.answers.length > 1\n      )?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\"\\n    \")]):_vm._e(),_c('div',{staticClass:\"sentence-content\"},[_c('v-runtime-template',{attrs:{\"template\":_vm.contentStringFillType}})],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div\r\n    class=\"answer-val answer-fill-sentence position-rel\"\r\n    :class=\"`answer-${parent.type}`\"\r\n  >\r\n    <label class=\"display-flex\">\r\n      <b\r\n        v-if=\"\r\n          dataSource.code && dataSource.code !== '' && parent.answers.length > 1\r\n        \"\r\n        >{{ dataSource.code }}\r\n      </b>\r\n      <div class=\"sentence-content\">\r\n        <v-runtime-template\r\n          :template=\"contentStringFillType\"\r\n        ></v-runtime-template>\r\n      </div>\r\n    </label>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport mixinsQuestionPreview from \"./../../_store/mixinsQuestionPreview\";\r\nimport * as types from \"./../../_store/constants\";\r\nimport {\r\n  setContentQuestionFillSelect,\r\n  resetContentQuestionFillSelect,\r\n} from \"./../../_store/helpers\";\r\nimport {\r\n  BLANK_FILL_TXT,\r\n  BLANK_FILL_SELECT,\r\n  BLANK_FILL_SELECT_SHORT,\r\n} from \"@/store/common/constants\";\r\nimport { mapState, mapGetters, mapActions } from \"vuex\";\r\nimport VRuntimeTemplate from \"v-runtime-template\";\r\nimport { stripHtml } from \"@/helpers/functions\";\r\n\r\nexport default {\r\n  name: \"fillBlankOrSelect\",\r\n  mixins: [mixinsQuestionPreview],\r\n  props: {\r\n    dataSource: Object,\r\n    nameField: String,\r\n    location: Number,\r\n    parent: Object,\r\n    isDontShowResultSaved: Boolean,\r\n  },\r\n  components: {\r\n    VRuntimeTemplate,\r\n    // eslint-disable-next-line vue/no-unused-components\r\n    DropdownCustom: () => import(\"@/components/DropdownCustom.vue\"),\r\n  },\r\n  data() {\r\n    return {\r\n      types,\r\n      contentFillType: [],\r\n      contentStringFillType: \"\",\r\n      fillSelectSplit: [],\r\n      validate: [],\r\n      optionSelect: [],\r\n      answersParent: [],\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState(types.STORE_KEY, [\"valVituralKeyboard\"]),\r\n    ...mapGetters({\r\n      validate_question: `${types.STORE_KEY}/validate_question`,\r\n      question: `${types.STORE_KEY}/question`,\r\n    }),\r\n  },\r\n  watch: {\r\n    validate_question() {\r\n      this.convertData(\"validate\");\r\n    },\r\n    question() {\r\n      this.convertData(\"edit_question\");\r\n    },\r\n    // '$route': 'resetContentFillBlank'\r\n  },\r\n  mounted() {\r\n    this.convertData();\r\n  },\r\n  beforeDestroy() {\r\n    // console.log('Befor destroy');\r\n    resetContentQuestionFillSelect();\r\n  },\r\n  methods: {\r\n    ...mapActions(types.STORE_KEY, [\r\n      \"setVituralKeyVal\",\r\n      \"acSetTxtInputSelected\",\r\n    ]),\r\n\r\n    displayHtmlCorrect(val) {\r\n      // return val ? val.replace('<p>', '').replace('</p>', '') : '';\r\n      return val ? stripHtml(val) : \"\";\r\n    },\r\n\r\n    // resetContentFillBlank() {\r\n    // \tconsole.log('Func reset');\r\n    // \tresetContentQuestionFillSelect();\r\n    // },\r\n\r\n    async convertData(action = null) {\r\n      let self = this;\r\n      // let placeholderInput = [2,3.4].includes(self.parent.layoutId) ? '?' : 'Điền đáp án';\r\n      let placeholderInput = \"?\";\r\n      // let questionIsDel = false;\r\n\r\n      self.contentStringFillType = \"\";\r\n      self.contentFillType = [];\r\n      self.optionSelect = [];\r\n\r\n      let typeQuestion = self.parent.type;\r\n      // Set data options select form\r\n      await self.converDataSelect();\r\n      if (action !== null && self.dataSource.validate) {\r\n        self.validate = self.dataSource.validate;\r\n      }\r\n\r\n      let dataContent = self.replaceContent(self.dataSource.content);\r\n\r\n      self.contentFillType =\r\n        (await typeQuestion) === types.TYPE_SELECT\r\n          ? dataContent.split(\"</p>\")\r\n          : [self.dataSource.content];\r\n\r\n      self.contentFillType.map((fill, index) => {\r\n        self.fillSelectSplit[index] = fill.split(\r\n          typeQuestion === types.TYPE_SELECT\r\n            ? BLANK_FILL_SELECT\r\n            : BLANK_FILL_TXT\r\n        );\r\n      });\r\n\r\n      let lengthSelectOptions = self.optionSelect.length;\r\n\r\n      // console.log('Before set content: ', self.fillSelectSplit, self.optionSelect);\r\n      // console.log('Before set content: ', lengthSelectOptions, self.optionSelect);\r\n\r\n      for (let i = 0; i < lengthSelectOptions; i++) {\r\n        if (!self.optionSelect[i]) {\r\n          // self.fillSelectSplit.splice(i, 0, [\"null\"]);\r\n          self.optionSelect[i] = [{ position_del: true }];\r\n          // questionIsDel = true;\r\n          if (typeQuestion === types.TYPE_SELECT) {\r\n            self.fillSelectSplit.splice(i, 0, [\"null\"]);\r\n          } else {\r\n            self.fillSelectSplit[0].splice(i, 0, \"null\");\r\n          }\r\n        }\r\n      }\r\n\r\n      // self.answersParent.length > 1 && self.setOptionSelectByContentFill()\r\n\r\n      // console.log('Done split: ', self.fillSelectSplit, self.optionSelect);\r\n      // console.log('Done split: ', self.fillSelectSplit);\r\n      let lengthFillSplit = self.fillSelectSplit.length;\r\n\r\n      // Save fillSelect tpl\r\n      // Add data null in fill seect\r\n      setContentQuestionFillSelect(self.fillSelectSplit);\r\n\r\n      // console.log('Fill select: ', self.fillSelectSplit)\r\n\r\n      let numFillNull = 0;\r\n      let numSelectOrder = 0;\r\n\r\n      self.fillSelectSplit.map((fill, index) => {\r\n        // console.log('AHA: ', numSelectOrder)\r\n        let fillLength = fill.length;\r\n\r\n        // console.log('Fill arr length: ', fillLength, fill, index)\r\n        if (index === 0) {\r\n          self.contentStringFillType += \"<div>\";\r\n        }\r\n\r\n        if (fill && fillLength > 0) {\r\n          // let lengthFillTxt = fill.length;\r\n          for (let indexFill in fill) {\r\n            let txt = fill[indexFill];\r\n            let pos = parseInt(indexFill);\r\n            // console.log('For of: ', pos, index + pos, index)\r\n            // console.log('AAAAAAAAAAAAAAA', indexFill, questionIsDel, self.optionSelect[index + pos])\r\n\r\n            // console.log('set txt pos: ', txt)\r\n            if (txt && txt !== \"null\") {\r\n              // console.log('Select post: ', index, pos)\r\n              if (\r\n                self.optionSelect[index + pos] &&\r\n                self.optionSelect[index + pos][0].isDataNull\r\n              ) {\r\n                numFillNull += 1;\r\n                // console.log('Plus num fill null', numFillNull)\r\n              }\r\n\r\n              if (\r\n                pos === 0 &&\r\n                txt.substring(0, 2) != \"<p\" &&\r\n                !dataContent.includes(\"<table\")\r\n              ) {\r\n                self.contentStringFillType += `<p>`;\r\n              }\r\n              if (pos < fillLength - 1) {\r\n                let formData = ``;\r\n                // console.log('Select: ', index, pos)\r\n                // let indexForSetData = questionIsDel ? index + pos : pos;\r\n                if (typeQuestion === types.TYPE_SELECT) {\r\n                  // if (self.optionSelect[index + pos] && self.optionSelect[index + pos][0].isDataNull) {\r\n                  // \tconsole.log('Plus num fill null', numFillNull)\r\n                  // \tnumFillNull += 1\r\n                  // }\r\n                  // let indexAnswerChoosed = self.optionSelect[index + pos] ? self.optionSelect[index + pos].findIndex(op => op.nameChoose && op.valChoose) : -1;\r\n                  // const answerIdChoosed = Number(self.parent.answers[0].validateVal[index + pos])\r\n                  // const positionForm = index > 0 ? pos + 1 + index : pos\r\n                  // let positionForm = index > 0 ? pos + index : pos\r\n                  // if (index > 1 && numFillNull > 0) {\r\n                  // \tpositionForm += index\r\n                  // }\r\n                  const answerIdChoosed = Number(\r\n                    self.answersParent[self.location].validateVal[\r\n                      numSelectOrder\r\n                    ]\r\n                  );\r\n\r\n                  let indexOptionCurr = 0;\r\n                  let indexAnswerChoosed = -1;\r\n\r\n                  // self.optionSelect = self.optionSelect.filter(op => op[0] && !op[0].isDataNull)\r\n\r\n                  self.optionSelect.map((op, indexAns) => {\r\n                    // const positionAns = `${self.location}_${positionForm - numFillNull}`\r\n                    const positionAns = `${self.location}_${numSelectOrder}`;\r\n                    // console.log('Posi: ', positionAns, index, self.location, pos, positionForm, numFillNull)\r\n                    if (op[0].position && op[0].position === positionAns) {\r\n                      indexOptionCurr = indexAns;\r\n                      indexAnswerChoosed = op.findIndex(\r\n                        (opFind) => opFind.answerId === answerIdChoosed\r\n                      );\r\n                    }\r\n                  });\r\n                  // if (indexOptionCurr === 0) {\r\n                  // \tindexOptionCurr = positionForm - numFillNull\r\n                  // }\r\n                  // console.log('Options & index: ', self.optionSelect, self.location, positionForm, numFillNull, pos, index)\r\n\r\n                  // let indexAnswerChoosed = answerIdChoosed ? self.optionSelect[index + pos + numFillNull].findIndex(op => op.answerId === answerIdChoosed) : -1;\r\n                  // let indexAnswerChoosed = answerIdChoosed ? self.optionSelect[self.indexOptionCurr].findIndex(op => op.answerId === answerIdChoosed) : -1;\r\n\r\n                  // console.log('Index answer Choose: ', indexFill, index, self.location, index + pos, index + pos + numFillNull, numFillNull, self.optionSelect[index + pos])\r\n                  // console.log('aaaaaa: ', indexOptionCurr, indexAnswerChoosed)\r\n                  // console.log('AAAAAA: ', indexAnswerChoosed, self.parent.answers[0].validateVal, answerIdChoosed, self.optionSelect[index + pos + numFillNull]);\r\n                  // let nameChoosed = indexAnswerChoosed > -1 ? self.optionSelect[pos][indexAnswerChoosed]['nameChoose'] : '?';\r\n                  // let valChoosed = indexAnswerChoosed > -1 ? self.optionSelect[pos][indexAnswerChoosed]['valChoose'] : null;\r\n                  // console.log('Name choose: ', nameChoosed, self.optionSelect, index, pos)\r\n                  // const indexOption = self.optionSelect[index + pos][0].isDataNull ? (index + pos) + 1 : index + pos\r\n                  // Comment set old value 18-8-2021\r\n                  // :valoptionActive=\"${indexAnswerChoosed} > -1 ? optionSelect[${index + pos + numFillNull}][${indexAnswerChoosed}]['valChoose'] : null\"\r\n                  // :options=\"optionSelect[${index + pos + numFillNull}]\"\r\n                  // :position=\"${index + pos}\"\r\n                  formData = `\r\n\t\t\t\t\t\t\t\t\t\t\t<DropdownCustom \r\n\t\t\t\t\t\t\t\t\t\t\t\t:nameOptionDefault=\"${indexAnswerChoosed} > -1 ? optionSelect[${indexOptionCurr}][${indexAnswerChoosed}]['content'] : '?'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:valoptionActive=\"${indexAnswerChoosed} > -1 ? ${answerIdChoosed} : null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:options=\"optionSelect[${indexOptionCurr}]\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:optionValueKey=\"'answerId'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:optionNameKey=\"'content'\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:location=\"location\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:type=\"parent.type\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:position=\"${indexOptionCurr}\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'error': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && (!dataSource.validate[${numSelectOrder}] || dataSource.validate[${numSelectOrder}] === 'false'),\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t'success': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && dataSource.validate[${numSelectOrder}] && dataSource.validate[${numSelectOrder}] !== 'false'\r\n\t\t\t\t\t\t\t\t\t\t\t\t}\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t@changeSelect=\"changeValSelect\"\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t`;\r\n                  if (fillLength > 1 && pos < fillLength - 1) {\r\n                    numSelectOrder += 1;\r\n                  }\r\n                } else {\r\n                  // Tự điều chỉnh độ rộng của input\r\n                  // ModifiedBy: anhdd (11/1/2023)\r\n                  formData = `<label class=\"form-control label-answer\" \r\n                  :class=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'error': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && (!dataSource.validate[${\r\n                                index + pos\r\n                              }] || dataSource.validate[${\r\n                    index + pos\r\n                  }] === 'false'), \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'success': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && dataSource.validate[${\r\n                                index + pos\r\n                              }] && dataSource.validate[${\r\n                    index + pos\r\n                  }] !== 'false',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\"\r\n                             v-if=\"parent.isWorked !== null\">\r\n      {{ dataSource.validateVal && dataSource.validateVal.length > 0 && dataSource.validateVal[${\r\n        index + pos\r\n      }] ? displayHtmlCorrect(dataSource.validateVal[${index + pos}]) : '' }}\r\n    </label>\r\n\r\n                  <input v-else \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclass=\"display-inline text-center input-hide-place hahahaokok\" \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:id=\"'fill_blank_' + location + ${index + pos} + dataSource.answerId\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:value=\"dataSource.validateVal && dataSource.validateVal.length > 0 && dataSource.validateVal[${\r\n                              index + pos\r\n                            }] ? displayHtmlCorrect(dataSource.validateVal[${\r\n                    index + pos\r\n                  }]) : ''\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@keyup=\"handleFocus($event, {answerId: dataSource.answerId, location, type: parent.type, questionId: dataSource.questionId, fill_index: ${\r\n                              index + pos\r\n                            }})\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@focus=\"handleFocus($event, {answerId: dataSource.answerId, location, type: parent.type, questionId: dataSource.questionId, fill_index: ${\r\n                              index + pos\r\n                            }})\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@change=\"changeAnswer($event, {answerId: dataSource.answerId, location, type: parent.type, questionId: dataSource.questionId, fill_index: ${\r\n                              index + pos\r\n                            }})\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@blur=\"changeAnswer($event, {answerId: dataSource.answerId, location, type: parent.type, questionId: dataSource.questionId, fill_index: ${\r\n                              index + pos\r\n                            }})\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t@mouseup=\"handleMouseSelection($event)\"\r\n                            placeholder=\"${placeholderInput}\" \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:disabled=\"parent.isWorked !== null\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t:class=\"{\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'error': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && (!dataSource.validate[${\r\n                                index + pos\r\n                              }] || dataSource.validate[${\r\n                    index + pos\r\n                  }] === 'false'), \r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t'success': !isDontShowResultSaved && dataSource.validate && dataSource.validate.length > 0 && dataSource.validate[${\r\n                                index + pos\r\n                              }] && dataSource.validate[${\r\n                    index + pos\r\n                  }] !== 'false',\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\"\r\n                            autocomplete=\"off\"\r\n                            onInput=\"this.parentNode.dataset.value = this.value\"\r\n        size=\"1\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t/>\r\n                          `;\r\n                }\r\n                // :disabled=\"parent.isTrue !== null\"\r\n\r\n                self.contentStringFillType += `${txt}${formData}`;\r\n              }\r\n              if (pos === fillLength - 1) {\r\n                self.contentStringFillType += `${txt}</p>`;\r\n              }\r\n            }\r\n          }\r\n        }\r\n        // console.log('Index fill: ', index)\r\n        if (index === lengthFillSplit - 1) {\r\n          // console.log('End tag', index, lengthFillSplit)\r\n          self.contentStringFillType += \"</div>\";\r\n        }\r\n      });\r\n    },\r\n\r\n    replaceContent(content) {\r\n      let textNeedReplace = new RegExp(\r\n        this.parent.type === types.TYPE_SELECT\r\n          ? BLANK_FILL_SELECT_SHORT\r\n          : BLANK_FILL_TXT,\r\n        \"gi\"\r\n      );\r\n      return content.replace(\r\n        textNeedReplace,\r\n        `${\r\n          this.parent.type === types.TYPE_SELECT\r\n            ? BLANK_FILL_SELECT_SHORT\r\n            : BLANK_FILL_TXT\r\n        }&nbsp;`\r\n      );\r\n    },\r\n\r\n    setOptionSelectByContentFill() {\r\n      let self = this;\r\n      let lengthFill = self.fillSelectSplit.length;\r\n      self.fillSelectSplit.map((fill, index) => {\r\n        // if((!fill || ( fill.length === 1 && !fill[0])) && index < lengthFill - 1 && self.question.type !== types.TYPE_SELECT) {\r\n        // \tself.optionSelect.splice(index, 0, [{isDataNull: true}]);\r\n        // } else\r\n        if ((!fill || fill.length === 1) && index < lengthFill - 1) {\r\n          self.optionSelect.splice(index, 0, [{ isDataNull: true }]);\r\n        }\r\n      });\r\n    },\r\n\r\n    converDataSelect() {\r\n      let self = this;\r\n      self.parent.answers.map((ans) => {\r\n        if (ans.position) {\r\n          let positionItem = ans.position.split(\"_\");\r\n          if (parseInt(positionItem[0]) === parseInt(self.location)) {\r\n            if (self.optionSelect[positionItem[1]]) {\r\n              self.optionSelect[positionItem[1]].push(ans);\r\n            } else {\r\n              self.optionSelect[positionItem[1]] = [ans];\r\n            }\r\n          }\r\n        } else {\r\n          self.answersParent.push(ans);\r\n        }\r\n      });\r\n    },\r\n\r\n    countChildAnswer(indexP, positionChar, arrChar) {\r\n      let result = 0;\r\n      arrChar.map((da, index) => {\r\n        if (index < indexP) {\r\n          result += arrChar[index].length - 1 + positionChar;\r\n        }\r\n      });\r\n      return result;\r\n    },\r\n\r\n    changeValSelect(val) {\r\n      // console.log('Set val select: ', val)\r\n      this.parent.answers.map((ans) => {\r\n        if (ans.position && ans.position === `${val.location}_${val.index}`) {\r\n          if (ans.answerId === val.evt.target.value) {\r\n            ans[\"nameChoose\"] = val.nameChoose;\r\n            ans[\"valChoose\"] = val.valChoose;\r\n          } else {\r\n            ans.nameChoose && delete ans.nameChoose;\r\n            ans.valChoose && delete ans.valChoose;\r\n          }\r\n        }\r\n      });\r\n      this.changeAnswer(\r\n        { ...val.evt },\r\n        {\r\n          location: val.location,\r\n          type: val.type,\r\n          select_index: val.index,\r\n          position_display: val.position_display,\r\n        }\r\n      );\r\n    },\r\n\r\n    handleFocus(val, info = {}) {\r\n      console.log(val);\r\n      this.handleMouseSelection(val);\r\n      let halfWindowHeight = window.innerHeight / 2;\r\n      let offsetTopElm = document\r\n        .getElementById(\r\n          `fill_blank_${info.location}${info.fill_index}${info.answerId}`\r\n        )\r\n        .getBoundingClientRect().top;\r\n      let offsetLeftElm = document\r\n        .getElementById(\r\n          `fill_blank_${info.location}${info.fill_index}${info.answerId}`\r\n        )\r\n        .getBoundingClientRect().left;\r\n      // input position > 80% screen\r\n      let spaceHeightInput =\r\n        (offsetTopElm / window.innerHeight) * 100 > 80 ? 20 : 50; // 50 or 20 is height input\r\n      // Obj have ref key support render value onpress vitural keyboard\r\n      this.setVituralKeyVal({\r\n        ...info,\r\n        val: val.target.value,\r\n        ref: `fill_blank_${info.location}${info.fill_index}${info.answerId}`,\r\n        isOverHaflScreen: offsetTopElm > halfWindowHeight ? true : false,\r\n        top: offsetTopElm + spaceHeightInput,\r\n        left: offsetLeftElm / 2, // /2 is box center\r\n      });\r\n    },\r\n\r\n    handleMouseSelection(evt) {\r\n      let value = evt.target.value;\r\n      this.txtSelection = evt.target.value.slice(\r\n        evt.target.selectionStart,\r\n        evt.target.selectionEnd\r\n      );\r\n      if (this.txtSelection) {\r\n        let lengthTxt = value.length;\r\n        let firstTxt = value.slice(0, evt.target.selectionStart);\r\n        let lastTxt = value.slice(evt.target.selectionEnd, lengthTxt);\r\n        this.acSetTxtInputSelected([firstTxt, lastTxt]);\r\n      } else {\r\n        this.acSetTxtInputSelected([]);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n// @media (max-width: 1024px){\r\n// \t.answer-val{\r\n// \t\t.sentence-content{\r\n// \t\t}\r\n// \t}\r\n// }\r\n\r\n// Tự điều chỉnh độ rộng của combobox\r\n// ModifiedBy: anhdd (11/1/2023)\r\n.question--select .answer .dropdown-custom {\r\n  margin: 2px 5px !important;\r\n}\r\n.dropdown-custom__display {\r\n  height: auto !important;\r\n  padding: 0 27px 0 5px !important;\r\n  overflow: inherit !important;\r\n}\r\n.dropdown-custom__display i {\r\n  bottom: 0;\r\n}\r\n.dropdown-custom__options {\r\n  min-width: max-content !important;\r\n}\r\n\r\n// Tự điều chỉnh độ rộng của input\r\n// ModifiedBy: anhdd (11/1/2023)\r\n.input-sizer {\r\n  display: inline-grid !important;\r\n  vertical-align: top !important;\r\n  align-items: center !important;\r\n  background-color: #fff;\r\n  margin: 0 8px 3px;\r\n  &.stacked {\r\n    align-items: stretch !important;\r\n\r\n    &::after,\r\n    input,\r\n    textarea {\r\n      grid-area: 2 / 1;\r\n    }\r\n  }\r\n\r\n  &::after,\r\n  input,\r\n  textarea {\r\n    width: auto !important;\r\n    grid-area: 1 / 2;\r\n    resize: none !important;\r\n    background: none !important;\r\n    appearance: none !important;\r\n  }\r\n\r\n  &::after {\r\n    content: attr(data-value) \" \";\r\n    visibility: hidden !important;\r\n    white-space: pre-wrap !important;\r\n  }\r\n\r\n  &:focus-within {\r\n    textarea:focus,\r\n    input:focus {\r\n      outline: none !important;\r\n    }\r\n  }\r\n}\r\n\r\n.input-sizer input {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  min-width: 70px;\r\n}\r\n\r\n.label-answer {\r\n  background: #f3f6fb;\r\n  font-weight: 700;\r\n  color: #0f3dba;\r\n  display: inline;\r\n  margin: 0 4px;\r\n}\r\n.label-answer.error {\r\n  border: 1px solid #f46055 !important;\r\n}\r\n.label-answer.success {\r\n  border: 1px solid #5fcea1 !important;\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!./fillBlankOrSelect.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!./fillBlankOrSelect.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./fillBlankOrSelect.vue?vue&type=template&id=7a2bd09a&\"\nimport script from \"./fillBlankOrSelect.vue?vue&type=script&lang=js&\"\nexport * from \"./fillBlankOrSelect.vue?vue&type=script&lang=js&\"\nimport style0 from \"./fillBlankOrSelect.vue?vue&type=style&index=0&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  null,\n  null\n  \n)\n\nexport default component.exports","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!./ModalCreateExcerciseBank.vue?vue&type=style&index=0&id=09f5b471&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"app-cke-answer\"},on:{\"mouseleave\":_vm.mouseLeave}},[_c('vue-ckeditor',{attrs:{\"id\":(\"myQuillEditor_answer_\" + _vm.position),\"config\":_vm.config},on:{\"blur\":function($event){return _vm.onBlur($event)},\"focus\":function($event){return _vm.onFocus($event)}},model:{value:(_vm.content),callback:function ($$v) {_vm.content=$$v},expression:\"content\"}}),_c('b-modal',{attrs:{\"id\":(\"modal_upload_an_\" + _vm.position),\"hide-footer\":\"\"},scopedSlots:_vm._u([{key:\"modal-title\",fn:function(){return [_vm._v(\"Tải lên media\")]},proxy:true}])},[_c('div',{staticClass:\"d-block text-center editor-modal-media\"},[_c('div',{staticClass:\"form-group\"},[_c('label',{staticClass:\"display-block font-weight-bold\"},[_vm._v(\"Tải \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\")+\" thông qua\\n          link\")]),_c('input',{ref:\"link_media\",staticClass:\"form-control full-width\",attrs:{\"type\":\"text\"}})]),_c('p',{staticClass:\"display-block text-center full-width hr-center position-rel\"},[_c('span',{staticClass:\"position-rel\"},[_vm._v(\"Hoặc\")])]),_c('div',{staticClass:\"\\n          form-group form-editor-media\\n          position-rel\\n          text-center\\n          display-flex-center\\n          justify-content-center\\n        \"},[_c('span',{staticClass:\"margin-0\"},[_vm._v(\"Tải lên \"+_vm._s(_vm.typeUpload === \"image\" ? \"ảnh\" : \"media\"))]),(_vm.typeUpload === 'image')?_c('input',{ref:\"upImg\",attrs:{\"type\":\"file\",\"name\":\"\",\"id\":\"upImg\",\"accept\":\"image/*\"},on:{\"change\":_vm.uploadImage}}):_c('input',{ref:\"upMedia\",attrs:{\"type\":\"file\",\"accept\":_vm.typeUpload === 'video'\n    ? 'video/mp4,video/x-m4v,video/*'\n    : 'audio/*'},on:{\"change\":_vm.uploadMedia}})]),_c('div',{staticClass:\"form-action text-right\"},[_c('button',{staticClass:\"btn btn-primary\",attrs:{\"type\":\"button\"},on:{\"click\":_vm.handleDoneUpload}},[_vm._v(\"\\n          Tải lên\\n        \")])])])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"app-cke-answer\" @mouseleave=\"mouseLeave\">\r\n    <vue-ckeditor :id=\"`myQuillEditor_answer_${position}`\" v-model=\"content\" :config=\"config\" @blur=\"onBlur($event)\"\r\n      @focus=\"onFocus($event)\" />\r\n    <b-modal :id=\"`modal_upload_an_${position}`\" hide-footer>\r\n      <template v-slot:modal-title>Tải lên media</template>\r\n      <div class=\"d-block text-center editor-modal-media\">\r\n        <div class=\"form-group\">\r\n          <label class=\"display-block font-weight-bold\">Tải {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }} thông qua\r\n            link</label>\r\n          <input type=\"text\" class=\"form-control full-width\" ref=\"link_media\" />\r\n        </div>\r\n        <p class=\"display-block text-center full-width hr-center position-rel\">\r\n          <span class=\"position-rel\">Hoặc</span>\r\n        </p>\r\n        <div class=\"\r\n            form-group form-editor-media\r\n            position-rel\r\n            text-center\r\n            display-flex-center\r\n            justify-content-center\r\n          \">\r\n          <span class=\"margin-0\">Tải lên {{ typeUpload === \"image\" ? \"ảnh\" : \"media\" }}</span>\r\n          <input v-if=\"typeUpload === 'image'\" type=\"file\" name id=\"upImg\" ref=\"upImg\" @change=\"uploadImage\"\r\n            accept=\"image/*\" />\r\n          <input v-else type=\"file\" ref=\"upMedia\" @change=\"uploadMedia\" :accept=\"typeUpload === 'video'\r\n      ? 'video/mp4,video/x-m4v,video/*'\r\n      : 'audio/*'\r\n    \" />\r\n        </div>\r\n        <div class=\"form-action text-right\">\r\n          <button type=\"button\" class=\"btn btn-primary\" @click=\"handleDoneUpload\">\r\n            Tải lên\r\n          </button>\r\n        </div>\r\n      </div>\r\n    </b-modal>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport VueCkeditor from \"vue-ckeditor2\";\r\n// import mixins from '@/helpers/mixins';\r\nimport { CHANGE_TXT_ANSWER } from \"@/store/common/constants\";\r\nimport { mapGetters, mapActions } from \"vuex\";\r\nimport {\r\n  replaceHtmlMathlive,\r\n  setAlignImgEditor,\r\n  fillBlankEditor,\r\n  convertOldKatexData2Img,\r\n} from \"@/helpers/functions\";\r\nimport { uploadImg } from \"@/store/common/api\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\n// import katex from 'katex';\r\n// const imgVideo = require('@/assets/images/video.png')\r\n// const imgAudio = require('@/assets/images/audio.png')\r\n// const imgFx = require('@/assets/images/fx.png')\r\n// const imgDraw = require('@/assets/images/draw.png')\r\n\r\n// Add plugin for editor\r\nif (!CKEDITOR.plugins.get(\"niw_btn_answer\")) {\r\n  CKEDITOR.plugins.add(\"niw_btn_answer\", {\r\n    init: function (editor) {\r\n      // Button drawshape\r\n      // editor.ui.addButton('drawShape', {\r\n      //        label: 'Vẽ hình',\r\n      //        command: 'drawShape',\r\n      //        icon: 'https://hoc24.vn/media/cke24/plugins/svgedit/icons/svgedit.png?t=14',\r\n      //        toolbar: 'insert'\r\n      //    });\r\n\r\n      editor.ui.addButton(\"fillBlank\", {\r\n        label: \"Câu điền từ\",\r\n        command: \"fillBlank\",\r\n        icon: \"https://image.flaticon.com/icons/svg/106/106987.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      editor.ui.addButton(\"selectForm\", {\r\n        label: \"Lựa chọn câu trả lời\",\r\n        command: \"selectForm\",\r\n        icon: \"https://image.flaticon.com/icons/svg/30/30856.svg\",\r\n        toolbar: \"insert\",\r\n      });\r\n\r\n      // Button upload img\r\n      editor.ui.addButton(\"uploadImg\", {\r\n        label: \"Tải hình ảnh\",\r\n        command: \"uploadImg\",\r\n        icon: \"https://hoc24.vn/media/cke24/plugins/imgur/images/icon.png?t=14\",\r\n        toolbar: \"insert\",\r\n      });\r\n    },\r\n  });\r\n}\r\n\r\nexport default {\r\n  name: \"EdittorCKAnswer\",\r\n  // mixins: [mixins],\r\n  props: [\"contentEditor\", \"fillBlank\", \"position\", \"selectBox\", \"parentId\"],\r\n  data() {\r\n    return {\r\n      content: \"\",\r\n      editor: null,\r\n      typeUpload: \"\",\r\n      visibleModalMedia: false,\r\n      linkMediaUploaded: \"\",\r\n    };\r\n  },\r\n  components: {\r\n    VueCkeditor,\r\n  },\r\n  computed: {\r\n    ...mapGetters({\r\n      math_value: `common/math_value`,\r\n      open_math: `common/open_math`,\r\n      editor_selection: `common/editor_selection`,\r\n      // draw_shape_data: 'common/draw_shape_data',\r\n      toggle_draw: \"common/toggle_draw\",\r\n    }),\r\n    config() {\r\n      return this.configEditor();\r\n    },\r\n  },\r\n  watch: {\r\n    //  draw_shape_data(newVal, oldVal) {\r\n    //  \tif(newVal && newVal.type === 'question' && newVal.data && this.position === newVal.position) {\r\n    //  \t\t// console.log(newVal.data);\r\n    //    let linkSvgBase64 = 'data:image/svg+xml;utf8,';\r\n    //    \tlinkSvgBase64 += encodeURIComponent(newVal.data);\r\n    //    // let htmlData = `<figure class=\"image\"><img src=\"${linkSvgBase64}\"></figure>`;\r\n    //    let htmlData = `<img src=\"${linkSvgBase64}\">`;\r\n    //    CKEDITOR.instances[`myQuillEditor_answer_${newVal.position}`].insertHtml(htmlData);\r\n    // this.setDrawShapeData(null);\r\n    //  \t}\r\n    //  },\r\n    content: \"onChangeContent\",\r\n  },\r\n  created() {\r\n    // Convert old data use Katex\r\n    // this.convertKatex2Img()\r\n    this.content = this.contentEditor ? this.contentEditor : \"\";\r\n  },\r\n  mounted() {\r\n    // All action for all button\r\n    this.actionNiwBtn();\r\n  },\r\n  methods: {\r\n    ...mapActions(`common`, [\r\n      \"toggleFormMath\",\r\n      \"setContentSelectEditor\",\r\n      \"toggleDrawTool\",\r\n      \"setDrawShapeData\",\r\n    ]),\r\n\r\n    convertKatex2Img() {\r\n      if (this.contentEditor) {\r\n        this.content = convertOldKatexData2Img(this.contentEditor);\r\n      }\r\n    },\r\n\r\n    configEditor() {\r\n      let toolbarInsert = {\r\n        name: \"insert\",\r\n        items: [\r\n          \"uploadImg\",\r\n          \"Table\",\r\n          \"SpecialChar\",\r\n          \"Iframe\",\r\n          \"ckeditor_wiris_formulaEditor\",\r\n          \"ckeditor_wiris_formulaEditorChemistry\",\r\n        ],\r\n      };\r\n      if (this.fillBlank) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"fillBlank\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      if (this.selectBox) {\r\n        toolbarInsert = {\r\n          name: \"insert\",\r\n          items: [\r\n            \"uploadImg\",\r\n            \"Table\",\r\n            \"SpecialChar\",\r\n            \"Iframe\",\r\n            \"selectForm\",\r\n            \"ckeditor_wiris_formulaEditor\",\r\n            \"ckeditor_wiris_formulaEditorChemistry\",\r\n          ],\r\n        };\r\n      }\r\n      return {\r\n        toolbar: [\r\n          {\r\n            name: \"basicstyles\",\r\n            items: [\r\n              \"Bold\",\r\n              \"Italic\",\r\n              \"Underline\",\r\n              \"Strike\",\r\n              \"Subscript\",\r\n              \"Superscript\",\r\n              \"-\",\r\n              \"CopyFormatting\",\r\n              \"RemoveFormat\",\r\n            ],\r\n          },\r\n          { name: \"colors\", items: [\"TextColor\", \"BGColor\"] },\r\n          {\r\n            name: \"paragraph\",\r\n            items: [\r\n              \"NumberedList\",\r\n              \"BulletedList\",\r\n              \"-\",\r\n              \"JustifyLeft\",\r\n              \"JustifyCenter\",\r\n              \"JustifyRight\",\r\n              \"JustifyBlock\",\r\n            ],\r\n          },\r\n          { name: \"links\", items: [\"Link\", \"Unlink\"] },\r\n          toolbarInsert,\r\n        ],\r\n        height: 100,\r\n        extraPlugins: \"niw_btn_answer,ckeditor_wiris\",\r\n        allowedContent: true,\r\n        font_defaultLabel: \"Arial\",\r\n        fontSize_defaultLabel: 16,\r\n        contentsCss: [\"body {font-size: 18px; font-family: 'Arial'}\"],\r\n      };\r\n    },\r\n\r\n    actionNiwBtn() {\r\n      let self = this;\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${self.position}`];\r\n      // Button drawshape\r\n      editor.addCommand(\"drawShape\", {\r\n        exec: function (edt) {\r\n          self.openDrawTool(self.position);\r\n        },\r\n      });\r\n\r\n      // Button create math\r\n      editor.addCommand(\"fillBlank\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion();\r\n        },\r\n      });\r\n      // Button create math\r\n      editor.addCommand(\"selectForm\", {\r\n        exec: function (edt) {\r\n          self.addFillBlankQuestion(\"select\");\r\n        },\r\n      });\r\n\r\n      // Button upload img\r\n      editor.addCommand(\"uploadImg\", {\r\n        exec: function (edt) {\r\n          self.openModalUploadMedia(\"image\");\r\n        },\r\n      });\r\n    },\r\n\r\n    onBlur(evt) {\r\n      this.mouseLeave();\r\n      // console.log('Blur: ', evt);\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n    onFocus(evt) {\r\n      // console.log('Focus: ', evt.editor);\r\n      // evt.editor._.events.change;\r\n      // this.onEditorChange(evt.editor._.data)\r\n    },\r\n\r\n    mouseLeave() {\r\n      // console.log('Mouse leave: ');\r\n      let frame = document.querySelector(\r\n        `#cke_myQuillEditor_answer_${this.position} iframe`\r\n      );\r\n      if (frame) {\r\n        let cntnt = frame.contentWindow.document;\r\n        // let parag = cntnt.getElementsByTagName(\"p\");\r\n        let parag =\r\n          cntnt.body && cntnt.body.childNodes ? cntnt.body.childNodes : [];\r\n        let legthParag = parag.length;\r\n        let contentEdit = \"\";\r\n        if (legthParag > 0) {\r\n          for (let i = 0; i < legthParag; i++) {\r\n            contentEdit += parag[i].outerHTML;\r\n          }\r\n        }\r\n        // console.log(parag.length, contentEdit);\r\n        this.onEditorChange(contentEdit);\r\n      }\r\n    },\r\n\r\n    onChangeContent(val) {\r\n      let editor = CKEDITOR.instances[`myQuillEditor_answer_${this.position}`];\r\n      editor && this.onEditorChange(editor._.data);\r\n    },\r\n\r\n    onEditorChange(html) {\r\n      if (this.position) {\r\n        let data = {html, position: this.position};\r\n        // this.$bus.emit(`${CHANGE_TXT_ANSWER}_${this.position}`, data);\r\n        this.$emit('onEditorChange', data);\r\n      }\r\n\r\n    },\r\n    uploadImage(evt) {\r\n      let self = this;\r\n      // const files = evt.target.files[0];\r\n      // if (files) {\r\n      uploadImg(evt).then((res) => {\r\n        let linkImg = `${APP_CONFIG.appUrl}/${res}`;\r\n        linkImg && self.insertEmbedEditor(\"image\", linkImg);\r\n      });\r\n      // }\r\n    },\r\n\r\n    addFillBlankQuestion(type = \"blank\") {\r\n      fillBlankEditor(type, `myQuillEditor_answer_${this.position}`);\r\n    },\r\n\r\n    openModalUploadMedia(type) {\r\n      this.typeUpload = type;\r\n      this.$bvModal.show(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = true;\r\n    },\r\n\r\n    insertEmbedEditor(type = \"image\", link, embed = false) {\r\n      let self = this;\r\n      let htmlData;\r\n      if (type === \"image\") {\r\n        htmlData = `<img src=\"${link}\">`;\r\n      } else if (type === \"video\") {\r\n        if (embed && link.includes(\"youtube\")) {\r\n          htmlData = `<iframe width=\"560\" height=\"315\" src=\"${link}\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen></iframe>`;\r\n        } else if (embed && link.includes(\"vimeo\")) {\r\n          htmlData = `<iframe src=\"${link}\" width=\"480\" height=\"360\" frameborder=\"0\" title=\"My video\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>`;\r\n        } else {\r\n          htmlData = `<video width=\"400\" controls>\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/mp4\">\r\n\t\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"video/ogg\">\r\n\t\t\t\t\t\t\t\t\t</video>`;\r\n        }\r\n      } else if (type === \"audio\") {\r\n        htmlData = `<audio controls>\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/ogg\">\r\n\t\t\t\t\t\t\t\t  \t<source src=\"${link}\" type=\"audio/mpeg\">\r\n\t\t\t\t\t\t\t\t</audio>`;\r\n      }\r\n      CKEDITOR.instances[`myQuillEditor_answer_${self.position}`].insertHtml(\r\n        htmlData\r\n      );\r\n\r\n      if (type === \"image\") {\r\n        self.$refs.upImg.value = \"\";\r\n      } else {\r\n        self.$refs.link_media.value = \"\";\r\n        self.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // self.visibleModalMedia = false;\r\n    },\r\n\r\n    uploadMedia(evt) {\r\n      let self = this;\r\n      // self.visibleModalMedia = false;\r\n      const files = evt.target.files[0];\r\n      // console.log(files);\r\n      if (files) {\r\n        uploadImg(files).then((res) => {\r\n          let linkImg = res.image.image_src;\r\n        });\r\n      }\r\n    },\r\n\r\n    handleDoneUpload() {\r\n      // console.log('Done: ', this.$refs);\r\n      let linkSocial = this.$refs.link_media.value;\r\n      let linkMedia = linkSocial;\r\n      let embedVideo = false;\r\n      if (linkSocial && linkSocial !== undefined) {\r\n        if (linkSocial.includes(\"youtube\")) {\r\n          let linkYT = linkSocial.split(\".com/watch?v=\");\r\n          linkMedia = linkYT[0] + \".com/embed/\" + linkYT[1];\r\n          embedVideo = true;\r\n        } else if (linkSocial.includes(\"vimeo\")) {\r\n          let linkVM = link.split(\"vimeo.com/\");\r\n          linkMedia = linkVM[0] + \"player.vimeo.com/video/\" + linkVM[1];\r\n          embedVideo = true;\r\n        }\r\n      } else {\r\n        linkMedia = this.linkMediaUploaded;\r\n      }\r\n      // console.log(linkMedia);\r\n\r\n      linkMedia &&\r\n        this.insertEmbedEditor(this.typeUpload, linkMedia, embedVideo);\r\n      // this.visibleModalMedia = false;\r\n    },\r\n\r\n    handleCancelUpload() {\r\n      if (this.$refs.link_media && this.$refs.link_media.value) {\r\n        this.$refs.link_media.value = \"\";\r\n      }\r\n      if (this.$refs.upMedia && this.$refs.upMedia.value) {\r\n        this.$refs.upMedia.value = \"\";\r\n      }\r\n      this.$bvModal.hide(`modal_upload_an_${this.position}`);\r\n      // this.visibleModalMedia = false;\r\n      this.toggleFormMath({ visible: false, editor: null });\r\n    },\r\n\r\n    openDrawTool(location) {\r\n      this.toggleDrawTool(true);\r\n      this.setDrawShapeData({ position: location, type: \"question\" });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.editor-modal-media {\r\n  label {\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  input {\r\n    min-width: 100%;\r\n  }\r\n\r\n  .hr-center {\r\n    margin: 15px 0;\r\n\r\n    &:before {\r\n      content: \"\";\r\n      height: 1px;\r\n      width: 60%;\r\n      background: #ccc;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n    }\r\n\r\n    span {\r\n      padding: 0 20px;\r\n      background: #fff;\r\n    }\r\n  }\r\n\r\n  .form-editor-media {\r\n    width: 120px;\r\n    height: 120px;\r\n    border: 1px solid #d1d1d1;\r\n    margin: 0 auto;\r\n\r\n    input {\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: 0;\r\n      cursor: pointer;\r\n    }\r\n  }\r\n\r\n  .form-action {\r\n    padding-top: 15px;\r\n    margin-top: 15px;\r\n    border-top: 1px solid #d1d1d1;\r\n\r\n    button {\r\n      height: 35px;\r\n    }\r\n  }\r\n}\r\n\r\n.cke_button__selectform .cke_button_label {\r\n  display: inline;\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!./EdittorCKAnswer.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!./EdittorCKAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./EdittorCKAnswer.vue?vue&type=template&id=7011e4d6&scoped=true&\"\nimport script from \"./EdittorCKAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./EdittorCKAnswer.vue?vue&type=script&lang=js&\"\nimport style0 from \"./EdittorCKAnswer.vue?vue&type=style&index=0&id=7011e4d6&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  \"7011e4d6\",\n  null\n  \n)\n\nexport default component.exports","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!./ModalCreateQuestionBank.vue?vue&type=style&index=1&id=2cfa0fd4&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}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer-val answer-match-item position-rel\"},[(_vm.dataSource.code)?_c('b',{staticClass:\"display-block\",class:{'float-left': !_vm.dataSource.imageUrl},staticStyle:{\"margin-right\":\"5px\"}},[_vm._v(_vm._s(((_vm.dataSource.code) + \" . \")))]):_vm._e(),(_vm.dataSource.imageUrl)?_c('div',{staticClass:\"answer__img__sentence text-center display-inline-block\",class:(\"size-\" + (_vm.parent.imageWidth) + \"-\" + (_vm.parent.imageHeight)),style:((\"width: \" + (_vm.parent.imageWidth) + \"px; max-height: \" + (_vm.parent.imageHeight) + \"px\"))},[_c('img',{staticClass:\"answer__img\",attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (_vm.dataSource.imageUrl)),\"alt\":\"Ảnh câu trả lời\"}}),_c('span',{staticClass:\"display-block\",domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}})]):_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"answer-val answer-match-item position-rel\">\r\n\t    <b class=\"display-block\" style=\"margin-right: 5px;\" v-if=\"dataSource.code\" :class=\"{'float-left': !dataSource.imageUrl}\">{{ `${dataSource.code} . ` }}</b> \r\n\t    <div \r\n\t    \tclass=\"answer__img__sentence text-center display-inline-block\" \r\n\t    \tv-if=\"dataSource.imageUrl\" \r\n\t    \t:style=\"`width: ${parent.imageWidth}px; max-height: ${parent.imageHeight}px`\"\r\n\t    \t:class=\"`size-${parent.imageWidth}-${parent.imageHeight}`\"\r\n\t    >\r\n\t\t\t\t<img \r\n\t\t\t\t\t:src=\"`${urlQuestionImg}/${dataSource.imageUrl}`\" \r\n\t\t\t\t\talt=\"Ảnh câu trả lời\" \r\n\t\t\t\t\tclass=\"answer__img\"\r\n\t\t\t\t/>\r\n\t    \t<span class=\"display-block\" v-html=\"dataSource.content\"></span>\r\n\t\t</div>\r\n\t\t<span v-else v-html=\"dataSource.content\"></span>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport mixinsQuestionPreview from './../../_store/mixinsQuestionPreview'\r\n\timport { APP_CONFIG } from '@/utils/constants'\r\n\r\n\texport default {\r\n\r\n\t\tname: 'MathCol',\r\n\t\tmixins: [ mixinsQuestionPreview ],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\t\t\t\turlQuestionImg: APP_CONFIG.urlQuestionImg\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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!./MathCol.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!./MathCol.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MathCol.vue?vue&type=template&id=1f783ca0&scoped=true&\"\nimport script from \"./MathCol.vue?vue&type=script&lang=js&\"\nexport * from \"./MathCol.vue?vue&type=script&lang=js&\"\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  \"1f783ca0\",\n  null\n  \n)\n\nexport default component.exports","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 * 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!./EdittorCKAnswer.vue?vue&type=style&index=0&id=7011e4d6&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!./FillInputImg.vue?vue&type=style&index=1&id=377c5d9e&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"answer-val answer-true-false-no position-rel display-flex justify-content-between\",class:(\"answer-\" + (_vm.parent.type))},[_c('label',{staticClass:\"display-flex-center\"},[(_vm.dataSource.code)?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\" \")]):_vm._e(),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.dataSource.content)}})]),(_vm.parent.layoutId === 1)?_c('input',{staticClass:\"form-control input-hide-place\",attrs:{\"name\":(_vm.nameField + \"_\" + _vm.location),\"type\":\"text\",\"placeholder\":\"Đ/S\",\"autocomplete\":\"off\"},domProps:{\"value\":_vm.dataSource.answerContent},on:{\"change\":function($event){return _vm.changeAnswer($event, {location: _vm.location, type: _vm.parent.type, questionId: _vm.dataSource.questionId})}}}):(_vm.parent.layoutId === 2)?_c('div',{staticClass:\"choice-radio display-flex-center\"},[_c('div',{staticClass:\"radio-custom\"},[_c('input',{attrs:{\"type\":\"radio\",\"name\":(\"correct_\" + _vm.location)},domProps:{\"checked\":_vm.dataSource.answerContent && _vm.dataSource.answerContent === 'dđ'},on:{\"change\":function($event){return _vm.choiceAnswer(true, _vm.location, _vm.parent.type)}}}),_c('label',{staticClass:\"w-18 margin-0\"})]),_c('div',{staticClass:\"radio-custom\"},[_c('input',{attrs:{\"type\":\"radio\",\"name\":(\"correct_\" + _vm.location)},domProps:{\"checked\":_vm.dataSource.answerContent && _vm.dataSource.answerContent === 's'},on:{\"change\":function($event){return _vm.choiceAnswer(false, _vm.location, _vm.parent.type)}}}),_c('label',{staticClass:\"w-18 margin-0\"})])]):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n\t<div class=\"answer-val answer-true-false-no position-rel display-flex justify-content-between\"\r\n\t\t:class=\"`answer-${parent.type}`\"\r\n\t>\r\n\t\t<label class=\"display-flex-center\">\r\n\t\t\t<b v-if=\"dataSource.code\">{{ dataSource.code }} </b>\r\n\t\t\t<span v-html=\"dataSource.content\"></span>\r\n\t\t</label>\r\n\t\t<input \r\n\t\t\tv-if=\"parent.layoutId === 1\"\r\n\t\t\t:name=\"`${nameField}_${location}`\" \r\n\t\t\ttype=\"text\"\r\n\t\t\tclass=\"form-control input-hide-place\"\r\n\t\t\tplaceholder=\"Đ/S\" \r\n\t\t\t:value=\"dataSource.answerContent\"\r\n\t\t\t@change=\"changeAnswer($event, {location, type: parent.type, questionId: dataSource.questionId})\"\r\n      autocomplete=\"off\"\r\n\t\t/>\r\n\t\t<div class=\"choice-radio display-flex-center\" v-else-if=\"parent.layoutId === 2\">\r\n\t\t\t<div class=\"radio-custom\">\r\n\t\t\t\t<input type=\"radio\" :name=\"`correct_${location}`\" :checked=\"dataSource.answerContent && dataSource.answerContent === 'dđ'\" @change=\"choiceAnswer(true, location, parent.type)\">\r\n\t\t\t\t<label class=\"w-18 margin-0\"></label>\r\n\t\t\t</div>\r\n\t\t\t<div class=\"radio-custom\">\r\n\t\t\t\t<input type=\"radio\" :name=\"`correct_${location}`\" :checked=\"dataSource.answerContent && dataSource.answerContent === 's'\" @change=\"choiceAnswer(false, location, parent.type)\">\r\n\t\t\t\t<label class=\"w-18 margin-0\"></label>\r\n\t\t\t</div>\r\n\t\t</div>\r\n\t</div>\r\n</template>\r\n\r\n<script>\r\n\timport mixinsQuestionPreview from './../../_store/mixinsQuestionPreview'\r\n\r\n\texport default {\r\n\t\tname: 'TrueFalseAnswer',\r\n\t\tmixins: [ mixinsQuestionPreview ],\r\n\t\tdata () {\r\n\t\t\treturn {\r\n\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tchoiceAnswer(val, index, type) {\r\n\t\t\t\tthis.changeAnswer({target: {value: val ? 'dđ' : 's'}}, {location: index, type, questionId: this.dataSource.questionId});\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\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!./TrueFalseAnswer.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!./TrueFalseAnswer.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TrueFalseAnswer.vue?vue&type=template&id=058a8ac2&scoped=true&\"\nimport script from \"./TrueFalseAnswer.vue?vue&type=script&lang=js&\"\nexport * from \"./TrueFalseAnswer.vue?vue&type=script&lang=js&\"\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  \"058a8ac2\",\n  null\n  \n)\n\nexport default component.exports","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!./fillBlankOrSelect.vue?vue&type=style&index=0&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!./MultipleAnswer.vue?vue&type=style&index=0&id=81faf738&lang=scss&scoped=true&\"","var t=function(t,o,e){if(!o.hasOwnProperty(e)){var r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r)}};export default{props:{template:String,parent:Object,templateProps:{type:Object,default:function(){return{}}}},render:function(o){if(this.template){var e=this.parent||this.$parent,r=e.$data;void 0===r&&(r={});var n=e.$props;void 0===n&&(n={});var a=e.$options;void 0===a&&(a={});var p=a.components;void 0===p&&(p={});var c=a.computed;void 0===c&&(c={});var i=a.methods;void 0===i&&(i={});var s=this.$data;void 0===s&&(s={});var d=this.$props;void 0===d&&(d={});var v=this.$options;void 0===v&&(v={});var f=v.methods;void 0===f&&(f={});var m=v.computed;void 0===m&&(m={});var u=v.components;void 0===u&&(u={});var h={$data:{},$props:{},$options:{},components:{},computed:{},methods:{}};Object.keys(r).forEach(function(t){void 0===s[t]&&(h.$data[t]=r[t])}),Object.keys(n).forEach(function(t){void 0===d[t]&&(h.$props[t]=n[t])}),Object.keys(i).forEach(function(t){void 0===f[t]&&(h.methods[t]=i[t])}),Object.keys(c).forEach(function(t){void 0===m[t]&&(h.computed[t]=c[t])}),Object.keys(p).forEach(function(t){void 0===u[t]&&(h.components[t]=p[t])});var O=Object.keys(h.methods||{}),$=Object.keys(h.$data||{}),b=Object.keys(h.$props||{}),j=Object.keys(this.templateProps),y=$.concat(b).concat(O).concat(j),k=(E=e,P={},O.forEach(function(o){return t(E,P,o)}),P),l=function(o){var e={};return o.forEach(function(o){o&&Object.getOwnPropertyNames(o).forEach(function(r){return t(o,e,r)})}),e}([h.$data,h.$props,k,this.templateProps]);return o({template:this.template||\"<div></div>\",props:y,computed:h.computed,components:h.components,provide:this.$parent._provided},{props:l})}var E,P}};\n//# sourceMappingURL=v-runtime-template.es.js.map\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"fill-input css-border\"},[(_vm.dataSource.code)?_c('b',[_vm._v(_vm._s(_vm.dataSource.code)+\" \")]):_vm._e(),(_vm.dataSource.content)?_c('div',{staticClass:\"fill-input__img\"},[_c('img',{attrs:{\"src\":(_vm.urlQuestionImg + \"/\" + (_vm.dataSource.content)),\"alt\":_vm.dataSource.content}})]):_vm._e(),(_vm.parent.isWorked !== null)?_c('label',{staticClass:\"form-control label-answer\"},[_vm._v(\"\\n      \"+_vm._s(_vm.dataSource.answerContent)+\"\\n    \")]):_c('input',{ref:(\"fill_img_\" + (_vm.dataSource.questionId) + \"_\" + _vm.location),staticClass:\"form-control input-hide-place\",class:{ 'evt-none': _vm.parent.isWorked !== null },attrs:{\"type\":\"text\",\"id\":(\"fill_img_\" + (_vm.dataSource.questionId) + \"_\" + _vm.location),\"placeholder\":\"?\",\"autocomplete\":\"off\",\"onInput\":\"this.parentNode.dataset.value = this.value\",\"size\":\"1\"},domProps:{\"value\":_vm.dataSource.answerContent},on:{\"blur\":function($event){return _vm.changeAnswer($event, {\n            location: _vm.location,\n            type: _vm.parent.type,\n            questionId: _vm.dataSource.questionId,\n          })},\"focus\":function($event){return _vm.handleFocus($event, {\n            location: _vm.location,\n            type: _vm.parent.type,\n            questionId: _vm.dataSource.questionId,\n          })},\"change\":function($event){return _vm.changeAnswer($event, {\n            location: _vm.location,\n            type: _vm.parent.type,\n            questionId: _vm.dataSource.questionId,\n          })},\"keyup\":function($event){return _vm.handleFocus($event, {\n            location: _vm.location,\n            type: _vm.parent.type,\n            questionId: _vm.dataSource.questionId,\n          })},\"mouseup\":function($event){return _vm.handleMouseSelection($event)}}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"fill-input css-border\">\r\n    <b v-if=\"dataSource.code\">{{ dataSource.code }} </b>\r\n    <div class=\"fill-input__img\" v-if=\"dataSource.content\">\r\n      <img\r\n        :src=\"`${urlQuestionImg}/${dataSource.content}`\"\r\n        :alt=\"dataSource.content\"\r\n      />\r\n    </div>\r\n    <!-- Tự điều chỉnh độ rộng input \r\n      ModifiedBy: anhdd (11/1/2023)\r\n    -->\r\n    <label class=\"form-control label-answer\" v-if=\"parent.isWorked !== null\">\r\n      {{ dataSource.answerContent }}\r\n    </label>\r\n\r\n    <input\r\n        v-else\r\n        class=\"form-control input-hide-place\"\r\n        type=\"text\"\r\n        :id=\"`fill_img_${dataSource.questionId}_${location}`\"\r\n        :value=\"dataSource.answerContent\"\r\n        :ref=\"`fill_img_${dataSource.questionId}_${location}`\"\r\n        @blur=\"\r\n          changeAnswer($event, {\r\n            location,\r\n            type: parent.type,\r\n            questionId: dataSource.questionId,\r\n          })\r\n        \"\r\n        @focus=\"\r\n          handleFocus($event, {\r\n            location,\r\n            type: parent.type,\r\n            questionId: dataSource.questionId,\r\n          })\r\n        \"\r\n        @change=\"\r\n          changeAnswer($event, {\r\n            location,\r\n            type: parent.type,\r\n            questionId: dataSource.questionId,\r\n          })\r\n        \"\r\n        @keyup=\"\r\n          handleFocus($event, {\r\n            location,\r\n            type: parent.type,\r\n            questionId: dataSource.questionId,\r\n          })\r\n        \"\r\n        @mouseup=\"handleMouseSelection($event)\"\r\n        placeholder=\"?\"\r\n        autocomplete=\"off\"\r\n        :class=\"{ 'evt-none': parent.isWorked !== null }\"\r\n        onInput=\"this.parentNode.dataset.value = this.value\"\r\n        size=\"1\"\r\n      />\r\n    <!-- ============================== -->\r\n\r\n    <!-- :disabled=\"parent.isTrue !== null\" -->\r\n\r\n    <!-- :readonly=\"parent.isTrue !== null\" -->\r\n    <!-- :class=\"{'bg--white': setCheckExcercise.isCheck}\" \r\n\t\t\t:disabled=\"setCheckExcercise.isCheck\" -->\r\n    <!-- v-model=\"dataSource.answerContent\"  -->\r\n    <!-- :value=\"dataSource.answerContent\"  -->\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport mixinsQuestionPreview from \"./../../_store/mixinsQuestionPreview\";\r\nimport { APP_CONFIG } from \"@/utils/constants\";\r\nimport { STORE_KEY } from \"./../../_store/constants\";\r\nimport { mapState, mapActions } from \"vuex\";\r\n\r\nexport default {\r\n  name: \"FillInputImg\",\r\n  mixins: [mixinsQuestionPreview],\r\n  data() {\r\n    return {\r\n      focusId: null,\r\n      urlQuestionImg: APP_CONFIG.urlQuestionImg,\r\n      txtSelection: \"\",\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState(STORE_KEY, [\"valVituralKeyboard\"]),\r\n    ...mapState(\"common\", [\"setCheckExcercise\"]),\r\n  },\r\n  methods: {\r\n    ...mapActions(STORE_KEY, [\"setVituralKeyVal\", \"acSetTxtInputSelected\"]),\r\n\r\n    handleFocus(evt, info = {}) {\r\n      this.handleMouseSelection(evt);\r\n      // document.getSelection && console.log('Selected: ', document.getSelection())\r\n      let halfWindowHeight = window.innerHeight / 2;\r\n      let offsetTopElm =\r\n        this.$refs[\r\n          `fill_img_${info.questionId}_${info.location}`\r\n        ].getBoundingClientRect().top;\r\n      let offsetLeftElm =\r\n        this.$refs[\r\n          `fill_img_${info.questionId}_${info.location}`\r\n        ].getBoundingClientRect().left;\r\n\r\n      let spaceHeightInput =\r\n        (offsetTopElm / window.innerHeight) * 100 > 80 ? 20 : 50; // 50 or 20 is height input\r\n\r\n      // Obj have ref key support render value onpress vitural keyboard\r\n      this.setVituralKeyVal({\r\n        ...info,\r\n        val: evt.target.value,\r\n        isOverHaflScreen: offsetTopElm > halfWindowHeight ? true : false,\r\n        ref: `fill_img_${info.questionId}_${info.location}`,\r\n        top: offsetTopElm + spaceHeightInput,\r\n        left: offsetLeftElm / 2, // /2 is box center\r\n      });\r\n    },\r\n\r\n    handleBlur(evt) {\r\n      this.setVituralKeyVal({\r\n        ...this.valVituralKeyboard,\r\n        val: evt.target.value,\r\n      });\r\n    },\r\n\r\n    handleMouseSelection(evt) {\r\n      let value = evt.target.value;\r\n      this.txtSelection = evt.target.value.slice(\r\n        evt.target.selectionStart,\r\n        evt.target.selectionEnd\r\n      );\r\n      if (this.txtSelection) {\r\n        let lengthTxt = value.length;\r\n        let firstTxt = value.slice(0, evt.target.selectionStart);\r\n        let lastTxt = value.slice(evt.target.selectionEnd, lengthTxt);\r\n        this.acSetTxtInputSelected([firstTxt, lastTxt]);\r\n      } else {\r\n        this.acSetTxtInputSelected([]);\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.bg--white {\r\n  background: #fff;\r\n}\r\n// .css-border{\r\n// \tborder: 1px solid #ccc;\r\n// \tborder-radius: 8px;\r\n// }\r\n</style>\r\n\r\n<style lang=\"scss\" scoped>\r\n.label-answer {\r\n  position: absolute;\r\n  bottom: -15px;\r\n  right: -30px;\r\n  width: auto !important;\r\n  min-width: 50px;\r\n  line-height: 50px;\r\n  margin: 0;\r\n}\r\n\r\n.input-sizer {\r\n  display: inline-grid !important;\r\n  vertical-align: top !important;\r\n  align-items: center !important;\r\n  bottom: -23px;\r\n  right: -30px;\r\n  position: absolute;\r\n  background-color: #fff;\r\n\r\n  &.stacked {\r\n    align-items: stretch !important;\r\n\r\n    &::after,\r\n    input,\r\n    textarea {\r\n      grid-area: 2 / 1;\r\n    }\r\n  }\r\n\r\n  &::after,\r\n  input,\r\n  textarea {\r\n    width: auto !important;\r\n    grid-area: 1 / 2;\r\n    resize: none !important;\r\n    background: none !important;\r\n    appearance: none !important;\r\n  }\r\n\r\n  &::after {\r\n    content: attr(data-value) \" \";\r\n    visibility: hidden !important;\r\n    white-space: pre-wrap !important;\r\n  }\r\n\r\n  &:focus-within {\r\n    textarea:focus,\r\n    input:focus {\r\n      outline: none !important;\r\n    }\r\n  }\r\n}\r\n\r\n.question--fill_input_img--1 .question-body .answer input {\r\n  position: initial !important;\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!./FillInputImg.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!./FillInputImg.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./FillInputImg.vue?vue&type=template&id=377c5d9e&scoped=true&\"\nimport script from \"./FillInputImg.vue?vue&type=script&lang=js&\"\nexport * from \"./FillInputImg.vue?vue&type=script&lang=js&\"\nimport style0 from \"./FillInputImg.vue?vue&type=style&index=0&id=377c5d9e&lang=scss&scoped=true&\"\nimport style1 from \"./FillInputImg.vue?vue&type=style&index=1&id=377c5d9e&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  \"377c5d9e\",\n  null\n  \n)\n\nexport default component.exports","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!./ModalShowHelpCreateExcercise.vue?vue&type=style&index=0&id=1416c9ae&lang=scss&scoped=true&\"","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}","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!./PageViewCreateExcercise.vue?vue&type=style&index=0&id=f2c78e02&lang=scss&scoped=true&\""],"sourceRoot":""}