Populate Team Members (#67)

* populate the rest of the members * reorder members to prioritize team leads and people with photos * adjust spacing for responsiveness * update the year number to ordinal numbers * update the rest of tech team * remove competition's team roster and update finance team * Prettified Code! * remove debugging logs * Prettified Code! --------- Co-authored-by: IcedTea2K <[email protected]>
ubc-biomod · Jan 9, 2024 · d02997d · d02997d
1 parent e398501
commit d02997d
Show file tree

Hide file tree

Showing 16 changed files with 403 additions and 46 deletions.
diff --git a/src/assets/profile_pictures/Catherine_Zhu.png b/src/assets/profile_pictures/Catherine_Zhu.png
diff --git a/src/assets/profile_pictures/Daniel_Pan.jpg b/src/assets/profile_pictures/Daniel_Pan.jpg
diff --git a/src/assets/profile_pictures/Enda_Çakmak.jpeg b/src/assets/profile_pictures/Enda_Çakmak.jpeg
diff --git a/src/assets/profile_pictures/Grace_Wang.jpeg b/src/assets/profile_pictures/Grace_Wang.jpeg
diff --git a/src/assets/profile_pictures/Kendrick_Cooke.jpeg b/src/assets/profile_pictures/Kendrick_Cooke.jpeg
diff --git a/src/assets/profile_pictures/Melanie_Cheng.jpg b/src/assets/profile_pictures/Melanie_Cheng.jpg
diff --git a/src/assets/profile_pictures/Minh_Au.jpg b/src/assets/profile_pictures/Minh_Au.jpg
diff --git a/src/assets/profile_pictures/Rowel_Sabahat.png b/src/assets/profile_pictures/Rowel_Sabahat.png
diff --git a/src/assets/profile_pictures/Whitney_Demetriou.heif b/src/assets/profile_pictures/Whitney_Demetriou.heif
diff --git a/src/assets/profile_pictures/Whitney_Demetriou.jpg b/src/assets/profile_pictures/Whitney_Demetriou.jpg
diff --git a/src/assets/profile_pictures/empty_male_img.png b/src/assets/profile_pictures/empty_male_img.png
diff --git a/src/assets/profile_pictures/female_empty_img.png b/src/assets/profile_pictures/female_empty_img.png
diff --git a/src/components/Member.ts b/src/components/Member.ts
diff --git a/src/components/ProfileCard.vue b/src/components/ProfileCard.vue
@@ -17,6 +17,19 @@ const handleImgErr = (e: Event) => {
   const target = e.target as HTMLImageElement
   target.src = emptyPic
 }
+
+const turnOrdinal = (year : number) => {
+  switch(year % 10) {
+    case 1:
+      return year + 'st'
+    case 2:
+      return year + 'nd'
+    case 3:
+      return year + 'rd'
+    default:
+      return year + 'th'
+  }
+}
 </script>
 
 <template>
@@ -58,7 +71,7 @@ const handleImgErr = (e: Event) => {
         <div class="flex flex-col items-center content-start gap-0 p-[0.5rem] max-h-full">
           <div class="text-lg font-bold text-white">{{ member?.name }}</div>
           <div class="text-xs font-normal relative bottom-1">
-            {{ member?.major }} · {{ member?.year }}th
+            {{ member?.major }} · {{ turnOrdinal(member?.year) }}
           </div>
           <p class="text-justify px-[1.6rem] overflow-y-scroll invisible-scroller">
             {{ member?.description }}

diff --git a/src/components/lab-notebook/TableOfContents.vue b/src/components/lab-notebook/TableOfContents.vue
@@ -13,7 +13,6 @@ onMounted(() => {
     entries.forEach((entry) => {
       if (entry.isIntersecting) {
         activeElementId.value = entry.target.innerHTML.trim()
-        console.log(activeElementId.value)
       }
     })
   }

diff --git a/src/views/TeamView.vue b/src/views/TeamView.vue
@@ -22,7 +22,6 @@ const handleClick = (inc: number) => {
     finalState.value = inc < 0 ? 'translate-x-full opacity-0' : '-translate-x-full opacity-0'
     changingTeam.value = false
   }
-  console.log(initialState)
 }
 
 let currTeam: Ref<string> = ref('All')
@@ -114,7 +113,7 @@ const { isSwiping, direction, lengthX, lengthY } = useSwipe(swipeableContainer,
 
       <!-- Desktop -->
       <div
-        class="hidden min-[866px]:gap-x-[1rem] min-[866px]:py-[2rem] min-[866px]:flex min-[866px]:flex-row lg:gap-x-[3rem]"
+        class="hidden w-full gap-x-[1rem] min-[866px]:flex min-[866px]:flex-row min-[866px]:justify-center min-[866px]:py-[2rem]"
       >
         <TransparentButton
           v-for="(team, i) in teams"