{"version":3,"sources":["webpack:///./src/views/ParentProfile/AddMoreSubjects.vue?5e2b","webpack:///src/views/ParentProfile/AddMoreSubjects.vue","webpack:///./src/views/ParentProfile/AddMoreSubjects.vue?6467","webpack:///./src/views/ParentProfile/AddMoreSubjects.vue","webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/ParentProfile/AddMoreSubjects.vue?1199"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","_l","students","item","key","Id","attrs","_s","subjectName","subject","model","value","callback","$$v","SelectedSubject","expression","on","UpdateSubject","$event","GoBack","staticRenderFns","data","user","studentProfileAuthorize","childs","parent","FilterSubject","methods","GetInfoUser","$API","GetSubject","GetProfileStudentsByStudentId","GetAuthorizeProfile","GetListChild","GetParentDetail","$router","back","formData","append","id","component","module","exports"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,qCAAqC,CAACF,EAAG,aAAa,CAACE,YAAY,MAAMC,YAAY,CAAC,QAAU,OAAO,kBAAkB,WAAW,CAACH,EAAG,MAAM,CAACE,YAAY,wBAAwB,CAACF,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,mBAAmB,CAACF,EAAG,MAAMA,EAAG,KAAK,CAACE,YAAY,mBAAmBC,YAAY,CAAC,MAAQ,OAAO,aAAa,SAAS,CAACP,EAAIQ,GAAG,iDAAiDJ,EAAG,MAAMA,EAAG,OAAO,CAACE,YAAY,aAAaN,EAAIS,GAAIT,EAAIU,SAAqB,cAAE,SAASC,GAAM,OAAOP,EAAG,QAAQ,CAACQ,IAAID,EAAKE,GAAGP,YAAY,iCAAiCQ,MAAM,CAAC,MAAQH,EAAKE,KAAK,CAACb,EAAIQ,GAAGR,EAAIe,GAAGJ,EAAKK,aAAa,UAAS,GAAGZ,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,WAAW,CAACU,MAAM,CAAC,WAAa,GAAG,QAAUd,EAAIiB,QAAQ,MAAQ,cAAc,YAAc,kBAAkBC,MAAM,CAACC,MAAOnB,EAAmB,gBAAEoB,SAAS,SAAUC,GAAMrB,EAAIsB,gBAAgBD,GAAKE,WAAW,sBAAsB,WAAWnB,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACF,EAAG,UAAU,CAACE,YAAY,uBAAuBkB,GAAG,CAAC,MAAQxB,EAAIyB,gBAAgB,CAACzB,EAAIQ,GAAG,WAAW,GAAGJ,EAAG,MAAM,CAACE,YAAY,cAAc,CAACN,EAAIQ,GAAG,iBAAiBJ,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACU,MAAM,CAAC,IAAM,EAAQ,SAAyCU,GAAG,CAAC,MAAQ,SAASE,GAAQ,OAAO1B,EAAI2B,eAAevB,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,WAAW,IACn7CqB,EAAkB,G,gZCoDtB,uCAKA,sBAEA,OACEC,KAAM,WACJ,MAAO,CAGLnB,SAAU,GACVoB,KAAM,GACNC,wBAAyB,GACzBC,OAAQ,GACRC,OAAQ,GACRhB,QAAS,GACTiB,cAAe,GACfZ,gBAAiB,KAGrB,QAfF,WAeA,iKACA,aADA,OACA,EADA,OAGA,GACA,UACA,iBAEA,cAPA,8CAUEa,QAAS,CACPC,YADJ,WACA,WACM,OAAOnC,KAAKoC,KAClB,+BACQ,iBAAR,IAEA,kBACA,gBACU,EAAV,YACU,EAAV,+BACU,EAAV,wBACU,EAAV,2BACU,EAAV,gCACU,EAAV,kBAIIC,WAjBJ,WAiBA,WACMrC,KAAKoC,KACX,gCACQ,iBAAR,IAEA,kBACA,8BACU,EAAV,eACU,EAAV,6BAIIE,8BA7BJ,WA6BA,WACMtC,KAAKoC,KACX,IACA,kCACA,cACA,4BACA,CACQ,iBAAR,IAGA,kBACA,8BACU,EAAV,qBAIIG,oBA7CJ,WA6CA,WACMvC,KAAKoC,KACX,4DACQ,iBAAR,IAEA,kBACA,8BACU,EAAV,+BACU,EAAV,SACA,sDAIII,aA1DJ,WA0DA,WACMxC,KAAKoC,KACX,6CACQ,iBAAR,IAEA,kBACA,8BACU,EAAV,mBAIIK,gBArEJ,WAqEA,WACMzC,KAAKoC,KACX,uDACQ,iBAAR,IAEA,kBACA,8BACU,EAAV,mBAIIV,OAhFJ,WAiFM1B,KAAK0C,QAAQC,QAEfnB,cAAe,WAAnB,WACA,eAIM,OAHAoB,EAASC,OAAO,kBAAmB7C,KAAKS,SAASqC,IACjDF,EAASC,OAAO,YAAa7C,KAAKqB,gBAAgByB,IAE3C9C,KAAKoC,KAClB,wCACQ,iBAAR,IAEA,kBACA,eACU,EAAV,QACU,EAAV,qDAEU,EAAV,QACU,EAAV,wDAGA,mBACQ,EAAR,QACQ,EAAR,WACQ,EAAR,SACQ,EAAR,sCC9LwW,I,wBCQpWW,EAAY,eACd,EACAjD,EACA6B,GACA,EACA,KACA,WACA,MAIa,aAAAoB,E,gCCnBfC,EAAOC,QAAU,IAA0B,+B,kCCA3C,yBAA8hB,EAAG,G","file":"js/chunk-ee1db746.2764f774.js","sourcesContent":["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('h4',{staticClass:\"custom-user-name\",staticStyle:{\"color\":\"#000\",\"text-align\":\"left\"}},[_vm._v(\" Select subjects that you want to focus on \")]),_c('br'),_c('form',{staticClass:\"ml-3 mr-3\"},_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)+\",\")])}),0),_c('div',{staticClass:\"ml-3 mr-3\"},[_c('v-select',{attrs:{\"horizontal\":\"\",\"options\":_vm.subject,\"label\":\"subjectName\",\"placeholder\":\"Select Subject\"},model:{value:(_vm.SelectedSubject),callback:function ($$v) {_vm.SelectedSubject=$$v},expression:\"SelectedSubject\"}})],1)])])])]),_c('div',{staticClass:\"bottom-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\",on:{\"click\":_vm.UpdateSubject}},[_vm._v(\"Save\")])],1),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Change Exam\")]),_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            <h4 style=\"color: #000; text-align: left\" class=\"custom-user-name\">\n              Select subjects that you want to focus on\n            </h4>\n            <br />\n            <form class=\"ml-3 mr-3\">\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              <!-- <img\n                class=\"float-right\"\n                src=\"../../assets/img/icon/iconContainer.svg\"\n              /> -->\n            </form>\n            <div class=\"ml-3 mr-3\">\n              <v-select\n              v-model=\"SelectedSubject\"\n              horizontal\n              :options=\"subject\"\n              label=\"subjectName\"\n              placeholder=\"Select Subject\"\n            />\n            </div>\n          </div>\n        </div>\n      </div>\n    </CContainer>\n    <div class=\"bottom-center\">\n      <CButton class=\"btn-select-blue mt-5\" @click=\"UpdateSubject\">Save</CButton>\n    </div>\n    <div class=\"header-top\">Change Exam</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  </div>\n</template>\n\n<script>\nimport Vue from \"vue\";\nimport vSelect from \"vue-select\";\nimport VuejsDialog from \"vuejs-dialog\";\nimport \"vuejs-dialog/dist/vuejs-dialog.min.css\";\nVue.component(\"v-select\", vSelect);\n\nimport \"vue-select/dist/vue-select.css\";\nimport \"vue-select/src/scss/vue-select.scss\";\n\nVue.use(VuejsDialog);\n\nexport default {\n  data: function () {\n    return {\n      // SubjectId: this.$route.query.subjectId,\n      // SubjectName: this.$route.query.shortSubjectName,\n      students: [],\n      user: {},\n      studentProfileAuthorize: \"\",\n      childs: [],\n      parent: [],\n      subject: [],\n      FilterSubject: [],\n      SelectedSubject: \"\",\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.GetProfileStudentsByStudentId();\n            this.GetSubject();\n          }\n        });\n    },\n    GetSubject() {\n      this.$API\n        .get(this.$SubjectListAuthorize, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200 && response.data != null) {\n            this.subject = response.data;\n            this.FilterSubject = this.subject;\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    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    GoBack() {\n      this.$router.back();\n    },\n    UpdateSubject: function () {\n      const formData = new FormData();\n      formData.append(\"ManualStudentId\", this.students.id);\n      formData.append(\"SubjectId\", this.SelectedSubject.id);\n\n      return this.$API\n        .post(this.$UpdateStudentFocusSubject, 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};\n</script>\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}\ninput[type=\"radio\"] {\n  opacity: 0;\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</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!./AddMoreSubjects.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!./AddMoreSubjects.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./AddMoreSubjects.vue?vue&type=template&id=493ceb61&scoped=true&\"\nimport script from \"./AddMoreSubjects.vue?vue&type=script&lang=js&\"\nexport * from \"./AddMoreSubjects.vue?vue&type=script&lang=js&\"\nimport style0 from \"./AddMoreSubjects.vue?vue&type=style&index=0&id=493ceb61&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  \"493ceb61\",\n  null\n  \n)\n\nexport default component.exports","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!./AddMoreSubjects.vue?vue&type=style&index=0&id=493ceb61&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!./AddMoreSubjects.vue?vue&type=style&index=0&id=493ceb61&scoped=true&lang=css&\""],"sourceRoot":""}