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

[O] Sort courses by name

Browse Source
This commit is contained in:
Hykilpikonna
2020-04-20 18:01:41 -04:00
parent ee06f557dc
commit 22d9e278c5
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/course-selection/pages/course-detail.vue
+6 -1
View File
@@ -3,7 +3,7 @@
<div class="header">Course: <span style="color: #229fff">{{uniqueCourse.name}}</span></div> <div class="header">Course: <span style="color: #229fff">{{uniqueCourse.name}}</span></div>
<el-divider class="divider"><i class="el-icon-reading"></i></el-divider> <el-divider class="divider"><i class="el-icon-reading"></i></el-divider>
<div class="item" v-for="course in uniqueCourse.courses"> <div class="item" v-for="course in sortedCourses">
<div>{{course.levelFull}} - <i>{{course.teacher}}</i></div> <div>{{course.levelFull}} - <i>{{course.teacher}}</i></div>
<div class="info">{{course.name}}</div> <div class="info">{{course.name}}</div>
</div> </div>
@@ -18,6 +18,11 @@
export default class CourseDetail extends Vue export default class CourseDetail extends Vue
{ {
@Prop({required: true}) uniqueCourse: UniqueCourse; @Prop({required: true}) uniqueCourse: UniqueCourse;
get sortedCourses(): CourseInfo[]
{
return this.uniqueCourse.courses.sort((a, b) => a.name.localeCompare(b.name));
}
} }
</script> </script>