From dd8037fda10ce09f1da74071d9ca374af65d94e6 Mon Sep 17 00:00:00 2001
From: adamgoth <adamgoth@gmail.com>
Date: Tue, 2 Feb 2021 06:41:07 -0700
Subject: [PATCH] ui: copy button for tor address spec

---
 .../server-specs/server-specs.page.html            | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/ui/src/app/pages/server-routes/server-specs/server-specs.page.html b/ui/src/app/pages/server-routes/server-specs/server-specs.page.html
index b41271e84..d25e04bce 100644
--- a/ui/src/app/pages/server-routes/server-specs/server-specs.page.html
+++ b/ui/src/app/pages/server-routes/server-specs/server-specs.page.html
@@ -19,12 +19,16 @@
     </ion-item>
 
     <ion-item-group>
-      <!-- TODO: Tor address needs a copy button. -->
       <ion-item *ngFor="let spec of (server.specs | async) | keyvalue : asIsOrder" [class.break-all]="spec.key === 'Tor Address'">
-        <ion-label class="ion-text-wrap">
-          <h2>{{ spec.key }}</h2>
-          <p *ngIf="spec.value | isValidEmver">{{ spec.value | displayEmver }}</p>
-          <p *ngIf="!(spec.value | isValidEmver)">{{ spec.value }}</p>
+        <ion-label class="ion-text-wrap" style="display: flex; justify-content: space-between; align-items: center;">
+          <div>
+            <h2>{{ spec.key }}</h2>
+            <p *ngIf="spec.value | isValidEmver">{{ spec.value | displayEmver }}</p>
+            <p *ngIf="!(spec.value | isValidEmver)">{{ spec.value }}</p>
+          </div>
+          <ion-button *ngIf="spec.key === 'Tor Address'" fill="clear" (click)="copyTor()">
+            <ion-icon slot="icon-only" name="copy-outline" color="primary"></ion-icon>
+          </ion-button>
         </ion-label>
       </ion-item>
     </ion-item-group>