From 0146e996cf8a17c62d765b739ff4ce7a861d3479 Mon Sep 17 00:00:00 2001
From: Alicia Sykes <sykes.alicia@gmail.com>
Date: Sat, 12 Feb 2022 21:25:22 +0000
Subject: [PATCH] :passport_control: Remove edit from context menu, if no
 permissions (#455)

---
 src/components/LinkItems/ItemContextMenu.vue | 24 ++++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/components/LinkItems/ItemContextMenu.vue b/src/components/LinkItems/ItemContextMenu.vue
index 6fc9131f..d3f25246 100644
--- a/src/components/LinkItems/ItemContextMenu.vue
+++ b/src/components/LinkItems/ItemContextMenu.vue
@@ -29,7 +29,7 @@
         </li>
       </ul>
       <!-- Edit Options -->
-      <ul class="menu-section">
+      <ul class="menu-section" v-bind:class="{ disabled: !isEditAllowed }">
         <li class="section-title">
           {{ $t('context-menus.item.options-section-title') }}
         </li>
@@ -85,6 +85,9 @@ export default {
     isEditMode() {
       return this.$store.state.editMode;
     },
+    isEditAllowed() {
+      return this.$store.getters.permissions.allowViewConfig;
+    },
   },
   methods: {
     /* Called on item click, emits an event up to Item */
@@ -93,13 +96,19 @@ export default {
       this.$emit('launchItem', target);
     },
     openSettings() {
-      this.$emit('openItemSettings');
+      if (this.isEditAllowed) {
+        this.$emit('openItemSettings');
+      }
     },
     openMoveMenu() {
-      this.$emit('openMoveItemMenu');
+      if (this.isEditAllowed) {
+        this.$emit('openMoveItemMenu');
+      }
     },
     openDeleteItem() {
-      this.$emit('openDeleteItem');
+      if (this.isEditAllowed) {
+        this.$emit('openDeleteItem');
+      }
     },
   },
 };
@@ -149,6 +158,13 @@ div.context-menu {
           path { fill: currentColor; }
       }
     }
+    &.disabled li:not(.section-title) {
+      cursor: not-allowed;
+      opacity: var(--dimming-factor);
+      &:hover {
+        background: var(--context-menu-background);
+      }
+    }
   }
 }