Sorting the data of Current Team page

package.json

@@ -3,9 +3,9 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "serve": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve",
-    "build": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service build",
-    "lint": "export NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service lint"
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
 },
   "dependencies": {
     "core-js": "^3.6.4",

src/components/Footer.vue

@@ -2,14 +2,14 @@
 v-card.elevation-24
     v-footer(color="basic" padless)
       v-row(justify="center" no-gutters)
-        v-btn.mt-1.px-6(v-for="link in links" :key="link" :href="link.href" color="white" icon)
+        v-btn.mt-1.px-6(v-for="link in links" :key="link.href" :href="link.href" color="white" icon)
           v-icon(size='30') {{link.icon}}
       v-col.mt-n2.text-center(cols="12")
        v-btn.text-center.white--text.font-weight-bold.blue.darken-2.round(to='./about' text='' plain='' justify='center' color='white' @click="viewform" ) Contact Us
       v-col.mt-n6.text-center.white--text(cols="12") © Copyright {{ new Date().getFullYear() }} Devlup Labs
 </template>
 <script>
-import form from "../views/AboutUs.vue";
+// import form from "../views/AboutUs.vue";
 
 export default {
   data() {
@@ -41,10 +41,10 @@ export default {
       this.clicked = true;
       this.scrollform();
     }
-  },
-  components: {
-    form: form
   }
+  // components: {
+  //   form: form
+  // }
 };
 </script>
 <style scoped>

src/components/Header.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  v-card.elevation-24
+v-card.elevation-24
     v-app-bar(app clipped-right flat floating style="opacity: 1.0")
       v-app-bar-nav-icon.hidden-md-and-up(@click.stop="drawer = !drawer")
       router-link(to='/')
@@ -14,7 +14,7 @@
         v-btn#menu-activator(pa-2.ma-1 :key="team" style="box-shadow : none")  Team
           v-menu(activator='#menu-activator')
             v-list
-              v-list-item(pa-2.ma-1 v-for='(item, index) in teams', :key='index', :value='index' :to="{name: item.link}")
+              v-list-item(pa-2.ma-1 v-for='item in teams', :key='item.text', :value='item.text' :to="{name: item.link}")
                 v-list-item-title {{ item.text }} 
 
     v-navigation-drawer(v-model="drawer" app left temporary style="z-index: 5")
@@ -33,7 +33,7 @@
               v-list-item-content(v-on="on")
                 v-list-item-title.grey--text Team
             v-list
-              v-list-item(v-for='(item, index) in teams', :key='index', :value='index' :to="{name: item.link}")
+              v-list-item(v-for='item in teams', :key='item.text', :value='item.text' :to="{name: item.link}")
                  v-list-item-title {{ item.text }}
 
 
@@ -78,6 +78,9 @@ export default {
         { text: "Alumni Team", icon: "mdi-human-male-male" }
       ];
     }
+  },
+  methods: {
+    team() {}
   }
 };
 </script>

src/views/AlumniTeam.vue

@@ -22,14 +22,14 @@ export default {
   }),
   methods: {
     fetchProfiles() {
-      const url = `https://script.google.com/macros/s/AKfycbwprDq5bguYad1gsfCLxbWxM1YXZfVlWiXYK1WCbrPj5WO8JbxjqSbnieVIoosOgMbVMA/exec`;
+      const url = `https://script.google.com/macros/s/AKfycbzKUDUgYdFLVsPk1abKu2FPJU-l6tLQhSpJtA_-b9ie3j-4cPQ7O6q5AHKWF4vDfZDJWw/exec`;
       this.loading = true;
       fetch(url)
         .then(e =>
           e.json().then(e => {
-            console.log(e);
+            // console.log(e);
             this.profiles = e;
-            console.log(this.profiles);
+            // console.log(this.profiles);
           })
         )
         .finally(() => (this.loading = false));

src/views/CurrentTeam.vue

@@ -13,28 +13,42 @@ div(align='center', justify='center')
 <script>
 const ProfileCard = () => import("../components/ProfileCard");
 const Preloader = () => import("../components/Preloader");
+
+const sortingObject = {
+  "Final Year": 1,
+  "Pre-Final Year": 2
+};
 export default {
   name: "Profile",
   components: { ProfileCard, Preloader },
   data: () => ({
     loading: true,
     profiles: []
   }),
+
   methods: {
+    sortedProfiles() {
+      return this.profiles.slice().sort((a, b) => {
+        const rankA = sortingObject[a.currentDesignation];
+        const rankB = sortingObject[b.currentDesignation];
+        return rankA - rankB;
+      });
+    },
+
     fetchProfiles() {
-      const url = `https://script.google.com/macros/s/AKfycbwprDq5bguYad1gsfCLxbWxM1YXZfVlWiXYK1WCbrPj5WO8JbxjqSbnieVIoosOgMbVMA/exec`;
+      const url = `https://script.google.com/macros/s/AKfycbxOcYZanZnaQb_FDGvXC4FgDcIiZQXrVaCsSfufX2qYnvOIPDmlXMY7orw2xIlm-BxX/exec`;
       this.loading = true;
       fetch(url)
         .then(e =>
           e.json().then(e => {
-            console.log(e);
             this.profiles = e;
-            console.log(this.profiles);
+            this.profiles = this.sortedProfiles();
           })
         )
         .finally(() => (this.loading = false));
     }
   },
+
   mounted() {
     this.fetchProfiles();
   }

src/views/Project.vue

@@ -1,12 +1,12 @@
 <!-- Project[0]-> Project index -->
 
 <template lang="pug">
-div(align='center', justify='center')
+div(align='center')
   div(v-if="loading")
         Preloader
   div(v-else)
     v-container
-      v-row(justify='left')
+      v-row
         v-flex.mb-6(v-for='Project in projects', :key='Project[0]', xs12='',sm12='', md6='',lg4='',xl4='') 
 
           ProjectCard(:Project='Project')
@@ -28,7 +28,7 @@ export default {
       fetch(url)
         .then(e =>
           e.json().then(e => {
-            console.log(e);
+            // console.log(e);
             this.projects = e;
           })
         )

src/views/WoC.vue

@@ -36,7 +36,7 @@ export default {
       fetch(url)
         .then(e =>
           e.json().then(e => {
-            console.log(e);
+            // console.log(e);
             this.wocs = [...e.values.slice(1)];
           })
         )