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

---
 src/components/navigation/navigation.ts  | 5 ++++-
 src/components/navigation/navigation.vue | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/navigation/navigation.ts b/src/components/navigation/navigation.ts
index f3f7050..f5ec50e 100644
--- a/src/components/navigation/navigation.ts
+++ b/src/components/navigation/navigation.ts
@@ -1,8 +1,9 @@
 import {Component, Prop, Vue} from 'vue-property-decorator';
-import App, {Course} from '@/components/app/app';
+import App from '@/components/app/app';
 import {CourseUtils} from '@/utils/course-utils';
 import {FormatUtils} from '@/utils/format-utils';
 import pWaitFor from 'p-wait-for';
+import Course from '@/logic/course';
 
 /**
  * This component is the top navigation bar
@@ -16,6 +17,8 @@ export default class Navigation extends Vue
 
     @Prop({required: true}) courses: Course[];
 
+    private selectedTime = 'All Year';
+
     // Instance
     public static instance: Navigation;
 
diff --git a/src/components/navigation/navigation.vue b/src/components/navigation/navigation.vue
index 901cf2c..87344f4 100644
--- a/src/components/navigation/navigation.vue
+++ b/src/components/navigation/navigation.vue
@@ -19,7 +19,7 @@
             <!-- Time selection -->
             <el-dropdown id="nav-time-selection">
                 <el-button type="primary" size="medium">
-                    All Year<i class="el-icon-arrow-down el-icon--right"></i>
+                    {{selectedTime}}<i class="el-icon-arrow-down el-icon--right"></i>
                 </el-button>
                 <el-dropdown-menu slot="dropdown">
                     <el-dropdown-item command="1">Term 1</el-dropdown-item>