{"version":3,"sources":["webpack:///./src/assets/img/icon/VectorRight.svg","webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/ParentProfile/Manage.vue?a1aa","webpack:///./src/assets/img/icon/imgCamera.svg","webpack:///./src/views/ParentProfile/Manage.vue?33ee","webpack:///src/views/ParentProfile/Manage.vue","webpack:///./src/views/ParentProfile/Manage.vue?0312","webpack:///./src/views/ParentProfile/Manage.vue","webpack:///./src/assets/img/icon/icondefault.svg"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","DeactiveSuccess","attrs","_v","_e","childProfileAuthorize","studentFilePath","photoURL","on","$event","OpenUploadPopup","GoToChangeName","students","studentNickname","id","_s","GoToChangeGrade","gradeName","GoToChangeExam","examShortName","examId","GoToAddMoreSubject","_l","item","key","Id","subjectName","tuitionCenterName","OpenDeactivePopup","GoBack","DeactiveModal","DeactiveStudent","UploadModal","scopedSlots","_u","fn","UpdateProfileImage","proxy","ref","handleFileUpload","staticRenderFns","data","user","childs","parent","StudentId","$route","query","studentId","methods","GetInfoUser","$API","GetProfileStudentsByStudentId","GetStudentPhotoAuthorize","GetListChild","GetParentDetail","$router","push","formData","append","GoToManageStudent","back","file","uploadImage","$refs","files","console","log","component"],"mappings":"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","file":"js/chunk-a05395ec.d039cd81.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/VectorRight.f78e6d66.svg\";","module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.svg\";","import mod from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Manage.vue?vue&type=style&index=0&id=3bf96c18&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!./Manage.vue?vue&type=style&index=0&id=3bf96c18&scoped=true&lang=css&\"","module.exports = __webpack_public_path__ + \"img/imgCamera.77a51682.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'),(_vm.DeactiveSuccess === true)?_c('div',[_c('CAlert',{attrs:{\"color\":\"danger\"}},[_vm._v(\"Success !\")])],1):_vm._e(),_c('div',{staticClass:\"text-center\"},[_c('span',[(_vm.childProfileAuthorize.studentFilePath == null)?_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\":\"100px\",\"height\":\"100px\",\"src\":_vm.photoURL}})]),_c('div',[_c('img',{staticClass:\"ml-5\",attrs:{\"src\":require(\"../../assets/img/icon/imgCamera.svg\")},on:{\"click\":function($event){return _vm.OpenUploadPopup()}}})]),_c('div',{staticClass:\"title mt-4\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\"Profile Image\")])]),_c('div',{staticClass:\"list-grade\",on:{\"click\":function($event){return _vm.GoToChangeName(_vm.students.studentNickname, _vm.students.id)}}},[_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Student Nickname\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(\" \"+_vm._s(_vm.students.studentNickname)+\" \")])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')]),_c('div',{staticClass:\"list-grade\",on:{\"click\":function($event){return _vm.GoToChangeGrade(_vm.students.gradeName, _vm.students.id)}}},[_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Grade\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(_vm._s(_vm.students.gradeName))])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')]),_c('div',{staticClass:\"list-grade\",on:{\"click\":function($event){return _vm.GoToChangeExam(_vm.students.examShortName, _vm.students.id, _vm.students.examId)}}},[_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Exam Taken\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(_vm._s(_vm.students.examShortName))])]),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')]),_c('div',{staticClass:\"list-grade\",on:{\"click\":function($event){return _vm.GoToAddMoreSubject(_vm.students.id)}}},[_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Focused Subject\")]),_c('br'),_vm._l((_vm.students.focusSubject),function(item){return _c('label',{key:item.Id,staticClass:\"ml-3 sub-title-card text-black\",attrs:{\"index\":item.Id}},[_vm._v(_vm._s(item.subjectName)+\",\")])})],2),_c('div',{staticClass:\"float-right\"},[_c('img',{staticClass:\"mt-3\",attrs:{\"src\":require(\"../../assets/img/icon/VectorRight.svg\")}})]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')]),_c('div',{staticClass:\"list-grade\"},[_c('div',{staticClass:\"float-left\"},[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Educational institutions\")]),_c('br'),_c('label',{staticClass:\"ml-3 sub-title-card text-black\"},[_vm._v(_vm._s(_vm.students.tuitionCenterName))])]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('hr')])])])])]),_c('div',{staticClass:\"bottom-center\"},[_c('CButton',{staticClass:\"custom-btn-deactive mt-5\",on:{\"click\":function($event){return _vm.OpenDeactivePopup()}}},[_vm._v(\"Deactivate Account\")])],1),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Manage \"+_vm._s(_vm.students.studentNickname))]),_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('CModal',{attrs:{\"size\":\"md\",\"show\":_vm.DeactiveModal},on:{\"update:show\":function($event){_vm.DeactiveModal=$event}}},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"custom-title-popup\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" Deactive Student \")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('h4',{staticClass:\"sub-title-header\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" Are you sure to remove \"+_vm._s(_vm.students.studentNickname)+\" ? All of\"),_c('br'),_vm._v(\" \"+_vm._s(_vm.students.studentNickname)+\" data will be removed. \")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\"},[_vm._v(\"No, I Change My Mind\")])],1),_c('div',{staticClass:\"text-center\"},[_c('CButton',{staticClass:\"btn-select-white mt-2\",on:{\"click\":function($event){return _vm.DeactiveStudent()}}},[_vm._v(\"Yes, Remove \"+_vm._s(_vm.students.studentNickname))])],1)]),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('CModal',{attrs:{\"size\":\"md\",\"show\":_vm.UploadModal},on:{\"update:show\":function($event){_vm.UploadModal=$event}},scopedSlots:_vm._u([{key:\"footer\",fn:function(){return [_c('CButton',{staticClass:\"p-2\",attrs:{\"type\":\"submit\",\"color\":\"info\"},on:{\"click\":_vm.UpdateProfileImage}},[_vm._v(\"Upload\")])]},proxy:true}])},[_c('div',{staticClass:\"text-center\"},[_c('h3',{staticClass:\"custom-title-popup\",staticStyle:{\"color\":\"#000a2c\"}},[_vm._v(\" Upload New Profile Image \")]),_c('br')]),_c('div',{staticClass:\"text-center\"},[_c('input',{ref:\"file\",attrs:{\"type\":\"file\",\"id\":\"file\",\"accept\":\"image/jpeg\"},on:{\"change\":function($event){return _vm.handleFileUpload()}}}),_c('br')])])],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\n            <div v-if=\"DeactiveSuccess === true\">\n              <CAlert color=\"danger\">Success !</CAlert>\n            </div>\n\n            <div class=\"text-center\">\n              <span>\n                <img\n                v-if=\"childProfileAuthorize.studentFilePath == null\"\n                src=\"../../assets/img/icon/icondefault.svg\"\n                style=\"max-width: -webkit-fill-available\"\n              />\n              <img\n                v-else\n                width=\"100px\"\n                height=\"100px\"\n                :src=\"photoURL\"\n                style=\"border-radius: 50%; border: 5px solid #fff\"\n              />\n              </span>\n              <div>\n                <img src=\"../../assets/img/icon/imgCamera.svg\" class=\"ml-5\" @click=\"OpenUploadPopup()\"/>\n              </div>\n              <div class=\"title mt-4\" style=\"color: #000a2c\">Profile Image</div>\n            </div>\n\n            <div class=\"list-grade\" @click=\"GoToChangeName(students.studentNickname, students.id)\">\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Student Nickname</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">\n                  {{ students.studentNickname }}\n                </label>\n              </div>\n              <div class=\"float-right\">\n                <img class=\"mt-3\" src=\"../../assets/img/icon/VectorRight.svg\" />\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n\n            <div class=\"list-grade\" @click=\"GoToChangeGrade(students.gradeName, students.id)\">\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Grade</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">{{\n                  students.gradeName\n                }}</label>\n              </div>\n              <div class=\"float-right\">\n                <img class=\"mt-3\" src=\"../../assets/img/icon/VectorRight.svg\" >\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n\n            <div class=\"list-grade\" @click=\"GoToChangeExam(students.examShortName, students.id, students.examId)\">\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Exam Taken</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">{{\n                  students.examShortName\n                }}</label>\n              </div>\n              <div class=\"float-right\">\n                <img\n                  class=\"mt-3\"\n                  src=\"../../assets/img/icon/VectorRight.svg\"\n                  \n                />\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n\n            <div class=\"list-grade\" @click=\"GoToAddMoreSubject(students.id)\">\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Focused Subject</label>\n                <br />\n                <label\n                  v-for=\"item in students.focusSubject\"\n                  :key=\"item.Id\"\n                  :index=\"item.Id\"\n                  class=\"ml-3 sub-title-card text-black\"\n                  >{{ item.subjectName }},</label\n                >\n              </div>\n              <div class=\"float-right\">\n                <img class=\"mt-3\" src=\"../../assets/img/icon/VectorRight.svg\" >\n              </div>\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n            \n            <div class=\"list-grade\">\n              <div class=\"float-left\">\n                <label class=\"ml-3\">Educational institutions</label>\n                <br />\n                <label class=\"ml-3 sub-title-card text-black\">{{\n                  students.tuitionCenterName\n                }}</label>\n              </div>\n              <!-- <div class=\"float-right\">\n                <img\n                  class=\"mt-3\"\n                  src=\"../../assets/img/icon/VectorRight.svg\"\n                  @click=\"\n                    GoToChangeExam(\n                      students.examShortName,\n                      students.id,\n                      students.examId\n                    )\n                  \"\n                />\n              </div> -->\n              <div style=\"clear: both\"></div>\n              <hr />\n            </div>\n          </div>\n        </div>\n      </div>\n    </CContainer>\n    <div class=\"bottom-center\">\n      <CButton class=\"custom-btn-deactive mt-5\" @click=\"OpenDeactivePopup()\"\n        >Deactivate Account</CButton\n      >\n    </div>\n    <div class=\"header-top\">Manage {{ students.studentNickname }}</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    <CModal size=\"md\" :show.sync=\"DeactiveModal\">\n      <div class=\"text-center\">\n        <h3 class=\"custom-title-popup\" style=\"color: #000a2c\">\n          Deactive Student\n        </h3>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <h4 class=\"sub-title-header\" style=\"color: #000a2c\">\n          Are you sure to remove {{ students.studentNickname }} ? All of<br />\n          {{ students.studentNickname }} data will be removed.\n        </h4>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <CButton class=\"btn-select-blue mt-5\">No, I Change My Mind</CButton>\n      </div>\n      <div class=\"text-center\">\n        <CButton class=\"btn-select-white mt-2\" @click=\"DeactiveStudent()\"\n          >Yes, Remove {{ students.studentNickname }}</CButton\n        >\n      </div>\n    </CModal>\n    <div style=\"clear: both\"></div>\n\n    <CModal size=\"md\" :show.sync=\"UploadModal\">\n      <div class=\"text-center\">\n        <h3 class=\"custom-title-popup\" style=\"color: #000a2c\">\n          Upload New Profile Image\n        </h3>\n        <br />\n      </div>\n      <div class=\"text-center\">\n        <input type=\"file\" id=\"file\" ref=\"file\" accept=\"image/jpeg\" v-on:change=\"handleFileUpload()\">\n        <br />\n      </div>\n      <template #footer>\n        <CButton type=\"submit\" color=\"info\" class=\"p-2\" @click=\"UpdateProfileImage\"\n          >Upload</CButton\n        >\n      </template>\n    </CModal>\n  </div>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      DeactiveModal: false,\n      UploadModal: false,\n      DeactiveSuccess: false,\n      students: [],\n      user: {},\n      childProfileAuthorize: \"\",\n      childs: [],\n      parent: [],\n      StudentId: this.$route.query.studentId,\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\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.GetProfileStudentsByStudentId();\n            this.GetStudentPhotoAuthorize();\n          }\n        });\n    },\n\n    GetProfileStudentsByStudentId() {\n      this.$API\n        .get(\n          this.$GetStudentDetailByStudentId +\n            \"?studentId=\" +\n            this.$route.query.studentId,\n          {\n            withCredentials: true,\n          }\n        )\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.students = response.data;\n          }\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\n    GetStudentPhotoAuthorize() {\n      this.$API\n        .get(\n          this.$GetStudentPhotoAuthorize +\n            \"?studentId=\" +\n            this.$route.query.studentId,\n          {\n            withCredentials: true,\n          }\n        )\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.childProfileAuthorize = response.data;\n            this.photoURL =\n              \"https://pickiddo.com\" +\n              this.childProfileAuthorize.studentFilePath;\n          }\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\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\n    OpenDeactivePopup() {\n      this.DeactiveModal = true;\n    },\n\n    OpenUploadPopup() {\n      this.UploadModal = true;\n    },\n\n    GoToChangeName(studentNickname) {\n      this.$router.push(\n        \"ChangeName?studentNickname=\" +\n          studentNickname +\n          \"&studentId=\" +\n          this.$route.query.studentId\n      );\n    },\n\n    GoToChangeGrade(gradeName) {\n      this.$router.push(\n        \"ChangeGrade?gradeName=\" +\n          gradeName +\n          \"&&studentId=\" +\n          this.$route.query.studentId\n      );\n    },\n\n    GoToChangeExam(examShortName, examId) {\n      this.$router.push(\n        \"ChangeExam?examShortName=\" +\n          examShortName +\n          \"&&studentId=\" +\n          this.$route.query.studentId +\n          \"&&examId=\" +\n          examId\n      );\n    },\n\n    GoToAddMoreSubject() {\n      this.$router.push(\n        \"AddMoreSubjects?studentId=\" + this.$route.query.studentId\n      );\n    },\n\n    DeactiveStudent: function () {\n      const formData = new FormData();\n      formData.append(\"id\", this.$route.query.studentId);\n      // formData.append(\"status\", \"inactive\");\n\n      return this.$API\n        .post(this.$DeactivateStudent, formData, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.Busy = false;\n            \n            this.DeactiveModal = false;\n            this.GoToManageStudent();\n            this.DeactiveSuccess = true;\n          } else {\n            this.Busy = false;\n            this.$dialog.alert(\"Error to deactive\").then(function () {});\n          }\n        })\n        .catch((error) => {\n          this.Busy = false;\n          this.Loading = false;\n          this.Error = true;\n          this.Message = error.response.data.message;\n        });\n    },\n\n    GoToManageStudent() {\n      this.$router.push(\"/ParentProfile/ManageStudents\");\n    },\n\n    GoBack() {\n      this.$router.back();\n    },\n\n    UpdateProfileImage: function () {\n      const formData = new FormData();\n      formData.append('image', this.file);\n      formData.append(\"studentId\", this.StudentId);\n\n      return this.$API\n        .post(this.$UpdateStudentProfileImage, formData, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.Busy = false;\n            this.$dialog.alert(\"Success save\").then(function () {});\n          } else {\n            this.Busy = false;\n            this.$dialog.alert(\"Error to save\").then(function () {});\n          }\n        })\n        .catch((error) => {\n          this.Busy = false;\n          this.Loading = false;\n          this.Error = true;\n          this.Message = error.response.data.message;\n        });\n    },\n\n    uploadImage(e){\n                const image = e.target.files[0];\n                const reader = new FileReader();\n                reader.readAsDataURL(image);\n                reader.onload = e =>{\n                    this.previewImage = e.target.result;\n                    console.log(this.previewImage);\n                }\n    },\n    \n    handleFileUpload() {\n      this.file = this.$refs.file.files[0];\n      console.log(this.file);\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-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  /* Inside auto layout */\n\n  /* flex: none;\n  order: 0;\n  flex-grow: 0; */\n}\n.custom-btn-add {\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 150%;\n\n  color: #007cef;\n}\n.custom-btn-deactive {\n  position: absolute;\n  left: 0%;\n  right: 0.61%;\n  top: 0%;\n  bottom: 0%;\n\n  /* Body/1/Semibold */\n\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 150%;\n  /* identical to box height, or 24px */\n\n  color: #f85954;\n}\n.custom-text-deactive {\n  position: absolute;\n  width: 162px;\n  height: 22px;\n  left: 107px;\n  top: 25px;\n\n  /* Title/1/Semibold */\n\n  font-family: \"Montserrat\";\n  font-style: normal;\n  font-weight: 600;\n  font-size: 18px;\n  line-height: 22px;\n  /* identical to box height */\n\n  text-align: center;\n\n  /* Black/Dark-001 */\n\n  color: #000a2c;\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!./Manage.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!./Manage.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Manage.vue?vue&type=template&id=3bf96c18&scoped=true&\"\nimport script from \"./Manage.vue?vue&type=script&lang=js&\"\nexport * from \"./Manage.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Manage.vue?vue&type=style&index=0&id=3bf96c18&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  \"3bf96c18\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/icondefault.ffbf2ec3.svg\";"],"sourceRoot":""}