From af5e6e6d1291d415a8a7cc7f65995d73c4aea154 Mon Sep 17 00:00:00 2001
From: John Cowen <johncowen@users.noreply.github.com>
Date: Mon, 30 Nov 2020 17:28:33 +0000
Subject: [PATCH] ui: Add copyable IDs to the Role and Policy views (#9296)

---
 .changelog/9296.txt                                    |  3 +++
 .../consul-ui/app/templates/dc/acls/policies/edit.hbs  | 10 ++++++++++
 .../consul-ui/app/templates/dc/acls/roles/edit.hbs     | 10 ++++++++++
 3 files changed, 23 insertions(+)
 create mode 100644 .changelog/9296.txt

diff --git a/.changelog/9296.txt b/.changelog/9296.txt
new file mode 100644
index 0000000000..52f18c43ae
--- /dev/null
+++ b/.changelog/9296.txt
@@ -0,0 +1,3 @@
+```release-note:feature
+ui: add copyable IDs to the Role and Policy views
+```
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/policies/edit.hbs b/ui/packages/consul-ui/app/templates/dc/acls/policies/edit.hbs
index 5d932fc7e0..d16ba51679 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/policies/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/policies/edit.hbs
@@ -42,6 +42,16 @@
         </h1>
     </BlockSlot>
     <BlockSlot @name="content">
+{{#if (not create) }}
+      <div class="definition-table">
+          <dl>
+            <dt>Policy ID</dt>
+            <dd>
+              <CopyButton @value={{item.ID}} @name="Policy ID" @position="top-start" /> {{item.ID}}
+            </dd>
+          </dl>
+      </div>
+{{/if}}
 {{#if (eq (policy/typeof item) 'policy-management')}}
       {{ partial 'dc/acls/policies/view'}}
 {{else}}
diff --git a/ui/packages/consul-ui/app/templates/dc/acls/roles/edit.hbs b/ui/packages/consul-ui/app/templates/dc/acls/roles/edit.hbs
index fa1ae716ef..61aec9d68d 100644
--- a/ui/packages/consul-ui/app/templates/dc/acls/roles/edit.hbs
+++ b/ui/packages/consul-ui/app/templates/dc/acls/roles/edit.hbs
@@ -38,6 +38,16 @@
         </h1>
     </BlockSlot>
     <BlockSlot @name="content">
+{{#if (not create) }}
+      <div class="definition-table">
+          <dl>
+            <dt>Role ID</dt>
+            <dd>
+              <CopyButton @value={{item.ID}} @name="Role ID" @position="top-start" /> {{item.ID}}
+            </dd>
+          </dl>
+      </div>
+{{/if}}
       {{ partial 'dc/acls/roles/form'}}
     </BlockSlot>
 </AppView>
\ No newline at end of file