azalea/VeracrossAnalyzerDemo
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[+] Display selected time dynamically

Browse Source
This commit is contained in:
Hykilpikonna
2019-11-06 19:11:13 -05:00
parent 92e692f69a
commit 37902b6d1f
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/navigation/navigation.ts
+4 -1
View File
@@ -1,8 +1,9 @@
import {Component, Prop, Vue} from 'vue-property-decorator'; 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 {CourseUtils} from '@/utils/course-utils';
import {FormatUtils} from '@/utils/format-utils'; import {FormatUtils} from '@/utils/format-utils';
import pWaitFor from 'p-wait-for'; import pWaitFor from 'p-wait-for';
import Course from '@/logic/course';
/** /**
* This component is the top navigation bar * This component is the top navigation bar
@@ -16,6 +17,8 @@ export default class Navigation extends Vue
@Prop({required: true}) courses: Course[]; @Prop({required: true}) courses: Course[];
private selectedTime = 'All Year';
// Instance // Instance
public static instance: Navigation; public static instance: Navigation;
src/components/navigation/navigation.vue
+1 -1
View File
@@ -19,7 +19,7 @@
<!-- Time selection --> <!-- Time selection -->
<el-dropdown id="nav-time-selection"> <el-dropdown id="nav-time-selection">
<el-button type="primary" size="medium"> <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-button>
<el-dropdown-menu slot="dropdown"> <el-dropdown-menu slot="dropdown">
<el-dropdown-item command="1">Term 1</el-dropdown-item> <el-dropdown-item command="1">Term 1</el-dropdown-item>