{"version":3,"sources":["webpack:///./src/views/ParentProfile/ManageStudents.vue?3a5e","webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/ParentProfile/ManageStudents.vue?790c","webpack:///src/views/ParentProfile/ManageStudents.vue","webpack:///./src/views/ParentProfile/ManageStudents.vue?5be9","webpack:///./src/views/ParentProfile/ManageStudents.vue","webpack:///./src/assets/img/icon/icondefault.svg","webpack:///./src/assets/img/icon/chevron-right.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_l","item","key","Id","attrs","on","$event","GoToManage","studentId","studentProfilePhoto","_s","studentName","gradeName","sub","subjectName","examShortName","GoToRegisterStudent","GoBack","staticRenderFns","name","e1","data","user","studentProfileAuthorize","childs","parent","students","hooperSettings","infiniteScroll","centerMode","autoPlay","playSpeed","breakpoints","2400","itemsToShow","1800","1500","1100","0","methods","GetInfoUser","$API","GetAuthorizeProfile","GetListChild","GetParentDetail","GetListProfileStudentsByParentId","$router","push","back","component"],"mappings":"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","file":"js/chunk-ae5ef74a.26600962.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!./ManageStudents.vue?vue&type=style&index=0&id=407bb4ae&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!./ManageStudents.vue?vue&type=style&index=0&id=407bb4ae&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.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\",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('div',{staticClass:\"float-left ml-3 mt-3\"},[_c('strong',{staticClass:\"custom-text-hotpick ml-1\"},[_vm._v(\"Students\")])]),_c('br'),_c('div',{staticStyle:{\"clear\":\"both\"}}),_vm._l((_vm.students),function(item){return _c('div',{key:item.Id,staticClass:\"mb-2\",attrs:{\"index\":item.Id}},[_c('CCard',{staticClass:\"ml-3 mr-3\",on:{\"click\":function($event){return _vm.GoToManage(item.studentId)}}},[_c('CCardBody',[_c('CRow',[_c('span',{staticClass:\"custom-header-profile\"},[(item.studentProfilePhoto == '')?_c('img',{staticStyle:{\"max-width\":\"-webkit-fill-available\"},attrs:{\"src\":require(\"../../assets/img/icon/icondefault.svg\")}}):_c('img',{staticStyle:{\"border-radius\":\"50%\",\"border\":\"5px solid #fff\"},attrs:{\"width\":\"50px\",\"height\":\"50px\",\"src\":item.studentProfilePhoto}})]),_c('div',[_c('span',[_c('span',{staticClass:\"custom-user-title\"},[_vm._v(_vm._s(item.studentName))]),_c('label',{staticClass:\"custom-label-muted\"},[_vm._v(_vm._s(item.gradeName))]),_c('br'),_vm._l((item.focusSubject),function(sub){return _c('div',{key:sub.Id,attrs:{\"index\":sub.Id}},[_c('span',{staticClass:\"custom-badge-subject p-0\"},[_vm._v(_vm._s(sub.subjectName))])])})],2),_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.GoToManage(item.studentId)}}})]),_c('span',{staticClass:\"custom-type-exam\"},[_c('label',{staticClass:\"ml-2\"},[_vm._v(_vm._s(item.examShortName))])])]),_c('div',{staticStyle:{\"clear\":\"both\"}})])])],1)],1)],1)}),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('div',{staticClass:\"text-center ml-3 mr-3 custom-btn-add\",on:{\"click\":_vm.GoToRegisterStudent}},[_vm._v(\"+ Register Students \")]),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('br'),_c('div',{staticStyle:{\"clear\":\"both\"}})],2)])])]),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Manage Students\")]),_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\"}})],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\">\n      <div class=\"container-box center\">\n        <div class=\"text-left\">\n          <div class=\"card-custom-web\">\n            <br />\n            <div class=\"float-left ml-3 mt-3\">\n              <strong class=\"custom-text-hotpick ml-1\">Students</strong>\n            </div>\n            <br />\n            <div style=\"clear: both\"></div>\n            <div class=\"mb-2\" v-for=\"item in students\"\n                  :key=\"item.Id\"\n                  :index=\"item.Id\">\n              <CCard class=\"ml-3 mr-3\" @click=\"GoToManage(item.studentId)\" >\n                <CCardBody>\n                  <CRow>\n                    <span class=\"custom-header-profile\">\n                      <img\n                            v-if=\"item.studentProfilePhoto == ''\"\n                            src=\"../../assets/img/icon/icondefault.svg\"\n                            style=\"max-width: -webkit-fill-available\" />\n                          <img\n                            v-else\n                            width=\"50px\"\n                            height=\"50px\"\n                            :src=\"item.studentProfilePhoto\"\n                            style=\"border-radius: 50%; border: 5px solid #fff\"\n                        /></span>\n                    <div>\n                      <span>\n                        <span class=\"custom-user-title\">{{item.studentName}}</span>\n                        <label class=\"custom-label-muted\">{{item.gradeName}}</label>\n                        <br />\n                        <div\n                              v-for=\"sub in item.focusSubject\"\n                              :key=\"sub.Id\"\n                              :index=\"sub.Id\"\n                            >\n                              <span class=\"custom-badge-subject p-0\">{{ sub.subjectName }}</span>\n                            </div>\n                      </span>\n                      <span>\n                        <span\n                          style=\"position: absolute; top: 40px; right: 30px\"\n                        >\n                          <img src=\"../../assets/img/icon/chevron-right.svg\" @click=\"GoToManage(item.studentId)\" />\n                        </span>\n                        <span class=\"custom-type-exam\">\n                          <label class=\"ml-2\">{{item.examShortName}}</label>\n                        </span>\n                      </span>\n                      <div style=\"clear: both\"></div>\n                    </div>\n                  </CRow>\n                </CCardBody>\n              </CCard>\n            </div>\n            <div style=\"clear: both\"></div>\n            <div class=\"text-center ml-3 mr-3 custom-btn-add\" @click=\"GoToRegisterStudent\">+ Register Students\n            </div>\n            <br />\n\n            \n            <br /><br />\n            <br /><br />\n            <br /><br />\n            <br /><br />\n            <br /><br />\n            <br /><br />\n            <br /><br />\n\n            <div style=\"clear: both\"></div>\n          </div>\n        </div>\n      </div>\n    </CContainer>\n    <div class=\"header-top\">Manage Students</div>\n    <div class=\"header-left\">\n      <img src=\"../../assets/img/icon/VectorLeft.svg\" @click=\"GoBack()\"/>\n    </div>\n\n    <div style=\"clear: both\"></div>\n  </div>\n</template>\n\nimport { Hooper, Slide, Navigation as HooperNavigation,Pagination as HooperPagination } from \"hooper\";\n\nimport \"hooper/dist/hooper.css\";\n\n<script>\nexport default {\n  name: \"ManageStudents\",\n  e1: \"#app\",\n  \n  data: function () {\n    return {\n      user: {},\n      studentProfileAuthorize: \"\",\n      childs: [],\n      parent: [],\n      students: [],\n      hooperSettings: {\n        infiniteScroll: true,\n        centerMode: true,\n        autoPlay: true,\n        playSpeed: 3500,\n        breakpoints: {\n          2400: {\n            itemsToShow: 5,\n          },\n          1800: {\n            itemsToShow: 4,\n          },\n          1500: {\n            itemsToShow: 3,\n          },\n          1100: {\n            itemsToShow: 2.5,\n          },\n          0: {\n            itemsToShow: 1.5,\n          },\n        },\n      },\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.GetParentDetail(this.user.id);\n            this.GetListProfileStudentsByParentId(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    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    GetParentDetail() {\n      this.$API\n        .get(this.$GetParentDetailByUserId + \"?id=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.parent = response.data;\n          }\n        });\n    },\n    GetListProfileStudentsByParentId() {\n      this.$API\n        .get(this.$ListProfileStudentsByParentId + \"?userId=\" + this.user.id, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.students = response.data;\n          }\n        });\n    },\n    GoToRegisterStudent()\n    {\n       this.$router.push(\"/RegisterStudentParent\");\n    },\n    GoToManage(studentId) {\n      this.$router.push(\"Manage?studentId=\" + studentId );\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\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.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.images {\n  height: 70vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 20px;\n}\n.img1 {\n  background: salmon;\n}\n.img2 {\n  background: lightblue;\n}\n.img3 {\n  background: coral;\n}\n.img4 {\n  background: lightgreen;\n}\n.img5 {\n  background: pink;\n}\nh2 {\n  color: #fff\n}\n.hooper {\n  height: 100vh;\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: 5px;\n  border-radius: 10px;\n}\n.custom-btn-add{\nfont-family: 'Montserrat';\nfont-style: normal;\nfont-weight: 600;\nfont-size: 16px;\nline-height: 150%;\n\ncolor: #007CEF;\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!./ManageStudents.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!./ManageStudents.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ManageStudents.vue?vue&type=template&id=407bb4ae&scoped=true&\"\nimport script from \"./ManageStudents.vue?vue&type=script&lang=js&\"\nexport * from \"./ManageStudents.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ManageStudents.vue?vue&type=style&index=0&id=407bb4ae&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  \"407bb4ae\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/icondefault.ffbf2ec3.svg\";","module.exports = __webpack_public_path__ + \"img/chevron-right.3dcb8ac6.svg\";"],"sourceRoot":""}