|
|
@ -99,15 +99,15 @@ import { getCurrentUser } from '@nextcloud/auth'
|
|
|
|
import { getFilePickerBuilder, showError } from '@nextcloud/dialogs'
|
|
|
|
import { getFilePickerBuilder, showError } from '@nextcloud/dialogs'
|
|
|
|
import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
|
|
|
|
import { emit, subscribe, unsubscribe } from '@nextcloud/event-bus'
|
|
|
|
|
|
|
|
|
|
|
|
import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar'
|
|
|
|
import NcAvatar from '@nextcloud/vue/dist/Components/NcAvatar.js'
|
|
|
|
import NcButton from '@nextcloud/vue/dist/Components/NcButton'
|
|
|
|
import NcButton from '@nextcloud/vue/dist/Components/NcButton.js'
|
|
|
|
import VueCropper from 'vue-cropperjs'
|
|
|
|
import VueCropper from 'vue-cropperjs'
|
|
|
|
// eslint-disable-next-line node/no-extraneous-import
|
|
|
|
// eslint-disable-next-line n/no-extraneous-import
|
|
|
|
import 'cropperjs/dist/cropper.css'
|
|
|
|
import 'cropperjs/dist/cropper.css'
|
|
|
|
|
|
|
|
|
|
|
|
import Upload from 'vue-material-design-icons/Upload'
|
|
|
|
import Upload from 'vue-material-design-icons/Upload.vue'
|
|
|
|
import Folder from 'vue-material-design-icons/Folder'
|
|
|
|
import Folder from 'vue-material-design-icons/Folder.vue'
|
|
|
|
import Delete from 'vue-material-design-icons/Delete'
|
|
|
|
import Delete from 'vue-material-design-icons/Delete.vue'
|
|
|
|
|
|
|
|
|
|
|
|
import HeaderBar from './shared/HeaderBar.vue'
|
|
|
|
import HeaderBar from './shared/HeaderBar.vue'
|
|
|
|
import { NAME_READABLE_ENUM } from '../../constants/AccountPropertyConstants.js'
|
|
|
|
import { NAME_READABLE_ENUM } from '../../constants/AccountPropertyConstants.js'
|
|
|
@ -162,6 +162,12 @@ export default {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
computed: {
|
|
|
|
|
|
|
|
inputId() {
|
|
|
|
|
|
|
|
return `account-property-${this.avatar.name}`
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
created() {
|
|
|
|
created() {
|
|
|
|
subscribe('settings:display-name:updated', this.handleDisplayNameUpdate)
|
|
|
|
subscribe('settings:display-name:updated', this.handleDisplayNameUpdate)
|
|
|
|
},
|
|
|
|
},
|
|
|
@ -170,12 +176,6 @@ export default {
|
|
|
|
unsubscribe('settings:display-name:updated', this.handleDisplayNameUpdate)
|
|
|
|
unsubscribe('settings:display-name:updated', this.handleDisplayNameUpdate)
|
|
|
|
},
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
computed: {
|
|
|
|
|
|
|
|
inputId() {
|
|
|
|
|
|
|
|
return `account-property-${this.avatar.name}`
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
methods: {
|
|
|
|
methods: {
|
|
|
|
activateLocalFilePicker() {
|
|
|
|
activateLocalFilePicker() {
|
|
|
|
// Set to null so that selecting the same file will trigger the change event
|
|
|
|
// Set to null so that selecting the same file will trigger the change event
|
|
|
|