[+] Implement openSettings()

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()

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>