{"version":3,"sources":["webpack:///./src/components/speaking/readaloud.vue?7445","webpack:///./src/components/speaking/readaloud.vue?7e4a","webpack:///src/components/speaking/readaloud.vue","webpack:///./src/components/speaking/readaloud.vue?6da2","webpack:///./src/components/speaking/readaloud.vue","webpack:///./src/components/dictionerymode/dictioneryTemplate.vue?427d","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","staticStyle","ref","questionLists","questId","_m","user_type","show","readPassage","isReading","startFlag","_s","title","readaloud_id","getSelectionText","readaloud_text","recordMessage","format","micCheck","beforeRecording","afterRecording","pauseRecording","_l","record","index","key","src","userAnswerResponse","recordingBlob","checkAutoNext","showAnswerV9Marking","redoQuest","showModal","directives","name","rawName","modifiers","apiResults","resultStatus","checked","unchecked","disabled","model","value","callback","$$v","expression","currentQuestion","$refs","intervalList","changeQuestion","searchKey","searchQuestion","$bvModal","hide","closeCounter","hideModal","modelTitle","searchQuestionList","getQuestionDetail","staticRenderFns","component","domProps","templatePara","selectedText","pronounce","playsound","item","i","partOfSpeech","definition","example","showMain","saveVocab"],"mappings":"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","file":"js/ReadAloud~f598cb42.16a34fb3.js","sourcesContent":["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!./readaloud.vue?vue&type=style&index=0&id=6d00f8e8&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!./readaloud.vue?vue&type=style&index=0&id=6d00f8e8&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 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(\"Read Aloud \"),_c('b-icon',{staticStyle:{\"padding-left\":\"2px\"},attrs:{\"shift-v\":\"1\",\"scale\":\"1\",\"icon\":\"mic-fill\"}})],1)]),_c('app-IntervalList',{ref:\"intervalList\",attrs:{\"questionLists\":_vm.questionLists,\"questionId\":'readaloud_id'}})],1),(!_vm.selectedquestion & _vm.questId == 0)?_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(\"Text will reflect on screen. In 40 seconds, you must read this text aloud as naturally and clearly as possible. You have 40 seconds to read aloud. \")]),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Skills assessed\")]),_c('p',{staticClass:\"heading mb-2\"},[_vm._v(\"Reading and speaking\")]),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Number of questions\")]),_c('p',{staticClass:\"para mb-2\"},[_vm._v(\" 6 - 7 \")]),(_vm.user_type == 'premium')?[_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"KEY POINTS\")]),_vm._m(1)]:_vm._e()],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('b-overlay',{staticClass:\"fixedHeight\",attrs:{\"show\":_vm.show,\"rounded\":\"sm\"}},[_c('h4',[_vm._v(\"Read Aloud \"),_c('b-icon',{staticStyle:{\"padding-left\":\"2px\"},attrs:{\"shift-v\":\"1\",\"scale\":\"1\",\"icon\":\"mic-fill\"}})],1),_c('p',{staticClass:\"questHeading\"},[_vm._v(\"Look at the text below. In 40 seconds, you must read this text aloud as naturally and clearly as possible. You have 40 seconds to read aloud.\")]),_c('button',{staticClass:\"readPassage d-none d-md-block\",on:{\"click\":function($event){return _vm.readPassage()}}},[(!_vm.isReading)?_c('span',[_vm._v(\"start read \")]):_vm._e(),(_vm.isReading)?_c('span',[_vm._v(\"Stop read \")]):_vm._e(),(_vm.isReading)?_c('b-icon',{staticStyle:{\"padding-left\":\"2px\"},attrs:{\"shift-v\":\"1.5\",\"scale\":\"1.5\",\"icon\":\"volume-up-fill\"}}):_vm._e(),(!_vm.isReading)?_c('b-icon',{staticStyle:{\"padding-left\":\"2px\"},attrs:{\"shift-v\":\"1.5\",\"scale\":\"1.5\",\"icon\":\"volume-down-fill\"}}):_vm._e()],1),_c('div',{staticClass:\"row mb-2\"},[_c('div',{staticClass:\"col-xl-6 col-lg-12 col-md-12 col-sm-12 titleDiv\"},[(!_vm.startFlag)?_c('div',{staticClass:\"prepare\"},[_c('p',[_vm._v(_vm._s(_vm.title)+\" \")]),_c('app-Timer',{ref:\"timer\"})],1):_vm._e()]),_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.readaloud_id,\"idName\":'readaloud_id',\"tableName\":'tblReadAloud'}})],1)]),_c('p',{staticClass:\"questdesc\",on:{\"dblclick\":function($event){return _vm.getSelectionText()}}},[_vm._v(_vm._s(_vm.selectedquestion.readaloud_text))]),_c('p',{staticClass:\"recordMessage\"},[_vm._v(_vm._s(_vm.recordMessage))]),_c('div',{staticClass:\"record-settings\"},[_c('audio-recorder',{attrs:{\"format\":_vm.format,\"mic-failed\":_vm.micCheck,\"before-recording\":_vm.beforeRecording,\"after-recording\":_vm.afterRecording,\"pause-recording\":_vm.pauseRecording,\"src\":null,\"time\":.666}})],1),_vm._l((_vm.recordings),function(record,index){return _c('div',{key:index,staticClass:\"row recorded-item\"},[(_vm.questId == 0)?_c('div',{staticClass:\"audio-container col-12 left\"},[_c('audio',{attrs:{\"src\":record.src,\"controls\":\"\"}})]):_vm._e(),_c('div',{staticClass:\"col-12\"},[_c('p',{staticStyle:{\"padding-left\":\"0px!important\"}},[_vm._v(\"AI Scoring is available after submission.\")])])])}),( _vm.userAnswerResponse!=''  & _vm.questId == 0)?_c('div',[_c('h4',{staticClass:\"mb-3\"},[_vm._v(\"Transcript \")]),_c('p',[_vm._v(_vm._s(_vm.userAnswerResponse))])]):_vm._e()],2),_c('div',{staticClass:\"row\"},[_c('div',{staticClass:\"col-lg-12 col-xl-6 col-md-12 text-left col-sm-12 questBtnDiv mt-5 mb-2\"},[_c('b-button',{staticClass:\"mr-2 pl-4 pr-4\",attrs:{\"disabled\":_vm.recordingBlob == null || _vm.checkAutoNext,\"variant\":\"outline-info\"},on:{\"click\":function($event){return _vm.showAnswerV9Marking()}}},[_vm._v(\"Submit\")]),_c('b-button',{staticClass:\"mr-2 pl-4 pr-4\",attrs:{\"disabled\":_vm.checkAutoNext,\"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('b-button',{directives:[{name:\"b-modal\",rawName:\"v-b-modal.result-Modal\",modifiers:{\"result-Modal\":true}}],staticClass:\"mr-2 pl-4 pr-4\",attrs:{\"disabled\":_vm.apiResults ==null || _vm.checkAutoNext,\"variant\":\"outline-success\"}},[(_vm.resultStatus=='In-Process')?_c('b-spinner',{attrs:{\"small\":\"\",\"type\":\"grow\"}}):_vm._e(),_vm._v(\" \"+_vm._s(_vm.resultStatus)+\" \")],1),_c('span',[_vm._v(\" | \"),_c('toggle-button',{attrs:{\"width\":100,\"height\":28,\"value\":false,\"color\":{checked: '#368f5b', unchecked: '#cae8d6', disabled: '#CCCCCC'},\"speed\":500,\"sync\":true,\"labels\":{checked: 'Auto-Next', unchecked: 'Manual-Next'}},model:{value:(_vm.checkAutoNext),callback:function ($$v) {_vm.checkAutoNext=$$v},expression:\"checkAutoNext\"}})],1)],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-md-2 col-sm-6 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-md-2 col-sm-6 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)])])])],1):_vm._e(),_c('b-modal',{ref:\"result-Modal\",attrs:{\"id\":\"result-Modal\",\"size\":\"lg\",\"centered\":\"\",\"hide-footer\":\"\",\"title\":\"ReadAloud AI Result\"}},[_c('b-container',{staticClass:\"resultModel\"},[_c('app-ResultPresent',{attrs:{\"apiResults\":_vm.apiResults}})],1),(!_vm.checkAutoNext)?_c('b-button',{staticClass:\"mt-3\",attrs:{\"variant\":\"outline-dark\",\"left\":\"\"},on:{\"click\":function($event){return _vm.$bvModal.hide('result-Modal')}}},[_vm._v(\"Close Me\")]):_vm._e(),(_vm.checkAutoNext)?_c('b-button',{staticClass:\"mt-3\",attrs:{\"variant\":\"outline-dark\",\"left\":\"\"}},[_vm._v(\"Disappear in \"+_vm._s(_vm.closeCounter)+\" seconds\")]):_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.selectedquestion.readaloud_text,\"title\":_vm.modelTitle}})],1):_vm._e()],1),_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\":'readaloud_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\":'tblUserReadAloudRecording'}})],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(\"Read Aloud\")])])},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 recording status box displays a countdown (ranges between 30 to 40 seconds) until the microphone opens. You will hear a short tone and start speaking immediately after the tone. \")]),_c('li',[_vm._v(\"Don't speak before the microphone starts because your voice won’t be recorded. Speak clearly, and don’t make any hurry. You’ll be able to record your answer only once. \")]),_c('li',[_vm._v(\"Finish speaking before the progress bar reaches the end. The word “Recording” changes to “Completed”. \")]),_c('li',[_vm._v(\"You will be judged for reading, speaking, oral fluency, pronunciation and content.\")]),_c('li',[_vm._v(\"Use punctuations to help you decide where to pause when you read. Also stress the words that carry important information.\")])])}]\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 pb-3 pt-3 mobileQuestTitle\" >\n                <a v-if=\"selectedquestion\" class=\"closebtn\" @click=\"closeNav()\">&times;</a>\n            <h4>Read Aloud\n                    <b-icon  shift-v=\"1\" scale=\"1\" icon=\"mic-fill\" style=\"padding-left:2px;\"></b-icon>\n                </h4>\n            </div>\n            <app-IntervalList ref=\"intervalList\" :questionLists=\"questionLists\" :questionId=\"'readaloud_id'\"/>\n        </div>\n        <div class=\"questonhelp col-lg-8 col-xl-9 d-none d-lg-block\" v-if=\"!selectedquestion & questId == 0\">\n            <h4 class=\"text-center mb-4 fancy\"><span>Read Aloud</span>\n            </h4>\n            <h5 class=\"mb-1\">Introduction</h5>\n            <p class=\"para mb-2\">Text will reflect on screen. In 40 seconds, you must read this text aloud as naturally and clearly as possible. You have 40 seconds to read aloud. </p>\n            <h5 class=\"mb-1\">Skills assessed</h5>\n            <p class=\"heading mb-2\">Reading and speaking</p>\n            <h5 class=\"mb-1\">Number of questions</h5>\n            <p class=\"para mb-2\"> 6 - 7 </p>\n            <template v-if=\"user_type == 'premium'\">\n            <h5 class=\"mb-1\">KEY POINTS</h5>\n            <ul class=\"ml-5\">\n                <li>The recording status box displays a countdown (ranges between 30 to 40 seconds) until the microphone opens. You will hear a short tone and start speaking immediately after the tone. </li>\n                <li>Don't speak before the microphone starts because your voice won’t be recorded. Speak clearly, and don’t make any hurry. You’ll be able to record your answer only once. </li>\n                <li>Finish speaking before the progress bar reaches the end. The word “Recording” changes to “Completed”. </li>\n                <li>You will be judged for reading, speaking, oral fluency, pronunciation and content.</li>\n                <li>Use punctuations to help you decide where to pause when you read. Also stress the words that carry important information.</li>\n            </ul>\n            </template>\n        </div>\n        <!-- <div class=\"questionList col-sx-12 col-sm-12 d-sm-block d-sx-block d-md-none\" v-show=\"!selectedquestion & questId == 0\">\n            <app-IntervalList ref=\"OneTimeintervalList\" :questionLists=\"questionLists\" :questionId=\"'readaloud_id'\"/>\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        <b-overlay class=\"fixedHeight\" :show=\"show\" rounded=\"sm\" >\n            <h4>Read Aloud\n                <b-icon  shift-v=\"1\" scale=\"1\" icon=\"mic-fill\" style=\"padding-left:2px;\"></b-icon>\n            </h4>\n            <p class=\"questHeading\">Look at the text below. In 40 seconds, you must read this text aloud as naturally and clearly as possible. You have 40 seconds to read aloud.</p>\n            <!-- <audio style=\"height:0px!important;position:absolute!important;\" id=\"readAloudSrc\" v-if=\"readAloudSrc!=null\" :src=\"readAloudSrc\" /> -->\n            <button @click=\"readPassage()\" class=\"readPassage d-none d-md-block\">\n                <span v-if=\"!isReading\">start read </span>\n                <span v-if=\"isReading\">Stop read </span>\n                <b-icon v-if=\"isReading\"  shift-v=\"1.5\" scale=\"1.5\" icon=\"volume-up-fill\" style=\"padding-left:2px;\"></b-icon>\n                <b-icon v-if=\"!isReading\" shift-v=\"1.5\" scale=\"1.5\" icon=\"volume-down-fill\" style=\"padding-left:2px;\"></b-icon>\n            </button>\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\" v-if=\"!startFlag\"><p>{{title}} </p><app-Timer ref=\"timer\"/></div>\n                <!-- <b-button @click=\"changeQuestion('next')\" variant=\"outline-info\" class=\"ml-2 nextQuestion pl-1 pr-1 col-sx-12 col-sm-12 d-sm-block d-sx-block d-md-none\">Next</b-button>\n                <b-button :disabled=\"currentQuestion <= 1\" @click=\"changeQuestion('prev')\" variant=\"outline-info\" class=\"mr-2 prevQuestion pl-1 pr-1 col-sx-12 col-sm-12 d-sm-block d-sx-block d-md-none\">Prev</b-button>\n                 -->\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.readaloud_id\" :idName=\"'readaloud_id'\" :tableName=\"'tblReadAloud'\"/>\n            </div>\n            </div>\n            <p class=\"questdesc\" v-on:dblclick=\"getSelectionText()\">{{selectedquestion.readaloud_text}}</p>\n            \n            <!-- <p>{{timeLeft}}</p>\n            <b-button @click=\"pauseTime()\">Try Pause</b-button>\n            <b-button @click=\"resumeTime()\">Try Resume</b-button> -->\n            <p class=\"recordMessage\">{{recordMessage}}</p>\n            <div class=\"record-settings\">\n                \n              <!-- <vue-record-audio :mode=\"recordMode\" ref=\"recording\" @stream=\"onStream\" @result=\"onResult\" /> -->\n               <audio-recorder :format=\"format\"\n                    :mic-failed=\"micCheck\"\n                    :before-recording=\"beforeRecording\"\n                    :after-recording=\"afterRecording\"\n                    :pause-recording=\"pauseRecording\"\n                    :src=null\n                    :time=\".666\"\n                    />\n            </div>\n            \n            <div v-for=\"(record, index) in recordings\" :key=\"index\" class=\"row recorded-item\">\n                <div  v-if=\"questId == 0\" class=\"audio-container col-12 left\"><audio :src=\"record.src\" controls /></div> \n                <div class=\"col-12\"><p style=\"padding-left:0px!important\">AI Scoring is available after submission.</p></div>\n                <!-- <button @click=\"checkAnswer = true\">Transcript</button> -->\n            </div>\n            \n            <div v-if=\" userAnswerResponse!=''  & questId == 0\">\n                <h4 class=\"mb-3\">Transcript\n                </h4>\n                \n                <p>{{userAnswerResponse}}</p>\n            </div>\n        </b-overlay>\n             <div class=\"row\">\n                <div class=\"col-lg-12 col-xl-6 col-md-12 text-left col-sm-12 questBtnDiv mt-5 mb-2\">\n                    <b-button :disabled=\"recordingBlob == null || checkAutoNext\" class=\"mr-2 pl-4 pr-4\" variant=\"outline-info\" @click=\"showAnswerV9Marking()\">Submit</b-button>\n                    <!-- <b-button class=\"mr-2 pl-4 pr-4\" variant=\"outline-info\" @click=\"showAnswerNew()\">Submit</b-button> -->\n                    <b-button :disabled=\"checkAutoNext\" 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                    <b-button :disabled=\"apiResults ==null || checkAutoNext\" variant=\"outline-success\" class=\"mr-2 pl-4 pr-4\" v-b-modal.result-Modal>\n                        <b-spinner v-if=\"resultStatus=='In-Process'\" small type=\"grow\"></b-spinner>\n                        {{resultStatus}}\n                    </b-button>\n                    <span  > | \n                  <toggle-button :width=\"100\" :height=\"28\" v-model=\"checkAutoNext\" :value=\"false\" :color=\"{checked: '#368f5b', unchecked: '#cae8d6', disabled: '#CCCCCC'}\" :speed=\"500\" :sync=\"true\" :labels=\"{checked: 'Auto-Next', unchecked: 'Manual-Next'}\"/>\n                </span>\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-md-2 col-sm-6 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-md-2 col-sm-6 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-5\">\n                    <div class=\"col-12 mb-2 mt-2 results text-left\" v-if=\"checkAnswer == true\">\n                    <h5>Result:- </h5>\n                    <p><strong>Your results {{contentMarks}} out of 5</strong></p>\n                    </div>\n                    \n                </div> -->\n            </div>\n        </div>\n        <b-modal id=\"result-Modal\" ref=\"result-Modal\" size=\"lg\" centered hide-footer title=\"ReadAloud AI Result\">\n         <b-container class=\"resultModel\" >\n               <app-ResultPresent :apiResults=\"apiResults\"/>\n         </b-container>\n         <b-button v-if=\"!checkAutoNext\" class=\"mt-3\" variant=\"outline-dark\" left @click=\"$bvModal.hide('result-Modal')\">Close Me</b-button>\n         <b-button v-if=\"checkAutoNext\" class=\"mt-3\" variant=\"outline-dark\" left >Disappear in {{ closeCounter }} seconds</b-button>\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=\"selectedquestion.readaloud_text\" :title=\"modelTitle\"/>\n         </b-container>\n        </b-modal>\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=\"'readaloud_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=\"'tblUserReadAloudRecording'\"/>\n        </div>\n    </div>\n</template>\n<script>\nimport { mapActions,mapGetters } from 'vuex'\nimport Timer from '../reuseable/timer'\nimport $ from \"jquery\";\nimport ResultPresent from '../reuseable/resultPresent'\nimport dictTemplate from '../dictionerymode/dictioneryTemplate'\n//import blobToBase64 from 'blob-to-base64'\nconst sdk = require(\"microsoft-cognitiveservices-speech-sdk\");\nimport IntervalList from '../reuseable/intervalList'\nimport DiscussionTab from '../reuseable/discussionTab'\nimport QuestionStatus from '../reuseable/questStatus'\nimport {bus} from '../../main'\nexport default {\n    props:{\n        questId:{\n            type: Number,\n            default: 0,\n            required: false\n        }\n    },\n    components:{\n        'app-Timer':Timer,\n        'app-IntervalList': IntervalList,\n        'app-ResultPresent':ResultPresent,\n        'app-dictTemp': dictTemplate,\n        'app-QuestionStatus':QuestionStatus,\n        'app-DiscussionTab':DiscussionTab\n    },\n    data(){\n        return{\n            questionLists:{\n                type: Object,\n                required: true\n            },\n            format:'wav',\n            selectedquestion: null,\n            recordMode:'press',\n            recordings: [],\n            selectedTime: 0,\n            timeLeft: '00:00',\n            startFlag:false,\n            title: 'Prepare',\n            show:false,\n            userAnswer:{\n                readaloud_id : 0,\n                user_id : 0,\n                user_recording: null,\n                url:'',\n                keywords:'',\n                confidenceLevel:0,\n                transcript:'',\n                mock_test_id:0,\n                user_result:''\n            },\n            userAnswerResponse: '',\n            currentUserId:0,\n            checkAnswer:false,\n            recordStop:false,\n            actualAnswer:'',\n            contentMarks:5,\n            user_type:'Free',\n            currentQuestion:0,\n            isReading:false,\n            readAloudSrc:null,\n            recordMessage:'Click to Start',\n            apiResults:null,\n            resultStatus:'AI-Result',\n            recordingBlob:null,\n            isShowModal: false,\n            modelTitle:'heading',\n            aud:null,\n            searchKey:'',\n            searchQuestionList:null,\n            i:30,\n            currentUser:null,\n            threeSecondIntervalStop:false,\n            microsoftTranscript:'',\n            recognizer:null,\n            currentIndex:0,\n            closeCounter:5,\n            closeTime:null,\n            checkAutoNext:false\n        }\n    },\n    methods:{\n        ...mapActions({\n            questionservice: 'speakmodule/fetchQuestion',\n            getTranscripty:'speakmodule/getTranscripty',\n            saveAnswer: 'speakmodule/saveAnswer',\n            generateFileUpload:'speakmodule/generateFileUpload',\n            fetchUserUsage:'auth/saveDashBoardData',\n        }),\n        ...mapGetters({\n            getQuestionList: 'speakmodule/questions',\n            answerResponse: 'speakmodule/AnswerResponse',\n            userDetail: 'auth/user',\n            GetUserUsageResponse:'auth/getDashBoardResponse'\n        }),\n        getSelectionText() \n        {\n            var text = \"\";\n            if (window.getSelection) {\n                text = window.getSelection().toString();\n            } else if (document.selection && document.selection.type != \"Control\") {\n                text = document.selection.createRange().text;\n            }\n            //console.log(text)\n            this.synthesizeSpeech(text)\n        },\n        readPassage(){\n            //var aud = document.getElementById(\"readAloudSrc\");\n            \n            if(this.isReading)\n            {\n                this.isReading = false\n                this.aud.pause()\n                $('.readPassage').removeClass('play');\n                this.$refs.timer.resumeTime()\n            }\n            else{\n                this.aud = document.getElementById(\"readAloudAudio\");\n                this.aud.src=this.readAloudSrc\n                this.isReading =true\n                this.aud.play();\n                 $('.readPassage').addClass('play');\n                 this.$refs.timer.pauseTime()\n            }\n           \n        },\n        showModal() {\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        synthesizeSpeech(selectedText) {\n            const speechConfig = sdk.SpeechConfig.fromSubscription(process.env.VUE_APP_MICRO_API, process.env.VUE_APP_MICRO_SERVICEREGION);\n            const synthesizer = new sdk.SpeechSynthesizer(speechConfig);\n            synthesizer.speakTextAsync(\n                selectedText,\n                result => {\n                    // Interact with the audio ArrayBuffer data\n                    const audioData = result.audioData;\n                    //console.log(`Audio data byte size: ${audioData.byteLength}.`)\n\n                    synthesizer.close();\n                },\n                error => {\n                    //console.log(error);\n                    synthesizer.close();\n                });\n        },\n        resetParams(){\n            this.apiResults=null\n            this.recordingBlob = null\n            this.resultStatus='AI-Result'\n            this.show=false\n            this.recordMessage='Click to Start'\n            this.checkAnswer = false\n            this.isReading= false\n            $('.readPassage').removeClass('play');\n            this.contentMarks = 5\n            this.userAnswer = {\n                readaloud_id : 0,\n                user_id : 0,\n                user_recording: null,\n                url:'',\n                keywords:'',\n                confidenceLevel:0,\n                mock_test_id:0,\n                user_result:''\n            }\n            this.userAnswerResponse =''\n            this.recordStop= false\n            this.readAloudSrc=null\n            this.microsoftTranscript=''\n        },\n        generateAudioFile(){\n            if(this.selectedquestion.audio_path == null | this.selectedquestion.audio_path ==''){\n                const body={\n                    id:this.selectedquestion.readaloud_id,\n                    text:this.selectedquestion.readaloud_text,\n                    url:'configreadaloud/generateAudioUpdatePath'\n                }\n                 this.saveAnswer(body).then(()=>{\n                        //console.log(this.answerResponse().data)\n                        this.readAloudSrc=this.answerResponse().data\n\n                        // var aud = document.getElementById(\"readAloudSrc\");\n                        // //console.log(aud)\n                        // aud.play()\n                      })\n            }\n            else{\n                //console.log(this.selectedquestion.audio_path)\n                this.readAloudSrc=this.selectedquestion.audio_path\n            }\n        },\n        redoQuest(){\n            this.getQuestionDetail(this.selectedquestion.readaloud_id)\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].readaloud_id)\n                }\n            }\n            else{\n                return this.$alert(\"No record found with the given title\", \"Search Result\");\n            }\n        },\n        myLoop() {   \n            var vm=this      //  create a loop function\n            setTimeout(function() {   //  call a 30s setTimeout when the loop is called\n                //console.log(vm.i); \n                vm.selectedquestion = vm.questionLists[vm.i]\n                vm.generateAudioFile() \n                vm.i++;                    //  increment the counter\n                if (vm.i < vm.questionLists.length) {           //  if the counter < 10, call the loop function\n                    vm.myLoop();             //  ..  again which will trigger another \n                }                       //  ..  setTimeout()\n            }, 60000)\n        },\n        updateSelectQuestionStatus(question,id){\n            ////console.log(this.selectedquestion)\n            this.selectedquestion = question\n            const currectQuestionIndex=this.questionLists.findIndex(element=>\n            element.readaloud_id==id)\n            this.questionLists[currectQuestionIndex]=this.selectedquestion\n            ////console.log(question)\n        },\n        openNav(){\n            document.getElementById(\"mySidenav\").style.width = \"100%\";\n        },\n        closeNav(){\n            document.getElementById(\"mySidenav\").style.width = \"0\";\n        },\n        changeQuestion(change){\n            var quest=0\n            //currentIndex=this.questionLists.indexOf(this.selectedquestion);\n            if(change==='next'){\n                if(this.currentIndex<this.questionLists.length-1){\n                    quest=this.questionLists[this.currentUserId+1].readaloud_id\n                    this.getQuestionDetail(quest)\n                }\n            }\n            else{\n                if(this.currentIndex>0){\n                    quest=this.questionLists[this.currentUserId-1].readaloud_id\n                    this.getQuestionDetail(quest)\n                }\n            }\n        },\n        getQuestionDetail(questionId){\n            //this.selectedquestion=null\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            var vm = this\n            this.resetParams()\n            this.userAnswer.user_id=this.currentUserId\n            this.selectedquestion = this.questionLists.filter(function (item) {\n                \n                return item.readaloud_id == questionId;\n            })[0]\n            this.currentIndex=this.questionLists.indexOf(this.selectedquestion);\n            vm.userAnswer.readaloud_id = questionId\n            //console.log(vm.userAnswer.readaloud_id)\n        if(this.$refs.QuestionResetStatus)\n            this.$refs.QuestionResetStatus.resetQuestionDetails(this.selectedquestion,questionId)\n            this.modelTitle = this.selectedquestion.title\n            this.readAloudSrc= this.selectedquestion.audio_path\n            //this.myLoop()\n            //this.generateAudioFile()\n            //console.log(this.selectedquestion)\n            //this.actualAnswer = this.selectedquestion.transcript\n            this.recordings = []\n            this.startFlag = false\n            this.$nextTick(function(){\n            this.$refs.discussionTab.updateQuestionId(questionId)\n            this.$refs.timer.setTime(40)\n            this.title = 'Prepare'\n            $('.ar-recorder__stop').click()\n            })\n        },\n        removeRecord () {\n            ////console.log(this.state)\n        },\n        userUsage(){\n        var data={\n            user_id: this.currentUser.user_id,\n            url:'users/userUsageCount'\n          }\n          this.fetchUserUsage(data).then(()=>{\n            ////console.log(this.GetUserUsageResponse())\n           this.currentUser.speaking_Counter= this.GetUserUsageResponse().data.speakingCount\n            //this.$ls.remove('PackageType')\n          })\n        },\n        checkUserAccess(){\n            const user =this.currentUser\n            //console.log(user.speaking_Counter)\n            if(user.user_type == 'Free' & user.speaking_Counter>=5)\n            {\n                return false\n            }\n            else if(user.user_type == 'standard' & user.speaking_Counter>=10)\n            {\n                return false\n            }\n            else{\n                this.currentUser.speaking_Counter++\n                return true\n            }\n        },\n        showAnswer(){\n            try{\n                \n            if(!this.checkUserAccess())\n                {\n                    return this.$alert(\n                        \"Please upgrade your plan for further practice your today limit is over\",\n                        \"Warning\",\n                        \"warning\",\n                        {\n                            confirmButtonText: \"Cannot Proceed\"\n                        })\n                }\n            this.show=true\n            this.resultStatus='In-Process'\n            const fileName='UserReadAloud--u'+this.userAnswer.user_id+'_q'+this.selectedquestion.readaloud_id+\"_track\"+Date.now()+'.wav'\n            var file = new File([this.recordingBlob], fileName);\n            //this.recordedFile = file\n            var fd = new FormData()\n            fd.append('files', file,fileName)\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            const filePath='audio/UserReadAloud/'+fileName.replace('--','')\n             this.userAnswer.user_recording = filePath\n             var param={\n                user_audio_file: filePath.replace('audio/',''),\n                text: this.selectedquestion.readaloud_text,\n                user_id: this.userAnswer.user_id,\n                quest:'u'+this.userAnswer.user_id+'/q'+this.selectedquestion.readaloud_id,\n                url:'speechace/transcript'\n            }\n            ////console.log(param)\n            this.generateFileUpload(fd).then(()=>{\n                //console.log(this.answerResponse())\n                        if(this.answerResponse()==\"Success\"){\n                            this.getTranscripty(param).then(()=>{\n                                //console.log(this.answerResponse().data)\n                                ////debugger\n                                if(this.answerResponse().data.success)\n                                {\n                                    if(this.answerResponse().data.result.status!='success'){\n                                        this.resultStatus='No-Result'\n                                        this.show=false\n                                        return this.$alert('No recording found, Please retry.')\n                                        \n                                    }\n                                    this.userAnswer.url='userreadaloud/createuserreadaloud'\n                                    //console.log(this.answerResponse().data.result)\n                                    const res=this.userAnswer.transcript=this.answerResponse().data.result\n                                    const textArray=this.selectedquestion.readaloud_text.split(' ')\n                                    const correctWords=res.text_score.fluency.overall_metrics.correct_word_count\n                                    const totalWords=res.text_score.fluency.overall_metrics.word_count\n                                    var content=0;\n                                    //console.log(res.text_score.word_score_list)\n                                    //as the content must be from 90\n                                    if(correctWords>=totalWords*.85) content=90\n                                    else if(correctWords>=totalWords*.65) content=78\n                                    else if(correctWords>=totalWords*.55) content=67\n                                    else if(correctWords>=totalWords*.45) content=50\n                                    else if(correctWords>=totalWords*.35) content=35\n                                    else if(correctWords>=totalWords*.25) content=25\n                                    else if(correctWords>=totalWords*.15) content=15\n                                    else if(correctWords>=totalWords*.10) content=10\n                                    else content=0\n                                    //content = Math.round((correctWords/totalWords)*100)-10\n                                    this.resultStatus='AI-Result Ready'\n                                    this.show=false\n                                    this.apiResults={\n                                        transcript:'',// need to generate\n                                        quality_Score:res.text_score.quality_score,// need to calculate\n                                        total_Words:totalWords,\n                                        correct_Words:correctWords,\n                                        vocab:res.text_score.fluency.overall_metrics.ielts_subscore.vocab,\n                                        pte_Estimate:res.text_score.fluency.overall_metrics.pte_estimate,\n                                        word_Score_List:res.text_score.word_score_list,\n                                        content_Score:content,\n                                        textArray:textArray,\n                                        text:this.selectedquestion.readaloud_text,\n                                        src:filePath,\n                                        type:'all'\n                                    }\n                                    //console.log(this.apiResults)\n                                    var proScore =(this.apiResults.quality_Score>10)?this.apiResults.quality_Score-10:this.apiResults.quality_Score\n                                    \n                                    var overAllScore =Math.round((this.apiResults.pte_Estimate+proScore+this.apiResults.content_Score)/3)\n                                    //this.$refs['result-Modal'].show()\n                                    this.userAnswer.mock_test_id=0\n                                    this.userAnswer.user_result='Your Score: '+overAllScore+'/90'\n                                    //this.$refs['result-Modal'].show()\n                                    //console.log(this.userAnswer)\n                                    this.saveAnswer(this.userAnswer).then(()=>{\n                                            //console.log(this.answerResponse().data)\n                                            //vm.userAnswerResponse = vm.answerResponse().data\n                                        })\n                                }\n                                //vm.userAnswerResponse = vm.answerResponse().data\n                            })\n                        }\n            })\n            }\n            catch(error){\n                //console.log(error)\n                this.show=false\n            }\n        },\n        showAnswerV9(){\n            try{\n                \n            if(!this.checkUserAccess())\n                {\n                    return this.$alert(\n                        \"Please upgrade your plan for further practice your today limit is over\",\n                        \"Warning\",\n                        \"warning\",\n                        {\n                            confirmButtonText: \"Cannot Proceed\"\n                        })\n                }\n            this.show=true\n            this.resultStatus='In-Process'\n            const fileName='UserReadAloud--u'+this.userAnswer.user_id+'_q'+this.selectedquestion.readaloud_id+\"_track\"+Date.now()+'.wav'\n            var file = new File([this.recordingBlob], fileName);\n            //this.recordedFile = file\n            var fd = new FormData()\n            fd.append('files', file,fileName)\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            const filePath='audio/UserReadAloud/'+fileName.replace('--','')\n             this.userAnswer.user_recording = filePath\n             var param={\n                user_audio_file: filePath.replace('audio/',''),\n                text: this.selectedquestion.readaloud_text,\n                user_id: this.userAnswer.user_id,\n                quest:'u'+this.userAnswer.user_id+'/q'+this.selectedquestion.readaloud_id,\n                url:'speechace/transcriptNew'\n            }\n            ////console.log(param)\n            this.generateFileUpload(fd).then(()=>{\n                //console.log(this.answerResponse())\n                        if(this.answerResponse()==\"Success\"){\n                            this.getTranscripty(param).then(()=>{\n                                //console.log(\"NEW Transcript Information:  \")\n                                //console.log(this.answerResponse().data)\n                                ////debugger\n                                if(this.answerResponse().data.success)\n                                {\n                                    if(this.answerResponse().data.result.status!='success'){\n                                        this.resultStatus='No-Result'\n                                        this.show=false\n                                        return this.$alert('No recording found, Please retry.')\n                                        \n                                    }\n                                    this.userAnswer.url='userreadaloud/createuserreadaloud'\n                                    //console.log(this.answerResponse().data.result)\n                                    const res=this.userAnswer.transcript=this.answerResponse().data.result\n                                    const textArray=this.selectedquestion.readaloud_text.split(' ')\n                                    const correctWords=res.text_score.fluency.overall_metrics.correct_word_count\n                                    const totalWords=res.text_score.fluency.overall_metrics.word_count\n                                    var content=0;\n                                    //console.log(res.text_score.word_score_list)\n                                    //as the content must be from 90\n                                    if(correctWords==totalWords) content=90\n                                    else if(correctWords>=totalWords*.85) content=79\n                                    else if(correctWords>=totalWords*.65) content=73\n                                    else if(correctWords>=totalWords*.55) content=65\n                                    else if(correctWords>=totalWords*.45) content=50\n                                    else if(correctWords>=totalWords*.35) content=35\n                                    else if(correctWords>=totalWords*.25) content=25\n                                    else if(correctWords>=totalWords*.15) content=15\n                                    else if(correctWords>=totalWords*.10) content=10\n                                    else content=0\n                                    //content = Math.round((correctWords/totalWords)*100)-10\n                                    this.resultStatus='AI-Result Ready'\n                                    this.show=false\n                                    this.apiResults={\n                                        transcript:'',// need to generate\n                                        quality_Score:res.text_score.pte_score.overall,// need to calculate\n                                        total_Words:totalWords,\n                                        correct_Words:correctWords,\n                                        vocab:res.text_score.pte_score.vocab,\n                                        pte_Estimate:res.text_score.pte_score.fluency,\n                                        word_Score_List:res.text_score.word_score_list,\n                                        content_Score:content,\n                                        textArray:textArray,\n                                        text:this.selectedquestion.readaloud_text,\n                                        src:filePath,\n                                        type:'all'\n                                    }\n                                    //console.log(this.apiResults)\n                                    var proScore =(this.apiResults.quality_Score>10)?this.apiResults.quality_Score-10:this.apiResults.quality_Score\n                                    \n                                    var overAllScore =Math.round((this.apiResults.pte_Estimate+proScore+this.apiResults.content_Score)/3)\n                                    //this.$refs['result-Modal'].show()\n                                    this.userAnswer.mock_test_id=0\n                                    this.userAnswer.user_result='Your Score: '+overAllScore+'/90'\n                                    //this.$refs['result-Modal'].show()\n                                    //console.log(this.userAnswer)\n                                    this.saveAnswer(this.userAnswer).then(()=>{\n                                            //console.log(this.answerResponse().data)\n                                            //vm.userAnswerResponse = vm.answerResponse().data\n                                        })\n                                }\n                                //vm.userAnswerResponse = vm.answerResponse().data\n                            })\n                        }\n            })\n            }\n            catch(error){\n                //console.log(error)\n                this.show=false\n            }\n        },\n        wait(ms){\n            var start = new Date().getTime();\n            var end = start;\n            while(end < start + ms) {\n                end = new Date().getTime();\n            }\n        },\n        showAnswerV9Marking(){\n            try{\n                \n            if(!this.checkUserAccess())\n                {\n                    this.checkAnswerFlag=false;\n                    return this.$alert(\n                        \"Please upgrade your plan for further practice your today limit is over\",\n                        \"Warning\",\n                        \"warning\",\n                        {\n                            confirmButtonText: \"Cannot Proceed\"\n                        })\n                }\n            this.show=true\n            this.resultStatus='In-Process'\n            const fileName='UserReadAloud--u'+this.userAnswer.user_id+'_q'+this.selectedquestion.readaloud_id+\"_track\"+Date.now()+'.wav'\n            var file = new File([this.recordingBlob], fileName);\n            //this.recordedFile = file\n            var fd = new FormData()\n            fd.append('files', file,fileName)\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            const filePath='audio/UserReadAloud/'+fileName.replace('--','')\n             this.userAnswer.user_recording = filePath\n             var param={\n                user_audio_file: filePath.replace('audio/',''),\n                text: this.selectedquestion.readaloud_text,\n                user_id: this.userAnswer.user_id,\n                quest:'u'+this.userAnswer.user_id+'/q'+this.selectedquestion.readaloud_id,\n                url:'speechace/transcriptNewMarking',\n                questType:'ReadAloud',\n                keyWords:[],\n                questionTranscript:this.selectedquestion.readaloud_text\n            }\n            this.generateFileUpload(fd).then(()=>{\n                if(this.answerResponse()==\"Success\"){\n                    if(this.microsoftTranscript == '') this.wait(5000)\n                    if(this.microsoftTranscript == ''){\n                        this.resultStatus='No-Result'\n                                this.show=false\n                                return this.$alert('No voice found in submitted recording, Please retry.')\n                    }\n                            this.getTranscripty(param).then(()=>{\n                                \n                                if(this.answerResponse().data==undefined){\n                                    this.resultStatus='No-Result'\n                                        this.show=false\n                                        return this.$alert('No voice found in submitted recording, Please retry.')\n                                }\n                                else if(this.answerResponse().data.success)\n                                {\n                                    if(this.answerResponse().data.result.status!='success'){\n                                        this.resultStatus='No-Result'\n                                        this.show=false\n                                        return this.$alert('No recording found, Please retry.')\n                                        \n                                    }\n                                    this.userAnswer.url='userreadaloud/createuserreadaloud'\n                                    //console.log(this.answerResponse().data.result)\n                                    const res=this.userAnswer.transcript=this.answerResponse().data.result;\n                                    console.log(this.answerResponse());\n                                    const markingResult=this.answerResponse().data.apiResults;\n                                    // const textArray=this.selectedquestion.readaloud_text.split(' ')\n                                    // const correctWords=res.text_score.fluency.overall_metrics.correct_word_count\n                                    // const totalWords=res.text_score.fluency.overall_metrics.word_count\n                                    // var content=0;\n\n                                    // if(correctWords==totalWords) content=90\n                                    // else if(correctWords>=totalWords*.85) content=79\n                                    // else if(correctWords>=totalWords*.65) content=73\n                                    // else if(correctWords>=totalWords*.55) content=65\n                                    // else if(correctWords>=totalWords*.45) content=50\n                                    // else if(correctWords>=totalWords*.35) content=35\n                                    // else if(correctWords>=totalWords*.25) content=25\n                                    // else if(correctWords>=totalWords*.15) content=15\n                                    // else if(correctWords>=totalWords*.10) content=10\n                                    // else content=0\n                                    \n                                    \n                                    // this.apiResults={\n                                    //     transcript:'',// need to generate\n                                    //     quality_Score:res.text_score.pte_score.overall,// need to calculate\n                                    //     total_Words:totalWords,\n                                    //     correct_Words:correctWords,\n                                    //     vocab:res.text_score.pte_score.vocab,\n                                    //     pte_Estimate:res.text_score.pte_score.fluency,\n                                    //     word_Score_List:res.text_score.word_score_list,\n                                    //     content_Score:content,\n                                    //     textArray:textArray,\n                                    //     text:this.selectedquestion.readaloud_text,\n                                    //     src:filePath,\n                                    //     type:'all'\n                                    // }\n                                    \n                                    // var proScore =(this.apiResults.quality_Score>10)?this.apiResults.quality_Score-10:this.apiResults.quality_Score\n                                    \n                                    // var overAllScore =Math.round((this.apiResults.pte_Estimate+proScore+this.apiResults.content_Score)/3)\n                             \n                                    var overAllScore =markingResult.overAllScore; \n                                    this.apiResults=markingResult;\n                                    this.userAnswer.mock_test_id=0\n                                    this.userAnswer.user_result='Your Score: '+overAllScore+'/90'\n                                    this.resultStatus='AI-Result Ready'\n                                    this.show=false\n                                    if(this.checkAutoNext) {\n                                        this.closeTime=null;\n                                        this.closeCounter=5\n                                        this.$refs['result-Modal'].show();\n                                        this.startTime(); \n                                    }\n                                    this.saveAnswer(this.userAnswer).then(()=>{\n                                            //console.log(this.answerResponse().data)\n                                            //vm.userAnswerResponse = vm.answerResponse().data\n                                        })\n                                }\n                                //vm.userAnswerResponse = vm.answerResponse().data\n                            })\n                        }\n            })\n            }\n            catch(error){\n                //console.log(error)\n                this.resultStatus='No-Result'\n                this.show=false\n                return this.$alert('No recording found, Please retry.')\n            }\n        },\n        getIndicesOf(searchStr, str, caseSensitive) {\n            var searchStrLen = searchStr.length;\n            if (searchStrLen == 0) {\n                return [];\n            }\n            var startIndex = 0, index, indices = [];\n            for (index = 0; index < str.length; index++) {\n                let element = str[index];\n                if (!caseSensitive) {\n                    element = element.toLowerCase();\n                    searchStr = searchStr.toLowerCase();\n                }\n                if (element==searchStr) {\n                    indices.push(index);\n                    startIndex = index ;\n                }\n            }\n            \n            return indices;\n        },\n        showAnswerNew(){\n            try{\n                \n            if(!this.checkUserAccess())\n                {\n                    return this.$alert(\n                        \"Please upgrade your plan for further practice your today limit is over\",\n                        \"Warning\",\n                        \"warning\",\n                        {\n                            confirmButtonText: \"Cannot Proceed\"\n                        })\n                }\n            this.show=true\n            this.resultStatus='In-Process'\n            const fileName='UserReadAloud--u'+this.userAnswer.user_id+'_q'+this.selectedquestion.readaloud_id+\"_track\"+Date.now()+'.wav'\n            var file = new File([this.recordingBlob], fileName);\n            //this.recordedFile = file\n            var fd = new FormData()\n            fd.append('files', file,fileName)\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            const filePath='audio/UserReadAloud/'+fileName.replace('--','')\n             this.userAnswer.user_recording = filePath\n             var param={\n                user_audio_file:filePath.replace('audio/',''),//\"UserReadAloud/UserReadAloudu5_q853_track1667527243174.wav\",// filePath.replace('audio/',''),\n                text: this.selectedquestion.readaloud_text,\n                user_id: this.userAnswer.user_id,\n                quest:'u'+this.userAnswer.user_id+'/q'+this.selectedquestion.readaloud_id,\n                url:'deepgram/deepgramTranscript'\n            }\n            ////console.log(param)\n            this.generateFileUpload(fd).then(()=>{\n                //console.log(this.answerResponse())\n                        if(this.answerResponse()==\"Success\"){\n                            this.getTranscripty(param).then(()=>{\n                                //console.log(this.answerResponse().data)\n                                ////debugger\n                                var deepGramTranscriptJson=this.answerResponse().data.result.results.channels[0].alternatives[0];\n                                var deepGramUtterancesJson=this.answerResponse().data.result.results.utterances\n                               //console.log(deepGramUtterancesJson)\n                                \n                                if(this.answerResponse().data.success==1)\n                                {\n                                    // if(this.answerResponse().data.result.status!=200){\n                                    //     this.resultStatus='No-Result'\n                                    //     this.show=false\n                                    //     return this.$alert('No recording found, Please retry.')\n                                        \n                                    // }\n                                    this.userAnswer.url='userreadaloud/createuserreadaloud'\n                                    //console.log(deepGramTranscriptJson)\n                                    const res=this.userAnswer.transcript=deepGramTranscriptJson.transcript;\n                                    var listWords=deepGramTranscriptJson.words;\n                                    //console.log(listWords);\n                                    var contCorrectWords=0;\n                                    var contWrongWords=0;\n                                    var pteEstimate=0;\n                                    var questionText=this.selectedquestion.readaloud_text;\n                                    var actualIndex=0;\n                                    $.each(listWords.reverse(),(index,item)=>{\n                                    if(questionText.indexOf(item.punctuated_word)!=-1) {\n                                        contCorrectWords++;\n                                        pteEstimate+=item.confidence;\n                                    }\n                                    else {\n                                        \n                                        contWrongWords++;\n                                        listWords[actualIndex].confidence=0;\n                                        pteEstimate-=item.confidence*3;\n                                    }\n                                    actualIndex++;\n                                    });\n                                    //console.log(listWords);\n                                    const textArray=this.selectedquestion.readaloud_text.split(' ')\n                                    const correctWords=(contCorrectWords-contWrongWords>1)?(contCorrectWords-contWrongWords):0 ; //res.text_score.fluency.overall_metrics.correct_word_count\n                                    const totalWords=textArray.length //res.text_score.fluency.overall_metrics.word_count\n                                    var content=0;\n                                   \n                                    ////console.log(res.text_score.word_score_list)\n                                    //as the content must be from 90\n                                    if((correctWords/totalWords)>=.95) content=90\n                                    else if((correctWords/totalWords)>=.80) content=78\n                                    else if((correctWords/totalWords)>=.75) content=67\n                                    else if((correctWords/totalWords)>=.65) content=50\n                                    else if((correctWords/totalWords)>=.35) content=35\n                                    else if((correctWords/totalWords)>=.25) content=25\n                                    else if((correctWords/totalWords)>=.15) content=15\n                                    else if((correctWords/totalWords)>=.10) content=10\n                                    else content=0\n                                    //content = Math.round((correctWords/totalWords)*100)-10\n                                    this.resultStatus='AI-Result Ready'\n                                    this.show=false\n                                    this.apiResults={\n                                        transcript:'',// need to generate\n                                        quality_Score: (contCorrectWords/(contCorrectWords+contWrongWords)*100).toFixed(0),//res.text_score.quality_score,// need to calculate\n                                        total_Words:totalWords,\n                                        correct_Words:correctWords,\n                                        vocab:pteEstimate, //res.text_score.fluency.overall_metrics.ielts_subscore.vocab,\n                                        pte_Estimate: pteEstimate, //res.text_score.fluency.overall_metrics.pte_estimate,\n                                        word_Score_List:listWords.reverse(),\n                                        content_Score:content,\n                                        textArray:textArray,\n                                        text:this.selectedquestion.readaloud_text,\n                                        src:filePath,\n                                        type:'all'\n                                    }\n                                    //console.log(this.apiResults)\n\n                                    const wordCount=this.apiResults.word_Score_List.length\n                                    let questionTextArray=this.apiResults.textArray;\n                                    if(wordCount!=null)\n                                    {\n                                        \n                                        let selectedWordIndex=0;\n                                        \n                                        let index = 0;\n                                        while ( index < wordCount) {\n                                            \n                                            let element = this.apiResults.word_Score_List[selectedWordIndex];\n                                            let word=this.apiResults.textArray[index];\n                                            let confidence=0;\n                                            let arry=this.getIndicesOf(element.punctuated_word,questionTextArray,true);\n                                            if(arry.length>0){\n                                                if($.inArray(index,arry)>=0){\n                                                    confidence=element.confidence\n                                                    //word=element.punctuated_word\n                                                    selectedWordIndex++;\n                                                }\n                                                else{\n                                                    confidence=0;\n                                                }\n                                            }\n                                            else{\n                                                confidence=0;\n                                                selectedWordIndex++;\n                                                //Incase of missing content words, we will deduct 2.5 for each work\n                                                \n                                            }\n\n                                            if(confidence==0){\n                                                this.apiResults.content_Score=((this.apiResults.content_Score-1)>0)?this.apiResults.content_Score-1:0;\n                                                pteEstimate-=1*1;\n                                                contWrongWords++;\n                                            }\n                                            index++;\n                                        }\n\n                                        this.apiResults.quality_Score= (contCorrectWords/(contCorrectWords+contWrongWords)*100).toFixed(0)\n                                        if(this.apiResults.quality_Score<0)this.apiResults.quality_Score=0;\n                                        pteEstimate=Math.round((pteEstimate/totalWords)*100)-10;// actutal number is 100 and we required\n                                        this.apiResults.pte_Estimate=pteEstimate;\n                                    }\n\n\n                                    var proScore =(this.apiResults.quality_Score>10)?this.apiResults.quality_Score-10:this.apiResults.quality_Score\n                                    \n                                    var overAllScore =Math.round((this.apiResults.pte_Estimate+proScore+this.apiResults.content_Score)/3)\n                                    //this.$refs['result-Modal'].show()\n                                    this.userAnswer.mock_test_id=0\n                                    this.userAnswer.user_result='Your Score: '+overAllScore+'/90'\n                                    //this.$refs['result-Modal'].show()\n                                    //console.log(this.userAnswer)\n                                    this.saveAnswer(this.userAnswer).then(()=>{\n                                            //console.log(this.answerResponse().data)\n                                            //vm.userAnswerResponse = vm.answerResponse().data\n                                        })\n                                }\n                                else{\n                                    this.resultStatus='No-Result'\n                                        this.show=false\n                                        return this.$alert('No recording found, Please retry.')\n                                }\n                                \n                            })\n                        }\n            })\n            }\n            catch(error){\n                //console.log(error)\n                this.show=false\n            }\n        },\n        startTime()\n        {\n            //var tt;\n            if(this.closeCounter==5 && this.closeTime==null){\n                this.closeTime=setInterval(()=>{this.startTime()},1000);\n                console.log(this.closeCounter)\n            }\n            else if(this.closeCounter == 0) {\n                console.log(this.closeCounter)\n                clearInterval(this.closeTime);\n                this.$refs['result-Modal'].hide();\n                this.$refs.intervalList.changeQuestion('next');\n            } else {\n                console.log(this.closeCounter)\n            this.closeCounter--;\n            }\n        },\n        timerEnd(){\n            //////console.log(this.$refs)\n            //this.$refs.recording.stream(new MediaStream)\n           // this.$listeners.onStream()\n           if(!this.startFlag) $('.ar-icon.ar-icon__lg').click()\n           this.title = 'Time'\n            //alert('Timer')\n        },\n        playBeep(){\n            var sound = document.getElementById(\"beepAudio\");\n            sound.playbackRate = 0.5;\n            sound.play()\n        },\n        beforeRecording (msg) {\n            this.userAnswerResponse =''\n            //console.log('Before Record: ', msg)\n            this.startFlag = false\n            if(this.$refs.timer!=undefined)this.$refs.timer.setTime(0)\n            this.recordings= []\n            this.checkAnswer = false\n            this.playBeep()\n            this.title = 'Time'\n            this.recordStop = false\n            this.fromMic();\n            this.recordMessage='Click to Stop'\n            $('.ar-recorder__stop').addClass('upFront')\n            \n        },\n        pauseRecording(){\n            $('.ar-recorder__stop').click()\n        },\n        afterRecording(msg){\n            this.recognizer.stopContinuousRecognitionAsync();\n            this.recordMessage='Done'\n            //this.startFlag = true\n            this.checkAnswer = false\n            this.recordStop = true\n            this.userAnswer.transcript=this.userAnswerResponse\n            //////console.log('After Record: ', msg)\n            this.recordings=[]\n            this.recordings.push({\n            src: window.URL.createObjectURL(msg.blob)\n            })\n            //////console.log(msg.blob)\n            //var vm = this\n            this.userAnswer.user_recording = null\n            this.$refs.timer.pauseTime()\n            this.recordingBlob = msg.blob\n            $('.ar-recorder__stop').removeClass('upFront')\n            if(this.checkAutoNext) this.showAnswerV9Marking();\n            \n        },\n        micCheck(msg){\n            alert(msg)\n        },\n        checkRecordingPause(){\n            if(this.recordMessage!='Done')\n                {\n                let myVar = setInterval(function() {\n                    \n                    if(this.microsoftTranscript!==this.microsoftTranscript & this.recordMessage!='Done')\n                    {\n                        //console.log('Inside Interval')\n                        this.checkRecordingPause()\n                    }\n                    else{\n                        //console.log('Interval stop')\n                        clearInterval(myVar);\n                        $('.ar-recorder__stop').click()\n                    }\n                }, 3000);\n            }\n        },\n        fromMic() {\n            //console.log('In Mic')\n            const speechConfig = sdk.SpeechConfig.fromSubscription(process.env.VUE_APP_MICRO_API, process.env.VUE_APP_MICRO_SERVICEREGION);\n            let audioConfig = sdk.AudioConfig.fromDefaultMicrophoneInput();\n            //speechConfig.setProperty(sdk.PropertyId.SpeechServiceConnection_InitialSilenceTimeoutMs, \"3000\");\n            this.recognizer = new sdk.SpeechRecognizer(speechConfig, audioConfig);\n            const phraseList = sdk.PhraseListGrammar.fromRecognizer(this.recognizer);\n            phraseList.addPhrase(this.selectedquestion.transcript);\n            //console.log('1) Speak into your microphone.');\n\n\n            this.recognizer.startContinuousRecognitionAsync();\n\n            this.recognizer.recognizing = (s, e) => {\n                if(e!=null)\n                {\n                    //console.log('2) Speak into your microphone.');\n                     //this.microsoftTranscript =e.result.text;\n                    //console.log(`RECOGNIZING sub : Text=${e.result.text}`);\n                }\n            };\n\n            this.recognizer.recognized = (s, e) => {\n                ////console.log(e.result)\n                    if (e.result.reason == 3) {\n                        //console.log('3) Speak into your microphone.');\n                     this.microsoftTranscript +=e.result.text;\n                     //this.checkRecordingPause()\n                        //console.log(`RECOGNIZED final: Text=${e.result.text}`);\n                    }\n                    else if (e.result.reason == 0) {\n                        //console.log('4) Speak into your microphone.');\n                        this.pauseRecording()\n                        //console.log(\"NOMATCH: Speech could not be recognized.\");\n                    }\n            };\n\n            this.recognizer.canceled = (s, e) => {\n                //console.log('5) Speak into your microphone.');\n                //console.log(`CANCELED: Reason=${e.reason}`);\n\n                if (e.reason == 0) {\n                    //console.log('6) Speak into your microphone.');\n                    //console.log(`\"CANCELED: ErrorCode=${e.errorCode}`);\n                    //console.log(`\"CANCELED: ErrorDetails=${e.errorDetails}`);\n                    //console.log(\"CANCELED: Did you update the subscription info?\");\n                }\n\n                this.recognizer.stopContinuousRecognitionAsync();\n            };\n\n            this.recognizer.sessionStopped = () => {\n                ////console.log(s+e)\n                //console.log('7) Speak into your microphone.');\n                //console.log(\"\\n    Session stopped event.\");\n                this.recognizer.stopContinuousRecognitionAsync();\n            };\n            \n        }\n    },\n    beforeMount(){\n        bus.$emit('checkMicPermission');\n        if(this.questId === 0)\n        {\n            this.questionservice('configreadaloud/getallreadalouds').then(()=>{\n            var getQuestionList = this.getQuestionList();\n            // if(getQuestionList.data.success == 0){\n            //     return this.$refs.navBar.signOut();\n            // }\n            this.questionLists = getQuestionList.data\n            //var userdata = LocalStorageService.getUser()\n            var userdata =this.$ls.get('user')\n            this.currentUserId= userdata.user_id\n            this.user_type = userdata.user_type\n             this.currentUser=userdata\n            this.userUsage()\n            })\n        }\n    },\n}\n\n</script>\n<style scoped>\n.questdesc \n{\n    font-size: 17px;\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!./readaloud.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!./readaloud.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./readaloud.vue?vue&type=template&id=6d00f8e8&scoped=true&\"\nimport script from \"./readaloud.vue?vue&type=script&lang=js&\"\nexport * from \"./readaloud.vue?vue&type=script&lang=js&\"\nimport style0 from \"./readaloud.vue?vue&type=style&index=0&id=6d00f8e8&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  \"6d00f8e8\",\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!./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\"},[_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":""}