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

<template>
    <button v-if="isLoggedIn" class='btn btn-primary btn-lg' @click="primaryAction()">{{ buttonName }}</button>
	<a v-else class='btn btn-primary btn-lg' href="/login#signup">{{ buttonName }}</a>
</template>
<script>
export default {
    name: "TopSectionButton",
    data() {
        return {
            buttonName: '',
            isLoggedIn: lms.store.checkLogin(),
            nextContent: '',
            nextContentType: '',
            nextCourse: '',
            link: '',
        }
    },
    mounted() {
        if(this.isLoggedIn && this.$route.name == 'program'){
                this.getContinueData().then( data => {
                    this.nextContent = data.content,
                    this.nextContentType = data.content_type,
                    this.nextCourse = data.course
                })
        }
        this.computeButtons()
    },
    methods: {
        computeButtons(){
            if(this.isLoggedIn){
                if(lms.store.enrolledPrograms.includes(this.$route.params.program_name)){
                    if(this.$route.name == 'home'){
                        this.buttonName = 'Explore Courses'
                    }
                    else if(this.$route.name == 'program'){
                        this.buttonName = 'Start Course'
                    }
                }
                else {
                    this.buttonName = 'Enroll Now'
                }
            }
            else{
                this.buttonName = 'Sign Up'
            }
        },
        getContinueData() {
            lms.call({
                    method: "get_continue_data",
                    args: {
                        program_name: this.$route.params.program_name
                    }
                })
        },
        primaryAction() {
            if(this.$route.name == 'home'){
                return
            }
            else if(this.$route.name == 'program' && lms.store.enrolledPrograms.includes(this.$route.params.program_name)){
                this.$router.push({ name: 'content', params: { program_name: this.$route.params.program_name, course: this.nextCourse, type: this.nextContentType, content: this.nextContent}})
            }
            else {
                lms.call("enroll_in_program",
                    {
                        program_name: this.$route.params.program_name,
                        student_email_id: frappe.session.user
                    }
                )
                lms.store.updateEnrolledPrograms()
            }
        },
    }
};
</script>