scuttlebutt: Hide debit button if user is missing the permission

This commit is contained in:
Ferdinand Thiessen 2021-01-28 23:09:19 +01:00
parent a8ad2f1da5
commit 9734dc41a4
1 changed files with 3 additions and 0 deletions

View File

@ -47,6 +47,7 @@
</div> </div>
<div class="col-sm-4 col-xs-6"> <div class="col-sm-4 col-xs-6">
<q-btn <q-btn
v-if="canAddCredit"
style="width: 100%" style="width: 100%"
color="secondary" color="secondary"
label="Gutschreiben" label="Gutschreiben"
@ -85,6 +86,7 @@ export default defineComponent({
const user = ref(store.state.user.currentUser); const user = ref(store.state.user.currentUser);
const shortCuts = ref(store.state.balance.shortcuts); const shortCuts = ref(store.state.balance.shortcuts);
const canAddCredit = computed(() => hasPermission(PERMISSIONS.CREDIT, store));
const showSelector = computed( const showSelector = computed(
() => hasPermission(PERMISSIONS.DEBIT, store) || hasPermission(PERMISSIONS.CREDIT, store) () => hasPermission(PERMISSIONS.DEBIT, store) || hasPermission(PERMISSIONS.CREDIT, store)
); );
@ -107,6 +109,7 @@ export default defineComponent({
return { return {
user, user,
addShortcut, addShortcut,
canAddCredit,
removeShortcut, removeShortcut,
showAddShortcut, showAddShortcut,
changeBalance, changeBalance,