From 22d9e278c58f8d977a7314c1cdada8a10293a834 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Mon, 20 Apr 2020 18:01:41 -0400
Subject: [PATCH] [O] Sort courses by name

---
 src/pages/course-selection/pages/course-detail.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/course-selection/pages/course-detail.vue b/src/pages/course-selection/pages/course-detail.vue
index dd2f174..c0d6866 100644
--- a/src/pages/course-selection/pages/course-detail.vue
+++ b/src/pages/course-selection/pages/course-detail.vue
@@ -3,7 +3,7 @@
         <div class="header">Course: <span style="color: #229fff">{{uniqueCourse.name}}</span></div>
         <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 class="info">{{course.name}}</div>
         </div>
@@ -18,6 +18,11 @@
     export default class CourseDetail extends Vue
     {
         @Prop({required: true}) uniqueCourse: UniqueCourse;
+
+        get sortedCourses(): CourseInfo[]
+        {
+            return this.uniqueCourse.courses.sort((a, b) => a.name.localeCompare(b.name));
+        }
     }
 </script>