78 lines
1.5 KiB
Vue
78 lines
1.5 KiB
Vue
<template>
|
|
<Dialog
|
|
v-model="show"
|
|
:options="{
|
|
title:
|
|
type == 'quiz'
|
|
? __('Add a quiz to your lesson')
|
|
: __('Add an assignment to your lesson'),
|
|
size: 'xl',
|
|
actions: [
|
|
{
|
|
label: __('Save'),
|
|
variant: 'solid',
|
|
onClick: () => {
|
|
addAssessment()
|
|
},
|
|
},
|
|
],
|
|
}"
|
|
>
|
|
<template #body-content>
|
|
<div class="">
|
|
<div>
|
|
<Link
|
|
v-if="type == 'quiz'"
|
|
v-model="quiz"
|
|
doctype="LMS Quiz"
|
|
:label="__('Select a quiz')"
|
|
:onCreate="(value, close) => redirectToForm()"
|
|
/>
|
|
<Link
|
|
v-else
|
|
v-model="assignment"
|
|
doctype="LMS Assignment"
|
|
:label="__('Select an assignment')"
|
|
:onCreate="(value, close) => redirectToForm()"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</Dialog>
|
|
</template>
|
|
<script setup>
|
|
import { Dialog } from 'frappe-ui'
|
|
import { onMounted, ref, nextTick } from 'vue'
|
|
import Link from '@/components/Controls/Link.vue'
|
|
|
|
const show = ref(false)
|
|
const quiz = ref(null)
|
|
const assignment = ref(null)
|
|
|
|
const props = defineProps({
|
|
type: {
|
|
type: String,
|
|
required: true,
|
|
},
|
|
onAddition: {
|
|
type: Function,
|
|
required: true,
|
|
},
|
|
})
|
|
|
|
onMounted(async () => {
|
|
await nextTick()
|
|
show.value = true
|
|
})
|
|
|
|
const addAssessment = () => {
|
|
props.onAddition(props.type == 'quiz' ? quiz.value : assignment.value)
|
|
show.value = false
|
|
}
|
|
|
|
const redirectToForm = () => {
|
|
if (props.type == 'quiz') window.open('/lms/quizzes/new', '_blank')
|
|
else window.open('/lms/assignments/new', '_blank')
|
|
}
|
|
</script>
|