From 2300cf6bf06d305fc7900cd0dba2b6ca1dda1967 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 19 Apr 2020 16:49:51 -0400
Subject: [PATCH] [+] Add search settings button

---
 src/pages/course-selection/course-selection.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/course-selection/course-selection.vue b/src/pages/course-selection/course-selection.vue
index 2194560..28bbd2c 100644
--- a/src/pages/course-selection/course-selection.vue
+++ b/src/pages/course-selection/course-selection.vue
@@ -27,7 +27,9 @@
                         <div class="text">Course List</div>
 
                         <!-- Search -->
-                        <el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search"></el-input>
+                        <el-input class="search" placeholder="Search..." prefix-icon="el-icon-search" v-model="search">
+                            <el-button slot="append" icon="el-icon-s-tools" @click="openSettings"></el-button>
+                        </el-input>
                     </div>
 
                     <!-- Actual course list -->
@@ -149,6 +151,14 @@
             this.courseListHeight = this.cardsHeight - 15 - 102;
         }
 
+        /**
+         * Open the settings page.
+         */
+        openSettings()
+        {
+            // TODO: implement
+            alert('TODO')
+        }
 
         get filteredCourses()
         {