Add Registry Details action menu

Author: rushk014

pkg/sbombastic-image-vulnerability-scanner/components/RegistryDetails.vue

@@ -24,6 +24,13 @@
             {{ t('imageScanner.general.refresh') }}
           </button>
           <ScanButton :selectedRegistries="[{name: $route.params.id, namespace: $route.params.ns}]" :reloadFn="loadData" />
+          <ActionMenu
+            v-if="registry"
+            button-role="multiAction"
+            :resource="registry"
+            data-testid="masthead-action-menu"
+            :button-aria-label="t('component.resource.detail.titleBar.ariaLabel.actionMenu', { resource: RESOURCE.REGISTRY })"
+          />
         </div>
       </div>
       <RancherMeta :properties="registryMetadata" />
@@ -36,6 +43,7 @@
   import { BadgeState } from '@rancher/components';
   import { PRODUCT_NAME, RESOURCE, PAGE } from '@sbombastic-image-vulnerability-scanner/types';
   import ResourceTable from "@shell/components/ResourceTable";
+  import ActionMenu from '@shell/components/ActionMenuShell.vue';
   import RancherMeta from './common/RancherMeta.vue';
   import RegisterStatusBadge from './common/RegisterStatusBadge.vue';
   import RegistryDetailScanTable from './RegistryDetailScanTable.vue';
@@ -49,13 +57,15 @@
       RancherMeta,
       RegisterStatusBadge,
       RegistryDetailScanTable,
-      ScanButton
+      ScanButton,
+      ActionMenu
     },
     data() {
       return {
         PRODUCT_NAME,
         RESOURCE,
         PAGE,
+        registry: null,
         registryStatus: null,
         registryMetadata: [],
         scanHistory: [],
@@ -122,6 +132,7 @@
             }
           })
         });
+        this.registry = registry;
       },
       getRegistryStatus(registry) {
         if (!registry || !registry.status || !registry.status.conditions || !registry.status.conditions.length) {
@@ -217,6 +228,17 @@
         display: flex;
         align-items: center;
         gap: 16px;
+
+        &:deep() button[data-testid="masthead-action-menu"] {
+          border-radius: 4px;
+          width: 35px;
+          height: 40px;
+
+          display: inline-flex;
+          flex-direction: row;
+          justify-content: center;
+          align-items: center;
+        }
       }
     }
   }