From ffbf7ca23fd7868cf4671c686b25cb5c9a4bf79b Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Fri, 24 May 2024 08:47:02 -0400
Subject: [PATCH 1/9] Removed old references to headlessUI listboxes

---
 17th Website/src/views/users.vue | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/17th Website/src/views/users.vue b/17th Website/src/views/users.vue
index a9f9e90..81f014b 100644
--- a/17th Website/src/views/users.vue	
+++ b/17th Website/src/views/users.vue	
@@ -1,7 +1,5 @@
 <script>
-import { Listbox, ListboxButton, ListboxOptions, ListboxOption } from '@headlessui/vue'
 import { Icon } from '@iconify/vue'
-import QueryApolloGraphQL from '../api/request'
 import Dropdown from '../components/dropdown/Dropdown.vue'
 
 export default {
@@ -55,10 +53,6 @@ export default {
         }
     },
     components: {
-        Listbox,
-        ListboxButton,
-        ListboxOption,
-        ListboxOptions,
         Icon,
         Dropdown,
     },

From ec61da96d7d6471a18b97fac23f2db68de5e1f6b Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Sun, 26 May 2024 10:03:39 -0400
Subject: [PATCH 2/9] integrated new API for fetching members

---
 17th Website/src/views/users.vue | 36 +++++++++++++++++++++-----------
 1 file changed, 24 insertions(+), 12 deletions(-)

diff --git a/17th Website/src/views/users.vue b/17th Website/src/views/users.vue
index 81f014b..08f7cb5 100644
--- a/17th Website/src/views/users.vue	
+++ b/17th Website/src/views/users.vue	
@@ -50,23 +50,32 @@ export default {
         },
         filterByRole(item) {    //THIS IS NOT IMPLEMENTED YET
             return true;
-        }
+        },
     },
     components: {
         Icon,
         Dropdown,
     },
     mounted() {
-    //    QueryApolloGraphQL("getPageViewMemberRankStatusAll", "query Query {getPageViewMemberRankStatusAll {items {member_name,rank,status}}}").then(value => { this.items = value }) //console.log(value); for debug reasons
+        //    QueryApolloGraphQL("getPageViewMemberRankStatusAll", "query Query {getPageViewMemberRankStatusAll {items {member_name,rank,status}}}").then(value => { this.items = value }) //console.log(value); for debug reasons
         // this.items = fetch("http://iceberg-gaming.com:1323/api/members");
 
         //make API request here
+
+        fetch('http://iceberg-gaming.com:1323/api/v1/member').then(res => {
+            console.log(res); 
+            res.json().then(list => {
+                this.items = list;
+                console.log(this.items);
+
+            });
+        });
     },
