[+] Update selected time dynamically

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.
      */

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>