add ability to confirm give directly from a project

src/views/ClaimView.vue

@@ -47,7 +47,7 @@
     <div class="columns-3">
       <button
         class="col-span-1 bg-blue-600 text-white px-4 py-2 rounded-md"
-        v-if="userCanConfirm()"
+        v-if="userCanConfirm(veriClaim, activeDid, confirmerIdList)"
         @click="confirmClaim(veriClaim.id)"
       >
         Confirm
@@ -67,7 +67,7 @@
       :offerId="veriClaim.handleId"
     />
 
-    <div v-if="isConfirmable()">
+    <div v-if="isConfirmable(veriClaim)">
       <h2 class="font-bold uppercase text-xl mt-8 mb-2">Confirmations</h2>
 
       <span v-if="totalConfirmers() === 0">Nobody has confirmed this.</span>
@@ -197,7 +197,6 @@ import { AxiosError, RawAxiosRequestHeaders } from "axios";
 import * as yaml from "js-yaml";
 import * as R from "ramda";
 import { IIdentifier } from "@veramo/core";
-import * as util from "util";
 import { Component, Vue } from "vue-facing-decorator";
 
 import GiftedDialog from "@/components/GiftedDialog.vue";
@@ -207,6 +206,7 @@ import { Contact } from "@/db/tables/contacts";
 import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 import { accessToken } from "@/libs/crypto";
 import * as serverUtil from "@/libs/endorserServer";
+import { isConfirmable, userCanConfirm } from "@/libs/util";
 import QuickNav from "@/components/QuickNav.vue";
 import EntityIcon from "@/components/EntityIcon.vue";
 import { Account } from "@/db/tables/accounts";
@@ -239,9 +239,10 @@ export default class ClaimView extends Vue {
   veriClaim = serverUtil.BLANK_GENERIC_SERVER_RECORD;
   veriClaimDump = "";
 
-  util = util;
   yaml = yaml;
   containsHiddenDid = serverUtil.containsHiddenDid;
+  isConfirmable = isConfirmable;
+  userCanConfirm = userCanConfirm;
 
   async created() {
     await db.open();
@@ -283,20 +284,6 @@ export default class ClaimView extends Vue {
       : text[0].toUpperCase() + text.substr(1).replace(/([A-Z])/g, " $1");
   }
 
-  isConfirmable() {
-    return this.veriClaim.claimType === "GiveAction";
-  }
-
-  userCanConfirm() {
-    // Note that this logic is mirrored in the template. Look for "userCanConfirm"
-    return (
-      this.isConfirmable() &&
-      !this.confirmerIdList.includes(this.activeDid) &&
-      this.veriClaim.issuer !== this.activeDid &&
-      !this.containsHiddenDid(this.veriClaim.claim)
-    );
-  }
-
   offerGiverDid(): string | undefined {
     let giver;
     if (
@@ -492,6 +479,7 @@ export default class ClaimView extends Vue {
     }
   }
 
+  // similar code is found in ProjectViewView
   async confirmClaim() {
     if (confirm("Do you personally confirm that this is true?")) {
       // similar logic is found in endorser-mobile