put didInfo names in more places and add copy icons for DIDs & IDs

src/views/ClaimView.vue

@@ -26,6 +26,18 @@
           <div class="text-sm">
             <div>
               {{ veriClaim.id }}
+              <button
+                @click="
+                  libsUtil.doCopyTwoSecRedo(
+                    veriClaim.id as string,
+                    () => (showIdCopy = !showIdCopy),
+                  )
+                "
+                class="ml-2 mr-2"
+              >
+                <fa icon="copy" class="text-slate-400 fa-fw"></fa>
+              </button>
+              <span v-show="showIdCopy">Copied ID</span>
             </div>
             <div>
               <fa icon="message" class="fa-fw text-slate-400"></fa>
@@ -34,6 +46,20 @@
             <div>
               <fa icon="user" class="fa-fw text-slate-400"></fa>
               {{ veriClaim.issuer }}
+              <span v-if="!serverUtil.isEmptyOrHiddenDid(veriClaim.issuer)">
+                <button
+                  @click="
+                    libsUtil.doCopyTwoSecRedo(
+                      veriClaim.issuer as string,
+                      () => (showDidCopy = !showDidCopy),
+                    )
+                  "
+                  class="ml-2 mr-2"
+                >
+                  <fa icon="copy" class="text-slate-400 fa-fw"></fa>
+                </button>
+                <span v-show="showDidCopy">Copied DID</span>
+              </span>
             </div>
             <div>
               <fa icon="calendar" class="fa-fw text-slate-400"></fa>
@@ -295,6 +321,8 @@ export default class ClaimView extends Vue {
   fullClaimDump = "";
   fullClaimMessage = "";
   numConfsNotVisible = 0; // number of hidden DIDs in the confirmerIdList, minus the issuer if they aren't visible
+  showDidCopy = false;
+  showIdCopy = false;
   veriClaim = serverUtil.BLANK_GENERIC_SERVER_RECORD;
   veriClaimDump = "";