brotherton-erpnext/erpnext/public/js/education/web-academy/components/AcademyTopSectionButton.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: "AcademyTopSectionButton",
    data() {
        return {
            buttonName: '',
            isLoggedIn: this.$root.$data.checkLogin(),
            nextContent: '',
            nextContentType: '',
            nextCourse: '',
            link: '',
        }
    },
    mounted() {
        if(this.isLoggedIn && this.$route.name == 'program'){
                frappe.call({
                    method: "erpnext.www.academy.get_continue_data",
                    args: {
                        program_name: this.$route.params.code
                    }
                }).then( r => {
                    this.nextContent = r.message.content,
                    this.nextContentType = r.message.content_type,
                    this.nextCourse = r.message.course
                })
        }

        if(this.isLoggedIn){
            if(this.$root.$data.checkProgramEnrollment(this.$route.params.code)){
            	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'
            }
    },
    methods: {
        primaryAction() {
            if(this.$route.name == 'home'){
                return
            }
            else if(this.$route.name == 'program' && this.$root.$data.checkProgramEnrollment(this.$route.params.code)){
                this.$router.push({ name: 'content', params: { code: this.$route.params.code, course: this.nextCourse, type: this.nextContentType, content: this.nextContent}})
            }
            else {
                frappe.call({
                method: "erpnext.www.academy.enroll_in_program",
                args:{
                    program_name: this.$route.params.code,
                    student_email_id: frappe.session.user
                }
                })
                this.$root.$data.updateEnrolledPrograms()
            }
        },
    }
};
</script>