{"version":3,"sources":["webpack:///./src/pages/profilePhoto.vue","webpack:///src/pages/profilePhoto.vue","webpack:///./src/pages/profilePhoto.vue?5913","webpack:///./src/pages/profilePhoto.vue?e7ac"],"names":["_c","_self","staticClass","attrs","model","formIsValid","callback","expression","fileLoading","_vm","avatarRules","avatarFile","staticRenderFns","layout","data","fileId","fileList","computed","mapGetters","userInfo","v","$t","includes","type","methods","mapActions","setAvatar","saveProfilePic","showToast","uploadProfilePic","push","then","response","status","successMessage","content","color","component"],"mappings":"iKAA4CA,EAAOC,WAAS,MAAU,KAAOC,UAAY,GAAM,OAAM,SAAcC,YAAM,Q,CAAC,eAAe,CAA2B,OAAIH,MAAG,EAAS,kCAA+BI,EAAK,OAAC,C,YAAYC,kB,MAAaC,C,MAA6BD,cAAe,SAAC,YAACE,cAAW,GAAiBP,WAAG,gB,CAAoB,cAAcQ,C,MAAY,CAAc,QAAQC,EAAIC,YAAY,KAAO,OAAoB,MAAQ,EAAC,YAAU,KAAO,oBAAoC,iBAA4D,uCAACN,YAAM,6C,MAAwBE,C,MAA6BK,aAAc,SAAC,YAACJ,aAAW,GAAgBP,WAAG,gBAAsB,gBAAcQ,C,MAAY,CAAmD,UAAcC,YAAuC,cAAa,mCAAG,mDAAG,WAAC,IAA8B,IAAI,OAAO,uBAEn2BG,Q,6BCyCW,GACfC,OAAA,QACAC,UAAA,CACAT,aAAA,EACAM,WAAA,KACAI,OAAA,KACAC,SAAA,GACAR,aAAA,IAEAS,SAAA,IACAC,eAAA,CACAC,SAAA,kBAEAT,cACA,OACAU,QAAA,KAAAC,GAAA,+CACAD,GAAA,kBAAAA,QAAA,yCAAAE,SAAAF,EAAAG,OAAA,KAAAF,GAAA,qCAIAG,QAAA,IACAC,eAAA,CACAC,UAAA,oBACAC,eAAA,uBACAC,UAAA,8BAEAC,mBACA,KAAArB,aAAA,EACA,KAAAQ,SAAAc,KAAA,KAAAnB,YACA,KAAAgB,eAAA,KAAAX,UAAAe,KAAAC,IACA,SAAAA,EAAAC,OAAA,CACA,MAAAC,EAAA,KAAAb,GAAA,oCACA,KAAAO,UAAA,CAAAO,QAAAD,EAAAE,MAAA,YACA,KAAA5B,aAAA,QC5EqV,I,iCCOjV6B,EAAY,eACd,EACA,EACAzB,GACA,EACA,KACA,KACA,MAMoB,oBAAX,KAAuB,IAAOyB,GAE1B,aAAAA,E","file":"js/page-profilePhoto.f694861e.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"mt-3\"},[_c('page-title',{attrs:{\"title\":_vm.$t('pages.profilePhoto.title')}}),_c('v-form',{staticClass:\"form-horizontal\",model:{value:(_vm.formIsValid),callback:function ($$v) {_vm.formIsValid=$$v},expression:\"formIsValid\"}},[_c('form-item',{attrs:{\"loading\":_vm.fileLoading,\"type\":\"file\",\"rules\":_vm.avatarRules,\"icon\":\"mdi-image-outline\",\"accept\":\"image/*\",\"label\":_vm.$t('pages.profilePhoto.photo'),\"placeholder\":_vm.$t('pages.profilePhoto.photoPlaceholder')},model:{value:(_vm.avatarFile),callback:function ($$v) {_vm.avatarFile=$$v},expression:\"avatarFile\"}}),_c('form-action',{attrs:{\"loading\":_vm.fileLoading,\"submit-text\":_vm.$t('pages.forms.sendButtonText'),\"cancel-text\":_vm.$t('pages.forms.returnButtonText'),\"novalidate\":\"\"},on:{\"submit\":_vm.uploadProfilePic}})],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<route>\n{\n  \"name\": \"profilePhoto\",\n  \"meta\": {\n    \"order\": 7,\n    \"isVisible\": false,\n    \"iconName\": \"mdi-arrow-left\"\n  }\n}\n</route>\n\n<template>\n  <div class=\"mt-3\">\n    <page-title\n      :title=\"$t('pages.profilePhoto.title')\"\n    ></page-title>\n    <v-form\n      v-model=\"formIsValid\"\n      class=\"form-horizontal\"\n    >\n      <form-item\n        v-model=\"avatarFile\"\n        :loading=\"fileLoading\"\n        type=\"file\"\n        :rules=\"avatarRules\"\n        icon=\"mdi-image-outline\"\n        accept=\"image/*\"\n        :label=\"$t('pages.profilePhoto.photo')\"\n        :placeholder=\"$t('pages.profilePhoto.photoPlaceholder')\"\n      ></form-item>\n      <form-action\n        :loading=\"fileLoading\"\n        :submit-text=\"$t('pages.forms.sendButtonText')\"\n        :cancel-text=\"$t('pages.forms.returnButtonText')\"\n        novalidate\n        @submit=\"uploadProfilePic\"\n      ></form-action>\n    </v-form>\n  </div>\n</template>\n\n<script>\nimport { mapActions, mapGetters } from 'vuex'\nexport default {\n  layout: 'panel',\n  data: () => ({\n    formIsValid: true,\n    avatarFile: null,\n    fileId: null,\n    fileList: [],\n    fileLoading: false\n  }),\n  computed: {\n    ...mapGetters({\n      userInfo: 'auth/userInfo'\n    }),\n    avatarRules () {\n      return [\n        v => !!v || this.$t('pages.profilePhoto.avatarAttachmentRequired'),\n        v => (typeof v === 'string' || (!!v && ['image/jpeg', 'image/pjpeg', 'image/png'].includes(v.type))) || this.$t('validations.fileImageWhiteList')\n      ]\n    }\n  },\n  methods: {\n    ...mapActions({\n      setAvatar: 'profile/setAvatar',\n      saveProfilePic: 'users/saveProfilePic',\n      showToast: 'snackbar/showToastMessage'\n    }),\n    uploadProfilePic () {\n      this.fileLoading = true\n      this.fileList.push(this.avatarFile)\n      this.saveProfilePic(this.fileList).then(response => {\n        if (response.status === 200) {\n          const successMessage = this.$t('toasts.avatarChangedSuccessfully')\n          this.showToast({ content: successMessage, color: 'success' })\n          this.fileLoading = false\n        }\n      })\n    }\n  }\n}\n</script>\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!./profilePhoto.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!./profilePhoto.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./profilePhoto.vue?vue&type=template&id=ce54e128\"\nimport script from \"./profilePhoto.vue?vue&type=script&lang=js\"\nexport * from \"./profilePhoto.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  null,\n  null\n  \n)\n\n/* custom blocks */\nimport block0 from \"./profilePhoto.vue?vue&type=custom&index=0&blockType=route\"\nif (typeof block0 === 'function') block0(component)\n\nexport default component.exports"],"sourceRoot":""}