From ee2e678bf6a2d02bc6252d3d8d29cd0b6486aa5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Mon, 8 Jul 2024 15:48:03 +0200
Subject: [PATCH] Hide record toolbar buttons if no permission to use them

---
 .../src/components/Common/RecordToolbar.vue   | 20 +++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/client/web/compose/src/components/Common/RecordToolbar.vue b/client/web/compose/src/components/Common/RecordToolbar.vue
index cdb7cc45a..c6de07ac6 100644
--- a/client/web/compose/src/components/Common/RecordToolbar.vue
+++ b/client/web/compose/src/components/Common/RecordToolbar.vue
@@ -57,8 +57,8 @@
       <slot name="end-actions" />
 
       <c-input-confirm
-        v-if="(processingDelete || isCreated) && !(isDeleted || hideDelete || settings.hideDelete)"
-        :disabled="!record || !canDeleteRecord || processing"
+        v-if="(processingDelete || isCreated) && !(isDeleted || hideDelete || settings.hideDelete) && canDeleteRecord"
+        :disabled="!record || processing"
         :processing="processingDelete"
         :text="labels.delete || $t('label.delete')"
         size="lg"
@@ -68,8 +68,8 @@
       />
 
       <c-input-confirm
-        v-else-if="(processingUndelete || isDeleted) && !(hideDelete || settings.hideDelete)"
-        :disabled="!record || !canUndeleteRecord || processing"
+        v-else-if="(processingUndelete || isDeleted) && !(hideDelete || settings.hideDelete) && canUndeleteRecord"
+        :disabled="!record || processing"
         :processing="processingUndelete"
         :text="$t('label.restore')"
         size="lg"
@@ -92,9 +92,9 @@
       </b-button>
 
       <b-button
-        v-if="!inEditing && isCreated && !(hideEdit || settings.hideEdit)"
+        v-if="!inEditing && isCreated && !(hideEdit || settings.hideEdit) && canManageRecord"
         data-test-id="button-edit"
-        :disabled="!record || !record.canUpdateRecord || processing"
+        :disabled="!record || processing"
         variant="light"
         size="lg"
         @click.prevent="$emit('edit')"
@@ -105,7 +105,7 @@
       <b-button
         v-else-if="inEditing && isCreated && !(hideEdit || settings.hideEdit)"
         data-test-id="button-view"
-        :disabled="!record || !record.canUpdateRecord || processing"
+        :disabled="!record || processing"
         variant="light"
         size="lg"
         @click.prevent="$emit('view')"
@@ -126,9 +126,9 @@
       </b-button>
 
       <c-button-submit
-        v-if="inEditing && !(hideSubmit || settings.hideSubmit)"
+        v-if="inEditing && !(hideSubmit || settings.hideSubmit) && canManageRecord"
         data-test-id="button-save"
-        :disabled="!record || !canSaveRecord || processingSubmit || processing"
+        :disabled="!record || processingSubmit || processing"
         :processing="processingSubmit"
         :text="labels.submit || $t('label.save')"
         size="lg"
@@ -257,7 +257,7 @@ export default {
       return this.$Settings.get('compose.ui.record-toolbar', {})
     },
 
-    canSaveRecord () {
+    canManageRecord () {
       if (!this.module || !this.record) {
         return false
       }