50 lines
1.3 KiB
Vue
50 lines
1.3 KiB
Vue
<template>
|
|
<div>
|
|
<app-settings-content :header-text="$strings.HeaderUsers">
|
|
<template #header-items>
|
|
<ui-tooltip :text="$strings.LabelClickForMoreInfo" class="inline-flex ml-2">
|
|
<a href="https://www.audiobookshelf.org/guides/users" target="_blank" class="inline-flex">
|
|
<span class="material-symbols text-xl w-5 text-gray-200">help_outline</span>
|
|
</a>
|
|
</ui-tooltip>
|
|
|
|
<div class="flex-grow" />
|
|
|
|
<ui-btn color="primary" small @click="setShowUserModal()">{{ $strings.ButtonAddUser }}</ui-btn>
|
|
</template>
|
|
|
|
<tables-users-table class="pt-2" @edit="setShowUserModal" />
|
|
</app-settings-content>
|
|
<modals-account-modal ref="accountModal" v-model="showAccountModal" :account="selectedAccount" />
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
asyncData({ store, redirect }) {
|
|
if (!store.getters['user/getIsAdminOrUp']) {
|
|
redirect('/')
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
selectedAccount: null,
|
|
showAccountModal: false
|
|
}
|
|
},
|
|
computed: {},
|
|
methods: {
|
|
setShowUserModal(selectedAccount) {
|
|
this.selectedAccount = selectedAccount
|
|
this.showAccountModal = true
|
|
}
|
|
},
|
|
mounted() {},
|
|
beforeDestroy() {
|
|
if (this.$refs.accountModal) {
|
|
this.$refs.accountModal.close()
|
|
}
|
|
}
|
|
}
|
|
</script>
|