mirror of
https://github.com/frappe/erpnext.git
synced 2026-05-26 00:14:50 +00:00
Minor improvements for CardList.vue
This commit is contained in:
@@ -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>
|
||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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 {
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
Reference in New Issue
Block a user