{"version":3,"sources":["webpack:///./src/pages/profilePhoto.vue?88fb","webpack:///src/pages/profilePhoto.vue","webpack:///./src/pages/profilePhoto.vue?bde5","webpack:///./src/pages/profilePhoto.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","model","value","callback","$$v","formIsValid","expression","fileLoading","avatarRules","avatarFile","on","uploadProfilePic","staticRenderFns","layout","data","computed","methods","fileList","push","saveProfilePic","then","response","status","component","VForm"],"mappings":"iJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,aAAa,CAACG,MAAM,CAAC,MAAQP,EAAIQ,GAAG,+BAA+BJ,EAAG,SAAS,CAACE,YAAY,kBAAkBG,MAAM,CAACC,MAAOV,EAAe,YAAEW,SAAS,SAAUC,GAAMZ,EAAIa,YAAYD,GAAKE,WAAW,gBAAgB,CAACV,EAAG,YAAY,CAACG,MAAM,CAAC,QAAUP,EAAIe,YAAY,KAAO,OAAO,MAAQf,EAAIgB,YAAY,KAAO,oBAAoB,OAAS,UAAU,MAAQhB,EAAIQ,GAAG,4BAA4B,YAAcR,EAAIQ,GAAG,wCAAwCC,MAAM,CAACC,MAAOV,EAAc,WAAEW,SAAS,SAAUC,GAAMZ,EAAIiB,WAAWL,GAAKE,WAAW,gBAAgBV,EAAG,cAAc,CAACG,MAAM,CAAC,QAAUP,EAAIe,YAAY,cAAcf,EAAIQ,GAAG,8BAA8B,cAAcR,EAAIQ,GAAG,gCAAgC,WAAa,IAAIU,GAAG,CAAC,OAASlB,EAAImB,qBAAqB,IAAI,IAC93BC,EAAkB,G,oCC0CtB,GACEC,OAAQ,QACRC,KAAM,WAAR,OACA,eACA,gBACA,YACA,YACA,iBAEEC,SAAU,OAAZ,OAAY,CAAZ,kBACA,gBACI,SAAJ,mBAFA,IAIIP,YAJJ,WAIA,WACM,MAAO,CACb,YAAQ,QAAR,wDACA,YAAQ,MAAR,iIAIEQ,QAAS,OAAX,OAAW,CAAX,kBACA,gBACI,UAAJ,oBACI,eAAJ,uBACI,UAAJ,+BAJA,IAMIL,iBANJ,WAMA,WACMlB,KAAKc,aAAc,EACnBd,KAAKwB,SAASC,KAAKzB,KAAKgB,YACxBhB,KAAK0B,eAAe1B,KAAKwB,UAAUG,MAAK,SAA9C,GACQ,GAAwB,MAApBC,EAASC,OAAgB,CAC3B,IAAV,2CACU,EAAV,uCACU,EAAV,uBC5EsV,I,kECOlVC,EAAY,eACd,EACAhC,EACAqB,GACA,EACA,KACA,KACA,MAMoB,oBAAX,KAAuB,IAAOW,GAE1B,aAAAA,EAAiB,QAKhC,IAAkBA,EAAW,CAACC,QAAA","file":"js/page-profilePhoto.88394cc0.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;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)}\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\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VForm } from 'vuetify/lib/components/VForm';\ninstallComponents(component, {VForm})\n"],"sourceRoot":""}