diff --git a/client/src/pages/dashboard/DashboardAsideDueDate.vue b/client/src/pages/dashboard/DashboardAsideDueDate.vue
new file mode 100644
index 00000000..c9cfa81b
--- /dev/null
+++ b/client/src/pages/dashboard/DashboardAsideDueDate.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
+ {{ dayjs(props.dueDate.start).format("dd. DD. MMMM YYYY") }}
+
+
+
+ {{ dateType }}
+
+ {{ assignmentType }}
+
+
+
+
+ {{ props.dueDate.title }}
+
+
+
+ {{ props.dueDate.course_session.session_title }}
+ {{ props.dueDate.circle?.title ?? "" }}
+
+
+
diff --git a/client/src/pages/dashboard/DashboardAsideWidget.vue b/client/src/pages/dashboard/DashboardAsideWidget.vue
new file mode 100644
index 00000000..a64676d8
--- /dev/null
+++ b/client/src/pages/dashboard/DashboardAsideWidget.vue
@@ -0,0 +1,47 @@
+
+
+
+
+
+
+
+
+
+ {{ dashboardPersons.length }} {{ $t("a.Personen") }}
+
+
+ {{ $t("a.Alle Personen anzeigen") }}
+
+
+
+
+ {{ $t("a.Termine") }}
+
+
+
+
+ {{ $t("a.Alle Termine anzeigen") }}
+
+
+
+
+
diff --git a/client/src/pages/dashboard/DashboardDueDatesPage.vue b/client/src/pages/dashboard/DashboardDueDatesPage.vue
index 3d0496ee..c3962067 100644
--- a/client/src/pages/dashboard/DashboardDueDatesPage.vue
+++ b/client/src/pages/dashboard/DashboardDueDatesPage.vue
@@ -178,6 +178,16 @@ watch(selectedCourse, async () => {
+
+
+ {{ $t("general.back") }}
+
+
+
{{ $t("a.Termine") }}
-
diff --git a/client/src/pages/dashboard/DashboardPersonsPage.vue b/client/src/pages/dashboard/DashboardPersonsPage.vue
index 1a2f6610..cff500dd 100644
--- a/client/src/pages/dashboard/DashboardPersonsPage.vue
+++ b/client/src/pages/dashboard/DashboardPersonsPage.vue
@@ -122,6 +122,15 @@ watch(selectedCourse, () => {
+
+
+ {{ $t("general.back") }}
+
+
{{ $t("a.Personen") }}
{
- {{ $t("learningPathPage.nextDueDates") }}
+ {{ $t("a.Nächste Termine") }}
diff --git a/client/src/router/index.ts b/client/src/router/index.ts
index bf6758dd..2e9f94d7 100644
--- a/client/src/router/index.ts
+++ b/client/src/router/index.ts
@@ -66,7 +66,7 @@ const router = createRouter({
component: () => import("@/pages/dashboard/DashboardPersonsPage.vue"),
},
{
- path: "/dashboard/duedates",
+ path: "/dashboard/due-dates",
component: () => import("@/pages/dashboard/DashboardDueDatesPage.vue"),
},
{