From 31a77521684fd2947612f8ecf171d2c350ed2c09 Mon Sep 17 00:00:00 2001
From: Trent Larson <trent@trentlarson.com>
Date: Tue, 16 Jan 2024 19:48:47 -0700
Subject: [PATCH] add link to project from gives on front page

---
 project.task.yaml             | 12 ++++++------
 src/libs/endorserServer.ts    | 27 +++++++++++++------------
 src/views/HomeView.vue        | 37 ++++++++++++++++++++++++++++-------
 src/views/ProjectViewView.vue |  2 +-
 4 files changed, 52 insertions(+), 26 deletions(-)

diff --git a/project.task.yaml b/project.task.yaml
index a89444a43..3809ed782 100644
--- a/project.task.yaml
+++ b/project.task.yaml
@@ -1,18 +1,18 @@
 
 tasks:
 
+- check that 'show more contacts' from the contact-give-list on the project screen includes project ID
+
 - supply the projectId to the OfferDialog just like we do with the offerId
 - the confirm button on each give on the ProjectViewView page doesn't have all the context of the ClaimView page, so it can show sometimes inappropriately; consider consolidation
 - choose an agent via a contact chooser (not just copy-paste a DID)
 - make the "give" on contact screen work like other give (allowing donation vs current blank)
-- check that 'show more contacts' from the contact-give-list on the project screen includes project ID
 - on ClaimView, the "ask someone" should refer to "visible" IDs, or to confirmations only if confirmations are visible
-- give feedback when import is completed
-- "send them to this page" on ClaimView should be a link for installed app
+- notify user when import is completed
+- "send them to this page" on ClaimView should be a link (for installed app)
 
-- show VC details... somehow:
-  - 01 show my VCs - most interesting, or via search
-  - 04 allow user to download & prove chains of VCs, mine + ones I can see about me from others
+- 01 show my VCs - most interesting, or via search
+- 04 allow user to download & prove chains of VCs, mine + ones I can see about me from others
 
 - on gives feed - link to project
 - show feed of offers, new projects, etc -- maybe limited to my search area
diff --git a/src/libs/endorserServer.ts b/src/libs/endorserServer.ts
index 72db288e6..143ca257b 100644
--- a/src/libs/endorserServer.ts
+++ b/src/libs/endorserServer.ts
@@ -66,6 +66,7 @@ export interface GiveServerRecord {
   amountConfirmed: number;
   description: string;
   fullClaim: GiveVerifiableCredential;
+  fulfillsPlanHandleId: string;
   handleId: string;
   issuedAt: string;
   jwtId: string;
@@ -77,6 +78,7 @@ export interface OfferServerRecord {
   amount: number;
   amountGiven: number;
   fullClaim: OfferVerifiableCredential;
+  fulfillsPlanHandleId: string;
   handleId: string;
   offeredByDid: string;
   recipientDid: string;
@@ -85,6 +87,19 @@ export interface OfferServerRecord {
   validThrough: string;
 }
 
+export interface PlanServerRecord {
+  agentDid?: string; // optional, if the issuer wants someone else to manage as well
+  description: string;
+  endTime?: string;
+  fulfillsPlanHandleId: string;
+  issuerDid: string;
+  handleId: string;
+  locLat?: number;
+  locLon?: number;
+  startTime?: string;
+  url?: string;
+}
+
 // Note that previous VCs may have additional fields.
 // https://endorser.ch/doc/html/transactions.html#id4
 export interface GiveVerifiableCredential {
@@ -127,18 +142,6 @@ export interface PlanVerifiableCredential {
   };
 }
 
-export interface PlanServerRecord {
-  agentDid?: string; // optional, if the issuer wants someone else to manage as well
-  description: string;
-  endTime?: string;
-  issuerDid: string;
-  handleId: string;
-  locLat?: number;
-  locLon?: number;
-  startTime?: string;
-  url?: string;
-}
-
 export interface RegisterVerifiableCredential {
   "@context": string;
   "@type": string;
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 77c8a837b..8e55ddd77 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -179,12 +179,35 @@
               You've seen all the following before
             </div>
 
-            <div class="flex">
-              <fa icon="gift" class="pt-1 pr-2 text-slate-500"></fa>
-              <span class="">{{ this.giveDescription(record) }}</span>
-              <a @click="onClickLoadClaim(record.jwtId)">
-                <fa icon="circle-info" class="pl-2 pt-1 text-slate-500"></fa>
-              </a>
+            <div class="grid grid-cols-12">
+              <span class="col-span-11 justify-self-start">
+                <fa
+                  icon="gift"
+                  class="col-span-1 pt-1 pr-2 text-slate-500"
+                ></fa>
+                {{ this.giveDescription(record) }}
+                <a @click="onClickLoadClaim(record.jwtId)">
+                  <fa
+                    icon="circle-info"
+                    class="pl-2 text-blue-500 cursor-pointer"
+                  ></fa>
+                </a>
+              </span>
+              <span class="col-span-1 justify-self-end shrink">
+                <router-link
+                  v-if="record.fulfillsPlanHandleId"
+                  :to="
+                    '/project/' +
+                    encodeURIComponent(record.fulfillsPlanHandleId)
+                  "
+                  class="justify-end"
+                >
+                  <fa
+                    icon="hand-holding-heart"
+                    class="ml-4 pl-2 text-blue-500"
+                  ></fa>
+                </router-link>
+              </span>
             </div>
           </li>
         </ul>
@@ -243,7 +266,7 @@ export default class HomeView extends Vue {
   allContacts: Array<Contact> = [];
   allMyDids: Array<string> = [];
   apiServer = "";
-  feedData = [];
+  feedData: GiveServerRecord[] = [];
   feedPreviousOldestId?: string;
   feedLastViewedClaimId?: string;
   isCreatingIdentifier = false;
diff --git a/src/views/ProjectViewView.vue b/src/views/ProjectViewView.vue
index c6cd66c29..d91cf466d 100644
--- a/src/views/ProjectViewView.vue
+++ b/src/views/ProjectViewView.vue
@@ -314,7 +314,7 @@
 
         <div v-if="fulfilledByThis" class="bg-slate-100 px-4 py-3 rounded-md">
           <h3 class="text-sm uppercase font-semibold mb-3">
-            Contributions By This Idea
+            Contributions From This Idea
           </h3>
           <!-- centering because long, wrapped project names didn't left align with blank or "text-left" -->
           <div class="text-center">