From 52e664dd18f65392fe97121d20697961cccb9847 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 20 Apr 2020 13:12:10 -0400
Subject: [PATCH] [+] Implement openSettings()

---
 src/pages/course-selection/course-selection.ts  | 5 +++--
 src/pages/course-selection/course-selection.vue | 4 ++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/course-selection/course-selection.ts b/src/pages/course-selection/course-selection.ts
index 44efa72..766c635 100644
--- a/src/pages/course-selection/course-selection.ts
+++ b/src/pages/course-selection/course-selection.ts
@@ -19,6 +19,8 @@ export default class CourseSelection extends Vue
     courseListHeight: number = 0;
     cardsHeight: number = 0;
 
+    openedPage: string = '';
+
     /**
      * Called before rendering
      */
@@ -115,8 +117,7 @@ export default class CourseSelection extends Vue
      */
     openSettings()
     {
-        // TODO: implement
-        alert('TODO')
+        this.openedPage = this.openedPage == 'settings' ? '' : 'settings';
     }
 
     get filteredCourses()
diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index b8c8a8e..5dfcabd 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -15,8 +15,8 @@
 
         <el-row>
             <el-col :span="16" class="overall-span">
-                    <el-card class="left" :style="{height: cardsHeight + 'px'}">
-                    <SearchSettings></SearchSettings>
+                <el-card class="left" :style="{height: cardsHeight + 'px'}">
+                    <SearchSettings ref="settings" v-if="openedPage == 'settings'"></SearchSettings>
                 </el-card>
             </el-col>