wip

erpnext/hooks.py

@@ -169,9 +169,9 @@ default_roles = [
 	{'role': 'Student', 'doctype':'Student', 'email_field': 'student_email_id'},
 ]
 
-role_home_page = {
+# role_home_page = {
-	"LMS User": "/lms"
+# 	"LMS User": "/lms"
-}
+# }
 
 has_website_permission = {
 	"Sales Order": "erpnext.controllers.website_list_for_contact.has_website_permission",

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

@@ -1,8 +1,8 @@
 <template>
-	<section :class='sectionType'>
+	<section class="featured-products-section" :class='sectionType'>
-	<div>
+	<h5 class='featured-heading' v-html="title"></h5>
-		<h3 class='text-center' v-html="title"></h3>
+	<div class="featured-products">
-		<p class='lead text-center' v-html="description"></p>
+		<!-- <p class='lead text-center' v-html="description"></p> -->
 		<slot name="card-list-slot"></slot>
 		<div class='mt-4 text-center'>
 			<slot name="list-bottom"></slot>
@@ -15,4 +15,14 @@ export default {
     props:['title', 'description', 'sectionType'],
     name: "CardList",
 };
-</script>
+</script>
+<style scoped>
+
+.featured-heading {
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+    font-size: 12px;
+    font-weight: 500;
+}
+
+</style>

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

@@ -1,5 +1,5 @@
 <template>
-    <div class='card-deck mt-5'>
+<div class='margin'>
     <div class="card">
         <img v-if="program.hero_image" :src="program.hero_image" style='height: 150px; width: auto'>
         <div class='card-body'>
@@ -79,4 +79,14 @@ export default {
     a.btn-secondary {
         color: white !important;
     }
+
+    .card {
+        border: 1px solid #ebeff2;
+        border-radius: 3px;
+        padding: 5px 15px 5px 15px;
+    }
+
+    .margin {
+        margin-top: 15px;
+    }
 </style>

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

@@ -1,15 +1,11 @@
 <template>
-<section class='top-section'>
+<div class="hero">
-	<div>
+	<h1 class="text-center" v-html="title"></h1>
-		<h1 v-html="title"></h1>
+	<p class='text-center' v-html="description"></p>
-		<ul class="list-group">
+	<p class="text-center padding">
-		</ul>
+		<slot></slot>
-		<p class='lead' v-html="description"></p>
+	</p>
-		<p class="mt-4">
+</div>
-			<slot></slot>
-		</p>
-	</div>
-</section>
 </template>
 <script>
 
@@ -17,4 +13,15 @@ export default {
 	props: ['title', 'description'],
     name: "TopSection",
 };
-</script>
+</script>
+<style scoped>
+	.hero {
+		padding-top: 50px;
+		padding-bottom: 100px;
+	}
+
+	.hero h1 {
+		font-size: 40px;
+		font-weight: 200;
+	}
+</style>

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

@@ -5,7 +5,7 @@
     </TopSection>
 	<CardList :title="'Featured Programs'" :description="'Master ERPNext'" :sectionType="'section-padding section-bg'">
         <ProgramCard slot="card-list-slot" v-for="item in featuredPrograms" :key="item.program.name" :program="item.program" :enrolled="item.is_enrolled"/>
-        <AButton slot="list-bottom" :type="'primary'" :size="'lg'" :route="'List/Program'">View All</AButton>
+        <AButton slot="list-bottom" :type="'primary'" :size="'md'" :route="'List/Program'">View All</AButton>
     </CardList>
 </div>
 </template>

erpnext/public/node_modules

@@ -0,0 +1 @@
+/Users/shivammishra/Projects/ERPNext/yet-another-bench/apps/erpnext/node_modules