From 9097689d2a9623013ffe3522f1c78d95b44de6dc Mon Sep 17 00:00:00 2001
From: claire bontempo <68122737+hellobontempo@users.noreply.github.com>
Date: Mon, 21 Oct 2024 12:48:00 -0700
Subject: [PATCH] Adds copy button to entity, alias and mfa method ID fields
 (#28742)

* make id buttons copyable

* add changelog
---
 changelog/28742.txt                                            | 3 +++
 .../templates/components/identity/item-alias/alias-details.hbs | 3 +--
 ui/app/templates/components/identity/item-details.hbs          | 2 +-
 .../vault/cluster/access/mfa/methods/method/index.hbs          | 1 +
 4 files changed, 6 insertions(+), 3 deletions(-)
 create mode 100644 changelog/28742.txt

diff --git a/changelog/28742.txt b/changelog/28742.txt
new file mode 100644
index 0000000000..8d5050f1ed
--- /dev/null
+++ b/changelog/28742.txt
@@ -0,0 +1,3 @@
+```release-note:improvement
+ui: Adds copy button to identity entity, alias and mfa method IDs
+```
\ No newline at end of file
diff --git a/ui/app/templates/components/identity/item-alias/alias-details.hbs b/ui/app/templates/components/identity/item-alias/alias-details.hbs
index 4d76e39367..6106e976b6 100644
--- a/ui/app/templates/components/identity/item-alias/alias-details.hbs
+++ b/ui/app/templates/components/identity/item-alias/alias-details.hbs
@@ -4,12 +4,11 @@
 ~}}
 
 <InfoTableRow @label="Name" @value={{@model.name}} data-test-alias-name={{true}} />
-<InfoTableRow @label="ID" @value={{@model.id}} />
+<InfoTableRow @label="ID" @value={{@model.id}} @addCopyButton={{true}} />
 <InfoTableRow @label={{if (eq @model.identityType "entity-alias") "Entity ID" "Group ID"}} @value={{this.model.canonicalId}}>
   <LinkTo
     @route="vault.cluster.access.identity.show"
     @models={{array (if (eq @model.identityType "entity-alias") "entities" "groups") @model.canonicalId "details"}}
-    class="has-text-black is-font-mono"
   >
     {{@model.canonicalId}}
   </LinkTo>
diff --git a/ui/app/templates/components/identity/item-details.hbs b/ui/app/templates/components/identity/item-details.hbs
index 8783e34be2..1cdd55d93d 100644
--- a/ui/app/templates/components/identity/item-details.hbs
+++ b/ui/app/templates/components/identity/item-details.hbs
@@ -19,7 +19,7 @@
   {{/if}}
   <InfoTableRow @label="Name" @value={{@model.name}} data-test-identity-item-name={{true}} />
   <InfoTableRow @label="Type" @value={{@model.type}} />
-  <InfoTableRow @label="ID" @value={{@model.id}} />
+  <InfoTableRow @label="ID" @value={{@model.id}} @addCopyButton={{true}} />
   <InfoTableRow @label="Merged Ids" @value={{@model.mergedEntityIds}}>
     <div>
       {{#each @model.mergedEntityIds as |id|}}
diff --git a/ui/app/templates/vault/cluster/access/mfa/methods/method/index.hbs b/ui/app/templates/vault/cluster/access/mfa/methods/method/index.hbs
index e4eade3363..3d2e75c81d 100644
--- a/ui/app/templates/vault/cluster/access/mfa/methods/method/index.hbs
+++ b/ui/app/templates/vault/cluster/access/mfa/methods/method/index.hbs
@@ -60,6 +60,7 @@
     </ToolbarActions>
   </Toolbar>
   <div class="box is-fullwidth is-sideless is-paddingless is-marginless">
+    <InfoTableRow @label="ID" @value={{this.model.method.id}} @addCopyButton={{true}} />
     {{#each this.model.method.attrs as |attr|}}
       {{#if (eq attr.type "object")}}
         <InfoTableRow