feat: students and assessment tab in dashboard

frontend/src/components/Assessments.vue

@@ -3,10 +3,10 @@
 		<div class="text-lg font-semibold mb-4">
 			{{ __('Assessments') }}
 		</div>
-		<div v-if="assessments?.length">
+		<div v-if="assessments.data?.length">
 			<ListView
 				:columns="getAssessmentColumns()"
-				:rows="attempts?.data"
+				:rows="assessments.data"
 				row-key="name"
 				:options="{ selectable: false, showTooltip: false }"
 			>
@@ -18,30 +18,59 @@
 	</div>
 </template>
 <script setup>
-import { ListView } from 'frappe-ui'
+import { ListView, createResource } from 'frappe-ui'
+import { inject } from 'vue'
+
+const user = inject('$user')
 
 const props = defineProps({
-	assessments: {
+	batch: {
+		type: String,
+		required: true,
+	},
+	rows: {
 		type: Array,
-		default: [],
+	},
+	columns: {
+		type: Array,
+	},
+	options: {
+		type: Object,
+		default: () => ({
+			selectable: true,
+			totalCount: 0,
+			rowCount: 0,
+		}),
 	},
 })
 
-const getSubmissionColumns = () => {
-	return [
+const assessments = createResource({
+	url: 'lms.lms.utils.get_assessments',
+	params: {
+		batch: props.batch,
+	},
+	auto: true,
+})
+
+const getAssessmentColumns = () => {
+	let columns = [
 		{
 			label: 'Assessment',
 			key: 'title',
 		},
 		{
 			label: 'Type',
-			key: 'type',
+			key: 'assessment_type',
 		},
-		{
+	]
+
+	if (!user.data?.is_moderator) {
+		columns.push({
 			label: 'Status/Score',
 			key: 'status',
 			align: 'center',
-		},
-	]
+		})
+	}
+	return columns
 }
 </script>