From 997093c6958a479d7ac0dc40db7d4844c9c63c45 Mon Sep 17 00:00:00 2001
From: Matthew Aaron Raymer <matthew.raymer@anomalistdesign.com>
Date: Tue, 17 Jan 2023 16:13:58 +0800
Subject: [PATCH] Add flow from project list to view

---
 src/views/NewEditProjectView.vue |  2 --
 src/views/ProjectsView.vue       | 29 ++++++++++++++++++++++-------
 2 files changed, 22 insertions(+), 9 deletions(-)

diff --git a/src/views/NewEditProjectView.vue b/src/views/NewEditProjectView.vue
index ffd116df..686232e6 100644
--- a/src/views/NewEditProjectView.vue
+++ b/src/views/NewEditProjectView.vue
@@ -116,9 +116,7 @@ export default class NewEditProjectView extends Vue {
 
       try {
         const resp = await this.axios.post(url, payload, { headers });
-        console.log(resp.status, resp.data);
         useAppStore().setProjectId(resp.data);
-        console.log("TEST", useAppStore().projectId);
         setTimeout(
           function (that: Vue) {
             console.log("THAT:", localStorage.getItem("projectId"));
diff --git a/src/views/ProjectsView.vue b/src/views/ProjectsView.vue
index 76034234..46aee208 100644
--- a/src/views/ProjectsView.vue
+++ b/src/views/ProjectsView.vue
@@ -34,7 +34,10 @@
         v-for="project in projects"
         :key="project.id"
       >
-        <a href="project-view.html" class="block py-4 flex gap-4">
+        <a
+          @click="onClickLoadProject(project.id)"
+          class="block py-4 flex gap-4"
+        >
           <div class="flex-none w-12">
             <img
               src="https://picsum.photos/200/200?random=1"
@@ -66,7 +69,18 @@ import { AppString } from "@/constants/app";
 })
 export default class ProjectsView extends Vue {
   projects: { id: string; name: string; description: string }[] = [];
-  async LoadProject(identity: IIdentifier) {
+
+  onClickLoadProject(id: string) {
+    console.log("projectId", id);
+    localStorage.setItem("projectId", id);
+    const route = {
+      name: "project",
+    };
+    console.log(route);
+    this.$router.push(route);
+  }
+
+  async LoadProjects(identity: IIdentifier) {
     const endorserApiServer = AppString.DEFAULT_ENDORSER_API_SERVER;
     const url = endorserApiServer + "/api/claim/?claimContents=" + identity.did;
     const token = await accessToken(identity);
@@ -77,16 +91,17 @@ export default class ProjectsView extends Vue {
 
     try {
       const resp = await this.axios.get(url, { headers });
-      console.log(resp.status, resp.data);
       if (resp.status === 200) {
         const claims = resp.data;
         for (let i = 0; i < claims.length; i++) {
+          console.log(claims[i]);
           const claim = claims[i].claim;
-          this.projects.push({
-            id: claim.id,
+          const data = {
+            id: claims[i].id,
             name: claim.name,
             description: claim.description,
-          });
+          };
+          this.projects.push(data);
         }
       }
     } catch (error) {
@@ -102,7 +117,7 @@ export default class ProjectsView extends Vue {
     } else {
       const accounts = await db.accounts.toArray();
       const identity = JSON.parse(accounts[0].identity);
-      this.LoadProject(identity);
+      this.LoadProjects(identity);
     }
   }