{"version":3,"sources":["webpack:///./src/containers/TheHeaderExam.vue?b618","webpack:///(webpack)/buildin/module.js","webpack:///./src/assets/img/icon/book.svg","webpack:///./src/containers/TheHeaderExam.vue?6e34","webpack:///./src/containers/TheHeaderExam.vue","webpack:///./src/containers/TheHeaderExam.vue?ebfc","webpack:///./src/assets/img/icon/onlineexam.png","webpack:///./src/views/ExamBank.vue?f2d5","webpack:///src/views/ExamBank.vue","webpack:///./src/views/ExamBank.vue?6e63","webpack:///./src/views/ExamBank.vue","webpack:///./src/assets/img/icon/homeblack.png","webpack:///./src/assets/img/icon/logoiBlue.png","webpack:///./src/views/ExamBank.vue?3ddd"],"names":["module","exports","webpackPolyfill","deprecate","paths","children","Object","defineProperty","enumerable","get","l","i","component","render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","key","fn","proxy","_v","staticStyle","staticRenderFns","_s","quiz","title","ref","subjects","model","value","callback","$$v","SelectedSubjects","expression","grades","SelectedGrades","showDateAnswer","startdateAnswer","enddateAnswer","_e","errorMessage","on","StudentTakeExam","components","Mainlayout","data","studentProfileAuthorize","SelectedStudent","childs","dateAnswer","endDateAnswer","gui","qSummary","methods","GetAuthorizeProfile","$API","GetQuizDetail","GoToInfoQuiz","$router","push","$route","query","quizId","formData","append","Id","getNow","Csecond","Cminute","Chour","timestamp","dateTime","GoToQuiz","undefined","currentStartId","response","status","console","log","error"],"mappings":"kHAAA,yBAAuV,eAAG,G,qBCA1VA,EAAOC,QAAU,SAASD,GAoBzB,OAnBKA,EAAOE,kBACXF,EAAOG,UAAY,aACnBH,EAAOI,MAAQ,GAEVJ,EAAOK,WAAUL,EAAOK,SAAW,IACxCC,OAAOC,eAAeP,EAAQ,SAAU,CACvCQ,YAAY,EACZC,IAAK,WACJ,OAAOT,EAAOU,KAGhBJ,OAAOC,eAAeP,EAAQ,KAAM,CACnCQ,YAAY,EACZC,IAAK,WACJ,OAAOT,EAAOW,KAGhBX,EAAOE,gBAAkB,GAEnBF,I,qBCpBRA,EAAOC,QAAU,IAA0B,yB,oFCA3C,yBAA0gB,EAAG,G,oCCA7gB,oDAQIW,EAAY,eACd,aACA,OACA,QACA,EACA,KACA,WACA,MAIa,aAAAA,E,+GCnBf,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,UAAU,CAACE,YAAY,UAAUC,MAAM,CAAC,kBAAkB,SAAS,oBAAoB,OAAO,GAAK,OAAO,CAACH,EAAG,eAAe,CAACE,YAAY,UAAUC,MAAM,CAAC,KAAO,6BAA6B,CAACH,EAAG,OAAO,CAACA,EAAG,MAAM,CAACE,YAAY,MAAMC,MAAM,CAAC,IAAM,EAAQ,QAAoC,OAAS,aAAa,GAAGH,EAAG,YAAY,CAACE,YAAY,0BAA0BC,MAAM,CAAC,MAAQ,QAAQ,OAAQ,GAAOC,YAAYR,EAAIS,GAAG,CAAC,CAACC,IAAI,kBAAkBC,GAAG,WAAW,MAAO,CAACP,EAAG,QAAQ,CAACG,MAAM,CAAC,KAAO,0BAA0BK,OAAM,MAAS,CAACR,EAAG,gBAAgB,CAACG,MAAM,CAAC,GAAK,cAAc,CAACP,EAAIa,GAAG,eAAe,GAAGT,EAAG,aAAa,CAACE,YAAY,0BAA0B,CAACF,EAAG,iBAAiB,CAACE,YAAY,SAASF,EAAG,iBAAiB,CAACE,YAAY,QAAQ,CAACF,EAAG,iBAAiB,CAACU,YAAY,CAAC,cAAc,2BAA2B,cAAc,OAAO,YAAY,QAAQP,MAAM,CAAC,GAAK,aAAa,CAACH,EAAG,MAAM,CAACU,YAAY,CAAC,aAAa,QAAQP,MAAM,CAAC,IAAM,EAAQ,cAA0C,IAAI,IAAI,IAC9kCQ,EAAkB,I,qBCDtB7B,EAAOC,QAAU,IAA0B,+B,gECA3C,IAAIY,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,cAAcA,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,aAAa,CAACE,YAAY,MAAMQ,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAACV,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACU,YAAY,CAAC,aAAa,SAASP,MAAM,CAAC,IAAM,EAAQ,WAAwCH,EAAG,KAAK,CAACE,YAAY,wBAAwB,CAACN,EAAIa,GAAGb,EAAIgB,GAAGhB,EAAIiB,KAAKC,YAAYd,EAAG,OAAO,CAACE,YAAY,YAAYC,MAAM,CAAC,GAAK,OAAO,CAACH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACJ,EAAIa,GAAG,kTAAkTT,EAAG,MAAMA,EAAG,MAAMA,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,aAAoCH,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,0BAA0B,CAACN,EAAIa,GAAG,aAAaT,EAAG,MAAMA,EAAG,UAAUA,EAAG,OAAO,CAACA,EAAG,WAAW,CAACe,IAAI,SAASL,YAAY,CAAC,MAAQ,OAAOP,MAAM,CAAC,QAAUP,EAAIoB,SAAS,MAAQ,cAAc,YAAc,kCAAkCC,MAAM,CAACC,MAAOtB,EAAoB,iBAAEuB,SAAS,SAAUC,GAAMxB,EAAIyB,iBAAiBD,GAAKE,WAAW,uBAAuB,IAAI,KAAKtB,EAAG,OAAO,CAACE,YAAY,iBAAiBC,MAAM,CAAC,GAAK,OAAO,CAACH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACA,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACG,MAAM,CAAC,IAAM,EAAQ,aAAoCH,EAAG,OAAO,CAACE,YAAY,aAAa,CAACF,EAAG,OAAO,CAACE,YAAY,0BAA0B,CAACN,EAAIa,GAAG,WAAWT,EAAG,MAAMA,EAAG,UAAUA,EAAG,OAAO,CAACA,EAAG,WAAW,CAACe,IAAI,SAASL,YAAY,CAAC,MAAQ,OAAOP,MAAM,CAAC,QAAUP,EAAI2B,OAAO,MAAQ,YAAY,YAAc,gCAAgCN,MAAM,CAACC,MAAOtB,EAAkB,eAAEuB,SAAS,SAAUC,GAAMxB,EAAI4B,eAAeJ,GAAKE,WAAW,qBAAqB,GAAGtB,EAAG,OAAO,CAACA,EAAG,MAAM,CAACU,YAAY,CAAC,MAAQ,QAAQ,CAACV,EAAG,MAAMA,EAAG,MAAMA,EAAG,SAAS,CAACU,YAAY,CAAC,MAAQ,OAAO,QAAU,cAAcP,MAAM,CAAC,KAAO,YAAYc,MAAM,CAACC,MAAOtB,EAAkB,eAAEuB,SAAS,SAAUC,GAAMxB,EAAI6B,eAAeL,GAAKE,WAAW,qBAAqB,GAAGtB,EAAG,MAAM,CAACU,YAAY,CAAC,MAAQ,QAAQ,CAACV,EAAG,OAAO,CAACE,YAAY,0BAA0B,CAACF,EAAG,MAAMA,EAAG,MAAMJ,EAAIa,GAAG,0IAA2Ib,EAAkB,eAAEI,EAAG,OAAO,CAACE,YAAY,QAAQ,CAACF,EAAG,OAAO,CAACG,MAAM,CAAC,GAAK,MAAM,CAACP,EAAIa,GAAG,uBAAuBT,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,kBAAkBc,MAAM,CAACC,MAAOtB,EAAmB,gBAAEuB,SAAS,SAAUC,GAAMxB,EAAI8B,gBAAgBN,GAAKE,WAAW,sBAAsB,GAAGtB,EAAG,OAAO,CAACG,MAAM,CAAC,GAAK,MAAM,CAACP,EAAIa,GAAG,qBAAqBT,EAAG,SAAS,CAACG,MAAM,CAAC,KAAO,kBAAkBc,MAAM,CAACC,MAAOtB,EAAiB,cAAEuB,SAAS,SAAUC,GAAMxB,EAAI+B,cAAcP,GAAKE,WAAW,oBAAoB,GAAGtB,EAAG,MAAMA,EAAG,OAAO,GAAGJ,EAAIgC,KAAK5B,EAAG,SAAS,MAA2B,IAArBJ,EAAIiC,aAAuB7B,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQ,WAAW,CAACP,EAAIa,GAAG,oHAAoHb,EAAIgC,KAAK5B,EAAG,MAAM,CAACE,YAAY,8BAA8B,CAACF,EAAG,UAAU,CAACE,YAAY,kBAAkBC,MAAM,CAAC,MAAQ,QAAQ2B,GAAG,CAAC,MAAQlC,EAAImC,kBAAkB,CAACnC,EAAIa,GAAG,oBAAoB,IAAI,MAAM,IAAI,IACjiHE,EAAkB,G,2YC2HtB,uCAKA,OACEqB,WAAY,CACVC,WAAJ,cAEEC,KAAM,WACJ,MAAO,CACLrB,KAAM,GAENsB,wBAAyB,GACzBC,gBAAiB,GACjBC,OAAQ,GAERrB,SAAU,GACVO,OAAQ,GAERC,eAAgB,GAChBH,iBAAkB,GAClBiB,WAAY,GACZb,gBAAgB,EAChBc,eAAe,EAEfC,IAAK,GACLX,cAAc,EACdY,SAAU,KAGd,QA1BF,WA0BA,2IACA,mBACA,iBAFA,8CAIEC,QAAS,CACP,aADJ,WACA,2IACA,OACA,uCACA,qBAEA,kBACA,8BACA,oBAPA,8CAWI,eAZJ,WAYA,2IACA,iDACA,8BACA,sBAHA,8CAOI,aAnBJ,WAmBA,2IACA,+CACA,8BACA,oBAHA,8CAOIC,oBA1BJ,WA0BA,WACM9C,KAAK+C,KACX,4DACQ,iBAAR,IAEA,kBACA,8BACU,EAAV,+BACU,EAAV,SACA,sDAIIC,cAvCJ,WAuCA,WACMhD,KAAK+C,KACX,2DACQ,iBAAR,IAEA,kBACA,8BACU,EAAV,iBAIIE,aAlDJ,WAmDMjD,KAAKkD,QAAQC,KAAK,wBAA0BnD,KAAKoD,OAAOC,MAAMC,SA2BhEpB,gBA9EJ,WA8EA,WACA,eASM,OARAqB,EAASC,OAAO,YAAaxD,KAAKwB,iBAAiBiC,IACnDF,EAASC,OAAO,UAAWxD,KAAK2B,eAAe8B,IAEnB,MAAxBzD,KAAK6B,iBAAiD,MAAtB7B,KAAK0C,gBACvCa,EAASC,OAAO,kBAAmBxD,KAAK6B,iBACxC0B,EAASC,OAAO,gBAAiBxD,KAAK8B,gBAGjC9B,KAAK+C,KAClB,wCACA,kBACQ,GAAR,6BACU,IAAV,SAEA,0CACY,EAAZ,gBAEY,EAAZ,gBAIA,mBACA,aACU,EAAV,QACU,EAAV,cAIIW,OAAQ,SAAZ,SACM,IAAN,WACA,EACA,gBACA,KACA,gCACA,KACA,+BACA,iBACA,mBACA,mBACUC,EAAU,IACZA,GAAW,GACXC,GAAW,GACnB,OACQA,GAAW,GACXC,GAAS,GAGX,IAAN,GACA,iBACA,KACA,iBACA,KACA,iBACA,UACM7D,KAAK8D,UAAYC,GAUnBC,SAhJJ,SAgJA,cACA,iCAE6BC,IAAnBC,EAEFlE,KAAK+C,KACb,IACA,+BACA,YACA,2BAEA,kBACiC,KAAnBoB,EAASC,QAAkC,MAAjBD,EAAS9B,OACrC,EAAZ,gBACY,EAAZ,2CACA,EADA,mBACA,4BAIA,mBACUgC,QAAQC,IAAIC,EAAMJ,aAQpBnE,KAAKkD,QAAQC,KAAK,uBAA1B,cC3UkV,I,wBCQ9UtD,EAAY,eACd,EACAC,EACAgB,GACA,EACA,KACA,WACA,MAIa,aAAAjB,E,8BCnBfZ,EAAOC,QAAU,IAA0B,8B,qBCA3CD,EAAOC,QAAU,IAA0B,8B,kCCA3C,yBAAqgB,EAAG","file":"js/chunk-84c8d61c.12eff230.js","sourcesContent":["import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderExam.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderExam.vue?vue&type=script&lang=js&\"","module.exports = function(module) {\n\tif (!module.webpackPolyfill) {\n\t\tmodule.deprecate = function() {};\n\t\tmodule.paths = [];\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n","module.exports = __webpack_public_path__ + \"img/book.12cfe512.svg\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderExam.vue?vue&type=style&index=0&id=4e1a1956&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./TheHeaderExam.vue?vue&type=style&index=0&id=4e1a1956&scoped=true&lang=css&\"","import { render, staticRenderFns } from \"./TheHeaderExam.vue?vue&type=template&id=4e1a1956&scoped=true&\"\nimport script from \"./TheHeaderExam.vue?vue&type=script&lang=js&\"\nexport * from \"./TheHeaderExam.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TheHeaderExam.vue?vue&type=style&index=0&id=4e1a1956&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  \"4e1a1956\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('CHeader',{staticClass:\"navbars\",attrs:{\"data-aos-easing\":\"linear\",\"data-aos-duration\":\"1500\",\"id\":\"el\"}},[_c('CHeaderBrand',{staticClass:\"mx-auto\",attrs:{\"href\":\"https://www.pickiddo.com\"}},[_c('CRow',[_c('img',{staticClass:\"m-2\",attrs:{\"src\":require(\"../assets/img/icon/logoiBlue.png\"),\"height\":\"48px\"}})])],1),_c('CDropdown',{staticClass:\"m-2 d-sm-flex d-lg-none\",attrs:{\"color\":\"light\",\"caret\":false},scopedSlots:_vm._u([{key:\"toggler-content\",fn:function(){return [_c('CIcon',{attrs:{\"name\":\"cil-justify-center\"}})]},proxy:true}])},[_c('CDropdownItem',{attrs:{\"to\":\"/ExamBank\"}},[_vm._v(\"HOMEPAGE\")])],1),_c('CHeaderNav',{staticClass:\"d-md-down-none mr-auto\"},[_c('CHeaderNavItem',{staticClass:\"px-3\"}),_c('CHeaderNavItem',{staticClass:\"px-3\"},[_c('CHeaderNavLink',{staticStyle:{\"font-family\":\"'Montserrat', sans-serif\",\"font-weight\":\"bold\",\"font-size\":\"15px\"},attrs:{\"to\":\"ExamBank\"}},[_c('img',{staticStyle:{\"max-height\":\"50px\"},attrs:{\"src\":require(\"../assets/img/icon/homeblack.png\")}})])],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","module.exports = __webpack_public_path__ + \"img/onlineexam.4fd98a02.png\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('Mainlayout'),_c('div',{staticClass:\"c-app flex-row align-items-center\"},[_c('CContainer',{staticClass:\"p-0\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticClass:\"container-box center\"},[_c('div',{staticClass:\"text-center\"},[_c('img',{staticStyle:{\"max-height\":\"300px\"},attrs:{\"src\":require(\"../assets/img/icon/onlineexam.png\")}}),_c('h1',{staticClass:\"title-quiz ml-2 mr-2\"},[_vm._v(_vm._s(_vm.quiz.title))])]),_c('CCol',{staticClass:\"ml-3 mr-3\",attrs:{\"sm\":\"12\"}},[_c('div',{staticClass:\"text-left\"},[_c('CRow',[_vm._v(\" This exam paper page is designed to generate random questions from our exam data bank, tailored to the user's selected grade and subject. After completing the test, you can choose to share the exam paper with friends, either to allow them to take the same exam or to generate a fresh set of questions \"),_c('br'),_c('br'),_c('span',{staticClass:\"width:20%\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/book.svg\")}})]),_c('span',{staticClass:\"width:80%\"},[_c('span',{staticClass:\"header-title-info ml-2\"},[_vm._v(\"Subject\")]),_c('br'),_c('br')])]),_c('CRow',[_c('v-select',{ref:\"select\",staticStyle:{\"width\":\"90%\"},attrs:{\"options\":_vm.subjects,\"label\":\"SubjectName\",\"placeholder\":\"--Please Select Subject Name--\"},model:{value:(_vm.SelectedSubjects),callback:function ($$v) {_vm.SelectedSubjects=$$v},expression:\"SelectedSubjects\"}})],1)],1)]),_c('CCol',{staticClass:\"ml-3 mr-3 mt-3\",attrs:{\"sm\":\"12\"}},[_c('div',{staticClass:\"text-left\"},[_c('CRow',[_c('span',{staticClass:\"width:20%\"},[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/book.svg\")}})]),_c('span',{staticClass:\"width:80%\"},[_c('span',{staticClass:\"header-title-info ml-2\"},[_vm._v(\"Grade\")]),_c('br'),_c('br')])]),_c('CRow',[_c('v-select',{ref:\"select\",staticStyle:{\"width\":\"90%\"},attrs:{\"options\":_vm.grades,\"label\":\"GradeName\",\"placeholder\":\"--Please Select Grade Name--\"},model:{value:(_vm.SelectedGrades),callback:function ($$v) {_vm.SelectedGrades=$$v},expression:\"SelectedGrades\"}})],1),_c('CRow',[_c('div',{staticStyle:{\"width\":\"10%\"}},[_c('br'),_c('br'),_c('CInput',{staticStyle:{\"width\":\"30px\",\"display\":\"table-cell\"},attrs:{\"type\":\"checkbox\"},model:{value:(_vm.showDateAnswer),callback:function ($$v) {_vm.showDateAnswer=$$v},expression:\"showDateAnswer\"}})],1),_c('div',{staticStyle:{\"width\":\"90%\"}},[_c('span',{staticClass:\"header-title-info mt-3\"},[_c('br'),_c('br'),_vm._v(\" Choose this option to set a date range for viewing the answer. If you want the answer to always be visible, leave it unchecked.\")])])]),(_vm.showDateAnswer)?_c('CRow',{staticClass:\"mt-4\"},[_c('CCol',{attrs:{\"sm\":\"6\"}},[_vm._v(\" Start Show Answer \"),_c('CInput',{attrs:{\"type\":\"datetime-local\"},model:{value:(_vm.startdateAnswer),callback:function ($$v) {_vm.startdateAnswer=$$v},expression:\"startdateAnswer\"}})],1),_c('CCol',{attrs:{\"sm\":\"6\"}},[_vm._v(\" End Show Answer \"),_c('CInput',{attrs:{\"type\":\"datetime-local\"},model:{value:(_vm.enddateAnswer),callback:function ($$v) {_vm.enddateAnswer=$$v},expression:\"enddateAnswer\"}})],1),_c('br'),_c('br')],1):_vm._e(),_c('CRow')],1)]),(_vm.errorMessage === true)?_c('CAlert',{staticClass:\"mt-2\",attrs:{\"color\":\"danger\"}},[_vm._v(\" No exam generated due to insufficinet question for this subject in this grade.Please select difference option\")]):_vm._e(),_c('div',{staticClass:\"text-center mt-4 mb-5 mt-2\"},[_c('CButton',{staticClass:\"btn-select-blue\",attrs:{\"color\":\"info\"},on:{\"click\":_vm.StudentTakeExam}},[_vm._v(\"Generate Exam\")])],1)],1)])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <Mainlayout></Mainlayout>\n    <div class=\"c-app flex-row align-items-center\">\n      <CContainer style=\"display: flex; justify-content: center\" class=\"p-0\">\n        <div class=\"container-box center\">\n          <div class=\"text-center\">\n            <img\n              style=\"max-height: 300px\"\n              src=\"../assets/img/icon/onlineexam.png\"\n            />\n            <h1 class=\"title-quiz ml-2 mr-2\">{{ quiz.title }}</h1>\n          </div>\n\n          <CCol sm=\"12\" class=\"ml-3 mr-3\">\n            <div class=\"text-left\">\n              <CRow>\n                This exam paper page is designed to generate random questions\n                from our exam data bank, tailored to the user's selected grade\n                and subject. After completing the test, you can choose to share\n                the exam paper with friends, either to allow them to take the\n                same exam or to generate a fresh set of questions\n                <br /><br />\n                <span class=\"width:20%\">\n                  <img src=\"../assets/img/icon/book.svg\" />\n                </span>\n                <span class=\"width:80%\">\n                  <span class=\"header-title-info ml-2\">Subject</span>\n                  <br /><br />\n                </span>\n              </CRow>\n              <CRow>\n                <v-select\n                  style=\"width: 90%\"\n                  ref=\"select\"\n                  v-model=\"SelectedSubjects\"\n                  :options=\"subjects\"\n                  label=\"SubjectName\"\n                  placeholder=\"--Please Select Subject Name--\"\n                >\n                </v-select>\n              </CRow>\n            </div>\n          </CCol>\n          <CCol sm=\"12\" class=\"ml-3 mr-3 mt-3\">\n            <div class=\"text-left\">\n              <CRow>\n                <span class=\"width:20%\">\n                  <img src=\"../assets/img/icon/book.svg\" />\n                </span>\n                <span class=\"width:80%\">\n                  <span class=\"header-title-info ml-2\">Grade</span>\n                  <br /><br />\n                </span>\n              </CRow>\n              <CRow>\n                <v-select\n                  style=\"width: 90%\"\n                  ref=\"select\"\n                  v-model=\"SelectedGrades\"\n                  :options=\"grades\"\n                  label=\"GradeName\"\n                  placeholder=\"--Please Select Grade Name--\"\n                >\n                </v-select>\n              </CRow>\n\n              <CRow>\n                <div style=\"width: 10%\">\n                  <br /><br />\n                  <CInput\n                    type=\"checkbox\"\n                    v-model=\"showDateAnswer\"\n                    style=\"width: 30px; display: table-cell\"\n                  />\n                </div>\n                <div style=\"width: 90%\">\n                  <span class=\"header-title-info mt-3\">\n                    <br />\n                    <br />\n                    Choose this option to set a date range for viewing the\n                    answer. If you want the answer to always be visible, leave\n                    it unchecked.</span\n                  >\n                </div>\n              </CRow>\n\n              <CRow v-if=\"showDateAnswer\" class=\"mt-4\">\n                <CCol sm=\"6\">\n                  Start Show Answer\n                  <CInput type=\"datetime-local\" v-model=\"startdateAnswer\" />\n                </CCol>\n                <CCol sm=\"6\">\n                  End Show Answer\n                  <CInput type=\"datetime-local\" v-model=\"enddateAnswer\" />\n                </CCol>\n                <br /><br />\n              </CRow>\n              <CRow> </CRow>\n            </div>\n          </CCol>\n          <CAlert color=\"danger\" v-if=\"errorMessage === true\" class=\"mt-2\">\n            No exam generated due to insufficinet question for this subject in\n            this grade.Please select difference option</CAlert\n          >\n\n          <div class=\"text-center mt-4 mb-5 mt-2\">\n            <CButton\n              color=\"info\"\n              class=\"btn-select-blue\"\n              @click=\"StudentTakeExam\"\n              >Generate Exam</CButton\n            >\n          </div>\n        </div>\n      </CContainer>\n    </div>\n  </div>\n</template>\n  \n  <script>\nimport Vue from \"vue\";\nimport _ from \"lodash\";\nimport vSelect from \"vue-select\";\nVue.component(\"v-select\", vSelect);\nimport \"vue-select/dist/vue-select.css\";\nimport \"vue-select/src/scss/vue-select.scss\";\nimport Mainlayout from \"../containers/TheHeaderExam.vue\";\n\nexport default {\n  components: {\n    Mainlayout,\n  },\n  data: function () {\n    return {\n      quiz: {},\n\n      studentProfileAuthorize: \"\",\n      SelectedStudent: \"\",\n      childs: [],\n\n      subjects: [],\n      grades: [],\n\n      SelectedGrades: \"\",\n      SelectedSubjects: \"\",\n      dateAnswer: \"\",\n      showDateAnswer: false,\n      endDateAnswer: false,\n\n      gui: \"\",\n      errorMessage: false,\n      qSummary: {},\n    };\n  },\n  async mounted() {\n    this.GetListSubject();\n    this.GetListGrade();\n  },\n  methods: {\n    async GetListChild() {\n      this.$API\n        .get(this.$ListChild + \"?userID=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.childs = response.data;\n          }\n        });\n    },\n    async GetListSubject() {\n      this.$API.get(this.$QuizSubjectList).then((response) => {\n        if (response.status == 200 && response.data != null) {\n          this.subjects = response.data;\n        }\n      });\n    },\n    async GetListGrade() {\n      this.$API.get(this.$QuizGradeList).then((response) => {\n        if (response.status == 200 && response.data != null) {\n          this.grades = response.data;\n        }\n      });\n    },\n    GetAuthorizeProfile() {\n      this.$API\n        .get(this.$GetProfilePhotoAuthorize + \"?userId=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.studentProfileAuthorize = response.data;\n            this.photoURL =\n              \"https://pickiddo.com\" + this.studentProfileAuthorize;\n          }\n        });\n    },\n    GetQuizDetail() {\n      this.$API\n        .get(this.$QuizPreview + \"?quizId=\" + this.$route.query.quizId, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.quiz = response.data;\n          }\n        });\n    },\n    GoToInfoQuiz() {\n      this.$router.push(\"AnswerQuizAll?quizId=\" + this.$route.query.quizId);\n    },\n\n    // SubmitExam() {\n    //   const formData = new FormData();\n    //   formData.append(\"quizId\", this.$route.query.quizId);\n    //   formData.append(\"studentId\", \"12190\");\n\n    //   return this.$API\n    //     .post(this.$StudentStartQuiz, formData, {\n    //       withCredentials: true,\n    //     })\n    //     .then((response) => {\n    //       if (response.status == 200 && response.data != null) {\n    //         var startId = response.data;\n    //         this.getNow(this.quiz.d, this.quiz.h, this.quiz.m, this.quiz.s);\n    //         console.log(this.timestamp);\n    //         this.GoToQuiz(startId);\n    //       }\n    //     })\n    //     .catch((error) => {\n    //       if (error.response) {\n    //         this.Busy = false;\n    //         this.Error = true;\n    //       }\n    //     });\n    // },\n    StudentTakeExam() {\n      const formData = new FormData();\n      formData.append(\"subjectId\", this.SelectedSubjects.Id);\n      formData.append(\"gradeId\", this.SelectedGrades.Id);\n\n      if (this.startdateAnswer != null && this.endDateAnswer != null) {\n        formData.append(\"startdateAnswer\", this.startdateAnswer);\n        formData.append(\"enddateAnswer\", this.enddateAnswer);\n      }\n\n      return this.$API\n        .post(this.$StudentSubmitExamQuestion, formData)\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            var guid = response.data;\n\n            if (guid == \"00000000-0000-0000-0000-000000000000\") {\n              this.errorMessage = true;\n            } else {\n              this.GoToQuiz(guid);\n            }\n          }\n        })\n        .catch((error) => {\n          if (error.response) {\n            this.Busy = false;\n            this.Error = true;\n          }\n        });\n    },\n    getNow: function (d, h, m, s) {\n      const today = new Date();\n      const date =\n        today.getFullYear() +\n        \"-\" +\n        (\"0\" + (today.getMonth() + 1)).slice(-2) +\n        \"-\" +\n        (\"0\" + (today.getDate() + d)).slice(-2);\n      let Chour = today.getHours() + h;\n      let Cminute = today.getMinutes() + m;\n      let Csecond = today.getSeconds() + s;\n      if (Csecond > 60) {\n        Csecond -= 60;\n        Cminute += 1;\n      } else if (Cminute > 60) {\n        Cminute -= 60;\n        Chour += 1;\n      } else {\n      }\n      const time =\n        (\"0\" + Chour).slice(-2) +\n        \":\" +\n        (\"0\" + Cminute).slice(-2) +\n        \":\" +\n        (\"0\" + Csecond).slice(-2);\n      const dateTime = date + \"T\" + time;\n      this.timestamp = dateTime;\n    },\n    // GoToQuiz(guid) {\n    //   this.$router.push(\n    //     \"/ExamDetail?guidId=\" + guid\n    //   );\n    // },\n    // GoToQuiz(guid) {\n    //   this.$router.push(\"/ExamSharing?guidId=\" + guid);\n    // },\n    GoToQuiz(guid) {\n      const currentStartId = this.$route.query.startId; // Get the current startId from the URL\n\n      if (currentStartId !== undefined) {\n\n        this.$API\n        .get(\n          this.$GetStudentFinalScoreExam +\n            \"?startId=\" +\n            this.$route.query.startId\n        )\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.qSummary = response.data;\n            this.$router.push(\n            `/ExamSharing?guidId=${guid}&userId=${this.qSummary.ExamUserId}`\n          );\n          }\n        })\n        .catch(function (error) {\n          console.log(error.response);\n        });\n\n\n        // If startId exists in the URL, pass it to the ExamSharing link\n        \n      } else {\n        // If startId doesn't exist in the URL, proceed with the existing link\n        this.$router.push(`/ExamSharing?guidId=${guid}`);\n      }\n    },\n  },\n};\n</script>\n  \n  <style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n\nbody {\n  font-family: \"Montserrat\", sans-serif;\n}\n.card-custom-web {\n  max-width: 700px;\n  left: 0px;\n  margin-top: 129px;\n  height: 100vh;\n\n  /* Off white */\n\n  background: #f9f9f9;\n  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.08);\n  border-radius: 32px 0px 0px 0px;\n  color: #000;\n}\n</style>","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExamBank.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExamBank.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ExamBank.vue?vue&type=template&id=f00b6c0a&scoped=true&\"\nimport script from \"./ExamBank.vue?vue&type=script&lang=js&\"\nexport * from \"./ExamBank.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ExamBank.vue?vue&type=style&index=0&id=f00b6c0a&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  \"f00b6c0a\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/homeblack.f017859e.png\";","module.exports = __webpack_public_path__ + \"img/logoiBlue.8e8939ee.png\";","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExamBank.vue?vue&type=style&index=0&id=f00b6c0a&scoped=true&lang=css&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ExamBank.vue?vue&type=style&index=0&id=f00b6c0a&scoped=true&lang=css&\""],"sourceRoot":""}