{"version":3,"sources":["webpack:///./src/components/reading/readingfill.vue?58f1","webpack:///src/components/reading/readingfill.vue","webpack:///./src/components/reading/readingfill.vue?d5b2","webpack:///./src/components/reading/readingfill.vue","webpack:///./src/components/reuseable/readingInformation.vue?1efc","webpack:///./node_modules/core-js/modules/es.array.find.js","webpack:///./src/components/reading/readingfill.vue?0ce8","webpack:///./src/assets/images/audio-player.png","webpack:///./src/components/reading/readingfill.vue?ce03","webpack:///./src/components/dictionerymode/dictioneryTemplate.vue?427d","webpack:///./src/components/reuseable/readingInformation.vue?f177","webpack:///src/components/reuseable/readingInformation.vue","webpack:///./src/components/reuseable/readingInformation.vue?ff77","webpack:///./src/components/reuseable/readingInformation.vue","webpack:///./src/components/dictionerymode/dictioneryTemplate.vue?edc9","webpack:///src/components/dictionerymode/dictioneryTemplate.vue","webpack:///./src/components/dictionerymode/dictioneryTemplate.vue?ea13","webpack:///./src/components/dictionerymode/dictioneryTemplate.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","openNav","_v","_e","class","selectedquestion","attrs","closeNav","ref","questionLists","_m","user_type","questId","question_id","domProps","_s","question_desc","_l","item","key","answer_id","answer_desc","userAnswer","staticStyle","score_count","correctAnswer","length","submitanswer","redoQuest","showModal","checked","unchecked","disabled","model","value","callback","$$v","checkAnswerFlag","expression","currentQuestion","$refs","intervalList","changeQuestion","searchKey","searchQuestion","searchQuestionList","getQuestionDetail","hideModal","dictText","modelTitle","staticRenderFns","component","$","$find","find","addToUnscopables","arrayMethodUsesToLength","FIND","SKIPS_HOLES","USES_TO_LENGTH","Array","target","proto","forced","callbackfn","arguments","undefined","module","exports","showinfo","url","title","desc","templatePara","getSelectionText","$bvModal","hide","selectedText","pronounce","playsound","record","index","i","partOfSpeech","definition","example","showMain","saveVocab"],"mappings":"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","file":"js/ReadingFill~31ecd969.5f6b9543.js","sourcesContent":["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(\"Reading：Fill in the Blanks \")])]),_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'll get text with some words missing. Drag words from the box to the appropriate place in the text. To undo an answer choice, drag the word back to the box.\")]),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Skills assessed\")]),_c('p',{staticClass:\"heading mb-2\"},[_vm._v(\"Reading\")]),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Number of questions\")]),_c('p',{staticClass:\"para mb-2\"},[_vm._v(\" 4 - 5 \")]),(_vm.user_type == 'premium')?[_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"KEY POINTS\")]),_vm._m(1)]:_vm._e(),_c('app-ReadingExtraInfo')],2):_vm._e(),(_vm.selectedquestion)?_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(\"Reading：Fill in the Blanks\")]),_c('p',{staticClass:\"questHeading\"},[_vm._v(\"In the text below some words are missing. Drag words from the box below to the appropriate place in the text. To undo an answer choice, drag the word back to the box below the text.\")]),_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(\"Time \")]),_c('app-Timer',{ref:\"timer\",attrs:{\"increment\":true}})],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\":'tblFillinBlankQuestion'}})],1)]),_c('p',{staticClass:\"questdesc\",domProps:{\"innerHTML\":_vm._s(_vm.selectedquestion.question_desc)}}),_c('div',{attrs:{\"id\":\"qlist2\"}},_vm._l((_vm.answerLists),function(item){return _c('div',{key:item.answer_id,staticClass:\"drag-container\",attrs:{\"id\":'dragitem'+item.answer_id+'-container'}},[_c('div',{staticClass:\"qitem2 answerDiv\",attrs:{\"id\":'dragitem'+item.answer_id}},[_vm._v(\" \"+_vm._s(item.answer_desc)+\" \")])])}),0),_c('div',{staticClass:\"row\"},[(this.userAnswer.answers)?_c('div',{staticClass:\"col-12 text-left mt-4\",staticStyle:{\"background\":\"#001848\"}},[_c('p',{staticStyle:{\"padding-left\":\"0px!important\",\"color\":\"#fff\"}},[_c('strong',[_vm._v(\"Your Score: \"),_c('span',{staticClass:\"pl-1\"},[_vm._v(_vm._s(_vm.score_count))]),_vm._v(\"/\"+_vm._s(_vm.correctAnswer.length))])])]):_vm._e(),_c('div',{staticClass:\"col-lg-12 col-xl-6 col-md-12 text-left col-sm-12 questBtnDiv mt-5 pl-0\"},[_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('b-button',{staticClass:\"mr-2 pl-4 pr-4\",attrs:{\"variant\":\"outline-dark\"},on:{\"click\":function($event){return _vm.showModal()}}},[_vm._v(\"Dict Mode\")]),_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'}},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\"},model:{value:(_vm.searchKey),callback:function ($$v) {_vm.searchKey=$$v},expression:\"searchKey\"}}),_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.searchQuestion()}}},[_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.answer_id,staticClass:\"rightAnswer\"},[_c('strong',[_vm._v(\" \"+_vm._s(item.answer_desc))])])}),0)])])]):_vm._e()])]):_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),_c('b-modal',{attrs:{\"id\":\"dictionery-Modal\",\"size\":\"lg\",\"scrollable\":\"\",\"centered\":\"\",\"hide-footer\":\"\",\"hide-header\":\"\",\"ok-only\":\"\",\"ok-title\":\"Cancel\",\"ok-variant\":\"secondary\"},on:{\"hidden\":_vm.hideModal}},[(_vm.selectedquestion!=null)?_c('b-container',{},[_c('app-dictTemp',{attrs:{\"templatePara\":_vm.dictText,\"title\":_vm.modelTitle}})],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\":'tblUserFillinBlankAnswer'}})],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(\"Reading：Fill in the Blanks\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"ml-5\"},[_c('li',[_vm._v(\"You will be presented with a passage of text up to 80 words on your screen with several blanks. Just below the text, you’ll have several words. You need to drag and drop a proper word in a proper blank. You will get point for each correctly placed word.\")]),_c('li',[_vm._v(\"Understand the sentence and pick the words accordingly.\")]),_c('li',[_vm._v(\"Use your knowledge of grammar to help you select the correct word.\")]),_c('li',[_vm._v(\"Using collocation can help you recognize the correct word for each blank.\")])])},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>Reading：Fill in the Blanks\n                    </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>Reading：Fill in the Blanks</span></h4>             \n            <h5 class=\"mb-1\">Introduction</h5>\n            <p class=\"para mb-2\">You'll get text with some words missing. Drag words from the box to the appropriate place in the text. To undo an answer choice, drag the word back to the box.</p>\n            <h5 class=\"mb-1\">Skills assessed</h5>\n            <p class=\"heading mb-2\">Reading</p>\n            <h5 class=\"mb-1\">Number of questions</h5>\n            <p class=\"para mb-2\"> 4 - 5 </p>\n            <template v-if=\"user_type == 'premium'\">\n            <h5 class=\"mb-1\">KEY POINTS</h5>\n            <ul class=\"ml-5\">\n                <li>You will be presented with a passage of text up to 80 words on your screen with several blanks. Just below the text, you’ll have several words. You need to drag and drop a proper word in a proper blank. You will get point for each correctly placed word.</li>\n                <li>Understand the sentence and pick the words accordingly.</li>\n                <li>Use your knowledge of grammar to help you select the correct word.</li>\n                <li>Using collocation can help you recognize the correct word for each blank.</li>\n            </ul>\n            </template>\n            <app-ReadingExtraInfo />\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=\"selectedquestion\">\n            <h4>Reading：Fill in the Blanks</h4>\n            <p class=\"questHeading\">In the text below some words are missing. Drag words from the box below to the appropriate place in the text. To undo an answer choice, drag the word back to the box below the text.</p>\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>Time </p><app-Timer ref=\"timer\" :increment=\"true\"/></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=\"'tblFillinBlankQuestion'\"/>\n            </div>\n            </div>\n            \n            <p class=\"questdesc\" v-html=\"selectedquestion.question_desc\"></p>\n            <div id=\"qlist2\">\n                <div :id=\"'dragitem'+item.answer_id+'-container'\" class=\"drag-container\" v-for=\"item in answerLists\" :key=\"item.answer_id\">\n                <div :id=\"'dragitem'+item.answer_id\" class=\"qitem2 answerDiv\" >\n                    {{item.answer_desc}}\n                </div>\n                </div>\n            </div>\n\n            <div class=\"row\">\n                <div class=\"col-12 text-left mt-4\" style=\"background: #001848;\" v-if=\"this.userAnswer.answers\">\n                    <p style=\"padding-left:0px!important;color:#fff;\"><strong>Your Score:   <span class=\"pl-1\">{{score_count}}</span>/{{correctAnswer.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 pl-0\">\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                    <b-button variant=\"outline-dark\" class=\"mr-2 pl-4 pr-4\" @click=\"showModal()\">Dict Mode</b-button>\n                    <toggle-button :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 v-model=\"searchKey\" type=\"search\" placeholder=\"Question title\"></b-form-input>\n                                <b-input-group-append>\n                                <b-button @click=\"searchQuestion()\" 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.answer_id\" class=\"rightAnswer\"><strong> {{item.answer_desc}}</strong></li>\n                        </ul>\n                    </p>\n                    </div>\n                </div>\n            </div>\n\n            <!-- <div class=\"row\">\n                <div class=\"col-12  mb-2 mt-2 results\" v-if=\"checkAnswerFlag == true\">\n                    <h6>Result:- </h6>\n                    <p><strong>Your result is {{this.userAnswer.user_score}} out of {{correctAnswer.length}}</strong></p>\n                </div>\n                <div class=\"col-12\" v-if=\"correctAnswer != null\">\n                    <ul >\n                        <li v-for=\"item in correctAnswer\" :key=\"item.answer_id\" class=\"rightAnswer\"><strong> {{item.answer_desc}}</strong></li>\n                    </ul>\n                </div>\n                <div class=\"col-12 text-center\">\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> \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        <b-modal id=\"dictionery-Modal\" size=\"lg\" scrollable centered hide-footer hide-header @hidden=\"hideModal\" ok-only ok-title=\"Cancel\" ok-variant=\"secondary\">\n         <b-container class=\"\" v-if=\"selectedquestion!=null\">\n              <app-dictTemp :templatePara=\"dictText\" :title=\"modelTitle\"/>\n         </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=\"'tblUserFillinBlankAnswer'\"/>\n        </div>\n    </div>\n</template> \n<script>\nimport { mapActions,mapGetters } from 'vuex'\nimport Timer from '../reuseable/timer'\nimport $ from \"jquery\";\nimport 'jquery-ui-dist/jquery-ui';\nimport IntervalList from '../reuseable/intervalList'\nimport QuestionStatus from '../reuseable/questStatus'\nimport dictTemplate from '../dictionerymode/dictioneryTemplate'\nimport DiscussionTab from '../reuseable/discussionTab'\nimport ReadingExtraInfo from '../reuseable/readingInformation.vue'\n//import LocalStorageService from '../../store/LocalStorageService';\nexport default {\n    components: {\n            'app-Timer':Timer,\n            'app-IntervalList': IntervalList,\n            'app-dictTemp': dictTemplate,\n            'app-QuestionStatus':QuestionStatus,\n            'app-DiscussionTab':DiscussionTab,\n            'app-ReadingExtraInfo':ReadingExtraInfo\n    },\n    data(){\n        return{\n            questionLists:{\n                type: Object,\n                required: true\n            },\n            selectedquestion: null,\n            answerLists:{\n                type: Object,\n                required: true\n            },\n            correctAnswer:null,\n            userAnswerResponse:null,\n            userAnswer:{\n                user_id:0,\n                question_id:0,\n                answers:null,\n                url:'',\n                user_score:'',\n                mock_test_id:0\n            },\n            score_count:0,\n            options:[],\n            checkAnswerFlag:false,\n            user_type:'Free',\n            currentQuestion:0,\n            actualAnswer:null,\n            searchKey:'',\n            searchQuestionList:null,\n            isShowModal: false,\n             modelTitle:'heading',\n            dictText:''\n        }\n    },\n    methods:{\n        ...mapActions({\n            questionservice: 'readingmodule/fetchQuestion',\n            saveAnswer: 'readingmodule/saveAnswer'\n        }),\n        ...mapGetters({\n            getQuestionList: 'readingmodule/questions',\n            answerResponse: 'readingmodule/AnswerResponse'\n        }),\n        redoQuest(){\n            this.getQuestionDetail(this.currentQuestion)\n        },\n        openNav(){\n            document.getElementById(\"mySidenav\").style.width = \"100%\";\n        },\n        closeNav(){\n            document.getElementById(\"mySidenav\").style.width = \"0\";\n        },\n        reset(){\n            this.userAnswer={\n                question_id:0,\n                user_id:this.$ls.get('user').user_id,\n                answers:null,\n                url:'',\n                user_score:''\n            }\n            this.score_count = 0;\n            this.checkAnswerFlag = false;\n            this.correctAnswer = null\n            this.actualAnswer=null\n        },\n        showModal() {\n            \n            for(var index = 1; index <= 20; index++){\n               this.dictText = this.dictText.replace('#blank' + index + '#', '')\n            }\n            this.isShowModal = true;\n            this.$root.$emit('bv::show::modal', 'dictionery-Modal')\n            this.$refs.timer.pauseTime()\n            },\n        hideModal() {\n            this.isShowModal = false\n            this.$refs.timer.resumeTime()\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.reset()\n            this.userAnswer.question_id = questionId;\n            this.removeClasses()\n            this.selectedquestion = this.questionLists.filter(function (item) {\n                    return item.question_id == questionId;\n                })[0];\n            this.dictText=this.selectedquestion.question_desc\n            if(this.$refs.QuestionResetStatus)\n            this.$refs.QuestionResetStatus.resetQuestionDetails(this.selectedquestion,questionId)\n            for(var index = 1; index <= 20; index++){\n               this.selectedquestion.question_desc = this.selectedquestion.question_desc.replace('#blank' + index + '#', '<div class=\"droppable-element\" style=\"width:150px;height:30px;display:inline-block;border:1px solid #ccc;margin: 2px 5px 0px 5px;border-radius: 3px;background: #f9f9f9;color:black;\"></div>')     \n            }\n            this.modelTitle = this.selectedquestion.title\n            //console.log(this.selectedquestion)\n            this.questionservice('configblankoptions/id='+questionId).then(()=>{\n                this.answerLists = this.getQuestionList().data\n                this.actualAnswer = this.answerLists.filter(function(item){\n                return item.correct_val_ind == 'T'\n                    })\n            //console.log(this.answerLists)\n            }).then(()=>{\n                this.makedraggable()\n                this.droping()\n                this.$nextTick(function(){\n                this.$refs.discussionTab.updateQuestionId(questionId)\n                this.$refs.timer.setTime(0)\n                })\n                //console.log($('#qlist2').text())\n            })\n            \n        },\n        makedraggable() {\n            $(\".qitem2\").draggable({\n                    \"revert\": \"invalid\"\n            });\n        },\n        droping(){\n             $(\".droppable-element\").droppable({\n                \"accept\": \".qitem2\",\n                \"drop\": function(event, ui) {\n                    if ($(this).find(\".qitem2\").length) {\n                        var $presentChild = $(this).find(\".qitem2\"),\n                            currChildId = $presentChild.attr(\"id\"),\n                            $currChildContainer = $(\"#\" + currChildId + \"-container\");                  \n                    $currChildContainer.append($presentChild);\n                    $presentChild.removeAttr(\"style\");\n                    //this.makedraggable();\n                     $(\".qitem2\").draggable({\n                            \"revert\": \"invalid\"\n                    });\n                    }\n                    \n                    $(ui.draggable).clone().appendTo(this).removeAttr(\"style\");\n                    $(ui.draggable).remove();\n                \n                }\n            })\n            $.ui.draggable.prototype.destroy;// = function (ul, item) { };\n        },\n        async checkAnswer(){\n            var vm = this;\n            this.checkAnswerFlag = true;\n            this.score_count = '';\n            vm.removeClasses()\n            vm.correctAnswer = vm.answerLists.filter(function(item){\n                return item.correct_val_ind == 'T'\n            })\n            const correct = vm.correctAnswer\n            $('.droppable-element').each(function(index,item){\n                //console.log(index)\n                //console.log($(item).find('div'))\n                if($(item).find('div').length >0){\n                    if(correct[index].answer_desc != item.childNodes[0].innerText)\n                    {\n                        $(item).addClass('wrongSelection wrongAnswer')\n                    }\n                    else{\n                        vm.score_count++\n                        $(item).addClass('rightSection rightAnswer')\n                    }\n                    //console.log(item.childNodes[0].innerText)\n                }\n                else{\n                     $(item).addClass('wrongSelection')\n                }\n            })\n\n            \n            vm.userAnswer.user_score ='Your Score: '+vm.score_count+'/'+ vm.correctAnswer.length;\n            ////console.log(vm.userAnswer.user_score)\n        },\n        async submitanswer() {\n            await this.checkAnswer();\n            var vm = this;\n            $('.droppable-element').each(function(index,item){\n                if($(item).find('div').length >0){\n                    const tempCt= {\n                    answer_desc: item.childNodes[0].innerText\n                }\n                vm.options.push(tempCt);\n                }\n            });\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            this.userAnswer.url = 'userblankanswers/createblankanswer';\n            this.userAnswer.answers = this.options;\n            this.userAnswer.mock_test_id=0\n            //console.log(this.userAnswer);\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                \n        },\n        resetAll(){\n            $('.droppable-element').each(function(index,item){\n                if($(item).find('div').length >0){\n                    item.childNodes[0].innerText = '';\n                }\n            });\n            this.score_count = 0;\n            this.checkAnswerFlag = false;\n            this.userAnswer={\n                user_id:this.$ls.get('user').user_id,\n                question_id:0,\n                answers:null,\n                url:'',\n                user_score: '',\n                mock_test_id:0\n            }\n\n        },\n        removeClasses(){\n            $('div.wrongSelection').removeClass('wrongSelection wrongAnswer')\n            $('div.rightSection').removeClass('rightSection rightAnswer')\n        },\n        timerEnd(){\n            //console.log(\"end of time\")\n        }\n    },\n    beforeMount(){\n        this.questionservice('configfillingblanks/getallfillinblanks').then(()=>{\n            this.questionLists = this.getQuestionList().data\n            //var userdata = LocalStorageService.getUser()\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            this.user_type = userdata.user_type\n            //console.log(this.questionLists)\n        })\n    },\n    watch:{\n        checkAnswerFlag:{\n            handler(){\n                if(this.checkAnswerFlag){\n                    //console.log(this.actualAnswer)\n                    var vm = this\n                    $( \".ui-droppable\" ).before(function(index) {\n                        if(this.firstChild!=null){\n                             if(this.firstChild.innerText == vm.actualAnswer[index].answer_desc)\n                            {\n                                return \"<span class='showAnswer'> ( Answer:- \" + vm.actualAnswer[index].answer_desc + \")</span>\";\n                            }\n                            else{\n                                return \"<span class='showAnswer wrong'> ( Answer:- \" + vm.actualAnswer[index].answer_desc + \")</span>\";\n                            }\n                        }\n                        else{\n                            return \"<span class='showAnswer wrong'> ( Answer:- \" + vm.actualAnswer[index].answer_desc + \")</span>\";\n                        }\n                       \n                    });\n                }\n                else{\n                    $('.showAnswer').remove()\n                }\n            }\n        }\n    }\n}\n</script>\n<style>\n.showAnswer\n{\n    color: #17b856;\nfont-weight: bold;\n}\n.showAnswer.wrong\n{\n    color: #f44336;\n}\n</style>\n<style scoped>\np{\n    line-height: 25px;\n}\n#qlist2\n{\n    padding: 10px 19px;\n    border: 1px solid #ccc;\n    border-bottom-left-radius: 3px;\n    border-bottom-right-radius: 3px;\n    background: #f9f9f9;\n}\n.drag-container\n{\n    display: inline;\n}\n.answerDiv\n{\n    display: inline-block;\n    display: inline-block;\n    padding-top: 5px;\n    padding-right: 7px;\n    padding-bottom: 5px;\n    padding-left: 7px;\n    cursor: pointer;\n    min-height: 25px;\n    background: #3eb2e3;\n    margin: 0px 5px;\n    position: relative;\n    top: 0;\n    left: 0;\n    color: white;\n    border-radius: 3px;\n}\n.droppable-element .answerDiv\n{\n    background: none;\n    padding: 0 1px;\n    color: black;\n        line-height: 10px;\n}\n\n.text-center button{\n    margin-right:30px\n}\nli.rightAnswer\n{\n    list-style: decimal;\n}\n.questdesc\n{\n    margin-bottom: 0px;\n    border: 1px solid #ccc;\n    background: white;\n    border-bottom: 0px;\n    border-top-left-radius: 3px;\n    border-top-right-radius: 3px;\n    line-height: 35px!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!./readingfill.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!./readingfill.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./readingfill.vue?vue&type=template&id=22395247&scoped=true&\"\nimport script from \"./readingfill.vue?vue&type=script&lang=js&\"\nexport * from \"./readingfill.vue?vue&type=script&lang=js&\"\nimport style0 from \"./readingfill.vue?vue&type=style&index=0&lang=css&\"\nimport style1 from \"./readingfill.vue?vue&type=style&index=1&id=22395247&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  \"22395247\",\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!./readingInformation.vue?vue&type=style&index=0&id=29a96318&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!./readingInformation.vue?vue&type=style&index=0&id=29a96318&scoped=true&lang=css&\"","'use strict';\nvar $ = require('../internals/export');\nvar $find = require('../internals/array-iteration').find;\nvar addToUnscopables = require('../internals/add-to-unscopables');\nvar arrayMethodUsesToLength = require('../internals/array-method-uses-to-length');\n\nvar FIND = 'find';\nvar SKIPS_HOLES = true;\n\nvar USES_TO_LENGTH = arrayMethodUsesToLength(FIND);\n\n// Shouldn't skip holes\nif (FIND in []) Array(1)[FIND](function () { SKIPS_HOLES = false; });\n\n// `Array.prototype.find` method\n// https://tc39.github.io/ecma262/#sec-array.prototype.find\n$({ target: 'Array', proto: true, forced: SKIPS_HOLES || !USES_TO_LENGTH }, {\n  find: function find(callbackfn /* , that = undefined */) {\n    return $find(this, callbackfn, arguments.length > 1 ? arguments[1] : undefined);\n  }\n});\n\n// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables\naddToUnscopables(FIND);\n","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!./readingfill.vue?vue&type=style&index=1&id=22395247&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!./readingfill.vue?vue&type=style&index=1&id=22395247&scoped=true&lang=css&\"","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABmJLR0QA/wD/AP+gvaeTAAACw0lEQVRIie2VT2gUVxzHP9/nxqpQdWdjBW1PrVWJMaZSaIt13dZSCGjTghEPoQelB9GDIII36VHorU2h9SKlaAMiQSgtVt9GwYIEu8lEFKXtQXtoo5PVQk0w834eZvNHspqlXv3CY34z7/t+nzfvze8NPNccUqPGaNC/jHQcbHlKuv3e+q1/NDLONWLKD/p1OH5F9gaixTGvq56vEJcPR7EfoLd3XsOA5thvkeMigAXeBZBYUNdsdg3YmF+7bFdDgCj2Ow1+Am4TeHu0rTRc1zfsf4ni80fvtm7pM3RFcGiyL1cjqxCXPwqwerJD0goI+wK6YBN8XG0vVZ84k8BtpH0v3igfFfQAx5Ze9RuqLaVKrjbTL0w68PiOmwl9nyx4sIdVHeOzl+OIyw8XP0vdeK+ZfSvTp03j9gkLx04ytqjHpWE7kAGQ242FE8n1O910daVPW7ZJLa0UFyvHl7l0/kvJ+vc+j2J/E7kPk1Ud30RxuYLTWzC1B7YY6UajyQGq7aUqpn6kbVkKLglry+IwiGn1DMD/lKMCvApg0l8Gy7PYjYAVnh0AgCy7BgGz4mcCmFk72O/ZnVsp+KeGbAYlMwC6j9nrMytwLuUHzi4RbMZ0poZ7x9Bglk4bgOvTAHEMaVe0dtlEFHurtVCI/Xfc/PGFeoDRjVvvG9r/sGmiJ3/VbxK8hoWf8wNnl4DawC5DrdCSluLBQuwvBOlNp+yZBYtM7C6MLXwl/c13zio0yUbha4BoyO9B+u9hU3qqyeV2YDY/OPqmAEh2F/rI2pSi2J8DjrscF6O4vyNpLd6qu15iJYSv/l3zflKIy3tNxNWWUmUa8AQlraUfmmP/t8FpCJfyQ/0dEOr5PgAoDPlOE+0G3ZN9c35Fd1pL5elTNGSnqjFW1+xYZ+jK6LWRE9Mv16CmfjiiOQ3qvNdW/LPRsc/1VD0Cz2gX7UVHoEcAAAAASUVORK5CYII=\"","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!./readingfill.vue?vue&type=style&index=0&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!./readingfill.vue?vue&type=style&index=0&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!./dictioneryTemplate.vue?vue&type=style&index=0&id=0ae08a5f&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!./dictioneryTemplate.vue?vue&type=style&index=0&id=0ae08a5f&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 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=bT39ZsiCDfE\",\n            title:\"PTE READING MODULE | Fill in the Blanks Tips Tricks and Strategies | PTE Classes.Online\",\n            desc:\"The PTE Reading test checks your ability to read and write in the English language. It is the second section of the test and will take approximately 30-40 minutes. It includes 5 tasks in total. The reading materials for this section are all authentic texts about a variety of academic subjects, including 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!./readingInformation.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!./readingInformation.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./readingInformation.vue?vue&type=template&id=29a96318&scoped=true&\"\nimport script from \"./readingInformation.vue?vue&type=script&lang=js&\"\nexport * from \"./readingInformation.vue?vue&type=script&lang=js&\"\nimport style0 from \"./readingInformation.vue?vue&type=style&index=0&id=29a96318&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  \"29a96318\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-12\"},[(_vm.isShowMainModal)?_c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"mainheading text-left\"},[_vm._v(\" \"+_vm._s(_vm.title)+\" \")]),_c('hr'),_c('p',{staticClass:\"help\"},[_vm._v(\"Double click words to check dictionary\")]),_c('p',{staticClass:\"transcript text-left\"},[_vm._v(\"Transcript:\")]),_c('p',{staticClass:\"paragraph\",domProps:{\"innerHTML\":_vm._s(_vm.templatePara)},on:{\"dblclick\":function($event){return _vm.getSelectionText()}}}),_c('hr'),_c('b-button',{staticClass:\"mt-3\",attrs:{\"variant\":\"outline-primary\",\"left\":\"\"},on:{\"click\":function($event){return _vm.$bvModal.hide('dictionery-Modal')}}},[_vm._v(\"Close Me\")])],1):_c('div',{staticClass:\"child\"},[_c('div',{staticClass:\"header\"},[_vm._v(\" \"+_vm._s(_vm.selectedText)+\" \"),_c('br')]),_c('div',{staticClass:\"pronounce\"},[_vm._v(\" \"+_vm._s(_vm.pronounce)+\" \"),_c('img',{attrs:{\"src\":require(\"@/assets/images/audio-player.png\")},on:{\"click\":function($event){return _vm.playsound()}}})]),_c('hr'),_c('b-row',{staticClass:\"text-left mb-2\"},[_c('div',{staticClass:\"col-12 mb-2\"},[_c('div',{staticClass:\"row heading\"},[_c('div',{staticClass:\"col-6\"},[_vm._v(\"Definitions\")]),_c('div',{staticClass:\"col-6\"},[_vm._v(\"Examples\")])])]),_vm._l((_vm.resultData),function(record,index){return _c('div',{key:index,staticClass:\"col-12\"},_vm._l((record.definitions),function(item,i){return _c('div',{key:i,staticClass:\"row\"},[_c('div',{staticClass:\"col-6 mb-2\"},[_vm._v(\"[\"+_vm._s(record.partOfSpeech)+\"] \"+_vm._s(item.definition))]),_c('div',{staticClass:\"col-6\"},[_vm._v(\" \"+_vm._s(item.example))])])}),0)})],2),_c('hr'),_c('div',{staticClass:\"leftbtn\"},[_c('b-button',{staticClass:\"mr-2 pl-4 pr-4 \",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.showMain()}}},[_vm._v(\"Go Back\")])],1),_c('div',{staticClass:\"rightbtn\"},[_c('b-button',{staticClass:\"mr-2 pl-4 pr-4\",attrs:{\"variant\":\"outline-primary\"},on:{\"click\":function($event){return _vm.saveVocab()}}},[_vm._v(\"Save Vocabulary\")])],1)],1)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template >\r\n    <div class=\"row\">\r\n        <div class=\"col-12\">\r\n        <div class=\"main\" v-if=\"isShowMainModal\">\r\n            <div class=\"mainheading text-left\">\r\n                {{title}}\r\n            </div>\r\n            <hr />\r\n            <p class=\"help\">Double click words to check dictionary</p>\r\n            <p class=\"transcript text-left\">Transcript:</p>\r\n            <!-- <p class=\"paragraph\" v-on:dblclick=\"getSelectionText()\">{{templatePara}}</p> -->\r\n            <p v-html=\"templatePara\" class=\"paragraph\" v-on:dblclick=\"getSelectionText()\"/>\r\n            <hr/>\r\n         <b-button variant=\"outline-primary\" class=\"mt-3\" left @click=\"$bvModal.hide('dictionery-Modal')\">Close Me</b-button>\r\n        </div>\r\n        <div class=\"child\" v-else>\r\n            <div class=\"header\">\r\n                {{selectedText}}\r\n                <br/>                \r\n            </div>\r\n            <div class=\"pronounce\">\r\n                {{pronounce}}\r\n                <img src=\"@/assets/images/audio-player.png\" @click=\"playsound()\"/>\r\n            </div>\r\n            <hr />\r\n            <b-row class=\"text-left mb-2\">\r\n                    <div class=\"col-12 mb-2\" >\r\n                       <div class=\"row heading\" >\r\n                        <div class=\"col-6\">Definitions</div>\r\n                        <div class=\"col-6\">Examples</div>\r\n                       </div>\r\n                    </div>\r\n                <div class=\"col-12\" v-for=\"(record, index) in resultData\" :key=\"index\">\r\n                       <div class=\"row\" v-for=\"(item, i) in record.definitions\" :key=\"i\">\r\n                        <div class=\"col-6 mb-2\">[{{record.partOfSpeech}}] {{item.definition}}</div>\r\n                        <div class=\"col-6\"> {{item.example}}</div>\r\n                        <!-- <div class=\"col-12\" v-for=\"(syn, j) in item.synonyms\" :key=\"j\">\r\n                            <span>{{syn}} ,</span>\r\n                        </div> -->\r\n                       </div>\r\n                </div>\r\n            </b-row>\r\n            <hr/>\r\n            <div class=\"leftbtn\">\r\n                <b-button variant=\"outline-primary\" class=\"mr-2 pl-4 pr-4 \" @click=\"showMain()\">Go Back</b-button>\r\n            </div>\r\n            <div class=\"rightbtn\">\r\n                <b-button variant=\"outline-primary\" class=\"mr-2 pl-4 pr-4\" @click=\"saveVocab()\">Save Vocabulary</b-button>\r\n            </div>\r\n        </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mapActions,mapGetters } from 'vuex'\r\n\r\n\r\nexport default {\r\n    props: {\r\n        templatePara: {\r\n                type: String\r\n                },\r\n        title:{\r\n            type: String\r\n        }\r\n    },\r\n    data(){\r\n        return {\r\n            isShowMainModal: true,\r\n            currentUserId:0,\r\n            selectedText:'',\r\n            resultData:null,\r\n            pronounce:'',\r\n            audio:null\r\n        }\r\n    },\r\n    methods:{\r\n        ...mapActions({\r\n            questionservice: 'speakmodule/getDictionery',\r\n            saveAnswer: 'speakmodule/saveAnswer'\r\n        }),\r\n        ...mapGetters({\r\n            getQuestionList: 'speakmodule/questions',\r\n            answerResponse: 'speakmodule/AnswerResponse'\r\n        }),\r\n        saveVocab(){\r\n            const userData={\r\n                    user_id:this.currentUserId,\r\n                    vocab_desc:this.selectedText,\r\n                    url:'userVocab/saveVocab'\r\n                }\r\n                //console.log(userData)\r\n                 this.saveAnswer(userData).then(()=>{\r\n                        //console.log(this.answerResponse().data)\r\n                        this.$alert(this.answerResponse().message)\r\n                 });            \r\n        },\r\n        showMain(){\r\n            this.isShowMainModal = true;\r\n        },\r\n        getSelectionText() \r\n        {\r\n            this.selectedText = \"\";\r\n            var vm = this;\r\n            if (window.getSelection) {\r\n                this.selectedText = window.getSelection().toString();\r\n            } else if (document.selection && document.selection.type != \"Control\") {\r\n                this.selectedText = document.selection.createRange().text;\r\n            }\r\n            //console.log(this.selectedText)\r\n            \r\n            this.questionservice('https://api.dictionaryapi.dev/api/v2/entries/en_US/'+this.selectedText).then(()=>{\r\n                var getQuestionList = this.getQuestionList();\r\n                //console.log(getQuestionList);\r\n                \r\n                //console.log(getQuestionList[0].phonetics[0].audio)\r\n                vm.resultData = getQuestionList[0].meanings\r\n                vm.pronounce = getQuestionList[0].phonetics[0].text\r\n                vm.audio = getQuestionList[0].phonetics[0].audio\r\n                this.playsound()\r\n                vm.isShowMainModal = false;\r\n                //console.log(vm.resultData)\r\n            });\r\n        },\r\n        playsound(){\r\n            var audioElement = document.createElement('audio');\r\n            audioElement.setAttribute('src', this.audio);\r\n            audioElement.play()\r\n        }\r\n    },\r\n    beforeMount(){\r\n        var userdata = this.$ls.get('user')\r\n        this.currentUserId= userdata.user_id\r\n    }\r\n}\r\n</script>\r\n\r\n<style scoped>\r\n.mainheading\r\n{\r\n    font-size: 14px;\r\nfont-weight: 500;\r\n}\r\n    .content{\r\n        position: relative;\r\n        background-color: #fff;\r\n        background-clip: padding-box;\r\n        border: 0;\r\n        border-radius: 4px;\r\n        box-shadow: 0 4px 12px rgb(0 0 0 / 15%);\r\n        pointer-events: auto;\r\n    }\r\n    .help{\r\n        font-weight: 400;\r\n        color: #999;\r\n        margin-bottom: 8px;\r\n        font-size: .8rem;\r\n        font-size: 1rem;\r\n    }\r\n    .transcript{\r\n        margin-right: 5px;\r\nmargin-bottom: 5px;\r\ndisplay: block;\r\nline-height: 32px;\r\nfont-size: 16px;\r\ncolor: #000;\r\ntext-align: left !important;\r\n    }\r\n    h2{\r\n        color:#12d3bf;\r\n        font-size:32px;\r\n    }\r\n    .header{\r\n        text-align: left;\r\nfont-size: 32px;\r\ncolor: #12d3bf;\r\ndisplay: inline-block;\r\nmargin-right: 10px;\r\n    }\r\n    .heading{\r\n        margin-bottom: 16px;\r\n        color: #999;\r\n        font-size: 16px;\r\n    }\r\n    p{ \r\n        text-align: justify;\r\n        line-height: 2;\r\n        word-spacing: 3px;\r\n        \r\n    }\r\n    p.paragraph\r\n    {\r\ncursor: pointer;\r\n    }\r\n    .pronounce{\r\n        text-align: left;\r\n        display: inline-block;\r\n    }\r\n    .horizontal-divider{\r\n        display: block;\r\n        clear: both;\r\n        width: 100%;\r\n        min-width: 100%;\r\n        height: 1px;\r\n        margin: 24px 0;\r\n    }\r\n    img{\r\n        cursor: pointer;\r\n    }\r\n    .leftbtn{\r\n        float: left;\r\n    }\r\n    .rightbtn{\r\n        float: right;\r\n    }\r\n    ::-moz-selection { /* Code for Firefox */\r\n  color: red;\r\n  background: yellow;\r\n}\r\n\r\n::selection {\r\n  color: red;\r\n  background: yellow;\r\n}\r\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./dictioneryTemplate.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!./dictioneryTemplate.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./dictioneryTemplate.vue?vue&type=template&id=0ae08a5f&scoped=true&\"\nimport script from \"./dictioneryTemplate.vue?vue&type=script&lang=js&\"\nexport * from \"./dictioneryTemplate.vue?vue&type=script&lang=js&\"\nimport style0 from \"./dictioneryTemplate.vue?vue&type=style&index=0&id=0ae08a5f&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  \"0ae08a5f\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}