{"version":3,"sources":["webpack:///./src/components/reuseable/listeningInformation.vue?8ac6","webpack:///src/components/reuseable/listeningInformation.vue","webpack:///./src/components/reuseable/listeningInformation.vue?0b1b","webpack:///./src/components/reuseable/listeningInformation.vue","webpack:///./src/components/reuseable/listeningInformation.vue?629c","webpack:///./src/components/listening/highlightincorrectword.vue?b9d4","webpack:///./src/components/listening/highlightincorrectword.vue?9dd2","webpack:///src/components/listening/highlightincorrectword.vue","webpack:///./src/components/listening/highlightincorrectword.vue?9a78","webpack:///./src/components/listening/highlightincorrectword.vue","webpack:///./src/components/listening/highlightincorrectword.vue?a293"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","showinfo","url","_v","_s","title","desc","staticRenderFns","component","on","$event","openNav","_e","class","selectedquestion","closeNav","ref","questionLists","_m","user_type","questId","question_id","questionrecording","_l","item","i","key","selectWord","staticStyle","marksGot","actualAnswer","length","submitanswer","redoQuest","checked","unchecked","disabled","checkAnswer","model","value","callback","$$v","checkAnswerFlag","expression","currentQuestion","$refs","intervalList","changeQuestion","searchKey","searchQuestionList","getQuestionDetail","answer_desc","innerHTML","vm","userAnswerResponse"],"mappings":"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","file":"js/HighLightCorrectWord~a0fc626b.52785995.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row mt-5\"},[_c('div',{staticClass:\"col-sx-12 col-sm-12 col-md-6 col-lg-4\"},[_c('video-embed',{attrs:{\"params\":{showinfo: 0},\"src\":_vm.url}})],1),_c('div',{staticClass:\"col-sx-12 col-sm-12 col-md-6 col-lg-7\"},[_c('h5',{staticClass:\"mt-2 mb-2\"},[_c('strong',[_vm._v(_vm._s(_vm.title))])]),_c('p',{staticClass:\"para mb-2\"},[_vm._v(\" \"+_vm._s(_vm.desc)+\" \")])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"row mt-5\">\n        <div class=\"col-sx-12 col-sm-12 col-md-6 col-lg-4\">\n            <video-embed :params=\"{showinfo: 0}\" :src=\"url\"></video-embed>\n            \n        </div>\n        <div class=\"col-sx-12 col-sm-12 col-md-6 col-lg-7\">\n            <h5 class=\"mt-2 mb-2\"><strong>{{title}}</strong></h5>\n            <p class=\"para mb-2\">\n               {{ desc }}\n            </p>\n        </div>\n    </div>\n</template>\n<script>\n// import LazyYoutube from 'vue-lazytube'\nexport default {\n    // components: {\n    //     LazyYoutube,\n    // },\n    props:['showOverLap'],\n    data(){\n        return{\n            url:\"https://www.youtube.com/watch?v=VLMYkMzM42M\",\n            title:\"How to prepare for PTE Exam | PTE Listening Module\",\n            desc:\"PTE Listening is the final section of the test and will take approximately 45-60 minutes, depending on the combination of tasks you may be presented with. You will be listening to a short recording in each task, all of which will relate to academic subjects such as humanities, natural sciences and social sciences.\"\n            \n        }\n    }\n}\n</script>\n<style scoped>\ndiv.row.mt-5{\n    margin-top: 3rem!important;\n}\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!./listeningInformation.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!./listeningInformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./listeningInformation.vue?vue&type=template&id=8fc985b4&scoped=true&\"\nimport script from \"./listeningInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./listeningInformation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./listeningInformation.vue?vue&type=style&index=0&id=8fc985b4&scoped=true&lang=css&\"\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  \"8fc985b4\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./listeningInformation.vue?vue&type=style&index=0&id=8fc985b4&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./listeningInformation.vue?vue&type=style&index=0&id=8fc985b4&scoped=true&lang=css&\"","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./highlightincorrectword.vue?vue&type=style&index=0&id=6bc31fa2&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./highlightincorrectword.vue?vue&type=style&index=0&id=6bc31fa2&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[(_vm.selectedquestion)?_c('span',{staticClass:\"col-sx-12 col-sm-12 col-md-12 d-sm-block d-md-block d-sx-block d-lg-none questionListBtn\",on:{\"click\":function($event){return _vm.openNav()}}},[_vm._v(\"☰ Questions\")]):_vm._e(),_c('div',{staticClass:\"questionList col-lg-4 col-xl-3 col-md-12 col-sx-12 col-sm-12\",class:{'sidenav':_vm.selectedquestion},attrs:{\"id\":\"mySidenav\"}},[_c('div',{staticClass:\"questionList col-sx-12 col-sm-12 col-md-12 d-sm-block d-sx-block d-md-block d-lg-none d-md-none pb-3 pt-3 mobileQuestTitle\"},[(_vm.selectedquestion)?_c('a',{staticClass:\"closebtn\",on:{\"click\":function($event){return _vm.closeNav()}}},[_vm._v(\"×\")]):_vm._e(),_c('h4',[_vm._v(\"Highlight Incorrect Words\")])]),_c('app-IntervalList',{ref:\"intervalList\",attrs:{\"questionLists\":_vm.questionLists}})],1),(!_vm.selectedquestion)?_c('div',{staticClass:\"questonhelp col-lg-8 col-xl-9 d-none d-lg-block\"},[_vm._m(0),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Introduction\")]),_c('p',{staticClass:\"para mb-2\"},[_vm._v(\"You will hear a recording. Some words in the transcription will differ from what the speakers says.\")]),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Skills assessed\")]),_c('p',{staticClass:\"heading mb-2\"},[_vm._v(\"Listening and reading\")]),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Number of questions\")]),_c('p',{staticClass:\"para mb-2\"},[_vm._v(\" 2 - 3 \")]),(_vm.user_type == 'premium')?[_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"KEY POINTS\")]),_vm._m(1)]:_vm._e(),_c('app-ListeningExtraInfo')],2):_vm._e(),(_vm.splitPara)?_c('div',{staticClass:\"questiondesc col-lg-8 col-xl-9 col-md-12 col-sm-12 col-sx-12\",class:{'col-12':(_vm.questId != 0)}},[_c('h4',[_vm._v(\"Highlight Incorrect Words\")]),_c('p',{staticClass:\"questHeading\"},[_vm._v(\"You will hear a recording. Below is a transcription of the recording. Some words in the transcription differ from what the speaker said. Please click on the words that are different.\")]),_c('div',{staticClass:\"row mb-2\"},[_c('div',{staticClass:\"col-xl-6 col-lg-12 col-md-12 col-sm-12 titleDiv\"},[_c('div',{staticClass:\"prepare\"},[_c('p',[_vm._v(_vm._s(_vm.title)+\" \")]),_c('app-Timer',{ref:\"timer\"})],1)]),_c('div',{staticClass:\"col-xl-6 col-lg-12 col-md-12 col-sm-12 text-right pr-0\"},[_c('app-QuestionStatus',{ref:\"QuestionResetStatus\",attrs:{\"selectedQuestion\":_vm.selectedquestion,\"question_id\":_vm.selectedquestion.question_id,\"idName\":'question_id',\"tableName\":'tblListeningHighlightInCorrectWords'}})],1)]),(_vm.questionrecording)?_c('div',{staticClass:\"audio-container mb-5\"},[_c('audio',{attrs:{\"id\":\"questionRec\",\"src\":_vm.questionrecording,\"controls\":\"\"}})]):_vm._e(),_vm._l((_vm.splitPara),function(item,i){return _c('div',{key:i,staticClass:\"singleWords\"},[_c('div',{staticClass:\"singleWords\",attrs:{\"id\":i},on:{\"click\":function($event){return _vm.selectWord(i)}}},[_vm._v(_vm._s(item)+\" \")])])}),_c('div',{staticClass:\"row mt-3\"},[(_vm.answerSubmit)?_c('div',{staticClass:\"col-12 text-left mt-4\",staticStyle:{\"background\":\"#001848\"}},[_c('p',{staticStyle:{\"padding-left\":\"0px !important\",\"color\":\"rgb(255, 255, 255)\",\"line-height\":\"unset !important\"}},[_c('strong',[_vm._v(\"Your Score: \"),_c('span',{staticClass:\"pl-1\"},[_vm._v(_vm._s(_vm.marksGot))]),_vm._v(\"/\"+_vm._s(_vm.actualAnswer.length))])])]):_vm._e(),_c('div',{staticClass:\"col-lg-12 col-xl-6 col-md-12 text-left col-sm-12 questBtnDiv mt-5\"},[_c('b-button',{staticClass:\"mr-2 pl-4 pr-4\",attrs:{\"variant\":\"outline-info\"},on:{\"click\":function($event){return _vm.submitanswer()}}},[_vm._v(\"Submit\")]),_c('b-button',{staticClass:\"mr-2 pl-4 pr-4\",attrs:{\"variant\":\"outline-warning\"},on:{\"click\":function($event){return _vm.redoQuest()}}},[_vm._v(\"Re-do\")]),_c('toggle-button',{attrs:{\"width\":75,\"height\":28,\"value\":false,\"color\":{checked: '#104e94', unchecked: '#e9ecef', disabled: '#CCCCCC'},\"speed\":500,\"sync\":true,\"labels\":{checked: 'Answer', unchecked: 'Answer'}},on:{\"change\":function($event){return _vm.checkAnswer()}},model:{value:(_vm.checkAnswerFlag),callback:function ($$v) {_vm.checkAnswerFlag=$$v},expression:\"checkAnswerFlag\"}})],1),_c('div',{staticClass:\"col-6 text-right mt-3 pl-0 d-none d-xl-block mt-5\"},[_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-2 p-0\"},[_c('b-button',{staticClass:\"mr-2 prevQuestion pl-3 pr-3\",attrs:{\"disabled\":_vm.currentQuestion <= 1,\"variant\":\"outline-info\"},on:{\"click\":function($event){return _vm.$refs.intervalList.changeQuestion('prev')}}},[_vm._v(\"Prev\")])],1),_c('div',{staticClass:\"col-8 p-0\"},[_c('b-input-group',[_c('b-input-group-prepend',[_c('b-icon',{attrs:{\"shift-v\":\"1.2\",\"scale\":\"1.3\",\"icon\":\"search\"}})],1),_c('b-form-input',{attrs:{\"type\":\"search\",\"placeholder\":\"Question title\"}}),_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"outline-secondary\"}},[_vm._v(\"Search\")])],1)],1)],1),_c('div',{staticClass:\"col-2 p-0 text-left\"},[_c('b-button',{staticClass:\"ml-2 nextQuestion pl-3 pr-3\",attrs:{\"variant\":\"outline-info\"},on:{\"click\":function($event){return _vm.$refs.intervalList.changeQuestion('next')}}},[_vm._v(\"Next\")])],1)])]),(_vm.checkAnswerFlag)?_c('div',{staticClass:\"col-12 text-center mt-4\"},[_vm._m(2),_c('div',{staticClass:\"col-12 mb-2 mt-2 results text-left\"},[_c('h5',{staticStyle:{\"text-transform\":\"capitalize\"}},[_vm._v(\"Transcript:- \")]),_c('p',{staticStyle:{\"display\":\"block\",\"padding-bottom\":\"0px !important\"}},[_c('ul',_vm._l((_vm.actualAnswer),function(item){return _c('li',{key:item,staticClass:\"rightAnswer\"},[_c('strong',[_vm._v(\" \"+_vm._s(item))])])}),0)])])]):_vm._e()])],2):_vm._e(),_c('b-modal',{ref:\"search-Result\",attrs:{\"size\":\"lg\",\"scrollable\":\"\",\"centered\":\"\",\"hide-footer\":\"\",\"title\":\"Search Result\",\"ok-only\":\"\",\"ok-title\":\"Cancel\",\"ok-variant\":\"secondary\"}},[(_vm.searchKey!='' | _vm.searchQuestionList!=null)?_c('b-container',[_c('app-IntervalList',{attrs:{\"name\":\"search\",\"popup\":true,\"parentFunctionCalling\":_vm.getQuestionDetail,\"questionLists\":_vm.searchQuestionList,\"questionId\":'question_id'}})],1):_vm._e()],1),(_vm.selectedquestion!=null)?_c('div',{staticClass:\"col-12 mt-5 d-none d-lg-block\"},[_c('app-DiscussionTab',{ref:\"discussionTab\",attrs:{\"question_id\":_vm.currentQuestion,\"tableName\":'tbllisteninguserhighlightincorrectwordsanswer'}})],1):_vm._e()],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',{staticClass:\"text-center mb-4 fancy\"},[_c('span',[_vm._v(\"Highlight Incorrect Words\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"ml-5\"},[_c('li',[_vm._v(\"The audio begins to plays automatically. You are only able to listen to the audio recording once.\")]),_c('li',[_vm._v(\"To select a word click on it using the left button on your mouse. If you change your mind, left-click on the word again to deselect it.\")]),_c('li',[_vm._v(\"Quickly read the transcription before you listen to focus on key words.\")]),_c('li',[_vm._v(\"You will be judged for listening and reading.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',{staticClass:\"decorated\",staticStyle:{\"text-transform\":\"capitalize\"}},[_c('span',[_vm._v(\"Answer\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"row\">\n        <span class=\"col-sx-12 col-sm-12 col-md-12 d-sm-block d-md-block d-sx-block d-lg-none questionListBtn\" v-if=\"selectedquestion\" @click=\"openNav()\">&#9776; Questions</span>\n         <div id=\"mySidenav\" class=\"questionList col-lg-4 col-xl-3 col-md-12 col-sx-12 col-sm-12\" :class=\"{'sidenav':selectedquestion}\">\n            <div class=\"questionList col-sx-12 col-sm-12 col-md-12 d-sm-block d-sx-block d-md-block d-lg-none d-md-none pb-3 pt-3 mobileQuestTitle\" >\n                <a v-if=\"selectedquestion\" class=\"closebtn\" @click=\"closeNav()\">&times;</a>\n            <h4>Highlight Incorrect Words</h4>\n            </div>\n            <app-IntervalList ref=\"intervalList\" :questionLists=\"questionLists\"/>\n        </div>\n        <div class=\"questonhelp col-lg-8 col-xl-9 d-none d-lg-block\" v-if=\"!selectedquestion\">\n            <h4 class=\"text-center mb-4 fancy\"><span>Highlight Incorrect Words</span></h4>\n            <h5 class=\"mb-1\">Introduction</h5>\n            <p class=\"para mb-2\">You will hear a recording. Some words in the transcription will differ from what the speakers says.</p>\n            <h5 class=\"mb-1\">Skills assessed</h5>\n            <p class=\"heading mb-2\">Listening and reading</p>\n            <h5 class=\"mb-1\">Number of questions</h5>\n            <p class=\"para mb-2\"> 2 - 3 </p>\n            <template v-if=\"user_type == 'premium'\">\n            <h5 class=\"mb-1\">KEY POINTS</h5>\n            <ul class=\"ml-5\">\n                <li>The audio begins to plays automatically. You are only able to listen to the audio recording once.</li>\n                <li>To select a word click on it using the left button on your mouse. If you change your mind, left-click on the word again to deselect it.</li>\n                <li>Quickly read the transcription before you listen to focus on key words.</li>\n                <li>You will be judged for listening and reading.</li>\n            </ul>\n            </template>\n            <app-ListeningExtraInfo/>\n        </div>\n        <div class=\"questiondesc col-lg-8 col-xl-9 col-md-12 col-sm-12 col-sx-12\" :class=\"{'col-12':(questId != 0)}\" v-if=\"splitPara\">\n            <h4>Highlight Incorrect Words</h4>\n            <p class=\"questHeading\">You will hear a recording. Below is a transcription of the recording. Some words in the transcription differ from what the speaker said. Please click on the words that are different.</p>\n            \n            <div class=\"row mb-2\">\n            <div class=\"col-xl-6 col-lg-12 col-md-12 col-sm-12 titleDiv\">\n                <div class=\"prepare\" ><p>{{title}} </p><app-Timer ref=\"timer\"/></div>\n            </div>\n            <div class=\"col-xl-6 col-lg-12 col-md-12 col-sm-12 text-right pr-0\" >\n            <app-QuestionStatus ref=\"QuestionResetStatus\" :selectedQuestion=\"selectedquestion\" :question_id=\"selectedquestion.question_id\" :idName=\"'question_id'\" :tableName=\"'tblListeningHighlightInCorrectWords'\"/>\n            </div>\n            </div>\n            <div v-if=\"questionrecording\" class=\"audio-container mb-5\"><audio id=\"questionRec\" :src=\"questionrecording\" controls /></div>\n            <div class=\"singleWords\" v-for=\"(item,i) in splitPara\" :key=\"i\">\n                <div class=\"singleWords\" @click=\"selectWord(i)\" :id=\"i\" >{{item}}&nbsp;</div>\n            </div>\n\n\n            <div class=\"row mt-3\">\n                <div class=\"col-12 text-left mt-4\" style=\"background: #001848;\" v-if=\"answerSubmit\">\n                    <p style=\"padding-left: 0px !important; color: rgb(255, 255, 255);line-height:  unset !important;\"><strong>Your Score:   <span class=\"pl-1\">{{marksGot}}</span>/{{actualAnswer.length}}</strong></p>\n                </div>\n                <div class=\"col-lg-12 col-xl-6 col-md-12 text-left col-sm-12 questBtnDiv mt-5\">\n                    <b-button class=\"mr-2 pl-4 pr-4\" variant=\"outline-info\" @click=\"submitanswer()\">Submit</b-button>\n                    <b-button variant=\"outline-warning\" class=\"mr-2 pl-4 pr-4\" @click=\"redoQuest()\">Re-do</b-button>\n                    <toggle-button @change=\"checkAnswer()\" :width=\"75\"  :height=\"28\" v-model=\"checkAnswerFlag\" :value=\"false\" :color=\"{checked: '#104e94', unchecked: '#e9ecef', disabled: '#CCCCCC'}\" :speed=\"500\" :sync=\"true\" :labels=\"{checked: 'Answer', unchecked: 'Answer'}\"/>\n                </div>\n                <div class=\"col-6 text-right mt-3 pl-0 d-none d-xl-block mt-5\">\n                    <div class=\"row\">\n                        <div class=\"col-2 p-0\">\n                             <b-button :disabled=\"currentQuestion <= 1\" @click=\"$refs.intervalList.changeQuestion('prev')\" variant=\"outline-info\" class=\"mr-2 prevQuestion pl-3 pr-3\">Prev</b-button>\n                        </div>\n                        <div class=\"col-8 p-0\">\n                            <b-input-group>\n                                <b-input-group-prepend>\n                                    <b-icon shift-v=\"1.2\" scale=\"1.3\" icon=\"search\"></b-icon>\n                                </b-input-group-prepend>\n                                <b-form-input type=\"search\" placeholder=\"Question title\"></b-form-input>\n                                <b-input-group-append>\n                                <b-button variant=\"outline-secondary\">Search</b-button>\n                                </b-input-group-append>\n                            </b-input-group>\n                        </div>\n                        <div class=\"col-2 p-0 text-left\">\n                             <!-- <b-button :disabled=\"currentQuestion <= 1\" @click=\"$refs.intervalList.changeQuestion('prev')\" class=\"mr-2 prevQuestion pl-3 pr-3\">Prev Quest</b-button> -->\n                        <b-button @click=\"$refs.intervalList.changeQuestion('next')\" variant=\"outline-info\" class=\"ml-2 nextQuestion pl-3 pr-3\">Next</b-button>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-12 text-center mt-4\" v-if=\"checkAnswerFlag\">\n                <h4 class=\"decorated\" style=\"text-transform:capitalize;\"><span>Answer</span></h4>\n                    <div class=\"col-12 mb-2 mt-2 results text-left\" >\n                    <h5 style=\"text-transform:capitalize;\">Transcript:- </h5>\n                    <p style=\"display:block;padding-bottom: 0px !important;\">\n                        <ul >\n                            <li v-for=\"item in actualAnswer\" :key=\"item\" class=\"rightAnswer\"><strong> {{item}}</strong></li>\n                        </ul>\n                    </p>\n                    </div>\n                </div>\n            </div>\n\n\n            <!-- <div class=\"row\">\n                <div class=\"col-12 mb-4 mt-5 results\" v-if=\"checkAnswerFlag == true\">\n                    <h6>Result:- </h6>\n                    <p><strong>Your question result is {{this.marksGot}} out of {{this.totalMarks}}</strong></p>\n                </div>\n                 <div class=\"col-12 text-center mt-5\" v-if=\"selectedquestion\">\n                    <b-button :disabled=\"currentQuestion <= 1\" @click=\"$refs.intervalList.changeQuestion('prev')\" class=\"mr-5 prevQuestion\">Prev Question</b-button>\n                    <b-button variant=\"success\" @click=\"submitanswer()\">Find Answer & Marks</b-button>\n                    <b-button @click=\"$refs.intervalList.changeQuestion('next')\" class=\"ml-5 nextQuestion\">Next Question</b-button>\n\n                </div>\n            </div>\n            <div class=\"row\">\n                <div class=\"col-12\" v-if=\"correctAnswer != null\">\n                    <ul >\n                        <li v-for=\"item in correctAnswer\" :key=\"item\" class=\"rightAnswer\"><strong> {{item}}</strong></li>\n                    </ul>\n                </div>\n                \n            </div> -->\n        </div>\n        <b-modal ref=\"search-Result\" size=\"lg\" scrollable centered hide-footer title=\"Search Result\" ok-only ok-title=\"Cancel\" ok-variant=\"secondary\">\n             <b-container v-if=\"searchKey!='' | searchQuestionList!=null\"><app-IntervalList name=\"search\" :popup=\"true\" :parentFunctionCalling=\"getQuestionDetail\" :questionLists=\"searchQuestionList\" :questionId=\"'question_id'\"/></b-container>\n        </b-modal>\n        <div class=\"col-12 mt-5 d-none d-lg-block\" v-if=\"selectedquestion!=null\">\n            <app-DiscussionTab ref=\"discussionTab\" :question_id=\"currentQuestion\" :tableName=\"'tbllisteninguserhighlightincorrectwordsanswer'\"/>\n        </div> \n    </div>\n</template>\n<script>\nimport { mapActions,mapGetters } from 'vuex'\nimport $ from \"jquery\";\nimport Timer from '../reuseable/timer'\nimport IntervalList from '../reuseable/intervalList'\nimport QuestionStatus from '../reuseable/questStatus'\nimport DiscussionTab from '../reuseable/discussionTab'\nimport ListeningExtraInfo from '../reuseable/listeningInformation.vue'\nexport default {\n    components:{\n        'app-Timer':Timer,\n 'app-IntervalList': IntervalList,\n 'app-QuestionStatus':QuestionStatus,\n 'app-DiscussionTab':DiscussionTab,\n 'app-ListeningExtraInfo':ListeningExtraInfo\n    },\n    data(){\n        return{\n            questionLists:{\n                type: Object,\n                required: true\n            },\n            selectedquestion: null,\n            splitPara:null,\n             answerLists:{\n                type: Object,\n                required: true\n            },\n            correctAnswer:[],\n            questionrecording: null,\n            title:'Prepare',\n            userAnswerResponse:null,\n            userAnswer:{\n                url:'',\n                user_id:0,\n                question_id:0,\n                answers:null,\n                mock_test_id:0,\n                user_score:''\n            },\n            options:[],\n            totalMarks:0,\n            marksGot:0,\n            checkAnswerFlag: false,\n            user_type:'Free',\n            currentQuestion:0,\n            actualAnswer:[],\n            answerSubmit:false,\n            searchKey:'',\n            searchQuestionList:null,\n        }\n    },\n    methods:{\n        ...mapActions({\n            questionservice: 'listeningmodule/fetchQuestion',\n            saveAnswer: 'listeningmodule/saveAnswer'\n        }),\n        ...mapGetters({\n            getQuestionList: 'listeningmodule/questions',\n            answerResponse: 'listeningmodule/AnswerResponse',\n            userDetail: 'auth/user'\n        }),\n        openNav(){\n            document.getElementById(\"mySidenav\").style.width = \"100%\";\n        },\n        closeNav(){\n            document.getElementById(\"mySidenav\").style.width = \"0\";\n        },\n        resetAll(){\n            $('.selected').each(function(){\n                $(this).removeClass('selected')\n            });\n            $('.wrongWord').each(function(){\n                $(this).removeClass('wrongWord')\n            });\n            this.totalMarks = 0\n            this.marksGot = 0\n            this.checkAnswerFlag = false\n            this.correctAnswer=[]\n            this.userAnswer={\n                user_id:this.$ls.get('user').user_id,\n                url:'',\n                question_id:0,\n                answers:null,\n                mock_test_id:0,\n                user_score:''\n            }\n            this.actualAnswer=[],\n            this.answerSubmit=false\n        },\n        redoQuest(){\n            this.getQuestionDetail(this.currentQuestion)\n            $('.correctAnswer').remove()\n        },\n        searchQuestion(){\n            const key=this.searchKey.trim().toLowerCase()\n            const searchedQuestion= this.questionLists.filter((item)=>{\n                return item.title.toLowerCase().includes(key)\n            });\n            this.searchKey = '';\n            this.$refs.timer.pauseTime()\n            ////console.log(searchedQuestion)\n            if(searchedQuestion.length>0){\n                if(searchedQuestion.length>1){\n                   //console.log(searchedQuestion)\n                   this.searchQuestionList=searchedQuestion\n                   this.$refs['search-Result'].show()\n                }\n                else{\n                    //console.log(searchedQuestion)\n                    return this.getQuestionDetail(searchedQuestion[0].question_id)\n                }\n            }\n            else{\n                return this.$alert(\"No record found with the given title\", \"Search Result\");\n            }\n        },\n        updateSelectQuestionStatus(question,id){\n            ////console.log(this.selectedquestion)\n            this.selectedquestion = question\n            const currectQuestionIndex=this.questionLists.findIndex(element=>\n            element.question_id==id)\n            this.questionLists[currectQuestionIndex]=this.selectedquestion\n            ////console.log(question)\n        },\n        getQuestionDetail(questionId){\n             if(questionId==0) return this.selectedquestion=null\n            if(this.$refs['search-Result'].isVisible) this.$refs['search-Result'].hide()\n            this.currentQuestion=questionId\n            this.resetAll()\n           this.userAnswer.question_id = questionId;\n           this.selectedquestion = this.questionLists.filter(function (item) {\n                    return item.question_id == questionId;\n                })[0]\n                if(this.$refs.QuestionResetStatus)\n            this.$refs.QuestionResetStatus.resetQuestionDetails(this.selectedquestion,questionId)\n            ////console.log(this.selectedquestion.question_para)\n            this.splitPara = this.selectedquestion.question_para.split(' ')\n            ////console.log(this.splitPara)\n            $('.singleWords').removeClass('selected')\n            //this.questionservice('confighighlightincorrectwords/blobId='+questionId).then(()=>{\n                var binary= this.selectedquestion.blb //this.getQuestionList().data.blb;\n                //console.log(binary);\n                this.questionrecording = binary;\n                this.$nextTick(function(){\n            this.$refs.discussionTab.updateQuestionId(questionId)\n\n                this.$refs.timer.setTime(3)\n                })\n                var questionPara_Array=this.selectedquestion.question_para.split(' ');\n                var correctPara_Array=this.selectedquestion.correct_para.split(' ');\n                var vm= this\n                $.each(questionPara_Array,function(index,item){\n                if(item != correctPara_Array[index]){\n                        vm.actualAnswer.push(correctPara_Array[index])\n                        }\n                    })\n            //});  \n        },\n        async checkAnswer(){\n            //console.log(this.checkAnswerFlag)\n            $('.correctAnswer').remove()\n            if(!this.checkAnswerFlag)\n            {\n                 $('.correctAnswer').remove()\n                 $('.wrongWord').removeClass('wrongWord')\n            }\n            else\n            {\n            var questionPara_Array=this.selectedquestion.question_para.split(' ');\n            var correctPara_Array=this.selectedquestion.correct_para.split(' ');\n            var incorrectWords=[]\n            var selectedWords=[]\n            this.correctAnswer=[]\n            this.totalMarks = 0\n            this.marksGot = 0\n            //this.checkAnswerFlag = true\n            const vm = this\n            $('.selected').each(function(index,item){\n                //console.log(index)\n                selectedWords.push(item.innerText.trim())\n            })\n            $.each(questionPara_Array,function(index,item){\n                if(item != correctPara_Array[index]){\n                    if(!$('#'+index).hasClass('selected'))\n                    {\n                        $('#'+index).addClass(\"wrongWord\")\n                        $('#'+index).after(function(){\n                            return '<span class=\"singleWords correctAnswer\"> '+correctPara_Array[index]+' </span>'\n                        })\n                    }\n                    vm.correctAnswer.push(correctPara_Array[index])\n                    incorrectWords.push(item)\n                }\n            })\n            $.each(selectedWords,function(index,item){\n                const matched=incorrectWords.filter(function(val){\n                    return val==item\n                })[0]\n                vm.marksGot= (matched != null)? vm.marksGot+1:vm.marksGot-1;\n            })\n            this.totalMarks = this.correctAnswer.length;\n            if(this.marksGot<0)this.marksGot=0\n            this.userAnswer.user_score='Your Score: '+this.marksGot+'/'+ this.totalMarks \n            }\n        },\n        selectWord(divId){\n            $('#'+divId).removeClass(\"wrongWord\")\n            $('#'+divId).toggleClass('selected')\n        },\n        removeClasses(){\n            $('div.wrongSelection').removeClass('wrongSelection wrongAnswer')\n            $('div.rightSection').removeClass('rightSection rightAnswer')\n        },\n         _arrayBufferToBase64( buffer ) {\n            var binary = '';\n            var bytes = new Uint8Array( buffer );\n            var len = bytes.byteLength;\n            for (var i = 0; i < len; i++) {\n                binary += String.fromCharCode( bytes[ i ] );\n            }\n            return window.btoa( binary );\n        },\n        timerEnd(){\n               var aud = document.getElementById(\"questionRec\");\n               aud.play()\n               this.$nextTick(function(){\n                   this.title = 'Time'\n                this.$refs.timer.setTime(0)\n                })\n        },\n        async submitanswer() {\n            var vm = this;\n            this.checkAnswerFlag=true\n            await this.checkAnswer()\n            vm.options = [];\n            $('.selected').each(function(index,item){\n                const tempCt= {\n                    answer_desc: item.innerHTML\n                }\n                vm.options.push(tempCt);\n            });\n            this.userAnswer.answers = this.options;\n            var userdata = this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            this.userAnswer.mock_test_id=0\n            this.userAnswer.url = 'confighighlightincorrectwordsanswer/createanswer';\n            //console.log(this.options.length);\n            if(this.options.length >0) {\n                this.saveAnswer(this.userAnswer).then(()=>{\n                    //console.log(this.answerResponse())\n                    vm.userAnswerResponse = this.answerResponse().data;\n                    //alert('Data has been saved successfully.');\n                    //vm.resetAll();\n                });\n            }\n            this.answerSubmit = true\n                \n        }\n    },\n    beforeMount(){\n        this.questionLists=(this.$ls.get('tblListeningHighlightInCorrectWords')!=null)?JSON.parse(this.$ls.get('tblListeningHighlightInCorrectWords')):null;\n            console.log(this.questionLists)\n            if(this.questionLists!=null){\n                this.questionLists = this.getQuestionList().data\n            this.userAnswer.user_id = this.$ls.get('user').user_id\n            this.user_type = this.$ls.get('user').user_type\n            }\n            else{\n        this.questionservice('confighighlightincorrectwords/getallquestions').then(()=>{\n            this.questionLists = this.getQuestionList().data\n            this.userAnswer.user_id = this.$ls.get('user').user_id\n            this.user_type = this.$ls.get('user').user_type\n            //console.log(this.questionLists)\n        });\n    }\n    }\n}\n</script>\n<style scoped>\n.singleWords{\n    display: inline;\n    cursor: pointer;\n}\n.selected{\n    background:#12d3bf;\n}\n.wrongWord\n{\nbackground: #dda2a2;\npadding: 0px 3px;\n}\n.text-center button{\n    margin-right:30px\n}\n\n</style>\n<style>\n.correctAnswer\n{\nbackground: #17b856;\ncolor: #fff;\nfont-weight: bold;\npadding: 0px 3px;\n}\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!./highlightincorrectword.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!./highlightincorrectword.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./highlightincorrectword.vue?vue&type=template&id=6bc31fa2&scoped=true&\"\nimport script from \"./highlightincorrectword.vue?vue&type=script&lang=js&\"\nexport * from \"./highlightincorrectword.vue?vue&type=script&lang=js&\"\nimport style0 from \"./highlightincorrectword.vue?vue&type=style&index=0&id=6bc31fa2&scoped=true&lang=css&\"\nimport style1 from \"./highlightincorrectword.vue?vue&type=style&index=1&lang=css&\"\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  \"6bc31fa2\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./highlightincorrectword.vue?vue&type=style&index=1&lang=css&\"; export default mod; export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.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!./highlightincorrectword.vue?vue&type=style&index=1&lang=css&\""],"sourceRoot":""}