{"version":3,"sources":["webpack:///./src/components/speaking/describeimage.vue?14fe","webpack:///./src/components/speaking/describeimage.vue?7d7d","webpack:///src/components/speaking/describeimage.vue","webpack:///./src/components/speaking/describeimage.vue?51c0","webpack:///./src/components/speaking/describeimage.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","on","$event","openNav","_v","_e","class","selectedquestion","attrs","closeNav","staticStyle","ref","questionLists","_m","user_type","graph_id","show","_s","title","directives","name","rawName","value","expression","image","imageLoaded","isLoaded","recordMessage","micCheck","beforeRecording","afterRecording","pauseRecording","_l","record","index","key","src","recordStop","checkAutoNext","showAnswerV9Marking","redoQuest","modifiers","apiResults","resultStatus","checked","unchecked","disabled","model","callback","$$v","checkAnswerFlag","currentQuestion","$refs","intervalList","changeQuestion","searchKey","searchQuestion","actualAnswer","$bvModal","hide","closeCounter","searchQuestionList","getQuestionDetail","staticRenderFns","getQuestionKeyWords","component"],"mappings":"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","file":"js/DescibeImage~bee49298.f8e4a775.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!./describeimage.vue?vue&type=style&index=0&id=7110a3a2&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!./describeimage.vue?vue&type=style&index=0&id=7110a3a2&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(\"Describe Image \"),_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\":'graph_id'}})],1),(!_vm.selectedquestion)?_c('div',{staticClass:\"questonhelp col-lg-8 col-xl-9 d-none d-lg-block\"},[_vm._m(0),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Introduction\")]),_c('p',{staticClass:\"para mb-2\"},[_vm._v(\"You will see a image on screen. In 25 seconds, you have to describe the displayed image in detail. You will have 40 seconds to give your response.\")]),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Skills assessed\")]),_c('p',{staticClass:\"heading mb-2\"},[_vm._v(\"Speaking\")]),_c('h5',{staticClass:\"mb-1\"},[_vm._v(\"Number of questions\")]),_c('p',{staticClass:\"para mb-2\"},[_vm._v(\" 3 - 4 \")]),(_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.selectedquestion.graph_id != 0)},attrs:{\"center\":\"\"}},[_c('b-overlay',{staticClass:\"fixedHeight\",attrs:{\"show\":_vm.show,\"rounded\":\"sm\"}},[_c('h4',[_vm._v(\"Describe Image \"),_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 graph below. In 25 seconds, please speak into the microphone and describe in detail what the graph is showing. You will have 40 seconds to give your response.\")]),_c('h4',{staticClass:\"heading\"},[_vm._v(_vm._s(_vm.selectedquestion.title))]),_c('div',{staticClass:\"row mb-2\"},[_c('div',{staticClass:\"col-xl-6 col-lg-12 col-md-12 col-sm-12 titleDiv\"},[_c('div',{staticClass:\"prepare\"},[_c('p',[_vm._v(_vm._s(_vm.title)+\" \")]),_c('app-Timer',{ref:\"timer\"})],1)]),_c('div',{staticClass:\"col-xl-6 col-lg-12 col-md-12 col-sm-12 text-right pr-0\"},[_c('app-QuestionStatus',{ref:\"QuestionResetStatus\",attrs:{\"selectedQuestion\":_vm.selectedquestion,\"question_id\":_vm.selectedquestion.graph_id,\"idName\":'graph_id',\"tableName\":'tblDescribeGraph'}})],1)]),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.isLoaded),expression:\"isLoaded\"}],staticClass:\"describeImage\",attrs:{\"src\":_vm.image},on:{\"load\":_vm.imageLoaded}}),_c('img',{directives:[{name:\"show\",rawName:\"v-show\",value:(!_vm.isLoaded),expression:\"!isLoaded\"}],staticClass:\"loadingImg\",staticStyle:{\"width\":\"30%!important\"},attrs:{\"src\":require(\"@/assets/images/loading.gif\")}}),_c('p',{staticClass:\"recordMessage\"},[_vm._v(_vm._s(_vm.recordMessage))]),_c('div',{staticClass:\"record-settings\"},[_c('audio-recorder',{attrs:{\"mic-failed\":_vm.micCheck,\"before-recording\":_vm.beforeRecording,\"after-recording\":_vm.afterRecording,\"pause-recording\":_vm.pauseRecording,\"src\":null,\"time\":.666}})],1),_c('div',{staticClass:\"recorded-audio\"},_vm._l((_vm.recordings),function(record,index){return _c('div',{key:index,staticClass:\"row recorded-item\"},[_c('div',{staticClass:\"audio-container col-12 left\"},[_c('audio',{attrs:{\"src\":record.src,\"controls\":\"\"}})]),_c('div',{staticClass:\"col-12\"},[_c('p',{staticStyle:{\"padding-left\":\"0px!important\"}},[_vm._v(\"AI Scoring is available after submission.\")])])])}),0)]),_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\":!this.recordStop || _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',{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('toggle-button',{attrs:{\"width\":75,\"height\":28,\"value\":false,\"color\":{checked: '#104e94', unchecked: '#e9ecef', disabled: '#CCCCCC'},\"speed\":500,\"sync\":true,\"labels\":{checked: 'Answer', unchecked: 'Answer'}},model:{value:(_vm.checkAnswerFlag),callback:function ($$v) {_vm.checkAnswerFlag=$$v},expression:\"checkAnswerFlag\"}}),_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-2 p-0\"},[_c('b-button',{staticClass:\"mr-2 prevQuestion pl-3 pr-3\",attrs:{\"disabled\":_vm.currentQuestion <= 1,\"variant\":\"outline-info\"},on:{\"click\":function($event){return _vm.$refs.intervalList.changeQuestion('prev')}}},[_vm._v(\"Prev\")])],1),_c('div',{staticClass:\"col-8 p-0\"},[_c('b-input-group',[_c('b-input-group-prepend',[_c('b-icon',{attrs:{\"shift-v\":\"1.2\",\"scale\":\"1.3\",\"icon\":\"search\"}})],1),_c('b-form-input',{attrs:{\"type\":\"search\",\"placeholder\":\"Question title\"},model:{value:(_vm.searchKey),callback:function ($$v) {_vm.searchKey=$$v},expression:\"searchKey\"}}),_c('b-input-group-append',[_c('b-button',{attrs:{\"variant\":\"outline-secondary\"},on:{\"click\":function($event){return _vm.searchQuestion()}}},[_vm._v(\"Search\")])],1)],1)],1),_c('div',{staticClass:\"col-2 p-0 text-left\"},[_c('b-button',{staticClass:\"ml-2 nextQuestion pl-3 pr-3\",attrs:{\"variant\":\"outline-info\"},on:{\"click\":function($event){return _vm.$refs.intervalList.changeQuestion('next')}}},[_vm._v(\"Next\")])],1)])]),(_vm.checkAnswerFlag)?_c('div',{staticClass:\"col-12 text-center mt-4\"},[_vm._m(2),_c('div',{staticClass:\"col-12 mb-2 mt-2 results text-left\"},[_c('h5',{staticStyle:{\"text-transform\":\"capitalize\"}},[_vm._v(\"Transcript:- \")]),_c('p',{staticStyle:{\"display\":\"block\",\"padding-bottom\":\"0px !important\"}},[_vm._v(_vm._s(_vm.actualAnswer))])])]):_vm._e()])],1):_vm._e(),_c('b-modal',{ref:\"result-Modal\",attrs:{\"id\":\"result-Modal\",\"size\":\"lg\",\"centered\":\"\",\"hide-footer\":\"\",\"title\":\"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',{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\":'graph_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\":'tblUserDescribeGraph'}})],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(\"Describe Image\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('ul',{staticClass:\"ml-5\"},[_c('li',[_vm._v(\"You have 25 seconds to study the image and prepare yourself with content. Once the given time is over, speak into the microphone immediately as you’ll hear a short 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 to the end. The word ‘Recording’ will turn into ‘Completed’.\")]),_c('li',[_vm._v(\"You will be judged for speaking, oral fluency, pronunciation and content.\")]),_c('li',[_vm._v(\"Maintain fluency and don’t hesitate. If the image has too much data to cover, just highlight the important points.\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('h4',{staticClass:\"decorated\",staticStyle:{\"text-transform\":\"capitalize\"}},[_c('span',[_vm._v(\"Answer\")])])}]\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"row\">\n            <span class=\"col-sx-12 col-sm-12 col-md-12 d-sm-block d-md-block d-sx-block d-lg-none questionListBtn\" v-if=\"selectedquestion\" @click=\"openNav()\">&#9776; Questions</span>\n        <div id=\"mySidenav\" class=\"questionList col-lg-4 col-xl-3 col-md-12 col-sx-12 col-sm-12\" :class=\"{'sidenav':selectedquestion}\">\n            <div class=\"questionList col-sx-12 col-sm-12 col-md-12 d-sm-block d-sx-block d-md-block d-lg-none pb-3 pt-3 mobileQuestTitle\" >\n                <a v-if=\"selectedquestion\" class=\"closebtn\" @click=\"closeNav()\">&times;</a>\n            <h4>Describe Image\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=\"'graph_id'\"/>\n        </div>\n        <div class=\"questonhelp col-lg-8 col-xl-9 d-none d-lg-block\" v-if=\"!selectedquestion\">\n            <h4 class=\"text-center mb-4 fancy\"><span>Describe Image</span></h4>\n            <h5 class=\"mb-1\">Introduction</h5>\n            <p class=\"para mb-2\">You will see a image on screen. In 25 seconds, you have to describe the displayed image in detail. You will have 40 seconds to give your response.</p>\n            <h5 class=\"mb-1\">Skills assessed</h5>\n            <p class=\"heading mb-2\">Speaking</p>\n            <h5 class=\"mb-1\">Number of questions</h5>\n            <p class=\"para mb-2\"> 3 - 4 </p>\n            <template v-if=\"user_type == 'premium'\">\n            <h5 class=\"mb-1\">KEY POINTS</h5>\n            <ul class=\"ml-5\">\n                <li>You have 25 seconds to study the image and prepare yourself with content. Once the given time is over, speak into the microphone immediately as you’ll hear a short 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 to the end. The word ‘Recording’ will turn into ‘Completed’.</li>\n                <li>You will be judged for speaking, oral fluency, pronunciation and content.</li>\n                <li>Maintain fluency and don’t hesitate. If the image has too much data to cover, just highlight the important points.</li>\n            </ul>\n            </template>\n        </div>\n        <div class=\"questiondesc col-lg-8 col-xl-9 col-md-12 col-sm-12 col-sx-12\" :class=\"{'col-12':(selectedquestion.graph_id != 0)}\" v-if=\"selectedquestion\" center>\n            <b-overlay class=\"fixedHeight\" :show=\"show\" rounded=\"sm\" >\n            <h4>Describe Image\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 graph below. In 25 seconds, please speak into the microphone and describe in detail what the graph is showing. You will have 40 seconds to give your response.</p>\n            <h4 class=\"heading\">{{selectedquestion.title}}</h4>\n           \n            <div class=\"row mb-2\">\n            <div class=\"col-xl-6 col-lg-12 col-md-12 col-sm-12 titleDiv\">\n                 <div class=\"prepare\" ><p>{{title}} </p><app-Timer ref=\"timer\"/></div>\n            </div>\n            <div class=\"col-xl-6 col-lg-12 col-md-12 col-sm-12 text-right pr-0\" >\n            <app-QuestionStatus ref=\"QuestionResetStatus\" :selectedQuestion=\"selectedquestion\" :question_id=\"selectedquestion.graph_id\" :idName=\"'graph_id'\" :tableName=\"'tblDescribeGraph'\"/>\n            </div>\n            </div>\n            <img class=\"describeImage\" v-show=\"isLoaded\" :src=\"image\" @load=\"imageLoaded\" />\n            <img class=\"loadingImg\" v-show=\"!isLoaded\" src=\"@/assets/images/loading.gif\" style=\"width:30%!important\"/>\n            <p class=\"recordMessage\">{{recordMessage}}</p>\n            <div class=\"record-settings\">\n              <audio-recorder\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            <div class=\"recorded-audio\">\n              <div v-for=\"(record, index) in recordings\" :key=\"index\" class=\"row recorded-item\">\n                <div 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              </div>\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 class=\"mr-2 pl-4 pr-4\" :disabled=\"!this.recordStop || checkAutoNext\" 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 :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                    <toggle-button :width=\"75\" :height=\"28\" v-model=\"checkAnswerFlag\" :value=\"false\" :color=\"{checked: '#104e94', unchecked: '#e9ecef', disabled: '#CCCCCC'}\" :speed=\"500\" :sync=\"true\" :labels=\"{checked: 'Answer', unchecked: 'Answer'}\"/>\n                    <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-2 p-0\">\n                             <b-button :disabled=\"currentQuestion <= 1\" @click=\"$refs.intervalList.changeQuestion('prev')\" variant=\"outline-info\" class=\"mr-2 prevQuestion pl-3 pr-3\">Prev</b-button>\n                        </div>\n                        <div class=\"col-8 p-0\">\n                            <b-input-group>\n                                <b-input-group-prepend>\n                                    <b-icon shift-v=\"1.2\" scale=\"1.3\" icon=\"search\"></b-icon>\n                                </b-input-group-prepend>\n                                <b-form-input v-model=\"searchKey\" type=\"search\" placeholder=\"Question title\"></b-form-input>\n                                <b-input-group-append>\n                                <b-button @click=\"searchQuestion()\" variant=\"outline-secondary\">Search</b-button>\n                                </b-input-group-append>\n                            </b-input-group>\n                        </div>\n                        <div class=\"col-2 p-0 text-left\">\n                             <!-- <b-button :disabled=\"currentQuestion <= 1\" @click=\"$refs.intervalList.changeQuestion('prev')\" class=\"mr-2 prevQuestion pl-3 pr-3\">Prev Quest</b-button> -->\n                        <b-button @click=\"$refs.intervalList.changeQuestion('next')\" variant=\"outline-info\" class=\"ml-2 nextQuestion pl-3 pr-3\">Next</b-button>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"col-12 text-center mt-4\" v-if=\"checkAnswerFlag\">\n                <h4 class=\"decorated\" style=\"text-transform:capitalize;\"><span>Answer</span></h4>\n                    <div class=\"col-12 mb-2 mt-2 results text-left\" >\n                    <h5 style=\"text-transform:capitalize;\">Transcript:- </h5>\n                    <p style=\"display:block;padding-bottom: 0px !important;\">{{actualAnswer}}</p>\n                    </div>\n                </div>\n            </div>\n        </div>\n         <b-modal id=\"result-Modal\"  ref=\"result-Modal\" size=\"lg\" centered hide-footer title=\"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 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=\"'graph_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=\"'tblUserDescribeGraph'\"/>\n        </div>\n    </div>\n</template>\n<script>\nimport { mapActions,mapGetters } from 'vuex'\nimport Timer from '../reuseable/timer'\n// import blobToBase64 from 'blob-to-base64'\nimport $ from \"jquery\";\nimport ResultPresent from '../reuseable/resultPresent'\n//import LocalStorageService from '../../store/LocalStorageService';\nconst sdk = require(\"microsoft-cognitiveservices-speech-sdk\");\nimport IntervalList from '../reuseable/intervalList'\nimport QuestionStatus from '../reuseable/questStatus'\nimport DiscussionTab from '../reuseable/discussionTab'\nimport {bus} from '../../main'\nexport default {\n    components:{\n        'app-Timer':Timer,\n        'app-IntervalList': IntervalList,\n        'app-ResultPresent':ResultPresent,\n        'app-QuestionStatus':QuestionStatus,\n        'app-DiscussionTab':DiscussionTab\n    },\n    data(){\n        return{\n            questionLists:{\n                type: Object,\n                required: true\n            },\n            show:false,\n            isLoaded:false,\n            selectedquestion: null,\n            image: null,\n            recordMode:'press',\n            recordings: [],\n            selectedTime: 0,\n            timeLeft: '00:00',\n            startFlag:false,\n            title:'Prepare',\n            userAnswerResponse:null,\n            userAnswer:{\n                user_id:0,\n                graph_id:0,\n                recording:null,\n                transcript:'',\n                user_result:''\n            },\n            recordStop:false,\n            actualAnswer:'',\n            checkAnswerFlag:false,\n            marksGot:0,\n            user_type: 'Free',\n            currentQuestion:0,\n            recordMessage:'Click to Start',\n            recordingBlob:null,\n            resultStatus:'AI-Result',\n            apiResults:null,\n            microsoftTranscript:'',\n            recognizer:null,\n            searchKey:'',\n            searchQuestionList:null,\n            transcript:'',\n            currentUser:null,\n            keywordList:'',\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            fetchQuestionPractice:'auth/fetchGraphData'\n        }),\n        ...mapGetters({\n            getQuestionList: 'speakmodule/questions',\n            answerResponse: 'speakmodule/AnswerResponse',\n            GetUserUsageResponse:'auth/getDashBoardResponse',\n            QuestionResponse: 'auth/UPDATEQuestionStatus',\n            GetQuestionPractice:'auth/getPracticeNumber'\n        }),\n        openNav(){\n            document.getElementById(\"mySidenav\").style.width = \"100%\";\n        },\n        closeNav(){\n            document.getElementById(\"mySidenav\").style.width = \"0\";\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].graph_id)\n                }\n            }\n            else{\n                return this.$alert(\"No record found with the given title\", \"Search Result\");\n            }\n        },\n        updateSelectQuestionStatus(question,id){\n            ////console.log(this.selectedquestion)\n            this.selectedquestion = question\n            const currectQuestionIndex=this.questionLists.findIndex(element=>\n            element.graph_id==id)\n            this.questionLists[currectQuestionIndex]=this.selectedquestion\n            ////console.log(question)\n        },\n        getQuestionDetail(questionId){\n            //debugger\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            //console.log(questionId)\n            this.recordMessage='Click to Start'\n            this.recordingBlob =null\n            this.resultStatus='AI-Result'\n            this.show=false\n            ////console.log(questionId)\n            this.checkAnswerFlag = false\n            this.actualAnswer = ''\n            this.userAnswer.graph_id = questionId;\n            this.selectedquestion = this.questionLists.filter(function (item) {\n                    return item.graph_id == questionId;\n                })[0];\n                \n            if(this.$refs.QuestionResetStatus)\n            this.$refs.QuestionResetStatus.resetQuestionDetails(this.selectedquestion,questionId)\n            this.actualAnswer = this.selectedquestion.transcript\n            //////console.log(this.selectedquestion);\n            //this.questionservice('configuregraph/blobId='+questionId).then(()=>{\n                this.image = this.selectedquestion.blb //this.getQuestionList().data.blb;\n                this.recordings = []\n                this.startFlag = false\n                this.userAnswerResponse ='' \n                this.recordStop= false\n                this.isLoaded=false\n                this.$nextTick(function(){\n                    this.$refs.discussionTab.updateQuestionId(questionId)\n                   \n                    this.title = 'Time'\n                    \n                this.$refs.timer.setTime(0)\n                this.$refs.timer.pauseTime()\n                    $('.ar-recorder__stop').click()\n                });\n            //}); \n            \n            \n        },\n        imageLoaded(){\n             this.$refs.timer.setTime(25)\n             this.title = 'Prepare'\n             this.isLoaded=true\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        getQuestionKeyWords(question_id){\n            const url='configuregraph/getGraphKeywordsById='+question_id;\n          this.questionservice(url).then(()=>{\n            //console.log(url)\n                const response=this.getQuestionList()\n                this.keywordList=response.data;\n                //console.log(response)\n                \n            })\n              \n        },\n        checkUserAccess(){\n             const user =this.currentUser\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        redoQuest(){\n            this.getQuestionDetail(this.currentQuestion)\n            this.imageLoaded()\n            //this.getQuestionDetail(this.selectedquestion.graph_id)\n            //this.isLoaded=true; \n        },\n        playBeep(){\n            var sound = document.getElementById(\"beepAudio\");\n            sound.playbackRate = 0.5;\n            sound.play()\n        },\n        pauseRecording(){\n            $('.ar-recorder__stop').click()\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        showAnswer(){\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.getQuestionKeyWords(this.selectedquestion.graph_id);\n            // this.checkAnswerFlag =true\n            // this.actualAnswer = this.selectedquestion.transcript\n            const fileName='UserDescribeImage--u'+this.userAnswer.user_id+'_q'+this.selectedquestion.graph_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            // this.generateFileUpload(fd).then((message)=>{\n            //     //console.log(message)\n            // })\n            var filePath='audio/UserDescribeImage/'+fileName.replace('--','')\n            this.userAnswer.recording = filePath\n            this.resultStatus='In-Process'\n            this.show=true\n            ////console.log(param)\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            this.generateFileUpload(fd).then(()=>{\n                //console.log(this.answerResponse())\n                        if(this.answerResponse()==\"Success\"){\n                            //console.log(this.microsoftTranscript)\n                             //console.log('start delay '+ $.now())\n                                this.wait(7000);\n                            //console.log('start delay '+ $.now())\n                            if(this.microsoftTranscript == '') this.wait(5000)\n                            //console.log(this.microsoftTranscript)\n                                var param={\n                                    user_audio_file: filePath.replace('audio/',''),\n                                    text: this.microsoftTranscript,\n                                    user_id: this.userAnswer.user_id,\n                                    quest:'u'+this.userAnswer.user_id+'/q'+this.selectedquestion.graph_id,\n                                    url:'speechace/transcript'\n                                }\n                                //console.log(param)\n                            this.getTranscripty(param).then(()=>{\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                                    const res=this.userAnswer.transcript=this.answerResponse().data.result\n                                    // var apiRes={\n                                    //     correct_Words:res.text_score.fluency.overall_metrics.correct_word_count,\n                                    //     word_Score_List:res.text_score.word_score_list\n                                    // }\n                                    // this.generateTranscriptFromRestult(apiRes)\n                                    //console.log(res)\n                                    var content = 0\n                                    var conculsionWords=['Finally', 'In a word', 'In brief', 'Briefly', 'In conclusion','Conclusion', 'In the end', 'In the final analysis', 'on the Whole'\n            , 'thus', 'to conclude', 'to summarize', 'in sum', 'to sum up', 'in summary','As Can Be Seen','After All','By And Large'\n            ,'Generally Speaking','In Fact','To Sum Up','In The Final Analysis','On The Whole','All Things Considered'\n            ,'In Any Event','As Shown Above','In Short','In Either Case','In The Long Run','In Brief','All In All'\n            ,'Given These Points','In Essence','As Has Been Noted','In A Word','On Balance','For The Most Part'\n            ,'Altogether', 'Obviously', 'Overall', 'Ultimately', 'Ordinarily', 'Definitely', 'and Usually',\n            'as can be seen','generally speaking','All things considered','as shown above','In the long run','Given these points'\n            ,'as has been noted','For the most part','As discussed above'];\n                                    const duration=Math.round(res.text_score.fluency.overall_metrics.duration- res.text_score.fluency.overall_metrics.all_pause_duration)\n                                    // if(duration>=20 & duration<=38) content=80\n                                    // else if(duration<20) content=60\n                                    // else if(duration>38) content=60\n                                    // else content = 10\n\n                                    let colorsArray=[\"red\",\"blue\",\"black\",\"orange\",\"green\",\"purple\",\"yellow\",\"pink\",\"white\"];\n\n                                    var checkConclusion=0\n                                    var correctWords=0\n                                    //console.log(\"KeyWords\");\n                                    //console.log(this.keywordList)\n                                    var array=this.microsoftTranscript.split(' ')\n                                    for (let index = 0; index < array.length; index++) {\n                                        const conElement=array[index].replace(',','').replace('.','');\n                                        const element = array[index].replace(',','').replace('.','').toLowerCase();\n                                      \n                                        if(this.keywordList.length>0){\n                                            let found= this.keywordList.filter((item)=>item.keyword.indexOf(element));\n                                            if(found>0) correctWords++;\n                                        }\n                                         \n                                       if(colorsArray.indexOf(element)>-1) correctWords++;\n                                       if(conculsionWords.indexOf(conElement)>-1) checkConclusion++\n                                    }\n\n                                    if(correctWords>=10) content=90\n                                    else if(correctWords>=8)content=79\n                                    else if(correctWords>=5)content=65\n                                    else if(correctWords>=3)content=50\n                                    else content =0\n\n                                    \n\n                                    if ( duration >= 32) content +=90\n                                    else if (duration >= 25 ) content +=79\n                                    else if ( duration >=20 ) content += 65\n                                    else if( duration >= 15) content += 50\n                                    else if ( duration >= 10 ) content += 30\n                                    else content +=0\n\n                                    //content +=((this.microsoftTranscript.split(this.selectedquestion.title)-1)>=2)? 5: 2;\n                                    content +=(checkConclusion>0)?90:45;\n                                    content=(correctWords>3)?content/3:content/2;\n                                    if(content>90) content=90\n                                    content=Math.round(content);\n                                    this.resultStatus='AI-Result Ready'\n                                    this.show=false\n                                    this.apiResults={\n                                        transcript:'',\n                                        quality_Score:res.text_score.quality_score,\n                                        total_Words:res.text_score.fluency.overall_metrics.word_count,\n                                        correct_Words:res.text_score.fluency.overall_metrics.correct_word_count,\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:'',\n                                        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.url='usergraphrecording/createrecording'\n                                    this.userAnswer.user_result='Your Score: '+overAllScore+'/90'\n                                    this.userAnswer.transcript=this.answerResponse().data.result\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        showAnswerV9(){\n            try{\n\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.getQuestionKeyWords(this.selectedquestion.graph_id);\n            // this.checkAnswerFlag =true\n            // this.actualAnswer = this.selectedquestion.transcript\n            const fileName='UserDescribeImage--u'+this.userAnswer.user_id+'_q'+this.selectedquestion.graph_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            // this.generateFileUpload(fd).then((message)=>{\n            //     //console.log(message)\n            // })\n            var filePath='audio/UserDescribeImage/'+fileName.replace('--','')\n            this.userAnswer.recording = filePath\n            this.resultStatus='In-Process'\n            this.show=true\n            ////console.log(param)\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            this.generateFileUpload(fd).then(()=>{\n                //console.log(this.answerResponse())\n                if(this.answerResponse()==undefined){\n                                this.resultStatus='No-Result'\n                                        this.show=false\n                                        return this.$alert('No recording found, Please retry.')\n                            }\n                       else if(this.answerResponse()==\"Success\"){\n                            //console.log(this.microsoftTranscript)\n                             //console.log('start delay '+ $.now())\n                                this.wait(7000);\n                            //console.log('start delay '+ $.now())\n                            if(this.microsoftTranscript == '') this.wait(5000);\n\n                            if(this.microsoftTranscript == '') {\n                                this.resultStatus='No-Result'\n                                        this.show=false\n                                        return this.$alert('No recording found, Please retry.')\n                            }\n                            //console.log(this.microsoftTranscript)\n                                var param={\n                                    user_audio_file: filePath.replace('audio/',''),\n                                    text: this.microsoftTranscript,\n                                    user_id: this.userAnswer.user_id,\n                                    quest:'u'+this.userAnswer.user_id+'/q'+this.selectedquestion.graph_id,\n                                    url:'speechace/transcriptNew'\n                                }\n                                //console.log(param)\n                            this.getTranscripty(param).then(()=>{\n                            debugger;\n                            if(this.answerResponse().data==null){\n                                this.resultStatus='No-Result'\n                                        this.show=false\n                                        return this.$alert('No recording found, 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                                    const res=this.userAnswer.transcript=this.answerResponse().data.result\n                                    // var apiRes={\n                                    //     correct_Words:res.text_score.fluency.overall_metrics.correct_word_count,\n                                    //     word_Score_List:res.text_score.word_score_list\n                                    // }\n                                    // this.generateTranscriptFromRestult(apiRes)\n                                    //console.log(res)\n                                    var content = 0\n                                    var conculsionWords=['finally', 'in a word', 'in brief', 'briefly', 'in conclusion','conclusion', 'in the end', 'in the final analysis', 'on the whole'\n            , 'thus', 'to conclude', 'to summarize', 'in sum', 'to sum up', 'in summary','As Can Be Seen','After All','By And Large'\n            ,'Generally Speaking','In Fact','To Sum Up','In The Final Analysis','On The Whole','All Things Considered'\n            ,'In Any Event','As Shown Above','In Short','In Either Case','In The Long Run','In Brief','All In All'\n            ,'Given These Points','In Essence','As Has Been Noted','In A Word','On Balance','For The Most Part'\n            ,'Altogether', 'Obviously', 'Overall', 'Ultimately', 'Ordinarily', 'Definitely', 'and Usually',\n            'as can be seen','generally speaking','all things considered','as shown above','in the long run','given these points'\n            ,'as has been noted','for the most part','As discussed above','picture','can','see','informative'];\n                                    const duration=Math.round(res.text_score.fluency.overall_metrics.duration- res.text_score.fluency.overall_metrics.all_pause_duration)\n                                    // if(duration>=20 & duration<=38) content=80\n                                    // else if(duration<20) content=60\n                                    // else if(duration>38) content=60\n                                    // else content = 10\n\n                                    let colorsArray=[\"red\",\"blue\",\"black\",\"orange\",\"green\",\"purple\",\"yellow\",\"pink\",\"white\"];\n\n                                    var checkConclusion=0\n                                    var correctWords=0\n                                    //console.log(\"KeyWords\");\n                                    //console.log(this.keywordList)\n                                    var array=this.microsoftTranscript.split(' ')\n                                    for (let index = 0; index < array.length; index++) {\n                                        const element = array[index].replace(',','').replace('.','').toLowerCase();\n                                      \n                                        if(this.keywordList.length>0){\n                                            for (let item of this.keywordList) {\n                                               if(item.keyword.toLowerCase()==element) correctWords++;\n                                            }\n                                            // let found= this.keywordList.filter((item)=>item.keyword.indexOf(element));\n                                            // if(found>0) correctWords++;\n                                        }\n                                        else{\n                                            var transArray=this.selectedquestion.transcript.split(' ');\n                                            transArray.forEach(transElement => {\n                                                if(transElement.replace(',','').replace('.','').toLowerCase()==element) correctWords++;\n                                           });\n                                        }\n                                         \n                                       if(colorsArray.indexOf(element)>-1) correctWords++;\n                                       if(conculsionWords.indexOf(element)>-1) checkConclusion++\n                                    }\n\n                                    if(correctWords>=12) content=90\n                                    else if(correctWords>=10)content=79\n                                    else if(correctWords>=8)content=65\n                                    else if(correctWords>=6)content=50\n                                    else content =10\n//console.log(correctWords)\n                                    if(content>10){\n                                        if ( duration >= 32) content +=90\n                                        else if (duration >= 25 ) content +=79\n                                        else if ( duration >=20 ) content += 65\n                                        else if( duration >= 15) content += 50\n                                        else if ( duration >= 10 ) content += 30\n                                        else content +=0\n\n                                        //content +=((this.microsoftTranscript.split(this.selectedquestion.title)-1)>=2)? 5: 2;\n                                        content +=(checkConclusion>0)?90:45;\n                                        content=(correctWords>3)?content/3:content/2;\n                                    }\n\n                                    \n\n                                   // content=(correctWords<3)? 10:content;\n\n                                    if(content>90) content=90\n                                    content=Math.round(content);\n                                    this.resultStatus='AI-Result Ready'\n                                    this.show=false\n                                    this.apiResults={\n                                        transcript:'',\n                                        quality_Score:(content==10)?10:res.text_score.pte_score.pronunciation,\n                                        total_Words:res.text_score.fluency.overall_metrics.word_count,\n                                        correct_Words:res.text_score.fluency.overall_metrics.correct_word_count,\n                                        vocab:res.text_score.pte_score.vocab,\n                                        pte_Estimate:(content==10)?10:res.text_score.pte_score.fluency,\n                                        word_Score_List:res.text_score.word_score_list,\n                                        content_Score:content,\n                                        textArray:'',\n                                        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.url='usergraphrecording/createrecording'\n                                    this.userAnswer.user_result='Your Score: '+overAllScore+'/90'\n                                    this.userAnswer.transcript=this.answerResponse().data.result\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(e){\n                    this.resultStatus='No-Result'\n                    this.show=false\n                    return this.$alert('No recording found, Please retry.')\n                }\n        },\n        showAnswerV9Marking(){\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.getQuestionKeyWords(this.selectedquestion.graph_id);\n            // this.checkAnswerFlag =true\n            // this.actualAnswer = this.selectedquestion.transcript\n            const fileName='UserDescribeImage--u'+this.userAnswer.user_id+'_q'+this.selectedquestion.graph_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            // this.generateFileUpload(fd).then((message)=>{\n            //     //console.log(message)\n            // })\n            var filePath='audio/UserDescribeImage/'+fileName.replace('--','')\n            this.userAnswer.recording = filePath\n            this.resultStatus='In-Process'\n            this.show=true\n            ////console.log(param)\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            this.generateFileUpload(fd).then(()=>{\n                //console.log(this.answerResponse())\n                        if(this.answerResponse()==\"Success\"){\n                            //console.log(this.microsoftTranscript)\n                             //console.log('start delay '+ $.now())\n                               // this.wait(7000);\n                            //console.log('start delay '+ $.now())\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                            //console.log(this.microsoftTranscript)\n                                var param={\n                                    user_audio_file: filePath.replace('audio/',''),\n                                    text: this.microsoftTranscript,\n                                    user_id: this.userAnswer.user_id,\n                                    quest:'u'+this.userAnswer.user_id+'/q'+this.selectedquestion.graph_id,\n                                    url:'speechace/transcriptNewMarking',\n                                    questType:'DescribeImage',\n                                    keyWords:this.keywordList,\n                                    questionTranscript:this.selectedquestion.transcript\n                                }\n                                console.log(param)\n                            this.getTranscripty(param).then(()=>{\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 voice found in submitted recording, Please retry.')\n                                        \n                                    }\n                                    const res=this.userAnswer.transcript=this.answerResponse().data.result\n                                    console.log(this.answerResponse());\n                                    const markingResult=this.answerResponse().data.apiResults;\n                                    // var content = 0\n                                    // var conculsionWords=['finally', 'in a word', 'in brief', 'briefly', 'in conclusion','conclusion', 'in the end', 'in the final analysis', 'on the whole'\n                                    //                     , 'thus', 'to conclude', 'to summarize', 'in sum', 'to sum up', 'in summary','As Can Be Seen','After All','By And Large'\n                                    //                     ,'Generally Speaking','In Fact','To Sum Up','In The Final Analysis','On The Whole','All Things Considered'\n                                    //                     ,'In Any Event','As Shown Above','In Short','In Either Case','In The Long Run','In Brief','All In All'\n                                    //                     ,'Given These Points','In Essence','As Has Been Noted','In A Word','On Balance','For The Most Part'\n                                    //                     ,'Altogether', 'Obviously', 'Overall', 'Ultimately', 'Ordinarily', 'Definitely', 'and Usually',\n                                    //                     'as can be seen','generally speaking','all things considered','as shown above','in the long run','given these points'\n                                    //                     ,'as has been noted','for the most part','As discussed above','picture','can','see','informative'];\n                                    // const duration=Math.round(res.text_score.fluency.overall_metrics.duration- res.text_score.fluency.overall_metrics.all_pause_duration)\n                                   \n\n                                    // let colorsArray=[\"red\",\"blue\",\"black\",\"orange\",\"green\",\"purple\",\"yellow\",\"pink\",\"white\"];\n\n                                    // var checkConclusion=0\n                                    // var correctWords=0\n                                    // var array=this.microsoftTranscript.split(' ')\n                                    // for (let index = 0; index < array.length; index++) {\n                                    //     const element = array[index].replace(',','').replace('.','').toLowerCase();\n                                      \n                                    //     if(this.keywordList.length>0){\n                                    //         for (let item of this.keywordList) {\n                                    //            if(item.keyword.toLowerCase()==element) correctWords++;\n                                    //         }\n                                            \n                                    //     }\n                                    //     else{\n                                    //         var transArray=this.selectedquestion.transcript.split(' ');\n                                    //         transArray.forEach(transElement => {\n                                    //             if(transElement.replace(',','').replace('.','').toLowerCase()==element) correctWords++;\n                                    //        });\n                                    //     }\n                                         \n                                    //    if(colorsArray.indexOf(element)>-1) correctWords++;\n                                    //    if(conculsionWords.indexOf(element)>-1) checkConclusion++\n                                    // }\n\n                                    // if(correctWords>=12) content=90\n                                    // else if(correctWords>=10)content=79\n                                    // else if(correctWords>=8)content=65\n                                    // else if(correctWords>=6)content=50\n                                    // else content =10\n\n                                    // if(content>10){\n                                    //     if ( duration >= 32) content +=90\n                                    //     else if (duration >= 25 ) content +=79\n                                    //     else if ( duration >=20 ) content += 65\n                                    //     else if( duration >= 15) content += 50\n                                    //     else if ( duration >= 10 ) content += 30\n                                    //     else content +=0\n\n                                    //     content +=(checkConclusion>0)?90:45;\n                                    //     content=(correctWords>3)?content/3:content/2;\n                                    // }\n\n                                    \n\n                                    // if(content>90) content=90\n                                    // content=Math.round(content);\n                                    \n                                    // this.apiResults={\n                                    //     transcript:'',\n                                    //     quality_Score:(content==10)?10:res.text_score.pte_score.pronunciation,\n                                    //     total_Words:res.text_score.fluency.overall_metrics.word_count,\n                                    //     correct_Words:res.text_score.fluency.overall_metrics.correct_word_count,\n                                    //     vocab:res.text_score.pte_score.vocab,\n                                    //     pte_Estimate:(content==10)?10:res.text_score.pte_score.fluency,\n                                    //     word_Score_List:res.text_score.word_score_list,\n                                    //     content_Score:content,\n                                    //     textArray:'',\n                                    //     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 =markingResult.overAllScore; //Math.round((this.apiResults.pte_Estimate+proScore+this.apiResults.content_Score)/3)\n                                    this.apiResults=markingResult;\n                                     this.resultStatus='AI-Result Ready'\n                                     this.show=false\n                                    console.log(this.apiResults);\n                                    this.userAnswer.url='usergraphrecording/createrecording'\n                                    //this.userAnswer.mock_test_id=0;\n                                    this.userAnswer.user_result='Your Score: '+overAllScore+'/90'\n                                    this.userAnswer.transcript=this.answerResponse().data.result;\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\n        showAnswerNew(){\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.checkAnswerFlag =true\n            // this.actualAnswer = this.selectedquestion.transcript\n            const fileName='UserDescribeImage--u'+this.userAnswer.user_id+'_q'+this.selectedquestion.graph_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            // this.generateFileUpload(fd).then((message)=>{\n            //     //console.log(message)\n            // })\n            var filePath='audio/UserDescribeImage/'+fileName.replace('--','')\n            this.userAnswer.recording = filePath\n            this.resultStatus='In-Process'\n            this.show=true\n            ////console.log(param)\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            this.generateFileUpload(fd).then(()=>{\n                //console.log(this.answerResponse())\n                        if(this.answerResponse()==\"Success\"){\n                            //console.log(this.microsoftTranscript)\n                             //console.log('start delay '+ $.now())\n                                this.wait(7000);\n                            //console.log('start delay '+ $.now())\n                            if(this.microsoftTranscript == '') this.wait(5000)\n                            //console.log(this.microsoftTranscript)\n                                var param={\n                                    user_audio_file:filePath.replace('audio/',''),\n                                    text: this.microsoftTranscript,\n                                    user_id: this.userAnswer.user_id,\n                                    quest:'u'+this.userAnswer.user_id+'/q'+this.selectedquestion.graph_id,\n                                    url:'deepgram/deepgramTranscript'\n                                }\n                                //console.log(param)\n                            this.getTranscripty(param).then(()=>{\n                                var deepGramTranscriptJson=this.answerResponse().data.result.results.channels[0].alternatives[0];\n                                //console.log(this.answerResponse().data.success)\n                               //s this.answerResponse().data.result.metadata.duration\n                                 if(this.answerResponse().data.success==1)\n                                {\n                                    \n                                    const res=this.userAnswer.transcript=deepGramTranscriptJson\n                                    // var apiRes={\n                                    //     correct_Words:res.text_score.fluency.overall_metrics.correct_word_count,\n                                    //     word_Score_List:res.text_score.word_score_list\n                                    // }\n                                    // this.generateTranscriptFromRestult(apiRes)\n\n                                    //this.microsoftTranscript=\"In front of me, there is a picture which is regarding seven one nine thousand d. On the image, I can see hands on the image. I can see blue shirt on the image. I can see house on the image. I can see pen on the image. I can see red color on the image. I can see folder. On the image, I can see keys. On the image, I can see friendship. On the image, I can see gray color. On the image, I can see papers on the image, I can see so many things. Overall, the picture is very beautiful.\";\n                                    this.microsoftTranscript=(this.microsoftTranscript==\"\")?deepGramTranscriptJson.transcript:this.microsoftTranscript;\n                                    //console.log(res)\n                                    var content = 0\n                                     var conculsionWords=['finally', 'in a word', 'in brief', 'briefly', 'in conclusion','conclusion', 'in the end', 'in the final analysis', 'on the whole'\n                                        , 'thus', 'to conclude', 'to summarize', 'in sum', 'to sum up', 'in summary']\n                                    const duration=Math.round(this.answerResponse().data.result.metadata.duration) //Math.round(res.text_score.fluency.overall_metrics.duration- res.text_score.fluency.overall_metrics.all_pause_duration)\n                                    \n                                    if ( duration >= 32) content +=90\n                                    else if (duration >= 25 ) content +=79\n                                    else if ( duration >=20 ) content += 65\n                                    else if( duration >= 15) content += 50\n                                    else if ( duration >= 10 ) content += 30\n                                    else content +=0\n\n                                    \n                                    if(duration>=20 & duration<=38) content=80\n                                    else if(duration<20) content=60\n                                    else if(duration>38) content=60\n                                    else content = 10\n                                    var checkConclusion=0\n                                    var array=this.microsoftTranscript.split(' ')\n                                    for (let index = 0; index < array.length; index++) {\n                                        const element = array[index].replace(',','').replace('.','');\n                                        if(conculsionWords.indexOf(element)>-1) checkConclusion++\n                                    }\n                                    //content +=((this.microsoftTranscript.split(this.selectedquestion.title)-1)>=2)? 5: 2;\n                                    content +=(checkConclusion>0)?10:5;\n                                    this.resultStatus='AI-Result Ready'\n                                    this.show=false\n//debugger\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.microsoftTranscript;\n                                    var actualIndex=0;\n                                    $.each(listWords.reverse(),(index,item)=>{\n                                        //pteEstimate+=item.confidence;\n                                    if(questionText.indexOf(item.punctuated_word)!=-1) {\n                                        contCorrectWords++;\n                                        pteEstimate+=item.confidence;\n                                    }\n                                    else {\n                                        contWrongWords++;\n                                        listWords[actualIndex].confidence=0;\n                                        pteEstimate-=item.confidence*1;\n                                    }\n                                    actualIndex++;\n                                    });\n                                    if(contCorrectWords<5)content=0;\n                                    const totalWords=array.length;\n                                    const correctWords=(contCorrectWords-contWrongWords>1)?(contCorrectWords-contWrongWords):0 ;\n                                    pteEstimate=Math.round((pteEstimate/totalWords)*100)-10;\n                                    pteEstimate=(pteEstimate<1)?0:pteEstimate;\n                                    if(deepGramTranscriptJson.transcript==\"\")content=0;\n                                    this.apiResults={\n                                        transcript:'',\n                                        quality_Score:(contCorrectWords/(contCorrectWords+contWrongWords)*100).toFixed(0),//res.text_score.quality_score,\n                                        total_Words:array.length, //res.text_score.fluency.overall_metrics.word_count,\n                                        correct_Words:correctWords,//res.text_score.fluency.overall_metrics.correct_word_count,\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(),//res.text_score.word_score_list,\n                                        content_Score:content,\n                                        textArray:array,\n                                        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.url='usergraphrecording/createrecording'\n                                    this.userAnswer.user_result='Your Score: '+overAllScore+'/90'\n                                    this.userAnswer.transcript=this.answerResponse().data.result\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                                //vm.userAnswerResponse = vm.answerResponse().data\n                            })\n                        }\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        _arrayBufferToBase64( buffer ) {\n            var binary = '';\n            var bytes = new Uint8Array( buffer );\n            var len = bytes.byteLength;\n            for (var i = 0; i < len; i++) {\n                binary += String.fromCharCode( bytes[ i ] );\n            }\n            return window.btoa( binary );\n        },\n        removeRecord (index) {\n            this.recordings.splice(index, 1)\n        },\n        timerEnd(){\n            //////console.log(this.$refs)\n            //this.$refs.recording.stream(new MediaStream)\n           // this.$listeners.onStream()\n           this.title = 'Time'\n           if(!this.startFlag) $('.ar-icon.ar-icon__lg').click()\n            //alert('Timer')\n        },\n        beforeRecording (msg) {\n            this.microsoftTranscript=''\n            \n            //console.log('Before Record: ', msg)\n            this.startFlag = false\n            if(this.$refs.timer!=undefined)this.$refs.timer.setTime(0)\n            this.title = 'Time'\n            this.userAnswerResponse =''\n            this.recordStop= false\n            this.playBeep()\n            this.recordMessage='Click to Stop'\n            $('.ar-recorder__stop').addClass('upFront')\n            this.fromMic()\n        },\n        afterRecording(msg){\n            this.startFlag = true\n            this.recognizer.stopContinuousRecognitionAsync();\n            this.recordMessage='Done'\n            ////console.log('After Record: ', msg)\n            this.recordings=[]\n            this.recordings.push({\n            src: window.URL.createObjectURL(msg.blob)\n            })\n            this.$refs.timer.pauseTime()\n            \n            this.userAnswer.transcript= this.userAnswerResponse\n            this.recordStop= true\n            this.recordingBlob = msg.blob\n            $('.ar-recorder__stop').removeClass('upFront')\n            this.recognizer.stopContinuousRecognitionAsync();\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('Speak into your microphone.');\n\n\n            this.recognizer.startContinuousRecognitionAsync();\n\n            this.recognizer.recognizing = (s, e) => {\n                if(e!=null)\n                {\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                     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(`CANCELED: Reason=${e.reason}`);\n\n                if (e.reason == 0) {\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(\"\\n    Session stopped event.\");\n                this.recognizer.stopContinuousRecognitionAsync();\n            };\n            \n        }\n        \n    },\n    beforeMount(){\n        bus.$emit('checkMicPermission');\n        this.questionservice('configuregraph/getallgparphs').then(()=>{\n            this.questionLists = this.getQuestionList().data\n            //var userdata = LocalStorageService.getUser()\n            var userdata =this.$ls.get('user')\n            this.userAnswer.user_id = userdata.user_id\n            this.user_type = userdata.user_type\n            this.currentUser=userdata\n            this.userUsage()\n        })\n    }\n}\n</script>\n<style scoped>\nimg{\nwidth: 650px;\ntext-align: center;\nmargin: 0 auto;\ndisplay: block;\n}\n.heading\n{\ntext-align: center!important;\ncolor: #000 !important;\nfont-weight: 600 !important;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./describeimage.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!./describeimage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./describeimage.vue?vue&type=template&id=7110a3a2&scoped=true&\"\nimport script from \"./describeimage.vue?vue&type=script&lang=js&\"\nexport * from \"./describeimage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./describeimage.vue?vue&type=style&index=0&id=7110a3a2&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  \"7110a3a2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}