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 <[email protected]>
DependencyTrack · Nov 27, 2024 · 1f73d1e · 1f73d1e
1 parent cb43fef
commit 1f73d1e
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git 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
@@ -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,
   },