Renamed Vue Files

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

@@ -1,8 +1,8 @@
 <template>
 <div>
-    <ContentTitle :title="contentData.title" :author="contentData.author" :publishDate="contentData.publish_date">
+    <Title :title="contentData.title" :author="contentData.author" :publishDate="contentData.publish_date">
         <slot></slot>
-    </ContentTitle>
+    </Title>
     <section class="article-content-section">
         <div class='container'>
             <div class="content" v-html="contentData.content"></div>
@@ -17,10 +17,10 @@
 </div>
 </template>
 <script>
-import ContentTitle from './ContentTitle.vue'
+import Title from './Title.vue'
 export default {
 	props: ['content', 'type'],
-	name: 'ContentArticle',
+	name: 'Article',
 	data() {
     	return {
     		contentData: ''
@@ -38,7 +38,7 @@ export default {
     	});
     },
     components: {
-        ContentTitle
+        Title
     }
 };
 </script>

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

@@ -13,6 +13,6 @@
 <script>
 export default {
     props:['title', 'description'],
-    name: "AcademyList",
+    name: "CardList",
 };
 </script>

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

@@ -27,13 +27,13 @@
 
 <script>
 import AButton from './Button.vue';
-import AcademyCourseCardButton from './AcademyCourseCardButton.vue'
+import CourseCardButton from './CourseCardButton.vue'
 
 export default {
     props: ['course', 'courseMeta', 'program_name'],
-    name: "AcademyCourseCard",
+    name: "CourseCard",
     components: {
-        AcademyCourseCardButton,
+        CourseCardButton,
         AButton
     },
     computed: {

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

@@ -4,7 +4,7 @@
 <script>
 export default {
     props: ['course', 'nextContent', 'nextContentType'],
-    name: "AcademyCourseCardButton",
+    name: "CourseCardButton",
     data() {
         return {
             buttonName: 'Start',

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

@@ -9,7 +9,7 @@
 <script>
 export default {
 	props: ['nextContent', 'nextContentType'],
-	name: 'ContentNavigation',
+	name: 'Navigation',
 	methods: {
 		goNext() {
 			if(this.$route.params.type != "Quiz"){

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

@@ -28,7 +28,7 @@
 import AButton from './Button.vue';
 export default {
     props: ['program', 'enrolled'],
-    name: "AcademyProgramCard",
+    name: "ProgramCard",
     data() {
     	return {
             isLogin: lms.store.isLogin

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

@@ -42,7 +42,7 @@
 import QuizSingleChoice from "./Quiz/QuizSingleChoice.vue"
 export default {
 	props: ['content', 'type'],
-	name: 'ContentQuiz',
+	name: 'Quiz',
 	data() {
     	return {
     		quizData: '',

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

@@ -20,7 +20,7 @@
 <script>
 export default {
     props: ['title', 'publishDate', 'author'],
-    name: 'ContentTitle',
+    name: 'Title',
     data() {
         return {
 

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

@@ -19,6 +19,6 @@
 
 export default {
 	props: ['title', 'description'],
-    name: "AcademyTopSection",
+    name: "TopSection",
 };
 </script>

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

@@ -4,7 +4,7 @@
 </template>
 <script>
 export default {
-    name: "AcademyTopSectionButton",
+    name: "TopSectionButton",
     data() {
         return {
             buttonName: '',

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

@@ -39,7 +39,7 @@
 <script>
 export default {
 	props: ['content', 'type'],
-	name: 'ContentVideo',
+	name: 'Video',
 	data() {
     	return {
     		contentData: ''

erpnext/public/js/education/lms/pages/CoursePage.vue

@@ -1,15 +1,15 @@
 <template>
 	<div>
 		<component v-bind:is="currentComponent" :content="content" :type="type">
-			<ContentNavigation :nextContent="nextContent" :nextContentType="nextContentType"/>
+			<Navigation :nextContent="nextContent" :nextContentType="nextContentType"/>
 		</component>
 	</div>
 </template>
 <script>
-import ContentArticle from "../components/ContentArticle.vue"
+import Article from "../components/Article.vue"
-import ContentQuiz from "../components/ContentQuiz.vue"
+import Quiz from "../components/Quiz.vue"
-import ContentVideo from "../components/ContentVideo.vue"
+import Video from "../components/Video.vue"
-import ContentNavigation from "../components/ContentNavigation.vue"
+import Navigation from "../components/Navigation.vue"
 
 export default {
 	props:['program_name', 'course', 'type', 'content'],
@@ -23,13 +23,13 @@ export default {
 	computed: {
 	  currentComponent: function() {
 	  	if(this.type === "Article") {
-	  		return 'ContentArticle'
+	  		return 'Article'
 	  	}
 	  	else if(this.type === "Quiz") {
-	  		return 'ContentQuiz'
+	  		return 'Quiz'
 	  	}
 	  	else if(this.type === "Video") {
-	  		return 'ContentVideo'
+	  		return 'Video'
 	  	}
 	  },
 	},
@@ -47,10 +47,10 @@ export default {
 	  	});
 	},
 	components: {
-		ContentArticle,
+		Article,
-		ContentVideo,
+		Video,
-		ContentQuiz,
+		Quiz,
-		ContentNavigation
+		Navigation
 	}
 };
 </script>

erpnext/public/js/education/lms/pages/Home.vue

@@ -1,18 +1,18 @@
 <template>
 <div>
-	<AcademyTopSection :title="portal.title" :description="portal.description">
+	<TopSection :title="portal.title" :description="portal.description">
-        <AcademyTopSectionButton/>
+        <TopSectionButton/>
-    </AcademyTopSection>
+    </TopSection>
-	<AcademyList :title="'Featured Programs'" :description="'Master ERPNext'">
+	<CardList :title="'Featured Programs'" :description="'Master ERPNext'">
-        <AcademyProgramCard v-for="item in featuredPrograms" :key="item.program.name" :program="item.program" :enrolled="item.is_enrolled"/>
+        <ProgramCard v-for="item in featuredPrograms" :key="item.program.name" :program="item.program" :enrolled="item.is_enrolled"/>
-    </AcademyList>
+    </CardList>
 </div>
 </template>
 <script>
-import AcademyTopSection from "../components/AcademyTopSection.vue"
+import TopSection from "../components/TopSection.vue"
-import AcademyList from "../components/AcademyList.vue"
+import CardList from "../components/CardList.vue"
-import AcademyProgramCard from "../components/AcademyProgramCard.vue"
+import ProgramCard from "../components/ProgramCard.vue"
-import AcademyTopSectionButton from "../components/AcademyTopSectionButton.vue"
+import TopSectionButton from "../components/TopSectionButton.vue"
 
 export default {
     name: "Home",
@@ -24,10 +24,10 @@ export default {
     	}
     },
     components: {
-		AcademyTopSection,
+		TopSection,
-        AcademyList,
+        CardList,
-        AcademyProgramCard,
+        ProgramCard,
-        AcademyTopSectionButton
+        TopSectionButton
     },
     beforeMount() {
         // this.updateEnrolledPrograms().then(data => {

erpnext/public/js/education/lms/pages/ProgramPage.vue

@@ -1,19 +1,19 @@
 <template>
 <div>
-	<AcademyTopSection v-bind:title="program.program_name" v-bind:description="program.description">
+	<TopSection v-bind:title="program.program_name" v-bind:description="program.description">
 		<!-- <a-button @click="startCourse">Start Course</a-button>
 		<a-button @click="continueCourse">Continue Course</a-button> -->
-    </AcademyTopSection>
+    </TopSection>
-	<AcademyList :title="'Courses'" :description="''">
+	<CardList :title="'Courses'" :description="''">
-        <AcademyCourseCard v-for="course in course_data" :course="course.course" :program_name="program_name" :courseMeta="course.meta" :key="course.meta.flag"/>
+        <CourseCard v-for="course in course_data" :course="course.course" :program_name="program_name" :courseMeta="course.meta" :key="course.meta.flag"/>
-    </AcademyList>
+    </CardList>
 </div>
 </template>
 <script>
 import Button from '../components/Button.vue';
-import AcademyTopSection from "../components/AcademyTopSection.vue"
+import TopSection from "../components/TopSection.vue"
-import AcademyList from "../components/AcademyList.vue"
+import CardList from "../components/CardList.vue"
-import AcademyCourseCard from "../components/AcademyCourseCard.vue"
+import CourseCard from "../components/CourseCard.vue"
 
 
 export default {
@@ -21,9 +21,9 @@ export default {
     name: "ProgramPage",
     components: {
         AButton: Button,
-		AcademyTopSection,
+		TopSection,
-		AcademyList,
+		CardList,
-		AcademyCourseCard
+		CourseCard
 	},
 	data() {
 		return {