fix: onboarding step improvements

This commit is contained in:
Jannat Patel
2025-03-26 22:13:08 +05:30
parent aa979b96f2
commit a41338c3a2
22 changed files with 358 additions and 108 deletions

View File

@@ -56,7 +56,7 @@
<CourseInstructors :instructors="course.data.instructors" />
</div>
</div>
<div v-if="course.data.tags" class="flex mt-3 mb-4 w-fit">
<div v-if="course.data.tags" class="flex mt-4 w-fit">
<Badge
theme="gray"
size="lg"
@@ -69,7 +69,7 @@
<CourseCardOverlay :course="course" class="md:hidden mb-4" />
<div
v-html="course.data.description"
class="ProseMirror prose prose-table:table-fixed prose-td:p-2 prose-th:p-2 prose-td:border prose-th:border prose-td:border-outline-gray-2 prose-th:border-outline-gray-2 prose-td:relative prose-th:relative prose-th:bg-surface-gray-2 prose-sm max-w-none !whitespace-normal"
class="ProseMirror prose prose-table:table-fixed prose-td:p-2 prose-th:p-2 prose-td:border prose-th:border prose-td:border-outline-gray-2 prose-th:border-outline-gray-2 prose-td:relative prose-th:relative prose-th:bg-surface-gray-2 prose-sm max-w-none !whitespace-normal mt-4"
></div>
<div class="mt-10">
<CourseOutline

View File

@@ -1,19 +1,20 @@
<template>
<div class="">
<div class="h-full">
<div class="grid md:grid-cols-[70%,30%] h-full">
<div>
<header
class="sticky top-0 z-10 flex flex-col md:flex-row md:items-center justify-between border-b bg-surface-white px-3 py-2.5 sm:px-5"
class="sticky top-0 z-10 group flex flex-col md:flex-row md:items-center justify-between border-b bg-surface-white px-3 py-2.5 sm:px-5"
>
<Breadcrumbs class="h-7" :items="breadcrumbs" />
<div class="flex items-center mt-3 md:mt-0">
<Button v-if="courseResource.data?.name" @click="trashCourse()">
<template #prefix>
<Button
v-if="courseResource.data?.name"
@click="trashCourse()"
class="invisible group-hover:visible"
>
<template #icon>
<Trash2 class="w-4 h-4 stroke-1.5" />
</template>
<span>
{{ __('Delete') }}
</span>
</Button>
<Button variant="solid" @click="submitCourse()" class="ml-2">
<span>
@@ -233,11 +234,11 @@
</div>
</div>
</div>
<div class="border-l pt-5">
<div class="border-l">
<CourseOutline
v-if="courseResource.data"
:courseName="courseResource.data.name"
:title="course.title"
:title="__('Course Outline')"
:allowEdit="true"
/>
</div>

View File

@@ -211,7 +211,6 @@ import { Plus, Trash2 } from 'lucide-vue-next'
import Question from '@/components/Modals/Question.vue'
import { showToast, updateDocumentTitle } from '@/utils'
import { useRouter } from 'vue-router'
import { useOnboarding } from 'frappe-ui/frappe'
const showQuestionModal = ref(false)
const currentQuestion = reactive({
@@ -221,7 +220,6 @@ const currentQuestion = reactive({
})
const user = inject('$user')
const router = useRouter()
const { updateOnboardingStep } = useOnboarding('learning')
const props = defineProps({
quizID: {
@@ -339,7 +337,6 @@ const createQuiz = () => {
{
onSuccess(data) {
showToast(__('Success'), __('Quiz created successfully'), 'check')
updateOnboardingStep('create_first_quiz')
router.push({
name: 'QuizForm',
params: { quizID: data.name },