68 lines
1.3 KiB
Vue
68 lines
1.3 KiB
Vue
<template>
|
|
<div
|
|
v-if="
|
|
certification.data &&
|
|
certification.data.membership &&
|
|
certification.data.paid_certificate &&
|
|
user.data?.is_student
|
|
"
|
|
>
|
|
<router-link
|
|
v-if="!certification.data.membership.purchased_certificate"
|
|
:to="{
|
|
name: 'Billing',
|
|
params: {
|
|
type: 'certificate',
|
|
name: courseName,
|
|
},
|
|
}"
|
|
>
|
|
<Button class="w-full">
|
|
<template #prefix>
|
|
<GraduationCap class="size-4 stroke-1.5" />
|
|
</template>
|
|
{{ __('Get Certified') }}
|
|
</Button>
|
|
</router-link>
|
|
<router-link
|
|
v-else-if="!certification.data.membership.certficate"
|
|
:to="{
|
|
name: 'CourseCertification',
|
|
params: {
|
|
courseName: courseName,
|
|
},
|
|
}"
|
|
>
|
|
<Button class="w-full">
|
|
<template #prefix>
|
|
<GraduationCap class="size-4 stroke-1.5" />
|
|
</template>
|
|
{{ __('Get Certified') }}
|
|
</Button>
|
|
</router-link>
|
|
</div>
|
|
</template>
|
|
<script setup>
|
|
import { Button, createResource } from 'frappe-ui'
|
|
import { inject } from 'vue'
|
|
import { GraduationCap } from 'lucide-vue-next'
|
|
|
|
const user = inject('$user')
|
|
|
|
const props = defineProps({
|
|
courseName: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
})
|
|
|
|
const certification = createResource({
|
|
url: 'lms.lms.api.get_certification_details',
|
|
params: {
|
|
course: props.courseName,
|
|
},
|
|
auto: true,
|
|
cache: ['certificationData', user.data?.name],
|
|
})
|
|
</script>
|