{"version":3,"sources":["webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/UploadImageParentSuccess.vue?f0a8","webpack:///src/views/UploadImageParentSuccess.vue","webpack:///./src/views/UploadImageParentSuccess.vue?b8dd","webpack:///./src/views/UploadImageParentSuccess.vue","webpack:///./src/views/UploadImageParentSuccess.vue?e766"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","attrs","$route","query","Image","_v","_s","NickName","on","$event","GoToRegisterSuccess","OpenUploadPopup","GoBack","UploadModal","scopedSlots","_u","key","fn","UpdateProfileImage","proxy","ref","handleFileUpload","staticRenderFns","ExamId","methods","$router","push","file","$refs","files","console","log","RegisterNewStudent","formData","append","user","email","Grade","Exam","SubjectId","$API","component"],"mappings":"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","file":"js/chunk-fd67296c.d780a84e.js","sourcesContent":["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:\"card-custom-web\"},[_c('br'),_c('div',{staticClass:\"text-center mt-4\"},[_c('br'),_c('br'),_c('br'),_c('img',{attrs:{\"src\":this.$route.query.Image}}),_c('br'),_c('h3',{staticClass:\"title mt-4\",staticStyle:{\"color\":\"#000A2C\"}},[_vm._v(_vm._s(this.$route.query.NickName))]),_c('br'),_c('h4',{staticClass:\"sub-title-header\",staticStyle:{\"color\":\"#000A2C\"}},[_vm._v(\" Nice photo! \")])])])])]),_c('div',{staticClass:\"bottom-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\",attrs:{\"color\":\"info\"},on:{\"click\":function($event){return _vm.GoToRegisterSuccess()}}},[_vm._v(\"Next\")]),_c('br'),_c('label',{staticClass:\"mt-3 custom-label-note\",staticStyle:{\"color\":\"#007CEF\"}},[_c('span',{staticClass:\"text-inline\",on:{\"click\":function($event){return _vm.OpenUploadPopup()}}},[_vm._v(\"Change Image\")])])],1),_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\"}}),_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\":function($event){return _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        \n          <div class=\"card-custom-web\">\n            <br />\n            <div class=\"text-center mt-4\"><br /><br /><br />\n              <img :src=\"this.$route.query.Image\" />\n              <br />\n              <h3 class=\"title mt-4\" style=\"color: #000A2C;\">{{ this.$route.query.NickName }}</h3>\n              <br />\n              <h4 class=\"sub-title-header\" style=\"color: #000A2C;\">\n                Nice photo!\n              </h4>\n            </div>\n\n            \n            \n          </div>\n        \n      </div>\n    </CContainer>\n    <div class=\"bottom-center\">\n      <CButton color=\"info\" class=\"btn-select-blue mt-5\" @click=\"GoToRegisterSuccess()\">Next</CButton>\n      <br />\n        <label class=\"mt-3 custom-label-note\" style=\"color: #007CEF;\">\n          <span class=\"text-inline\" @click=\"OpenUploadPopup()\">Change Image</span> \n        </label>\n    </div>\n    \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    <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\n          type=\"file\"\n          id=\"file\"\n          ref=\"file\"\n          accept=\"image/jpeg\"\n          v-on:change=\"handleFileUpload()\"\n        />\n        <br />\n      </div>\n      <template #footer>\n        <CButton\n          type=\"submit\"\n          color=\"info\"\n          class=\"p-2\"\n          @click=\"UpdateProfileImage()\"\n          >Upload</CButton\n        >\n      </template>\n    </CModal>\n  </div>\n</template>\n\n<script>\nexport default {\n    data() {\n    return {\n      Image: this.$route.query.Image,\n      NickName: this.$route.query.NickName,\n      ExamId: this.$route.query.ExamId,\n      UploadModal: false,\n    };\n  },\n  methods: {\n    // GoToSubject(){\n    //   this.$router.push(\n    //     \"/RegisterStudentParentSubject?NickName=\" +\n    //       this.$route.query.NickName +\n    //       \"&Grade=\" +\n    //        this.$route.query.Grade + \n    //       \"&Exam=\" +\n    //        this.$route.query.Exam + \"&ExamId=\" +\n    //        this.$route.query.ExamId + \"&Image=\" + this.$route.query.Image\n    //   );\n    // },\n    GoToRegisterSuccess() {\n      this.$router.push(\n        \"/RegisterStudentParentSuccess?NickName=\" +\n          this.$route.query.NickName +\n          \"&Grade=\" +\n          this.$route.query.Grade +\n          \"&Exam=\" +\n          this.$route.query.Exam\n      );\n    },\n    handleFileUpload() {\n      this.file = this.$refs.file.files[0];\n      console.log(this.file);\n    },\n    OpenUploadPopup() {\n      this.UploadModal = true;\n    },\n    RegisterNewStudent: function () {\n      const formData = new FormData();\n      formData.append(\"Name\", this.$route.query.NickName);\n      formData.append(\"ParentEmail\", this.user.email);\n      formData.append(\"Grade\", this.$route.query.Grade);\n      formData.append(\"Image\", this.file);\n      formData.append(\"NickName\", this.$route.query.NickName);\n      formData.append(\"Exam\", this.$route.query.Exam);\n      formData.append(\"SubjectId\", this.$route.query.SubjectId);\n\n      return this.$API\n        .post(this.$RegisterNewStudent, formData, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            this.Busy = false;\n            this.GoToImageSuccess();\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    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}\n</script>\n\n<style scoped>\n@import url(\"https://fonts.googleapis.com/css2?family=Montserrat&family=Poppins&display=swap\");\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\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!./UploadImageParentSuccess.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!./UploadImageParentSuccess.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./UploadImageParentSuccess.vue?vue&type=template&id=2c3b0d50&scoped=true&\"\nimport script from \"./UploadImageParentSuccess.vue?vue&type=script&lang=js&\"\nexport * from \"./UploadImageParentSuccess.vue?vue&type=script&lang=js&\"\nimport style0 from \"./UploadImageParentSuccess.vue?vue&type=style&index=0&id=2c3b0d50&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  \"2c3b0d50\",\n  null\n  \n)\n\nexport default component.exports","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!./UploadImageParentSuccess.vue?vue&type=style&index=0&id=2c3b0d50&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!./UploadImageParentSuccess.vue?vue&type=style&index=0&id=2c3b0d50&scoped=true&lang=css&\""],"sourceRoot":""}