From 43f0046827cef2e8d44b5bc49fcb14ba97c7f869 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Wed, 6 Nov 2019 19:11:41 -0500
Subject: [PATCH] [+] Update selected time dynamically

---
 src/components/navigation/navigation.ts  | 10 ++++++++++
 src/components/navigation/navigation.vue |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/components/navigation/navigation.ts b/src/components/navigation/navigation.ts
index f5ec50e..6daf7bb 100644
--- a/src/components/navigation/navigation.ts
+++ b/src/components/navigation/navigation.ts
@@ -148,6 +148,16 @@ export default class Navigation extends Vue
         return this.courses[courseIndex + indexOffset];
     }
 
+    /**
+     * Select time
+     *
+     * @param command Term 1, Term 2, All Year, etc.
+     */
+    public selectTime(command: string)
+    {
+        this.selectedTime = command;
+    }
+
     /**
      * This function is called when the sign out button is clicked.
      */
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index f7d2be8..aa93235 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -17,7 +17,7 @@
             </el-submenu>
 
             <!-- Time selection -->
-            <el-dropdown id="nav-time-selection">
+            <el-dropdown id="nav-time-selection" @command="selectTime">
                 <el-button type="primary" size="medium">
                     {{selectedTime}}<i class="el-icon-arrow-down el-icon--right"></i>
                 </el-button>