for BVC shortcut: send attend & give actions, and list actions to confirm

src/views/QuickActionBvcBeginView.vue

@@ -15,20 +15,24 @@
     </div>
 
     <!-- Heading -->
-    <h1 id="ViewHeading" class="text-4xl text-center font-light pt-4 mb-4">
+    <h1 id="ViewHeading" class="text-4xl text-center font-light px-4 mb-4">
       Beginning of BVC Saturday Meeting
     </h1>
 
     <div>
-      <h2 class="text-2xl m-4">You're Here</h2>
-      <div class="m-4 flex">
-        <input type="checkbox" v-model="gaveTime" class="h-6 w-6" />
+      <h2 class="text-2xl m-2">You're Here</h2>
+      <div class="m-2 flex">
+        <input type="checkbox" v-model="attended" class="h-6 w-6" />
         <span class="pb-2 pl-2 pr-2">Attended</span>
+      </div>
+      <div class="m-2 flex">
+        <input type="checkbox" v-model="gaveTime" class="h-6 w-6" />
+        <span class="pb-2 pl-2 pr-2">Spent Time</span>
         <span v-if="gaveTime">
           <input
             type="text"
             placeholder="How much time"
-            v-model="hours"
+            v-model="hoursStr"
             size="1"
             class="border border-slate-400 h-6 px-2"
           />
@@ -39,25 +43,44 @@
       </div>
     </div>
 
-    <div class="m-4" v-if="gaveTime && hours && hours != '0'">
+    <div
+      v-if="attended || (gaveTime && hoursStr && hoursStr != '0')"
+      class="flex justify-center mt-4"
+    >
       <button
         @click="record()"
-        class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md"
+        class="block text-center text-md font-bold bg-blue-500 text-white px-2 py-3 rounded-md w-56"
       >
         Sign & Send
       </button>
     </div>
+    <div v-else class="flex justify-center mt-4">
+      <button
+        class="block text-center text-md font-bold bg-slate-500 text-white px-2 py-3 rounded-md w-56"
+      >
+        Select Your Actions
+      </button>
+    </div>
   </section>
 </template>
 
 <script lang="ts">
+import axios from "axios";
 import { DateTime } from "luxon";
 import { Component, Vue } from "vue-facing-decorator";
 
 import QuickNav from "@/components/QuickNav.vue";
 import TopMessage from "@/components/TopMessage.vue";
 import { NotificationIface } from "@/constants/app";
-import { numberOrZero } from "@/libs/endorserServer";
+import { db } from "@/db/index";
+import {
+  BVC_MEETUPS_PROJECT_CLAIM_ID,
+  bvcMeetingJoinClaim,
+  createAndSubmitClaim,
+  createAndSubmitGive,
+} from "@/libs/endorserServer";
+import * as libsUtil from "@/libs/util";
+import { MASTER_SETTINGS_KEY, Settings } from "@/db/tables/settings";
 
 @Component({
   components: {
@@ -68,8 +91,11 @@ import { numberOrZero } from "@/libs/endorserServer";
 export default class QuickActionBvcBeginView extends Vue {
   $notify!: (notification: NotificationIface, timeout?: number) => void;
 
-  gaveTime = false;
-  hours = "1";
+  activeDid = "";
+  apiServer = "";
+  attended = true;
+  gaveTime = true;
+  hoursStr = "1";
   todayOrPreviousStartDate = "";
 
   async mounted() {
@@ -91,9 +117,88 @@ export default class QuickActionBvcBeginView extends Vue {
       }) || "";
   }
 
-  record() {
-    const hoursNum = numberOrZero(this.hours);
-    alert("Nope" + hoursNum);
+  async record() {
+    await db.open();
+    const settings = (await db.settings.get(MASTER_SETTINGS_KEY)) as Settings;
+    const activeDid = settings?.activeDid || "";
+    const apiServer = settings?.apiServer || "";
+
+    try {
+      const hoursNum = libsUtil.numberOrZero(this.hoursStr);
+      const identity = await libsUtil.getIdentity(activeDid);
+
+      const result = await createAndSubmitGive(
+        axios,
+        apiServer,
+        identity,
+        activeDid,
+        undefined,
+        undefined,
+        hoursNum,
+        "HUR",
+        BVC_MEETUPS_PROJECT_CLAIM_ID,
+      );
+      if (result.type === "error") {
+        console.error("Error sending give:", result);
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text:
+              result?.error?.userMessage ||
+              "There was an error sending the give.",
+          },
+          -1,
+        );
+      }
+
+      const result2 = await createAndSubmitClaim(
+        bvcMeetingJoinClaim(this.activeDid, this.todayOrPreviousStartDate),
+        identity,
+        apiServer,
+        axios,
+      );
+      if (result2.type === "error") {
+        console.error("Error sending give:", result2);
+        this.$notify(
+          {
+            group: "alert",
+            type: "danger",
+            title: "Error",
+            text:
+              result2?.error?.userMessage ||
+              "There was an error sending the attendance.",
+          },
+          -1,
+        );
+      }
+
+      if (result.type === "success" || result2.type === "success") {
+        this.$notify(
+          {
+            group: "alert",
+            type: "success",
+            title: "Success",
+            text: "Your actions have been recorded.",
+          },
+          -1,
+        );
+      }
+
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    } catch (error: any) {
+      console.error("Error sending claims.", error);
+      this.$notify(
+        {
+          group: "alert",
+          type: "danger",
+          title: "Error",
+          text: error.userMessage || "There was an error sending those claims.",
+        },
+        -1,
+      );
+    }
   }
 }
 </script>