{"version":3,"sources":["webpack:///./src/assets/img/icon/teacher-blue.svg","webpack:///./src/assets/img/icon/bonus.svg","webpack:///./src/assets/img/icon/money.svg","webpack:///./src/assets/img/icon/home-2.svg","webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/assets/img/icon/profile-blue.svg","webpack:///./src/containers/TheBottomCustom.vue?3606","webpack:///src/containers/TheBottomCustom.vue","webpack:///./src/containers/TheBottomCustom.vue?7d47","webpack:///./src/containers/TheBottomCustom.vue","webpack:///./src/assets/img/icon/iconBook.svg","webpack:///./src/assets/img/icon/book-blue.svg","webpack:///./src/assets/img/icon/homegrey.svg","webpack:///./src/assets/img/icon/iconTeacher.svg","webpack:///./src/assets/img/icon/iconBell.png","webpack:///./src/views/Tutors/TutorSalary.vue?f221","webpack:///./src/assets/img/icon/chevron-right.svg","webpack:///./src/assets/img/icon/profile-circle.svg","webpack:///./src/views/Tutors/TutorSalary.vue?5a02","webpack:///src/views/Tutors/TutorSalary.vue","webpack:///./src/views/Tutors/TutorSalary.vue?9c65","webpack:///./src/views/Tutors/TutorSalary.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","on","$event","GoHome","homeclick","_v","_e","homeclickgrey","GoClass","classclick","classclickgrey","GoNotification","noticlick","noticlickgrey","GoTutor","tutorclick","tutorclickgrey","GoProfile","profileclick","profileclickgrey","staticRenderFns","components","MainlayoutBottom","data","user","studentProfileAuthorize","schedule","hooperSettings","itemsToShow","centerMode","breakpoints","800","1000","pagination","childs","parent","methods","GetInfoUser","$API","$router","push","userType","component","_s","currencyCode","salarys","yearlySalary","_l","item","key","Id","GoToSalaryDetail","monthName","amount","GoBack","Hooper","Slide","HooperNavigation","HooperPagination","computed","TotalAmounts","get","total","teacherPaymentList","i","console","log","GetAuthorizeProfile","GetTeacherSalary","id","GoToRegisterStudent","back"],"mappings":"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","file":"js/chunk-c80137bc.0806984d.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/teacher-blue.6f4c7e3f.svg\";","module.exports = __webpack_public_path__ + \"img/bonus.e50a4ddf.svg\";","module.exports = __webpack_public_path__ + \"img/money.13c5f2c3.svg\";","module.exports = __webpack_public_path__ + \"img/home-2.5f84ce41.svg\";","module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.svg\";","module.exports = __webpack_public_path__ + \"img/profile-blue.63949d32.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.GoNotification()}}},[(_vm.noticlick===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBell.png\")}}),_c('br'),_c('label',{staticClass:\"text-blue\"},[_vm._v(\" Notification\")])]):_vm._e(),(_vm.noticlickgrey===true)?_c('div',[_c('img',{attrs:{\"src\":require(\"../assets/img/icon/iconBell.png\")}}),_c('br'),_c('label',{staticClass:\"text-non-active\"},[_vm._v(\" Notification\")])]):_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>\nimport Vue from \"vue\";\n\nimport MainlayoutBottom from \"../containers/TheBottomCustom.vue\";\n\nVue.use(require(\"vue-moment\"));\nimport moment from \"moment\";\n\nexport 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!./TheBottomCustom.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!./TheBottomCustom.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TheBottomCustom.vue?vue&type=template&id=1e5b9ae9&\"\nimport script from \"./TheBottomCustom.vue?vue&type=script&lang=js&\"\nexport * from \"./TheBottomCustom.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/iconBook.55bdc272.svg\";","module.exports = __webpack_public_path__ + \"img/book-blue.e2552d16.svg\";","module.exports = __webpack_public_path__ + \"img/homegrey.2120fce2.svg\";","module.exports = __webpack_public_path__ + \"img/iconTeacher.3dcd19ec.svg\";","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGZ2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4yLWMwMDAgNzkuNTY2ZWJjNSwgMjAyMi8wNS8wOS0wNzoyMjoyOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wOC0xMFQwOToyNDowOCswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDgtMTBUMDk6MzE6MzIrMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDgtMTBUMDk6MzE6MzIrMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjA2YjJlYTk4LWUyYTctYTc0OS1iNzMyLWQ4NDMyOWRmYjNjZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmQ4MDdjZThiLThhNGItYWQ0ZS1hNWUyLTkwODFmMTY2M2I1OCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjQ5ZTRmYjU5LWZmZDAtOTM0Ny05Y2I1LTEzMzZiMmQ5OWQwOCI+IDxwaG90b3Nob3A6RG9jdW1lbnRBbmNlc3RvcnM+IDxyZGY6QmFnPiA8cmRmOmxpPmFkb2JlOmRvY2lkOnBob3Rvc2hvcDplYjcyMmVkNC0wNDlmLWI5NGItYmM2YS0wZjZiY2M4YWFjM2E8L3JkZjpsaT4gPC9yZGY6QmFnPiA8L3Bob3Rvc2hvcDpEb2N1bWVudEFuY2VzdG9ycz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0iY3JlYXRlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo0OWU0ZmI1OS1mZmQwLTkzNDctOWNiNS0xMzM2YjJkOTlkMDgiIHN0RXZ0OndoZW49IjIwMjMtMDgtMTBUMDk6MjQ6MDgrMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy40IChXaW5kb3dzKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDZiMmVhOTgtZTJhNy1hNzQ5LWI3MzItZDg0MzI5ZGZiM2NmIiBzdEV2dDp3aGVuPSIyMDIzLTA4LTEwVDA5OjMxOjMyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjMuNCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+SQn6LgAAAZNJREFUOI2t1L9qFFEUx/HPzG52jYkmEUH8F0QQLbSIEYKIAQsbIYWFgpWF+Aq+hqXvINgIWmrhSyhYbCGKGDCJGANJdi3uGXOZTJJR/MFw4Z7f/c45Z86dYjAYOEC38BSH8AQv9zN394lNYBY3cRlDLOITPmKtLbCDSdzGfVyPvQ4e4BKe4zVWsHUQcBZ3sYQrOJbFTkqlz+BcgN/vBSxwNMq6hzn0Yj/3zOAaxrGM7/gmtUSZmcfCeEfqWb8Gy6G9KH1J6nGvCubAPhbimWwA1TWOq+HvNwE7OIXjLWCVpnAizu4Ckvqwpb1G0nj9aU1ZCw5jbasS0zmnnuG/aFh/w39VDqz69zclj7CJ7SbgSPPctUlq11c+gnlckOarrXo4K933aXau3g08lIZ0TFaClHX14voUFDiPR3HuRQWcw0WsS7+l7ezwFE6H73PEi6zMMrJcyIEf8MzOLMKvOLSIx7H3Cu/CczjWbkB/5iW/CVj1FJHlBM5kJX7BW6xmGVZZljlwRbM28FUapy5+hHd9D7/fQW9McVV9EWQAAAAASUVORK5CYII=\"","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!./TutorSalary.vue?vue&type=style&index=0&id=0beb5881&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!./TutorSalary.vue?vue&type=style&index=0&id=0beb5881&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/chevron-right.3dcb8ac6.svg\";","module.exports = __webpack_public_path__ + \"img/profile-circle.380f0322.svg\";","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"c-app flex-row align-items-center\"},[_c('CContainer',{staticClass:\"p-0 mt-4\",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('h4',{staticClass:\"custom-user-grade\",staticStyle:{\"color\":\"#000\",\"text-align\":\"left\"}},[_c('b',[_vm._v(\" Monthly Challenge\")])]),_c('CCard',{staticClass:\"ml-3 mr-3 mb-3\"},[_c('CCardBody',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"60%\"}},[_c('h4',{staticClass:\"text-title-card\"},[_c('b',[_vm._v(\"Unlock Your Bonus\")])]),_c('label',{staticClass:\"text-label\"},[_vm._v(\"Teach another 10 class and unlock your \"+_vm._s(_vm.user.currencyCode)+\" 200 bonus this month\")])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"40%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"right\":\"20px\",\"position\":\"absolute\",\"bottom\":\"20px\",\"top\":\"10px\"},attrs:{\"src\":require(\"../../assets/img/icon/bonus.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('br'),_c('br')])],1),_c('h4',{staticClass:\"custom-user-grade\",staticStyle:{\"color\":\"#000\",\"text-align\":\"left\"}},[_c('b',[_vm._v(\" Salary History\")])]),_c('CCard',{staticClass:\"ml-3 mr-3\"},[_c('CCardBody',[_c('div',{staticClass:\"float-left\",staticStyle:{\"width\":\"60%\"}},[_c('label',{staticClass:\"text-label\"},[_vm._v(\"Total Income\")]),_c('h3',{staticClass:\"text-title-card\"},[_c('b',[_vm._v(\"You have earn\")])]),(_vm.salarys.yearlySalary <= 0)?_c('span',[_c('h2',{staticClass:\"text-success-bold\"},[_vm._v(\" \"+_vm._s(_vm.user.currencyCode)+\" 0 \")])]):_c('span',[_c('h2',{staticClass:\"text-success-bold\"},[_vm._v(\" \"+_vm._s(_vm.user.currencyCode)+\" \"+_vm._s(_vm.salarys.yearlySalary))])])]),_c('div',{staticClass:\"float-right\",staticStyle:{\"width\":\"40%\"}},[_c('img',{staticStyle:{\"max-width\":\"100%\",\"right\":\"20px\",\"position\":\"absolute\",\"bottom\":\"20px\",\"top\":\"10px\"},attrs:{\"src\":require(\"../../assets/img/icon/money.svg\")}})])])],1),_vm._l((_vm.salarys.teacherPaymentList),function(item){return _c('CCard',{key:item.Id,staticClass:\"ml-3 mr-3\",on:{\"click\":function($event){return _vm.GoToSalaryDetail(item.monthName)}}},[_c('CCardBody',[_c('CRow',{staticClass:\"ml-2 mt-1\"},[_c('div',[_c('span',[_c('span',{staticClass:\"custom-label-muted\"},[_vm._v(_vm._s(item.monthName))]),_c('br'),_c('label',{staticClass:\"custom-amount\"},[_vm._v(\" \"+_vm._s(_vm.user.currencyCode)+\" \"+_vm._s(item.amount))]),_c('br')]),_c('span',[_c('span',{staticStyle:{\"position\":\"absolute\",\"top\":\"40px\",\"right\":\"30px\"}},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/chevron-right.svg\")},on:{\"click\":function($event){return _vm.GoToSalaryDetail(item.monthName)}}})])])])])],1)],1)}),_c('div',{staticClass:\"text-center ml-3 mr-3\"},[_c('label',{staticClass:\"custom-label-muted text-center mb-5\",staticStyle:{\"color\":\"#ababab\"}},[_vm._v(\"Salary over 12 months will be deleted from your history. Please contact our admin to get your slip.\")])]),_c('br'),_c('br'),_c('br'),_c('MainlayoutBottom'),_c('div',{staticStyle:{\"clear\":\"both\"}})],2)])])]),_c('div',{staticClass:\"header-top\"},[_vm._v(\"My Salary\")]),_c('div',{staticClass:\"header-left\"},[_c('img',{attrs:{\"src\":require(\"../../assets/img/icon/VectorLeft.svg\")},on:{\"click\":function($event){return _vm.GoBack()}}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('div',{staticStyle:{\"clear\":\"both\"}})],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"c-app flex-row align-items-center\">\n    <CContainer style=\"display: flex; justify-content: center\" class=\"p-0 mt-4\">\n      <div class=\"container-box center\">\n        <div class=\"text-left\">\n          <div class=\"card-custom-web\">\n            <br />\n            <h4 style=\"color: #000; text-align: left\" class=\"custom-user-grade\">\n              <b> Monthly Challenge</b>\n            </h4>\n            <CCard class=\"ml-3 mr-3 mb-3\">\n              <CCardBody>\n                <div style=\"width: 60%\" class=\"float-left\">\n                  <h4 class=\"text-title-card\">\n                    <b>Unlock Your Bonus</b>\n                  </h4>\n                  <label class=\"text-label\"\n                    >Teach another 10 class and unlock your   {{ user.currencyCode }} 200 bonus this\n                    month</label\n                  >\n                </div>\n                <div style=\"width: 40%\" class=\"float-right\">\n                  <img\n                    style=\"\n                      max-width: 100%;\n                      right: 20px;\n                      position: absolute;\n                      bottom: 20px;\n                      top: 10px;\n                    \"\n                    src=\"../../assets/img/icon/bonus.svg\"\n                  />\n                </div>\n                <div style=\"clear: both\"></div>\n                <br />\n                <br />\n                <!-- <CProgress\n                  :value=\"value\"\n                  :max=\"max2\"\n                  :precision=\"2\"\n                  show-value\n                  class=\"mb-3\"\n                /> -->\n              </CCardBody>\n            </CCard>\n\n            <h4 style=\"color: #000; text-align: left\" class=\"custom-user-grade\">\n              <b> Salary History</b>\n            </h4>\n            <CCard class=\"ml-3 mr-3\">\n              <CCardBody>\n                <div style=\"width: 60%\" class=\"float-left\">\n                  <label class=\"text-label\">Total Income</label>\n                  <h3 class=\"text-title-card\">\n                    <b>You have earn</b>\n                  </h3>\n                <!-- <h2 class=\"text-success-bold\"> RM {{ TotalAmounts }} </h2> -->\n                  <!-- <span v-if=\"salarys.teacherPaymentList.amount <= 0\">\n                    <h2\n                      class=\"text-success-bold\">\n                      RM 0\n                    </h2>\n                  </span>\n                  <span v-else><h2 class=\"text-success-bold\">RM {{ TotalAmounts }}</h2></span> -->\n\n\n                  <span v-if=\"salarys.yearlySalary <= 0\">\n                    <h2\n                      class=\"text-success-bold\">\n                      {{ user.currencyCode }} 0\n                    </h2>\n                  </span>\n                  <span v-else><h2 class=\"text-success-bold\">  {{ user.currencyCode }} {{ salarys.yearlySalary }}</h2></span>\n                </div>\n                <div style=\"width: 40%\" class=\"float-right\">\n                  <img\n                    style=\"max-width: 100%;right: 20px;position: absolute;bottom: 20px;top: 10px;\"\n                    src=\"../../assets/img/icon/money.svg\"\n                  />\n                </div>\n              </CCardBody>\n            </CCard>\n            <CCard\n              class=\"ml-3 mr-3\"\n              v-for=\"item in salarys.teacherPaymentList\"\n              v-bind:key=\"item.Id\"\n              @click=\"GoToSalaryDetail(item.monthName)\"\n            >\n              <CCardBody>\n                <CRow class=\"ml-2 mt-1\">\n                  <div>\n                    <span>\n                      <span class=\"custom-label-muted\">{{\n                        item.monthName\n                      }}</span>\n                      <br />\n                      <label class=\"custom-amount\"\n                        >  {{ user.currencyCode }} {{ item.amount }}</label\n                      >\n                      <br />\n                    </span>\n                    <span>\n                      <span style=\"position: absolute; top: 40px; right: 30px\">\n                        <img src=\"../../assets/img/icon/chevron-right.svg\" @click=\"GoToSalaryDetail(item.monthName)\"/>\n                      </span>\n                    </span>\n                  </div>\n                </CRow>\n              </CCardBody>\n            </CCard>\n\n            <div class=\"text-center ml-3 mr-3\">\n              <label\n                style=\"color: #ababab\"\n                class=\"custom-label-muted text-center mb-5\"\n                >Salary over 12 months will be deleted from your history. Please\n                contact our admin to get your slip.</label\n              >\n            </div>\n\n            <br /><br /><br />\n\n             <MainlayoutBottom></MainlayoutBottom>\n            <div style=\"clear: both\"></div>\n          </div>\n        </div>\n      </div>\n    </CContainer>\n    <div class=\"header-top\">My Salary</div>\n    <div class=\"header-left\">\n      <img src=\"../../assets/img/icon/VectorLeft.svg\"  @click=\"GoBack()\"/>\n    </div>\n    <div style=\"clear: both\"></div>\n\n    <div style=\"clear: both\"></div>\n  </div>\n</template>\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/TheBottomCustom.vue\";\n\nVue.use(require(\"vue-moment\"));\nimport moment from \"moment\";\n\nimport \"hooper/dist/hooper.css\";\n\nexport default {\n  components: {\n    Hooper,\n    Slide,\n    HooperNavigation,\n    HooperPagination,\n    MainlayoutBottom,\n  },\n  data: function () {\n    return {\n      user: {},\n      studentProfileAuthorize: \"\",\n      childs: [],\n      salarys: {},\n      profileclick: 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  computed: {\n    TotalAmounts: {\n      get: function () {\n        var total = 0;\n\n        for (let i = 0; i < this.salarys.teacherPaymentList.length; i++) {\n          total += this.salarys.teacherPaymentList[i].amount;\n        }\n        console.log(\"salary\" + total);\n        return total;\n      },\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.profileclick = true;\n            this.GetAuthorizeProfile(this.user.id);\n            this.GetTeacherSalary(this.user.id);\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    GetTeacherSalary() {\n      this.$API\n        .get(this.$TeacherSalary + \"?userId=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.salarys = response.data;\n          }\n        });\n    },\n    GoToSalaryDetail(monthName) {\n      this.$router.push(\"/TutorSalaryDetail?userId=\" + this.user.id + \"&month=\" + monthName);\n    },\n    GoToRegisterStudent() {\n      this.$router.push(\"/RegisterStudent\");\n    },\n     GoBack() {\n      this.$router.back();\n    },\n  },\n};\n</script>\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\n@import url(\"https://fonts.googleapis.com/css2?family=Inter:wght@100&family=Montserrat&family=Poppins&display=swap\");\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.card-custom-web {\n  max-width: 700px;\n  left: 0px;\n  margin-top: 129px;\n  height: auto;\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\n.progress {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  height: 1rem;\n  overflow: hidden;\n  line-height: 0;\n  font-size: 0.65625rem;\n  border-radius: 0.25rem;\n  background-color: #ebedef;\n  height: 15px;\n  border-radius: 10px;\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!./TutorSalary.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!./TutorSalary.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./TutorSalary.vue?vue&type=template&id=0beb5881&scoped=true&\"\nimport script from \"./TutorSalary.vue?vue&type=script&lang=js&\"\nexport * from \"./TutorSalary.vue?vue&type=script&lang=js&\"\nimport style0 from \"./TutorSalary.vue?vue&type=style&index=0&id=0beb5881&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  \"0beb5881\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}