From 1f73d1ec0b31a82e76f1d03aba1e28d4126f7f02 Mon Sep 17 00:00:00 2001
From: Maximilian Wirtz <maximilian.wirtz@checkmk.com>
Date: Wed, 27 Nov 2024 11:00:03 +0100
Subject: [PATCH] Show component properties to users with VIEW_PORTFOLIO
 permission

Previously the button to `Properties` in the component details modal was
not shown to users not having the `PORTFOLIO_EDIT` permission.

With this change Users with the `VIEW_PORTFOLIO` permission can see the
properties.

Signed-off-by: Maximilian Wirtz <maximilian.wirtz@checkmk.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 f302ada12..5506d9383 100644
--- a/src/views/portfolio/projects/ComponentDetailsModal.vue
+++ b/src/views/portfolio/projects/ComponentDetailsModal.vue
@@ -367,7 +367,7 @@
         size="md"
         variant="outline-primary"
         v-b-modal.componentPropertiesModal
-        v-permission="PERMISSIONS.PORTFOLIO_MANAGEMENT"
+        v-permission="PERMISSIONS.VIEW_PORTFOLIO"
         >{{ $t('message.properties') }}</b-button
       >
       <b-button size="md" variant="secondary" @click="cancel()">{{
diff --git a/src/views/portfolio/projects/ComponentPropertiesModal.vue b/src/views/portfolio/projects/ComponentPropertiesModal.vue
index de6aba266..8effce1d0 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,
   },