From eb8932bb00b8f45ab5b21f1e093282f25ef7fcb5 Mon Sep 17 00:00:00 2001
From: Sahiba Mittal <sahiba.mittal@citi.com>
Date: Fri, 31 Jan 2025 15:13:37 +0000
Subject: [PATCH] Show component properties to users with VIEW_PORTFOLIO
 permission

Co-Authored-By: Niklas <nscuro@protonmail.com>
Co-Authored-By: Maximilian <5101414+shortfinga@users.noreply.github.com>
---
 src/views/portfolio/projects/ComponentDetailsModal.vue    | 2 +-
 src/views/portfolio/projects/ComponentPropertiesModal.vue | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/views/portfolio/projects/ComponentDetailsModal.vue b/src/views/portfolio/projects/ComponentDetailsModal.vue
index 74adc391..941f8f75 100644
--- a/src/views/portfolio/projects/ComponentDetailsModal.vue
+++ b/src/views/portfolio/projects/ComponentDetailsModal.vue
@@ -476,7 +476,7 @@
         variant="outline-primary"
         v-b-modal.componentPropertiesModal
         v-permission:or="[
-          PERMISSIONS.PORTFOLIO_MANAGEMENT,
+          PERMISSIONS.VIEW_PORTFOLIO,
           PERMISSIONS.PORTFOLIO_MANAGEMENT_UPDATE,
         ]"
         >{{ $t('message.properties') }}</b-button
diff --git a/src/views/portfolio/projects/ComponentPropertiesModal.vue b/src/views/portfolio/projects/ComponentPropertiesModal.vue
index de6aba26..8effce1d 100644
--- a/src/views/portfolio/projects/ComponentPropertiesModal.vue
+++ b/src/views/portfolio/projects/ComponentPropertiesModal.vue
@@ -20,6 +20,7 @@
         size="md"
         variant="outline-danger"
         @click="deleteProperty"
+        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
         :disabled="!hasRowsSelected"
         >{{ $t('message.delete') }}</b-button
       >
@@ -29,6 +30,7 @@
       <b-button
         size="md"
         variant="primary"
+        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
         v-b-modal.componentCreatePropertyModal
         >{{ $t('message.create_property') }}</b-button
       >
@@ -39,9 +41,11 @@
 <script>
 import common from '../../../shared/common';
 import xssFilters from 'xss-filters';
+import permissionsMixin from '../../../mixins/permissionsMixin';
 
 export default {
   name: 'ComponentPropertiesModal',
+  mixins: [permissionsMixin],
   props: {
     uuid: String,
   },