feat: discussions in batches

frontend/src/pages/Batch.vue

@@ -16,7 +16,7 @@
 		<div v-if="batch.data" class="grid grid-cols-[70%,30%] h-full">
 			<div class="border-r-2">
 				<Tabs class="overflow-hidden" v-model="tabIndex" :tabs="tabs">
-					<template #tab="{ tab, selected }">
+					<template #tab="{ tab, selected }" class="overflow-x-hidden">
 						<div>
 							<button
 								class="group -mb-px flex items-center gap-1 border-b border-transparent py-2.5 text-base text-gray-600 duration-300 ease-in-out hover:border-gray-400 hover:text-gray-900"
@@ -80,6 +80,15 @@
 							<div v-else-if="tab.label == 'Announcements'">
 								<Announcements :batch="batch.data.name" />
 							</div>
+							<div v-else-if="tab.label == 'Discussions'">
+								<Discussions
+									doctype="LMS Batch"
+									:docname="batch.data.name"
+									title="Discussions"
+									:key="batch.data.name"
+									:singleThread="true"
+								/>
+							</div>
 						</div>
 					</template>
 				</Tabs>
@@ -168,6 +177,7 @@ import {
 	Contact2,
 	Mail,
 	SendIcon,
+	MessageCircle,
 } from 'lucide-vue-next'
 import { formatTime } from '@/utils'
 import CourseCard from '@/components/CourseCard.vue'
@@ -177,6 +187,7 @@ import BatchStudents from '@/components/BatchStudents.vue'
 import Assessments from '@/components/Assessments.vue'
 import Announcements from '@/components/Annoucements.vue'
 import AnnouncementModal from '@/components/Modals/AnnouncementModal.vue'
+import Discussions from '@/components/Discussions.vue'
 
 const dayjs = inject('$dayjs')
 const user = inject('$user')
@@ -199,17 +210,23 @@ const batch = createResource({
 })
 
 const breadcrumbs = computed(() => {
-	return [
-		{ label: 'All Batches', route: { name: 'Batches' } },
-		{
-			label: 'Batch Details',
-			route: { name: 'BatchDetail', params: { batchName: props.batchName } },
-		},
-		{
-			label: batch?.data?.title,
-			route: { name: 'Batch', params: { batchName: props.batchName } },
-		},
-	]
+	let crumbs = [{ label: 'All Batches', route: { name: 'Batches' } }]
+	if (!isStudent.value) {
+		crumbs.push({
+			label: batch.data?.title,
+			route: {
+				name: 'BatchDetail',
+				params: {
+					batchName: batch.data?.name,
+				},
+			},
+		})
+	}
+	crumbs.push({
+		label: batch?.data?.title,
+		route: { name: 'Batch', params: { batchName: props.batchName } },
+	})
+	return crumbs
 })
 
 const isStudent = computed(() => {
@@ -256,6 +273,11 @@ tabs.push({
 	icon: Mail,
 })
 
+tabs.push({
+	label: 'Discussions',
+	icon: MessageCircle,
+})
+
 const courses = createResource({
 	url: 'lms.lms.utils.get_batch_courses',
 	params: {

frontend/src/pages/BatchDetail.vue

@@ -89,8 +89,11 @@ import { formatTime } from '../utils'
 import { computed, inject } from 'vue'
 import BatchOverlay from '@/components/BatchOverlay.vue'
 import CourseCard from '@/components/CourseCard.vue'
+import { useRouter } from 'vue-router'
 
 const dayjs = inject('$dayjs')
+const user = inject('$user')
+const router = useRouter()
 
 const props = defineProps({
 	batchName: {
@@ -106,6 +109,16 @@ const batch = createResource({
 		batch: props.batchName,
 	},
 	auto: true,
+	onSuccess(data) {
+		if (data.students?.includes(user.data.name)) {
+			router.push({
+				name: 'Batch',
+				params: {
+					batchName: props.batchName,
+				},
+			})
+		}
+	},
 })
 
 const courses = createResource({

frontend/src/pages/Lesson.vue

@@ -85,7 +85,9 @@
 						{{ course.data.instructors.length - 1 }} others
 					</span>
 				</div>
-				<div class="lesson-content mt-6">
+				<div
+					class="ProseMirror prose prose-table:table-fixed prose-td:p-2 prose-th:p-2 prose-td:border prose-th:border prose-td:border-gray-300 prose-th:border-gray-300 prose-td:relative prose-th:relative prose-th:bg-gray-100 prose-sm max-w-none !whitespace-normal mt-6"
+				>
 					<div v-if="lesson.data.youtube">
 						<iframe
 							class="youtube-video"

frontend/src/pages/Statistics.vue

@@ -79,7 +79,6 @@
 <script setup>
 import { createResource, Breadcrumbs } from 'frappe-ui'
 import { computed, inject } from 'vue'
-import { Line } from 'vue-chartjs'
 import {
 	BookOpen,
 	LogIn,