From eb74feb6592508b516da3abf5e9ac17236f9362d Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 20 Oct 2019 19:33:51 -0400
Subject: [PATCH] [+] Create onClick function in course-head

---
 .../overall-course/course-head/course-head.vue       | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/overall/overall-course/course-head/course-head.vue b/src/pages/overall/overall-course/course-head/course-head.vue
index 70b7f9e..64becb7 100644
--- a/src/pages/overall/overall-course/course-head/course-head.vue
+++ b/src/pages/overall/overall-course/course-head/course-head.vue
@@ -2,8 +2,8 @@
     <div id="course-head" class="course-card-content main vertical-center">
         <el-row>
             <el-col :span="12" class="course-col-name">
-                <div class="course-name"
-                     :class="clickable ? 'clickable' : ''">{{course.name}}</div>
+                <div v-if="clickable" class="course-name clickable" @click="redirect">{{course.name}}</div>
+                <div v-if="!clickable" class="course-name">{{course.name}}</div>
                 <div class="course-teacher">{{course.teacherName}}</div>
             </el-col>
             <el-col :span="12" class="course-col-grade">
@@ -38,6 +38,14 @@
 
         // @ts-ignore
         @Prop() clickable: boolean;
+
+        /**
+         * Redirect to the course page
+         */
+        redirect()
+        {
+            console.log('called!' + this.course.name)
+        }
     }
 </script>