{"version":3,"sources":["webpack:///./src/view/pages/Settings.vue?21f9","webpack:///src/view/pages/Settings.vue","webpack:///./src/view/pages/Settings.vue?4375","webpack:///./src/view/pages/Settings.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_s","userInfo","firstName","lastName","email","key","profilePictureObj","id","accept","extensions","fileId","url","isFileUploading","on","$event","$set","onMultipleAddFile","onChangeUserPicture","onDeleteFile","userPictureLoading","updateUserPicture","_e","model","value","callback","$$v","newPassword","expression","confirmNewPassword","useEmailAlerts","_l","notification","i","description","emailNotifications","requestProcessing","savePreferences","useTextAlerts","rules","phoneLength","phone","textNotifications","confirmDialog","staticRenderFns","components","MediaUploader","data","watch","methods","files","length","attachmentsObj","push","fileUrl","$nextTick","onChange","file","found","find","showUpdateUserPictureButton","splice","index","computed","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VCheckbox","VCol","VContainer","VDialog","VRow","VSpacer","VTextField"],"mappings":"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","file":"js/chunk-2d0dd662.30c89592.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-container',[_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"text-h5\"},[_vm._v(\" User Profile \")])])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"8\"}},[_c('table',{attrs:{\"width\":\"100%\",\"border\":\"1\"}},[_c('tr',[_c('td',[_vm._v(\" NAME \")]),_c('td',[_vm._v(_vm._s(_vm.userInfo.firstName)+\" \"+_vm._s(_vm.userInfo.lastName))])]),_c('tr',[_c('td',[_vm._v(\" USERNAME \")]),_c('td',[_vm._v(_vm._s(_vm.userInfo.email))])]),_c('tr',[_c('td',[_vm._v(\" EMAIL \")]),_c('td',[_vm._v(_vm._s(_vm.userInfo.email))])]),_c('tr',[_c('td',[_vm._v(\" PASSWORD \")]),_c('td',[_vm._v(\"***********\")])])])]),_c('v-col',{attrs:{\"cols\":\"4\"}},[_c('div',[_c('MediaUploader',{key:_vm.profilePictureObj.id,staticClass:\"pb-5\",attrs:{\"uploadType\":\"photo\",\"id\":(\"userPicture_\" + (_vm.profilePictureObj.id)),\"index\":_vm.profilePictureObj.id,\"accept\":_vm.accept,\"multiple\":false,\"extensions\":_vm.extensions,\"sizeImage\":10485760,\"sizeVideo\":104857600,\"fileId\":_vm.profilePictureObj.fileId,\"file-url\":_vm.profilePictureObj.url,\"isUploading\":_vm.isFileUploading},on:{\"update:fileId\":function($event){return _vm.$set(_vm.profilePictureObj, \"fileId\", $event)},\"update:file-id\":function($event){return _vm.$set(_vm.profilePictureObj, \"fileId\", $event)},\"update:fileUrl\":function($event){return _vm.$set(_vm.profilePictureObj, \"url\", $event)},\"update:file-url\":function($event){return _vm.$set(_vm.profilePictureObj, \"url\", $event)},\"update:isUploading\":function($event){_vm.isFileUploading=$event},\"update:is-uploading\":function($event){_vm.isFileUploading=$event},\"onMultipleUploaded\":_vm.onMultipleAddFile,\"onChange\":_vm.onChangeUserPicture,\"onDeleteFile\":_vm.onDeleteFile}}),(_vm.showUpdateUserPictureButton)?_c('v-btn',{attrs:{\"loading\":_vm.userPictureLoading},on:{\"click\":_vm.updateUserPicture}},[_vm._v(\" Save Profile Picture \")]):_vm._e()],1)])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"text-h5\"},[_vm._v(\" Change your password \")]),_c('p',[_vm._v(\" You can change your password whenever you like. Your password must be a minimum of 8 characters and contain one capital letter and either a number or a character. \")])])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-text-field',{attrs:{\"label\":\"New Password\",\"required\":\"\"},model:{value:(_vm.newPassword),callback:function ($$v) {_vm.newPassword=$$v},expression:\"newPassword\"}}),_c('v-text-field',{attrs:{\"label\":\"Confirm New Password\",\"required\":\"\"},model:{value:(_vm.confirmNewPassword),callback:function ($$v) {_vm.confirmNewPassword=$$v},expression:\"confirmNewPassword\"}})],1)],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"6\"}},[_c('v-btn',{staticClass:\"orange-bg white--text\"},[_vm._v(\"Update Password\")])],1)],1),_c('v-row',{staticClass:\"mt-6\"},[_c('v-col',{attrs:{\"cols\":\"12\"}},[_c('span',{staticClass:\"text-h5\"},[_vm._v(\" Alert Preference \")]),_c('p',[_vm._v(\" You can choose how to receive alerts by email or text. Anytime a new message is sent to you or there is an update to a service request created by you or assigned to you, you will receive an alert by email unless otherwise indicated. \")])])],1),_c('v-row',[_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-row',[_c('v-col',[_c('v-checkbox',{staticClass:\"v-checkbox-no-margin\",attrs:{\"label\":\"Email\"},model:{value:(_vm.useEmailAlerts),callback:function ($$v) {_vm.useEmailAlerts=$$v},expression:\"useEmailAlerts\"}})],1)],1),_c('v-row',[_c('v-col',[_vm._v(\" Notify me when: \")])],1),_c('v-row',[_c('v-col',_vm._l((_vm.dbNotifications),function(notification,i){return _c('v-checkbox',{key:'email_notification_checkbox_' + i,staticClass:\"v-checkbox-no-margin\",attrs:{\"label\":notification.description,\"value\":notification.id,\"color\":\"blue\",\"readonly\":!_vm.useEmailAlerts},model:{value:(_vm.emailNotifications),callback:function ($$v) {_vm.emailNotifications=$$v},expression:\"emailNotifications\"}})}),1)],1),_c('v-row',[_c('v-col',[_c('v-btn',{staticClass:\"orange-bg white--text\",attrs:{\"loading\":_vm.requestProcessing},on:{\"click\":_vm.savePreferences}},[_vm._v(\" Update Email Preferences \")])],1)],1)],1),_c('v-col',{attrs:{\"cols\":\"12\",\"md\":\"6\"}},[_c('v-row',[_c('v-col',[_c('v-checkbox',{staticClass:\"v-checkbox-no-margin\",attrs:{\"label\":\"Text\"},model:{value:(_vm.useTextAlerts),callback:function ($$v) {_vm.useTextAlerts=$$v},expression:\"useTextAlerts\"}}),_c('v-text-field',{attrs:{\"label\":\"Mobile Phone (no dashes)\",\"required\":_vm.useTextAlerts,\"rules\":[_vm.rules.phoneLength, _vm.rules.phone],\"maxlength\":\"10\",\"counter\":\"\"},model:{value:(_vm.userInfo.phone),callback:function ($$v) {_vm.$set(_vm.userInfo, \"phone\", $$v)},expression:\"userInfo.phone\"}})],1)],1),_c('v-row',[_c('v-col',[_vm._v(\" Notify me when: \")])],1),_c('v-row',[_c('v-col',_vm._l((_vm.dbNotifications),function(notification,i){return _c('v-checkbox',{key:'text_notification_checkbox_' + i,staticClass:\"v-checkbox-no-margin\",attrs:{\"label\":notification.description,\"value\":notification.id,\"color\":\"blue\",\"readonly\":!_vm.useTextAlerts},model:{value:(_vm.textNotifications),callback:function ($$v) {_vm.textNotifications=$$v},expression:\"textNotifications\"}})}),1)],1),_c('v-row',[_c('v-col',[_c('v-btn',{staticClass:\"orange-bg white--text\",attrs:{\"loading\":_vm.requestProcessing},on:{\"click\":_vm.savePreferences}},[_vm._v(\" Update Text Preferences \")])],1)],1)],1)],1)],1),_c('v-dialog',{attrs:{\"persistent\":\"\",\"max-width\":\"290\"},model:{value:(_vm.confirmDialog),callback:function ($$v) {_vm.confirmDialog=$$v},expression:\"confirmDialog\"}},[_c('v-card',[_c('v-card-title',[_vm._v(\" Confirmation \")]),_c('v-card-text',[_vm._v(\" Settings have been updated \")]),_c('v-card-actions',[_c('v-spacer'),_c('v-btn',{attrs:{\"color\":\"green darken-1\",\"text\":\"\"},on:{\"click\":function($event){_vm.confirmDialog = false}}},[_vm._v(\" Close \")])],1)],1)],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <v-container>\r\n      <v-row>\r\n        <v-col cols=\"12\">\r\n          <span class=\"text-h5\">\r\n            User Profile\r\n          </span>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row>\r\n        <v-col cols=\"8\">\r\n          <table width=\"100%\" border=\"1\">\r\n            <tr>\r\n              <td>\r\n                NAME\r\n              </td>\r\n              <td>{{ userInfo.firstName }} {{ userInfo.lastName }}</td>\r\n            </tr>\r\n            <tr>\r\n              <td>\r\n                USERNAME\r\n              </td>\r\n              <td>{{ userInfo.email }}</td>\r\n            </tr>\r\n            <tr>\r\n              <td>\r\n                EMAIL\r\n              </td>\r\n              <td>{{ userInfo.email }}</td>\r\n            </tr>\r\n            <tr>\r\n              <td>\r\n                PASSWORD\r\n              </td>\r\n              <td>***********</td>\r\n            </tr>\r\n          </table>\r\n        </v-col>\r\n        <v-col cols=\"4\">\r\n          <div>\r\n            <MediaUploader\r\n              class=\"pb-5\"\r\n              uploadType=\"photo\"\r\n              :key=\"profilePictureObj.id\"\r\n              :id=\"`userPicture_${profilePictureObj.id}`\"\r\n              :index=\"profilePictureObj.id\"\r\n              :accept=\"accept\"\r\n              :multiple=\"false\"\r\n              :extensions=\"extensions\"\r\n              :sizeImage=\"10485760\"\r\n              :sizeVideo=\"104857600\"\r\n              :fileId.sync=\"profilePictureObj.fileId\"\r\n              :file-url.sync=\"profilePictureObj.url\"\r\n              :isUploading.sync=\"isFileUploading\"\r\n              @onMultipleUploaded=\"onMultipleAddFile\"\r\n              @onChange=\"onChangeUserPicture\"\r\n              @onDeleteFile=\"onDeleteFile\"\r\n            />\r\n            <v-btn\r\n              @click=\"updateUserPicture\"\r\n              v-if=\"showUpdateUserPictureButton\"\r\n              :loading=\"userPictureLoading\"\r\n            >\r\n              Save Profile Picture\r\n            </v-btn>\r\n          </div>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row>\r\n        <v-col cols=\"12\">\r\n          <span class=\"text-h5\">\r\n            Change your password\r\n          </span>\r\n          <p>\r\n            You can change your password whenever you like. Your password must\r\n            be a minimum of 8 characters and contain one capital letter and\r\n            either a number or a character.\r\n          </p>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row>\r\n        <v-col cols=\"6\">\r\n          <v-text-field\r\n            v-model=\"newPassword\"\r\n            label=\"New Password\"\r\n            required\r\n          ></v-text-field>\r\n          <v-text-field\r\n            v-model=\"confirmNewPassword\"\r\n            label=\"Confirm New Password\"\r\n            required\r\n          ></v-text-field>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row>\r\n        <v-col cols=\"6\">\r\n          <v-btn class=\"orange-bg white--text\">Update Password</v-btn>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row class=\"mt-6\">\r\n        <v-col cols=\"12\">\r\n          <span class=\"text-h5\">\r\n            Alert Preference\r\n          </span>\r\n          <p>\r\n            You can choose how to receive alerts by email or text. Anytime a new\r\n            message is sent to you or there is an update to a service request\r\n            created by you or assigned to you, you will receive an alert by\r\n            email unless otherwise indicated.\r\n          </p>\r\n        </v-col>\r\n      </v-row>\r\n      <v-row>\r\n        <v-col cols=\"12\" md=\"6\">\r\n          <v-row>\r\n            <v-col>\r\n              <v-checkbox\r\n                v-model=\"useEmailAlerts\"\r\n                label=\"Email\"\r\n                class=\"v-checkbox-no-margin\"\r\n              ></v-checkbox>\r\n            </v-col>\r\n          </v-row>\r\n          <v-row>\r\n            <v-col>\r\n              Notify me when:\r\n            </v-col>\r\n          </v-row>\r\n          <v-row>\r\n            <v-col>\r\n              <v-checkbox\r\n                v-for=\"(notification, i) in dbNotifications\"\r\n                :key=\"'email_notification_checkbox_' + i\"\r\n                v-model=\"emailNotifications\"\r\n                :label=\"notification.description\"\r\n                :value=\"notification.id\"\r\n                color=\"blue\"\r\n                class=\"v-checkbox-no-margin\"\r\n                :readonly=\"!useEmailAlerts\"\r\n              ></v-checkbox>\r\n            </v-col>\r\n          </v-row>\r\n          <v-row>\r\n            <v-col>\r\n              <v-btn\r\n                @click=\"savePreferences\"\r\n                class=\"orange-bg white--text\"\r\n                :loading=\"requestProcessing\"\r\n              >\r\n                Update Email Preferences\r\n              </v-btn>\r\n            </v-col>\r\n          </v-row>\r\n        </v-col>\r\n        <v-col cols=\"12\" md=\"6\">\r\n          <v-row>\r\n            <v-col>\r\n              <v-checkbox\r\n                v-model=\"useTextAlerts\"\r\n                label=\"Text\"\r\n                class=\"v-checkbox-no-margin\"\r\n              ></v-checkbox>\r\n              <v-text-field\r\n                v-model=\"userInfo.phone\"\r\n                label=\"Mobile Phone (no dashes)\"\r\n                :required=\"useTextAlerts\"\r\n                :rules=\"[rules.phoneLength, rules.phone]\"\r\n                maxlength=\"10\"\r\n                counter\r\n              ></v-text-field>\r\n            </v-col>\r\n          </v-row>\r\n          <v-row>\r\n            <v-col>\r\n              Notify me when:\r\n            </v-col>\r\n          </v-row>\r\n          <v-row>\r\n            <v-col>\r\n              <v-checkbox\r\n                v-for=\"(notification, i) in dbNotifications\"\r\n                :key=\"'text_notification_checkbox_' + i\"\r\n                v-model=\"textNotifications\"\r\n                :label=\"notification.description\"\r\n                :value=\"notification.id\"\r\n                color=\"blue\"\r\n                class=\"v-checkbox-no-margin\"\r\n                :readonly=\"!useTextAlerts\"\r\n              ></v-checkbox>\r\n            </v-col>\r\n          </v-row>\r\n          <v-row>\r\n            <v-col>\r\n              <v-btn\r\n                @click=\"savePreferences\"\r\n                class=\"orange-bg white--text\"\r\n                :loading=\"requestProcessing\"\r\n              >\r\n                Update Text Preferences\r\n              </v-btn>\r\n            </v-col>\r\n          </v-row>\r\n        </v-col>\r\n      </v-row>\r\n    </v-container>\r\n    <v-dialog v-model=\"confirmDialog\" persistent max-width=\"290\">\r\n      <v-card>\r\n        <v-card-title>\r\n          Confirmation\r\n        </v-card-title>\r\n        <v-card-text>\r\n          Settings have been updated\r\n        </v-card-text>\r\n        <v-card-actions>\r\n          <v-spacer></v-spacer>\r\n          <!-- <v-btn color=\"green darken-1\" text @click=\"confirmDialog = false\">\r\n                Cancel\r\n              </v-btn> -->\r\n          <v-btn color=\"green darken-1\" text @click=\"confirmDialog = false\">\r\n            Close\r\n          </v-btn>\r\n        </v-card-actions>\r\n      </v-card>\r\n    </v-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport {\r\n  PUT_DATA,\r\n  API_USER_INFO,\r\n  GET_QUERY,\r\n  API_CURRENT_USER_INFO,\r\n  API_NOTIFICATIONS\r\n} from \"@/core/store/crud.module\";\r\nimport { SET_BREADCRUMB } from \"@/core/store/breadcrumbs.module\";\r\nimport MediaUploader from \"@/view/components/imageUploader/mediaUploader.vue\";\r\n\r\nexport default {\r\n  components: {\r\n    MediaUploader\r\n  },\r\n  data: () => ({\r\n    isLoading: false,\r\n    snackbarContent: \"\",\r\n    snackbarColor: \"#F06835\",\r\n    userInfo: {},\r\n    dbNotifications: [],\r\n    phoneNumber: \"\",\r\n    useEmailAlerts: false,\r\n    useTextAlerts: false,\r\n    emailNotifications: [],\r\n    textNotifications: [],\r\n    newPassword: \"\",\r\n    confirmNewPassword: \"\",\r\n    attachmentsObj: [{ id: 1, url: null }],\r\n    profilePictureObj: { id: 1, url: null },\r\n    isFileUploading: false,\r\n    videoExtensions: \"mp4,mov,avi,mkv,mpg,vob,wmv,m4v,asf,srt\",\r\n    confirmDialog: false,\r\n    requestProcessing: false,\r\n    showUpdateUserPictureButton: false,\r\n    userPictureLoading: false,\r\n    rules: {\r\n      phoneLength: value =>\r\n        value.length == 10 || \"Phone number must not exceed 10 digits\",\r\n      phone: value => {\r\n        const pattern = /^[0-9]{10}$/;\r\n        return pattern.test(value) || \"Invalid phone number.\";\r\n      }\r\n    }\r\n  }),\r\n  watch: {},\r\n  async created() {\r\n    await this.getUserInfo();\r\n    await this.getNotifications();\r\n  },\r\n  async mounted() {\r\n    this.isLoading = true;\r\n    await this.$store.dispatch(SET_BREADCRUMB, [{ title: \"Settings\" }]);\r\n    this.isLoading = false;\r\n  },\r\n  methods: {\r\n    async updateUserPicture() {\r\n      this.userInfo.photo = { id: this.profilePictureObj.fileId };\r\n      this.userPictureLoading = true;\r\n      let self = this;\r\n\r\n      await self.$store\r\n        .dispatch(PUT_DATA, {\r\n          listName: `${API_USER_INFO}/${self.userInfo.id}`,\r\n          data: self.userInfo\r\n        })\r\n        .then(function() {\r\n          self.$snackbar.showMessage({\r\n            content: \"User Picture has been updated.\"\r\n          });\r\n          self.showUpdateUserPictureButton = false;\r\n          self.userPictureLoading = false;\r\n        })\r\n        .catch(error => {\r\n          self.$snackbar.showMessage({\r\n            content: \"User Picture cannot be saved: \" + error\r\n          });\r\n          self.userPictureLoading = false;\r\n        });\r\n    },\r\n\r\n    async updatePassword() {\r\n      if (this.confirmNewPassword !== this.newPassword) {\r\n        this.$snackbar.showMessage({\r\n          content: \"Password and Confirm password should match\",\r\n          color: \"red\"\r\n        });\r\n        return;\r\n      }\r\n\r\n      let updatePasswordInfo = {\r\n        identityId: this.userInfo.id,\r\n        password: this.newPassword\r\n      };\r\n\r\n      await this.$store\r\n        .dispatch(PUT_DATA, {\r\n          listName: `${API_USER_INFO}/${this.userInfo.id}/password`,\r\n          data: updatePasswordInfo\r\n        })\r\n        .then(response => {\r\n          if (response.status >= 200 || response.status <= 204) {\r\n            this.$snackbar.showMessage({\r\n              content: \"Password has been updated.\"\r\n            });\r\n          }\r\n        });\r\n    },\r\n    async getNotifications() {\r\n      let self = this;\r\n\r\n      await this.$store\r\n        .dispatch(GET_QUERY, {\r\n          listName: API_NOTIFICATIONS\r\n        })\r\n        .then(response => {\r\n          if (response.status >= 200 || response.status <= 204) {\r\n            self.dbNotifications = response.data.$values.filter(\r\n              el => el.forEmployees\r\n            );\r\n          }\r\n        });\r\n    },\r\n    async getUserInfo() {\r\n      let self = this;\r\n\r\n      // .then(userInfo => {\r\n      //   this.user = userInfo;\r\n      // });\r\n      await this.$store\r\n        .dispatch(GET_QUERY, {\r\n          listName: API_CURRENT_USER_INFO\r\n        })\r\n        .then(response => {\r\n          if (response.status >= 200 || response.status <= 204) {\r\n            self.userInfo = response.data;\r\n\r\n            self.emailNotifications = self.userInfo.notificationSettings.$values\r\n              .filter(el => el.isEmailEnabled)\r\n              .map(s => s.notificationId);\r\n            self.textNotifications = self.userInfo.notificationSettings.$values\r\n              .filter(el => el.isSmsEnabled)\r\n              .map(s => s.notificationId);\r\n\r\n            self.useEmailAlerts = self.emailNotifications.length > 0;\r\n            self.useTextAlerts = self.textNotifications.length > 0;\r\n\r\n            if (self.userInfo.photo) {\r\n              self.profilePictureObj.fileId = self.userInfo.photo.fileId;\r\n              self.profilePictureObj.fileUrl = self.userInfo.photo.fileUrl;\r\n              self.profilePictureObj.url = self.userInfo.photo.fileUrl;\r\n            }\r\n          }\r\n        });\r\n    },\r\n    async savePreferences() {\r\n      let self = this;\r\n      // prepare data\r\n\r\n      self.userInfo.notificationSettings = [];\r\n\r\n      for (let i = 0; i < self.dbNotifications.length; i++) {\r\n        let item = self.dbNotifications[i];\r\n\r\n        let emailNotificationEnabled =\r\n          self.useEmailAlerts && self.emailNotifications.indexOf(item.id) > -1;\r\n        let textNotificationEnabled =\r\n          self.useTextAlerts && self.textNotifications.indexOf(item.id) > -1;\r\n\r\n        if (emailNotificationEnabled || textNotificationEnabled) {\r\n          self.userInfo.notificationSettings.push({\r\n            notificationId: item.id,\r\n            isEmailEnabled: emailNotificationEnabled,\r\n            isSmsEnabled: textNotificationEnabled\r\n          });\r\n        }\r\n      }\r\n\r\n      self.requestProcessing = true;\r\n\r\n      await this.$store\r\n        .dispatch(PUT_DATA, {\r\n          listName: `${API_USER_INFO}/${this.userInfo.id}`,\r\n          data: this.userInfo\r\n        })\r\n        .then(function() {\r\n          self.confirmDialog = true;\r\n          self.requestProcessing = false;\r\n        })\r\n        .catch(err => {\r\n          self.requestProcessing = false;\r\n          self.$snackbar.showMessage({\r\n            content: err,\r\n            color: self.snackbarColor\r\n          });\r\n        });\r\n    },\r\n    onMultipleAddFile(files) {\r\n      for (var i = 1; i < files.length; i++) {\r\n        let max = Math.max(...this.attachmentsObj.map(i => i.id));\r\n        this.attachmentsObj.push({\r\n          id: (max += 1),\r\n          url: files[i].fileUrl,\r\n          fileId: files[i].id\r\n        });\r\n      }\r\n      let max = Math.max(...this.attachmentsObj.map(i => i.id));\r\n      this.attachmentsObj.push({ id: (max += 1), url: null });\r\n      this.$nextTick(() => files.forEach(f => this.onChange(f)));\r\n    },\r\n    onChange(file) {\r\n      if (file.fileUrl) {\r\n        var found = this.attachmentsObj.find(f => f.url == file.fileUrl);\r\n        found.fileId = file.id;\r\n      }\r\n    },\r\n    onChangeUserPicture(file) {\r\n      this.showUpdateUserPictureButton = true;\r\n\r\n      if (file.fileUrl) {\r\n        var found = this.attachmentsObj.find(f => f.url == file.fileUrl);\r\n        found.fileId = file.id;\r\n      }\r\n    },\r\n    onDeleteFile(fileData) {\r\n      let index = this.attachmentsObj.findIndex(f => f.id === fileData.index);\r\n      this.attachmentsObj.splice(index, 1);\r\n    }\r\n  },\r\n  computed: {\r\n    accept() {\r\n      return \"*/*\";\r\n    },\r\n    extensions() {\r\n      return \"gif,jpg,jpeg,png,webp,mp4,mov,avi,mkv,mpg,vob,wmv,m4v,asf,srt,pdf,doc,docx\";\r\n    }\r\n  }\r\n};\r\n</script>\r\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!./Settings.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!./Settings.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Settings.vue?vue&type=template&id=26fb6214&\"\nimport script from \"./Settings.vue?vue&type=script&lang=js&\"\nexport * from \"./Settings.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\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VCheckbox } from 'vuetify/lib/components/VCheckbox';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VContainer } from 'vuetify/lib/components/VGrid';\nimport { VDialog } from 'vuetify/lib/components/VDialog';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSpacer } from 'vuetify/lib/components/VGrid';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VCheckbox,VCol,VContainer,VDialog,VRow,VSpacer,VTextField})\n"],"sourceRoot":""}