{"version":3,"sources":["webpack:///./src/views/mock/reading/reading.vue","webpack:///./src/components/question/multipleAnswer/multipleAnswer-reading.vue","webpack:///src/components/question/multipleAnswer/multipleAnswer-reading.vue","webpack:///./src/components/question/multipleAnswer/multipleAnswer-reading.vue?3186","webpack:///./src/components/question/multipleAnswer/multipleAnswer-reading.vue?f14b","webpack:///./src/views/mock/reading/reading.js","webpack:///src/views/mock/reading/reading.vue","webpack:///./src/views/mock/reading/reading.vue?66ee","webpack:///./src/views/mock/reading/reading.vue?b5af","webpack:///./src/views/mock/reading/reading.vue?2b04","webpack:///./src/components/question/multipleAnswer/multipleAnswer-reading.vue?6a73"],"names":["render","_vm","this","_c","_self","_setupProxy","staticClass","isShowInstructions","showStep","attrs","require","_v","staticStyle","_m","on","$event","goNext","goTest","isShowNote","instructionsNote","closeNote","_e","part","currentPart","partDesc","_l","readingData","key","id","class","isHasDragParagraph","content_342","content","index","domProps","_s","questions_342","group_342","questionNumber","chooseAnswers","clone","chosenClass","dragClass","ghoseClass","disabled","name","pull","checkMove","getComponentData","start","onEnd","add","answerUnchoose","option_alias","option","calcDragCon","buttonGroups","groups","group","type","QUESTION_TYPE","MULTIPLECHOICE","question_type","TRUROrFALSE","EITHEROR","exerciseRange","note","instructions","description","slot","questions","question","selectAnswers","submitAnswer","MULTIPLEANSWER","beginNum","answer","length","split","NOTCOMPLETION","MATCH","TITLE","mode","QUESTION_TYPE_MODE","MATCH_TABLE","MATCH_FILL_IN_BANK","MATCH_DRAG_TO_PARAGRAPH","MATCH_DRAG_TO_QUESTION","staticRenderFns","currentQuestion","questionDesc","beginNumber","showQuestion","questionRange","options","directives","rawName","value","questionAnswers","expression","includes","Array","isArray","_i","$$a","$$el","target","$$c","checked","$$v","$$i","concat","slice","text","data","props","default","questionText","answers","computed","mapState","methods","mapActions","watch","question_id","obj","component","Base64","mixins","mockMix","beginButton","paperId","timeInterval","copyAnswers","copyQuestions","exerciseType","totalPart","curTime","Number","state","tests","sections","common","recordId","exerciseMode","countDownLimit","recordDetails","detailIds","currentTarget","dragTarget","mounted","routeQuery","$route","query","EXERCISE_TYPE","MOCK","setCurrentSection","marked","setOptions","renderer","Renderer","pedantic","gfm","headerIds","headerPrefix","highlight","tables","breaks","sanitize","silent","smartLists","smartypants","mangle","xhtml","params","setCountdownLimit","totalDuration","getRecordId","history","pushState","window","location","href","addEventListener","callback","detail","section","MOCK_SECTION","READING","postAnswer","getSection","Api","res","JSON","parse","decode","encrypted","iv","decroptRes","AES","decrypt","dealData","then","buttons","forEach","item","hlsReg","replace","setCurrentPart","setButtonGroups","partContent","questionArr","Object","keys","ele","isAnswered","setIsAnswered","getAnswers","spent_second","leaveTime","getMockRecordSectionDetail","setCurrentPartObj","part_id","setCurrentPaper","paper","answerObj","setDragTarget","change","handleChange","input","inputChanged","wrap","activeNames","originalEvent","console","log","controlOnStart","ctrlKey","evt","relatedContext","element","to","can_repeat_option","push","assign","oldValue","isHide","setCurrentQuestion","answerArr","currentOptions","selectOptionArr","unselecOptiontArr","indexOf","$EventBus","$emit","differArr","parseInt","splice","currentOption","a","b","step","setIsStarted","setInterval","partItem","pIndex","_option","replaceHtml","components","Match","draggable","partBar","navigation","exerciseGroup","multipleAnswer","multipleChoice","multipleAnswerReading","noteCompletion","beforeRouteLeave","from","next","clearInterval"],"mappings":"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","file":"js/chunk-02fe899a.8699c3a7.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"p_reading\"},[(_vm.isShowInstructions)?_c('div',{staticClass:\"confirmDetails\"},[_c('div',{staticClass:\"p-content container-fluid\"},[_c('div',{staticClass:\"row instructions steps\"},[(_vm.showStep === 'one')?_c('div',{staticClass:\"col step step-one\"},[_c('div',{staticClass:\"student-detail\"},[_c('img',{attrs:{\"src\":require(\"../../../assets/img/userCheck.png\"),\"alt\":\"\"}}),_c('p',{staticClass:\"bc-box-title\"},[_vm._v(\"Confirm your details\")]),_c('div',{staticClass:\"bc-box\"},[_c('h3',{staticStyle:{\"color\":\"red\",\"text-align\":\"center\",\"font-size\":\"1.75rem\"}},[_vm._v(\" EXAMPLE \")]),_vm._m(0),_c('p',{staticClass:\"bx-box-info\"},[_vm._v(\" If your details aren't correct, please inform the invigilator. \")]),_c('button',{staticClass:\"button button-bc\",on:{\"click\":function($event){return _vm.goNext('two')}}},[_vm._v(\" My details are correct \")])])])]):_c('div',{staticClass:\"col step step-three\"},[_vm._m(1),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col text-center\"},[_c('p',[_vm._v(\"Do not click 'Start test' until you are told to do so.\")]),_c('button',{staticClass:\"button button-bc btn-primary next-button last-step\",attrs:{\"id\":\"start-test\"},on:{\"click\":_vm.goTest}},[_vm._v(\" Start test \")])])])])])]),(_vm.isShowNote)?_c('note',{staticClass:\"note_instructions\",attrs:{\"main-text\":_vm.instructionsNote,\"contenteditable\":false},on:{\"close-note\":_vm.closeNote}}):_vm._e()],1):_c('div',{staticClass:\"test-container container-fluid px-lg-5\"},[_c('div',{staticClass:\"row mx-lg-n5\"},[_c('div',{staticClass:\"test col py-3 px-lg-5 test-reading view content\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('div',{staticClass:\"row\"},[_c('part-bar',{attrs:{\"part-bar-data\":{\n                  part: _vm.currentPart,\n                  partDesc: 'part.content',\n                }}})],1),_c('div',{staticClass:\"row\"},_vm._l((_vm.readingData),function(part){return _c('div',{key:part.id,staticClass:\"col exercises has-parts\",class:_vm.currentPart === part.part ? '' : 'hidden'},[_c('div',{staticClass:\"row part\"},[(part.isHasDragParagraph)?[_c('div',{staticClass:\"col col-12 col-lg-6 pr-md-5 reading_text\"},_vm._l((_vm.content_342[part.id]),function(content,index){return _c('div',{key:index,staticClass:\"question-item\"},[_c('span',{domProps:{\"innerHTML\":_vm._s(content)}}),(\n                            _vm.questions_342[part.id][index] &&\n                            _vm.group_342[_vm.currentPart]\n                          )?[_c('span',{staticStyle:{\"float\":\"left\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.questions_342[part.id][index].questionNumber)+\". \")]),_c('draggable',{staticClass:\"dragArea list-group item-area col col-12 col-lg-7 pr-md-5 reading_text\",attrs:{\"id\":_vm.questions_342[part.id][index].id,\"list\":_vm.chooseAnswers[_vm.questions_342[part.id][index].id],\"clone\":_vm.clone,\"options\":{\n                              chosenClass: '',\n                              dragClass: 'yellow',\n                              ghoseClass: 'blue',\n                              disabled: false,\n                            },\"group\":{\n                              name: _vm.group_342[_vm.currentPart].id,\n                              pull: false,\n                            },\"move\":_vm.checkMove,\"component-data\":_vm.getComponentData()},on:{\"start\":_vm.start,\"end\":_vm.onEnd,\"add\":_vm.add,\"unchoose\":_vm.answerUnchoose}},[_c('div',{staticClass:\"noDrag\",staticStyle:{\"overflow\":\"hidden\"},attrs:{\"canDrag\":\"false\"}},[(\n                                  _vm.chooseAnswers[\n                                    _vm.questions_342[part.id][index].id\n                                  ] &&\n                                  _vm.chooseAnswers[\n                                    _vm.questions_342[part.id][index].id\n                                  ][0]\n                                )?_c('span',[_vm._v(\" \"+_vm._s(_vm.chooseAnswers[ _vm.questions_342[part.id][index].id ][0].option_alias || _vm.chooseAnswers[ _vm.questions_342[part.id][index].id ][0].option)+\" \"+_vm._s(_vm.calcDragCon( _vm.chooseAnswers[ _vm.questions_342[part.id][index].id ][0].option )))]):_vm._e()])])]:_vm._e(),_c('br')],2)}),0)]:[_c('div',{staticClass:\"col col-12 col-lg-6 pr-md-5 reading_text\",domProps:{\"innerHTML\":_vm._s(part.content)}})],_c('div',{staticClass:\"col d-lg-none\"},[_c('navigation',{attrs:{\"buttonGroups\":_vm.buttonGroups}})],1),_c('div',{staticClass:\"col col-12 col-lg-6 pl-md-4 reading_questions foucu-scroller\"},_vm._l((part.groups),function(group){return _c('div',{key:group.id,staticClass:\"row exercise exercise-mc1\"},[(\n                          group.type === _vm.QUESTION_TYPE.MULTIPLECHOICE ||\n                          group.question_type === _vm.QUESTION_TYPE.TRUROrFALSE ||\n                          group.question_type === _vm.QUESTION_TYPE.EITHEROR\n                        )?_c('exercise-group',{attrs:{\"exercise-desc\":{\n                          exerciseRange: `${group.note}`,\n                          instructions: group.description,\n                        },\"group\":group}},[_c('div',{staticClass:\"col\",attrs:{\"slot\":\"exerciseSlot\"},slot:\"exerciseSlot\"},_vm._l((group.questions),function(question){return _c('multiple-choice',{key:question.id,attrs:{\"id\":question.id,\"question-desc\":question,\"answers\":_vm.selectAnswers,\"question-type\":\"reading\"},on:{\"submitAnswer\":_vm.submitAnswer}})}),1)]):_vm._e(),(group.type === _vm.QUESTION_TYPE.MULTIPLEANSWER)?_c('exercise-group',{attrs:{\"exercise-desc\":{\n                          exerciseRange: `${group.note}`,\n                          instructions: group.description,\n                        },\"group\":group}},[_c('div',{staticClass:\"col\",attrs:{\"slot\":\"exerciseSlot\"},slot:\"exerciseSlot\"},_vm._l((group.questions),function(question,index){return _c('multiple-answer',{key:index,staticClass:\"d_jump\",attrs:{\"id\":question.id,\"questionRange\":`${group.beginNum} - ${\n                              group.beginNum +\n                              group.questions[0].answer.length -\n                              1\n                            }`,\"beginNumber\":group.beginNum,\"question-desc\":question,\"answers\":(_vm.selectAnswers[question.id] &&\n                                _vm.selectAnswers[question.id].answer.split(\n                                  ''\n                                )) ||\n                              [],\"question-type\":\"reading\"},on:{\"submitAnswer\":_vm.submitAnswer}})}),1)]):_vm._e(),(\n                          group.question_type === _vm.QUESTION_TYPE.NOTCOMPLETION\n                        )?_c('exercise-group',{attrs:{\"exercise-desc\":{\n                          exerciseRange: `${group.note}`,\n                          instructions: group.instructions,\n                        },\"group\":group}},[_c('div',{staticClass:\"row list-unstyled font-weight-bold questions\",attrs:{\"slot\":\"exerciseSlot\"},slot:\"exerciseSlot\"},[_c('note-completion',{staticClass:\"d_jump reading_note\",attrs:{\"id\":group.id,\"selectAnswers\":_vm.selectAnswers,\"question-desc\":group},on:{\"submitAnswer\":_vm.submitAnswer}})],1)]):_vm._e(),(\n                          group.type === _vm.QUESTION_TYPE.MATCH ||\n                          group.type === _vm.QUESTION_TYPE.TITLE\n                        )?_c('exercise-group',{attrs:{\"exercise-desc\":{\n                          exerciseRange: `${group.note}`,\n                          instructions: group.description,\n                        },\"group\":group}},[_c('div',{staticClass:\"col list-unstyled font-weight-bold questions\",attrs:{\"slot\":\"exerciseSlot\"},slot:\"exerciseSlot\"},[(\n                              group.mode === _vm.QUESTION_TYPE_MODE.MATCH_TABLE ||\n                              group.mode ===\n                                _vm.QUESTION_TYPE_MODE.MATCH_FILL_IN_BANK ||\n                              group.mode ===\n                                _vm.QUESTION_TYPE_MODE.MATCH_DRAG_TO_PARAGRAPH||\n                              group.mode ===\n                                _vm.QUESTION_TYPE_MODE.MATCH_DRAG_TO_QUESTION\n                            )?[_c('match',{attrs:{\"group\":group,\"selectAnswers\":_vm.selectAnswers},on:{\"submitAnswer\":_vm.submitAnswer}})]:_vm._l((group.questions),function(question){return _c('multiple-choice',{key:question.id,attrs:{\"id\":question.id,\"question-desc\":question,\"question-type\":\"reading\"},on:{\"submitAnswer\":_vm.submitAnswer}})})],2)]):_vm._e()],1)}),0)],2)])}),0)])])])]),_c('div',{staticClass:\"row question-navigation d-none d-lg-flex\",staticStyle:{\"margin-top\":\"10px\"}},[_c('navigation',{attrs:{\"button-groups\":_vm.buttonGroups}})],1)])])\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('ul',[_c('li',[_vm._v(\"Name:\")]),_c('li',[_vm._v(\"Date of birth: XX-XX-XXXX\")]),_c('li',[_vm._v(\"Candidate number: xxxx xxxx - 123456\")])])\n},function (){var _vm=this,_c=_vm._self._c,_setup=_vm._self._setupProxy;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col\"},[_c('h5',[_vm._v(\"IELTS Academic Reading\")]),_c('p',[_vm._v(\"Time: 1 hour\")]),_c('h5',[_vm._v(\"INSTRUCTIONS TO CANDIDATES\")]),_c('ul',[_c('li',[_vm._v(\"Answer \"),_c('strong',[_vm._v(\"all\")]),_vm._v(\" the questions.\")]),_c('li',[_vm._v(\" You can change your answers at any time during the test. \")])]),_c('h5',[_vm._v(\"INFORMATION FOR CANDIDATES\")]),_c('ul',[_c('li',[_vm._v(\"There are 40 questions in this test.\")]),_c('li',[_vm._v(\"Each question carries one mark.\")]),_c('li',[_vm._v(\" The test clock will show you when there are 10 minutes and 5 minutes remaining. \")])])])])\n}]\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"card font-weight-normal question\",attrs:{\"id\":\"question-48\"}},[_c('div',{staticClass:\"card-header\"},[_c('h2',{staticClass:\"mb-0 question-text needs-focus\",class:(_vm.currentQuestion <=_vm.questionDesc.questionNumber&&_vm.currentQuestion >=_vm.beginNumber)?'highlight':''},[_c('button',{staticClass:\"btn bnt-link font-weight-bold\",attrs:{\"type\":\"button\",\"data-toggle\":\"collapse\",\"data-target\":\"#answers-48\",\"data-question-id\":\"48\",\"aria-expanded\":\"true\",\"aria-controls\":\"answers-48\"},on:{\"click\":function($event){return _vm.showQuestion(_vm.questionDesc.questionNumber)}}},[_c('span',{staticClass:\"pr-3 pl-1 q-number\"},[_vm._v(_vm._s(_vm.questionRange))]),_c('span',{domProps:{\"innerHTML\":_vm._s(_vm.questionDesc.content)}}),_c('span',{staticClass:\"down-arrow\"})])])]),_c('div',{staticClass:\"collapse\",class:(_vm.currentQuestion <=_vm.questionDesc.questionNumber&&_vm.currentQuestion >=_vm.beginNumber)?'show':'',attrs:{\"id\":_vm.questionDesc.id,\"questionNum\":_vm.questionDesc.questionNumber,\"data-parent\":\"#exercise-accordion-13\"}},[_c('div',{staticClass:\"card-body\"},[_c('ul',{staticClass:\"list-unstyled pl-4 answers\"},_vm._l((_vm.questionDesc.options),function(option){return _c('li',{key:option.option},[_c('label',{},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.questionAnswers),expression:\"questionAnswers\"}],staticClass:\"answer\",attrs:{\"name\":\"answer-48\",\"type\":\"checkbox\",\"disabled\":_vm.questionAnswers.length>=_vm.questionDesc.answer.length&&!_vm.questionAnswers.includes(option.option),\"autocomplete\":\"off\",\"autocorrect\":\"off\",\"autocapitalize\":\"off\",\"spellcheck\":\"false\"},domProps:{\"value\":option.option,\"checked\":Array.isArray(_vm.questionAnswers)?_vm._i(_vm.questionAnswers,option.option)>-1:(_vm.questionAnswers)},on:{\"change\":function($event){var $$a=_vm.questionAnswers,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=option.option,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.questionAnswers=$$a.concat([$$v]))}else{$$i>-1&&(_vm.questionAnswers=$$a.slice(0,$$i).concat($$a.slice($$i+1)))}}else{_vm.questionAnswers=$$c}}}}),_vm._v(\" \"+_vm._s(option.text))])])}),0)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"card font-weight-normal question\" id=\"question-48\">\n    <div class=\"card-header\">\n      <h2 class=\"mb-0 question-text  needs-focus\"\n          :class=\"(currentQuestion <=questionDesc.questionNumber&&currentQuestion >=beginNumber)?'highlight':'' \">\n        <button class=\"btn bnt-link font-weight-bold\" type=\"button\" data-toggle=\"collapse\" data-target=\"#answers-48\"\n                data-question-id=\"48\" aria-expanded=\"true\" aria-controls=\"answers-48\"\n                @click=\"showQuestion(questionDesc.questionNumber)\"><span\n            class=\"pr-3 pl-1 q-number\">{{questionRange}}</span><span v-html=\"questionDesc.content\"></span>\n          <span class=\"down-arrow\"></span>\n        </button>\n      </h2>\n    </div>\n    <div :id=\"questionDesc.id\" class=\"collapse\"\n         :questionNum=\"questionDesc.questionNumber\"\n         :class=\"(currentQuestion <=questionDesc.questionNumber&&currentQuestion >=beginNumber)?'show':''\"\n         data-parent=\"#exercise-accordion-13\" style=\"\">\n      <div class=\"card-body\">\n        <ul class=\"list-unstyled pl-4 answers\">\n          <li class=\"\" v-for=\"option in questionDesc.options\" :key=\"option.option\">\n            <label class=\"\"><input name=\"answer-48\" class=\"answer\" type=\"checkbox\"\n                                   :disabled=\"questionAnswers.length>=questionDesc.answer.length&&!questionAnswers.includes(option.option)\"\n                                   v-model=\"questionAnswers\"\n                                   :value=\"option.option\"\n                                   autocomplete=\"off\" autocorrect=\"off\"\n                                   autocapitalize=\"off\" spellcheck=\"false\"> {{ option.text}}</label>\n          </li>\n        </ul>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script>\n  import { mapActions, mapState } from 'vuex'\n\n\n  export default {\n    name: 'mutipleChoice-reading',\n    data () {\n      return {\n        questionAnswers: [],\n      }\n    },\n    props: {\n      questionDesc: {\n        type: Object,\n        default: () => {\n          return {\n            id: '',\n            questionNumber: '',\n            questionText: '',\n            answers: []\n          }\n        }\n      },\n      beginNumber: {\n        type: Number,\n        default: 0\n      },\n      questionRange: {\n        type: String,\n        default: ''\n      }\n    },\n    computed: {\n      ...mapState({\n        currentQuestion: state => state.tests.currentQuestion\n      })\n    },\n    methods: {\n      showQuestion (questionNumber) {\n        if (questionNumber === this.currentQuestion) {\n          this.setCurrentQuestion('')\n        } else {\n          this.setCurrentQuestion(questionNumber)\n        }\n      },\n      ...mapActions([\n        'setIsAnswered',\n        'setCurrentQuestion',\n        'setCurrentQuestion'\n      ])\n    },\n    watch: {\n      questionAnswers (newVal, oldVal) {\n        let ob = newVal\n        if (newVal.length > 0) {\n          let answers = []\n          let obj = {\n            question_id: this.questionDesc.id,\n          }\n          for (let i = 0; i < newVal.length; i++) {\n            answers.push(newVal[i])\n            let question = this.questionDesc\n            question.questionNumber = this.beginNumber + i\n            question.isAnswered = true\n            this.setIsAnswered(question)\n            this.setCurrentQuestion(question.questionNumber)\n          }\n          obj.answers = answers.toString()\n        }\n      }\n    }\n  }\n</script>\n\n<style lang=\"less\" scoped>\n  .question-text.highlight, .question-navigation button.highlight {\n    background-color: #b4dbf7;\n    color: white;\n  }\n\n  .q-number {\n    float: left;\n    margin-bottom: .5em;\n    padding-right: 10px;\n  }\n\n  .card {\n    background: transparent;\n    border: none;\n  }\n\n  .card-header {\n    background-color: transparent;\n    border: none;\n    border-radius: 8px;\n\n    button {\n      padding-top: 10px;\n      padding-bottom: 0;\n      user-select: text;\n      span {\n        font-size: inherit;\n      }\n    }\n\n    h2 {\n      border-radius: 8px;\n    }\n  }\n\n  .question-text {\n    background-color: #faf6f6;\n    border: 1px solid #e6e6e6;\n    padding: 0 0 0 0;\n\n    button {\n      text-align: left;\n      width: 100%;\n    }\n  }\n\n  input.answer[type=\"radio\"] {\n    margin-right: 15px;\n    vertical-align: middle;\n  }\n\n  .fade {\n  @include transition(opacity .15 s linear);\n\n    &:not(.show) {\n      opacity: 0;\n    }\n  }\n\n  .collapse {\n    &:not(.show) {\n      display: none;\n    }\n  }\n\n  .collapsing {\n    position: relative;\n    height: 0;\n    overflow: hidden;\n  @include transition(height .35 s ease);\n  }\n\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./multipleAnswer-reading.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./multipleAnswer-reading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./multipleAnswer-reading.vue?vue&type=template&id=b39cc50e&scoped=true&\"\nimport script from \"./multipleAnswer-reading.vue?vue&type=script&lang=js&\"\nexport * from \"./multipleAnswer-reading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./multipleAnswer-reading.vue?vue&type=style&index=0&id=b39cc50e&prod&lang=less&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  \"b39cc50e\",\n  null\n  \n)\n\nexport default component.exports","import note from \"../../../components/common/edit/note.vue\";\nimport exerciseGroup from \"@/components/question/exercise/exercise.vue\";\nimport partBar from \"@/components/question/partBar/partBar.vue\";\nimport multipleChoice from \"@/components/question/multipleChoice/multipleChoice.vue\";\nimport multipleAnswer from \"@/components/question/multipleAnswer/multipleAnswer.vue\";\nimport navigation from \"@/components/question/navigation/navigation.vue\";\nimport noteCompletion from \"@/components/question/noteCompletion/noteCompletion\";\nimport multipleAnswerReading from \"@/components/question/multipleAnswer/multipleAnswer-reading.vue\";\nimport Match from \"@/components/question/match/match.vue\";\nimport draggable from \"vuedraggable\";\n\n\nimport * as Api from \"@/api/mock\";\nimport { mapActions, mapState } from \"vuex\";\nimport {\n  EXERCISE_TYPE,\n  QUESTION_TYPE,\n  QUESTION_TYPE_MODE,\n  MOCK_SECTION,\n} from \"@/utils/constant\";\nimport { replaceHtml, dealData, differArr } from \"@/utils/util\";\n// import { replaceHtml, dealData, postAnswer, differArr } from '@/utils/util'\nimport marked from \"marked\";\nimport { mockMix } from \"@/views/mock/mixins/mockMix\";\n\nimport AES from \"@/utils/AES\";\n\nlet Base64 = require(\"js-base64\").Base64;\n\nexport default {\n  mixins: [mockMix],\n  data() {\n    return {\n      beginButton: true,\n      showStep: \"one\",\n      paperId: \"\",\n      readingData: [],\n      answers: [],\n      isShowInstructions: true,\n      selectAnswers: {},\n      isShowNote: true,\n      timeInterval: null,\n      QUESTION_TYPE,\n      QUESTION_TYPE_MODE,\n      questions_342: {},\n      content_342: {},\n      group_342: {},\n      chooseAnswers: {},\n      copyAnswers: {},\n      copyQuestions: [],\n      exerciseType: 3,\n      totalPart: 0,\n    };\n  },\n  props:{\n    curTime:{\n      type: Number,\n      default: 0\n    }\n  },\n  computed: {\n    instructionsNote() {\n      if (this.showStep === \"one\") {\n        return \"Please click the “my details are correct” button to progress into the reading familiarisation test, in your real IELTS test there will be an invigilator in the room to advise when to do this.\";\n      } else if (this.showStep === \"two\") {\n        return \"Please click the “Start test” button to start the familiarisation test, in your real IELTS test there will be an invigilator in the room to advise when to do this.\";\n      }\n    },\n    ...mapState({\n      currentPart: (state) => state.tests.currentPart,\n      buttonGroups: (state) => state.tests.buttonGroups,\n      sections: (state) => state.common.sections,\n      recordId: (state) => state.tests.recordId,\n      exerciseMode: (state) => state.tests.exerciseMode,\n      countDownLimit: (state) => state.tests.countDownLimit,\n      recordDetails: (state) => state.tests.detailIds,\n      currentTarget: (state) => state.tests.dragTarget,\n    }),\n  },\n  mounted() {\n    let routeQuery = this.$route.query;\n    this.exerciseType = routeQuery.type * 1 || EXERCISE_TYPE.MOCK;\n    this.beginButton = true;\n    this.setCurrentSection(\"reading\");\n    marked.setOptions({\n      renderer: new marked.Renderer(),\n      pedantic: false,\n      gfm: false,\n      headerIds: true,\n      headerPrefix: \"\",\n      highlight: null,\n      tables: false,\n      breaks: false,\n      sanitize: false,\n      silent: false,\n      smartLists: true,\n      smartypants: false,\n      mangle: true,\n      xhtml: false,\n    });\n    this.paperId = this.$route.params.id;\n    this.setCountdownLimit(3600);\n    this.totalDuration = 3600;\n    this.getRecordId();\n    history.pushState(null, null, window.location.href);\n    window.addEventListener(\"popstate\", function() {\n      history.pushState(null, null, window.location.href);\n    });\n  },\n  methods: {\n    submitAnswer(answer, callback) {\n      let detail = {\n        recordId: this.recordId,\n        section: MOCK_SECTION.READING\n      };\n      this.postAnswer(\"reading\", detail, answer, this.exerciseType, callback);\n    },\n    getSection() {\n      let detail = {\n        recordId: this.recordId,\n        section: MOCK_SECTION.READING\n      };\n      Api.getPaper(\n        detail,\n        (res) => {\n          const { iv, value } = JSON.parse(Base64.decode(res.encrypted))\n          const decroptRes = JSON.parse(AES.decrypt(value, '', 'CBC', iv))\n          this.dealData(decroptRes).then(([data, buttons]) => {\n            data.forEach((item) => {\n              let hlsReg = /\\[HLS\\[\\d{7,8}\\]]/g;\n              item.content = item.content.replace(hlsReg, \"\");\n            });\n            this.readingData = data;\n            this.setCurrentPart(data[0].part);\n            this.setButtonGroups(buttons);\n            this.partContent(data);\n            let questionArr = [];\n            Object.keys(this.questions_342).forEach((ele) => {\n              questionArr = [...questionArr, ...this.questions_342[ele]];\n            });\n            Object.keys(this.selectAnswers).forEach((answer) => {\n              questionArr.forEach((question) => {\n                if (\n                  this.selectAnswers[answer].question_id * 1 ===\n                  question.id * 1\n                ) {\n                  question.isAnswered = true;\n                  this.setIsAnswered(question);\n                }\n              });\n            });\n          });\n        },\n        \"\",\n        this.exerciseType\n      );\n    },\n\n    getAnswers() {\n      let detail = {\n        recordId: this.recordId,\n        section: MOCK_SECTION.READING\n      };\n      Api.getSelectAnswer(this.exerciseType, detail, \"\", (res) => {\n        let answers;\n        if (res instanceof Array) {\n          answers = {\n            spent_second: 0,\n            answers: res,\n          };\n          let leaveTime = this.totalDuration - this.getMockRecordSectionDetail(this.recordDetails)?.spent_second;\n          this.setCountdownLimit(leaveTime);\n        } else {\n          answers = res;\n          let leaveTime = this.totalDuration - res.spent_second;\n          this.setCountdownLimit(leaveTime);\n          this.setCurrentPartObj({\n            id:res.part_id\n          })\n          this.setCurrentPaper(res.paper)\n        }\n        \n        \n        if (answers.answers.length === 0) {\n          this.selectAnswers = {};\n        } else {\n          let answerObj = {};\n          answers.answers.forEach((answer) => {\n            answer.answer = answer.content\n            delete answer.content\n            answerObj[answer.question_id] = answer;\n          });\n          this.answers = answers.answers;\n          this.selectAnswers = answerObj;\n        }\n        this.getSection();\n      });\n    },\n    clone(obj) {\n      let target = { ...obj };\n      this.setDragTarget = target;\n      return obj;\n    },\n    getComponentData() {\n      return {\n        on: {\n          change: this.handleChange,\n          input: this.inputChanged,\n        },\n        attrs: {\n          wrap: true,\n        },\n        props: {\n          value: this.activeNames,\n        },\n      };\n    },\n    start({ originalEvent }) {\n      console.log(\"start\");\n      this.controlOnStart = originalEvent.ctrlKey;\n    },\n    checkMove(evt, originalEvent) {\n      if (evt.relatedContext.element) {\n      }\n    },\n    onEnd() {\n      console.log(\"end\");\n    },\n    add(target) {\n      let id = target.to.id;\n      // 答案可以选多次\n      if (this.group_342[this.currentPart].can_repeat_option) {\n        if (this.chooseAnswers[id] && this.chooseAnswers[id].length > 0) {\n          this.chooseAnswers[id] = [];\n          this.chooseAnswers[id].push(this.currentTarget);\n        } else {\n          this.chooseAnswers[id] = [this.currentTarget];\n        }\n        this.chooseAnswers = Object.assign({}, this.chooseAnswers);\n\n        // 答案只能选一次\n      } else {\n        let oldValue = {};\n        if (this.chooseAnswers[id] && this.chooseAnswers[id].length > 1) {\n          // oldValue = Object.assign({}, this.chooseAnswers[id][1])\n          this.chooseAnswers[id].forEach((item) => {\n            if (item.option !== this.currentTarget.option) {\n              oldValue = item;\n            }\n          });\n          this.chooseAnswers[id] = [];\n          this.chooseAnswers[id].push(this.currentTarget);\n        } else {\n          this.chooseAnswers[id] = [this.currentTarget];\n        }\n        this.chooseAnswers = Object.assign({}, this.chooseAnswers);\n        this.copyAnswers[this.currentPart].forEach((answer) => {\n          if (answer.option === this.currentTarget.option) {\n            answer.isHide = true;\n          }\n          if (answer.option === oldValue.option) {\n            answer.isHide = false;\n          }\n        });\n      }\n      let currentQuestion = {};\n      this.group_342[this.currentPart].questions.forEach((question) => {\n        if (question.id === id * 1) {\n          currentQuestion = { ...question };\n        }\n      });\n      let obj = {\n        question_id: id,\n        answer: this.currentTarget.option,\n      };\n      currentQuestion.isAnswered = true;\n      this.setIsAnswered(currentQuestion);\n      this.submitAnswer(obj);\n      this.setCurrentQuestion(currentQuestion.questionNumber);\n      let answerArr = [];\n      let answerObj = {};\n      this.answers.push(obj);\n\n      this.answers.forEach((answer) => {\n        if (answer.question_id === id) {\n          answer.answer = this.currentTarget.option;\n        }\n        answerArr.push(answer.question_id * 1);\n        answerObj[answer.question_id] = answer.answer;\n      });\n      let currentOptions = [];\n      this.copyAnswers[this.currentPart].forEach((option) => {\n        currentOptions.push(option.option);\n      });\n      let selectOptionArr = [];\n      let unselecOptiontArr = [];\n      this.group_342[this.currentPart].questions.forEach((answer) => {\n        if (answerArr.indexOf(answer.id) > -1) {\n          currentOptions.forEach((ele) => {\n            if (ele === answerObj[answer.id]) {\n              selectOptionArr.push(ele);\n            }\n          });\n        } else {\n          this.$EventBus.$emit(\"setOption\", {\n            option: answerObj[answer.id],\n            isHide: false,\n            id: this.group_342[this.currentPart].id,\n          });\n        }\n      });\n      unselecOptiontArr = this.differArr(currentOptions, selectOptionArr);\n      selectOptionArr.forEach((ele) => {\n        if (ele === answerObj[id]) {\n          this.$EventBus.$emit(\"setOption\", {\n            option: answerObj[id],\n            isHide: true,\n            id: this.group_342[this.currentPart].id,\n          });\n        }\n      });\n      unselecOptiontArr.forEach((ele) => {\n        this.$EventBus.$emit(\"setOption\", {\n          option: ele,\n          isHide: false,\n          id: this.group_342[this.currentPart].id,\n        });\n      });\n    },\n    answerUnchoose(target) {\n      let id = target.to.id;\n      let currentQuestion = {};\n      this.group_342[this.currentPart].questions.forEach((question) => {\n        if (question.id === id * 1) {\n          currentQuestion = { ...question };\n        }\n      });\n      currentQuestion.isAnswered = false;\n      this.setIsAnswered(currentQuestion);\n      let obj = {\n        question_id: id,\n        answer: \"\",\n      };\n      this.answers.forEach((answer, index) => {\n        if (answer.question_id === parseInt(id)) {\n          this.answers.splice(index, 1);\n        }\n      });\n\n      this.submitAnswer(obj);\n      let currentOption = { ...this.chooseAnswers[target.to.id][0] };\n      this.chooseAnswers[target.to.id] = [];\n      this.chooseAnswers = Object.assign({}, this.chooseAnswers);\n      if (!this.group_342[this.currentPart].can_repeat_option) {\n        this.$EventBus.$emit(\"setOption\", {\n          option: currentOption.option,\n          isHide: false,\n          id: this.group_342[this.currentPart].id,\n        });\n      }\n    },\n    handleChange(a, b) {\n      // console.log('changed', a, b)\n    },\n    inputChanged(value) {\n      // console.log(value)\n      this.activeNames = value;\n    },\n\n    goNext(step) {\n      this.showStep = step;\n    },\n    goTest() {\n      if (this.beginButton) {\n        this.setIsStarted(true);\n        this.beginButton = false;\n        this.isShowInstructions = false;\n        this.$emit(\"startTimer\", this.countDownLimit);\n        if (this.exerciseMode === \"first\") {\n          this.submitAnswer(\"\");\n        } else {\n          this.submitAnswer(\"continue\");\n        }\n        this.timeInterval = setInterval(() => {\n          this.submitAnswer(\"second\");\n        }, 30000);\n      }\n    },\n    closeNote() {\n      this.isShowNote = false;\n    },\n    partContent(data) {\n      data.forEach((partItem, pIndex) => {\n        if (partItem.isHasDragParagraph) {\n          partItem.groups.forEach((group, index) => {\n            if (group.mode === QUESTION_TYPE_MODE.MATCH_DRAG_TO_PARAGRAPH) {\n              this.questions_342[partItem.id] = group.questions;\n              this.group_342[partItem.part] = group;\n              this.copyAnswers[partItem.part] = group.options;\n              this.answers.forEach((answer) => {\n                this.copyAnswers[partItem.part].forEach((option) => {\n                  if (option.option === answer.answer) {\n                    // option.isHide = true\n                    this.chooseAnswers[answer.question_id] = [option];\n                  }\n                });\n              });\n            }\n          });\n          this.content_342[partItem.id] = partItem.content.split(\"[d[=NO=]]\");\n        }\n      });\n    },\n    calcDragCon(option) {\n      let text = \"\";\n      this.copyAnswers[this.currentPart].forEach((_option) => {\n        if (option === _option.option) {\n          text = \". \" + _option.text;\n        }\n      });\n      return text;\n    },\n    differArr,\n    dealData,\n    // postAnswer,\n    replaceHtml,\n    ...mapActions([\n      \"setCurrentPart\",\n      \"setButtonGroups\",\n      \"setCurrentSection\",\n      \"setCountdownLimit\",\n      \"setDragTarget\",\n      \"setIsAnswered\",\n      \"setCurrentQuestion\",\n      \"setIsStarted\",\n      \"setCurrentPartObj\",\n      \"setCurrentPaper\"\n    ]),\n  },\n  components: {\n    note,\n    Match,\n    draggable,\n    partBar,\n    navigation,\n    exerciseGroup,\n    multipleAnswer,\n    multipleChoice,\n    multipleAnswerReading,\n    noteCompletion,\n  },\n  beforeRouteLeave(to, from, next) {\n    clearInterval(this.timeInterval);\n    next();\n  },\n};\n","<template>\n  <div class=\"p_reading\">\n    <div class=\"confirmDetails\" v-if=\"isShowInstructions\">\n      <div class=\"p-content container-fluid\">\n        <div class=\"row instructions steps\">\n          <div class=\"col step step-one\" v-if=\"showStep === 'one'\">\n            <div class=\"student-detail\">\n              <img src=\"../../../assets/img/userCheck.png\" alt=\"\" />\n              <p class=\"bc-box-title\">Confirm your details</p>\n              <div class=\"bc-box\">\n                <h3 style=\"color: red; text-align: center; font-size: 1.75rem\">\n                  EXAMPLE\n                </h3>\n                <ul>\n                  <li>Name:</li>\n                  <li>Date of birth: XX-XX-XXXX</li>\n                  <li>Candidate number: xxxx xxxx - 123456</li>\n                </ul>\n                <p class=\"bx-box-info\">\n                  If your details aren't correct, please inform the invigilator.\n                </p>\n                <button class=\"button button-bc\" @click=\"goNext('two')\">\n                  My details are correct\n                </button>\n              </div>\n            </div>\n          </div>\n          <div class=\"col step step-three\" v-else>\n            <div class=\"row\">\n              <div class=\"col\">\n                <h5>IELTS Academic Reading</h5>\n                <p>Time: 1 hour</p>\n                <h5>INSTRUCTIONS TO CANDIDATES</h5>\n                <ul>\n                  <li>Answer <strong>all</strong> the questions.</li>\n                  <li>\n                    You can change your answers at any time during the test.\n                  </li>\n                </ul>\n                <h5>INFORMATION FOR CANDIDATES</h5>\n                <ul>\n                  <li>There are 40 questions in this test.</li>\n                  <li>Each question carries one mark.</li>\n                  <li>\n                    The test clock will show you when there are 10 minutes and 5\n                    minutes remaining.\n                  </li>\n                </ul>\n              </div>\n            </div>\n            <div class=\"row\">\n              <div class=\"col text-center\">\n                <p>Do not click 'Start test' until you are told to do so.</p>\n                <button\n                  id=\"start-test\"\n                  class=\"button button-bc btn-primary next-button last-step\"\n                  @click=\"goTest\"\n                >\n                  Start test\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <note\n        class=\"note_instructions\"\n        @close-note=\"closeNote\"\n        v-if=\"isShowNote\"\n        :main-text=\"instructionsNote\"\n        :contenteditable=\"false\"\n      ></note>\n    </div>\n    <div class=\"test-container container-fluid px-lg-5\" v-else>\n      <div class=\"row mx-lg-n5\">\n        <div class=\"test col py-3 px-lg-5 test-reading view content\">\n          <div class=\"row\">\n            <div class=\"col\">\n              <!-- title row -->\n              <div class=\"row\">\n                <part-bar\n                  class=\"\"\n                  :part-bar-data=\"{\n                    part: currentPart,\n                    partDesc: 'part.content',\n                  }\"\n                ></part-bar>\n              </div>\n              <!-- question row -->\n              <div class=\"row\">\n                <div\n                  class=\"col exercises has-parts\"\n                  v-for=\"part in readingData\"\n                  :key=\"part.id\"\n                  :class=\"currentPart === part.part ? '' : 'hidden'\"\n                >\n                  <div class=\"row part\">\n                    <template v-if=\"part.isHasDragParagraph\">\n                      <div class=\"col col-12 col-lg-6 pr-md-5 reading_text\">\n                        <div\n                          class=\"question-item\"\n                          v-for=\"(content, index) in content_342[part.id]\"\n                          :key=\"index\"\n                        >\n                          <span v-html=\"content\"></span>\n                          <template\n                            v-if=\"\n                              questions_342[part.id][index] &&\n                              group_342[currentPart]\n                            \"\n                          >\n                            <span style=\"float: left; font-weight: bold\"\n                              >{{\n                                questions_342[part.id][index].questionNumber\n                              }}.\n                            </span>\n                            <draggable\n                              class=\"\n                                dragArea\n                                list-group\n                                item-area\n                                col col-12 col-lg-7\n                                pr-md-5\n                                reading_text\n                              \"\n                              :id=\"questions_342[part.id][index].id\"\n                              :list=\"\n                                chooseAnswers[questions_342[part.id][index].id]\n                              \"\n                              :clone=\"clone\"\n                              :options=\"{\n                                chosenClass: '',\n                                dragClass: 'yellow',\n                                ghoseClass: 'blue',\n                                disabled: false,\n                              }\"\n                              :group=\"{\n                                name: group_342[currentPart].id,\n                                pull: false,\n                              }\"\n                              @start=\"start\"\n                              @end=\"onEnd\"\n                              @add=\"add\"\n                              @unchoose=\"answerUnchoose\"\n                              :move=\"checkMove\"\n                              :component-data=\"getComponentData()\"\n                            >\n                              <div\n                                class=\"noDrag\"\n                                style=\"overflow: hidden\"\n                                canDrag=\"false\"\n                              >\n                                <span\n                                  v-if=\"\n                                    chooseAnswers[\n                                      questions_342[part.id][index].id\n                                    ] &&\n                                    chooseAnswers[\n                                      questions_342[part.id][index].id\n                                    ][0]\n                                  \"\n                                >\n                                  {{\n                                    chooseAnswers[\n                                      questions_342[part.id][index].id\n                                    ][0].option_alias ||\n                                    chooseAnswers[\n                                      questions_342[part.id][index].id\n                                    ][0].option\n                                  }}\n                                  {{\n                                    calcDragCon(\n                                      chooseAnswers[\n                                        questions_342[part.id][index].id\n                                      ][0].option\n                                    )\n                                  }}</span\n                                >\n                              </div>\n                            </draggable>\n                          </template>\n                          <br />\n                        </div>\n                      </div>\n                    </template>\n                    <template v-else>\n                      <div\n                        class=\"col col-12 col-lg-6 pr-md-5 reading_text\"\n                        v-html=\"part.content\"\n                      ></div>\n                    </template>\n                    <div class=\"col d-lg-none\">\n                      <navigation :buttonGroups=\"buttonGroups\"></navigation>\n                    </div>\n                    <div\n                      class=\"\n                        col col-12 col-lg-6\n                        pl-md-4\n                        reading_questions\n                        foucu-scroller\n                      \"\n                    >\n                      <div\n                        class=\"row exercise exercise-mc1\"\n                        v-for=\"group in part.groups\"\n                        :key=\"group.id\"\n                      >\n                        <exercise-group\n                          v-if=\"\n                            group.type === QUESTION_TYPE.MULTIPLECHOICE ||\n                            group.question_type === QUESTION_TYPE.TRUROrFALSE ||\n                            group.question_type === QUESTION_TYPE.EITHEROR\n                          \"\n                          :exercise-desc=\"{\n                            exerciseRange: `${group.note}`,\n                            instructions: group.description,\n                          }\"\n                          :group=\"group\"\n                        >\n                          <div slot=\"exerciseSlot\" class=\"col\">\n                            <multiple-choice\n                              v-for=\"question in group.questions\"\n                              :key=\"question.id\"\n                              :id=\"question.id\"\n                              :question-desc=\"question\"\n                              :answers=\"selectAnswers\"\n                              question-type=\"reading\"\n                              @submitAnswer=\"submitAnswer\"\n                            ></multiple-choice>\n                          </div>\n                        </exercise-group>\n                        <exercise-group\n                          v-if=\"group.type === QUESTION_TYPE.MULTIPLEANSWER\"\n                          :exercise-desc=\"{\n                            exerciseRange: `${group.note}`,\n                            instructions: group.description,\n                          }\"\n                          :group=\"group\"\n                        >\n                          <div slot=\"exerciseSlot\" class=\"col\">\n                            <multiple-answer\n                              v-for=\"(question, index) in group.questions\"\n                              :key=\"index\"\n                              class=\"d_jump\"\n                              :id=\"question.id\"\n                              :questionRange=\"`${group.beginNum} - ${\n                                group.beginNum +\n                                group.questions[0].answer.length -\n                                1\n                              }`\"\n                              :beginNumber=\"group.beginNum\"\n                              :question-desc=\"question\"\n                              :answers=\"\n                                (selectAnswers[question.id] &&\n                                  selectAnswers[question.id].answer.split(\n                                    ''\n                                  )) ||\n                                []\n                              \"\n                              @submitAnswer=\"submitAnswer\"\n                              question-type=\"reading\"\n                            ></multiple-answer>\n                          </div>\n                        </exercise-group>\n                        <exercise-group\n                          v-if=\"\n                            group.question_type === QUESTION_TYPE.NOTCOMPLETION\n                          \"\n                          :exercise-desc=\"{\n                            exerciseRange: `${group.note}`,\n                            instructions: group.instructions,\n                          }\"\n                          :group=\"group\"\n                        >\n                          <div\n                            slot=\"exerciseSlot\"\n                            class=\"row list-unstyled font-weight-bold questions\"\n                          >\n                            <note-completion\n                              class=\"d_jump reading_note\"\n                              :id=\"group.id\"\n                              @submitAnswer=\"submitAnswer\"\n                              :selectAnswers=\"selectAnswers\"\n                              :question-desc=\"group\"\n                            ></note-completion>\n                          </div>\n                        </exercise-group>\n                        <exercise-group\n                          v-if=\"\n                            group.type === QUESTION_TYPE.MATCH ||\n                            group.type === QUESTION_TYPE.TITLE\n                          \"\n                          :exercise-desc=\"{\n                            exerciseRange: `${group.note}`,\n                            instructions: group.description,\n                          }\"\n                          :group=\"group\"\n                        >\n                          <div\n                            slot=\"exerciseSlot\"\n                            class=\"col list-unstyled font-weight-bold questions\"\n                          >\n                            <template\n                              v-if=\"\n                                group.mode === QUESTION_TYPE_MODE.MATCH_TABLE ||\n                                group.mode ===\n                                  QUESTION_TYPE_MODE.MATCH_FILL_IN_BANK ||\n                                group.mode ===\n                                  QUESTION_TYPE_MODE.MATCH_DRAG_TO_PARAGRAPH||\n                                group.mode ===\n                                  QUESTION_TYPE_MODE.MATCH_DRAG_TO_QUESTION\n                              \"\n                            >\n                              <match\n                                :group=\"group\"\n                                :selectAnswers=\"selectAnswers\"\n                                @submitAnswer=\"submitAnswer\"\n                              ></match>\n                            </template>\n                            <template v-else>\n                              <multiple-choice\n                                v-for=\"question in group.questions\"\n                                :key=\"question.id\"\n                                :id=\"question.id\"\n                                :question-desc=\"question\"\n                                question-type=\"reading\"\n                                @submitAnswer=\"submitAnswer\"\n                              ></multiple-choice>\n                            </template>\n                          </div>\n                        </exercise-group>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div\n        class=\"row question-navigation d-none d-lg-flex\"\n        style=\"margin-top: 10px\"\n      >\n        <navigation :button-groups=\"buttonGroups\"></navigation>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport readingJs from \"./reading\";\nimport { QUESTION_TYPE } from \"@/utils/constant\";\n\nexport default readingJs;\n</script>\n\n<style lang=\"less\">\n.p_reading {\n  .instructions {\n    padding-top: 40px;\n    color: #212529;\n\n    .student-detail {\n      width: 100%;\n      max-width: 1120px;\n      margin: 80px auto 0 auto;\n    }\n\n    h5 {\n      font-weight: bold;\n      font-size: 1.25rem;\n    }\n\n    p,\n    ul {\n      color: #212529;\n      font-size: 14px;\n    }\n\n    .bc-box {\n      display: block;\n      width: 100%;\n      max-width: 1120px;\n      border: solid 1px white;\n      border-radius: 10px;\n      padding: 15px;\n      margin: 0 auto;\n    }\n\n    .button-bc {\n      margin: 0 auto;\n      display: block;\n      background-color: transparent;\n      color: #283e53;\n      font-weight: bold;\n      border: none;\n      box-shadow: 0 2px 2px grey;\n    }\n  }\n\n  .reading_text {\n    height: 100%;\n    overflow-y: auto;\n\n    h2 {\n      margin-bottom: 1rem;\n      text-align: center;\n    }\n\n    p {\n      margin-bottom: 1rem;\n\n      img {\n        width: 100%;\n      }\n    }\n  }\n\n  .reading_questions {\n    height: 100%;\n    overflow-y: auto;\n  }\n\n  .has-parts {\n    height: calc(100vh - 246px);\n    overflow-y: auto;\n\n    .part {\n      height: 100%;\n    }\n  }\n}\n\n.top-bar,\n.exercises {\n  box-shadow: 0 0.0714em 0.214em rgba(0, 0, 0, 0.25);\n  background-image: linear-gradient(to top, #fff, #dde3ee);\n}\n\n.exercises {\n  border-radius: 8px;\n  padding-top: 15px;\n  padding-bottom: 1em;\n}\n\n.hidden {\n  display: none;\n}\n\n.exercise {\n  margin-bottom: 2em;\n}\n\n.test-reading {\n  overflow-y: hidden;\n}\n\n.question-item {\n  .dragArea {\n    min-width: 80px;\n    padding: 0 10px;\n    height: 24px;\n    float: left;\n    border: 1px solid #0370a7;\n    border-radius: 0.143em;\n    background: #fff;\n    display: block;\n    padding-right: 10px !important;\n  }\n}\n\nul + p {\n  margin: 0;\n}\n\np + ul {\n  margin: 0;\n}\n\n.question-text {\n  button {\n    font-size: 0px;\n\n    span {\n      font-size: 0;\n\n      p {\n        font-size: 14px;\n        display: table;\n      }\n    }\n\n    .q-number {\n      font-size: 16px;\n    }\n  }\n}\n\nspan {\n  p {\n    margin: 0;\n  }\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./reading.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./reading.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./reading.vue?vue&type=template&id=1ed36618&\"\nimport script from \"./reading.vue?vue&type=script&lang=js&\"\nexport * from \"./reading.vue?vue&type=script&lang=js&\"\nimport style0 from \"./reading.vue?vue&type=style&index=0&id=1ed36618&prod&lang=less&\"\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--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./reading.vue?vue&type=style&index=0&id=1ed36618&prod&lang=less&\"","export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--11-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--11-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--11-oneOf-1-2!../../../../node_modules/less-loader/dist/cjs.js??ref--11-oneOf-1-3!../../../../node_modules/style-resources-loader/lib/index.js??ref--11-oneOf-1-4!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./multipleAnswer-reading.vue?vue&type=style&index=0&id=b39cc50e&prod&lang=less&scoped=true&\""],"sourceRoot":""}