From b97f8ee424875d15a1899a0e555854f28cb456df Mon Sep 17 00:00:00 2001
From: Eeshan Tripathii <eeshan@mit.edu>
Date: Tue, 8 Jun 2021 11:17:06 -0400
Subject: [PATCH 1/2] Add Collapse Expand All Buttons

---
 src/components/Road.vue     | 14 ++++++++++++--
 src/components/RoadTabs.vue | 32 ++++++++++++++++++++++++++++++++
 src/pages/MainPage.vue      |  4 ++++
 3 files changed, 48 insertions(+), 2 deletions(-)

diff --git a/src/components/Road.vue b/src/components/Road.vue
index a3e8c06f..b1a95f4c 100644
--- a/src/components/Road.vue
+++ b/src/components/Road.vue
@@ -1,6 +1,6 @@
 <template>
   <!-- more on expansion panels (and more examples): https://vuetifyjs.com/en/components/expansion-panels -->
-  <!-- this is the example I copied: https://vuetifyjs.com/en/components/expansion-panels#expand -->
+  <!-- this is the example I copied: https://v15.vuetifyjs.com/en/components/expansion-panels#expand -->
   <v-expansion-panel
     v-model="visibleList"
     expand
@@ -14,7 +14,6 @@
       :selected-subjects="selectedSubjects"
       :semester-subjects="selectedSubjects[index-1]"
       :road-i-d="roadID"
-      :is-open="visibleList[index-1]"
       :adding-from-card="addingFromCard"
       :dragging-over="dragSemesterNum===index-1"
       :hide-iap="hideIAP"
@@ -60,6 +59,9 @@
 import Semester from './Semester.vue';
 
 export default {
+  created () {
+    this.$root.$refs.Road = this;
+  },
   name: 'Semester',
   components: {
     'semester': Semester
@@ -116,6 +118,14 @@ export default {
       }
     }
   },
+  methods: {
+    all: function () {
+      this.visibleList = [...Array(this.numSems).keys()].map(_ => false);
+    },
+    none: function () {
+      this.visibleList = [...Array(this.numSems).keys()].map(_ => true);
+    }
+  },
   mounted () {
     const visibleList = JSON.parse(this.$cookies.get('visibleList' + this.roadID));
     if (this.$store.state.cookiesAllowed && visibleList) {
diff --git a/src/components/RoadTabs.vue b/src/components/RoadTabs.vue
index d1b44cac..9b13ceca 100644
--- a/src/components/RoadTabs.vue
+++ b/src/components/RoadTabs.vue
@@ -121,6 +121,30 @@
         <v-icon>add</v-icon>
       </v-btn>
     </v-flex>
+    <v-flex style="border-left: 1px solid rgba(0,0,0,.42);">
+      <v-btn
+          type="submit"
+          icon
+          flat
+          color="secondary"
+          data-cy="addRoadButton"
+          @click="all"
+      >
+        <v-icon>keyboard_arrow_down</v-icon>
+      </v-btn>
+    </v-flex>
+    <v-flex>
+      <v-btn
+          type="submit"
+          icon
+          flat
+          color="secondary"
+          data-cy="addRoadButton"
+          @click="none"
+      >
+        <v-icon>keyboard_arrow_up</v-icon>
+      </v-btn>
+    </v-flex>
   </v-layout>
 </template>
 
@@ -195,6 +219,14 @@ export default {
       this.$store.commit('setRoadName', { id: this.tabRoad, name: this.newRoadName });
       this.editDialog = false;
       this.newRoadName = '';
+    },
+    all: function () {
+      console.log('all');
+      this.$root.$refs.Road.all();
+    },
+    none: function () {
+      console.log('none');
+      this.$root.$refs.Road.none();
     }
   }
 };
diff --git a/src/pages/MainPage.vue b/src/pages/MainPage.vue
index ee0665a2..7159fd2c 100644
--- a/src/pages/MainPage.vue
+++ b/src/pages/MainPage.vue
@@ -527,4 +527,8 @@ export default {
   .expanded-search {
     max-width: 22em;
   }
+
+  /deep/ div.v-toolbar__extension {
+    padding: 0 12px 0 24px !important;
+  }
 </style>

From fbc7687f76aa0f233f8e368a12e1d52f63057f42 Mon Sep 17 00:00:00 2001
From: Balbudhi <53161152+Balbudhi@users.noreply.github.com>
Date: Tue, 8 Jun 2021 11:28:23 -0400
Subject: [PATCH 2/2] Restored accidently removed line

---
 src/components/Road.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/Road.vue b/src/components/Road.vue
index b1a95f4c..5f7bac16 100644
--- a/src/components/Road.vue
+++ b/src/components/Road.vue
@@ -11,6 +11,7 @@
       v-for="index in numSems"
       :key="index-1"
       :index="index-1"
+      :is-open="visibleList[index-1]"
       :selected-subjects="selectedSubjects"
       :semester-subjects="selectedSubjects[index-1]"
       :road-i-d="roadID"