Rotimi Best
1305e2e454
Add View course site and Publish course options to org course context menus. Replace the course header View as student button with View Course Site and a companion overflow menu that includes View as student plus list actions. Show a publish prompt modal for unpublished courses and support #publish deep links in course settings.
67 lines
1.8 KiB
Svelte
67 lines
1.8 KiB
Svelte
<script lang="ts">
|
|
import { Button } from '@cio/ui/base/button';
|
|
import * as Dialog from '@cio/ui/base/dialog';
|
|
import { courseApi } from '$features/course/api';
|
|
import { publishCourse } from '$features/course/utils/publish-course';
|
|
import { openCoursePreview } from '$features/course/utils/course-preview';
|
|
import { t } from '$lib/utils/functions/translations';
|
|
|
|
interface Props {
|
|
open?: boolean;
|
|
currentOrgDomain?: string;
|
|
}
|
|
|
|
let { open = $bindable(false), currentOrgDomain = '' }: Props = $props();
|
|
|
|
let isPublishing = $state(false);
|
|
|
|
async function handlePublishCourse() {
|
|
const course = courseApi.course;
|
|
if (!course?.id) {
|
|
return;
|
|
}
|
|
|
|
isPublishing = true;
|
|
|
|
const published = await publishCourse(course);
|
|
isPublishing = false;
|
|
|
|
if (!published) {
|
|
return;
|
|
}
|
|
|
|
open = false;
|
|
|
|
openCoursePreview({
|
|
courseId: course.id,
|
|
courseSlug: courseApi.course?.slug,
|
|
currentOrgDomain
|
|
});
|
|
}
|
|
</script>
|
|
|
|
<Dialog.Root
|
|
bind:open
|
|
onOpenChange={(isOpen) => {
|
|
if (!isOpen && !isPublishing) {
|
|
open = false;
|
|
}
|
|
}}
|
|
>
|
|
<Dialog.Content class="w-[calc(100%-2rem)] max-w-md! p-4">
|
|
<Dialog.Header>
|
|
<Dialog.Title>{$t('course.view_course_site.unpublished_title')}</Dialog.Title>
|
|
<Dialog.Description>{$t('course.view_course_site.unpublished_description')}</Dialog.Description>
|
|
</Dialog.Header>
|
|
|
|
<Dialog.Footer>
|
|
<Button variant="outline" onclick={() => (open = false)} disabled={isPublishing}>
|
|
{$t('course.view_course_site.cancel')}
|
|
</Button>
|
|
<Button variant="default" onclick={handlePublishCourse} loading={isPublishing} disabled={!courseApi.course?.id}>
|
|
{$t('course.view_course_site.publish_course')}
|
|
</Button>
|
|
</Dialog.Footer>
|
|
</Dialog.Content>
|
|
</Dialog.Root>
|