115 refactoring dynamic page

This commit is contained in:
survellow
2023-12-26 20:28:57 +01:00
parent 0b695e6a78
commit dcb6a90fb6
6 changed files with 62 additions and 56 deletions

View File

@ -8,6 +8,10 @@ import DynamicPage from "./DynamicPage.vue";
import ModuleSelection from "../components/ModuleSelection.vue";
import { Module } from "../model/module.ts";
import { useI18n } from "vue-i18n";
import moduleStore from "../store/moduleStore";
import router from "../router";
const store = moduleStore();
const { t } = useI18n({ useScope: "global" });
const courses = async () => {
@ -58,12 +62,18 @@ async function getModules() {
:headline="$t('courseSelection.headline')"
:subTitle="$t('courseSelection.subTitle')"
icon="pi pi-calendar"
:button="{
label: $t('courseSelection.nextStep'),
icon: 'pi pi-arrow-right',
disabled: store.isEmpty(),
onClick: () => router.push('/additional-modules')
}"
>
<template #selection>
<template #selection="{ flexSpecs }">
<Dropdown
v-model="selectedCourse"
:options="countries"
class="flex-1 m-0"
:class="flexSpecs"
filter
option-label="name"
:placeholder="$t('courseSelection.courseDropDown')"
@ -74,7 +84,7 @@ async function getModules() {
<Dropdown
v-model="selectedSemester"
:options="semesters"
class="flex-1 m-0"
:class="flexSpecs"
option-label="name"
:placeholder="$t('courseSelection.semesterDropDown')"
@change="getModules()"