{"version":3,"sources":["webpack:///./src/views/Class/ClassMain.vue?4c8c","webpack:///./src/assets/img/icon/chat.svg","webpack:///./src/containers/TheBottomCustom2.vue?0f47","webpack:///src/containers/TheBottomCustom2.vue","webpack:///./src/containers/TheBottomCustom2.vue?dbe7","webpack:///./src/containers/TheBottomCustom2.vue","webpack:///./src/assets/img/icon/bullseye.svg","webpack:///./src/views/Class/ClassMain.vue?9bc8","webpack:///src/views/Class/ClassMain.vue","webpack:///./src/views/Class/ClassMain.vue?99c0","webpack:///./src/views/Class/ClassMain.vue","webpack:///./src/assets/img/icon/calendar.svg","webpack:///./src/assets/img/icon/quiz.svg","webpack:///./src/assets/img/icon/Circle.svg","webpack:///./src/assets/img/icon/iconHoldpen.svg","webpack:///./src/assets/img/icon/exam.svg","webpack:///./src/assets/img/icon/iconCalculator.svg","webpack:///./src/assets/img/icon/userprofile.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","on","$event","GoHome","homeclick","_v","_e","homeclickgrey","GoClass","classclick","classclickgrey","GoTutor","tutorclick","tutorclickgrey","GoProfile","profileclick","profileclickgrey","staticRenderFns","component","_s","user","name","GoToTimetable","GoToQuiz","ref","_l","slide","key","Id","studentSchedule","slides","id","subjectName","_f","start","end","slot","GoToQuizAll","components","Hooper","Slide","HooperNavigation","HooperPagination","MainlayoutBottom","TheSidebar","TheSidebarRight","data","studentProfileAuthorize","schedule","hooperSettings","itemsToShow","centerMode","breakpoints","800","1000","pagination","childs","parent","methods","GetInfoUser","$API","GetScheduleToday","$router","push"],"mappings":"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","file":"js/chunk-5072f1c1.b34e7120.js","sourcesContent":["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!./ClassMain.vue?vue&type=style&index=0&id=604cf0b4&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!./ClassMain.vue?vue&type=style&index=0&id=604cf0b4&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/chat.513efea8.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"footer-bottom\"},[_c('CRow',{staticClass:\"justify-content-center mb-2\"},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"left\":\"0\",\"right\":\"0\",\"position\":\"fixed\",\"bottom\":\"0px\"},attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoHome()}}},[(_vm.homeclick===true)?_c('div',[_c('img',{staticClass:\"btn-active\",attrs:{\"src\":require(\"../assets/img/icon/home-2.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Home\")])]):_vm._e(),(_vm.homeclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/homegrey.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Home\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoClass()}}},[(_vm.classclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/book-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Class\")])]):_vm._e(),(_vm.classclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBook.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Class\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoTutor()}}},[(_vm.tutorclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/teacher-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Tutor\")])]):_vm._e(),(_vm.tutorclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconTeacher.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Tutor\")])]):_vm._e()])],1),_c('CCol',{staticClass:\"p-0 m-0\",staticStyle:{\"flex\":\"1\"},attrs:{\"sm\":\"2\",\"lg\":\"2\"}},[_c('CCol',{on:{\"click\":function($event){return _vm.GoProfile()}}},[(_vm.profileclick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/profile-blue.svg\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Profile\")])]):_vm._e(),(_vm.profileclickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/profile-circle.svg\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Profile\")])]):_vm._e()])],1)],1)],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"footer-bottom\">\n      <CRow class=\"justify-content-center mb-2\">\n        <CCol style=\"display: flex; align-items: center; justify-content: center\">\n          <CCol sm=\"12\" lg=\"12\">\n            <CCol\n              sm=\"12\"\n              lg=\"12\"\n              style=\"\n                display: flex;\n                align-items: center;\n                justify-content: center;\n                left: 0;\n                right: 0;\n                position: fixed;\n                bottom: 0px;\n              \"\n            >\n              <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoHome()\">\n                  <div v-if=\"homeclick===true\">\n                    <img src=\"../assets/img/icon/home-2.svg\" class=\"btn-active\"/>\n                    <br />\n                    <label class=\"text-blue\"> Home</label>\n                  </div>\n                  <div v-if=\"homeclickgrey===true\">\n                    <img src=\"../assets/img/icon/homegrey.svg\" />\n                    <br />\n                    <label class=\"text-non-active\"> Home</label>\n                  </div>\n                </CCol>\n              </CCol>\n  \n              <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoClass()\">\n                  <div v-if=\"classclick===true\">\n                  <img src=\"../assets/img/icon/book-blue.svg\" />\n                  <br />\n                  <label class=\"text-blue\"> Class</label>\n                  </div>\n                  <div  v-if=\"classclickgrey===true\">\n                  <img src=\"../assets/img/icon/iconBook.svg\" />\n                  <br />\n                  <label class=\"text-non-active\"> Class</label>\n                  </div>\n                </CCol>\n              </CCol>\n  \n              <!-- <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoNotification()\">\n                  <div v-if=\"noticlick===true\">\n                  <img src=\"../assets/img/icon/iconBell.png\" />\n                  <br />\n                  <label class=\"text-blue\"> Notification</label>\n                  </div>\n                  <div  v-if=\"noticlickgrey===true\">\n                  <img src=\"../assets/img/icon/iconBell.png\" />\n                  <br />\n                  <label class=\"text-non-active\"> Notification</label>\n                  </div>\n                </CCol>\n              </CCol> -->\n  \n              <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoTutor()\">\n                  <div v-if=\"tutorclick===true\">\n                  <img src=\"../assets/img/icon/teacher-blue.svg\" />\n                  <br />\n                  <label class=\"text-blue\"> Tutor</label>\n                  </div>\n                  <div  v-if=\"tutorclickgrey===true\">\n                  <img src=\"../assets/img/icon/iconTeacher.svg\" />\n                  <br />\n                  <label class=\"text-non-active\"> Tutor</label>\n                  </div>\n                </CCol>\n              </CCol>\n  \n              <CCol sm=\"2\" lg=\"2\" class=\"p-0 m-0\" style=\"flex: 1\">\n                <CCol @click=\"GoProfile()\">\n                  <div v-if=\"profileclick===true\">\n                  <img src=\"../assets/img/icon/profile-blue.svg\" />\n                  <br />\n                  <label class=\"text-blue\"> Profile</label>\n                </div>\n                <div v-if=\"profileclickgrey===true\">\n                  <img src=\"../assets/img/icon/profile-circle.svg\" />\n                  <br />\n                  <label class=\"text-non-active\"> Profile</label>\n                </div>\n                </CCol>\n              </CCol>\n            </CCol>\n          </CCol>\n        </CCol>\n      </CRow>\n    </div>\n  </template>\n  \n              \n  <script>\n  import Vue from \"vue\";\n  \n  import MainlayoutBottom from \"../containers/TheBottomCustom.vue\";\n  \n  Vue.use(require(\"vue-moment\"));\n  import moment from \"moment\";\n  \n  export default {\n    components: {\n      MainlayoutBottom,\n    },\n    data: function () {\n      return {\n        user: {},\n        studentProfileAuthorize: \"\",\n        schedule: [],\n        hooperSettings: {\n          itemsToShow: 2,\n          centerMode: true,\n          breakpoints: {\n            800: {\n              centerMode: false,\n            },\n            1000: {\n              pagination: \"fraction\",\n            },\n          },\n        },\n        childs: [],\n        parent: [],\n        homeclick: false,\n        classclick:false,\n        profileclick: false,\n        tutorclick: false,\n        noticlick: false,\n  \n        homeclickgrey: true,\n        classclickgrey: true,\n        tutorclickgrey: true,\n        profileclickgrey: true,\n        noticlickgrey: true,\n      };\n    },\n    async mounted() {\n      let isAuth = await this.UserAuth();\n  \n      if (isAuth) {\n        this.Busy = false;\n        this.GetInfoUser();\n      } else {\n        this.GoToLogin();\n      }\n    },\n    methods: {\n      GetInfoUser() {\n        return this.$API\n          .get(this.$LoginUserDetailWebs, {\n            withCredentials: true,\n          })\n          .then((response) => {\n            if (response.status == 200) {\n              this.user = response.data;\n              this.GetAuthorizeProfile(this.user.id);\n            }\n          });\n      },\n      GoHome() {\n        this.homeclick = true;\n        this.homeclickgrey = false;\n        this.$router.push(\"/ExistingUser\");\n        \n      },\n      GoProfile() {\n        if (this.user.userType == \"parent\") {\n          this.profileclick = true;\n          this.profileclickgrey = false;\n          this.$router.push(\"/ParentProfile/Profile\");\n          \n        } else {\n          this.profileclick = true;\n          this.profileclickgrey = false;\n          this.$router.push(\"/Tutor/TutorProfile\");\n          \n        }\n      },\n      GoClass() {\n        this.classclick = true;\n        this.classclickgrey = false;\n        this.$router.push(\"/Class/ClassMain\");\n      \n      },\n      GoTutor() {\n        this.tutorclick = true;\n        this.tutorclickgrey = false;\n        this.$router.push(\"/FindTutor/FindTutorMainpage\");\n      },\n    //   GoNotification() {\n    //     this.noticlick = true;\n    //     this.noticlickgrey = false;\n    //     this.$router.push(\"/Notification\");\n    //   },\n    },\n  };\n  </script>\n  ","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!./TheBottomCustom2.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!./TheBottomCustom2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheBottomCustom2.vue?vue&type=template&id=08c3e59c&\"\nimport script from \"./TheBottomCustom2.vue?vue&type=script&lang=js&\"\nexport * from \"./TheBottomCustom2.vue?vue&type=script&lang=js&\"\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  null,\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/bullseye.57653e42.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"c-app-new flex-row align-items-center d-sm-down-none\"},[_c('CRow',{staticClass:\"p-0\"},[_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"3\"}},[_c('TheSidebar')],1),_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"6\"}},[_c('CCarousel',{staticClass:\"mb-5\",attrs:{\"arrows\":\"\",\"indicators\":\"\",\"animate\":\"\",\"height\":\"100px\"}},[_c('CCarouselItem',[_c('span',{staticClass:\"class-top-header top-header-badge\"},[_vm._v(\"Best Match Quiz\")]),_c('span',{staticClass:\"class-top-header class-teach-name\"},[_vm._v(\"Algebra and Calculus\")]),_c('span',{staticClass:\"class-top-header class-teach-subject\"},[_vm._v(\"Mathematics (Form 5)\")]),_c('span',{staticClass:\"float-right custom-bg-icon\"},[_c('img',{staticStyle:{\"right\":\"-6px\",\"position\":\"absolute\",\"bottom\":\"-135px\",\"width\":\"160px\",\"height\":\"160px\"},attrs:{\"src\":require(\"../../assets/img/icon/Circle.svg\")}}),_c('img',{staticStyle:{\"position\":\"absolute\",\"width\":\"70px\",\"height\":\"70px\",\"right\":\"20px\",\"bottom\":\"-95px\"},attrs:{\"src\":require(\"../../assets/img/icon/iconCalculator.svg\")}})])]),_c('CCarouselItem',[_c('span',{staticClass:\"class-top-header top-header-badge\",staticStyle:{\"width\":\"154px\"}},[_vm._v(\"Top Student of 5 Akas\")]),_c('span',{staticClass:\"class-top-header class-teach-name\",staticStyle:{\"width\":\"200px\"}},[_vm._v(_vm._s(_vm.user.name))]),_c('span',{staticClass:\"class-top-header class-teach-subject\"},[_vm._v(\"Mid Year Exam 2022 Mathematics\")]),_c('span',{staticClass:\"float-right custom-bg-icon\"},[_c('img',{staticStyle:{\"right\":\"-6px\",\"position\":\"absolute\",\"bottom\":\"-135px\",\"width\":\"160px\",\"height\":\"160px\"},attrs:{\"src\":require(\"../../assets/img/icon/Circle.svg\")}}),_c('img',{staticStyle:{\"position\":\"absolute\",\"width\":\"70px\",\"height\":\"70px\",\"right\":\"20px\",\"bottom\":\"-95px\"},attrs:{\"src\":require(\"../../assets/img/icon/userprofile.svg\")}})])])],1),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_vm._v(\" \"),_c('br'),_c('CContainer',{staticClass:\"p-0\",staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\",\"margin-top\":\"0px\"}},[_c('div',{staticClass:\"container-box-custom center\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"card-custom-web-new\"},[_c('br'),_c('CCard',{staticClass:\"card-dark-orange mt-2\"},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"label-dark-orange\"},[_vm._v(\" Your next class is at 9.00AM (Mathematics) \")])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"position\":\"absolute\",\"left\":\"73.13%\",\"right\":\"5.07%\",\"top\":\"3.57%\",\"bottom\":\"9.52%\"},attrs:{\"src\":require(\"../../assets/img/icon/bullseye.svg\")}})])])],1),_c('br'),_c('div',{staticClass:\"float-left\"},[_c('strong',{staticClass:\"class-teach-name\",staticStyle:{\"color\":\"#000A2C\",\"text-align\":\"left\",\"margin\":\"20px\"}},[_vm._v(\" Myself / My Child \")])]),_c('br'),_c('br'),_c('CRow',{staticClass:\"justify-content-center mb-2\"},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"left\":\"0\",\"right\":\"0\",\"bottom\":\"0px\"},attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticClass:\"p-0 mr-2\",staticStyle:{\"width\":\"25%\"},attrs:{\"sm\":\"3\",\"lg\":\"3\"}},[_c('CCard',{staticClass:\"text-center p-1\",staticStyle:{\"border\":\"none\"},on:{\"click\":function($event){return _vm.GoToTimetable()}}},[_c('CCol',{staticStyle:{\"padding-left\":\"0px\",\"padding-right\":\"0px\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/calendar.svg\")}}),_c('br'),_c('label',{staticClass:\"text-icon custom-font-cards\"},[_vm._v(\" Timetable\")])])],1)],1),_c('CCol',{staticClass:\"p-0 mr-2\",staticStyle:{\"width\":\"25%\"},attrs:{\"sm\":\"3\",\"lg\":\"3\"}},[_c('CCard',{staticClass:\"text-center p-1\",staticStyle:{\"border\":\"none\"},on:{\"click\":function($event){return _vm.GoToQuiz()}}},[_c('CCol',{staticStyle:{\"padding-left\":\"0px\",\"padding-right\":\"0px\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/quiz.svg\")}}),_c('br'),_c('label',{staticClass:\"text-icon custom-font-cards\"},[_vm._v(\" Quiz\")])])],1)],1),_c('CCol',{staticClass:\"p-0 mr-2\",staticStyle:{\"width\":\"25%\"},attrs:{\"sm\":\"3\",\"lg\":\"3\"}},[_c('CCard',{staticClass:\"text-center p-1\",staticStyle:{\"border\":\"none\"}},[_c('CCol',{staticStyle:{\"padding-left\":\"0px\",\"padding-right\":\"0px\"}},[_c('img',{staticStyle:{\"filter\":\"grayscale(1)\"},attrs:{\"src\":require(\"../../assets/img/icon/exam.svg\")}}),_c('br'),_c('label',{staticClass:\"text-icon custom-font-cards\"},[_vm._v(\" Exam\")])])],1)],1),_c('CCol',{staticClass:\"p-0\",staticStyle:{\"width\":\"25%\"},attrs:{\"sm\":\"3\",\"lg\":\"3\"}},[_c('CCard',{staticClass:\"text-center p-1\",staticStyle:{\"border\":\"none\"}},[_c('CCol',{staticStyle:{\"padding-left\":\"0px\",\"padding-right\":\"0px\"}},[_c('img',{staticStyle:{\"filter\":\"grayscale(1)\"},attrs:{\"src\":require(\"../../assets/img/icon/chat.svg\")}}),_c('br'),_c('label',{staticClass:\"text-icon custom-font-cards\"},[_vm._v(\" Askkiddo\")])])],1)],1)],1)],1)],1)],1),_c('br'),_c('div',{staticClass:\"float-left\"},[_c('strong',{staticClass:\"class-teach-name\",staticStyle:{\"color\":\"#000A2C\",\"text-align\":\"left\",\"margin\":\"20px\"}},[_vm._v(\" Upcoming Class\")])]),_c('div',{staticClass:\"float-right\"},[_c('strong',{staticClass:\"custom-text-viewall\",staticStyle:{\"margin\":\"20px\"},on:{\"click\":function($event){return _vm.GoToTimetable()}}},[_vm._v(\"View All\")])]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('div',{staticClass:\"ml-3 mr-3 mb-3\"},[_c('hooper',{ref:\"hooper\",staticClass:\"d-sm-down-none\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":2,\"pagination\":\"yes\"}},[_vm._l((_vm.schedule),function(slide){return _c('slide',{key:slide.Id,attrs:{\"index\":slide.Id}},[_c('CCard',{staticClass:\"mr-3\",staticStyle:{\"border-radius\":\"10px\",\"height\":\"150px\"}},[_c('CCardHeader',[_c('b',[_vm._v(_vm._s(slide.name)+\" Class\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('b',[_vm._v(\" Today\")])])]),(slide.studentSchedule.length)?_c('CCardBody',{staticClass:\"overflow-auto\"},[(slide.studentSchedule.length)?_c('div',_vm._l((slide.studentSchedule),function(slides){return _c('CRow',{key:slides.id,staticClass:\"ml-2 mr-2\"},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\" \"+_vm._s(slides.subjectName)+\" \")]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(slides.start,\"HH:mm A\"))+\" - \"+_vm._s(_vm._f(\"moment\")(slides.end,\"HH:mm A\"))+\" \")])])}),1):_c('div',[_c('CRow',[_c('div',{staticStyle:{\"text-align\":\"center\",\"margin\":\"0 auto\",\"left\":\"0\",\"right\":\"0\",\"width\":\"fit-content\"}},[_vm._v(\" No upcoming class \")])])],1)]):_c('CCardBody',{staticClass:\"overflow-auto\"},[_c('div',[_c('CRow',[_c('div',{staticStyle:{\"text-align\":\"center\",\"margin\":\"0 auto\",\"left\":\"0\",\"right\":\"0\",\"width\":\"fit-content\"}},[_vm._v(\" No upcoming class \")])])],1)])],1)],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"}),_c('hooper-pagination',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2)],1),_c('div',{staticClass:\"ml-3 mr-3 mb-3\"},[_c('hooper',{ref:\"hooper\",staticClass:\"d-sm-flex d-md-none\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":1,\"pagination\":\"yes\"}},[_vm._l((_vm.schedule),function(slide){return _c('slide',{key:slide.Id,attrs:{\"index\":slide.Id}},[_c('CCard',{staticClass:\"overflow-auto\",staticStyle:{\"border-radius\":\"10px\",\"height\":\"200px\"}},[_c('CCardHeader',[_c('b',[_vm._v(_vm._s(slide.name)+\" Class\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('b',[_vm._v(\" Today\")])])]),(slide.studentSchedule.length)?_c('CCardBody',{staticClass:\"overflow-auto\"},[_c('div',_vm._l((slide.studentSchedule),function(slides){return _c('CRow',{key:slides.id,staticClass:\"ml-2 mr-2\"},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\" \"+_vm._s(slides.subjectName)+\" \")]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(slides.start,\"HH:mm A\"))+\" - \"+_vm._s(_vm._f(\"moment\")(slides.end,\"HH:mm A\"))+\" \")])])}),1)]):_c('CCardBody',{staticClass:\"overflow-auto\"},[_c('div',[_c('CRow',[_c('div',{staticStyle:{\"text-align\":\"center\",\"margin\":\"0 auto\",\"left\":\"0\",\"right\":\"0\",\"width\":\"fit-content\"}},[_vm._v(\" No upcoming class \")])])],1)])],1)],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"}),_c('hooper-pagination',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2)],1),_c('CCard',{staticClass:\"custom-bg-color-grey\",staticStyle:{\"height\":\"153px\"}},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"sub-title-header2 mt-1 ml-4 mb-2\",staticStyle:{\"text-align\":\"left\"}},[_c('strong',[_vm._v(\" Test Exam Bank \")]),_c('br')]),_c('label',{staticClass:\"sub-title-card2 ml-4\",staticStyle:{\"margin-bottom\":\"40px\"}},[_vm._v(\" Want to test your knowledge? \")]),_c('CButton',{staticClass:\"custom-header-btn ml-4\",on:{\"click\":function($event){return _vm.GoToQuizAll()}}},[_vm._v(\"Browse Quiz\")])],1),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"right\":\"0px\",\"position\":\"absolute\",\"bottom\":\"0px\",\"height\":\"150px\"},attrs:{\"src\":require(\"../../assets/img/icon/iconHoldpen.svg\")}})])])],1),_c('br'),_c('br'),_c('MainlayoutBottom',{staticClass:\"d-md-none d-lg-none\"})],1)])])])],1),_c('CCol',{staticClass:\"p-0\",attrs:{\"sm\":\"3\"}},[_c('TheSidebarRight',{staticClass:\"mt-3\"})],1)],1)],1),_c('div',{staticClass:\"c-app-new flex-row align-items-center d-md-none d-lg-none\"},[_c('CRow',{staticClass:\"p-0\"},[_c('CContainer',{staticStyle:{\"display\":\"flex\",\"justify-content\":\"center\"}},[_c('div',{staticClass:\"container-box center\"},[_c('div',{staticClass:\"text-left\"},[_c('div',{staticClass:\"card-custom-web\"},[_c('br'),_c('CCard',{staticClass:\"card-dark-orange\"},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"label-dark-orange\"},[_vm._v(\" Your next class is at 9.00AM (Mathematics) \")])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"position\":\"absolute\",\"left\":\"73.13%\",\"right\":\"5.07%\",\"top\":\"3.57%\",\"bottom\":\"9.52%\"},attrs:{\"src\":require(\"../../assets/img/icon/bullseye.svg\")}})])])],1),_c('br'),_c('div',{staticClass:\"float-left\"},[_c('strong',{staticClass:\"class-teach-name\",staticStyle:{\"color\":\"#000A2C\",\"text-align\":\"left\",\"margin\":\"20px\"}},[_vm._v(\" Myself / My Child \")])]),_c('br'),_c('br'),_c('CRow',{staticClass:\"justify-content-center mb-2\"},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\"}},[_c('CCol',{attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticStyle:{\"display\":\"flex\",\"align-items\":\"center\",\"justify-content\":\"center\",\"left\":\"0\",\"right\":\"0\",\"bottom\":\"0px\"},attrs:{\"sm\":\"12\",\"lg\":\"12\"}},[_c('CCol',{staticClass:\"p-0 mr-2\",staticStyle:{\"width\":\"25%\"},attrs:{\"sm\":\"3\",\"lg\":\"3\"}},[_c('CCard',{staticClass:\"text-center p-1\",staticStyle:{\"border\":\"none\"},on:{\"click\":function($event){return _vm.GoToTimetable()}}},[_c('CCol',{staticStyle:{\"padding-left\":\"0px\",\"padding-right\":\"0px\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/calendar.svg\")}}),_c('br'),_c('label',{staticClass:\"text-icon custom-font-cards\"},[_vm._v(\" Timetable\")])])],1)],1),_c('CCol',{staticClass:\"p-0 mr-2\",staticStyle:{\"width\":\"25%\"},attrs:{\"sm\":\"3\",\"lg\":\"3\"}},[_c('CCard',{staticClass:\"text-center p-1\",staticStyle:{\"border\":\"none\"},on:{\"click\":function($event){return _vm.GoToQuiz()}}},[_c('CCol',{staticStyle:{\"padding-left\":\"0px\",\"padding-right\":\"0px\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/quiz.svg\")}}),_c('br'),_c('label',{staticClass:\"text-icon custom-font-cards\"},[_vm._v(\" Quiz\")])])],1)],1),_c('CCol',{staticClass:\"p-0 mr-2\",staticStyle:{\"width\":\"25%\"},attrs:{\"sm\":\"3\",\"lg\":\"3\"}},[_c('CCard',{staticClass:\"text-center p-1\",staticStyle:{\"border\":\"none\"}},[_c('CCol',{staticStyle:{\"padding-left\":\"0px\",\"padding-right\":\"0px\"}},[_c('img',{staticStyle:{\"filter\":\"grayscale(1)\"},attrs:{\"src\":require(\"../../assets/img/icon/exam.svg\")}}),_c('br'),_c('label',{staticClass:\"text-icon custom-font-cards\"},[_vm._v(\" Exam\")])])],1)],1),_c('CCol',{staticClass:\"p-0\",staticStyle:{\"width\":\"25%\"},attrs:{\"sm\":\"3\",\"lg\":\"3\"}},[_c('CCard',{staticClass:\"text-center p-1\",staticStyle:{\"border\":\"none\"}},[_c('CCol',{staticStyle:{\"padding-left\":\"0px\",\"padding-right\":\"0px\"}},[_c('img',{staticStyle:{\"filter\":\"grayscale(1)\"},attrs:{\"src\":require(\"../../assets/img/icon/chat.svg\")}}),_c('br'),_c('label',{staticClass:\"text-icon custom-font-cards\"},[_vm._v(\" Askkiddo\")])])],1)],1)],1)],1)],1)],1),_c('br'),_c('div',{staticClass:\"float-left\"},[_c('strong',{staticClass:\"class-teach-name\",staticStyle:{\"color\":\"#000A2C\",\"text-align\":\"left\",\"margin\":\"20px\"}},[_vm._v(\" Upcoming Class\")])]),_c('div',{staticClass:\"float-right\"},[_c('strong',{staticClass:\"custom-text-viewall\",staticStyle:{\"margin\":\"20px\"},on:{\"click\":function($event){return _vm.GoToTimetable()}}},[_vm._v(\"View All\")])]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('div',{staticClass:\"ml-3 mr-3 mb-3\"},[_c('hooper',{ref:\"hooper\",staticClass:\"d-sm-down-none\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":2,\"pagination\":\"yes\"}},[_vm._l((_vm.schedule),function(slide){return _c('slide',{key:slide.Id,attrs:{\"index\":slide.Id}},[_c('CCard',{staticClass:\"mr-3\",staticStyle:{\"border-radius\":\"10px\",\"height\":\"150px\"}},[_c('CCardHeader',[_c('b',[_vm._v(_vm._s(slide.name)+\" Class\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('b',[_vm._v(\" Today\")])])]),(slide.studentSchedule.length)?_c('CCardBody',{staticClass:\"overflow-auto\"},[(slide.studentSchedule.length)?_c('div',_vm._l((slide.studentSchedule),function(slides){return _c('CRow',{key:slides.id,staticClass:\"ml-2 mr-2\"},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\" \"+_vm._s(slides.subjectName)+\" \")]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(slides.start,\"HH:mm A\"))+\" - \"+_vm._s(_vm._f(\"moment\")(slides.end,\"HH:mm A\"))+\" \")])])}),1):_c('div',[_c('CRow',[_c('div',{staticStyle:{\"text-align\":\"center\",\"margin\":\"0 auto\",\"left\":\"0\",\"right\":\"0\",\"width\":\"fit-content\"}},[_vm._v(\" No upcoming class \")])])],1)]):_c('CCardBody',{staticClass:\"overflow-auto\"},[_c('div',[_c('CRow',[_c('div',{staticStyle:{\"text-align\":\"center\",\"margin\":\"0 auto\",\"left\":\"0\",\"right\":\"0\",\"width\":\"fit-content\"}},[_vm._v(\" No upcoming class \")])])],1)])],1)],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"}),_c('hooper-pagination',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2)],1),_c('div',{staticClass:\"ml-3 mr-3 mb-3\"},[_c('hooper',{ref:\"hooper\",staticClass:\"d-sm-flex d-md-none\",attrs:{\"settings\":\"hooperSettings\",\"itemsToShow\":1,\"pagination\":\"yes\"}},[_vm._l((_vm.schedule),function(slide){return _c('slide',{key:slide.Id,attrs:{\"index\":slide.Id}},[_c('CCard',{staticClass:\"overflow-auto\",staticStyle:{\"border-radius\":\"10px\",\"height\":\"200px\"}},[_c('CCardHeader',[_c('b',[_vm._v(_vm._s(slide.name)+\" Class\")]),_c('div',{staticClass:\"card-header-actions\"},[_c('b',[_vm._v(\" Today\")])])]),(slide.studentSchedule.length)?_c('CCardBody',{staticClass:\"overflow-auto\"},[_c('div',_vm._l((slide.studentSchedule),function(slides){return _c('CRow',{key:slides.id,staticClass:\"ml-2 mr-2\"},[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\" \"+_vm._s(slides.subjectName)+\" \")]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(slides.start,\"HH:mm A\"))+\" - \"+_vm._s(_vm._f(\"moment\")(slides.end,\"HH:mm A\"))+\" \")])])}),1)]):_c('CCardBody',{staticClass:\"overflow-auto\"},[_c('div',[_c('CRow',[_c('div',{staticStyle:{\"text-align\":\"center\",\"margin\":\"0 auto\",\"left\":\"0\",\"right\":\"0\",\"width\":\"fit-content\"}},[_vm._v(\" No upcoming class \")])])],1)])],1)],1)}),_c('hooper-navigation',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"}),_c('hooper-pagination',{attrs:{\"slot\":\"hooper-addons\"},slot:\"hooper-addons\"})],2)],1),_c('CCard',{staticClass:\"custom-bg-color-grey\",staticStyle:{\"height\":\"153px\"}},[_c('CRow',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"50%\"}},[_c('h3',{staticClass:\"sub-title-header2 mt-1 ml-4 mb-2\",staticStyle:{\"text-align\":\"left\"}},[_c('strong',[_vm._v(\" Test Exam Bank \")]),_c('br')]),_c('label',{staticClass:\"sub-title-card2 ml-4\",staticStyle:{\"margin-bottom\":\"40px\"}},[_vm._v(\" Want to test your knowledge? \")]),_c('CButton',{staticClass:\"custom-header-btn ml-4\",on:{\"click\":function($event){return _vm.GoToQuizAll()}}},[_vm._v(\"Browse Quiz\")])],1),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"50%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"right\":\"0px\",\"position\":\"absolute\",\"bottom\":\"0px\",\"height\":\"150px\"},attrs:{\"src\":require(\"../../assets/img/icon/iconHoldpen.svg\")}})])])],1),_c('br'),_c('br'),_c('MainlayoutBottom')],1)])])]),_c('CCarousel',{attrs:{\"arrows\":\"\",\"indicators\":\"\",\"animate\":\"\",\"height\":\"100px\"}},[_c('CCarouselItem',[_c('span',{staticClass:\"class-top-header top-header-badge\"},[_vm._v(\"Best Match Quiz\")]),_c('span',{staticClass:\"class-top-header class-teach-name\"},[_vm._v(\"Algebra and Calculus\")]),_c('span',{staticClass:\"class-top-header class-teach-subject\"},[_vm._v(\"Mathematics (Form 5)\")]),_c('span',{staticClass:\"float-right custom-bg-icon\"},[_c('img',{staticStyle:{\"right\":\"-6px\",\"position\":\"absolute\",\"bottom\":\"-135px\",\"width\":\"160px\",\"height\":\"160px\"},attrs:{\"src\":require(\"../../assets/img/icon/Circle.svg\")}}),_c('img',{staticStyle:{\"position\":\"absolute\",\"width\":\"70px\",\"height\":\"70px\",\"right\":\"20px\",\"bottom\":\"-95px\"},attrs:{\"src\":require(\"../../assets/img/icon/iconCalculator.svg\")}})])]),_c('CCarouselItem',[_c('span',{staticClass:\"class-top-header top-header-badge\",staticStyle:{\"width\":\"154px\"}},[_vm._v(\"Top Student of 5 Akas\")]),_c('span',{staticClass:\"class-top-header class-teach-name\",staticStyle:{\"width\":\"200px\"}},[_vm._v(_vm._s(_vm.user.name))]),_c('span',{staticClass:\"class-top-header class-teach-subject\"},[_vm._v(\"Mid Year Exam 2022 Mathematics\")]),_c('span',{staticClass:\"float-right custom-bg-icon\"},[_c('img',{staticStyle:{\"right\":\"-6px\",\"position\":\"absolute\",\"bottom\":\"-135px\",\"width\":\"160px\",\"height\":\"160px\"},attrs:{\"src\":require(\"../../assets/img/icon/Circle.svg\")}}),_c('img',{staticStyle:{\"position\":\"absolute\",\"width\":\"70px\",\"height\":\"70px\",\"right\":\"20px\",\"bottom\":\"-95px\"},attrs:{\"src\":require(\"../../assets/img/icon/userprofile.svg\")}})])])],1)],1)],1),_c('div',{staticStyle:{\"clear\":\"both\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n  <div class=\"c-app-new flex-row align-items-center d-sm-down-none\">\n    <CRow class=\"p-0\">\n  <CCol sm=\"3\" class=\"p-0\">\n <TheSidebar></TheSidebar></CCol>\n  <CCol sm=\"6\" class=\"p-0\">\n       \n    <CCarousel\n        arrows\n        indicators\n        animate\n        height=\"100px\"\n        class=\"mb-5\"\n        >\n        <CCarouselItem>\n          <span class=\"class-top-header top-header-badge\">Best Match Quiz</span>\n          <span class=\"class-top-header class-teach-name\">Algebra and Calculus</span> \n          <span class=\"class-top-header class-teach-subject\">Mathematics (Form 5)</span>\n          <span class=\"float-right custom-bg-icon\">\n            <img src=\"../../assets/img/icon/Circle.svg\" style=\"\n            right: -6px;\n            position: absolute;\n            bottom: -135px;\n            width: 160px;\n            height: 160px;\" />\n            <img src=\"../../assets/img/icon/iconCalculator.svg\" style=\"\n            position: absolute;\n            width: 70px;\n            height: 70px;\n            right: 20px;\n            bottom: -95px;\" />\n          </span>\n        </CCarouselItem>\n\n        <CCarouselItem>\n          <span class=\"class-top-header top-header-badge\" style=\"width: 154px\">Top Student of 5 Akas</span>\n          <span class=\"class-top-header class-teach-name\" style=\"width: 200px;\">{{user.name}}</span> \n          <span class=\"class-top-header class-teach-subject\">Mid Year Exam 2022 Mathematics</span>\n          <span class=\"float-right custom-bg-icon\">\n            <img src=\"../../assets/img/icon/Circle.svg\" style=\"\n            right: -6px;\n            position: absolute;\n            bottom: -135px;\n            width: 160px;\n            height: 160px;\" />\n            <img src=\"../../assets/img/icon/userprofile.svg\" style=\"\n            position: absolute;\n            width: 70px;\n            height: 70px;\n            right: 20px;\n            bottom: -95px;\" />\n          </span>\n        </CCarouselItem>\n      </CCarousel>\n      <br /> <br /> <br /> <br /> <br /> <br /> <br />\n    <CContainer style=\"display: flex; justify-content: center;margin-top:0px\" class=\"p-0\">\n      <div class=\"container-box-custom center\">\n\n        <div class=\"text-left\">\n          <div class=\"card-custom-web-new\">\n            <br /> \n            <CCard class=\"card-dark-orange mt-2\">\n              <CRow>\n                <div style=\"width: 50%\" class=\"float-left\">\n                  <h3 class=\"label-dark-orange\">\n                    Your next class is at 9.00AM (Mathematics)\n                  </h3>\n                </div>\n                <div style=\"width: 50%\" class=\"float-right\">\n                  <img style=\"\n                    position: absolute;\n                    left: 73.13%;\n                    right: 5.07%;\n                    top: 3.57%;\n                    bottom: 9.52%;\"\n                    src=\"../../assets/img/icon/bullseye.svg\"\n                  />\n                </div>\n              </CRow>\n            </CCard>\n\n            <br />\n\n            <div class=\"float-left\">\n              <strong style=\"color: #000A2C; text-align: left; margin: 20px;\" class=\"class-teach-name\"> Myself / My Child </strong>\n            </div>\n\n            <br /><br />\n            \n            <!-- <div class=\"class-card-multiple\" >\n              <CCard class=\"card-rectangle\" @click=\"GoToTimetable()\" style=\"width: 25%; order: 0;\">\n                <img src=\"../../assets/img/icon/iconTimetable.svg\" class=\"icon-reactangle\" style=\"\n                  width: 51px;\n                  height: 43px;\n                  left: calc(50% - 51px/2);\n                  top: calc(50% - 43px/2 + 3px);\" />\n              </CCard>\n\n              <CCard class=\"card-rectangle\" style=\"width: 25%; order: 1;\" @click=\"GoToQuiz()\">\n                <img src=\"../../assets/img/icon/iconQuiz.svg\" class=\"icon-reactangle\" style=\"\n                  width: 23px;\n                  height: 39px;\n                  left: calc(50% - 23px/2 + 0.5px);\n                  top: calc(50% - 39px/2 + 5px);\" />\n              </CCard>\n\n              <CCard class=\"card-rectangle\" style=\"width: 25%; order: 2;\">\n                <img src=\"../../assets/img/icon/iconExam.svg\" class=\"icon-reactangle\" style=\"\n                  width: 29px;\n                  height: 39px;\n                  left: calc(50% - 29px/2 + 0.5px);\n                  top: calc(50% - 39px/2 + 5px);\" />\n              </CCard>\n\n              <CCard class=\" card-rectangle\" style=\"width: 25%; order: 3;\">\n                <img src=\"../../assets/img/icon/iconAskkiddo.svg\" class=\"icon-reactangle\" style=\"\n                  justify-content: center; \n                  width: 41px;\n                  height: 39px;\n                  left: calc(50% - 41px/2 + 0.5px);\n                  top: calc(50% - 39px/2 + 5px);\" />\n              </CCard>\n            </div> -->\n\n            <CRow class=\"justify-content-center mb-2\">\n              <CCol\n                style=\"\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                \"\n              >\n                <CCol sm=\"12\" lg=\"12\">\n                  <CCol\n                    sm=\"12\"\n                    lg=\"12\"\n                    style=\"\n                      display: flex;\n                      align-items: center;\n                      justify-content: center;\n                      left: 0;\n                      right: 0;\n                      bottom: 0px;\n                    \"\n                  >\n                    <CCol sm=\"3\" lg=\"3\" class=\"p-0 mr-2\" style=\"width: 25%\">\n                      <CCard style=\"border: none\" class=\"text-center p-1\" @click=\"GoToTimetable()\">\n                        <CCol style=\"padding-left: 0px; padding-right: 0px;\">\n                          <img src=\"../../assets/img/icon/calendar.svg\" />\n                          <br />\n                          <label class=\"text-icon custom-font-cards\">\n                            Timetable</label\n                          >\n                        </CCol>\n                      </CCard>\n                    </CCol>\n\n                    <CCol sm=\"3\" lg=\"3\" class=\"p-0 mr-2\" style=\"width: 25%\">\n                      <CCard style=\"border: none\" class=\"text-center p-1\" @click=\"GoToQuiz()\">\n                        <CCol style=\"padding-left: 0px; padding-right: 0px;\">\n                          <img src=\"../../assets/img/icon/quiz.svg\" />\n                          <br />\n                          <label class=\"text-icon custom-font-cards\"> Quiz</label>\n                        </CCol>\n                      </CCard>\n                    </CCol>\n\n                    <CCol sm=\"3\" lg=\"3\" class=\"p-0 mr-2\" style=\"width: 25%\">\n                      <CCard style=\"border: none\" class=\"text-center p-1\">\n                        <CCol style=\"padding-left: 0px; padding-right: 0px;\">\n                          <img src=\"../../assets/img/icon/exam.svg\" style=\"filter: grayscale(1);\"/>\n                          <br />\n                          <label class=\"text-icon custom-font-cards\">\n                            Exam</label\n                          >\n                        </CCol>\n                      </CCard>\n                    </CCol>\n\n                    <CCol sm=\"3\" lg=\"3\" class=\"p-0\" style=\"width: 25%\">\n                      <CCard style=\"border: none\" class=\"text-center p-1\" >\n                        <CCol style=\"padding-left: 0px; padding-right: 0px;\">\n                          <img src=\"../../assets/img/icon/chat.svg\" style=\"filter: grayscale(1);\"/>\n                          <br />\n                          <label class=\"text-icon custom-font-cards\">\n                            Askkiddo</label\n                          >\n                        </CCol>\n                      </CCard>\n                    </CCol>\n                  </CCol>\n                </CCol>\n              </CCol>\n            </CRow>\n\n\n            <br />\n              <div class=\"float-left\">\n                <strong style=\"color: #000A2C; text-align: left; margin: 20px;\" class=\"class-teach-name\"> Upcoming Class</strong>\n              </div>\n              <div class=\"float-right\">\n                <strong class=\"custom-text-viewall\" style=\"margin: 20px;\" @click=\"GoToTimetable()\">View All</strong>\n              </div>\n              <div style=\"clear: both\"></div>\n          \n              <div class=\"ml-3 mr-3 mb-3\">\n              <hooper\n                settings=\"hooperSettings\"\n                ref=\"hooper\"\n                :itemsToShow=\"2\"\n                pagination=\"yes\"\n                class=\"d-sm-down-none\"\n              >\n                <slide\n                  v-for=\"slide in schedule\"\n                  :key=\"slide.Id\"\n                  :index=\"slide.Id\"\n                >\n                  <CCard\n                    style=\"border-radius: 10px; height: 150px\"\n                    class=\"mr-3\"\n                  >\n                    <CCardHeader>\n                      <b>{{ slide.name }} Class</b>\n                      <div class=\"card-header-actions\">\n                        <b> Today</b>\n                      </div>\n                    </CCardHeader>\n                    <CCardBody class=\"overflow-auto\" v-if=\"slide.studentSchedule.length\">\n                      <div v-if=\"slide.studentSchedule.length\">\n                        <CRow\n                          v-for=\"slides in slide.studentSchedule\"\n                          v-bind:key=\"slides.id\" class=\"ml-2 mr-2\"\n                        >\n                          <div style=\"width: 50%\" class=\"float-left\">\n                            {{ slides.subjectName }}\n                          </div>\n                          <div style=\"width: 50%\" class=\"float-right\">\n                            {{ slides.start | moment(\"HH:mm A\") }} -\n                            {{ slides.end | moment(\"HH:mm A\") }}\n                          </div>\n                        </CRow>\n                      </div>\n                      <div v-else>\n                        <CRow>\n                          <div\n                            style=\"\n                              text-align: center;\n                              margin: 0 auto;\n                              left: 0;\n                              right: 0;\n                              width: fit-content;\n                            \"\n                          >\n                            No upcoming class\n                          </div>\n                        </CRow>\n                      </div>\n                    </CCardBody>\n                     <CCardBody class=\"overflow-auto\" v-else>\n                       <div>\n                        <CRow>\n                          <div\n                            style=\"\n                              text-align: center;\n                              margin: 0 auto;\n                              left: 0;\n                              right: 0;\n                              width: fit-content;\n                            \"\n                          >\n                            No upcoming class\n                          </div>\n                        </CRow>\n                      </div>\n                    </CCardBody>\n                  </CCard>\n                </slide>\n\n                <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                <hooper-pagination slot=\"hooper-addons\"></hooper-pagination>\n              </hooper>\n            </div>\n\n            <div class=\"ml-3 mr-3 mb-3\">\n              <hooper\n                settings=\"hooperSettings\"\n                ref=\"hooper\"\n                :itemsToShow=\"1\"\n                pagination=\"yes\"\n                class=\"d-sm-flex d-md-none\"\n              >\n                <slide\n                  v-for=\"slide in schedule\"\n                  :key=\"slide.Id\"\n                  :index=\"slide.Id\"\n                >\n                  <CCard\n                    style=\"border-radius: 10px; height: 200px\"\n                    class=\"overflow-auto\"\n                  >\n                    <CCardHeader>\n                      <b>{{ slide.name }} Class</b>\n                      <div class=\"card-header-actions\">\n                        <b> Today</b>\n                      </div>\n                    </CCardHeader>\n                    <CCardBody class=\"overflow-auto\" v-if=\"slide.studentSchedule.length\">\n                      <div>\n                        <CRow\n                          v-for=\"slides in slide.studentSchedule\"\n                          v-bind:key=\"slides.id\"\n                          class=\"ml-2 mr-2\"\n                        >\n                          <div style=\"width: 50%\" class=\"float-left\">\n                            {{ slides.subjectName }}\n                          </div>\n                          <div style=\"width: 50%\" class=\"float-right\">\n                            {{ slides.start | moment(\"HH:mm A\") }} -\n                            {{ slides.end | moment(\"HH:mm A\") }}\n                          </div>\n                        </CRow>\n                      </div>\n                     \n                    </CCardBody>\n                    <CCardBody class=\"overflow-auto\" v-else>\n                       <div>\n                        <CRow>\n                          <div\n                            style=\"\n                              text-align: center;\n                              margin: 0 auto;\n                              left: 0;\n                              right: 0;\n                              width: fit-content;\n                            \"\n                          >\n                            No upcoming class\n                          </div>\n                        </CRow>\n                      </div>\n                    </CCardBody>\n                  </CCard>\n                </slide>\n\n                <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                <hooper-pagination slot=\"hooper-addons\"></hooper-pagination>\n              </hooper>\n            </div>\n           \n\n            <CCard class=\"custom-bg-color-grey\" style=\"height: 153px\">\n              <CRow>\n                <div style=\"width: 50%\" class=\"float-left\">\n                  <h3 \n                    style=\"text-align: left\"\n                    class=\"sub-title-header2 mt-1 ml-4 mb-2\" \n                  >\n                    <strong> Test Exam Bank </strong><br />\n                  </h3>\n                  <label class=\"sub-title-card2 ml-4\" style=\"margin-bottom: 40px;\">\n                    Want to test your knowledge?\n                  </label>\n                  <CButton class=\"custom-header-btn ml-4\" @click=\"GoToQuizAll()\">Browse Quiz</CButton>\n                                     \n                </div>\n                <div style=\"width: 50%\" class=\"float-right\">\n                  <img style=\"\n                    max-width: 100%;\n                    right: 0px;\n                    position: absolute;\n                    bottom: 0px;\n                    height: 150px;\"\n                    src=\"../../assets/img/icon/iconHoldpen.svg\"\n                  />\n                </div>\n              </CRow>\n            </CCard> \n\n            \n            \n            \n\n            <br /><br />\n            <MainlayoutBottom class=\"d-md-none d-lg-none\"></MainlayoutBottom>\n\n          </div>\n        </div>\n      </div>\n    </CContainer>\n\n\n      </CCol>\n      <CCol sm=\"3\" class=\"p-0\">\n      <TheSidebarRight class=\"mt-3\"></TheSidebarRight></CCol>\n    </CRow>\n    </div>\n\n    <div class=\"c-app-new flex-row align-items-center d-md-none d-lg-none\">\n      <CRow class=\"p-0\">\n      <CContainer style=\"display: flex; justify-content: center\" class=\"\">\n      <div class=\"container-box center\">\n\n        <div class=\"text-left\">\n          <div class=\"card-custom-web\">\n            <br />\n            \n            <CCard class=\"card-dark-orange\">\n              <CRow>\n                <div style=\"width: 50%\" class=\"float-left\">\n                  <h3 class=\"label-dark-orange\">\n                    Your next class is at 9.00AM (Mathematics)\n                  </h3>\n                </div>\n                <div style=\"width: 50%\" class=\"float-right\">\n                  <img style=\"\n                    position: absolute;\n                    left: 73.13%;\n                    right: 5.07%;\n                    top: 3.57%;\n                    bottom: 9.52%;\"\n                    src=\"../../assets/img/icon/bullseye.svg\"\n                  />\n                </div>\n              </CRow>\n            </CCard>\n\n            <br />\n\n            <div class=\"float-left\">\n              <strong style=\"color: #000A2C; text-align: left; margin: 20px;\" class=\"class-teach-name\"> Myself / My Child </strong>\n            </div>\n\n            <br /><br />\n            \n            <!-- <div class=\"class-card-multiple\" >\n              <CCard class=\"card-rectangle\" @click=\"GoToTimetable()\" style=\"width: 25%; order: 0;\">\n                <img src=\"../../assets/img/icon/iconTimetable.svg\" class=\"icon-reactangle\" style=\"\n                  width: 51px;\n                  height: 43px;\n                  left: calc(50% - 51px/2);\n                  top: calc(50% - 43px/2 + 3px);\" />\n              </CCard>\n\n              <CCard class=\"card-rectangle\" style=\"width: 25%; order: 1;\" @click=\"GoToQuiz()\">\n                <img src=\"../../assets/img/icon/iconQuiz.svg\" class=\"icon-reactangle\" style=\"\n                  width: 23px;\n                  height: 39px;\n                  left: calc(50% - 23px/2 + 0.5px);\n                  top: calc(50% - 39px/2 + 5px);\" />\n              </CCard>\n\n              <CCard class=\"card-rectangle\" style=\"width: 25%; order: 2;\">\n                <img src=\"../../assets/img/icon/iconExam.svg\" class=\"icon-reactangle\" style=\"\n                  width: 29px;\n                  height: 39px;\n                  left: calc(50% - 29px/2 + 0.5px);\n                  top: calc(50% - 39px/2 + 5px);\" />\n              </CCard>\n\n              <CCard class=\" card-rectangle\" style=\"width: 25%; order: 3;\">\n                <img src=\"../../assets/img/icon/iconAskkiddo.svg\" class=\"icon-reactangle\" style=\"\n                  justify-content: center; \n                  width: 41px;\n                  height: 39px;\n                  left: calc(50% - 41px/2 + 0.5px);\n                  top: calc(50% - 39px/2 + 5px);\" />\n              </CCard>\n            </div> -->\n\n            <CRow class=\"justify-content-center mb-2\">\n              <CCol\n                style=\"\n                  display: flex;\n                  align-items: center;\n                  justify-content: center;\n                \"\n              >\n                <CCol sm=\"12\" lg=\"12\">\n                  <CCol\n                    sm=\"12\"\n                    lg=\"12\"\n                    style=\"\n                      display: flex;\n                      align-items: center;\n                      justify-content: center;\n                      left: 0;\n                      right: 0;\n                      bottom: 0px;\n                    \"\n                  >\n                    <CCol sm=\"3\" lg=\"3\" class=\"p-0 mr-2\" style=\"width: 25%\">\n                      <CCard style=\"border: none\" class=\"text-center p-1\" @click=\"GoToTimetable()\">\n                        <CCol style=\"padding-left: 0px; padding-right: 0px;\">\n                          <img src=\"../../assets/img/icon/calendar.svg\" />\n                          <br />\n                          <label class=\"text-icon custom-font-cards\">\n                            Timetable</label\n                          >\n                        </CCol>\n                      </CCard>\n                    </CCol>\n\n                    <CCol sm=\"3\" lg=\"3\" class=\"p-0 mr-2\" style=\"width: 25%\">\n                      <CCard style=\"border: none\" class=\"text-center p-1\" @click=\"GoToQuiz()\">\n                        <CCol style=\"padding-left: 0px; padding-right: 0px;\">\n                          <img src=\"../../assets/img/icon/quiz.svg\" />\n                          <br />\n                          <label class=\"text-icon custom-font-cards\"> Quiz</label>\n                        </CCol>\n                      </CCard>\n                    </CCol>\n\n                    <CCol sm=\"3\" lg=\"3\" class=\"p-0 mr-2\" style=\"width: 25%\">\n                      <CCard style=\"border: none\" class=\"text-center p-1\">\n                        <CCol style=\"padding-left: 0px; padding-right: 0px;\">\n                          <img src=\"../../assets/img/icon/exam.svg\" style=\"filter: grayscale(1);\"/>\n                          <br />\n                          <label class=\"text-icon custom-font-cards\">\n                            Exam</label\n                          >\n                        </CCol>\n                      </CCard>\n                    </CCol>\n\n                    <CCol sm=\"3\" lg=\"3\" class=\"p-0\" style=\"width: 25%\">\n                      <CCard style=\"border: none\" class=\"text-center p-1\" >\n                        <CCol style=\"padding-left: 0px; padding-right: 0px;\">\n                          <img src=\"../../assets/img/icon/chat.svg\" style=\"filter: grayscale(1);\"/>\n                          <br />\n                          <label class=\"text-icon custom-font-cards\">\n                            Askkiddo</label\n                          >\n                        </CCol>\n                      </CCard>\n                    </CCol>\n                  </CCol>\n                </CCol>\n              </CCol>\n            </CRow>\n\n\n            <br />\n              <div class=\"float-left\">\n                <strong style=\"color: #000A2C; text-align: left; margin: 20px;\" class=\"class-teach-name\"> Upcoming Class</strong>\n              </div>\n              <div class=\"float-right\">\n                <strong class=\"custom-text-viewall\" style=\"margin: 20px;\" @click=\"GoToTimetable()\">View All</strong>\n              </div>\n              <div style=\"clear: both\"></div>\n          \n              <div class=\"ml-3 mr-3 mb-3\">\n              <hooper\n                settings=\"hooperSettings\"\n                ref=\"hooper\"\n                :itemsToShow=\"2\"\n                pagination=\"yes\"\n                class=\"d-sm-down-none\"\n              >\n                <slide\n                  v-for=\"slide in schedule\"\n                  :key=\"slide.Id\"\n                  :index=\"slide.Id\"\n                >\n                  <CCard\n                    style=\"border-radius: 10px; height: 150px\"\n                    class=\"mr-3\"\n                  >\n                    <CCardHeader>\n                      <b>{{ slide.name }} Class</b>\n                      <div class=\"card-header-actions\">\n                        <b> Today</b>\n                      </div>\n                    </CCardHeader>\n                    <CCardBody class=\"overflow-auto\" v-if=\"slide.studentSchedule.length\">\n                      <div v-if=\"slide.studentSchedule.length\">\n                        <CRow\n                          v-for=\"slides in slide.studentSchedule\"\n                          v-bind:key=\"slides.id\" class=\"ml-2 mr-2\"\n                        >\n                          <div style=\"width: 50%\" class=\"float-left\">\n                            {{ slides.subjectName }}\n                          </div>\n                          <div style=\"width: 50%\" class=\"float-right\">\n                            {{ slides.start | moment(\"HH:mm A\") }} -\n                            {{ slides.end | moment(\"HH:mm A\") }}\n                          </div>\n                        </CRow>\n                      </div>\n                      <div v-else>\n                        <CRow>\n                          <div\n                            style=\"\n                              text-align: center;\n                              margin: 0 auto;\n                              left: 0;\n                              right: 0;\n                              width: fit-content;\n                            \"\n                          >\n                            No upcoming class\n                          </div>\n                        </CRow>\n                      </div>\n                    </CCardBody>\n                     <CCardBody class=\"overflow-auto\" v-else>\n                       <div>\n                        <CRow>\n                          <div\n                            style=\"\n                              text-align: center;\n                              margin: 0 auto;\n                              left: 0;\n                              right: 0;\n                              width: fit-content;\n                            \"\n                          >\n                            No upcoming class\n                          </div>\n                        </CRow>\n                      </div>\n                    </CCardBody>\n                  </CCard>\n                </slide>\n\n                <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                <hooper-pagination slot=\"hooper-addons\"></hooper-pagination>\n              </hooper>\n            </div>\n\n            <div class=\"ml-3 mr-3 mb-3\">\n              <hooper\n                settings=\"hooperSettings\"\n                ref=\"hooper\"\n                :itemsToShow=\"1\"\n                pagination=\"yes\"\n                class=\"d-sm-flex d-md-none\"\n              >\n                <slide\n                  v-for=\"slide in schedule\"\n                  :key=\"slide.Id\"\n                  :index=\"slide.Id\"\n                >\n                  <CCard\n                    style=\"border-radius: 10px; height: 200px\"\n                    class=\"overflow-auto\"\n                  >\n                    <CCardHeader>\n                      <b>{{ slide.name }} Class</b>\n                      <div class=\"card-header-actions\">\n                        <b> Today</b>\n                      </div>\n                    </CCardHeader>\n                    <CCardBody class=\"overflow-auto\" v-if=\"slide.studentSchedule.length\">\n                      <div>\n                        <CRow\n                          v-for=\"slides in slide.studentSchedule\"\n                          v-bind:key=\"slides.id\"\n                          class=\"ml-2 mr-2\"\n                        >\n                          <div style=\"width: 50%\" class=\"float-left\">\n                            {{ slides.subjectName }}\n                          </div>\n                          <div style=\"width: 50%\" class=\"float-right\">\n                            {{ slides.start | moment(\"HH:mm A\") }} -\n                            {{ slides.end | moment(\"HH:mm A\") }}\n                          </div>\n                        </CRow>\n                      </div>\n                     \n                    </CCardBody>\n                    <CCardBody class=\"overflow-auto\" v-else>\n                       <div>\n                        <CRow>\n                          <div\n                            style=\"\n                              text-align: center;\n                              margin: 0 auto;\n                              left: 0;\n                              right: 0;\n                              width: fit-content;\n                            \"\n                          >\n                            No upcoming class\n                          </div>\n                        </CRow>\n                      </div>\n                    </CCardBody>\n                  </CCard>\n                </slide>\n\n                <hooper-navigation slot=\"hooper-addons\"></hooper-navigation>\n                <hooper-pagination slot=\"hooper-addons\"></hooper-pagination>\n              </hooper>\n            </div>\n           \n\n            <CCard class=\"custom-bg-color-grey\" style=\"height: 153px\">\n              <CRow>\n                <div style=\"width: 50%\" class=\"float-left\">\n                  <h3 \n                    style=\"text-align: left\"\n                    class=\"sub-title-header2 mt-1 ml-4 mb-2\" \n                  >\n                    <strong> Test Exam Bank </strong><br />\n                  </h3>\n                  <label class=\"sub-title-card2 ml-4\" style=\"margin-bottom: 40px;\">\n                    Want to test your knowledge?\n                  </label>\n                  <CButton class=\"custom-header-btn ml-4\" @click=\"GoToQuizAll()\">Browse Quiz</CButton>\n                                     \n                </div>\n                <div style=\"width: 50%\" class=\"float-right\">\n                  <img style=\"\n                    max-width: 100%;\n                    right: 0px;\n                    position: absolute;\n                    bottom: 0px;\n                    height: 150px;\"\n                    src=\"../../assets/img/icon/iconHoldpen.svg\"\n                  />\n                </div>\n              </CRow>\n            </CCard> \n\n            \n            \n            \n\n            <br /><br />\n            <MainlayoutBottom></MainlayoutBottom>\n\n          </div>\n        </div>\n      </div>\n    </CContainer>\n\n   \n      <CCarousel\n        arrows\n        indicators\n        animate\n        height=\"100px\"\n        >\n        <CCarouselItem>\n          <span class=\"class-top-header top-header-badge\">Best Match Quiz</span>\n          <span class=\"class-top-header class-teach-name\">Algebra and Calculus</span> \n          <span class=\"class-top-header class-teach-subject\">Mathematics (Form 5)</span>\n          <span class=\"float-right custom-bg-icon\">\n            <img src=\"../../assets/img/icon/Circle.svg\" style=\"\n            right: -6px;\n            position: absolute;\n            bottom: -135px;\n            width: 160px;\n            height: 160px;\" />\n            <img src=\"../../assets/img/icon/iconCalculator.svg\" style=\"\n            position: absolute;\n            width: 70px;\n            height: 70px;\n            right: 20px;\n            bottom: -95px;\" />\n          </span>\n        </CCarouselItem>\n\n        <CCarouselItem>\n          <span class=\"class-top-header top-header-badge\" style=\"width: 154px\">Top Student of 5 Akas</span>\n          <span class=\"class-top-header class-teach-name\" style=\"width: 200px;\">{{user.name}}</span> \n          <span class=\"class-top-header class-teach-subject\">Mid Year Exam 2022 Mathematics</span>\n          <span class=\"float-right custom-bg-icon\">\n            <img src=\"../../assets/img/icon/Circle.svg\" style=\"\n            right: -6px;\n            position: absolute;\n            bottom: -135px;\n            width: 160px;\n            height: 160px;\" />\n            <img src=\"../../assets/img/icon/userprofile.svg\" style=\"\n            position: absolute;\n            width: 70px;\n            height: 70px;\n            right: 20px;\n            bottom: -95px;\" />\n          </span>\n        </CCarouselItem>\n      </CCarousel>\n      </CRow>\n    </div>\n          \n    <div style=\"clear: both\"></div>    \n  </div>\n</template>\n\n<script>\nimport Vue from \"vue\";\nimport {\n  Hooper,\n  Slide,\n  Navigation as HooperNavigation,\n  Pagination as HooperPagination,\n} from \"hooper\";\n\nimport MainlayoutBottom from \"../../containers/TheBottomCustom2.vue\";\nimport TheSidebar from \"../../containers/TheCustomSidebar.vue\";\nimport TheSidebarRight from \"../../containers/TheCustomSidebarRight.vue\";\n\nVue.use(require(\"vue-moment\"));\nimport moment from \"moment\";\n\nimport \"hooper/dist/hooper.css\";\nexport default {\n  name: 'Carousels',\n  components: {\n    Hooper,\n    Slide,\n    HooperNavigation,\n    HooperPagination,\n    MainlayoutBottom,\n    TheSidebar,\n    TheSidebarRight\n  },\n  data: function () {\n    return {\n      user: {},\n      studentProfileAuthorize: \"\",\n      schedule: [],\n      hooperSettings: {\n        itemsToShow: 2,\n        centerMode: true,\n        breakpoints: {\n          800: {\n            centerMode: false,\n          },\n          1000: {\n            pagination: \"fraction\",\n          },\n        },\n      },\n      childs: [],\n      parent: [],\n    };\n  },\n  async mounted() {\n    let isAuth = await this.UserAuth();\n\n    if (isAuth) {\n      this.Busy = false;\n      this.GetInfoUser();\n    } else {\n      this.GoToLogin();\n    }\n  },\n  methods: {\n    GetInfoUser() {\n      return this.$API\n        .get(this.$LoginUserDetailWebs, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.user = response.data;\n            // this.GetAuthorizeProfile(this.user.id);\n            // this.GetListChild(this.user.id);\n            this.GetScheduleToday(this.user.id);\n          }\n        });\n    },\n\n    GetScheduleToday() {\n      this.$API\n        .get(this.$SchedulesStudentsWebToday + \"?userId=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.schedule = response.data;\n          }\n        });\n    },\n    GoToQuizAll()\n    {\n      this.$router.push(\"/ExamBank\");\n    },\n\n    // 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\n\n\n    GoToTimetable() {\n      this.$router.push(\"/Class/ClassTimetable\");\n    },\n    GoToQuiz()\n    {\n        this.$router.push(\"/Class/CategoryQuiz\");\n    }\n  }\n}\n</script>\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n\ninput {\n  border-bottom: 2px solid #dbdbdb;\n  background: none;\n  border-top: none;\n  border-left: none;\n  border-right: none;\n  width: 90%;\n}\n\ninput ::placeholder {\n  color: #e0e0e0;\n}\n\n::placeholder {\n  /* Chrome, Firefox, Opera, Safari 10.1+ */\n  color: #e0e0e0;\n}\n.c-app {\n  background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n}\n.custom-bg-color {\n  background: linear-gradient(286.01deg, #5bc4ff 7.93%, #0085ff 96.74%);\n  /* Clickable/Light */\n\n  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\n  border-radius: 8px;\n  margin: 0px 20px;\n  display: flex;\n  justify-content: center;\n}\nbody {\n  font-family: \"Montserrat\", sans-serif;\n}\n\n.class-top-header {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;  \n  gap: 8px;\n\n  position: absolute;\n  width: 112px;  \n  left: 17px;    \n}\n\n.top-header-badge {\n  padding: 4px 1px;\n  top: 14px;\n  height: 23px;\n\n  /* Pure/White */\n\n  background: #FFFFFF;\n  border-radius: 4px;\n\n  /* width: 96px;\n  height: 15px; */\n\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 700;\n  font-size: 12px;\n  line-height: 15px;\n  /* identical to box height */\n\n\n  /* Blue/Primary */\n\n  color: #007CEF;\n\n\n  /* Inside auto layout */\n\n  flex: none;\n  order: 0;\n  flex-grow: 0;\n}\n\n.class-teach-name {\n  padding: 4px 1px;\n  top: 45px;\n  /* height: 40px; */\n\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 20px;\n\n  /* Pure/White */\n\n  color: #FFFFFF;\n\n\n  /* Inside auto layout */\n\n  /* flex: none;\n  order: 0;\n  flex-grow: 0; */\n}\n\n.class-teach-subject {\n  /* padding: 4px 1px; */\n  top: 89px;\n  height: 15px;\n  width: auto;\n\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 400;\n  font-size: 12px;\n  line-height: 15px;\n  /* identical to box height */\n\n\n  /* Pure/White */\n\n  color: #FFFFFF;\n\n\n  /* Inside auto layout */\n\n  flex: none;\n  order: 1;\n  flex-grow: 0;\n}\n\n.carousel2 {\n  display: flex;\n  flex-direction: row;\n  align-items: flex-start;\n  padding: 0px;\n  gap: 4px;\n\n  position: absolute;\n  width: 36px;\n  height: 6px;\n  left: 20px;\n  top: 115px;\n}\n\n.card-dark-orange {\n  /* width: 335px; */\nheight: 84px;\n\n/* Brand/Gradient-Orange */\n\nbackground: linear-gradient(286.01deg, #F5AF45 7.93%, #C96000 96.74%);\nborder-radius: 10px;\nmargin: 0px 20px;\ndisplay: flex;\njustify-content: center;\n\n/* Inside auto layout */\n\n/* flex: none;\norder: 0;\nflex-grow: 0; */\n}\n\n.label-dark-orange {\n  position: absolute;\nwidth: 223px;\nheight: 44px;\nleft: 16px;\ntop: 20px;\n\n/* Title/1/Semibold */\n\nfont-family: 'Montserrat';\nfont-style: normal;\nfont-weight: 600;\nfont-size: 18px;\nline-height: 22px;\n\n/* Pure/White */\n\ncolor: #FFFFFF;\n\n}\n\n.class-card-multiple {\n display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: flex-start;\npadding: 0px;\ngap: 16px;\n\n/* width: 334px; */\nheight: 65px;\nmargin: 0px 20px;\ndisplay: flex;\njustify-content: center;\n\n\n/* Inside auto layout */\n\nflex: none;\norder: 1;\nflex-grow: 0;\n}\n\n.card-rectangle {\n/* width: 71px; */\nheight: 65px;\n/* margin-left: 10px;\nmargin-right: 10px; */\n/* display: flex; */\njustify-content: center;\n\nbackground: #FFFFFF;\n/* Clickable/Light */\n\nbox-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\nborder-radius: 8px;\n\n/* Inside auto layout */\n\n/* flex: none;\norder: 0;\nflex-grow: 0; */\n}\n\n.icon-reactangle {\n    display: flex;\nflex-direction: column;\nalign-items: center;\npadding: 0px;\ngap: 4px;\nposition: absolute;\n}\n\n.card-upcoming-class {\ndisplay: flex;\nflex-direction: column;\nalign-items: flex-start;\npadding: 0px;\ngap: 16px;\n\n/* width: 335px; */\n/* height: 184px; */\nmargin: 0px 20px;\ndisplay: flex;\njustify-content: center;\n\n/* Inside auto layout */\n\n/* flex: none;\norder: 2;\nflex-grow: 0; */\n}\n\n.card-light-orange {\nheight: 117px;\n\n/* Brand/Gradient-Yellow */\n\nbackground: linear-gradient(100.86deg, #FFC123 10.53%, #FFE9B0 100.76%);\n/* Clickable/Light */\n\nbox-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);\nborder-radius: 8px;\nmargin: 0px 20px;\ndisplay: flex;\njustify-content: center;\n\n/* Inside auto layout */\n\n/* flex: none;\norder: 3;\nflex-grow: 0; */\n}\n\n.circle {\n    vertical-align: top;\n  position: absolute;\n  top: 20px;\n  text-align: right;\n  float: none;\n  left: 20px;\n}\n\n.custom-bg-icon {\n    vertical-align: top;\n  position: absolute;\n  top: 10px;\n  text-align: center;\n  margin: 20px auto;\n  float: none;\n  left: 0;\n  right: 0;\n}\n\n.icon-calc {\n    position: absolute;\nwidth: 107px;\nheight: 107px;\nleft: 249px;\n/* top: 62px; */\n\nborder-radius: 107px;\n}\n\n.carousel {\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: horizontal;\n    -webkit-box-direction: normal;\n    -ms-flex-direction: row;\n    flex-direction: row;\n    -webkit-box-align: start;\n    -ms-flex-align: start;\n    align-items: flex-start;\n    padding: 0px;\n    gap: 4px;\n    position: absolute;\n    width: 100%;\n    height: 6px;\n    left: 0px; \n    top: 30px;\n}\n\n\n.carousel-indicators {\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 15;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: left;  \n    margin-right: 15%;\n    margin-left: 5%;  \n    list-style: none; \n    margin-bottom: -20px;  \n}\n\n.carousel-indicators li {\n    -webkit-box-sizing: content-box;\n    box-sizing: content-box;\n    -webkit-box-flex: 0;\n    -ms-flex: 0 1 auto;\n    flex: 0 1 auto;\n    width: 5px;  \n    height: 3px;\n    margin-right: 3px;\n    margin-left: 3px;\n    text-indent: -999px;\n    cursor: pointer;\n    background-color: #fff;\n    background-clip: padding-box;\n    border-top: 10px solid transparent;\n    border-bottom: 10px solid transparent;\n    opacity: .5;\n    -webkit-transition: opacity 0.6s ease;\n    transition: opacity 0.6s ease;\n}\n\n\n\n.carousel-inner {\n  position: relative;\n  width: 100%;\n  overflow: visible;\n  top: -30px;\n}\n\n.custom-font-cards {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 600;\n  font-size: 11px;\n}\n</style>\n","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!./ClassMain.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!./ClassMain.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ClassMain.vue?vue&type=template&id=604cf0b4&scoped=true&\"\nimport script from \"./ClassMain.vue?vue&type=script&lang=js&\"\nexport * from \"./ClassMain.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ClassMain.vue?vue&type=style&index=0&id=604cf0b4&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  \"604cf0b4\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/calendar.454359d3.svg\";","module.exports = __webpack_public_path__ + \"img/quiz.efa2586e.svg\";","module.exports = __webpack_public_path__ + \"img/Circle.6508c455.svg\";","module.exports = __webpack_public_path__ + \"img/iconHoldpen.70fcf08f.svg\";","module.exports = __webpack_public_path__ + \"img/exam.33523e32.svg\";","module.exports = __webpack_public_path__ + \"img/iconCalculator.76a0937c.svg\";","module.exports = __webpack_public_path__ + \"img/userprofile.e9e8dfbc.svg\";"],"sourceRoot":""}