add copy-link on the claim view page & enable certificate

src/views/ClaimView.vue

@@ -39,16 +39,26 @@
                 <fa icon="pen" class="text-sm text-blue-500 ml-2 mb-1" />
               </button>
             </h2>
-            <!--
             <div>
               <router-link
                 :to="'/claim-cert/' + encodeURIComponent(veriClaim.id)"
                 class="text-blue-500 mt-2"
+                title="Printable Certificate"
               >
                 <fa icon="square" class="text-white bg-yellow-500 p-1" />
               </router-link>
             </div>
-            -->
+            <!-- show link icon to copy this URL to the clipboard -->
+            <div>
+              <button
+                title="Copy Link"
+                @click="
+                  copyToClipboard('Current page link', window.location.href)
+                "
+              >
+                <fa icon="link" class="text-slate-500" />
+              </button>
+            </div>
           </div>
           <div class="text-sm">
             <div data-testId="description">
@@ -550,6 +560,7 @@ export default class ClaimView extends Vue {
   yaml = yaml;
   libsUtil = libsUtil;
   serverUtil = serverUtil;
+  window = window;
 
   resetThisValues() {
     this.confirmerIdList = [];
@@ -999,3 +1010,37 @@ export default class ClaimView extends Vue {
   }
 }
 </script>
+<style>
+/*
+  Tooltip, generated on "title" attributes on "fa" icons
+  Kudos to https://www.w3schools.com/css/css_tooltip.asp
+*/
+/* Tooltip container */
+.tooltip {
+  position: relative;
+  display: inline-block;
+  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
+}
+
+/* Tooltip text */
+.tooltip .tooltiptext {
+  visibility: hidden;
+  width: 200px;
+  background-color: black;
+  color: #fff;
+  text-align: center;
+  padding: 5px 0;
+  border-radius: 6px;
+
+  position: absolute;
+  z-index: 1;
+}
+
+/* Show the tooltip text when you mouse over the tooltip container */
+.tooltip:hover .tooltiptext {
+  visibility: visible;
+}
+.tooltip:hover .tooltiptext-left {
+  visibility: visible;
+}
+</style>