diff --git a/frontend/src/api/fetchCourse.ts b/frontend/src/api/fetchCourse.ts index b8c9da4..b3d13c7 100644 --- a/frontend/src/api/fetchCourse.ts +++ b/frontend/src/api/fetchCourse.ts @@ -25,7 +25,7 @@ export async function fetchModulesByCourseAndSemester( }) .then((modulesResponse) => { modulesResponse.forEach((module: Module) => - modules.push(new Module(module.id, module.name, course, module.name)), + modules.push(new Module(module.name, course, module.name)), ); }); return modules; @@ -39,7 +39,7 @@ export async function fetchAllModules(): Promise { }) .then((responseModules: Module[]) => { responseModules.forEach((module: Module) => { - modules.push(new Module(module.id, module.name, module.course, module.name)); + modules.push(new Module(module.name, module.course, module.name)); }); }); diff --git a/frontend/src/components/AdditionalModules.vue b/frontend/src/components/AdditionalModules.vue index 94d9ca1..15aa235 100644 --- a/frontend/src/components/AdditionalModules.vue +++ b/frontend/src/components/AdditionalModules.vue @@ -38,10 +38,9 @@ const ModuleInformation = defineAsyncComponent( ); //TODO add missing module prop informations for ModuleInformation.vue -const showInfo = () => { +function showInfo(module : Module) { dialog.open(ModuleInformation, { props: { - header: "Product List", style: { width: "50vw", }, @@ -51,8 +50,11 @@ const showInfo = () => { }, modal: true, }, + data: { + module: module, + }, }); -}; +} const display = (module: Module) => module.name + " (" + module.course + ")"; @@ -106,7 +108,7 @@ function selectChange() { rounded outlined aria-label="Information" - @click.stop="showInfo()" + @click.stop="showInfo(slotProps.option)" > diff --git a/frontend/src/components/ModuleInformation.vue b/frontend/src/components/ModuleInformation.vue index 3d8b8db..ee300e5 100644 --- a/frontend/src/components/ModuleInformation.vue +++ b/frontend/src/components/ModuleInformation.vue @@ -1,26 +1,24 @@