46 lines
1.2 KiB
Vue
46 lines
1.2 KiB
Vue
<template>
|
|
<div class="nav-buttons">
|
|
<button class='btn btn-outline-secondary' @click="$router.go(-1)">Back</button>
|
|
<button v-if="nextContent" class='btn btn-primary' @click="goNext()">Next</button>
|
|
<button v-else class='btn btn-primary' @click="finish()">Finish Topic</button>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
props: ['nextContent', 'nextContentType'],
|
|
name: 'ContentNavigation',
|
|
methods: {
|
|
addActivity() {
|
|
if(this.$route.params.type != "Quiz"){
|
|
console.log("Adding Activity")
|
|
lms.call("add_activity",
|
|
{
|
|
course: this.$route.params.course_name,
|
|
content_type: this.$route.params.type,
|
|
content: this.$route.params.content,
|
|
}
|
|
)
|
|
}
|
|
},
|
|
goNext() {
|
|
this.addActivity()
|
|
this.$router.push({ name: 'content', params: { course: this.$route.params.course_name, type:this.nextContentType, content:this.nextContent }})
|
|
},
|
|
finish() {
|
|
this.addActivity()
|
|
this.$router.push({ name: 'course', params: { program_name: this.$route.params.program_name, course_name: this.$route.params.course_name}})
|
|
lms.trigger('course-completed', course_name);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style lang="css" scoped>
|
|
.nav-buttons {
|
|
position: absolute;
|
|
bottom: 0;
|
|
right: 0;
|
|
}
|
|
</style>
|