{"version":3,"sources":["webpack:///./src/views/Profile/ChangePassword.vue","webpack:///src/views/Profile/ChangePassword.vue","webpack:///./src/views/Profile/ChangePassword.vue?71a8","webpack:///./src/views/Profile/ChangePassword.vue?6291","webpack:///../../../src/components/VForm/VForm.ts","webpack:///./src/views/UserProfile/UserProfile.vue","webpack:///src/views/UserProfile/UserProfile.vue","webpack:///./src/views/UserProfile/UserProfile.vue?bf0c","webpack:///./src/views/UserProfile/UserProfile.vue?f28f","webpack:///./src/views/UserProfile/UserProfile.vue?7ee1"],"names":["ref","scopedSlots","handleSubmit","on","attrs","_c","model","value","_vm","oldPass","callback","expression","newPass","confirmPass","loading","name","data","methods","changePassword","$refs","form","setErrors","confirmpass","$t","$apiHttp","url","method","old_pwd","new_pwd","confirm_pwd","then","resetForm","$store","commit","type","message","finally","pwdVisible","reset","component","staticRenderFns","mixins","BindsAttrs","RegistrableProvide","extend","provide","this","inheritAttrs","props","disabled","Boolean","lazyValidation","readonly","inputs","watchers","errorBag","watch","handler","val","errors","Object","values","includes","$emit","deep","immediate","watchInput","input","watcher","$watch","$set","_uid","valid","shouldValidate","hasOwnProperty","validate","filter","length","forEach","resetErrorBag","setTimeout","resetValidation","register","push","unregister","found","find","i","unwatch","$delete","render","h","staticClass","novalidate","attrs$","submit","e","getSlot","staticStyle","currentAvatarData","key","_v","_s","fn","userData","proxy","components","ChangePasswordForm","icons","mdiPhone","mdiPencil","mdiAccount","busy","avatarData","image","Image","created","getUserData","computed","mapState","mapMutations","setCurrentUser","setGlobalMessage","Promise","resolve","reject","res","catch","error","updateUserDetails","text","signature","editor","getHTML","observer","onImageLoad","file","uploadAvatar","FormData","append","getImage","photo","responseType","params","path","src","URL","createObjectURL","severity","currentUser","newValue","_this$$refs$signature","commands","setContent"],"mappings":"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","file":"js/profile.52bda64b.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('validation-observer',{ref:\"form\",scopedSlots:_vm._u([{key:\"default\",fn:function({ handleSubmit }){return [_c('form',{on:{\"submit\":function($event){$event.preventDefault();return handleSubmit(_vm.changePassword)}}},[_c('v-container',{attrs:{\"fluid\":\"\"}},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('uv-text-field',{attrs:{\"name\":\"oldpass\",\"rules\":\"required\",\"label\":_vm.$t('labels.oldPassword'),\"password\":true},model:{value:(_vm.oldPass),callback:function ($$v) {_vm.oldPass=$$v},expression:\"oldPass\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('uv-text-field',{attrs:{\"name\":\"newpass\",\"rules\":\"required|strongpwd\",\"label\":_vm.$t('labels.password'),\"password\":true},model:{value:(_vm.newPass),callback:function ($$v) {_vm.newPass=$$v},expression:\"newPass\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('uv-text-field',{attrs:{\"name\":\"confirmpass\",\"rules\":\"required|strongpwd\",\"label\":_vm.$t('labels.confirmPassword'),\"password\":true},model:{value:(_vm.confirmPass),callback:function ($$v) {_vm.confirmPass=$$v},expression:\"confirmPass\"}})],1)],1),_c('v-row',{attrs:{\"justify\":\"end\"}},[_c('v-col',{attrs:{\"cols\":\"auto\"}},[_c('uv-button',{attrs:{\"type\":\"submit\",\"color\":\"success\",\"loading\":_vm.loading}},[_vm._v(_vm._s(_vm.$t('save')))])],1)],1)],1)],1)]}}])})\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <validation-observer v-slot=\"{ handleSubmit }\" ref=\"form\">\n        <form @submit.prevent=\"handleSubmit(changePassword)\">\n            <v-container fluid>\n                <v-row>\n                    <v-col cols=\"12\">\n                        <uv-text-field v-model=\"oldPass\" name=\"oldpass\" rules=\"required\" :label=\"$t('labels.oldPassword')\"\n                        :password=\"true\">\n                        </uv-text-field>\n                    </v-col>\n                    <v-col cols=\"12\">\n                        <uv-text-field v-model=\"newPass\"  name=\"newpass\" rules=\"required|strongpwd\" :label=\"$t('labels.password')\"\n                        :password=\"true\">\n                        </uv-text-field>\n                    </v-col>\n                    <v-col cols=\"12\">\n                        <uv-text-field v-model=\"confirmPass\" name=\"confirmpass\" rules=\"required|strongpwd\" :label=\"$t('labels.confirmPassword')\" \n                        :password=\"true\">\n                        </uv-text-field>\n                    </v-col>\n                </v-row>\n                <v-row justify=\"end\">\n                    <v-col cols=\"auto\">\n                        <uv-button type=\"submit\" color=\"success\" :loading=\"loading\">{{ $t('save')}}</uv-button>\n                    </v-col>\n                </v-row>\n            </v-container>\n        </form>\n    </validation-observer>\n</template>\n\n<script>\nexport default {\n    name: \"ChangePasswordForm\",\n    data() {\n        return {\n            oldPass: null,\n            newPass: null,\n            confirmPass: null,\n            loading: false\n        }\n    },\n    methods: {\n        changePassword(){\n            if (this.newPass !== this.confirmPass){\n                this.$refs.form.setErrors({\n                    confirmpass: [this.$t('labels.passwordsDontMatch')]\n                })\n            }else{\n                this.loading = true;\n                this.$apiHttp({\n                    url: \"/auth/change_password\",\n                    method: \"POST\",\n                    data: {\n                        old_pwd: this.oldPass,\n                        new_pwd: this.newPass,\n                        confirm_pwd: this.confirmPass,\n                    },\n                })\n                .then(()=>{\n                    this.resetForm();\n                    this.$store.commit('SET_globalMessage', {type: 'success', message: this.$t('messages.passwordChanged')})\n                })\n                .finally(() => {\n                    this.loading = false;\n                });\n            }\n        },\n        resetForm(){\n            this.oldPass = \"\"; this.newPass = \"\"; this.confirmPass = \"\"; this.pwdVisible = false;\n            this.$refs.form.reset();\n        }\n    }\n}\n</script>\n\n<style lang=\"sss\" scoped>\n\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChangePassword.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ChangePassword.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ChangePassword.vue?vue&type=template&id=08f6769a&scoped=true\"\nimport script from \"./ChangePassword.vue?vue&type=script&lang=js\"\nexport * from \"./ChangePassword.vue?vue&type=script&lang=js\"\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  \"08f6769a\",\n  null\n  \n)\n\nexport default component.exports","// Components\nimport VInput from '../VInput/VInput'\n\n// Mixins\nimport mixins from '../../util/mixins'\nimport BindsAttrs from '../../mixins/binds-attrs'\nimport { provide as RegistrableProvide } from '../../mixins/registrable'\n\n// Helpers\nimport { VNode } from 'vue'\nimport { getSlot } from '../../util/helpers'\n\ntype ErrorBag = Record<number, boolean>\ntype VInputInstance = InstanceType<typeof VInput>\ntype Watchers = {\n  _uid: number\n  valid: () => void\n  shouldValidate: () => void\n}\n\n/* @vue/component */\nexport default mixins(\n  BindsAttrs,\n  RegistrableProvide('form')\n  /* @vue/component */\n).extend({\n  name: 'v-form',\n\n  provide (): object {\n    return { form: this }\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    disabled: Boolean,\n    lazyValidation: Boolean,\n    readonly: Boolean,\n    value: Boolean,\n  },\n\n  data: () => ({\n    inputs: [] as VInputInstance[],\n    watchers: [] as Watchers[],\n    errorBag: {} as ErrorBag,\n  }),\n\n  watch: {\n    errorBag: {\n      handler (val) {\n        const errors = Object.values(val).includes(true)\n\n        this.$emit('input', !errors)\n      },\n      deep: true,\n      immediate: true,\n    },\n  },\n\n  methods: {\n    watchInput (input: any): Watchers {\n      const watcher = (input: any): (() => void) => {\n        return input.$watch('hasError', (val: boolean) => {\n          this.$set(this.errorBag, input._uid, val)\n        }, { immediate: true })\n      }\n\n      const watchers: Watchers = {\n        _uid: input._uid,\n        valid: () => {},\n        shouldValidate: () => {},\n      }\n\n      if (this.lazyValidation) {\n        // Only start watching inputs if we need to\n        watchers.shouldValidate = input.$watch('shouldValidate', (val: boolean) => {\n          if (!val) return\n\n          // Only watch if we're not already doing it\n          if (this.errorBag.hasOwnProperty(input._uid)) return\n\n          watchers.valid = watcher(input)\n        })\n      } else {\n        watchers.valid = watcher(input)\n      }\n\n      return watchers\n    },\n    /** @public */\n    validate (): boolean {\n      return this.inputs.filter(input => !input.validate(true)).length === 0\n    },\n    /** @public */\n    reset (): void {\n      this.inputs.forEach(input => input.reset())\n      this.resetErrorBag()\n    },\n    resetErrorBag () {\n      if (this.lazyValidation) {\n        // Account for timeout in validatable\n        setTimeout(() => {\n          this.errorBag = {}\n        }, 0)\n      }\n    },\n    /** @public */\n    resetValidation () {\n      this.inputs.forEach(input => input.resetValidation())\n      this.resetErrorBag()\n    },\n    register (input: VInputInstance) {\n      this.inputs.push(input)\n      this.watchers.push(this.watchInput(input))\n    },\n    unregister (input: VInputInstance) {\n      const found = this.inputs.find(i => i._uid === input._uid)\n\n      if (!found) return\n\n      const unwatch = this.watchers.find(i => i._uid === found._uid)\n      if (unwatch) {\n        unwatch.valid()\n        unwatch.shouldValidate()\n      }\n\n      this.watchers = this.watchers.filter(i => i._uid !== found._uid)\n      this.inputs = this.inputs.filter(i => i._uid !== found._uid)\n      this.$delete(this.errorBag, found._uid)\n    },\n  },\n\n  render (h): VNode {\n    return h('form', {\n      staticClass: 'v-form',\n      attrs: {\n        novalidate: true,\n        ...this.attrs$,\n      },\n      on: {\n        submit: (e: Event) => this.$emit('submit', e),\n      },\n    }, getSlot(this))\n  },\n})\n","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('v-container',{staticClass:\"uv-flex-fill-remaining\",attrs:{\"fluid\":\"\"}},[_c('v-sheet',{staticClass:\"rounded-xl pa-3 overflow-container\",staticStyle:{\"height\":\"100%\"}},[_c('v-row',{attrs:{\"align-content\":\"stretch\"}},[_c('v-col',{staticStyle:{\"position\":\"relative\"},attrs:{\"cols\":\"12\",\"md\":\"2\"}},[_c('v-avatar',{staticClass:\"elevation-4\",attrs:{\"height\":\"100%\",\"width\":\"100%\"}},[(!_vm.currentAvatarData.busy && _vm.userData.data.photo)?_c('v-img',{attrs:{\"src\":_vm.currentAvatarData.image.src,\"aspect-ratio\":\"1\"}}):_c('v-icon',[_vm._v(_vm._s(_vm.icons.mdiAccount))])],1),_c('v-tooltip',{attrs:{\"bottom\":\"\"},scopedSlots:_vm._u([{key:\"activator\",fn:function({ on, attrs }){return [_c('v-file-input',_vm._g(_vm._b({staticClass:\"edit-avatar\",attrs:{\"hide-details\":\"\",\"hide-input\":\"\",\"dense\":\"\",\"accept\":\"image/*\",\"value\":_vm.avatarData.image,\"prepend-icon\":_vm.icons.mdiPencil,\"color\":\"warning\"},on:{\"change\":_vm.onImageLoad}},'v-file-input',attrs,false),on))]}}])},[_vm._v(\" \"+_vm._s(_vm.$t('labels.edit'))+\" \")])],1),_c('v-col',{staticClass:\"text-h6\",attrs:{\"cols\":\"12\",\"md\":\"8\"}},[_c('div',{staticClass:\"d-flex flex-column justify-space-around fill-height\"},[_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t('labels.name'))+\": \")]),_c('span',[_vm._v(_vm._s(_vm.userData.data.name))])]),_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t('labels.email'))+\": \")]),_c('span',[_vm._v(_vm._s(_vm.userData.data.email))])]),_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t('labels.phone'))+\": \")]),_c('span',[_vm._v(_vm._s(_vm.userData.data.phone))])]),_c('div',[_c('span',[_vm._v(_vm._s(_vm.$t('labels.username'))+\": \")]),_c('span',[_vm._v(_vm._s(_vm.userData.data.username))])])])]),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('v-divider')],1),_c('v-col',{staticStyle:{\"min-height\":\"300px\"},attrs:{\"cols\":\"12\",\"md\":\"6\",\"self-align\":\"stretch\"}},[_c('v-card',{staticClass:\"fill-height\"},[_c('validation-observer',{ref:\"observer\",staticClass:\"fill-height\",scopedSlots:_vm._u([{key:\"default\",fn:function({ handleSubmit }){return [_c('v-form',{staticClass:\"fill-height d-flex flex-column\",on:{\"submit\":function($event){$event.preventDefault();handleSubmit(_vm.updateUserDetails())}}},[_c('v-card-title',[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('labels.userDetails'))+\" \")])]),_c('v-card-text',{staticClass:\"flex-grow-1\"},[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('uv-text-field',{attrs:{\"label\":_vm.$t('labels.user'),\"rules\":\"required\",\"color\":\"info\"},model:{value:(_vm.userData.data.username),callback:function ($$v) {_vm.$set(_vm.userData.data, \"username\", $$v)},expression:\"userData.data.username\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('uv-text-field',{attrs:{\"label\":_vm.$t('labels.firstAndLastName'),\"rules\":\"required\",\"color\":\"info\"},model:{value:(_vm.userData.data.name),callback:function ($$v) {_vm.$set(_vm.userData.data, \"name\", $$v)},expression:\"userData.data.name\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('uv-text-field',{attrs:{\"label\":_vm.$t('labels.phone'),\"color\":\"info\",\"rules\":\"phone\"},scopedSlots:_vm._u([{key:\"prepend-inner\",fn:function(){return [_c('v-icon',{attrs:{\"color\":\"info\",\"size\":\"28\"}},[_vm._v(_vm._s(_vm.icons.mdiPhone))])]},proxy:true}],null,true),model:{value:(_vm.userData.data.phone),callback:function ($$v) {_vm.$set(_vm.userData.data, \"phone\", $$v)},expression:\"userData.data.phone\"}})],1),_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('uv-text-field',{attrs:{\"label\":_vm.$t('labels.email'),\"color\":\"info\",\"rules\":\"required|email\"},scopedSlots:_vm._u([{key:\"prepend-inner\",fn:function(){return [_c('v-icon',{attrs:{\"color\":\"info\",\"size\":\"28\"}},[_vm._v(\"$email\")])]},proxy:true}],null,true),model:{value:(_vm.userData.data.email),callback:function ($$v) {_vm.$set(_vm.userData.data, \"email\", $$v)},expression:\"userData.data.email\"}})],1),_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"text-h6\"},[_vm._v(_vm._s(_vm.$t('labels.signature')))])]),_c('v-col',{attrs:{\"cols\":\"12\"}},[(!_vm.userData.busy)?_c('uv-editor',{ref:\"signature\",staticClass:\"flex-grow-1 flex-column d-flex\",staticStyle:{\"min-height\":\"300px\"},attrs:{\"initial-content\":_vm.userData.data.text,\"isEditable\":true,\"isEmailEditor\":true}}):_vm._e()],1)],1)],1),_c('v-card-actions',{staticClass:\"d-flex justify-end\"},[_c('uv-button',{attrs:{\"loading\":_vm.userData.busy,\"color\":\"success\",\"type\":\"submit\"}},[_vm._v(_vm._s(_vm.$t('save')))])],1)],1)]}}])})],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\",\"align-self\":\"start\"}},[_c('v-card',{staticClass:\"fill-height\"},[_c('v-card-title',[_c('span',[_vm._v(\" \"+_vm._s(_vm.$t('labels.changePassword'))+\" \")])]),_c('v-card-text',{staticClass:\"px-0 pb-0\"},[_c('change-password-form',{ref:\"pwdForm\"})],1)],1)],1)],1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <v-container fluid class=\"uv-flex-fill-remaining\">\n        <v-sheet style=\"height: 100%\" class=\"rounded-xl pa-3 overflow-container\">\n            <v-row align-content=\"stretch\">\n                <v-col cols=\"12\" md=\"2\" style=\"position: relative;\">\n                    <v-avatar height=\"100%\" width=\"100%\" class=\"elevation-4\">\n                        <v-img v-if=\"!currentAvatarData.busy && userData.data.photo\"\n                            :src=\"currentAvatarData.image.src\" aspect-ratio=\"1\"></v-img>\n                        <v-icon v-else>{{ icons.mdiAccount }}</v-icon>\n                    </v-avatar>\n                    <v-tooltip bottom>\n                        <template #activator=\"{ on, attrs }\">\n                            <v-file-input v-on=\"on\" v-bind=\"attrs\" class=\"edit-avatar\" hide-details hide-input dense\n                                @change=\"onImageLoad\" accept=\"image/*\" :value=\"avatarData.image\"\n                                :prepend-icon=\"icons.mdiPencil\" color=\"warning\">\n                            </v-file-input>\n                        </template>\n                        {{ $t('labels.edit') }}\n                    </v-tooltip>\n                </v-col>\n                <v-col cols=\"12\" md=\"8\" class=\"text-h6\">\n                    <div class=\"d-flex flex-column justify-space-around fill-height\">\n                        <div>\n                            <span>{{ $t('labels.name') }}: </span>\n                            <span>{{ userData.data.name }}</span>\n                        </div>\n                        <div>\n                            <span>{{ $t('labels.email') }}: </span>\n                            <span>{{ userData.data.email }}</span>\n                        </div>\n                        <div>\n                            <span>{{ $t('labels.phone') }}: </span>\n                            <span>{{ userData.data.phone }}</span>\n                        </div>\n                        <div>\n                            <span>{{ $t('labels.username') }}: </span>\n                            <span>{{ userData.data.username }}</span>\n                        </div>\n                    </div>\n                </v-col>\n                <v-col cols=\"12\">\n                    <v-divider></v-divider>\n                </v-col>\n                <v-col cols=\"12\" md=\"6\" style=\"min-height: 300px\" self-align=\"stretch\">\n                    <v-card class=\"fill-height\">\n                        <validation-observer v-slot=\"{ handleSubmit }\" ref=\"observer\" class=\"fill-height\">\n                            <v-form @submit.prevent=\"handleSubmit(updateUserDetails())\"\n                                class=\"fill-height d-flex flex-column\">\n                                <v-card-title>\n                                    <span>\n                                        {{ $t('labels.userDetails') }}\n                                    </span>\n                                </v-card-title>\n                                <v-card-text class=\"flex-grow-1\">\n                                    <v-row>\n                                        <v-col cols=\"6\">\n                                            <uv-text-field :label=\"$t('labels.user')\" v-model=\"userData.data.username\"\n                                                rules=\"required\" color=\"info\"></uv-text-field>\n                                        </v-col>\n                                        <v-col cols=\"6\">\n                                            <uv-text-field :label=\"$t('labels.firstAndLastName')\"\n                                                v-model=\"userData.data.name\" rules=\"required\" color=\"info\"></uv-text-field>\n                                        </v-col>\n                                        <v-col cols=\"6\">\n                                            <uv-text-field :label=\"$t('labels.phone')\" v-model=\"userData.data.phone\"\n                                                color=\"info\" rules=\"phone\">\n                                                <template #prepend-inner>\n                                                    <v-icon color=\"info\" size=\"28\">{{ icons.mdiPhone }}</v-icon>\n                                                </template>\n                                            </uv-text-field>\n                                        </v-col>\n                                        <v-col cols=\"6\">\n                                            <uv-text-field :label=\"$t('labels.email')\" v-model=\"userData.data.email\"\n                                                color=\"info\" rules=\"required|email\">\n                                                <template #prepend-inner>\n                                                    <v-icon color=\"info\" size=\"28\">$email</v-icon>\n                                                </template>\n                                            </uv-text-field>\n                                        </v-col>\n                                        <v-col cols=\"12\"><span class=\"text-h6\">{{ $t('labels.signature') }}</span></v-col>\n                                        <v-col cols=\"12\">\n                                            <uv-editor ref=\"signature\" v-if=\"!userData.busy\" :initial-content=\"userData.data.text\"\n                                                :isEditable=\"true\" :isEmailEditor=\"true\"\n                                                class=\"flex-grow-1 flex-column d-flex\"\n                                                style=\"min-height: 300px\"></uv-editor>\n                                        </v-col>\n                                    </v-row>\n                                </v-card-text>\n                                <v-card-actions class=\"d-flex justify-end\">\n                                    <uv-button :loading=\"userData.busy\" color=\"success\" type=\"submit\">{{\n                                        $t('save')\n                                    }}</uv-button>\n                                </v-card-actions>\n                            </v-form>\n                        </validation-observer>\n                    </v-card>\n                </v-col>\n                <v-col cols=\"12\" md=\"6\" align-self=\"start\">\n                    <v-card class=\"fill-height\">\n                        <v-card-title>\n                            <span>\n                                {{ $t('labels.changePassword') }}\n                            </span>\n                        </v-card-title>\n                        <v-card-text class=\"px-0 pb-0\">\n                            <change-password-form ref=\"pwdForm\"></change-password-form>\n                        </v-card-text>\n                    </v-card>\n                </v-col>\n            </v-row>\n        </v-sheet>\n    </v-container>\n</template>\n\n<script>\nimport { mapMutations, mapState } from 'vuex';\nimport ChangePasswordForm from \"@/views/Profile/ChangePassword\";\nimport { mdiPhone, mdiPencil, mdiAccount } from \"@mdi/js\";\n\nexport default {\n    name: \"UserProfile\",\n    components: {\n        ChangePasswordForm\n    },\n    data() {\n        return {\n            icons: { mdiPhone, mdiPencil, mdiAccount },\n            userData: {\n                data: {},\n                busy: false,\n            },\n            avatarData: {\n                image: null,\n                busy: false,\n            },\n            currentAvatarData: {\n                image: new Image(),\n                busy: false,\n            }\n        }\n    },\n    created() {\n        this.getUserData()\n    },\n    computed: {\n        ...mapState([\"currentUser\"]),\n    },\n    methods: {\n        ...mapMutations({\n            setCurrentUser: \"SET_currentUser\",\n            setGlobalMessage: \"SET_globalMessage\",\n        }),\n        getUserData() {\n            return new Promise((resolve, reject) => {\n                this.userData.busy = true;\n\n                this.$apiHttp({\n                    url: \"/users/me\"\n                }).then((res) => {\n                    this.setCurrentUser(res.data.data);\n                    resolve(res.data.data);\n                }).catch(error => {\n                    reject(error);\n                })\n                    .finally(() => {\n                        this.userData.busy = false\n                    })\n            })\n        },\n        updateUserDetails() {\n            this.userData.busy = true;\n            \n            this.$apiHttp({\n                url: \"/users/me\",\n                method: \"PUT\",\n                data: {...this.userData.data, text: this.$refs.signature.editor.getHTML()},\n            }).then(() => {\n                this.getUserData()\n                this.$refs.observer.reset();\n            }).finally(() => {\n                this.userData.busy = false;\n            })\n        },\n        onImageLoad(file) {\n            if (file) {\n                this.avatarData.image = file;\n                this.uploadAvatar();\n            }\n        },\n        uploadAvatar() {\n            this.avatarData.busy = true;\n\n            let form = new FormData();\n            form.append(\"avatar\", this.avatarData.image);\n\n            this.$apiHttp({\n                method: \"put\",\n                url: '/users/me/avatar',\n                data: form\n            }, null, {}).then(() => {\n                this.getUserData()\n            }).finally(() => this.busy = false)\n        },\n        getImage() {\n            if (this.userData.data.photo) {\n                this.currentAvatarData.busy = true;\n\n                this.$apiHttp({\n                    url: \"/get_file\",\n                    responseType: \"blob\",\n                    params: {\n                        path: this.userData.data.photo\n                    }\n                }, true).then((res) => {\n                    this.currentAvatarData.image.src = URL.createObjectURL(res.data);\n                }).catch(() => {\n                    this.userData.data.photo = null;\n                    this.setGlobalMessage({ message: this.$t('messages.avatarNotFound'), severity: \"error\" });\n                }).finally(() => this.currentAvatarData.busy = false);\n            }\n        },\n    },\n    watch: {\n        currentUser: {\n            handler(newValue) {\n                this.userData.data = newValue;\n                if (newValue.text){\n                    this.$refs.signature?.editor.commands.setContent(newValue.text)\n                }\n                this.getImage()\n            },\n            immediate: true\n        },\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.overflow-container {\n    overflow-y: auto;\n\n    &::-webkit-scrollbar-track {\n        background: transparent;\n        margin-block: 20px;\n    }\n}\n\n.edit-avatar {\n    position: absolute;\n    right: 5%;\n    bottom: 5%;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./UserProfile.vue?vue&type=template&id=23a68dfb&scoped=true\"\nimport script from \"./UserProfile.vue?vue&type=script&lang=js\"\nexport * from \"./UserProfile.vue?vue&type=script&lang=js\"\nimport style0 from \"./UserProfile.vue?vue&type=style&index=0&id=23a68dfb&prod&lang=scss&scoped=true\"\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  \"23a68dfb\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./UserProfile.vue?vue&type=style&index=0&id=23a68dfb&prod&lang=scss&scoped=true\""],"sourceRoot":""}