Minor improvements for CardList.vue

This commit is contained in:
scmmishra
2018-11-30 12:46:53 +05:30
committed by Aditya Hase
parent 2955851867
commit edc54cd5f6
5 changed files with 13 additions and 8 deletions

View File

@@ -1,5 +1,5 @@
<template> <template>
<section class='section-padding section-bg'> <section :class='sectionType'>
<div class='container'> <div class='container'>
<h3 class='text-center' v-html="title"></h3> <h3 class='text-center' v-html="title"></h3>
<p class='lead text-center' v-html="description"></p> <p class='lead text-center' v-html="description"></p>
@@ -12,7 +12,7 @@
</template> </template>
<script> <script>
export default { export default {
props:['title', 'description'], props:['title', 'description', 'sectionType'],
name: "CardList", name: "CardList",
}; };
</script> </script>

View File

@@ -3,7 +3,7 @@
<TopSection :title="portal.title" :description="portal.description"> <TopSection :title="portal.title" :description="portal.description">
<TopSectionButton/> <TopSectionButton/>
</TopSection> </TopSection>
<CardList :title="'Featured Programs'" :description="'Master ERPNext'"> <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"/> <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="'lg'" :route="'List/Program'">View All</AButton>
</CardList> </CardList>

View File

@@ -3,7 +3,7 @@
<TopSection :title="portal.title" :description="portal.description"> <TopSection :title="portal.title" :description="portal.description">
<AButton v-if="isLogin" :type="'primary'" :size="'lg'" :route="{ name: 'signup'}">Sign Up</AButton> <AButton v-if="isLogin" :type="'primary'" :size="'lg'" :route="{ name: 'signup'}">Sign Up</AButton>
</TopSection> </TopSection>
<CardList :title="'All Programs'" :description="''"> <CardList :title="'All Programs'" :description="''" :sectionType="'section-padding section-bg'">
<ProgramCard slot="card-list-slot" v-for="item in masterData" :key="item.program.name" :program="item.program" :enrolled="item.is_enrolled"/> <ProgramCard slot="card-list-slot" v-for="item in masterData" :key="item.program.name" :program="item.program" :enrolled="item.is_enrolled"/>
</CardList> </CardList>
</div> </div>

View File

@@ -1,9 +1,13 @@
<template> <template>
<div> <div>
<ProfileInfo :enrolledPrograms="enrolledPrograms"></ProfileInfo> <ProfileInfo :enrolledPrograms="enrolledPrograms"></ProfileInfo>
<CardList :title="'Your Progress'" :description="''"> <CardList :title="'Your Progress'" :description="''" :sectionType="'section-padding section-bg'">
<ProgressCard slot="card-list-slot" v-for="program in enrolledPrograms" :program="program" :key="program"/> <ProgressCard slot="card-list-slot" v-for="program in enrolledPrograms" :program="program" :key="program"/>
</CardList> </CardList>
<CardList :title="'Quiz Attempts'" :description="''" :sectionType="'section-padding section'">
<ScoreCard slot="card-list-slot"/>
</CardList>
</div> </div>
</template> </template>
<script> <script>
@@ -12,7 +16,7 @@ import TopSection from "../components/TopSection.vue"
import CardList from "../components/CardList.vue" import CardList from "../components/CardList.vue"
import ProgressCard from "../components/ProgressCard.vue" import ProgressCard from "../components/ProgressCard.vue"
import ProfileInfo from "../components/ProfileInfo.vue" import ProfileInfo from "../components/ProfileInfo.vue"
import ScoreCard from "../components/ScoreCard.vue"
export default { export default {
name: "ProfilePage", name: "ProfilePage",
@@ -21,7 +25,8 @@ export default {
TopSection, TopSection,
CardList, CardList,
ProfileInfo, ProfileInfo,
ProgressCard ProgressCard,
ScoreCard
}, },
data() { data() {
return { return {

View File

@@ -2,7 +2,7 @@
<div> <div>
<TopSection v-bind:title="program.program_name" v-bind:description="program.description"> <TopSection v-bind:title="program.program_name" v-bind:description="program.description">
</TopSection> </TopSection>
<CardList :title="'Courses'" :description="''"> <CardList :title="'Courses'" :description="''" :sectionType="'section-padding section-bg'">
<CourseCard slot="card-list-slot" v-for="course in courseData" :course="course" :program_name="program_name" :key="course.name"/> <CourseCard slot="card-list-slot" v-for="course in courseData" :course="course" :program_name="program_name" :key="course.name"/>
</CardList> </CardList>
</div> </div>