{"version":3,"sources":["webpack:///./src/views/Account/EditPersonalInfo.vue","webpack:///./src/views/Account/EditPersonalInfo.vue?69ae","webpack:///./node_modules/quasar/src/components/bar/QBar.js"],"names":["class","dense","flat","round","to","$t","ref","form","name","outlined","type","bg-color","label","rules","nameRules","phone","phoneRules","onInput","color","onSubmit","components","QTelInput","data","firstName","lastName","firstNameRules","v","msg","lastNameRules","computed","personalInfo","state","user","created","this","pmsPhone","methods","editPersonalInfo","val","code","phoneObject","countryCallingCode","number","nationalNumber","_phone","$refs","validate","then","success","$notify","create","position","message","catch","err","console","log","caption","response","__exports__","render","QBar","QBtn","QForm","QInput","createComponent","props","useDarkProps","Boolean","setup","slots","vm","getCurrentInstance","isDark","useDark","proxy","$q","classes","value","h","role","hSlot","default"],"mappings":"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","file":"js/chunk-641bebe3.805c31ef.js","sourcesContent":["<template>\r\n  <q-bar class=\"bg-white\">\r\n    <q-btn dense flat round :to=\"{ name: 'AccountPersonalInfo' }\">\r\n      <i class=\"fas fa-chevron-left\"></i>\r\n    </q-btn>\r\n    <div class=\"col text-center\">{{ $t('account.editPersonalInfo') }}</div>\r\n  </q-bar>\r\n\r\n  <div class=\"q-ma-md\">\r\n    <q-form ref=\"form\">\r\n      <q-input\r\n        v-model=\"form.name\"\r\n        outlined\r\n        type=\"text\"\r\n        bg-color=\"white\"\r\n        :label=\"`${$t('personalInfo.name')} *`\"\r\n        :rules=\"nameRules\"\r\n      />\r\n\r\n      <q-tel-input v-model=\"phone\" :rules=\"phoneRules\" @input=\"onInput\" />\r\n\r\n      <q-btn\r\n        class=\"full-width q-mt-md\"\r\n        color=\"primary\"\r\n        :label=\"$t('generic.text.submit')\"\r\n        @click=\"onSubmit\"\r\n      />\r\n    </q-form>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport QTelInput from '@/components/QTelInput.vue';\r\nimport { mapActions, mapState } from 'vuex';\r\n\r\nexport default {\r\n  components: {\r\n    QTelInput,\r\n  },\r\n  data() {\r\n    return {\r\n      form: {\r\n        firstName: '',\r\n        lastName: '',\r\n        name: '',\r\n        phone: '',\r\n      },\r\n      phone: '',\r\n      firstNameRules: [\r\n        (v) =>\r\n          !!v ||\r\n          this.$t('generic.error.required', {\r\n            msg: this.$t('register.firstName'),\r\n          }),\r\n      ],\r\n      lastNameRules: [\r\n        (v) =>\r\n          !!v ||\r\n          this.$t('generic.error.required', {\r\n            msg: this.$t('register.lastName'),\r\n          }),\r\n      ],\r\n      nameRules: [\r\n        (v) =>\r\n          !!v ||\r\n          this.$t('generic.error.required', {\r\n            msg: this.$t('register.name'),\r\n          }),\r\n      ],\r\n      phoneRules: [\r\n        (v) =>\r\n          !!v ||\r\n          this.$t('generic.error.required', { msg: this.$t('register.phone') }),\r\n      ],\r\n    };\r\n  },\r\n  computed: {\r\n    ...mapState({\r\n      personalInfo: (state) => state.user.personalInfo,\r\n    }),\r\n  },\r\n  created() {\r\n    this.phone = this.form.phone = this.personalInfo.pmsPhone;\r\n    this.form.name = this.personalInfo.name;\r\n  },\r\n  methods: {\r\n    ...mapActions({\r\n      editPersonalInfo: 'user/editPersonalInfo',\r\n    }),\r\n\r\n    onInput(val) {\r\n      let code = val.phoneObject.countryCallingCode;\r\n      let number = val.phoneObject.nationalNumber;\r\n      if (code && number) {\r\n        let _phone = `+${code} ${number}`;\r\n\r\n        this.phone = _phone;\r\n        this.form.phone = _phone;\r\n      }\r\n    },\r\n    onSubmit() {\r\n      this.$refs.form.validate().then((success) => {\r\n        if (!success) return;\r\n\r\n        this.editPersonalInfo(this.form)\r\n          .then(() => {\r\n            this.$notify.create({\r\n              type: 'positive',\r\n              position: 'top',\r\n              message: this.$t('account.editPersonalInfo.success'),\r\n            });\r\n          })\r\n          .catch((err) => {\r\n            console.log(err);\r\n\r\n            this.$notify.create({\r\n              type: 'negative',\r\n              position: 'top',\r\n              message: this.$t('account.editPersonalInfo.failed'),\r\n              caption: err.response.data,\r\n            });\r\n          });\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n","import { render } from \"./EditPersonalInfo.vue?vue&type=template&id=7101e988\"\nimport script from \"./EditPersonalInfo.vue?vue&type=script&lang=js\"\nexport * from \"./EditPersonalInfo.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"D:\\\\如峰\\\\浮雲客棧webapp 前後台系統\\\\前台\\\\kloudmobileweb\\\\KloudMobileWeb\\\\ClientApp\\\\node_modules\\\\vue-loader-v16\\\\dist\\\\exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__\nimport QBar from 'quasar/src/components/bar/QBar.js';\nimport QBtn from 'quasar/src/components/btn/QBtn.js';\nimport QForm from 'quasar/src/components/form/QForm.js';\nimport QInput from 'quasar/src/components/input/QInput.js';\nimport qInstall from \"../../../node_modules/vue-cli-plugin-quasar/lib/runtime.auto-import.js\";\nqInstall(script, 'components', {QBar,QBtn,QForm,QInput});\n","import { h, computed, getCurrentInstance } from 'vue'\n\nimport useDark, { useDarkProps } from '../../composables/private/use-dark.js'\n\nimport { createComponent } from '../../utils/private/create.js'\nimport { hSlot } from '../../utils/private/render.js'\n\nexport default createComponent({\n  name: 'QBar',\n\n  props: {\n    ...useDarkProps,\n    dense: Boolean\n  },\n\n  setup (props, { slots }) {\n    const vm = getCurrentInstance()\n    const isDark = useDark(props, vm.proxy.$q)\n\n    const classes = computed(() =>\n      'q-bar row no-wrap items-center'\n      + ` q-bar--${ props.dense === true ? 'dense' : 'standard' } `\n      + ` q-bar--${ isDark.value === true ? 'dark' : 'light' }`\n    )\n\n    return () => h('div', {\n      class: classes.value,\n      role: 'toolbar'\n    }, hSlot(slots.default))\n  }\n})\n"],"sourceRoot":""}