-    computed: {
+    computed: { 
         filteredTable() {
             var newTable = this.items;
-            newTable = newTable.filter(this.filterByUnit);
-            newTable = newTable.filter(this.filterByName);
+            // newTable = newTable.filter(this.filterByUnit);
+            // newTable = newTable.filter(this.filterByName);
             return newTable;
         },
     }
@@ -85,12 +94,12 @@ export default {
                     class="mx-2 max-w-md" />
                 <div id="dropdownWrapper">
 
-                    <Dropdown :values="statusFilters" :currentIndex="currentStatusFilterIndex" display="name" 
-                    @changeSelection="(index) => currentStatusFilterIndex = index" class="w-36 mr-2">
+                    <Dropdown :values="statusFilters" :currentIndex="currentStatusFilterIndex" display="name"
+                        @changeSelection="(index) => currentStatusFilterIndex = index" class="w-36 mr-2">
                     </Dropdown>
 
                     <Dropdown :values="roleFilters" :currentIndex="currentRoleFilter" display="name"
-                    @changeSelection="(index) => currentRoleFilter = index" class="w-36">
+                        @changeSelection="(index) => currentRoleFilter = index" class="w-36">
                     </Dropdown>
 
                     <button @click="resetFilters()"
@@ -104,7 +113,7 @@ export default {
             <thead>
                 <tr>
                     <th>Member</th>
-                    <th>Unit</th>
+                    <th>Status</th>
                     <th>Rank</th>
                     <th>Join Date</th>
                     <th>LOA Until</th>
@@ -114,9 +123,12 @@ export default {
             <tbody id="tableBody">
                 <tr v-for="(item, index) in filteredTable"
                     v-on:click="$router.push({ path: `/profile/${item.member_name}/home` })">
-                    <td>{{ item.member_name }}</td>
-                    <td>{{ item.status }}</td>
-                    <td>{{ item.rank }}</td>
+                    <td>{{ item.name }}</td>
+                    <td>{{ item.company }}</td>
+                    <td>{{ item.rank.name }}</td>
+                    <td>{{ item.created_at }}</td>
+                    <td>hello</td>
+                    <td>hello</td>
                 </tr>
             </tbody>
         </table>

From 40d8edd0a6117bd5541166d20c69f22efe16ee0a Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Sun, 26 May 2024 11:43:46 -0400
Subject: [PATCH 3/9] Fixed some date formatting for join date

---
 17th Website/src/views/users.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/17th Website/src/views/users.vue b/17th Website/src/views/users.vue
index 08f7cb5..e21d5ef 100644
--- a/17th Website/src/views/users.vue	
+++ b/17th Website/src/views/users.vue	
@@ -122,11 +122,11 @@ export default {
             </thead>
             <tbody id="tableBody">
                 <tr v-for="(item, index) in filteredTable"
-                    v-on:click="$router.push({ path: `/profile/${item.member_name}/home` })">
+                    v-on:click="$router.push({ path: `/profile/${item.id}/home` })">
                     <td>{{ item.name }}</td>
                     <td>{{ item.company }}</td>
                     <td>{{ item.rank.name }}</td>
-                    <td>{{ item.created_at }}</td>
+                    <td>{{ item.created_at.split('T')[0] }}</td>
                     <td>hello</td>
                     <td>hello</td>
                 </tr>

From a4ebd86a2b3692b1a164f65851c361adc143ea79 Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Sun, 26 May 2024 11:53:39 -0400
Subject: [PATCH 4/9] Fixed the filtering system

---
 17th Website/src/views/users.vue | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/17th Website/src/views/users.vue b/17th Website/src/views/users.vue
index e21d5ef..5b902bd 100644
--- a/17th Website/src/views/users.vue	
+++ b/17th Website/src/views/users.vue	
@@ -11,8 +11,8 @@ export default {
 
             statusFilters: [
                 { id: 1, name: 'All Groups', filter: 'none', disabled: false },
-                { id: 2, name: 'Alpha', filter: 'Alpha Company', disabled: false },
-                { id: 3, name: 'Echo', filter: 'Echo Company', disabled: false },
+                { id: 2, name: 'Alpha', filter: 'Alpha', disabled: false },
+                { id: 3, name: 'Echo', filter: 'Echo', disabled: false },
                 { id: 4, name: 'HHC', filter: 'HHC', disabled: false },
                 { id: 5, name: 'Recruit', filter: 'Recruit', disabled: false },
             ],
@@ -38,14 +38,18 @@ export default {
         },
         filterByName(item) {
             if (this.search != '')
-                return item.member_name.toLowerCase().includes(this.search.toLowerCase());
+                return item.name.toLowerCase().includes(this.search.toLowerCase());
             else
                 return true;
         },
         filterByUnit(item) {
+            // console.log(item, this.statusFilters[this.currentStatusFilterIndex]);
+
             if (this.statusFilters[this.currentStatusFilterIndex].filter != 'none')
-                return item.status == this.unitFilter.filter;
+                //do the filter
+                return item.company.toLowerCase() == this.statusFilters[this.currentStatusFilterIndex].filter.toLowerCase();
             else
+                //no filter applied
                 return true;
         },
         filterByRole(item) {    //THIS IS NOT IMPLEMENTED YET
@@ -74,8 +78,8 @@ export default {
     computed: { 
         filteredTable() {
             var newTable = this.items;
-            // newTable = newTable.filter(this.filterByUnit);
-            // newTable = newTable.filter(this.filterByName);
+            newTable = newTable.filter(this.filterByUnit);
+            newTable = newTable.filter(this.filterByName);
             return newTable;
         },
     }

From 090c23d7db64736ccf0fe218e4afbd815afd19a4 Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Sun, 26 May 2024 11:58:31 -0400
Subject: [PATCH 5/9] Removed graphql references

---
 .../src/components/ProfilePage/profileHeader.vue       | 10 ----------
 1 file changed, 10 deletions(-)

diff --git a/17th Website/src/components/ProfilePage/profileHeader.vue b/17th Website/src/components/ProfilePage/profileHeader.vue
index 226f369..a883d13 100644
--- a/17th Website/src/components/ProfilePage/profileHeader.vue	
+++ b/17th Website/src/components/ProfilePage/profileHeader.vue	
@@ -1,5 +1,4 @@
 <script>
-import QueryApolloGraphQL from '../../api/request';
 
 export default {
     name: 'profileHeader',
@@ -12,15 +11,6 @@ export default {
     },
     mounted() {
         this.user = this.$route.params.name;
-        QueryApolloGraphQL("getPageViewMemberRankStatusAll", `query GetPageViewMemberRankStatusAll {
-            getPageViewMemberRankStatusAll(filter: "member_name = ${this.user}") {
-                items {
-                member_name
-                status
-                rank
-                }
-            }
-            }`).then(value => { this.items = value; });
     },
     computed: {
         headerInfo() {

From 2056d2fddf6c2b5cb80aad70ff4b9248e5ae5774 Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Sun, 26 May 2024 12:30:15 -0400
Subject: [PATCH 6/9] Got rid of some smelly code and weird decisions I
 definitely wasn't responsible for in the first place.

Also updated API call
---
 .../components/ProfilePage/profileHeader.vue  | 45 ++++++-------------
 1 file changed, 13 insertions(+), 32 deletions(-)

diff --git a/17th Website/src/components/ProfilePage/profileHeader.vue b/17th Website/src/components/ProfilePage/profileHeader.vue
index a883d13..2c7fa0f 100644
--- a/17th Website/src/components/ProfilePage/profileHeader.vue	
+++ b/17th Website/src/components/ProfilePage/profileHeader.vue	
@@ -6,39 +6,20 @@ export default {
         return {
             count: 0,
             items: [],
-            user: '',
+            user: {},
         }
     },
     mounted() {
-        this.user = this.$route.params.name;
+        let uid = this.$route.params.name;
+        console.log(uid)
+
+        fetch(`http://iceberg-gaming.com:1323/api/v1/member/${uid}`).then(res => {
+            res.json().then(user => {
+                this.user = user;
+                console.log(this.user)
+            })
+        })
     },
-    computed: {
-        headerInfo() {
-            console.log(this.items)
-            return this.items[0];
-        },
-        memberName() {
-            try {
-                return this.items[0].member_name;
-            } catch (E) {
-                console.log("too slow")
-            }
-        },
-        memberRank() {
-            try {
-                return this.items[0].rank;
-            } catch (E) {
-                console.log("too slow")
-            }
-        },
-        memberStatus() {
-            try {
-                return this.items[0].status;
-            } catch (E) {
-                console.log("too slow")
-            }
-        },
-    }
 }
 </script>
 
@@ -49,9 +30,9 @@ export default {
             <img id="rangerTab" src="../icons/misc/test.png" class="xl:w-32 w-28" />
         </div>
         <div id="mainInfo">
-            <h1>{{ memberName }}</h1>
-            <h2>{{ memberRank }}</h2>
-            <h2>{{ memberStatus }}</h2>
+            <h1>{{ user.name }}</h1>
+            <h2>{{ user.rank }}</h2>
+            <h2>{{ user.company }}</h2>
         </div>
     </div>
 </template>

From 3d16fb86502cd5ead4b59b1dade3b155c2701e15 Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Sun, 26 May 2024 20:37:16 -0400
Subject: [PATCH 7/9] Added a simple concept for personnel files

---
 .../src/components/ProfilePage/personnel.vue  | 49 +++++++++++++++++--
 1 file changed, 46 insertions(+), 3 deletions(-)

diff --git a/17th Website/src/components/ProfilePage/personnel.vue b/17th Website/src/components/ProfilePage/personnel.vue
index 66f6588..548f7b8 100644
--- a/17th Website/src/components/ProfilePage/personnel.vue	
+++ b/17th Website/src/components/ProfilePage/personnel.vue	
@@ -1,5 +1,48 @@
-
-
 <template>
-    <h1>this is a personnel file</h1>
+    <!-- header stuff -->
+    <!-- <h1>this is a personnel file</h1> -->
+
+    <!-- scrollable container -->
+    <div class="w-full">
+        <!-- section -->
+        <div class="outline outline-white rounded-xl px-4 w-full">
+            <h2>Infantry Qualifications</h2>
+            <!-- card -->
+            <div>
+                <h3>Ranger School</h3>
+                <p class="text-white">Ranger School 1</p>
+                <p class="text-white">Ranger School 2</p>
+                <p class="text-white">Ranger School 3</p>
+                <p class="text-white">Ranger School 4</p>
+            </div>
+            <div>
+                <h3>Medical</h3>
+                <p class="text-white">Combat Life Saver (CLS)</p>
+                <p class="text-white">Advanced Triage and Masscas</p>
+                <p class="text-white">Medic (68W)</p>
+            </div>
+            <div>
+                <h3>Sapper</h3>
+                <p class="text-white">Demo</p>
+                <p class="text-white">Explosive Ordinance Disposal (EOD)</p>
+            </div>
+            <div>
+                <h3>Rifle Qualifications</h3>
+                <p class="text-white">Marksman</p>
+                <p class="text-white">Sharpshooter</p>
+            </div>
+            <div>
+                <h3>Heavy Weapons</h3>
+                <p class="text-white">Heavy Weapons</p>
+                <p class="text-white">Anti Armor</p>
+            </div>
+            <div>
+                <h3>Other</h3>
+                <p class="text-white">Jump Wings</p>
+                <p class="text-white">Radio Telephone Operator (RTO)</p>
+                <p class="text-white">Air Assault</p>
+            </div>
+
+        </div>
+    </div>
 </template>
\ No newline at end of file

From 63b4e1dfc8f926b2c8f04b4215d791435a031f0d Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Sun, 26 May 2024 20:37:29 -0400
Subject: [PATCH 8/9] Added styling for h3 elements

---
 17th Website/src/style.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/17th Website/src/style.css b/17th Website/src/style.css
index 87a23e9..99d82e4 100644
--- a/17th Website/src/style.css	
+++ b/17th Website/src/style.css	
@@ -26,4 +26,11 @@ h2 {
     font-size: 40px;
     margin: 0px 0 0px 0px;
 
+}
+
+h3 {
+  color: var(--white);
+  font-weight: 300;
+  font-size: 28px;
+  margin: 0px 0 0px 0px;
 }
\ No newline at end of file

From a268192c4456a83f2439f82140f1520f09d682a9 Mon Sep 17 00:00:00 2001
From: ajdj100 <AJCampbell@conestogac.on.ca>
Date: Sun, 26 May 2024 20:48:47 -0400
Subject: [PATCH 9/9] Badumm tiss

---
 17th Website/src/components/ProfilePage/profileHeader.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/17th Website/src/components/ProfilePage/profileHeader.vue b/17th Website/src/components/ProfilePage/profileHeader.vue
index 2c7fa0f..3003459 100644
--- a/17th Website/src/components/ProfilePage/profileHeader.vue	
+++ b/17th Website/src/components/ProfilePage/profileHeader.vue	
@@ -37,6 +37,8 @@ export default {
     </div>
 </template>
 
+//wee woo wee woo
+
 <style>
 #mainInfo h1 {
     margin: 20px 0 10px 0px;