{"version":3,"sources":["webpack:///./src/views/Course/quizWeb.vue?edf1","webpack:///./src/views/Course/quizWeb.vue","webpack:///src/views/Course/quizWeb.vue","webpack:///./src/views/Course/quizWeb.vue?0a35","webpack:///./src/views/Course/quizWeb.vue?fa95","webpack:///../../../src/components/VGrid/VContainer.ts","webpack:///../../../src/components/VCheckbox/VCheckbox.ts","webpack:///../../../src/components/VGrid/grid.ts"],"names":["i","attrs","_s","staticStyle","_vm","item1","key","staticClass","question","_c","item2","questionImge","choiceList","show_CorrectAns1","background","userAnswer","multipleChoice","model","value","item","callback","show_CorrectAns2","expression","checkCorrectAns","_e","radio_masterChoice","choiceId","$event","radio_UserChoice","_v","choiceImge","$set","style","choiceAnswerMaster","$$v","on","questionId","nextQuizSection","clickBack","resultDialog","show_score","_l","find","x","ansNotSubmit","section_Items","passQuiz","color","doQuizAgain","Click_ok","viewAnswerResult","timerDialog","finishQuizOnTime","notTakeQuizAndSubmit","gotoResultDialog","incompleteSubmitDialog","previewimg","staticRenderFns","data","initialTime","elapsedTime","answeredQuo","hasTimer","remainingTime","timer","loading","showPassingScore","picturePreview","viewAnswer","user_score","full_score","passing_score","resultTitle","lastQuizSection","quizSectionData","quiz_Data","QuizID","dateoffset","Date","getTimezoneOffset","question_Items","choice_Items","show_imgBtn","choiceNo","choice","rule","mounted","GetQuizMasterDetail","methods","startTimer","setInterval","stopTimer","onTimeUp","clearInterval","calculateElapsedTime","submitQuiz","formatTime","seconds","minutes","Math","floor","secs","window","messageHandler","postMessage","showImgPreview","image","push","length","currentSectionIndex","map","e","sectionId","indexOf","undefined","clickFinished","clickNext","questionList","notChooseAns2","k","answerNotSubmit","clickNextForAnswerCheck","que_id","cho_id","current_Que","filter","subitem","that","itemsList","request","quizId","$route","query","companyId","companyID","mobile","offset","axios","post","web_urlV4","then","response","status","temp","sectionList","v","thisQuesRusult","fullScore","passingScore","showCorrectAnswerAfterCompletion","showCorrectAnswer","showScore","catch","err","userScore","notAnswerQuoCount","totalQuoCount","section","ans","questionScore","notChooseAns1","correctAns","masterAns","wrongAns","notChooseAns","tempAnsweredQuo","temp_quiz","courseId","userId","parseInt","userID","quizName","courseName","createOrUpdateBy","memberID","score","quizType","quizTypeID","questionNo","res","$axios","incompleteAnsSubmit","alert","component","Grid","extend","name","functional","props","id","String","tag","type","default","fluid","Boolean","render","h","children","classes","Object","keys","startsWith","domProps","mergeData","class","Array","concat","Selectable","indeterminate","indeterminateIcon","offIcon","onIcon","inputIndeterminate","this","computed","VInput","options","call","computedIcon","isActive","validationState","isDisabled","hasError","shouldValidate","hasSuccess","hasColor","computedColor","watch","val","$nextTick","$emit","genCheckbox","title","checkboxAttrs","attrs$","$createElement","VIcon","setTextColor","dense","dark","light","genInput","toString","genRipple","rippleState","genDefaultSlot","genLabel","VGrid","Vue","trim","join"],"mappings":"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","file":"js/chunk-304bb11a.b9efe3e9.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./quizWeb.vue?vue&type=style&index=0&id=4aea9c25&prod&scoped=true&lang=css&\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',{staticClass:\"sticky-timer\",attrs:{\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"d-flex justify-center align-center pb-3\"},[(_vm.remainingTime !== 0 && !_vm.viewAnswer)?_c('div',{staticClass:\"d-flex justify-center align-center timerBoxCss\"},[_vm._v(\" \"+_vm._s(_vm.formatTime(_vm.remainingTime))+\" \"+_vm._s(_vm.$t(\"minutes\"))+\" \")]):_vm._e()])],1),(!_vm.viewAnswer)?_c('v-card',{staticStyle:{\"border-radius\":\"16px\",\"padding\":\"15px\"}},_vm._l((_vm.section_Items),function(item1,i){return _c('div',{key:i},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#707070\"}},[_vm._v(_vm._s(item1.sectionName))])]),_c('v-col',{staticClass:\"pt-0\",attrs:{\"cols\":\"12\"}},[_c('span',{staticStyle:{\"font-size\":\"12px\",\"color\":\"#707070\"}},[_vm._v(_vm._s(item1.sectionDescription))])])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"11\"}},[_vm._l((item1.questionList),function(item2,i){return _c('v-card',{key:i,staticClass:\"mb-7\",staticStyle:{\"background-color\":\"#42424208\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"}},[_c('v-row',{staticClass:\"ma-1 ml-0\"},[_c('v-col',{staticStyle:{\"padding-right\":\"30px !important\",\"padding-bottom\":\"10px\",\"padding-left\":\"17px\"},attrs:{\"cols\":\"12\",\"md\":\"10\",\"lg\":\"10\",\"xl\":\"10\"}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#707070\"}},[_vm._v(_vm._s(item2.question))])])],1),_c('v-row',{staticClass:\"ma-1 ml-0\"},[_c('v-col',{staticStyle:{\"text-align\":\"right\",\"padding-top\":\"20px\",\"padding-right\":\"16px\",\"padding-bottom\":\"10px\"},attrs:{\"cols\":\"12\",\"md\":\"2\",\"lg\":\"2\",\"xl\":\"2\"}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#dbdbdb\"}},[_vm._v(_vm._s(item2.questionScore + \" \" + _vm.$t(\"score\")))])])],1),_c('v-divider',{staticClass:\"ml-4 mr-4\",staticStyle:{\"border-color\":\"#7070707f\"}}),(item2.questionImge)?_c('v-row',{staticClass:\"mt-3\"},[_c('v-col',{staticClass:\"pb-3\",attrs:{\"md\":\"12\",\"lg\":\"6\",\"xl\":\"6\"}},[_c('v-img',{staticClass:\"questionImg_width\",attrs:{\"aspect-ratio\":15 / 10,\"src\":item2.questionImge}})],1),_c('v-col',{staticClass:\"pb-3\",attrs:{\"md\":\"12\",\"lg\":\"6\",\"xl\":\"6\"}},[(\n                      item2.choiceList.find((x) => x.choiceImge != null)\n                        ? true\n                        : false\n                    )?_c('v-row',_vm._l((item2.choiceList),function(item,i){return _c('v-col',{key:i,staticClass:\"pr-2 pt-2 pb-2 choiceImg_padding\",attrs:{\"cols\":\"12\",\"xs\":\"12\",\"sm\":\"12\",\"md\":\"6\",\"lg\":\"6\",\"xl\":\"6\"}},[(item2.multipleChoice == true)?_c('v-checkbox',{staticClass:\"pt-0\",attrs:{\"label\":item.choice,\"color\":\"#4FB14E\",\"hide-details\":\"\"},on:{\"click\":function($event){return _vm.checkCorrectAns(item2.questionId, item.choiceId)}},model:{value:(item.userAnswer),callback:function ($$v) {_vm.$set(item, \"userAnswer\", $$v)},expression:\"item.userAnswer\"}}):_c('v-radio-group',{staticClass:\"pt-0\",attrs:{\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(item2.questionId, item.choiceId),\n                              (item.userAnswer = true)}}})],1),(item.choiceImge)?_c('v-img',{key:item.choiceId + 1,staticClass:\"choiceImg_width\",attrs:{\"aspect-ratio\":14 / 8,\"src\":item.choiceImge}}):_vm._e()],1)}),1):_vm._e()],1),(\n                    !item2.choiceList.find((x) => x.choiceImge != null)\n                      ? true\n                      : false\n                  )?_c('v-row',{staticClass:\"pl-4 pb-2\"},[_c('v-col',{staticClass:\"pt-1 pb-1\"},[_c('v-list',{staticStyle:{\"background\":\"transparent\"}},[_c('v-list-item-group',{staticClass:\"option_sheet\",attrs:{\"multiple\":\"\"}},[_vm._l((item2.choiceList),function(item){return [(item)?_c('v-list-item',{key:item.choiceId},[[_c('v-list-item-action',[(item2.multipleChoice == true)?_c('v-checkbox',{attrs:{\"color\":\"#4FB14E\"},on:{\"click\":function($event){return _vm.checkCorrectAns(\n                                      item2.questionId,\n                                      item.choiceId\n                                    )}},model:{value:(item.userAnswer),callback:function ($$v) {_vm.$set(item, \"userAnswer\", $$v)},expression:\"item.userAnswer\"}}):_c('v-radio-group',{staticClass:\"mt-0 pt-0\",attrs:{\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                        item2.questionId,\n                                        item.choiceId\n                                      ),\n                                        (item.userAnswer = true)}}})],1)],1),(item)?_c('v-list-item-content',{staticStyle:{\"padding-right\":\"26px\"}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#424242\"}},[_vm._v(_vm._s(item.choice))]),(item.choiceImge)?_c('v-img',{key:item.choiceId + 1,staticClass:\"mb-3\",attrs:{\"aspect-ratio\":16 / 9,\"width\":170,\"src\":item.choiceImge}}):_vm._e()],1):_vm._e()]],2):_vm._e()]})],2)],1)],1)],1):_vm._e()],1):_c('v-row',{staticClass:\"ma-1\"},[(\n                    !item2.choiceList.find((x) => x.choiceImge != null)\n                      ? true\n                      : false\n                  )?_c('v-col',{staticClass:\"pt-1 pb-3\"},[_c('v-list',{staticStyle:{\"background\":\"transparent\"}},[_c('v-list-item-group',{staticClass:\"option_sheet\",attrs:{\"multiple\":\"\"}},[_vm._l((item2.choiceList),function(item){return [(item)?_c('v-list-item',{key:item.choiceId},[[_c('v-list-item-action',[(item2.multipleChoice == true)?_c('v-checkbox',{attrs:{\"color\":\"#4FB14E\"},on:{\"click\":function($event){return _vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  )}},model:{value:(item.userAnswer),callback:function ($$v) {_vm.$set(item, \"userAnswer\", $$v)},expression:\"item.userAnswer\"}}):_c('v-radio-group',{staticClass:\"mt-0 pt-0\",attrs:{\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                      item2.questionId,\n                                      item.choiceId\n                                    ),\n                                      (item.userAnswer = true)}}})],1)],1),(item)?_c('v-list-item-content',{staticStyle:{\"padding-right\":\"26px\"}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#424242\"}},[_vm._v(_vm._s(item.choice))]),(item.choiceImge)?_c('v-img',{key:item.choiceId + 1,staticClass:\"mb-3\",attrs:{\"aspect-ratio\":16 / 9,\"width\":170,\"src\":item.choiceImge}}):_vm._e()],1):_vm._e()]],2):_vm._e()]})],2)],1)],1):_c('v-col',{staticClass:\"pb-4 pt-1\"},[_c('v-row',_vm._l((item2.choiceList),function(item,i){return _c('v-col',{key:i,staticClass:\"pr-2 pt-2 pb-2 choiceImg_padding\",attrs:{\"cols\":\"12\",\"xs\":\"12\",\"sm\":\"12\",\"md\":\"6\",\"lg\":\"6\",\"xl\":\"6\"}},[(item2.multipleChoice == true)?_c('v-checkbox',{staticClass:\"pt-0\",attrs:{\"label\":item.choice,\"color\":\"#4FB14E\",\"hide-details\":\"\"},on:{\"click\":function($event){return _vm.checkCorrectAns(item2.questionId, item.choiceId)}},model:{value:(item.userAnswer),callback:function ($$v) {_vm.$set(item, \"userAnswer\", $$v)},expression:\"item.userAnswer\"}}):_c('v-radio-group',{staticClass:\"pt-0\",attrs:{\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(item2.questionId, item.choiceId),\n                              (item.userAnswer = true)}}})],1),(item.choiceImge)?_c('v-img',{key:item.choiceId + 1,staticClass:\"choiceImg_width\",attrs:{\"aspect-ratio\":14 / 8,\"src\":item.choiceImge}}):_vm._e()],1)}),1)],1)],1),(item2.ansNotSubmit)?_c('v-row',{key:i,staticClass:\"mt-0\"},[_c('v-col',{staticClass:\"pt-0\",staticStyle:{\"padding-left\":\"30px\"}},[_c('v-icon',{staticClass:\"mr-2\",attrs:{\"color\":\"#D52A2A\"}},[_vm._v(\"mdi-alert-circle-outline\")]),_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#d52a2a\"}},[_vm._v(_vm._s(_vm.$t(\"itisnecessarytoanswerquestion\")))])],1)],1):_vm._e()],1)}),_c('v-row',[_c('v-col',{staticStyle:{\"text-align\":\"center\",\"padding-right\":\"15px\"}},[(_vm.nextQuizSection)?_c('v-btn',{staticClass:\"text-capitalize mr-3\",staticStyle:{\"color\":\"#424242\",\"background-color\":\"#f0f0f0\",\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},on:{\"click\":function($event){return _vm.clickBack()}}},[_vm._v(_vm._s(_vm.$t(\"back\")))]):_vm._e(),(_vm.lastQuizSection)?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"color\":\"#ffffff\",\"background-color\":\"#a6cc39\",\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},on:{\"click\":function($event){return _vm.submitQuiz()}}},[_vm._v(_vm._s(_vm.$t(\"submit\")))]):_vm._e(),(!_vm.lastQuizSection)?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"color\":\"#ffffff\",\"background-color\":\"#a6cc39\",\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},on:{\"click\":function($event){return _vm.clickNext()}}},[_vm._v(_vm._s(_vm.$t(\"next\")))]):_vm._e()],1)],1)],2)],1)],1)}),0):_c('v-card',{staticStyle:{\"border-radius\":\"16px\",\"padding\":\"15px\"}},_vm._l((_vm.section_Items),function(item1,i){return _c('div',{key:i},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('span',{staticStyle:{\"font-size\":\"32px\",\"color\":\"#424242\"}},[_vm._v(_vm._s(item1.sectionName))])]),_c('v-col',{staticClass:\"pt-0\",attrs:{\"cols\":\"12\"}},[_c('span',{staticStyle:{\"font-size\":\"20px\",\"color\":\"#616161\"}},[_vm._v(_vm._s(item1.sectionDescription))])])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"11\",\"lg\":\"11\"}},[_vm._l((item1.questionList),function(item2,i){return _c('v-card',{key:i,staticClass:\"mb-7\",staticStyle:{\"background-color\":\"#42424208\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"}},[_c('v-row',{staticClass:\"ma-1 ml-0\"},[_c('v-col',{staticStyle:{\"padding-right\":\"30px !important\",\"padding-bottom\":\"10px\",\"padding-left\":\"17px\"},attrs:{\"cols\":\"11\",\"md\":\"10\",\"lg\":\"10\",\"xl\":\"10\"}},[_c('span',{staticStyle:{\"font-size\":\"20px\",\"color\":\"#424242\"}},[_vm._v(_vm._s(item2.question))])]),_c('v-col',{staticStyle:{\"text-align\":\"right\",\"padding-top\":\"20px\",\"padding-right\":\"16px\",\"padding-bottom\":\"10px\"},attrs:{\"cols\":\"11\",\"md\":\"2\",\"lg\":\"2\",\"xl\":\"2\"}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#616161\"}},[_vm._v(_vm._s(item2.thisQuesRusult + \" / \" + item2.questionScore))])])],1),_c('v-divider',{staticClass:\"ml-4 mr-4\",staticStyle:{\"border-color\":\"#7070707f\"}}),(item2.questionImge)?_c('v-row',{staticClass:\"mt-3\"},[_c('v-col',{staticClass:\"pb-3\",attrs:{\"lg\":\"5\",\"xl\":\"5\"}},[_c('v-img',{staticClass:\"questionImg_width\",attrs:{\"aspect-ratio\":15 / 10,\"src\":item2.questionImge}})],1),_c('v-col',{staticClass:\"pb-3\",attrs:{\"lg\":\"7\",\"xl\":\"7\"}},[(\n                      item2.choiceList.find((x) => x.choiceImge != null)\n                        ? true\n                        : false\n                    )?_c('v-row',_vm._l((item2.choiceList),function(item,i){return _c('v-col',{key:i,staticClass:\"pr-2 pt-2 pb-2 choiceImg_padding\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"},attrs:{\"cols\":\"11\",\"xs\":\"11\",\"sm\":\"11\",\"md\":\"6\",\"lg\":\"6\",\"xl\":\"6\"}},[(item.choiceImge)?_c('v-card',{staticClass:\"mt-4 ml-3\",staticStyle:{\"border-radius\":\"16px\",\"padding-left\":\"8px\",\"box-shadow\":\"unset\",\"padding-top\":\"10px\"},style:([\n                          _vm.show_CorrectAns1\n                            ? _vm.show_CorrectAns2\n                              ? item.choiceAnswerMaster == true\n                                ? { background: '#A6CC391C' }\n                                : item.userAnswer == true\n                                ? { background: '#FF60601F' }\n                                : { background: 'transparent' }\n                              : item.userAnswer != null\n                              ? item.userAnswer == true\n                                ? item.choiceAnswerMaster == true\n                                  ? { background: '#A6CC391C' }\n                                  : { background: '#FF60601F' }\n                                : { background: '#FF60601F' }\n                              : { background: 'transparent' }\n                            : {},\n                        ]),attrs:{\"height\":\"169\",\"width\":\"225\"}},[_c('v-row',[_c('v-col',{staticStyle:{\"padding-bottom\":\"11px !important\",\"padding-right\":\"0\"},attrs:{\"cols\":\"9\",\"md\":\"9\",\"sm\":\"9\",\"xs\":\"8\"}},[(\n                                item2.multipleChoice == true &&\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer != null\n                              )?_c('v-checkbox',{staticClass:\"disable_green mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == true &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-checkbox',{staticClass:\"disable_green mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(item2.multipleChoice == true)?_c('v-checkbox',{staticClass:\"disable_grey mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#A4A4A4\"},model:{value:(item.userAnswer),callback:function ($$v) {_vm.$set(item, \"userAnswer\", $$v)},expression:\"item.userAnswer\"}}):_vm._e(),(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e(),(\n                                _vm.show_CorrectAns2 || _vm.show_CorrectAns1\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == true\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                item2.multipleChoice == false &&\n                                item.userAnswer == true &&\n                                item.choiceAnswerMaster == false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.userAnswer == null &&\n                                    item.choiceAnswerMaster == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns1 && !_vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e()],1),_c('v-col',{staticStyle:{\"padding-left\":\"0\"},attrs:{\"cols\":\"3\",\"md\":\"2\",\"sm\":\"2\",\"xs\":\"2\"}},[(\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#4FB14E\"}},[_vm._v(\"mdi-check-bold\")]):_vm._e(),(\n                                item.choiceAnswerMaster == false &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#FF6060\"}},[_vm._v(\"mdi-window-close\")]):_vm._e()],1)],1),(item.choiceImge)?_c('v-img',{key:item.choiceId + 1,staticClass:\"choiceImg_width\",attrs:{\"aspect-ratio\":14 / 8,\"src\":item.choiceImge}}):_vm._e()],1):_vm._e(),(item.choiceImge == null)?_c('v-row',{staticClass:\"mt-3\",staticStyle:{\"display\":\"unset\"}},[_c('v-list-item',{staticClass:\"pl-7 mr-2\"},[_c('v-col',{staticStyle:{\"border-bottom-left-radius\":\"8px\",\"border-top-left-radius\":\"8px\",\"padding\":\"8px\",\"box-shadow\":\"unset\",\"padding-bottom\":\"11px !important\"},style:([\n                              _vm.show_CorrectAns1\n                                ? _vm.show_CorrectAns2\n                                  ? item.choiceAnswerMaster == true\n                                    ? { background: '#A6CC391C' }\n                                    : item.userAnswer == true\n                                    ? { background: '#FF60601F' }\n                                    : { background: 'transparent' }\n                                  : item.userAnswer != null\n                                  ? item.userAnswer == true\n                                    ? item.choiceAnswerMaster == true\n                                      ? { background: '#A6CC391C' }\n                                      : { background: '#FF60601F' }\n                                    : { background: '#FF60601F' }\n                                  : { background: 'transparent' }\n                                : {},\n                            ]),attrs:{\"md\":\"10\"}},[(\n                                item2.multipleChoice == true &&\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer != null\n                              )?_c('v-checkbox',{staticClass:\"disable_green mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == true &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-checkbox',{staticClass:\"disable_green mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(item2.multipleChoice == true)?_c('v-checkbox',{staticClass:\"disable_grey mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#A4A4A4\"},model:{value:(item.userAnswer),callback:function ($$v) {_vm.$set(item, \"userAnswer\", $$v)},expression:\"item.userAnswer\"}}):_vm._e(),(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e(),(\n                                _vm.show_CorrectAns2 || _vm.show_CorrectAns1\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == true\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                item2.multipleChoice == false &&\n                                item.userAnswer == true &&\n                                item.choiceAnswerMaster == false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.userAnswer == null &&\n                                    item.choiceAnswerMaster == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns1 && !_vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e()],1),_c('v-col',{staticStyle:{\"border-bottom-right-radius\":\"8px\",\"border-top-right-radius\":\"8px\",\"padding\":\"8px\",\"box-shadow\":\"unset\",\"padding-left\":\"0\",\"padding-bottom\":\"11px !important\"},style:([\n                              _vm.show_CorrectAns1\n                                ? _vm.show_CorrectAns2\n                                  ? item.choiceAnswerMaster == true\n                                    ? { background: '#A6CC391C' }\n                                    : item.userAnswer == true\n                                    ? { background: '#FF60601F' }\n                                    : { background: 'transparent' }\n                                  : item.userAnswer != null\n                                  ? item.userAnswer == true\n                                    ? item.choiceAnswerMaster == true\n                                      ? { background: '#A6CC391C' }\n                                      : { background: '#FF60601F' }\n                                    : { background: '#FF60601F' }\n                                  : { background: 'transparent' }\n                                : {},\n                            ]),attrs:{\"md\":\"2\"}},[(\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#4FB14E\"}},[_vm._v(\"mdi-check-bold\")]):_vm._e(),(\n                                item.choiceAnswerMaster == false &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#FF6060\"}},[_vm._v(\"mdi-window-close\")]):_vm._e(),(\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer == null\n                              )?_c('v-icon',{attrs:{\"color\":\"transparent\"}},[_vm._v(\"mdi-window-close\")]):_vm._e()],1)],1)],1):_vm._e()],1)}),1):_vm._e()],1),(\n                    !item2.choiceList.find((x) => x.choiceImge != null)\n                      ? true\n                      : false\n                  )?_c('v-col',{attrs:{\"cols\":\"12\",\"lg\":\"12\",\"xl\":\"12\"}},[_c('v-row',{staticClass:\"pl-4 pb-2 pr-4\"},[_c('v-col',{staticClass:\"pt-1 pb-0\"},[_c('v-list',{staticStyle:{\"background\":\"transparent\"}},[_c('v-list-item-group',{staticClass:\"option_sheet\",attrs:{\"multiple\":\"\"}},[_vm._l((item2.choiceList),function(item){return [(item)?_c('v-list-item',{key:item.choiceId,staticClass:\"viewans_\",staticStyle:{\"border-radius\":\"8px\",\"height\":\"32px\",\"margin-bottom\":\"10px\"},style:([\n                                _vm.show_CorrectAns1\n                                  ? _vm.show_CorrectAns2\n                                    ? item.choiceAnswerMaster == true\n                                      ? { background: '#A6CC391C' }\n                                      : item.userAnswer == true\n                                      ? { background: '#FF60601F' }\n                                      : { background: 'transparent' }\n                                    : item.userAnswer != null\n                                    ? item.userAnswer == true\n                                      ? item.choiceAnswerMaster == true\n                                        ? { background: '#A6CC391C' }\n                                        : { background: '#FF60601F' }\n                                      : { background: '#FF60601F' }\n                                    : { background: 'transparent' }\n                                  : {},\n                              ]),attrs:{\"disabled\":\"\"}},[_c('v-list-item-action',[(\n                                    item2.multipleChoice == true &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer != null\n                                  )?_c('v-checkbox',{staticClass:\"disable_green\",attrs:{\"disabled\":\"\",\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(\n                                    _vm.show_CorrectAns2\n                                      ? item2.multipleChoice == true &&\n                                        item.choiceAnswerMaster == true &&\n                                        item.userAnswer == null\n                                        ? true\n                                        : false\n                                      : false\n                                  )?_c('v-checkbox',{staticClass:\"disable_green\",attrs:{\"disabled\":\"\",\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(item2.multipleChoice == true)?_c('v-checkbox',{staticClass:\"disable_grey\",attrs:{\"disabled\":\"\",\"color\":\"#A4A4A4\"},model:{value:(item.userAnswer),callback:function ($$v) {_vm.$set(item, \"userAnswer\", $$v)},expression:\"item.userAnswer\"}}):_vm._e(),(\n                                    _vm.show_CorrectAns2\n                                      ? item2.multipleChoice == false &&\n                                        item.choiceAnswerMaster == true &&\n                                        item.userAnswer == null\n                                        ? true\n                                        : false\n                                      : false\n                                  )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                        item2.questionId,\n                                        item.choiceId\n                                      ),\n                                        (item.userAnswer = true)}}})],1):_vm._e(),(\n                                    _vm.show_CorrectAns2 || _vm.show_CorrectAns1\n                                      ? item2.multipleChoice == false &&\n                                        item.choiceAnswerMaster == true &&\n                                        item.userAnswer == true\n                                        ? true\n                                        : false\n                                      : false\n                                  )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                        item2.questionId,\n                                        item.choiceId\n                                      ),\n                                        (item.userAnswer = true)}}})],1):_vm._e(),(\n                                    item2.multipleChoice == false &&\n                                    item.userAnswer == true &&\n                                    item.choiceAnswerMaster == false\n                                  )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                        item2.questionId,\n                                        item.choiceId\n                                      ),\n                                        (item.userAnswer = true)}}})],1):(\n                                    _vm.show_CorrectAns2\n                                      ? item2.multipleChoice == false &&\n                                        item.userAnswer == null &&\n                                        item.choiceAnswerMaster == false\n                                        ? true\n                                        : false\n                                      : false\n                                  )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                        item2.questionId,\n                                        item.choiceId\n                                      ),\n                                        (item.userAnswer = true)}}})],1):(\n                                    _vm.show_CorrectAns1 && !_vm.show_CorrectAns2\n                                      ? item2.multipleChoice == false &&\n                                        item.userAnswer == null\n                                        ? true\n                                        : false\n                                      : false\n                                  )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                        item2.questionId,\n                                        item.choiceId\n                                      ),\n                                        (item.userAnswer = true)}}})],1):_vm._e()],1),(item)?_c('v-list-item-content',{staticStyle:{\"padding-right\":\"26px\"}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#424242\"}},[_vm._v(_vm._s(item.choice))]),(item.choiceImge)?_c('v-img',{key:item.choiceId + 1,staticClass:\"mb-3\",attrs:{\"aspect-ratio\":16 / 9,\"width\":170,\"src\":item.choiceImge}}):_vm._e()],1):_vm._e(),_c('v-list-item-action',[(\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == true\n                                  )?_c('v-icon',{attrs:{\"color\":\"#4FB14E\"}},[_vm._v(\"mdi-check-bold\")]):_vm._e(),(\n                                    item.choiceAnswerMaster == false &&\n                                    item.userAnswer == true\n                                  )?_c('v-icon',{attrs:{\"color\":\"#FF6060\"}},[_vm._v(\"mdi-window-close\")]):_vm._e()],1)],1):_vm._e()]})],2)],1)],1)],1)],1):_vm._e()],1):_c('v-row',{staticClass:\"ma-1\"},[(\n                    !item2.choiceList.find((x) => x.choiceImge != null)\n                      ? true\n                      : false\n                  )?_c('v-col',{staticClass:\"pt-1 pb-3\"},[_c('v-list',{staticStyle:{\"background\":\"transparent\"}},[_c('v-list-item-group',{staticClass:\"option_sheet\",attrs:{\"multiple\":\"\"}},[_vm._l((item2.choiceList),function(item){return [(item)?_c('v-list-item',{key:item.choiceId,staticClass:\"viewans_\",staticStyle:{\"border-radius\":\"8px\",\"height\":\"32px\",\"margin-bottom\":\"10px\"},style:([\n                            _vm.show_CorrectAns1\n                              ? _vm.show_CorrectAns2\n                                ? item.choiceAnswerMaster == true\n                                  ? { background: '#A6CC391C' }\n                                  : item.userAnswer == true\n                                  ? { background: '#FF60601F' }\n                                  : { background: 'transparent' }\n                                : item.userAnswer != null\n                                ? item.userAnswer == true\n                                  ? item.choiceAnswerMaster == true\n                                    ? { background: '#A6CC391C' }\n                                    : { background: '#FF60601F' }\n                                  : { background: '#FF60601F' }\n                                : { background: 'transparent' }\n                              : {},\n                          ]),attrs:{\"disabled\":\"\"}},[_c('v-list-item-action',[(\n                                item2.multipleChoice == true &&\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer != null\n                              )?_c('v-checkbox',{staticClass:\"disable_green mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == true &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-checkbox',{staticClass:\"disable_green mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(item2.multipleChoice == true)?_c('v-checkbox',{staticClass:\"disable_grey\",attrs:{\"disabled\":\"\",\"color\":\"#A4A4A4\"},model:{value:(item.userAnswer),callback:function ($$v) {_vm.$set(item, \"userAnswer\", $$v)},expression:\"item.userAnswer\"}}):_vm._e(),(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e(),(\n                                _vm.show_CorrectAns2 || _vm.show_CorrectAns1\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == true\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                item2.multipleChoice == false &&\n                                item.userAnswer == true &&\n                                item.choiceAnswerMaster == false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.userAnswer == null &&\n                                    item.choiceAnswerMaster == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns1 && !_vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e()],1),(item)?_c('v-list-item-content',{staticStyle:{\"padding-right\":\"26px\"}},[_c('span',{staticStyle:{\"font-size\":\"16px\",\"color\":\"#424242\"}},[_vm._v(_vm._s(item.choice))]),(item.choiceImge)?_c('v-img',{key:item.choiceId + 1,staticClass:\"mb-3\",attrs:{\"aspect-ratio\":16 / 9,\"width\":170,\"src\":item.choiceImge}}):_vm._e()],1):_vm._e(),_c('v-list-item-action',[(\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#4FB14E\"}},[_vm._v(\"mdi-check-bold\")]):_vm._e(),(\n                                item.choiceAnswerMaster == false &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#FF6060\"}},[_vm._v(\"mdi-window-close\")]):_vm._e()],1)],1):_vm._e()]})],2)],1)],1):_c('v-col',{staticClass:\"pb-4 pt-1\"},[_c('v-row',_vm._l((item2.choiceList),function(item,i){return _c('v-col',{key:i,staticClass:\"pr-2 pt-2 pb-2 choiceImg_padding\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"flex-start\"},attrs:{\"cols\":\"11\",\"xs\":\"11\",\"sm\":\"11\",\"md\":\"6\",\"lg\":\"6\",\"xl\":\"6\"}},[(item.choiceImge)?_c('v-card',{staticClass:\"mt-4 ml-3\",staticStyle:{\"border-radius\":\"16px\",\"padding-left\":\"8px\",\"box-shadow\":\"unset\",\"padding-top\":\"10px\"},style:([\n                          _vm.show_CorrectAns1\n                            ? _vm.show_CorrectAns2\n                              ? item.choiceAnswerMaster == true\n                                ? { background: '#A6CC391C' }\n                                : item.userAnswer == true\n                                ? { background: '#FF60601F' }\n                                : { background: 'transparent' }\n                              : item.userAnswer != null\n                              ? item.userAnswer == true\n                                ? item.choiceAnswerMaster == true\n                                  ? { background: '#A6CC391C' }\n                                  : { background: '#FF60601F' }\n                                : { background: '#FF60601F' }\n                              : { background: 'transparent' }\n                            : {},\n                        ]),attrs:{\"height\":\"169\",\"width\":\"225\"}},[_c('v-row',[_c('v-col',{staticStyle:{\"padding-bottom\":\"11px !important\",\"padding-right\":\"0\"},attrs:{\"cols\":\"9\",\"md\":\"9\",\"sm\":\"9\",\"xs\":\"8\"}},[(\n                                item2.multipleChoice == true &&\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer != null\n                              )?_c('v-checkbox',{staticClass:\"disable_green mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == true &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-checkbox',{staticClass:\"disable_grey mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(item2.multipleChoice == true)?_c('v-checkbox',{staticClass:\"disable_grey mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#A4A4A4\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):_vm._e(),(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e(),(\n                                _vm.show_CorrectAns2 || _vm.show_CorrectAns1\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == true\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                item2.multipleChoice == false &&\n                                item.userAnswer == true &&\n                                item.choiceAnswerMaster == false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.userAnswer == null &&\n                                    item.choiceAnswerMaster == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns1 && !_vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e()],1),_c('v-col',{staticStyle:{\"padding-left\":\"0\"},attrs:{\"cols\":\"3\",\"md\":\"2\",\"sm\":\"9\",\"xs\":\"2\"}},[(\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#4FB14E\"}},[_vm._v(\"mdi-check-bold\")]):_vm._e(),(\n                                item.choiceAnswerMaster == false &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#FF6060\"}},[_vm._v(\"mdi-window-close\")]):_vm._e()],1)],1),(item.choiceImge)?_c('v-img',{key:item.choiceId + 1,staticClass:\"choiceImg_width\",attrs:{\"aspect-ratio\":14 / 8,\"src\":item.choiceImge}}):_vm._e()],1):_vm._e(),(item.choiceImge == null)?_c('v-row',{staticClass:\"mt-3\",staticStyle:{\"display\":\"unset\"}},[_c('v-list-item',{staticClass:\"pl-7 mr-2\"},[_c('v-col',{staticStyle:{\"border-bottom-left-radius\":\"8px\",\"border-top-left-radius\":\"8px\",\"padding\":\"8px\",\"box-shadow\":\"unset\",\"padding-bottom\":\"11px !important\"},style:([\n                              _vm.show_CorrectAns1\n                                ? _vm.show_CorrectAns2\n                                  ? item.choiceAnswerMaster == true\n                                    ? { background: '#A6CC391C' }\n                                    : item.userAnswer == true\n                                    ? { background: '#FF60601F' }\n                                    : { background: 'transparent' }\n                                  : item.userAnswer != null\n                                  ? item.userAnswer == true\n                                    ? item.choiceAnswerMaster == true\n                                      ? { background: '#A6CC391C' }\n                                      : { background: '#FF60601F' }\n                                    : { background: '#FF60601F' }\n                                  : { background: 'transparent' }\n                                : {},\n                            ]),attrs:{\"cols\":\"12\",\"md\":\"10\",\"sm\":\"9\",\"xs\":\"8\"}},[(\n                                item2.multipleChoice == true &&\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer != null\n                              )?_c('v-checkbox',{staticClass:\"disable_green mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == true &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-checkbox',{staticClass:\"disable_grey mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#4FB14E\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):(item2.multipleChoice == true)?_c('v-checkbox',{staticClass:\"disable_grey mt-0\",attrs:{\"disabled\":\"\",\"hide-details\":\"\",\"label\":item.choice,\"color\":\"#A4A4A4\"},model:{value:(item.choiceAnswerMaster),callback:function ($$v) {_vm.$set(item, \"choiceAnswerMaster\", $$v)},expression:\"item.choiceAnswerMaster\"}}):_vm._e(),(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == null\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e(),(\n                                _vm.show_CorrectAns2 || _vm.show_CorrectAns1\n                                  ? item2.multipleChoice == false &&\n                                    item.choiceAnswerMaster == true &&\n                                    item.userAnswer == true\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_green\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                item2.multipleChoice == false &&\n                                item.userAnswer == true &&\n                                item.choiceAnswerMaster == false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_UserChoice),callback:function ($$v) {_vm.$set(item2, \"radio_UserChoice\", $$v)},expression:\"item2.radio_UserChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false &&\n                                    item.userAnswer == null &&\n                                    item.choiceAnswerMaster == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):(\n                                _vm.show_CorrectAns1 && !_vm.show_CorrectAns2\n                                  ? item2.multipleChoice == false\n                                    ? true\n                                    : false\n                                  : false\n                              )?_c('v-radio-group',{staticClass:\"mt-0 pt-0 disable_radio_grey\",attrs:{\"disabled\":\"\",\"hide-details\":\"\"},model:{value:(item2.radio_masterChoice),callback:function ($$v) {_vm.$set(item2, \"radio_masterChoice\", $$v)},expression:\"item2.radio_masterChoice\"}},[_c('v-radio',{attrs:{\"value\":item.choiceId,\"label\":item.choice,\"color\":\"#4FB14E\"},on:{\"click\":function($event){_vm.checkCorrectAns(\n                                    item2.questionId,\n                                    item.choiceId\n                                  ),\n                                    (item.userAnswer = true)}}})],1):_vm._e()],1),_c('v-col',{staticStyle:{\"border-bottom-right-radius\":\"8px\",\"border-top-right-radius\":\"8px\",\"padding\":\"8px\",\"box-shadow\":\"unset\",\"padding-left\":\"0\",\"padding-bottom\":\"11px !important\"},style:([\n                              _vm.show_CorrectAns1\n                                ? _vm.show_CorrectAns2\n                                  ? item.choiceAnswerMaster == true\n                                    ? { background: '#A6CC391C' }\n                                    : item.userAnswer == true\n                                    ? { background: '#FF60601F' }\n                                    : { background: 'transparent' }\n                                  : item.userAnswer != null\n                                  ? item.userAnswer == true\n                                    ? item.choiceAnswerMaster == true\n                                      ? { background: '#A6CC391C' }\n                                      : { background: '#FF60601F' }\n                                    : { background: '#FF60601F' }\n                                  : { background: 'transparent' }\n                                : {},\n                            ]),attrs:{\"cols\":\"12\",\"md\":\"2\",\"sm\":\"2\",\"xs\":\"2\"}},[(\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#4FB14E\"}},[_vm._v(\"mdi-check-bold\")]):_vm._e(),(\n                                item.choiceAnswerMaster == false &&\n                                item.userAnswer == true\n                              )?_c('v-icon',{attrs:{\"color\":\"#FF6060\"}},[_vm._v(\"mdi-window-close\")]):_vm._e(),(\n                                item.choiceAnswerMaster == true &&\n                                item.userAnswer == null\n                              )?_c('v-icon',{attrs:{\"color\":\"transparent\"}},[_vm._v(\"mdi-window-close\")]):_vm._e()],1)],1)],1):_vm._e()],1)}),1)],1)],1)],1)}),_c('v-row',[_c('v-col',{staticStyle:{\"text-align\":\"center\"}},[(_vm.nextQuizSection)?_c('v-btn',{staticClass:\"text-capitalize mr-3\",staticStyle:{\"color\":\"#424242\",\"background-color\":\"#f0f0f0\",\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},on:{\"click\":function($event){return _vm.clickBack()}}},[_vm._v(_vm._s(_vm.$t(\"back\")))]):_vm._e(),(_vm.lastQuizSection)?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"color\":\"#ffffff\",\"background-color\":\"#a6cc39\",\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},on:{\"click\":function($event){return _vm.clickFinished()}}},[_vm._v(_vm._s(_vm.$t(\"qfinished\")))]):_vm._e(),(!_vm.lastQuizSection)?_c('v-btn',{staticClass:\"text-capitalize\",staticStyle:{\"color\":\"#ffffff\",\"background-color\":\"#a6cc39\",\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},on:{\"click\":function($event){return _vm.clickNextForAnswerCheck()}}},[_vm._v(_vm._s(_vm.$t(\"next\")))]):_vm._e()],1)],1)],2)],1)],1)}),0)],1),_c('v-dialog',{attrs:{\"width\":\"450\",\"persistent\":\"\"},model:{value:(_vm.resultDialog),callback:function ($$v) {_vm.resultDialog=$$v},expression:\"resultDialog\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"16px\"}},[(_vm.show_CorrectAns1 || _vm.show_score || _vm.showPassingScore)?_c('v-card-title',{staticClass:\"pt-2 pb-1\"},[(_vm.show_score || !_vm.passQuiz)?_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-col',[_c('span',{staticStyle:{\"font-size\":\"20px\",\"color\":\"#363636\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.$t(\"result\")))])]),_c('v-col',{staticStyle:{\"text-align\":\"center\"}},[_c('v-btn',{staticStyle:{\"border-radius\":\"8px !important\",\"border\":\"1px solid rgba(66, 66, 66, 0.05)\",\"background-color\":\"transparent\",\"color\":\"#424242\",\"box-shadow\":\"unset\",\"width\":\"23px\"},on:{\"click\":function($event){(_vm.resultDialog = false),\n                  _vm.window.messageHandler.postMessage('GoBack')}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1)],1):_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"pt-1 pb-1\",staticStyle:{\"text-align\":\"center\"}},[_c('span',{staticClass:\"mt-2\",staticStyle:{\"font-size\":\"20px\",\"color\":\"#363636\"}},[_vm._v(_vm._s(_vm.$t(\"thankyoufordoingquiz\")))])])],1)],1):_c('v-card-title',[_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-col',{staticClass:\"pt-1 pb-1\",staticStyle:{\"text-align\":\"center\"}},[_c('span',{staticClass:\"mt-2\",staticStyle:{\"font-size\":\"20px\",\"color\":\"#363636\"}},[_vm._v(_vm._s(_vm.$t(\"thankyoufordoingquiz\")))])])],1)],1),_c('v-divider'),(_vm.show_score || !_vm.passQuiz)?_c('v-card-text',{staticClass:\"pb-1 pt-2\"},[(!_vm.passQuiz && _vm.$route.query.quizIsPassed == 0)?_c('p',{staticClass:\"pt-1 text-left mb-0\",staticStyle:{\"font-size\":\"18px\",\"color\":\"#424242\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"notpassquiz\"))+\" \")]):_vm._e(),(_vm.show_score && _vm.passQuiz)?_c('p',{staticClass:\"pt-1 mb-0 text-left\",staticStyle:{\"font-size\":\"16px\",\"color\":\"#424242\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"thankyoufordoingquiz\"))+\" \")]):_vm._e(),(_vm.show_score)?_c('p',{staticClass:\"pt-1 text-left\",staticStyle:{\"font-size\":\"16px\",\"color\":\"#424242\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"scoresyouhaveearned\"))+\" \")]):_vm._e(),(_vm.show_score)?_c('p',{staticClass:\"pt-4 text-center mt-7\",staticStyle:{\"font-size\":\"56px\"},style:([_vm.passQuiz ? { color: '#4FB14E' } : { color: '#FF6060' }])},[_vm._v(\" \"+_vm._s(_vm.user_score + \"/\" + _vm.full_score)+\" \")]):_vm._e(),(_vm.showPassingScore)?_c('p',{staticClass:\"pt-4 text-center\",staticStyle:{\"font-size\":\"20px\",\"color\":\"#616161\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"passingscore\") + _vm.passing_score)+\" \")]):_vm._e()]):_vm._e(),_c('v-card-actions',[_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[(!_vm.passQuiz && _vm.$route.query.quizIsPassed == 0)?_c('v-btn',{staticClass:\"text-capitalize white--text mt-1 mb-3\",staticStyle:{\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},attrs:{\"color\":\"#FF6060\"},on:{\"click\":function($event){return _vm.doQuizAgain()}}},[_vm._v(_vm._s(_vm.$t(\"requiz\")))]):(_vm.show_CorrectAns1 && !_vm.notTakeQuizAndSubmit)?_c('v-btn',{staticClass:\"text-capitalize white--text mt-1 mb-3\",staticStyle:{\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},attrs:{\"color\":\"#A6CC39\"},on:{\"click\":function($event){return _vm.viewAnswerResult()}}},[_vm._v(_vm._s(_vm.$t(\"viewanswer\")))]):_c('v-btn',{staticClass:\"text-capitalize white--text mt-1 mb-1\",staticStyle:{\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},attrs:{\"color\":\"#4FB14E\"},on:{\"click\":_vm.Click_ok}},[_vm._v(_vm._s(_vm.$t(\"ok\")))])],1)],1)],1)],1),_c('v-dialog',{attrs:{\"persistent\":\"\",\"width\":\"300\"},model:{value:(_vm.loading),callback:function ($$v) {_vm.loading=$$v},expression:\"loading\"}},[_c('v-card',{attrs:{\"color\":\"#4FB14E\",\"dark\":\"\"}},[_c('v-card-text',{staticClass:\"white--text\"},[_vm._v(\" Loading Please Wait... \"),_c('v-progress-linear',{staticClass:\"mb-0\",attrs:{\"indeterminate\":\"\",\"color\":\"#ffffff\"}})],1)],1)],1),_c('v-dialog',{attrs:{\"width\":\"350\",\"persistent\":\"\"},model:{value:(_vm.timerDialog),callback:function ($$v) {_vm.timerDialog=$$v},expression:\"timerDialog\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"16px\"}},[_c('v-card-title',{staticClass:\"pt-2 pb-1 pr-3\"},[_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-col',[_c('span',{staticStyle:{\"font-size\":\"20px\",\"color\":\"#363636\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.$t(\"result\")))])]),_c('v-col',{staticStyle:{\"text-align\":\"right\"}},[_c('v-btn',{staticStyle:{\"border-radius\":\"8px !important\",\"border\":\"1px solid rgba(66, 66, 66, 0.05)\",\"background-color\":\"transparent\",\"color\":\"#424242\",\"box-shadow\":\"unset\",\"width\":\"23px\"},on:{\"click\":function($event){(_vm.timerDialog = false), _vm.$router.push('/course')}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1)],1)],1),_c('v-divider'),_c('v-card-text',{staticClass:\"pb-1 pt-2\"},[(!_vm.finishQuizOnTime)?_c('p',{staticClass:\"pt-3 text-left\",staticStyle:{\"font-size\":\"32px\",\"color\":\"#ff6060\",\"font-weight\":\"bolder\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"timesup\"))+\" \")]):_vm._e(),(_vm.finishQuizOnTime)?_c('p',{staticClass:\"pt-3 text-left\",staticStyle:{\"font-size\":\"30px\",\"font-weight\":\"bolder\"},style:(_vm.notTakeQuizAndSubmit ? 'color: #ff6060;' : 'color: #4fb050')},[_vm._v(\" \"+_vm._s(!_vm.notTakeQuizAndSubmit ? _vm.$t(\"congratulation\") : _vm.$t(\"submit-empty-ans\"))+\" \")]):_vm._e(),(!_vm.finishQuizOnTime)?_c('p',{staticClass:\"pt-3 text-left\",staticStyle:{\"font-size\":\"18px\",\"color\":\"#424242\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"notcompletewithinthetime\"))+\" \")]):_vm._e(),(!_vm.finishQuizOnTime)?_c('p',{staticClass:\"pt-3\",staticStyle:{\"font-size\":\"18px\",\"color\":\"#616161\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"youanswerquestion\").replace(\"{0}\", _vm.answeredQuo))+\" \")]):_vm._e(),(_vm.finishQuizOnTime)?_c('p',{staticClass:\"pt-3\",staticStyle:{\"font-size\":\"18px\",\"color\":\"#616161\"}},[_vm._v(\" \"+_vm._s(!_vm.notTakeQuizAndSubmit ? _vm.$t(\"youcompletequizinminutes\").replace( \"{0}\", _vm.formatTime(_vm.elapsedTime) ) : _vm.$t(\"youanswerquestion\").replace(\"{0}\", _vm.answeredQuo))+\" \")]):_vm._e()]),_c('v-card-actions',[_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize white--text mt-5 mb-2\",staticStyle:{\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},attrs:{\"color\":\"#A6CC39\"},on:{\"click\":function($event){return _vm.gotoResultDialog()}}},[_vm._v(_vm._s(_vm.$t(\"next\")))])],1)],1)],1)],1),_c('v-dialog',{attrs:{\"width\":\"350\",\"persistent\":\"\"},model:{value:(_vm.incompleteSubmitDialog),callback:function ($$v) {_vm.incompleteSubmitDialog=$$v},expression:\"incompleteSubmitDialog\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"16px\"}},[_c('v-card-title',{staticClass:\"pt-2 pb-1 pr-3\"},[_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-col',[_c('span',{staticStyle:{\"font-size\":\"20px\",\"color\":\"#363636\",\"font-weight\":\"bold\"}},[_vm._v(_vm._s(_vm.$t(\"result\")))])]),_c('v-col',{staticStyle:{\"text-align\":\"right\"}},[_c('v-btn',{staticStyle:{\"border-radius\":\"8px !important\",\"border\":\"1px solid rgba(66, 66, 66, 0.05)\",\"background-color\":\"transparent\",\"color\":\"#424242\",\"box-shadow\":\"unset\",\"width\":\"23px\"},on:{\"click\":function($event){(_vm.incompleteSubmitDialog = false), _vm.$router.push('/course')}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1)],1)],1),_c('v-divider'),_c('v-card-text',{staticClass:\"pb-1 pt-2\"},[_c('p',{staticClass:\"pt-3 text-left\",staticStyle:{\"font-size\":\"30px\",\"color\":\"#ff6060\",\"font-weight\":\"bolder\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"submit-incomplete-ans\"))+\" \")]),_c('p',{staticClass:\"pt-3\",staticStyle:{\"font-size\":\"18px\",\"color\":\"#616161\"}},[_vm._v(\" \"+_vm._s(_vm.$t(\"youanswerquestion\").replace(\"{0}\", _vm.answeredQuo))+\" \")])]),_c('v-card-actions',[_c('v-row',{attrs:{\"justify\":\"center\",\"no-gutters\":\"\"}},[_c('v-btn',{staticClass:\"text-capitalize white--text mt-5 mb-2\",staticStyle:{\"font-size\":\"16px\",\"border-radius\":\"8px\",\"box-shadow\":\"unset\"},attrs:{\"color\":\"#A6CC39\"},on:{\"click\":function($event){return _vm.gotoResultDialog()}}},[_vm._v(_vm._s(_vm.$t(\"next\")))])],1)],1)],1)],1),_c('v-dialog',{attrs:{\"persistent\":\"\",\"width\":\"800px\",\"height\":\"800px\",\"overflow\":\"hidden\",\"content-class\":\"elevation-0 preview_class\"},model:{value:(_vm.previewimg),callback:function ($$v) {_vm.previewimg=$$v},expression:\"previewimg\"}},[_c('v-card',{attrs:{\"overflow\":\"hidden\",\"color\":\"transparent\"}},[_c('v-card-title',{staticStyle:{\"padding-right\":\"0 !important\"}},[_c('v-spacer'),_c('v-btn',{staticStyle:{\"border-radius\":\"8px !important\",\"border\":\"1px solid #ffffff30\"},attrs:{\"icon\":\"\",\"color\":\"#FFFFFF\"},on:{\"click\":function($event){_vm.previewimg = false}}},[_c('v-icon',[_vm._v(\"mdi-close\")])],1)],1),_c('v-img',{staticStyle:{\"border-radius\":\"8px\",\"margin\":\"auto\"},attrs:{\"width\":\"800px\",\"height\":\"500px\",\"src\":_vm.picturePreview}})],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-container fluid>\r\n      <v-row no-gutters class=\"sticky-timer\">\r\n        <v-col class=\"d-flex justify-center align-center pb-3\">\r\n          <div\r\n            v-if=\"remainingTime !== 0 && !viewAnswer\"\r\n            class=\"d-flex justify-center align-center timerBoxCss\"\r\n          >\r\n            {{ formatTime(remainingTime) }} {{ $t(\"minutes\") }}\r\n          </div>\r\n        </v-col>\r\n      </v-row>\r\n      <v-card v-if=\"!viewAnswer\" style=\"border-radius: 16px; padding: 15px\">\r\n        <div v-for=\"(item1, i) in section_Items\" :key=\"i\">\r\n          <v-row>\r\n            <v-col cols=\"12\">\r\n              <span style=\"font-size: 16px; color: #707070\">{{\r\n                item1.sectionName\r\n              }}</span>\r\n            </v-col>\r\n            <v-col cols=\"12\" class=\"pt-0\">\r\n              <span style=\"font-size: 12px; color: #707070\">{{\r\n                item1.sectionDescription\r\n              }}</span>\r\n            </v-col>\r\n          </v-row>\r\n\r\n          <v-row>\r\n            <v-col cols=\"12\" md=\"11\">\r\n              <v-card\r\n                v-for=\"(item2, i) in item1.questionList\"\r\n                :key=\"i\"\r\n                style=\"\r\n                  background-color: #42424208;\r\n                  border-radius: 8px;\r\n                  box-shadow: unset;\r\n                \"\r\n                class=\"mb-7\"\r\n              >\r\n                <v-row class=\"ma-1 ml-0\">\r\n                  <v-col\r\n                    cols=\"12\"\r\n                    md=\"10\"\r\n                    lg=\"10\"\r\n                    xl=\"10\"\r\n                    style=\"\r\n                      padding-right: 30px !important;\r\n                      padding-bottom: 10px;\r\n                      padding-left: 17px;\r\n                    \"\r\n                  >\r\n                    <span style=\"font-size: 16px; color: #707070\">{{\r\n                      item2.question\r\n                    }}</span>\r\n                  </v-col>\r\n                </v-row>\r\n                <v-row class=\"ma-1 ml-0\">\r\n                  <v-col\r\n                    cols=\"12\"\r\n                    md=\"2\"\r\n                    lg=\"2\"\r\n                    xl=\"2\"\r\n                    style=\"\r\n                      text-align: right;\r\n                      padding-top: 20px;\r\n                      padding-right: 16px;\r\n                      padding-bottom: 10px;\r\n                    \"\r\n                  >\r\n                    <span style=\"font-size: 16px; color: #dbdbdb\">{{\r\n                      item2.questionScore + \" \" + $t(\"score\")\r\n                    }}</span>\r\n                  </v-col>\r\n                </v-row>\r\n                <v-divider\r\n                  class=\"ml-4 mr-4\"\r\n                  style=\"border-color: #7070707f\"\r\n                ></v-divider>\r\n                <!-- QUESTION included images-->\r\n                <v-row v-if=\"item2.questionImge\" class=\"mt-3\">\r\n                  <!-- It is Question's image. -->\r\n                  <v-col class=\"pb-3\" md=\"12\" lg=\"6\" xl=\"6\">\r\n                    <v-img\r\n                      class=\"questionImg_width\"\r\n                      :aspect-ratio=\"15 / 10\"\r\n                      v-bind:src=\"item2.questionImge\"\r\n                    ></v-img>\r\n                  </v-col>\r\n                  <!-- It is for if Answers are images conditions -->\r\n                  <v-col class=\"pb-3\" md=\"12\" lg=\"6\" xl=\"6\">\r\n                    <v-row\r\n                      v-if=\"\r\n                        item2.choiceList.find((x) => x.choiceImge != null)\r\n                          ? true\r\n                          : false\r\n                      \"\r\n                    >\r\n                      <v-col\r\n                        cols=\"12\"\r\n                        xs=\"12\"\r\n                        sm=\"12\"\r\n                        md=\"6\"\r\n                        lg=\"6\"\r\n                        xl=\"6\"\r\n                        class=\"pr-2 pt-2 pb-2 choiceImg_padding\"\r\n                        v-for=\"(item, i) in item2.choiceList\"\r\n                        :key=\"i\"\r\n                      >\r\n                        <v-checkbox\r\n                          class=\"pt-0\"\r\n                          v-if=\"item2.multipleChoice == true\"\r\n                          :label=\"item.choice\"\r\n                          v-model=\"item.userAnswer\"\r\n                          @click=\"\r\n                            checkCorrectAns(item2.questionId, item.choiceId)\r\n                          \"\r\n                          color=\"#4FB14E\"\r\n                          hide-details\r\n                        ></v-checkbox>\r\n                        <v-radio-group\r\n                          v-else\r\n                          hide-details\r\n                          class=\"pt-0\"\r\n                          v-model=\"item2.radio_UserChoice\"\r\n                        >\r\n                          <v-radio\r\n                            @click=\"\r\n                              checkCorrectAns(item2.questionId, item.choiceId),\r\n                                (item.userAnswer = true)\r\n                            \"\r\n                            :value=\"item.choiceId\"\r\n                            :label=\"item.choice\"\r\n                            color=\"#4FB14E\"\r\n                          ></v-radio>\r\n                        </v-radio-group>\r\n                        <v-img\r\n                          v-if=\"item.choiceImge\"\r\n                          :key=\"item.choiceId + 1\"\r\n                          class=\"choiceImg_width\"\r\n                          :aspect-ratio=\"14 / 8\"\r\n                          :src=\"item.choiceImge\"\r\n                        ></v-img>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </v-col>\r\n                  <!-- It is for if Answer  are pure text conditions -->\r\n                  <v-row\r\n                    class=\"pl-4 pb-2\"\r\n                    v-if=\"\r\n                      !item2.choiceList.find((x) => x.choiceImge != null)\r\n                        ? true\r\n                        : false\r\n                    \"\r\n                  >\r\n                    <v-col class=\"pt-1 pb-1\">\r\n                      <v-list style=\"background: transparent\">\r\n                        <!-- Answer Choice List. Choose the correct choice... -->\r\n                        <v-list-item-group multiple class=\"option_sheet\">\r\n                          <!-- WhereChoice(item.questionId) , i -->\r\n                          <template v-for=\"item in item2.choiceList\">\r\n                            <!--  -->\r\n                            <v-list-item v-if=\"item\" :key=\"item.choiceId\">\r\n                              <template>\r\n                                <v-list-item-action>\r\n                                  <v-checkbox\r\n                                    v-if=\"item2.multipleChoice == true\"\r\n                                    @click=\"\r\n                                      checkCorrectAns(\r\n                                        item2.questionId,\r\n                                        item.choiceId\r\n                                      )\r\n                                    \"\r\n                                    v-model=\"item.userAnswer\"\r\n                                    color=\"#4FB14E\"\r\n                                  ></v-checkbox>\r\n                                  <v-radio-group\r\n                                    v-else\r\n                                    hide-details\r\n                                    class=\"mt-0 pt-0\"\r\n                                    v-model=\"item2.radio_UserChoice\"\r\n                                  >\r\n                                    <!-- radio_masterChoice -->\r\n                                    <v-radio\r\n                                      @click=\"\r\n                                        checkCorrectAns(\r\n                                          item2.questionId,\r\n                                          item.choiceId\r\n                                        ),\r\n                                          (item.userAnswer = true)\r\n                                      \"\r\n                                      :value=\"item.choiceId\"\r\n                                      color=\"#4FB14E\"\r\n                                    ></v-radio>\r\n                                  </v-radio-group>\r\n                                </v-list-item-action>\r\n\r\n                                <v-list-item-content\r\n                                  v-if=\"item\"\r\n                                  style=\"padding-right: 26px\"\r\n                                >\r\n                                  <span\r\n                                    style=\"font-size: 16px; color: #424242\"\r\n                                    >{{ item.choice }}</span\r\n                                  >\r\n                                  <v-img\r\n                                    v-if=\"item.choiceImge\"\r\n                                    :key=\"item.choiceId + 1\"\r\n                                    class=\"mb-3\"\r\n                                    :aspect-ratio=\"16 / 9\"\r\n                                    :width=\"170\"\r\n                                    v-bind:src=\"item.choiceImge\"\r\n                                  ></v-img>\r\n                                </v-list-item-content>\r\n                              </template>\r\n                            </v-list-item>\r\n                          </template>\r\n                        </v-list-item-group>\r\n                      </v-list>\r\n                    </v-col>\r\n                  </v-row>\r\n                </v-row>\r\n\r\n                <!-- QUESTION does not included images -->\r\n                <v-row v-else class=\"ma-1\">\r\n                  <!-- It is for if Answers are text -->\r\n                  <v-col\r\n                    v-if=\"\r\n                      !item2.choiceList.find((x) => x.choiceImge != null)\r\n                        ? true\r\n                        : false\r\n                    \"\r\n                    class=\"pt-1 pb-3\"\r\n                  >\r\n                    <v-list style=\"background: transparent\">\r\n                      <!-- Answer Choice List. Choose the correct choice... -->\r\n                      <v-list-item-group multiple class=\"option_sheet\">\r\n                        <!-- WhereChoice(item.questionId) , i -->\r\n                        <template v-for=\"item in item2.choiceList\">\r\n                          <!--  -->\r\n                          <v-list-item v-if=\"item\" :key=\"item.choiceId\">\r\n                            <template>\r\n                              <v-list-item-action>\r\n                                <v-checkbox\r\n                                  v-if=\"item2.multipleChoice == true\"\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    )\r\n                                  \"\r\n                                  v-model=\"item.userAnswer\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-checkbox>\r\n                                <v-radio-group\r\n                                  v-else\r\n                                  hide-details\r\n                                  class=\"mt-0 pt-0\"\r\n                                  v-model=\"item2.radio_UserChoice\"\r\n                                >\r\n                                  <!-- radio_masterChoice -->\r\n                                  <v-radio\r\n                                    @click=\"\r\n                                      checkCorrectAns(\r\n                                        item2.questionId,\r\n                                        item.choiceId\r\n                                      ),\r\n                                        (item.userAnswer = true)\r\n                                    \"\r\n                                    :value=\"item.choiceId\"\r\n                                    color=\"#4FB14E\"\r\n                                  ></v-radio>\r\n                                </v-radio-group>\r\n                              </v-list-item-action>\r\n\r\n                              <v-list-item-content\r\n                                v-if=\"item\"\r\n                                style=\"padding-right: 26px\"\r\n                              >\r\n                                <span style=\"font-size: 16px; color: #424242\">{{\r\n                                  item.choice\r\n                                }}</span>\r\n                                <v-img\r\n                                  v-if=\"item.choiceImge\"\r\n                                  :key=\"item.choiceId + 1\"\r\n                                  class=\"mb-3\"\r\n                                  :aspect-ratio=\"16 / 9\"\r\n                                  :width=\"170\"\r\n                                  v-bind:src=\"item.choiceImge\"\r\n                                ></v-img>\r\n                              </v-list-item-content>\r\n                            </template>\r\n                          </v-list-item>\r\n                        </template>\r\n                      </v-list-item-group>\r\n                    </v-list>\r\n                  </v-col>\r\n                  <!-- It is for if Answers are images -->\r\n                  <v-col v-else class=\"pb-4 pt-1\">\r\n                    <v-row>\r\n                      <v-col\r\n                        cols=\"12\"\r\n                        xs=\"12\"\r\n                        sm=\"12\"\r\n                        md=\"6\"\r\n                        lg=\"6\"\r\n                        xl=\"6\"\r\n                        class=\"pr-2 pt-2 pb-2 choiceImg_padding\"\r\n                        v-for=\"(item, i) in item2.choiceList\"\r\n                        :key=\"i\"\r\n                      >\r\n                        <v-checkbox\r\n                          class=\"pt-0\"\r\n                          v-if=\"item2.multipleChoice == true\"\r\n                          :label=\"item.choice\"\r\n                          v-model=\"item.userAnswer\"\r\n                          @click=\"\r\n                            checkCorrectAns(item2.questionId, item.choiceId)\r\n                          \"\r\n                          color=\"#4FB14E\"\r\n                          hide-details\r\n                        ></v-checkbox>\r\n                        <v-radio-group\r\n                          v-else\r\n                          hide-details\r\n                          class=\"pt-0\"\r\n                          v-model=\"item2.radio_UserChoice\"\r\n                        >\r\n                          <v-radio\r\n                            @click=\"\r\n                              checkCorrectAns(item2.questionId, item.choiceId),\r\n                                (item.userAnswer = true)\r\n                            \"\r\n                            :value=\"item.choiceId\"\r\n                            :label=\"item.choice\"\r\n                            color=\"#4FB14E\"\r\n                          ></v-radio>\r\n                        </v-radio-group>\r\n                        <v-img\r\n                          v-if=\"item.choiceImge\"\r\n                          :key=\"item.choiceId + 1\"\r\n                          class=\"choiceImg_width\"\r\n                          :aspect-ratio=\"14 / 8\"\r\n                          :src=\"item.choiceImge\"\r\n                        ></v-img>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </v-col>\r\n                </v-row>\r\n                <v-row v-if=\"item2.ansNotSubmit\" :key=\"i\" class=\"mt-0\">\r\n                  <!-- 43px -->\r\n                  <v-col class=\"pt-0\" style=\"padding-left: 30px\">\r\n                    <v-icon class=\"mr-2\" color=\"#D52A2A\"\r\n                      >mdi-alert-circle-outline</v-icon\r\n                    >\r\n                    <span style=\"font-size: 16px; color: #d52a2a\">{{\r\n                      $t(\"itisnecessarytoanswerquestion\")\r\n                    }}</span>\r\n                  </v-col>\r\n                </v-row>\r\n              </v-card>\r\n              <v-row>\r\n                <v-col style=\"text-align: center; padding-right: 15px\">\r\n                  <v-btn\r\n                    v-if=\"nextQuizSection\"\r\n                    @click=\"clickBack()\"\r\n                    class=\"text-capitalize mr-3\"\r\n                    style=\"\r\n                      color: #424242;\r\n                      background-color: #f0f0f0;\r\n                      font-size: 16px;\r\n                      border-radius: 8px;\r\n                      box-shadow: unset;\r\n                    \"\r\n                    >{{ $t(\"back\") }}</v-btn\r\n                  >\r\n                  <v-btn\r\n                    v-if=\"lastQuizSection\"\r\n                    @click=\"submitQuiz()\"\r\n                    class=\"text-capitalize\"\r\n                    style=\"\r\n                      color: #ffffff;\r\n                      background-color: #a6cc39;\r\n                      font-size: 16px;\r\n                      border-radius: 8px;\r\n                      box-shadow: unset;\r\n                    \"\r\n                    >{{ $t(\"submit\") }}</v-btn\r\n                  >\r\n                  <v-btn\r\n                    v-if=\"!lastQuizSection\"\r\n                    @click=\"clickNext()\"\r\n                    class=\"text-capitalize\"\r\n                    style=\"\r\n                      color: #ffffff;\r\n                      background-color: #a6cc39;\r\n                      font-size: 16px;\r\n                      border-radius: 8px;\r\n                      box-shadow: unset;\r\n                    \"\r\n                    >{{ $t(\"next\") }}</v-btn\r\n                  >\r\n                </v-col>\r\n              </v-row>\r\n            </v-col>\r\n          </v-row>\r\n        </div>\r\n      </v-card>\r\n\r\n      <!-- view answer detail -->\r\n      <v-card v-else style=\"border-radius: 16px; padding: 15px\">\r\n        <div v-for=\"(item1, i) in section_Items\" :key=\"i\">\r\n          <v-row>\r\n            <v-col cols=\"12\">\r\n              <span style=\"font-size: 32px; color: #424242\">{{\r\n                item1.sectionName\r\n              }}</span>\r\n            </v-col>\r\n            <v-col cols=\"12\" class=\"pt-0\">\r\n              <span style=\"font-size: 20px; color: #616161\">{{\r\n                item1.sectionDescription\r\n              }}</span>\r\n            </v-col>\r\n          </v-row>\r\n\r\n          <v-row>\r\n            <v-col cols=\"12\" md=\"11\" lg=\"11\">\r\n              <v-card\r\n                v-for=\"(item2, i) in item1.questionList\"\r\n                :key=\"i\"\r\n                style=\"\r\n                  background-color: #42424208;\r\n                  border-radius: 8px;\r\n                  box-shadow: unset;\r\n                \"\r\n                class=\"mb-7\"\r\n              >\r\n                <!--Quiz's Question WhereQuestion(item1.sectionId) -->\r\n                <v-row class=\"ma-1 ml-0\">\r\n                  <v-col\r\n                    cols=\"11\"\r\n                    md=\"10\"\r\n                    lg=\"10\"\r\n                    xl=\"10\"\r\n                    style=\"\r\n                      padding-right: 30px !important;\r\n                      padding-bottom: 10px;\r\n                      padding-left: 17px;\r\n                    \"\r\n                  >\r\n                    <span style=\"font-size: 20px; color: #424242\">{{\r\n                      item2.question\r\n                    }}</span>\r\n                  </v-col>\r\n                  <v-col\r\n                    cols=\"11\"\r\n                    md=\"2\"\r\n                    lg=\"2\"\r\n                    xl=\"2\"\r\n                    style=\"\r\n                      text-align: right;\r\n                      padding-top: 20px;\r\n                      padding-right: 16px;\r\n                      padding-bottom: 10px;\r\n                    \"\r\n                  >\r\n                    <span style=\"font-size: 16px; color: #616161\">{{\r\n                      item2.thisQuesRusult + \" / \" + item2.questionScore\r\n                    }}</span>\r\n                  </v-col>\r\n                </v-row>\r\n                <v-divider\r\n                  class=\"ml-4 mr-4\"\r\n                  style=\"border-color: #7070707f\"\r\n                ></v-divider>\r\n                <!-- QUESTION included images, that will show here.. -->\r\n                <v-row v-if=\"item2.questionImge\" class=\"mt-3\">\r\n                  <!-- It is Question's image. -->\r\n                  <v-col class=\"pb-3\" lg=\"5\" xl=\"5\">\r\n                    <v-img\r\n                      class=\"questionImg_width\"\r\n                      :aspect-ratio=\"15 / 10\"\r\n                      v-bind:src=\"item2.questionImge\"\r\n                    ></v-img>\r\n                  </v-col>\r\n                  <!-- It is for if Answers are images conditions -->\r\n                  <v-col class=\"pb-3\" lg=\"7\" xl=\"7\">\r\n                    <v-row\r\n                      v-if=\"\r\n                        item2.choiceList.find((x) => x.choiceImge != null)\r\n                          ? true\r\n                          : false\r\n                      \"\r\n                    >\r\n                      <v-col\r\n                        cols=\"11\"\r\n                        xs=\"11\"\r\n                        sm=\"11\"\r\n                        md=\"6\"\r\n                        lg=\"6\"\r\n                        xl=\"6\"\r\n                        class=\"pr-2 pt-2 pb-2 choiceImg_padding\"\r\n                        v-for=\"(item, i) in item2.choiceList\"\r\n                        :key=\"i\"\r\n                        style=\"display: flex; justify-content: flex-start\"\r\n                      >\r\n                        <v-card\r\n                          class=\"mt-4 ml-3\"\r\n                          v-if=\"item.choiceImge\"\r\n                          style=\"\r\n                            border-radius: 16px;\r\n                            padding-left: 8px;\r\n                            box-shadow: unset;\r\n                            padding-top: 10px;\r\n                          \"\r\n                          height=\"169\"\r\n                          width=\"225\"\r\n                          :style=\"[\r\n                            show_CorrectAns1\r\n                              ? show_CorrectAns2\r\n                                ? item.choiceAnswerMaster == true\r\n                                  ? { background: '#A6CC391C' }\r\n                                  : item.userAnswer == true\r\n                                  ? { background: '#FF60601F' }\r\n                                  : { background: 'transparent' }\r\n                                : item.userAnswer != null\r\n                                ? item.userAnswer == true\r\n                                  ? item.choiceAnswerMaster == true\r\n                                    ? { background: '#A6CC391C' }\r\n                                    : { background: '#FF60601F' }\r\n                                  : { background: '#FF60601F' }\r\n                                : { background: 'transparent' }\r\n                              : {},\r\n                          ]\"\r\n                        >\r\n                          <v-row>\r\n                            <v-col\r\n                              cols=\"9\"\r\n                              md=\"9\"\r\n                              sm=\"9\"\r\n                              xs=\"8\"\r\n                              style=\"\r\n                                padding-bottom: 11px !important;\r\n                                padding-right: 0;\r\n                              \"\r\n                            >\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_green mt-0\"\r\n                                v-if=\"\r\n                                  item2.multipleChoice == true &&\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer != null\r\n                                \"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_green mt-0\"\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == true &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_grey mt-0\"\r\n                                v-else-if=\"item2.multipleChoice == true\"\r\n                                v-model=\"item.userAnswer\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#A4A4A4\"\r\n                              ></v-checkbox>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2 || show_CorrectAns1\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == true\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  item2.multipleChoice == false &&\r\n                                  item.userAnswer == true &&\r\n                                  item.choiceAnswerMaster == false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.userAnswer == null &&\r\n                                      item.choiceAnswerMaster == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns1 && !show_CorrectAns2\r\n                                    ? item2.multipleChoice == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n                            </v-col>\r\n                            <v-col\r\n                              cols=\"3\"\r\n                              md=\"2\"\r\n                              sm=\"2\"\r\n                              xs=\"2\"\r\n                              style=\"padding-left: 0\"\r\n                            >\r\n                              <!-- showing true or false of user choice -->\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#4FB14E\"\r\n                                >mdi-check-bold</v-icon\r\n                              >\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == false &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#FF6060\"\r\n                                >mdi-window-close</v-icon\r\n                              >\r\n                            </v-col>\r\n                          </v-row>\r\n                          <v-img\r\n                            v-if=\"item.choiceImge\"\r\n                            :key=\"item.choiceId + 1\"\r\n                            class=\"choiceImg_width\"\r\n                            :aspect-ratio=\"14 / 8\"\r\n                            :src=\"item.choiceImge\"\r\n                          ></v-img>\r\n                        </v-card>\r\n\r\n                        <!-- for text choice mix with image choice -->\r\n                        <v-row\r\n                          v-if=\"item.choiceImge == null\"\r\n                          class=\"mt-3\"\r\n                          style=\"display: unset\"\r\n                        >\r\n                          <v-list-item class=\"pl-7 mr-2\">\r\n                            <v-col\r\n                              md=\"10\"\r\n                              style=\"\r\n                                border-bottom-left-radius: 8px;\r\n                                border-top-left-radius: 8px;\r\n                                padding: 8px;\r\n                                box-shadow: unset;\r\n                                padding-bottom: 11px !important;\r\n                              \"\r\n                              :style=\"[\r\n                                show_CorrectAns1\r\n                                  ? show_CorrectAns2\r\n                                    ? item.choiceAnswerMaster == true\r\n                                      ? { background: '#A6CC391C' }\r\n                                      : item.userAnswer == true\r\n                                      ? { background: '#FF60601F' }\r\n                                      : { background: 'transparent' }\r\n                                    : item.userAnswer != null\r\n                                    ? item.userAnswer == true\r\n                                      ? item.choiceAnswerMaster == true\r\n                                        ? { background: '#A6CC391C' }\r\n                                        : { background: '#FF60601F' }\r\n                                      : { background: '#FF60601F' }\r\n                                    : { background: 'transparent' }\r\n                                  : {},\r\n                              ]\"\r\n                            >\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_green mt-0\"\r\n                                v-if=\"\r\n                                  item2.multipleChoice == true &&\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer != null\r\n                                \"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_green mt-0\"\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == true &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_grey mt-0\"\r\n                                v-else-if=\"item2.multipleChoice == true\"\r\n                                v-model=\"item.userAnswer\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#A4A4A4\"\r\n                              ></v-checkbox>\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2 || show_CorrectAns1\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == true\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  item2.multipleChoice == false &&\r\n                                  item.userAnswer == true &&\r\n                                  item.choiceAnswerMaster == false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.userAnswer == null &&\r\n                                      item.choiceAnswerMaster == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns1 && !show_CorrectAns2\r\n                                    ? item2.multipleChoice == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n                            </v-col>\r\n                            <v-col\r\n                              md=\"2\"\r\n                              style=\"\r\n                                border-bottom-right-radius: 8px;\r\n                                border-top-right-radius: 8px;\r\n                                padding: 8px;\r\n                                box-shadow: unset;\r\n                                padding-left: 0;\r\n                                padding-bottom: 11px !important;\r\n                              \"\r\n                              :style=\"[\r\n                                show_CorrectAns1\r\n                                  ? show_CorrectAns2\r\n                                    ? item.choiceAnswerMaster == true\r\n                                      ? { background: '#A6CC391C' }\r\n                                      : item.userAnswer == true\r\n                                      ? { background: '#FF60601F' }\r\n                                      : { background: 'transparent' }\r\n                                    : item.userAnswer != null\r\n                                    ? item.userAnswer == true\r\n                                      ? item.choiceAnswerMaster == true\r\n                                        ? { background: '#A6CC391C' }\r\n                                        : { background: '#FF60601F' }\r\n                                      : { background: '#FF60601F' }\r\n                                    : { background: 'transparent' }\r\n                                  : {},\r\n                              ]\"\r\n                            >\r\n                              <!-- showing true or false of user choice -->\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#4FB14E\"\r\n                                >mdi-check-bold</v-icon\r\n                              >\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == false &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#FF6060\"\r\n                                >mdi-window-close</v-icon\r\n                              >\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer == null\r\n                                \"\r\n                                color=\"transparent\"\r\n                                >mdi-window-close</v-icon\r\n                              >\r\n                            </v-col>\r\n                          </v-list-item>\r\n                        </v-row>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </v-col>\r\n\r\n                  <!-- It is for if Answers are pure text -->\r\n                  <v-col\r\n                    cols=\"12\"\r\n                    lg=\"12\"\r\n                    xl=\"12\"\r\n                    v-if=\"\r\n                      !item2.choiceList.find((x) => x.choiceImge != null)\r\n                        ? true\r\n                        : false\r\n                    \"\r\n                  >\r\n                    <v-row class=\"pl-4 pb-2 pr-4\">\r\n                      <v-col class=\"pt-1 pb-0\">\r\n                        <v-list style=\"background: transparent\">\r\n                          <!-- Answer Choice List. Choose the correct choice... -->\r\n                          <v-list-item-group multiple class=\"option_sheet\">\r\n                            <!-- WhereChoice(item.questionId) , i -->\r\n                            <template v-for=\"item in item2.choiceList\">\r\n                              <!--  -->\r\n                              <v-list-item\r\n                                disabled\r\n                                class=\"viewans_\"\r\n                                v-if=\"item\"\r\n                                :key=\"item.choiceId\"\r\n                                style=\"\r\n                                  border-radius: 8px;\r\n                                  height: 32px;\r\n                                  margin-bottom: 10px;\r\n                                \"\r\n                                :style=\"[\r\n                                  show_CorrectAns1\r\n                                    ? show_CorrectAns2\r\n                                      ? item.choiceAnswerMaster == true\r\n                                        ? { background: '#A6CC391C' }\r\n                                        : item.userAnswer == true\r\n                                        ? { background: '#FF60601F' }\r\n                                        : { background: 'transparent' }\r\n                                      : item.userAnswer != null\r\n                                      ? item.userAnswer == true\r\n                                        ? item.choiceAnswerMaster == true\r\n                                          ? { background: '#A6CC391C' }\r\n                                          : { background: '#FF60601F' }\r\n                                        : { background: '#FF60601F' }\r\n                                      : { background: 'transparent' }\r\n                                    : {},\r\n                                ]\"\r\n                              >\r\n                                <v-list-item-action>\r\n                                  <v-checkbox\r\n                                    disabled\r\n                                    class=\"disable_green\"\r\n                                    v-if=\"\r\n                                      item2.multipleChoice == true &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer != null\r\n                                    \"\r\n                                    v-model=\"item.choiceAnswerMaster\"\r\n                                    color=\"#4FB14E\"\r\n                                  ></v-checkbox>\r\n                                  <v-checkbox\r\n                                    disabled\r\n                                    class=\"disable_green\"\r\n                                    v-model=\"item.choiceAnswerMaster\"\r\n                                    v-else-if=\"\r\n                                      show_CorrectAns2\r\n                                        ? item2.multipleChoice == true &&\r\n                                          item.choiceAnswerMaster == true &&\r\n                                          item.userAnswer == null\r\n                                          ? true\r\n                                          : false\r\n                                        : false\r\n                                    \"\r\n                                    color=\"#4FB14E\"\r\n                                  ></v-checkbox>\r\n                                  <v-checkbox\r\n                                    disabled\r\n                                    class=\"disable_grey\"\r\n                                    v-else-if=\"item2.multipleChoice == true\"\r\n                                    v-model=\"item.userAnswer\"\r\n                                    color=\"#A4A4A4\"\r\n                                  ></v-checkbox>\r\n                                  <v-radio-group\r\n                                    disabled\r\n                                    v-if=\"\r\n                                      show_CorrectAns2\r\n                                        ? item2.multipleChoice == false &&\r\n                                          item.choiceAnswerMaster == true &&\r\n                                          item.userAnswer == null\r\n                                          ? true\r\n                                          : false\r\n                                        : false\r\n                                    \"\r\n                                    hide-details\r\n                                    class=\"mt-0 pt-0 disable_radio_green\"\r\n                                    v-model=\"item2.radio_masterChoice\"\r\n                                  >\r\n                                    <v-radio\r\n                                      @click=\"\r\n                                        checkCorrectAns(\r\n                                          item2.questionId,\r\n                                          item.choiceId\r\n                                        ),\r\n                                          (item.userAnswer = true)\r\n                                      \"\r\n                                      :value=\"item.choiceId\"\r\n                                      color=\"#4FB14E\"\r\n                                    ></v-radio>\r\n                                  </v-radio-group>\r\n\r\n                                  <v-radio-group\r\n                                    disabled\r\n                                    v-if=\"\r\n                                      show_CorrectAns2 || show_CorrectAns1\r\n                                        ? item2.multipleChoice == false &&\r\n                                          item.choiceAnswerMaster == true &&\r\n                                          item.userAnswer == true\r\n                                          ? true\r\n                                          : false\r\n                                        : false\r\n                                    \"\r\n                                    hide-details\r\n                                    class=\"mt-0 pt-0 disable_radio_green\"\r\n                                    v-model=\"item2.radio_masterChoice\"\r\n                                  >\r\n                                    <v-radio\r\n                                      @click=\"\r\n                                        checkCorrectAns(\r\n                                          item2.questionId,\r\n                                          item.choiceId\r\n                                        ),\r\n                                          (item.userAnswer = true)\r\n                                      \"\r\n                                      :value=\"item.choiceId\"\r\n                                      color=\"#4FB14E\"\r\n                                    ></v-radio>\r\n                                  </v-radio-group>\r\n\r\n                                  <v-radio-group\r\n                                    disabled\r\n                                    v-if=\"\r\n                                      item2.multipleChoice == false &&\r\n                                      item.userAnswer == true &&\r\n                                      item.choiceAnswerMaster == false\r\n                                    \"\r\n                                    hide-details\r\n                                    class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                    v-model=\"item2.radio_UserChoice\"\r\n                                  >\r\n                                    <v-radio\r\n                                      @click=\"\r\n                                        checkCorrectAns(\r\n                                          item2.questionId,\r\n                                          item.choiceId\r\n                                        ),\r\n                                          (item.userAnswer = true)\r\n                                      \"\r\n                                      :value=\"item.choiceId\"\r\n                                      color=\"#4FB14E\"\r\n                                    ></v-radio>\r\n                                  </v-radio-group>\r\n\r\n                                  <v-radio-group\r\n                                    disabled\r\n                                    v-else-if=\"\r\n                                      show_CorrectAns2\r\n                                        ? item2.multipleChoice == false &&\r\n                                          item.userAnswer == null &&\r\n                                          item.choiceAnswerMaster == false\r\n                                          ? true\r\n                                          : false\r\n                                        : false\r\n                                    \"\r\n                                    hide-details\r\n                                    class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                    v-model=\"item2.radio_UserChoice\"\r\n                                  >\r\n                                    <v-radio\r\n                                      @click=\"\r\n                                        checkCorrectAns(\r\n                                          item2.questionId,\r\n                                          item.choiceId\r\n                                        ),\r\n                                          (item.userAnswer = true)\r\n                                      \"\r\n                                      :value=\"item.choiceId\"\r\n                                      color=\"#4FB14E\"\r\n                                    ></v-radio>\r\n                                  </v-radio-group>\r\n\r\n                                  <v-radio-group\r\n                                    disabled\r\n                                    v-else-if=\"\r\n                                      show_CorrectAns1 && !show_CorrectAns2\r\n                                        ? item2.multipleChoice == false &&\r\n                                          item.userAnswer == null\r\n                                          ? true\r\n                                          : false\r\n                                        : false\r\n                                    \"\r\n                                    hide-details\r\n                                    class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                    v-model=\"item2.radio_UserChoice\"\r\n                                  >\r\n                                    <v-radio\r\n                                      @click=\"\r\n                                        checkCorrectAns(\r\n                                          item2.questionId,\r\n                                          item.choiceId\r\n                                        ),\r\n                                          (item.userAnswer = true)\r\n                                      \"\r\n                                      :value=\"item.choiceId\"\r\n                                      color=\"#4FB14E\"\r\n                                    ></v-radio>\r\n                                  </v-radio-group>\r\n                                  <!-- radio bug -->\r\n                                </v-list-item-action>\r\n\r\n                                <v-list-item-content\r\n                                  v-if=\"item\"\r\n                                  style=\"padding-right: 26px\"\r\n                                >\r\n                                  <span\r\n                                    style=\"font-size: 16px; color: #424242\"\r\n                                    >{{ item.choice }}</span\r\n                                  >\r\n                                  <v-img\r\n                                    v-if=\"item.choiceImge\"\r\n                                    :key=\"item.choiceId + 1\"\r\n                                    class=\"mb-3\"\r\n                                    :aspect-ratio=\"16 / 9\"\r\n                                    :width=\"170\"\r\n                                    v-bind:src=\"item.choiceImge\"\r\n                                  ></v-img>\r\n                                </v-list-item-content>\r\n\r\n                                <v-list-item-action>\r\n                                  <v-icon\r\n                                    v-if=\"\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == true\r\n                                    \"\r\n                                    color=\"#4FB14E\"\r\n                                    >mdi-check-bold</v-icon\r\n                                  >\r\n                                  <v-icon\r\n                                    v-if=\"\r\n                                      item.choiceAnswerMaster == false &&\r\n                                      item.userAnswer == true\r\n                                    \"\r\n                                    color=\"#FF6060\"\r\n                                    >mdi-window-close</v-icon\r\n                                  >\r\n                                </v-list-item-action>\r\n                              </v-list-item>\r\n                            </template>\r\n                          </v-list-item-group>\r\n                        </v-list>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </v-col>\r\n                </v-row>\r\n\r\n                <!--QUESTION does not include images => Both master & user answers-->\r\n                <v-row v-else class=\"ma-1\">\r\n                  <!-- It is for if Answers are text -->\r\n                  <v-col\r\n                    v-if=\"\r\n                      !item2.choiceList.find((x) => x.choiceImge != null)\r\n                        ? true\r\n                        : false\r\n                    \"\r\n                    class=\"pt-1 pb-3\"\r\n                  >\r\n                    <v-list style=\"background: transparent\">\r\n                      <!-- Answer Choice List. Choose the correct choice... -->\r\n                      <v-list-item-group multiple class=\"option_sheet\">\r\n                        <!-- WhereChoice(item.questionId) , i -->\r\n                        <template v-for=\"item in item2.choiceList\">\r\n                          <!--  -->\r\n                          <v-list-item\r\n                            disabled\r\n                            class=\"viewans_\"\r\n                            v-if=\"item\"\r\n                            :key=\"item.choiceId\"\r\n                            style=\"\r\n                              border-radius: 8px;\r\n                              height: 32px;\r\n                              margin-bottom: 10px;\r\n                            \"\r\n                            :style=\"[\r\n                              show_CorrectAns1\r\n                                ? show_CorrectAns2\r\n                                  ? item.choiceAnswerMaster == true\r\n                                    ? { background: '#A6CC391C' }\r\n                                    : item.userAnswer == true\r\n                                    ? { background: '#FF60601F' }\r\n                                    : { background: 'transparent' }\r\n                                  : item.userAnswer != null\r\n                                  ? item.userAnswer == true\r\n                                    ? item.choiceAnswerMaster == true\r\n                                      ? { background: '#A6CC391C' }\r\n                                      : { background: '#FF60601F' }\r\n                                    : { background: '#FF60601F' }\r\n                                  : { background: 'transparent' }\r\n                                : {},\r\n                            ]\"\r\n                          >\r\n                            <v-list-item-action>\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_green mt-0\"\r\n                                v-if=\"\r\n                                  item2.multipleChoice == true &&\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer != null\r\n                                \"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_green mt-0\"\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == true &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n\r\n                              <v-checkbox\r\n                                disabled\r\n                                class=\"disable_grey\"\r\n                                v-else-if=\"item2.multipleChoice == true\"\r\n                                v-model=\"item.userAnswer\"\r\n                                color=\"#A4A4A4\"\r\n                              ></v-checkbox>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2 || show_CorrectAns1\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == true\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  item2.multipleChoice == false &&\r\n                                  item.userAnswer == true &&\r\n                                  item.choiceAnswerMaster == false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.userAnswer == null &&\r\n                                      item.choiceAnswerMaster == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns1 && !show_CorrectAns2\r\n                                    ? item2.multipleChoice == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n                            </v-list-item-action>\r\n\r\n                            <v-list-item-content\r\n                              v-if=\"item\"\r\n                              style=\"padding-right: 26px\"\r\n                            >\r\n                              <span style=\"font-size: 16px; color: #424242\">{{\r\n                                item.choice\r\n                              }}</span>\r\n                              <v-img\r\n                                v-if=\"item.choiceImge\"\r\n                                :key=\"item.choiceId + 1\"\r\n                                class=\"mb-3\"\r\n                                :aspect-ratio=\"16 / 9\"\r\n                                :width=\"170\"\r\n                                v-bind:src=\"item.choiceImge\"\r\n                              ></v-img>\r\n                            </v-list-item-content>\r\n\r\n                            <v-list-item-action>\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#4FB14E\"\r\n                                >mdi-check-bold</v-icon\r\n                              >\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == false &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#FF6060\"\r\n                                >mdi-window-close</v-icon\r\n                              >\r\n                            </v-list-item-action>\r\n                          </v-list-item>\r\n                        </template>\r\n                      </v-list-item-group>\r\n                    </v-list>\r\n                  </v-col>\r\n                  <!-- It is for if Answers are images -->\r\n                  <v-col v-else class=\"pb-4 pt-1\">\r\n                    <v-row>\r\n                      <v-col\r\n                        cols=\"11\"\r\n                        xs=\"11\"\r\n                        sm=\"11\"\r\n                        md=\"6\"\r\n                        lg=\"6\"\r\n                        xl=\"6\"\r\n                        class=\"pr-2 pt-2 pb-2 choiceImg_padding\"\r\n                        v-for=\"(item, i) in item2.choiceList\"\r\n                        :key=\"i\"\r\n                        style=\"display: flex; justify-content: flex-start\"\r\n                      >\r\n                        <v-card\r\n                          class=\"mt-4 ml-3\"\r\n                          v-if=\"item.choiceImge\"\r\n                          style=\"\r\n                            border-radius: 16px;\r\n                            padding-left: 8px;\r\n                            box-shadow: unset;\r\n                            padding-top: 10px;\r\n                          \"\r\n                          height=\"169\"\r\n                          width=\"225\"\r\n                          :style=\"[\r\n                            show_CorrectAns1\r\n                              ? show_CorrectAns2\r\n                                ? item.choiceAnswerMaster == true\r\n                                  ? { background: '#A6CC391C' }\r\n                                  : item.userAnswer == true\r\n                                  ? { background: '#FF60601F' }\r\n                                  : { background: 'transparent' }\r\n                                : item.userAnswer != null\r\n                                ? item.userAnswer == true\r\n                                  ? item.choiceAnswerMaster == true\r\n                                    ? { background: '#A6CC391C' }\r\n                                    : { background: '#FF60601F' }\r\n                                  : { background: '#FF60601F' }\r\n                                : { background: 'transparent' }\r\n                              : {},\r\n                          ]\"\r\n                        >\r\n                          <v-row>\r\n                            <v-col\r\n                              cols=\"9\"\r\n                              md=\"9\"\r\n                              sm=\"9\"\r\n                              xs=\"8\"\r\n                              style=\"\r\n                                padding-bottom: 11px !important;\r\n                                padding-right: 0;\r\n                              \"\r\n                            >\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_green mt-0\"\r\n                                v-if=\"\r\n                                  item2.multipleChoice == true &&\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer != null\r\n                                \"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_grey mt-0\"\r\n                                :label=\"item.choice\"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == true &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_grey mt-0\"\r\n                                v-else-if=\"item2.multipleChoice == true\"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#A4A4A4\"\r\n                              ></v-checkbox>\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2 || show_CorrectAns1\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == true\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  item2.multipleChoice == false &&\r\n                                  item.userAnswer == true &&\r\n                                  item.choiceAnswerMaster == false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.userAnswer == null &&\r\n                                      item.choiceAnswerMaster == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns1 && !show_CorrectAns2\r\n                                    ? item2.multipleChoice == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n                            </v-col>\r\n                            <v-col\r\n                              cols=\"3\"\r\n                              md=\"2\"\r\n                              sm=\"9\"\r\n                              xs=\"2\"\r\n                              style=\"padding-left: 0\"\r\n                            >\r\n                              <!-- showing true or false of user choice -->\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#4FB14E\"\r\n                                >mdi-check-bold</v-icon\r\n                              >\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == false &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#FF6060\"\r\n                                >mdi-window-close</v-icon\r\n                              >\r\n                            </v-col>\r\n                          </v-row>\r\n\r\n                          <v-img\r\n                            v-if=\"item.choiceImge\"\r\n                            :key=\"item.choiceId + 1\"\r\n                            class=\"choiceImg_width\"\r\n                            :aspect-ratio=\"14 / 8\"\r\n                            :src=\"item.choiceImge\"\r\n                          ></v-img>\r\n                        </v-card>\r\n\r\n                        <!-- for text choice mix with image choice -->\r\n                        <v-row\r\n                          v-if=\"item.choiceImge == null\"\r\n                          class=\"mt-3\"\r\n                          style=\"display: unset\"\r\n                        >\r\n                          <v-list-item class=\"pl-7 mr-2\">\r\n                            <v-col\r\n                              cols=\"12\"\r\n                              md=\"10\"\r\n                              sm=\"9\"\r\n                              xs=\"8\"\r\n                              style=\"\r\n                                border-bottom-left-radius: 8px;\r\n                                border-top-left-radius: 8px;\r\n                                padding: 8px;\r\n                                box-shadow: unset;\r\n                                padding-bottom: 11px !important;\r\n                              \"\r\n                              :style=\"[\r\n                                show_CorrectAns1\r\n                                  ? show_CorrectAns2\r\n                                    ? item.choiceAnswerMaster == true\r\n                                      ? { background: '#A6CC391C' }\r\n                                      : item.userAnswer == true\r\n                                      ? { background: '#FF60601F' }\r\n                                      : { background: 'transparent' }\r\n                                    : item.userAnswer != null\r\n                                    ? item.userAnswer == true\r\n                                      ? item.choiceAnswerMaster == true\r\n                                        ? { background: '#A6CC391C' }\r\n                                        : { background: '#FF60601F' }\r\n                                      : { background: '#FF60601F' }\r\n                                    : { background: 'transparent' }\r\n                                  : {},\r\n                              ]\"\r\n                            >\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_green mt-0\"\r\n                                v-if=\"\r\n                                  item2.multipleChoice == true &&\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer != null\r\n                                \"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_grey mt-0\"\r\n                                :label=\"item.choice\"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == true &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                color=\"#4FB14E\"\r\n                              ></v-checkbox>\r\n                              <v-checkbox\r\n                                disabled\r\n                                hide-details\r\n                                class=\"disable_grey mt-0\"\r\n                                v-else-if=\"item2.multipleChoice == true\"\r\n                                v-model=\"item.choiceAnswerMaster\"\r\n                                :label=\"item.choice\"\r\n                                color=\"#A4A4A4\"\r\n                              ></v-checkbox>\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == null\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-if=\"\r\n                                  show_CorrectAns2 || show_CorrectAns1\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.choiceAnswerMaster == true &&\r\n                                      item.userAnswer == true\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_green\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  item2.multipleChoice == false &&\r\n                                  item.userAnswer == true &&\r\n                                  item.choiceAnswerMaster == false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_UserChoice\"\r\n                              >\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns2\r\n                                    ? item2.multipleChoice == false &&\r\n                                      item.userAnswer == null &&\r\n                                      item.choiceAnswerMaster == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <!-- radio_UserChoice -->\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n\r\n                              <v-radio-group\r\n                                disabled\r\n                                v-else-if=\"\r\n                                  show_CorrectAns1 && !show_CorrectAns2\r\n                                    ? item2.multipleChoice == false\r\n                                      ? true\r\n                                      : false\r\n                                    : false\r\n                                \"\r\n                                hide-details\r\n                                class=\"mt-0 pt-0 disable_radio_grey\"\r\n                                v-model=\"item2.radio_masterChoice\"\r\n                              >\r\n                                <!-- radio_UserChoice -->\r\n                                <v-radio\r\n                                  @click=\"\r\n                                    checkCorrectAns(\r\n                                      item2.questionId,\r\n                                      item.choiceId\r\n                                    ),\r\n                                      (item.userAnswer = true)\r\n                                  \"\r\n                                  :value=\"item.choiceId\"\r\n                                  :label=\"item.choice\"\r\n                                  color=\"#4FB14E\"\r\n                                ></v-radio>\r\n                              </v-radio-group>\r\n                            </v-col>\r\n                            <v-col\r\n                              cols=\"12\"\r\n                              md=\"2\"\r\n                              sm=\"2\"\r\n                              xs=\"2\"\r\n                              style=\"\r\n                                border-bottom-right-radius: 8px;\r\n                                border-top-right-radius: 8px;\r\n                                padding: 8px;\r\n                                box-shadow: unset;\r\n                                padding-left: 0;\r\n                                padding-bottom: 11px !important;\r\n                              \"\r\n                              :style=\"[\r\n                                show_CorrectAns1\r\n                                  ? show_CorrectAns2\r\n                                    ? item.choiceAnswerMaster == true\r\n                                      ? { background: '#A6CC391C' }\r\n                                      : item.userAnswer == true\r\n                                      ? { background: '#FF60601F' }\r\n                                      : { background: 'transparent' }\r\n                                    : item.userAnswer != null\r\n                                    ? item.userAnswer == true\r\n                                      ? item.choiceAnswerMaster == true\r\n                                        ? { background: '#A6CC391C' }\r\n                                        : { background: '#FF60601F' }\r\n                                      : { background: '#FF60601F' }\r\n                                    : { background: 'transparent' }\r\n                                  : {},\r\n                              ]\"\r\n                            >\r\n                              <!-- showing true or false of user choice -->\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#4FB14E\"\r\n                                >mdi-check-bold</v-icon\r\n                              >\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == false &&\r\n                                  item.userAnswer == true\r\n                                \"\r\n                                color=\"#FF6060\"\r\n                                >mdi-window-close</v-icon\r\n                              >\r\n                              <v-icon\r\n                                v-if=\"\r\n                                  item.choiceAnswerMaster == true &&\r\n                                  item.userAnswer == null\r\n                                \"\r\n                                color=\"transparent\"\r\n                                >mdi-window-close</v-icon\r\n                              >\r\n                            </v-col>\r\n                          </v-list-item>\r\n                        </v-row>\r\n                      </v-col>\r\n                    </v-row>\r\n                  </v-col>\r\n                </v-row>\r\n              </v-card>\r\n              <v-row>\r\n                <v-col style=\"text-align: center\">\r\n                  <v-btn\r\n                    v-if=\"nextQuizSection\"\r\n                    @click=\"clickBack()\"\r\n                    class=\"text-capitalize mr-3\"\r\n                    style=\"\r\n                      color: #424242;\r\n                      background-color: #f0f0f0;\r\n                      font-size: 16px;\r\n                      border-radius: 8px;\r\n                      box-shadow: unset;\r\n                    \"\r\n                    >{{ $t(\"back\") }}</v-btn\r\n                  >\r\n                  <v-btn\r\n                    v-if=\"lastQuizSection\"\r\n                    @click=\"clickFinished()\"\r\n                    class=\"text-capitalize\"\r\n                    style=\"\r\n                      color: #ffffff;\r\n                      background-color: #a6cc39;\r\n                      font-size: 16px;\r\n                      border-radius: 8px;\r\n                      box-shadow: unset;\r\n                    \"\r\n                    >{{ $t(\"qfinished\") }}</v-btn\r\n                  >\r\n                  <v-btn\r\n                    v-if=\"!lastQuizSection\"\r\n                    @click=\"clickNextForAnswerCheck()\"\r\n                    class=\"text-capitalize\"\r\n                    style=\"\r\n                      color: #ffffff;\r\n                      background-color: #a6cc39;\r\n                      font-size: 16px;\r\n                      border-radius: 8px;\r\n                      box-shadow: unset;\r\n                    \"\r\n                    >{{ $t(\"next\") }}</v-btn\r\n                  >\r\n                </v-col>\r\n              </v-row>\r\n            </v-col>\r\n          </v-row>\r\n        </div>\r\n      </v-card>\r\n    </v-container>\r\n\r\n    <v-dialog width=\"450\" v-model=\"resultDialog\" persistent>\r\n      <v-card style=\"border-radius: 16px\">\r\n        <v-card-title\r\n          v-if=\"show_CorrectAns1 || show_score || showPassingScore\"\r\n          class=\"pt-2 pb-1\"\r\n        >\r\n          <v-row v-if=\"show_score || !passQuiz\" justify=\"center\" no-gutters>\r\n            <v-col>\r\n              <span\r\n                style=\"font-size: 20px; color: #363636; font-weight: bold\"\r\n                >{{ $t(\"result\") }}</span\r\n              >\r\n            </v-col>\r\n            <v-col style=\"text-align: center\">\r\n              <v-btn\r\n                @click=\"\r\n                  (resultDialog = false),\r\n                    window.messageHandler.postMessage('GoBack')\r\n                \"\r\n                style=\"\r\n                  border-radius: 8px !important;\r\n                  border: 1px solid rgba(66, 66, 66, 0.05);\r\n                  background-color: transparent;\r\n                  color: #424242;\r\n                  box-shadow: unset;\r\n                  width: 23px;\r\n                \"\r\n              >\r\n                <v-icon>mdi-close</v-icon>\r\n              </v-btn>\r\n            </v-col>\r\n          </v-row>\r\n          <v-row v-else justify=\"center\" no-gutters>\r\n            <v-col style=\"text-align: center\" class=\"pt-1 pb-1\">\r\n              <span class=\"mt-2\" style=\"font-size: 20px; color: #363636\">{{\r\n                $t(\"thankyoufordoingquiz\")\r\n              }}</span>\r\n            </v-col>\r\n          </v-row>\r\n        </v-card-title>\r\n\r\n        <v-card-title v-else>\r\n          <v-row justify=\"center\" no-gutters>\r\n            <v-col style=\"text-align: center\" class=\"pt-1 pb-1\">\r\n              <span class=\"mt-2\" style=\"font-size: 20px; color: #363636\">{{\r\n                $t(\"thankyoufordoingquiz\")\r\n              }}</span>\r\n            </v-col>\r\n          </v-row>\r\n        </v-card-title>\r\n\r\n        <v-divider></v-divider>\r\n\r\n        <v-card-text v-if=\"show_score || !passQuiz\" class=\"pb-1 pt-2\">\r\n          <p\r\n            v-if=\"!passQuiz && $route.query.quizIsPassed == 0\"\r\n            class=\"pt-1 text-left mb-0\"\r\n            style=\"font-size: 18px; color: #424242\"\r\n          >\r\n            {{ $t(\"notpassquiz\") }}\r\n          </p>\r\n          <p\r\n            v-if=\"show_score && passQuiz\"\r\n            class=\"pt-1 mb-0 text-left\"\r\n            style=\"font-size: 16px; color: #424242\"\r\n          >\r\n            {{ $t(\"thankyoufordoingquiz\") }}\r\n          </p>\r\n          <p\r\n            v-if=\"show_score\"\r\n            class=\"pt-1 text-left\"\r\n            style=\"font-size: 16px; color: #424242\"\r\n          >\r\n            {{ $t(\"scoresyouhaveearned\") }}\r\n          </p>\r\n          <!-- && passQuiz -->\r\n          <p\r\n            v-if=\"show_score\"\r\n            class=\"pt-4 text-center mt-7\"\r\n            style=\"font-size: 56px\"\r\n            :style=\"[passQuiz ? { color: '#4FB14E' } : { color: '#FF6060' }]\"\r\n          >\r\n            {{ user_score + \"/\" + full_score }}\r\n          </p>\r\n          <p\r\n            v-if=\"showPassingScore\"\r\n            class=\"pt-4 text-center\"\r\n            style=\"font-size: 20px; color: #616161\"\r\n          >\r\n            {{ $t(\"passingscore\") + passing_score }}\r\n          </p>\r\n        </v-card-text>\r\n\r\n        <v-card-actions>\r\n          <v-row justify=\"center\" no-gutters>\r\n            <v-btn\r\n              v-if=\"!passQuiz && $route.query.quizIsPassed == 0\"\r\n              color=\"#FF6060\"\r\n              style=\"font-size: 16px; border-radius: 8px; box-shadow: unset\"\r\n              class=\"text-capitalize white--text mt-1 mb-3\"\r\n              @click=\"doQuizAgain()\"\r\n              >{{ $t(\"requiz\") }}</v-btn\r\n            >\r\n            <v-btn\r\n              v-else-if=\"show_CorrectAns1 && !notTakeQuizAndSubmit\"\r\n              color=\"#A6CC39\"\r\n              style=\"font-size: 16px; border-radius: 8px; box-shadow: unset\"\r\n              class=\"text-capitalize white--text mt-1 mb-3\"\r\n              @click=\"viewAnswerResult()\"\r\n              >{{ $t(\"viewanswer\") }}</v-btn\r\n            >\r\n            <v-btn\r\n              v-else\r\n              color=\"#4FB14E\"\r\n              style=\"font-size: 16px; border-radius: 8px; box-shadow: unset\"\r\n              class=\"text-capitalize white--text mt-1 mb-1\"\r\n              @click=\"Click_ok\"\r\n              >{{ $t(\"ok\") }}</v-btn\r\n            >\r\n          </v-row>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n\r\n    <v-dialog v-model=\"loading\" persistent width=\"300\">\r\n      <v-card color=\"#4FB14E\" dark>\r\n        <v-card-text class=\"white--text\">\r\n          Loading Please Wait...\r\n          <v-progress-linear\r\n            indeterminate\r\n            color=\"#ffffff\"\r\n            class=\"mb-0\"\r\n          ></v-progress-linear>\r\n        </v-card-text>\r\n      </v-card>\r\n    </v-dialog>\r\n\r\n    <v-dialog width=\"350\" v-model=\"timerDialog\" persistent>\r\n      <v-card style=\"border-radius: 16px\">\r\n        <v-card-title class=\"pt-2 pb-1 pr-3\">\r\n          <v-row justify=\"center\" no-gutters>\r\n            <v-col>\r\n              <span\r\n                style=\"font-size: 20px; color: #363636; font-weight: bold\"\r\n                >{{ $t(\"result\") }}</span\r\n              >\r\n            </v-col>\r\n            <v-col style=\"text-align: right\">\r\n              <v-btn\r\n                @click=\"(timerDialog = false), $router.push('/course')\"\r\n                style=\"\r\n                  border-radius: 8px !important;\r\n                  border: 1px solid rgba(66, 66, 66, 0.05);\r\n                  background-color: transparent;\r\n                  color: #424242;\r\n                  box-shadow: unset;\r\n                  width: 23px;\r\n                \"\r\n              >\r\n                <v-icon>mdi-close</v-icon>\r\n              </v-btn>\r\n            </v-col>\r\n          </v-row>\r\n        </v-card-title>\r\n        <v-divider></v-divider>\r\n\r\n        <v-card-text class=\"pb-1 pt-2\">\r\n          <p\r\n            v-if=\"!finishQuizOnTime\"\r\n            class=\"pt-3 text-left\"\r\n            style=\"font-size: 32px; color: #ff6060; font-weight: bolder\"\r\n          >\r\n            {{ $t(\"timesup\") }}\r\n          </p>\r\n          <p\r\n            v-if=\"finishQuizOnTime\"\r\n            class=\"pt-3 text-left\"\r\n            style=\"font-size: 30px; font-weight: bolder\"\r\n            :style=\"notTakeQuizAndSubmit ? 'color: #ff6060;' : 'color: #4fb050'\"\r\n          >\r\n            {{\r\n              !notTakeQuizAndSubmit\r\n                ? $t(\"congratulation\")\r\n                : $t(\"submit-empty-ans\")\r\n            }}\r\n          </p>\r\n\r\n          <p\r\n            v-if=\"!finishQuizOnTime\"\r\n            class=\"pt-3 text-left\"\r\n            style=\"font-size: 18px; color: #424242\"\r\n          >\r\n            {{ $t(\"notcompletewithinthetime\") }}\r\n          </p>\r\n\r\n          <p\r\n            v-if=\"!finishQuizOnTime\"\r\n            class=\"pt-3\"\r\n            style=\"font-size: 18px; color: #616161\"\r\n          >\r\n            {{ $t(\"youanswerquestion\").replace(\"{0}\", answeredQuo) }}\r\n          </p>\r\n          <p\r\n            v-if=\"finishQuizOnTime\"\r\n            class=\"pt-3\"\r\n            style=\"font-size: 18px; color: #616161\"\r\n          >\r\n            {{\r\n              !notTakeQuizAndSubmit\r\n                ? $t(\"youcompletequizinminutes\").replace(\r\n                    \"{0}\",\r\n                    formatTime(elapsedTime)\r\n                  )\r\n                : $t(\"youanswerquestion\").replace(\"{0}\", answeredQuo)\r\n            }}\r\n          </p>\r\n        </v-card-text>\r\n\r\n        <v-card-actions>\r\n          <v-row justify=\"center\" no-gutters>\r\n            <v-btn\r\n              color=\"#A6CC39\"\r\n              style=\"font-size: 16px; border-radius: 8px; box-shadow: unset\"\r\n              class=\"text-capitalize white--text mt-5 mb-2\"\r\n              @click=\"gotoResultDialog()\"\r\n              >{{ $t(\"next\") }}</v-btn\r\n            >\r\n          </v-row>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n\r\n    <!-- dialog for submitting without answering all question -->\r\n    <v-dialog width=\"350\" v-model=\"incompleteSubmitDialog\" persistent>\r\n      <v-card style=\"border-radius: 16px\">\r\n        <v-card-title class=\"pt-2 pb-1 pr-3\">\r\n          <v-row justify=\"center\" no-gutters>\r\n            <v-col>\r\n              <span\r\n                style=\"font-size: 20px; color: #363636; font-weight: bold\"\r\n                >{{ $t(\"result\") }}</span\r\n              >\r\n            </v-col>\r\n            <v-col style=\"text-align: right\">\r\n              <v-btn\r\n                @click=\"\r\n                  (incompleteSubmitDialog = false), $router.push('/course')\r\n                \"\r\n                style=\"\r\n                  border-radius: 8px !important;\r\n                  border: 1px solid rgba(66, 66, 66, 0.05);\r\n                  background-color: transparent;\r\n                  color: #424242;\r\n                  box-shadow: unset;\r\n                  width: 23px;\r\n                \"\r\n              >\r\n                <v-icon>mdi-close</v-icon>\r\n              </v-btn>\r\n            </v-col>\r\n          </v-row>\r\n        </v-card-title>\r\n        <v-divider></v-divider>\r\n        <v-card-text class=\"pb-1 pt-2\">\r\n          <p\r\n            class=\"pt-3 text-left\"\r\n            style=\"font-size: 30px; color: #ff6060; font-weight: bolder\"\r\n          >\r\n            {{ $t(\"submit-incomplete-ans\") }}\r\n          </p>\r\n          <p class=\"pt-3\" style=\"font-size: 18px; color: #616161\">\r\n            {{ $t(\"youanswerquestion\").replace(\"{0}\", answeredQuo) }}\r\n          </p>\r\n        </v-card-text>\r\n        <v-card-actions>\r\n          <v-row justify=\"center\" no-gutters>\r\n            <v-btn\r\n              color=\"#A6CC39\"\r\n              style=\"font-size: 16px; border-radius: 8px; box-shadow: unset\"\r\n              class=\"text-capitalize white--text mt-5 mb-2\"\r\n              @click=\"gotoResultDialog()\"\r\n              >{{ $t(\"next\") }}</v-btn\r\n            >\r\n          </v-row>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n\r\n    <!-- preview image -->\r\n    <v-dialog\r\n      v-model=\"previewimg\"\r\n      persistent\r\n      width=\"800px\"\r\n      height=\"800px\"\r\n      overflow=\"hidden\"\r\n      content-class=\"elevation-0 preview_class\"\r\n    >\r\n      <v-card overflow=\"hidden\" color=\"transparent\">\r\n        <v-card-title style=\"padding-right: 0 !important\">\r\n          <v-spacer></v-spacer>\r\n          <v-btn\r\n            icon\r\n            @click=\"previewimg = false\"\r\n            color=\"#FFFFFF\"\r\n            style=\"border-radius: 8px !important; border: 1px solid #ffffff30\"\r\n          >\r\n            <v-icon>mdi-close</v-icon>\r\n          </v-btn>\r\n        </v-card-title>\r\n        <v-img\r\n          width=\"800px\"\r\n          height=\"500px\"\r\n          style=\"border-radius: 8px; margin: auto\"\r\n          :src=\"picturePreview\"\r\n        ></v-img>\r\n      </v-card>\r\n    </v-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport axios from \"axios\";\r\n\r\nexport default {\r\n  data() {\r\n    return {\r\n      incompleteSubmitDialog: false,\r\n      notTakeQuizAndSubmit: false,\r\n      initialTime: 0,\r\n      elapsedTime: 0, // To store elapsed time when the quiz ends\r\n      answeredQuo: \"\",\r\n      hasTimer: false,\r\n      finishQuizOnTime: true,\r\n      timerDialog: false,\r\n      remainingTime: 0,\r\n      timer: 0,\r\n      loading: false,\r\n      //quiz setting..\r\n      show_CorrectAns1: false, // highlight only user's answer\r\n      show_CorrectAns2: false, //answer After Completion hight\r\n      showPassingScore: false,\r\n      show_score: false,\r\n      //.......................\r\n      previewimg: false,\r\n      picturePreview: null,\r\n      viewAnswer: false,\r\n      user_score: 0,\r\n      full_score: 0,\r\n      passing_score: 0,\r\n      passQuiz: true,\r\n      resultTitle: \"\",\r\n      resultDialog: false,\r\n      lastQuizSection: false,\r\n      nextQuizSection: false,\r\n      //radio_masterChoice: [],\r\n      quizSectionData: [], //which will include all section, question etc...\r\n      quiz_Data: [],\r\n      QuizID: 0,\r\n      dateoffset: new Date().getTimezoneOffset(),\r\n      section_Items: [],\r\n      question_Items: [],\r\n      choice_Items: [\r\n        {\r\n          show_imgBtn: false, //show image in each row\r\n          choiceNo: 1,\r\n          choice: \"Option\",\r\n          choiceImge: null,\r\n          choiceAnswerMaster: null,\r\n          userAnswer: null,\r\n          rule: false,\r\n        },\r\n      ],\r\n    };\r\n  },\r\n  mounted() {\r\n    this.GetQuizMasterDetail();\r\n  },\r\n  methods: {\r\n    gotoResultDialog() {\r\n      this.resultDialog = true;\r\n      this.timerDialog = false;\r\n      this.incompleteSubmitDialog = false;\r\n    },\r\n    startTimer() {\r\n      if (this.remainingTime !== 0) {\r\n        this.timer = setInterval(() => {\r\n          if (this.remainingTime > 0) {\r\n            this.remainingTime--;\r\n          } else {\r\n            this.stopTimer(); // Stop the timer when it reaches 0\r\n            this.onTimeUp(); // Handle what happens when time is up\r\n          }\r\n        }, 1000); // Decrease by 1 second\r\n      }\r\n    },\r\n\r\n    // Stop the timer\r\n    stopTimer() {\r\n      clearInterval(this.timer);\r\n    },\r\n\r\n    // Handle what happens when the time is up (e.g., submit quiz)\r\n    onTimeUp() {\r\n      //alert(\"Time's up! The quiz is being submitted.\");\r\n      this.calculateElapsedTime();\r\n      this.submitQuiz();\r\n    },\r\n\r\n    // Calculate elapsed time based on remaining time\r\n    calculateElapsedTime() {\r\n      this.elapsedTime = this.initialTime - this.remainingTime;\r\n    },\r\n\r\n    // Format the time as minutes and seconds (MM:SS)\r\n    formatTime(seconds) {\r\n      const minutes = Math.floor(seconds / 60);\r\n      const secs = seconds % 60;\r\n      return `${minutes}:${secs < 10 ? \"0\" : \"\"}${secs}`;\r\n    },\r\n\r\n    Click_ok() {\r\n      this.resultDialog = false;\r\n      window.messageHandler.postMessage(\"GoBack\");\r\n      // window.location.href = 'seed://seed.com/coursePage';\r\n      // Navigator.of(context).pop();\r\n      // WebView myWebView = (WebView) findViewById(R.id.webview);\r\n      // myWebView.goBack();\r\n    },\r\n    showImgPreview(image) {\r\n      this.previewimg = true;\r\n      this.picturePreview = image;\r\n    },\r\n\r\n    viewAnswerResult() {\r\n      this.resultDialog = false; // hide result dialog.\r\n      this.viewAnswer = true;\r\n      //push first index 0 to show first\r\n      this.section_Items = [];\r\n      this.section_Items.push(this.quizSectionData[0]);\r\n\r\n      // button controls...\r\n      this.lastQuizSection = this.quizSectionData.length > 1 ? false : true; // hide submit button\r\n      this.nextQuizSection = false; // won't show back button when start the quiz again\r\n      this.resultDialog = false; // hide score dialog\r\n    },\r\n\r\n    doQuizAgain() {\r\n      this.nextQuizSection = false; // won't show back button when start the quiz again\r\n      this.resultDialog = false; // hide score dialog\r\n      window.messageHandler.postMessage(\"GoBack\");\r\n    },\r\n\r\n    clickBack() {\r\n      let currentSectionIndex = this.quizSectionData\r\n        .map(function (e) {\r\n          return e.sectionId;\r\n        })\r\n        .indexOf(this.section_Items[0].sectionId);\r\n\r\n      if (this.quizSectionData[currentSectionIndex - 1] != undefined) {\r\n        this.quizSectionData[currentSectionIndex] = this.section_Items[0];\r\n\r\n        //pushing edited section data to this.section_Items\r\n        this.section_Items = [];\r\n        this.section_Items.push(this.quizSectionData[currentSectionIndex - 1]);\r\n\r\n        this.nextQuizSection = currentSectionIndex - 1 != 0; // if its firt index hide next button.\r\n        this.lastQuizSection = false; // when going back to previous section, hide submit button..\r\n      }\r\n    },\r\n    clickFinished() {\r\n      window.messageHandler.postMessage(\"GoBack\");\r\n    },\r\n\r\n    clickNext() {\r\n      //to go to next quiz section....\r\n      //1.first save user's edit answer from section_Items to QuizData by matching sectionId\r\n      let currentSectionIndex = 0;\r\n\r\n      for (let question of this.section_Items[0].questionList) {\r\n        let notChooseAns2 = !question.choiceList.find(\r\n          (k) => k.userAnswer === true\r\n        );\r\n        question.ansNotSubmit = notChooseAns2 !== false;\r\n      }\r\n\r\n      let answerNotSubmit = this.section_Items[0].questionList.find((x) => {\r\n        return x.ansNotSubmit === true;\r\n      })\r\n        ? this.section_Items[0].questionList.find((x) => {\r\n            return x.ansNotSubmit === true;\r\n          })\r\n        : null;\r\n\r\n      if (answerNotSubmit) {\r\n        //user did not submit/choose any answer so cannot pass through\r\n        return;\r\n      }\r\n\r\n      currentSectionIndex = this.quizSectionData\r\n        .map(function (e) {\r\n          return e.sectionId;\r\n        })\r\n        .indexOf(this.section_Items[0].sectionId);\r\n      if (this.quizSectionData[currentSectionIndex + 1] != undefined) {\r\n        //enter this condition because there is still next available section.\r\n\r\n        //put update data into its index .....\r\n        this.quizSectionData[currentSectionIndex] = this.section_Items[0];\r\n\r\n        //pushing new or next section data to this.section_Items\r\n        this.section_Items = [];\r\n        this.section_Items.push(this.quizSectionData[currentSectionIndex + 1]);\r\n\r\n        this.nextQuizSection = currentSectionIndex + 1 != 0 ? true : false;\r\n\r\n        if (\r\n          this.section_Items[0].sectionId ==\r\n          this.quizSectionData[this.quizSectionData.length - 1].sectionId\r\n        ) {\r\n          this.lastQuizSection = true;\r\n        } else {\r\n          this.lastQuizSection = false;\r\n        }\r\n      }\r\n    },\r\n\r\n    clickNextForAnswerCheck() {\r\n      //to go to next quiz section....\r\n      //1.first save user's edit answer from section_Items to QuizData by matching sectionId\r\n      let currentSectionIndex = 0;\r\n\r\n      for (let question of this.section_Items[0].questionList) {\r\n        let notChooseAns2 = question.choiceList.find(\r\n          (k) => k.userAnswer === true\r\n        )\r\n          ? false\r\n          : true;\r\n        question.ansNotSubmit = notChooseAns2 === false ? false : true;\r\n      }\r\n\r\n      // temporary remove due to timer added....\r\n      // let answerNotSubmit = this.section_Items[0].questionList.find((x) => {\r\n      //   return x.ansNotSubmit === true ? true : false;\r\n      // })\r\n      //   ? this.section_Items[0].questionList.find((x) => {\r\n      //       return x.ansNotSubmit === true ? true : false;\r\n      //     })\r\n      //   : null;\r\n\r\n      // if (answerNotSubmit) {\r\n      //   //user did not submit/choose any answer so cannot pass through\r\n      //   return;\r\n      // }\r\n      //end.....\r\n\r\n      currentSectionIndex = this.quizSectionData\r\n        .map(function (e) {\r\n          return e.sectionId;\r\n        })\r\n        .indexOf(this.section_Items[0].sectionId);\r\n      if (this.quizSectionData[currentSectionIndex + 1] != undefined) {\r\n        //enter this condition because there is still next available section.\r\n\r\n        //put update data into its index .....\r\n        this.quizSectionData[currentSectionIndex] = this.section_Items[0];\r\n\r\n        //pushing new or next section data to this.section_Items\r\n        this.section_Items = [];\r\n        this.section_Items.push(this.quizSectionData[currentSectionIndex + 1]);\r\n\r\n        this.nextQuizSection = currentSectionIndex + 1 != 0 ? true : false;\r\n\r\n        if (\r\n          this.section_Items[0].sectionId ==\r\n          this.quizSectionData[this.quizSectionData.length - 1].sectionId\r\n        ) {\r\n          this.lastQuizSection = true;\r\n        } else {\r\n          this.lastQuizSection = false;\r\n        }\r\n      }\r\n    },\r\n\r\n    checkCorrectAns(que_id, cho_id) {\r\n      //finding current section's question's choices\r\n      let current_Que = this.section_Items[0].questionList.filter(\r\n        (x) => x.questionId == que_id\r\n      );\r\n\r\n      for (let item of current_Que) {\r\n        for (let subitem of item.choiceList) {\r\n          if (item.multipleChoice === false) {\r\n            // for single choice ans\r\n            if (subitem.choiceId == cho_id) {\r\n              subitem.userAnswer = true;\r\n            } else {\r\n              subitem.userAnswer = null;\r\n            }\r\n          } else {\r\n            // for multiple choice ans\r\n            if (subitem.choiceId == cho_id) {\r\n              subitem.userAnswer = subitem.userAnswer === false ? null : true;\r\n            }\r\n          }\r\n        }\r\n\r\n        let notChooseAns2 = item.choiceList.find((k) => k.userAnswer === true)\r\n          ? false\r\n          : true;\r\n        item.ansNotSubmit = notChooseAns2 === false ? false : true;\r\n      }\r\n    },\r\n\r\n    async GetQuizMasterDetail() {\r\n      let that = this;\r\n\r\n      that.itemsList = [];\r\n      that.loading = true;\r\n      let request = {\r\n        quizId: that.$route.query.quizId, //quiz id will come from course\r\n        companyId: that.$route.query.companyID,\r\n        mobile: true,\r\n        // createOrUpdateBy: localStorage.getItem(\"userName\"),\r\n        offset: 0,\r\n      };\r\n      await axios\r\n        .post(`${that.web_urlV4}Quiz/GetQuizMasterDetail`, request)\r\n        .then(function (response) {\r\n          if (response.data.status == 0) {\r\n            that.quiz_Data = response.data.data;\r\n            // Timer for quiz...\r\n            that.hasTimer = response.data.data.timer > 0;\r\n            that.remainingTime = response.data.data.timer * 60;\r\n            that.initialTime = response.data.data.timer * 60;\r\n            //...........\r\n\r\n            let temp = response.data.data.sectionList;\r\n            that.lastQuizSection = temp.length > 1 ? false : true;\r\n\r\n            that.quizSectionData = temp.map((v) => ({\r\n              ...v,\r\n              questionList: v.questionList.map((x) => ({\r\n                ...x,\r\n                ansNotSubmit: false,\r\n                thisQuesRusult: 0,\r\n                radio_UserChoice: 0, // user's radio answer\r\n                radio_masterChoice:\r\n                  x.multipleChoice === false\r\n                    ? x.choiceList.find((k) => k.choiceAnswerMaster === true)\r\n                      ? x.choiceList.find((k) => k.choiceAnswerMaster === true)\r\n                          .choiceId\r\n                      : 0\r\n                    : 0,\r\n              })),\r\n            }));\r\n\r\n            that.section_Items.push(that.quizSectionData[0]);\r\n          }\r\n\r\n          that.full_score = response.data.data.fullScore;\r\n          that.showPassingScore = response.data.data.showPassingScore; // show passing score or not\r\n          that.passing_score = response.data.data.passingScore\r\n            ? response.data.data.passingScore\r\n            : 0;\r\n          that.show_CorrectAns1 =\r\n            that.quiz_Data.showCorrectAnswerAfterCompletion;\r\n          that.show_CorrectAns2 = that.quiz_Data\r\n            .showCorrectAnswerAfterCompletion\r\n            ? that.quiz_Data.showCorrectAnswer\r\n            : false;\r\n          that.show_score = that.quiz_Data.showScore;\r\n          that.showPassingScore = that.quiz_Data.showPassingScore;\r\n\r\n          that.loading = false;\r\n          that.startTimer();\r\n        })\r\n        .catch(function (err) {\r\n          that.loading = false;\r\n          throw err;\r\n        });\r\n      that.loading = false;\r\n    },\r\n\r\n    async submitQuiz() {\r\n      let userScore = 0;\r\n      //let answerNotSubmit = null;\r\n      let notAnswerQuoCount = 0;\r\n      let totalQuoCount = 0;\r\n\r\n      if (this.hasTimer) {\r\n        this.stopTimer();\r\n        this.calculateElapsedTime();\r\n      }\r\n\r\n      for (let section of this.quizSectionData) {\r\n        for (let question of section.questionList) {\r\n          if (question.multipleChoice === false) {\r\n            let ans = question.choiceList.find(\r\n              (x) => x.choiceAnswerMaster === true && x.userAnswer === true\r\n            )\r\n              ? question.choiceList.find(\r\n                  (x) => x.choiceAnswerMaster === true && x.userAnswer === true\r\n                ).choiceId\r\n              : null;\r\n            if (ans == question.radio_masterChoice) {\r\n              userScore += question.questionScore;\r\n              question.thisQuesRusult = question.questionScore;\r\n            }\r\n\r\n            let notChooseAns1 = !question.choiceList.find(\r\n              (k) => k.userAnswer === true || k.userAnswer === false\r\n            );\r\n            question.ansNotSubmit = notChooseAns1 !== false;\r\n          } else {\r\n            let correctAns = 0;\r\n            let masterAns = 0;\r\n            let wrongAns = 0;\r\n\r\n            for (let choice of question.choiceList) {\r\n              if (choice.choiceAnswerMaster === true) {\r\n                //keep tracks of true master ans\r\n                masterAns += 1;\r\n              }\r\n\r\n              if (\r\n                choice.choiceAnswerMaster === true &&\r\n                choice.userAnswer === true\r\n              ) {\r\n                // user choose correct answer\r\n                correctAns += 1;\r\n              }\r\n\r\n              if (\r\n                choice.choiceAnswerMaster === false &&\r\n                choice.userAnswer === true\r\n              ) {\r\n                wrongAns += 1;\r\n              }\r\n            } //end choiceList For Loop\r\n\r\n            let notChooseAns = !question.choiceList.find(\r\n              (k) => k.userAnswer === true || k.userAnswer === false\r\n            );\r\n\r\n            question.ansNotSubmit = notChooseAns !== false;\r\n\r\n            if (wrongAns != 0) {\r\n              userScore += 0;\r\n              question.thisQuesRusult = 0;\r\n            } else if (masterAns == correctAns) {\r\n              //score will be counted if user's correct ans and master's ans count is matched.\r\n\r\n              userScore += question.questionScore;\r\n              question.thisQuesRusult = question.questionScore;\r\n            }\r\n          }\r\n        }\r\n        // answerNotSubmit = section.questionList.find((x) => {\r\n        //   return x.ansNotSubmit === true;\r\n        // });\r\n        notAnswerQuoCount += section.questionList.filter(\r\n          (x) => x.ansNotSubmit === true\r\n        ).length;\r\n        totalQuoCount += section.questionList.length;\r\n      }\r\n      // if (answerNotSubmit) {\r\n      //   //user did not sumbit ans to some questions.. cannot submit\r\n      //   return;\r\n      // }\r\n\r\n      let tempAnsweredQuo =\r\n        notAnswerQuoCount === 0\r\n          ? totalQuoCount\r\n          : notAnswerQuoCount === totalQuoCount && notAnswerQuoCount !== 0\r\n          ? 0\r\n          : totalQuoCount - notAnswerQuoCount;\r\n\r\n      this.answeredQuo = tempAnsweredQuo + \"/\" + totalQuoCount;\r\n\r\n      this.user_score = userScore;\r\n\r\n      let temp_quiz = {\r\n        quizId: this.quiz_Data.quizId,\r\n        courseId: this.quiz_Data.courseId,\r\n        userId: parseInt(this.$route.query.userID),\r\n        companyId: this.$route.query.companyID,\r\n        quizName: this.quiz_Data.quizName,\r\n        courseName: this.quiz_Data.courseName,\r\n        createOrUpdateBy: this.$route.query.memberID,\r\n        showCorrectAnswerAfterCompletion:\r\n          this.quiz_Data.showCorrectAnswerAfterCompletion,\r\n        showCorrectAnswer: this.quiz_Data.showCorrectAnswer,\r\n        showScore: this.quiz_Data.showScore,\r\n        score: this.user_score, // userScore,// this.quiz_Data.score,\r\n        fullScore: this.quiz_Data.fullScore,\r\n        passingScore: this.quiz_Data.passingScore,\r\n        showPassingScore: this.quiz_Data.showPassingScore,\r\n        quizType: parseInt(this.$route.query.quizTypeID),\r\n        sectionList: this.quizSectionData.map((k) => ({\r\n          ...k,\r\n          questionList: k.questionList.map((x) => ({\r\n            //...x,\r\n            questionId: x.questionId,\r\n            questionNo: x.questionNo,\r\n            questionScore: x.questionScore,\r\n            question: x.question,\r\n            questionImge: x.questionImge,\r\n            multipleChoice: x.multipleChoice,\r\n            choiceList: x.choiceList.map((v) => ({\r\n              //...v,\r\n              choiceId: v.choiceId,\r\n              choiceNo: v.choiceNo,\r\n              choice: v.choice,\r\n              choiceImge: v.choiceImge,\r\n              choiceAnswerMaster: v.choiceAnswerMaster,\r\n              userAnswer: v.userAnswer,\r\n            })),\r\n          })),\r\n        })),\r\n      };\r\n      this.loading = true;\r\n      //Before submit, whether to submit or show re-quiz\r\n      this.passQuiz = userScore >= this.quiz_Data.passingScore ? true : false;\r\n\r\n      //submit the quiz whether pass or fail\r\n      const res = await this.$axios.post(\r\n        `${this.web_urlV4}Quiz/AddUserQuiz`,\r\n        temp_quiz\r\n      );\r\n\r\n      if (res.data.status == 0) {\r\n        if (this.hasTimer) {\r\n          let incompleteAnsSubmit = false;\r\n\r\n          // Check if there is still time left\r\n          if (this.remainingTime > 0) {\r\n            if (notAnswerQuoCount === totalQuoCount) {\r\n              // Time remaining, but no questions answered\r\n              this.notTakeQuizAndSubmit = true;\r\n              incompleteAnsSubmit = false;\r\n            } else {\r\n              // Some questions answered but not all\r\n              this.notTakeQuizAndSubmit = false;\r\n              incompleteAnsSubmit =\r\n                tempAnsweredQuo !== totalQuoCount && notAnswerQuoCount !== 0;\r\n            }\r\n            this.finishQuizOnTime = true;\r\n          } else {\r\n            // Time is up\r\n            this.finishQuizOnTime = tempAnsweredQuo === totalQuoCount;\r\n          }\r\n\r\n          // Determine dialog to show based on submission status\r\n          this.incompleteSubmitDialog = incompleteAnsSubmit;\r\n          this.timerDialog = !incompleteAnsSubmit;\r\n        } else {\r\n          // No timer present, show result dialog\r\n          this.resultDialog = true;\r\n        }\r\n\r\n        this.loading = false;\r\n      } else {\r\n        this.loading = false;        \r\n        alert(\"Something went wrong when submit!\");\r\n        this.Click_ok();\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n/* disable radio color */\r\n::v-deep\r\n  .disable_radio_green.v-input--radio-group.theme--light.v-input--is-disabled {\r\n  color: #4fb14e !important;\r\n}\r\n::v-deep\r\n  .disable_radio_grey.v-input--radio-group.theme--light.v-input--is-disabled {\r\n  color: #a4a4a4 !important;\r\n}\r\n/* end disabled radio color */\r\n/* disabled checkbox color */\r\n::v-deep .disable_green.v-input--checkbox.theme--light.v-input--is-disabled {\r\n  color: #4fb14e !important;\r\n}\r\n::v-deep .disable_grey.v-input--checkbox.theme--light.v-input--is-disabled {\r\n  color: #a4a4a4 !important;\r\n}\r\n/* end disabled checkbox */\r\n::v-deep .viewans_.v-list-item {\r\n  min-height: 32px !important;\r\n}\r\n::v-deep .option_sheet.v-list-item-group .v-list-item--active {\r\n  color: #ffff;\r\n}\r\n::v-deep .v-image__image--cover {\r\n  border-radius: 14px;\r\n}\r\n::v-deep .v-btn:not(.v-btn--round).v-size--default {\r\n  min-width: unset !important;\r\n}\r\n.theme--light.v-list-item:not(.v-list-item--active):not(\r\n    .v-list-item--disabled\r\n  ) {\r\n  color: transparent !important;\r\n}\r\n::v-deep .v-btn__content {\r\n  padding-top: 2px !important;\r\n}\r\n.questionImg_width {\r\n  width: 445px;\r\n  margin-left: 20px;\r\n}\r\n.choiceImg_width {\r\n  width: 205px;\r\n  margin-bottom: 4px;\r\n  margin-top: 8px;\r\n}\r\n.choiceImg_padding {\r\n  padding-left: 34px;\r\n}\r\n@media screen and (min-width: 392px) and (max-width: 500px) {\r\n  .questionImg_width {\r\n    width: 350px !important;\r\n    margin-left: 11px;\r\n  }\r\n  .choiceImg_width {\r\n    width: 185px;\r\n    margin-bottom: 4px;\r\n    margin-top: 8px;\r\n  }\r\n  .choiceImg_padding {\r\n    padding-left: 25px;\r\n  }\r\n}\r\n@media screen and (max-width: 391px) {\r\n  .questionImg_width {\r\n    width: 275px !important;\r\n    margin-left: 11px;\r\n  }\r\n  .choiceImg_width {\r\n    width: 245px;\r\n    margin-bottom: 4px;\r\n    margin-top: 8px;\r\n  }\r\n  .choiceImg_padding {\r\n    padding-left: 24px;\r\n  }\r\n}\r\n@media screen and (max-width: 280px) {\r\n  .questionImg_width {\r\n    width: 240px !important;\r\n    margin-left: 11px;\r\n  }\r\n  .choiceImg_width {\r\n    width: 160px;\r\n    margin-bottom: 4px;\r\n    margin-top: 8px;\r\n  }\r\n}\r\n.timerBoxCss {\r\n  width: 335px;\r\n  height: 52px;\r\n  border: 2px solid #d82829;\r\n  border-radius: 10px;\r\n  color: #d82829;\r\n  font-size: 20px;\r\n  background-color: white;\r\n  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2),\r\n    0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);\r\n}\r\n.sticky-timer {\r\n  position: -webkit-sticky;\r\n  position: sticky;\r\n  top: 0;\r\n  z-index: 1000;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./quizWeb.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./quizWeb.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./quizWeb.vue?vue&type=template&id=4aea9c25&scoped=true&\"\nimport script from \"./quizWeb.vue?vue&type=script&lang=js&\"\nexport * from \"./quizWeb.vue?vue&type=script&lang=js&\"\nimport style0 from \"./quizWeb.vue?vue&type=style&index=0&id=4aea9c25&prod&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  \"4aea9c25\",\n  null\n  \n)\n\nexport default component.exports","import './_grid.sass'\nimport './VGrid.sass'\n\nimport Grid from './grid'\n\nimport mergeData from '../../util/mergeData'\n\n/* @vue/component */\nexport default Grid('container').extend({\n  name: 'v-container',\n  functional: true,\n  props: {\n    id: String,\n    tag: {\n      type: String,\n      default: 'div',\n    },\n    fluid: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  render (h, { props, data, children }) {\n    let classes\n    const { attrs } = data\n    if (attrs) {\n      // reset attrs to extract utility clases like pa-3\n      data.attrs = {}\n      classes = Object.keys(attrs).filter(key => {\n        // TODO: Remove once resolved\n        // https://github.com/vuejs/vue/issues/7841\n        if (key === 'slot') return false\n\n        const value = attrs[key]\n\n        // add back data attributes like data-test=\"foo\" but do not\n        // add them as classes\n        if (key.startsWith('data-')) {\n          data.attrs![key] = value\n          return false\n        }\n\n        return value || typeof value === 'string'\n      })\n    }\n\n    if (props.id) {\n      data.domProps = data.domProps || {}\n      data.domProps.id = props.id\n    }\n\n    return h(\n      props.tag,\n      mergeData(data, {\n        staticClass: 'container',\n        class: Array<any>({\n          'container--fluid': props.fluid,\n        }).concat(classes || []),\n      }),\n      children\n    )\n  },\n})\n","// Styles\nimport './VCheckbox.sass'\nimport '../../styles/components/_selection-controls.sass'\n\n// Components\nimport VIcon from '../VIcon'\nimport VInput from '../VInput'\n\n// Mixins\nimport Selectable from '../../mixins/selectable'\n\n/* @vue/component */\nexport default Selectable.extend({\n  name: 'v-checkbox',\n\n  props: {\n    indeterminate: Boolean,\n    indeterminateIcon: {\n      type: String,\n      default: '$checkboxIndeterminate',\n    },\n    offIcon: {\n      type: String,\n      default: '$checkboxOff',\n    },\n    onIcon: {\n      type: String,\n      default: '$checkboxOn',\n    },\n  },\n\n  data () {\n    return {\n      inputIndeterminate: this.indeterminate,\n    }\n  },\n\n  computed: {\n    classes (): object {\n      return {\n        ...VInput.options.computed.classes.call(this),\n        'v-input--selection-controls': true,\n        'v-input--checkbox': true,\n        'v-input--indeterminate': this.inputIndeterminate,\n      }\n    },\n    computedIcon (): string {\n      if (this.inputIndeterminate) {\n        return this.indeterminateIcon\n      } else if (this.isActive) {\n        return this.onIcon\n      } else {\n        return this.offIcon\n      }\n    },\n    // Do not return undefined if disabled,\n    // according to spec, should still show\n    // a color when disabled and active\n    validationState (): string | undefined {\n      if (this.isDisabled && !this.inputIndeterminate) return undefined\n      if (this.hasError && this.shouldValidate) return 'error'\n      if (this.hasSuccess) return 'success'\n      if (this.hasColor !== null) return this.computedColor\n      return undefined\n    },\n  },\n\n  watch: {\n    indeterminate (val) {\n      // https://github.com/vuetifyjs/vuetify/issues/8270\n      this.$nextTick(() => (this.inputIndeterminate = val))\n    },\n    inputIndeterminate (val) {\n      this.$emit('update:indeterminate', val)\n    },\n    isActive () {\n      if (!this.indeterminate) return\n      this.inputIndeterminate = false\n    },\n  },\n\n  methods: {\n    genCheckbox () {\n      const { title, ...checkboxAttrs } = this.attrs$\n      return this.$createElement('div', {\n        staticClass: 'v-input--selection-controls__input',\n      }, [\n        this.$createElement(VIcon, this.setTextColor(this.validationState, {\n          props: {\n            dense: this.dense,\n            dark: this.dark,\n            light: this.light,\n          },\n        }), this.computedIcon),\n        this.genInput('checkbox', {\n          ...checkboxAttrs,\n          'aria-checked': this.inputIndeterminate\n            ? 'mixed'\n            : this.isActive.toString(),\n        }),\n        this.genRipple(this.setTextColor(this.rippleState)),\n      ])\n    },\n    genDefaultSlot () {\n      return [\n        this.genCheckbox(),\n        this.genLabel(),\n      ]\n    },\n  },\n})\n","// Types\nimport Vue, { VNode } from 'vue'\n\nexport default function VGrid (name: string) {\n  /* @vue/component */\n  return Vue.extend({\n    name: `v-${name}`,\n\n    functional: true,\n\n    props: {\n      id: String,\n      tag: {\n        type: String,\n        default: 'div',\n      },\n    },\n\n    render (h, { props, data, children }): VNode {\n      data.staticClass = (`${name} ${data.staticClass || ''}`).trim()\n\n      const { attrs } = data\n      if (attrs) {\n        // reset attrs to extract utility clases like pa-3\n        data.attrs = {}\n        const classes = Object.keys(attrs).filter(key => {\n          // TODO: Remove once resolved\n          // https://github.com/vuejs/vue/issues/7841\n          if (key === 'slot') return false\n\n          const value = attrs[key]\n\n          // add back data attributes like data-test=\"foo\" but do not\n          // add them as classes\n          if (key.startsWith('data-')) {\n            data.attrs![key] = value\n            return false\n          }\n\n          return value || typeof value === 'string'\n        })\n\n        if (classes.length) data.staticClass += ` ${classes.join(' ')}`\n      }\n\n      if (props.id) {\n        data.domProps = data.domProps || {}\n        data.domProps.id = props.id\n      }\n\n      return h(props.tag, data, children)\n    },\n  })\n}\n"],"sourceRoot":""}