feat: show collaborations in projects dashboard and more info

Author: slashtechno

backend/podium/routers/projects.py

@@ -17,7 +17,7 @@ def get_projects(
     current_user: Annotated[CurrentUser, Depends(get_current_user)],
 ) -> list[PrivateProject]:
     """
-    Get the current user's projects.
+    Get the current user's projects and projects they are collaborating on.
     """
 
     user_id = db.user.get_user_record_id_by_email(current_user.email)
@@ -29,7 +29,9 @@ def get_projects(
         for project in [
             db.projects.get(project_id)
             for project_id in db.users.get(user_id)["fields"].get("projects", [])
-        ]
+        ] + 
+            [db.projects.get(project_id)
+            for project_id in db.users.get(user_id)["fields"].get("collaborations", [])]
     ]
     return projects
 

frontend/src/lib/components/Collapse.svelte

@@ -64,7 +64,7 @@
   </div>
   <!-- <div class="collapse-content" onmousedown={handleFocusIn} role="button"> -->
   <!-- <div class="collapse-content" onfocusin={handleFocusIn} onblur={handleFocusOut} role="button" tabindex="0"> -->
-  <div class="collapse-content" role="button" tabindex="0">
+  <div class="collapse-content overflow-x-auto" role="button" tabindex="0">
     {@render children?.()}
   </div>
 </div>

frontend/src/lib/components/UpdateProject.svelte

@@ -97,7 +97,7 @@
       await ProjectsService.updateProjectProjectsProjectIdPut({
         path: { project_id: chosenProject.id },
         body: project,
-        throwOnError: true,
+      throwOnError: true,
       });
       toast("Project updated successfully");
       // Reset the fields
@@ -130,6 +130,9 @@
     <label class="form-control">
       <div class="label">
         <span class="label-text text-primary">Choose a project to update</span>
+        <span class="label-text-alt">
+          This will only show projects you own
+        </span>
       </div>
       <select
         bind:value={chosenProject}

frontend/src/routes/projects/+page.svelte

@@ -17,21 +17,34 @@ import Collapse from "$lib/components/Collapse.svelte";
       <thead>
         <tr>
           <th>Project Name</th>
-          <th>Description</th>
           <th>Join Code</th>
+          <th>Description</th>
+          <th>Repository</th>
+          <th>Demo</th>
         </tr>
       </thead>
       <tbody>
         {#each data.projects as project}
           <tr>
             <td>{project.name}</td>
-            <td>{project.description}</td>
             <td
               ><a
                 href={`/projects/?join_code=${project.join_code}`}
                 data-sveltekit-noscroll>{project.join_code}</a
               ></td
             >
+            <td>{project.description}</td>
+            <td
+              ><a
+                href={project.repo}
+                data-sveltekit-noscroll>{project.repo}</a
+              ></td
+            >
+            <td
+              ><a
+                href={project.demo}
+                data-sveltekit-noscroll>{project.demo}</a
+              ></td>
           </tr>
         {/each}
       </tbody>