[Major][Breaking] More changes

erpnext/public/js/education/lms/components/CourseCard.vue

@@ -5,24 +5,21 @@
             <div class="course-details col-xs-8 col-sm-9 col-md-10">
                 <h5 class="card-title">{{ course.course_name }}</h5>
                 <span class="course-list text-muted" id="getting-started">
-                    Course Content
+                    Topics
                     <ul class="mb-0 mt-1">
-                        <li v-for="content in course.course_content" :key="content.name">
-                            <router-link v-if="isLogin" tag="a" :class="'text-muted'" :to="{name: 'content', params:{program_name: program_name, course: course.name, type:content.content_type, content: content.content} }">
-                                <span style="padding-right: 0.4em"><i :class="iconClass(content.content_type)"></i></span>{{ content.content }}
-                            </router-link>
-                            <div v-else><span style="padding-right: 0.4em"><i :class="iconClass(content.content_type)"></i></span>{{ content.content }}</div>
+                        <li v-for="topic in course.course_topic" :key="topic.name">
+                            <div><span style="padding-right: 0.4em"></span>{{ topic.topic_name }}</div>
                         </li>
                     </ul>
                 </span>
             </div>
             <div class='course-buttons text-center col-xs-4 col-sm-3 col-md-2'>
-                <a-button v-if="isLogin"
-                    :type="buttonType"
+                <a-button
+                    :type="'primary'"
                     size="sm btn-block"
-                    :route="firstContentRoute"
+                    :route="courseRoute"
                 >
-                    {{ buttonName }}
+                    View Course
                 </a-button>
             </div>
         </div>
@@ -36,65 +33,12 @@ import AButton from './Button.vue';
 export default {
     props: ['course', 'program_name'],
     name: "CourseCard",
-    data() {
-        return {
-            courseMeta: {}
-        }
-    },
-    mounted() {
-        if(lms.store.checkLogin()) this.getCourseMeta().then(data => this.courseMeta = data)
-    },
     components: {
         AButton
     },
     computed: {
-        firstContentRoute() {
-            if(lms.store.checkLogin()){
-                return `${this.program_name}/${this.course.name}/${this.courseMeta.content_type}/${this.courseMeta.content}`
-            }
-            else {
-                return {}
-            }
-        },
-        buttonType() {
-            if(lms.store.checkProgramEnrollment(this.program_name)){
-                if (this.courseMeta.flag == "Start Course" ){
-                return "primary"
-                }
-                else if (this.courseMeta.flag == "Completed" ) {
-                    return "success"
-                }
-                else if (this.courseMeta.flag == "Continue" ) {
-                    return "info"
-                }
-            }
-            else {
-                return " hidden"
-            }
-        },
-        isLogin() {
-            return lms.store.checkProgramEnrollment(this.program_name)
-        },
-        buttonName() {
-            if(lms.store.checkLogin()){
-                return this.courseMeta.flag
-            }
-            else {
-                return "Enroll"
-            }
-        }
-    },
-    methods: {
-        iconClass(content_type) {
-            if(content_type == 'Video') return 'fa fa-play'
-            if(content_type == 'Article') return 'fa fa-file-text-o'
-            if(content_type == 'Quiz') return 'fa fa-question-circle-o'
-        },
-        getCourseMeta() {
-			return lms.call('get_course_meta', {
-                    course_name: this.course.name,
-                    program_name: this.program_name
-				})
+        courseRoute() {
+            return `${this.program_name}/${this.course.name}`
         },
     }
 };
@@ -106,11 +50,4 @@ export default {
             margin-top: 1em;
         }
     }
-    li {
-        list-style-type: none;
-        padding: 0;
-    }
-    .fa {
-        font-size: 0.8em;
-    }
 </style>