From c4233fb69b201dae618e15978b48396987df2072 Mon Sep 17 00:00:00 2001
From: Susmitha Girumala <susmitha@hashicorp.com>
Date: Fri, 5 Feb 2021 12:03:45 -0500
Subject: [PATCH] feat: Make all ids copyable

---
 .../scopes/scope/projects/sessions/index.hbs  |  8 ++++++-
 .../scopes/scope/projects/targets/index.hbs   | 24 ++++++++++++++++---
 .../scope/projects/targets/target/-header.hbs | 11 ++++++++-
 .../scope/projects/targets/target/hosts.hbs   | 10 +++++++-
 .../projects/targets/target/sessions.hbs      |  8 ++++++-
 5 files changed, 54 insertions(+), 7 deletions(-)

diff --git a/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs b/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs
index b6beccc53..35c53bb63 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/sessions/index.hbs
@@ -27,7 +27,13 @@
                   class={{concat "session-status-" sessionAggregate.session.status}}
                   @name="app-icons/action-session"
                   @size="medium" />
-                <code>{{sessionAggregate.session.id}}</code>
+                <Copyable
+                  @text={{sessionAggregate.session.id}}
+                  @buttonText={{t "actions.copy-to-clipboard"}}
+                  @acknowledgeText={{t "states.copied"}}
+                >
+                  <code>{{sessionAggregate.session.id}}</code>
+                </Copyable>
               </row.headerCell>
               <row.cell>{{sessionAggregate.target.displayName}}</row.cell>
               <row.cell>
diff --git a/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs b/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
index bee6e9d46..b200db570 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
@@ -30,16 +30,34 @@
               <p>{{model.target.description}}</p>
             </row.cell>
             <row.cell>
-              {{model.target.id}}
+              <Copyable
+                @text={{model.target.id}}
+                @buttonText={{t "actions.copy-to-clipboard"}}
+                @acknowledgeText={{t "states.copied"}}
+              >
+                <code>{{model.target.id}}</code>
+              </Copyable>
             </row.cell>
             <row.cell>
-              {{model.target.type}}
+              {{#if model.target.type}}
+                <Rose::Badge>
+                  {{t (concat "resources.target.types." model.target.type)}}
+                </Rose::Badge>
+              {{/if}}
             </row.cell>
             <row.cell>
+              <div>
+                <Copyable
+                  @text={{model.project.id}}
+                  @buttonText={{t "actions.copy-to-clipboard"}}
+                  @acknowledgeText={{t "states.copied"}}
+                >
+                  <code>{{model.project.id}}</code>
+                </Copyable>
+              </div>
               <Rose::Badge @style='informational'>
                 {{model.project.name}}
               </Rose::Badge>
-              <p>{{model.project.id}}</p>
             </row.cell>
             <row.cell>
               <Rose::Button @style="secondary" {{on "click" (route-action "connect" model)}}>
diff --git a/ui/desktop/app/templates/scopes/scope/projects/targets/target/-header.hbs b/ui/desktop/app/templates/scopes/scope/projects/targets/target/-header.hbs
index 41f83d562..fb4da6c13 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/targets/target/-header.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/targets/target/-header.hbs
@@ -1,4 +1,13 @@
 <h2>
   {{@model.target.displayName}}
 </h2>
-<p>{{@model.target.description}}</p>
\ No newline at end of file
+<p>{{@model.target.description}}</p>
+<p>
+  <Copyable
+    @text={{@model.target.id}}
+    @buttonText={{t "actions.copy-to-clipboard"}}
+    @acknowledgeText={{t "states.copied"}}
+  >
+    <code>{{@model.target.id}}</code>
+  </Copyable>
+</p>
\ No newline at end of file
diff --git a/ui/desktop/app/templates/scopes/scope/projects/targets/target/hosts.hbs b/ui/desktop/app/templates/scopes/scope/projects/targets/target/hosts.hbs
index a925671d7..1d17dcbd7 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/targets/target/hosts.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/targets/target/hosts.hbs
@@ -8,7 +8,15 @@
           {{host.displayName}}
           <p>{{host.description}}</p>
         </row.cell>
-        <row.cell>{{host.id}}</row.cell>
+        <row.cell>
+          <Copyable
+            @text={{host.id}}
+            @buttonText={{t "actions.copy-to-clipboard"}}
+            @acknowledgeText={{t "states.copied"}}
+          >
+            <code>{{host.id}}</code>
+          </Copyable>
+        </row.cell>
         <row.cell>{{host.attributes.address}}</row.cell>
         <row.cell>
           <Rose::Badge>{{t (concat 'resources.host.types.' host.type)}}</Rose::Badge>
diff --git a/ui/desktop/app/templates/scopes/scope/projects/targets/target/sessions.hbs b/ui/desktop/app/templates/scopes/scope/projects/targets/target/sessions.hbs
index 49a8e2585..8263162c9 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/targets/target/sessions.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/targets/target/sessions.hbs
@@ -7,7 +7,13 @@
             class={{concat "session-status-" session.status}}
             @name="app-icons/action-session"
             @size="medium" />
-          {{session.id}}
+          <Copyable
+            @text={{session.id}}
+            @buttonText={{t "actions.copy-to-clipboard"}}
+            @acknowledgeText={{t "states.copied"}}
+          >
+            <code>{{session.id}}</code>
+          </Copyable>
         </row.cell>
         <row.cell>
           <time datetime={{format-date-iso session.created_time}}>