{"version":3,"sources":["webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///(webpack)/buildin/module.js","webpack:///./src/views/RegisterStudentSubject.vue?a36d","webpack:///src/views/RegisterStudentSubject.vue","webpack:///./src/views/RegisterStudentSubject.vue?f455","webpack:///./src/views/RegisterStudentSubject.vue","webpack:///./src/assets/img/icon/icondefault.svg","webpack:///./src/views/RegisterStudentSubject.vue?6a59"],"names":["module","exports","webpackPolyfill","deprecate","paths","children","Object","defineProperty","enumerable","get","l","i","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","studentProfileAuthorize","attrs","photoURL","_v","_s","user","name","Grade","subject","on","RegisterNewStudent","model","value","callback","$$v","SelectedSubject","expression","$event","GoToDoneCreateAcc","GoBack","staticRenderFns","data","FilterSubject","$route","query","Exam","SearchQuery","methods","GetInfoUser","$API","GetSubject","GoToSuccess","$router","push","back","ApplyFilter","arr","result","formData","append","id","component"],"mappings":"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","file":"js/chunk-538c331b.6b6bd4fa.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/VectorLeft.3808b713.svg\";","module.exports = function(module) {\n\tif (!module.webpackPolyfill) {\n\t\tmodule.deprecate = function() {};\n\t\tmodule.paths = [];\n\t\t// module.parent = undefined by default\n\t\tif (!module.children) module.children = [];\n\t\tObject.defineProperty(module, \"loaded\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.l;\n\t\t\t}\n\t\t});\n\t\tObject.defineProperty(module, \"id\", {\n\t\t\tenumerable: true,\n\t\t\tget: function() {\n\t\t\t\treturn module.i;\n\t\t\t}\n\t\t});\n\t\tmodule.webpackPolyfill = 1;\n\t}\n\treturn module;\n};\n","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('CRow',[_c('span',{staticClass:\"custom-header-profile\"},[(_vm.studentProfileAuthorize == '')?_c('img',{attrs:{\"width\":\"50px\",\"height\":\"50px\",\"src\":require(\"../assets/img/icon/icondefault.svg\")}}):_c('img',{staticStyle:{\"border-radius\":\"50%\",\"border\":\"5px solid #fff\"},attrs:{\"width\":\"50px\",\"height\":\"50px\",\"src\":_vm.photoURL}})]),_c('span',{staticClass:\"custom-user-title\"},[_vm._v(_vm._s(_vm.user.name))]),_c('span',{staticClass:\"custom-sub-grade\"},[_vm._v(_vm._s(_vm.Grade))])]),_c('h4',{staticClass:\"custom-user-grade\",staticStyle:{\"color\":\"#000\",\"text-align\":\"left\"}},[_vm._v(\" Select subjects that you want to focus on \")]),_c('br'),_c('div',{staticClass:\"ml-3 mr-3\"},[_c('v-select',{attrs:{\"horizontal\":\"\",\"options\":_vm.subject,\"label\":\"subjectName\",\"placeholder\":\"Select Subject\"},on:{\"input\":_vm.RegisterNewStudent},model:{value:(_vm.SelectedSubject),callback:function ($$v) {_vm.SelectedSubject=$$v},expression:\"SelectedSubject\"}})],1)],1)])])]),_c('div',{staticClass:\"bottom-center text-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\",staticStyle:{\"position\":\"fixed\",\"bottom\":\"30px\",\"left\":\"0px\",\"right\":\"0px\",\"text-align\":\"center\",\"margin\":\"0 auto\"},attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.GoToDoneCreateAcc()}}},[_vm._v(\" Next\")])],1),_c('div',{staticStyle:{\"clear\":\"both\"}}),_c('div',{staticClass:\"header-top\"},[_vm._v(\"Register Student\")]),_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            <CRow>\n              <span class=\"custom-header-profile\">\n                <img\n                  v-if=\"studentProfileAuthorize == ''\"\n                  width=\"50px\"\n                  height=\"50px\"\n                  src=\"../assets/img/icon/icondefault.svg\"\n                />\n                <img\n                  v-else\n                  width=\"50px\"\n                  height=\"50px\"\n                  :src=\"photoURL\"\n                  style=\"border-radius: 50%; border: 5px solid #fff\"\n                />\n              </span>\n\n              <span class=\"custom-user-title\">{{ user.name }}</span>\n              <span class=\"custom-sub-grade\">{{ Grade }}</span>\n            </CRow>\n            <h4 style=\"color: #000; text-align: left\" class=\"custom-user-grade\">\n              Select subjects that you want to focus on\n            </h4>\n            <br />\n            <div class=\"ml-3 mr-3\">\n              <v-select\n              horizontal\n              v-model=\"SelectedSubject\"\n              :options=\"subject\"\n              label=\"subjectName\"\n              placeholder=\"Select Subject\"\n              @input=\"RegisterNewStudent\"\n            />\n            </div>\n            <!-- <form class=\"ml-3 mr-3\">\n              <input\n                type=\"text\"\n                class=\"custom-input-user\"\n                placeholder=\"Search Subject\"\n                v-model.lazy=\"SearchQuery\"\n                @change=\"ApplyFilter()\"\n              />\n              <img src=\"../assets/img/icon/IconSearch.svg\" />\n            </form>\n\n            <div class=\"list-grade\">\n              <CRow>\n                <CCol\n                  sm=\"12\"\n                  v-for=\"item in FilterSubject\"\n                  v-bind:key=\"item.id\"\n                >\n                  <div class=\"ml-3\">\n                    <input\n                      type=\"checkbox\"\n                      id=\"item.id\"\n                      v-model=\"item.subjectName\"\n                      class=\"mr-2 ml-2\"\n                    />\n                     {{ item.subjectName }}\n                  </div>\n                  <div style=\"clear: both\"></div>\n                  <hr />\n                </CCol>\n              </CRow>\n            </div> -->\n          </div>\n        </div>\n      </div>\n    </CContainer>\n    <div class=\"bottom-center text-center\">\n      <CButton  style=\"\n          position: fixed;\n          bottom: 30px;\n          left: 0px;\n          right: 0px;\n          text-align: center;\n          margin: 0 auto;\n        \" color=\"info\" class=\"btn-select-blue mt-5\" @click=\"GoToDoneCreateAcc()\">\n        Next</CButton\n      >\n    </div>\n     <div style=\"clear: both\"></div>\n    <div class=\"header-top\">Register Student</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\";\nVue.use(VuejsDialog);\nimport _ from \"lodash\";\nexport default {\n  data: function () {\n    return {\n      user: {},\n      subject: [],\n      FilterSubject: [],\n      Grade: this.$route.query.Grade,\n      Exam: this.$route.query.Exam,\n      SearchQuery: \"\",\n      SelectedSubject: \"\",\n\n      studentProfileAuthorize: \"\",\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.GetSubject();\n             this.GetAuthorizeProfile(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    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    GoToSuccess() {\n      this.$router.push(\n        \"/RegisterStudentSuccess?Grade=\" +\n          this.$route.query.Grade +\n          \"&Exam=\" +\n          this.$route.query.Exam\n      );\n    },\n    GoBack() {\n      this.$router.back();\n    },\n    ApplyFilter: function () {\n      var arr = _.orderBy(this.subject, [\"subjectName\"], [\"asc\"]);\n      if (_.isEmpty(arr) == false) {\n        const result = _.filter(arr, ({ subjectName }) =>\n          _.some([\n            _.includes(!subjectName || subjectName.toLowerCase(), [\n              this.SearchQuery.toLowerCase(),\n            ]),\n          ])\n        );\n        this.FilterSubject = result;\n      }\n    },\n    RegisterNewStudent: function () {\n      const formData = new FormData();\n      formData.append(\"Grade\", this.$route.query.Grade);\n      formData.append(\"NickName\", this.user.name);\n      formData.append(\"Exam\", this.$route.query.Exam);\n      formData.append(\"SubjectId\", this.SelectedSubject.id);\n\n      return this.$API\n        .post(this.$RegisterNewStudentForStudent, formData, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.Busy = false;\n            this.GoToSuccess();\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\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!./RegisterStudentSubject.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!./RegisterStudentSubject.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./RegisterStudentSubject.vue?vue&type=template&id=09a0df07&scoped=true&\"\nimport script from \"./RegisterStudentSubject.vue?vue&type=script&lang=js&\"\nexport * from \"./RegisterStudentSubject.vue?vue&type=script&lang=js&\"\nimport style0 from \"./RegisterStudentSubject.vue?vue&type=style&index=0&id=09a0df07&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  \"09a0df07\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/icondefault.ffbf2ec3.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!./RegisterStudentSubject.vue?vue&type=style&index=0&id=09a0df07&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!./RegisterStudentSubject.vue?vue&type=style&index=0&id=09a0df07&scoped=true&lang=css&\""],"sourceRoot":""}