[+] Display selected time dynamically

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;
 

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>