{"version":3,"sources":["webpack:///./src/assets/img/icon/VectorLeft.svg","webpack:///./src/views/FindTutor/BTAboutYou.vue?1b95","webpack:///./src/views/FindTutor/BTAboutYou.vue?483f","webpack:///src/views/FindTutor/BTAboutYou.vue","webpack:///./src/views/FindTutor/BTAboutYou.vue?9770","webpack:///./src/views/FindTutor/BTAboutYou.vue"],"names":["module","exports","render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","_v","directives","name","rawName","value","aboutme","expression","attrs","domProps","on","$event","target","composing","$set","submitAbout","Content","GoBack","staticRenderFns","data","user","parent","methods","GetInfoUser","$API","GetParentProfile","withCredentials","response","status","GetTeacherProfessionalRegistered","console","log","$router","back","formData","append","$route","query","teacherId","content","GoToMyResume","push","component"],"mappings":"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","file":"js/chunk-3322f675.89ee23e8.js","sourcesContent":["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!./BTAboutYou.vue?vue&type=style&index=0&id=111ada9d&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!./BTAboutYou.vue?vue&type=style&index=0&id=111ada9d&scoped=true&lang=css&\"","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:\"list-grade\"},[_c('div',[_c('label',{staticClass:\"ml-3\"},[_vm._v(\"Tell us a little bit about yourself\")]),_c('br'),_c('form',{staticClass:\"ml-3 mr-3\"},[_c('textarea',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.aboutme.Content),expression:\"aboutme.Content\"}],staticClass:\"custom-textarea\",attrs:{\"type\":\"text\",\"placeholder\":\"I am a dedicated teacher with...\"},domProps:{\"value\":(_vm.aboutme.Content)},on:{\"input\":function($event){if($event.target.composing){ return; }_vm.$set(_vm.aboutme, \"Content\", $event.target.value)}}})]),_c('div',{staticClass:\"bottom-center\"},[_c('CButton',{staticClass:\"btn-select-blue mt-5\",staticStyle:{\"position\":\"fixed\",\"bottom\":\"30px\",\"left\":\"0px\",\"right\":\"0px\",\"text-align\":\"center\",\"margin\":\"0 auto\"},on:{\"click\":function($event){return _vm.submitAbout(_vm.aboutme.Content)}}},[_vm._v(\" Save \")])],1)])])])])])]),_c('div',{staticClass:\"header-top\"},[_vm._v(\"About Me\")]),_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\n            <div class=\"list-grade\">\n              <div>\n                <label class=\"ml-3\">Tell us a little bit about yourself</label>\n                <br />\n                <form class=\"ml-3 mr-3\">\n                  <textarea \n                    type=\"text\"\n                    class=\"custom-textarea\" \n                    placeholder=\"I am a dedicated teacher with...\"\n                    v-model=\"aboutme.Content\">\n                  </textarea>\n                </form>\n\n                <div class=\"bottom-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                    class=\"btn-select-blue mt-5\" \n                    @click=\"submitAbout(aboutme.Content)\"> \n                      Save\n                  </CButton>\n                </div>\n              </div>\n              \n              </div>\n\n          </div>\n        </div>\n      </div>\n    </CContainer>\n      \n    <div class=\"header-top\">About Me</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() {\n    return {\n      user: {},\n      parent: {},\n      aboutme: {},\n      // aboutYou: \"\",\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.GetParentProfile(this.user.id);\n            this.GetTeacherProfessionalRegistered(this.user.id);\n          }\n        });\n    },\n\n    GetParentProfile() {\n    this.$API\n      .get(this.$ParentProfile + \"?userId=\" + 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    GetTeacherProfessionalRegistered() {\n    this.$API\n      .get(this.$TeacherProfessionalRegistered + \"?userId=\" + this.user.id, {\n        withCredentials: true,\n      })\n      .then((response) => {\n        if (response.status == 200 && response.data != null) {\n          this.aboutme = response.data;\n          console.log(\"about\", this.aboutme);\n        }\n      });\n    },\n\n    GoBack() {\n      this.$router.back();\n    },\n\n    submitAbout(content)\n    {\n      const formData = new FormData();\n\n      formData.append(\"teacherId\", this.$route.query.teacherId);\n      formData.append(\"content\", content);\n      \n      return this.$API\n        .post(this.$CreateEditProfessinalProfileByTeacherId, formData, {\n          withCredentials: true,\n        })\n        .then((response) => {\n          if (response.status == 200) {\n            // this.Busy = false;\n            // this.$dialog.alert(\"Success add\").then(function () {});\n            this.GoToMyResume(this.user.id);\n            // this.list = true;\n            // this.addnew = false;\n          } else {\n            this.Busy = false;\n            // this.$dialog.alert(\"Error to add\").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    GoToMyResume() {\n      this.$router.push(\n        \"BTMyResume?teacherId=\" + \n        this.$route.query.teacherId\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}\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.custom-textarea {\n  width: 100%;\n  height: 200px;\n  padding: 10px 10px;\n  box-sizing: border-box;\n  border: 2px solid #ccc;\n  border-radius: 4px;\n  background-color: #f8f8f8;\n  font-size: 12px;\n  resize: none;\n}\n</style>\n\n\n","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!./BTAboutYou.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!./BTAboutYou.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BTAboutYou.vue?vue&type=template&id=111ada9d&scoped=true&\"\nimport script from \"./BTAboutYou.vue?vue&type=script&lang=js&\"\nexport * from \"./BTAboutYou.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BTAboutYou.vue?vue&type=style&index=0&id=111ada9d&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  \"111ada9d\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}