HTWK/htwkalender
1
1
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git synced 2026-01-16 19:42:26 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat: Add professor dashboard for module selection, filtering, and calendar creation.

Browse Source
This commit is contained in:
Elmar Kresse
2025-11-22 23:56:01 +01:00
parent 0c50c984c2
commit c512368dfb
1 changed files with 30 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

61
frontend/src/view/professor/ProfessorDashboard.vue
View File

@@ -15,11 +15,10 @@ const { t } = useI18n({ useScope: "global" });
const router = useRouter();
import { fetchProfessorModules, type ApiModule } from "../../api/fetchProfessorModules";
type ModuleWithScore = Module & { confidenceScore: number };
const modules = ref<Module[]>(new Array(10));
const selectedModules = ref<Module[]>([]);
const loading = ref(true);
const confidenceScores = ref<Map<string, number>>(new Map());
const filters = ref({
name: {
@@ -44,35 +43,35 @@ onMounted(async () => {
const result = await fetchProfessorModules();
// Convert API response to Module instances with all required fields
const moduleObjects = result.map((apiModule: ApiModule) => new Module(
apiModule.uuid,
apiModule.name,
apiModule.course,
apiModule.eventType || "",
apiModule.name, // userDefinedName defaults to module name
apiModule.prof,
apiModule.semester,
false, // reminder defaults to false
[] // events defaults to empty array
));
const moduleObjects = result.map((apiModule: ApiModule) => {
const module = new Module(
apiModule.uuid,
apiModule.name,
apiModule.course,
apiModule.eventType || "",
apiModule.name, // userDefinedName defaults to module name
apiModule.prof,
apiModule.semester,
false, // reminder defaults to false
[] // events defaults to empty array
);
// Store confidence score separately
confidenceScores.value.set(module.uuid, apiModule.confidenceScore || 0);
return module;
});
// Sort modules by confidence score (highest first)
// Note: confidenceScore is not part of Module class, so we need to preserve it
const sortedModules = moduleObjects.map((module: Module, index: number) => {
const originalData = result[index];
return {
...module,
confidenceScore: originalData.confidenceScore || 0
};
}).sort((a: ModuleWithScore, b: ModuleWithScore) => {
return (b.confidenceScore || 0) - (a.confidenceScore || 0); // Descending order
const sortedModules = moduleObjects.sort((a: Module, b: Module) => {
const scoreA = confidenceScores.value.get(a.uuid) || 0;
const scoreB = confidenceScores.value.get(b.uuid) || 0;
return scoreB - scoreA; // Descending order
});
// Clear temporary entries and set actual modules
modules.value = sortedModules;
// Pre-select modules with confidence score >= 0.7 (good match or better)
selectedModules.value = sortedModules.filter((m: ModuleWithScore) => (m.confidenceScore || 0) >= 0.7);
selectedModules.value = sortedModules.filter((m: Module) => (confidenceScores.value.get(m.uuid) || 0) >= 0.7);
console.log("Modules loaded:", modules.value.length, "Pre-selected:", selectedModules.value.length);
} catch (error: unknown) {
@@ -186,23 +185,23 @@ const createCalendar = () => {
<Skeleton></Skeleton>
</template>
</Column>
<Column field="confidenceScore" :header="t('professor.match')" sortable>
<Column :header="t('professor.match')">
<template #body="slotProps">
<div v-if="loading">
<Skeleton></Skeleton>
</div>
<div v-else>
<span v-if="slotProps.data.confidenceScore >= 0.9" style="color: green; font-weight: bold;">
{{ Math.round(slotProps.data.confidenceScore * 100) }}%
<span v-if="(confidenceScores.get(slotProps.data.uuid) || 0) >= 0.9" style="color: green; font-weight: bold;">
{{ Math.round((confidenceScores.get(slotProps.data.uuid) || 0) * 100) }}%
</span>
<span v-else-if="slotProps.data.confidenceScore >= 0.7" style="color: #4CAF50;">
{{ Math.round(slotProps.data.confidenceScore * 100) }}%
<span v-else-if="(confidenceScores.get(slotProps.data.uuid) || 0) >= 0.7" style="color: #4CAF50;">
{{ Math.round((confidenceScores.get(slotProps.data.uuid) || 0) * 100) }}%
</span>
<span v-else-if="slotProps.data.confidenceScore >= 0.5" style="color: orange;">
{{ Math.round(slotProps.data.confidenceScore * 100) }}%
<span v-else-if="(confidenceScores.get(slotProps.data.uuid) || 0) >= 0.5" style="color: orange;">
{{ Math.round((confidenceScores.get(slotProps.data.uuid) || 0) * 100) }}%
</span>
<span v-else style="color: #999;">
{{ Math.round(slotProps.data.confidenceScore * 100) }}%
{{ Math.round((confidenceScores.get(slotProps.data.uuid) || 0) * 100) }}%
</span>
</div>
</template>