const unlimitedQuota = {
id: 'none',
- label: t('settings', 'Unlimited')
+ label: t('settings', 'Unlimited'),
}
const defaultQuota = {
id: 'default',
- label: t('settings', 'Default quota')
+ label: t('settings', 'Default quota'),
}
const newUser = {
id: '',
quota: defaultQuota,
language: {
code: 'en',
- name: t('settings', 'Default language')
- }
+ name: t('settings', 'Default language'),
+ },
}
export default {
Multiselect,
InfiniteLoading,
Actions,
- ActionButton
+ ActionButton,
},
props: {
users: {
type: Array,
- default: () => []
+ default: () => [],
},
showConfig: {
type: Object,
- required: true
+ required: true,
},
selectedGroup: {
type: String,
- default: null
+ default: null,
},
externalActions: {
type: Array,
- default: () => []
- }
+ default: () => [],
+ },
},
data() {
return {
defaultQuota,
loading: {
all: false,
- groups: false
+ groups: false,
},
scrolled: false,
searchQuery: '',
- newUser: Object.assign({}, newUser)
+ newUser: Object.assign({}, newUser),
}
},
computed: {
},
quotaOptions() {
// convert the preset array into objects
- let quotaPreset = this.settings.quotaPreset.reduce((acc, cur) => acc.concat({
+ const quotaPreset = this.settings.quotaPreset.reduce((acc, cur) => acc.concat({
id: cur,
- label: cur
+ label: cur,
}), [])
// add default presets
quotaPreset.unshift(this.unlimitedQuota)
return [
{
label: t('settings', 'Common languages'),
- languages: this.settings.languages.commonlanguages
+ languages: this.settings.languages.commonlanguages,
},
{
label: t('settings', 'All languages'),
- languages: this.settings.languages.languages
- }
+ languages: this.settings.languages.languages,
+ },
]
- }
+ },
},
watch: {
// watch url change and group select
} else if (val === 1 && old === 0) {
this.$refs.infiniteLoading.stateChanger.loaded()
}
- }
+ },
},
mounted() {
if (!this.settings.canChangePassword) {
offset: this.usersOffset,
limit: this.usersLimit,
group: this.selectedGroup !== 'disabled' ? this.selectedGroup : '',
- search: this.searchQuery
+ search: this.searchQuery,
})
.then((response) => {
response ? $state.loaded() : $state.complete()
groups: this.newUser.groups.map(group => group.id),
subadmin: this.newUser.subAdminsGroups.map(group => group.id),
quota: this.newUser.quota.id,
- language: this.newUser.language.code
+ language: this.newUser.language.code,
})
.then(() => {
this.resetForm()
},
onClose() {
this.showConfig.showNewUserForm = false
- }
- }
+ },
+ },
}
</script>