HTWK/htwkalender-pwa
1
0
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender-pwa.git synced 2025-08-07 04:09:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

formated and linted

Browse Source
This commit is contained in:
Elmar Kresse
2023-10-17 21:16:58 +02:00
parent 4148b0c185
commit 10d0ae0d8a
23 changed files with 581 additions and 378 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/api/createFeed.ts
View File

@@ -19,14 +19,16 @@ export async function createIndividualFeed(modules: Module[]): Promise<string> {
return token; return token;
} }
export async function saveIndividualFeed(token: string, modules: Module[]): Promise<string> { export async function saveIndividualFeed(
token: string,
modules: Module[],
): Promise<string> {
await fetch("/api/collections/feeds/records/" + token, { await fetch("/api/collections/feeds/records/" + token, {
method: "PATCH", method: "PATCH",
headers: { headers: {
"Content-Type": "application/json", "Content-Type": "application/json",
}, },
body: "{\"modules\":" + JSON.stringify(modules) + "}", body: '{"modules":' + JSON.stringify(modules) + "}",
}) })
.then((response) => { .then((response) => {
return response.json(); return response.json();

22
frontend/src/api/fetchCourse.ts
View File

@@ -25,7 +25,16 @@ export async function fetchModulesByCourseAndSemester(
}) })
.then((modulesResponse) => { .then((modulesResponse) => {
modulesResponse.forEach((module: Module) => modulesResponse.forEach((module: Module) =>
modules.push(new Module(module.name, course, module.name, module.prof, semester, module.events)), modules.push(
new Module(
module.name,
course,
module.name,
module.prof,
semester,
module.events,
),
),
); );
}); });
return modules; return modules;
@@ -39,7 +48,16 @@ export async function fetchAllModules(): Promise<Module[]> {
}) })
.then((responseModules: Module[]) => { .then((responseModules: Module[]) => {
responseModules.forEach((module: Module) => { responseModules.forEach((module: Module) => {
modules.push(new Module(module.name, module.course, module.name, module.prof, module.semester, module.events)); modules.push(
new Module(
module.name,
module.course,
module.name,
module.prof,
module.semester,
module.events,
),
);
}); });
}); });

4
frontend/src/api/fetchModule.ts
View File

@@ -1,6 +1,6 @@
import { Module } from "../model/module"; import { Module } from "../model/module";
export async function fetchModule( name: string): Promise<Module> { export async function fetchModule(name: string): Promise<Module> {
const request = new Request("/api/module", { const request = new Request("/api/module", {
method: "GET", method: "GET",
headers: { headers: {
@@ -24,4 +24,4 @@ export async function fetchModule( name: string): Promise<Module> {
module.events, module.events,
), ),
); );
} }

8
frontend/src/api/loadCalendar.ts
View File

@@ -1,7 +1,7 @@
import { Module } from "../model/module"; import { Module } from "../model/module";
import { Calendar } from "../model/calendar"; import { Calendar } from "../model/calendar";
export async function getCalender( token: string): Promise<Module[]> { export async function getCalender(token: string): Promise<Module[]> {
const request = new Request("/api/collections/feeds/records/" + token, { const request = new Request("/api/collections/feeds/records/" + token, {
method: "GET", method: "GET",
}); });
@@ -10,7 +10,5 @@ export async function getCalender( token: string): Promise<Module[]> {
.then((response) => { .then((response) => {
return response.json(); return response.json();
}) })
.then( .then((calendarResponse: Calendar) => calendarResponse.modules);
(calendarResponse: Calendar) => calendarResponse.modules }
);
}

5
frontend/src/components/AdditionalModules.vue
View File

@@ -38,11 +38,10 @@ const ModuleInformation = defineAsyncComponent(
() => import("./ModuleInformation.vue"), () => import("./ModuleInformation.vue"),
); );
async function showInfo(moduleName : string) { async function showInfo(moduleName: string) {
const module: Ref<Module> = ref(new Module("", "", "", "", "", [])); const module: Ref<Module> = ref(new Module("", "", "", "", "", []));
await fetchModule(moduleName).then((data) => { await fetchModule(moduleName).then((data) => {
module.value = data; module.value = data;
}); });
dialog.open(ModuleInformation, { dialog.open(ModuleInformation, {
props: { props: {

8
frontend/src/components/CourseSelection.vue
View File

@@ -42,7 +42,13 @@ async function getModules() {
<template> <template>
<div class="flex flex-column"> <div class="flex flex-column">
<div class="flex align-items-center justify-content-center h-4rem m-2"> <div class="flex align-items-center justify-content-center h-4rem m-2">
<h3 class="text-4xl">Welcome to HTWKalender <i class="pi pi-calendar vertical-align-baseline" style="font-size: 2rem"></i></h3> <h3 class="text-4xl">
Welcome to HTWKalender
<i
class="pi pi-calendar vertical-align-baseline"
style="font-size: 2rem"
></i>
</h3>
</div> </div>
<div <div
class="flex align-items-center justify-content-center h-4rem border-round m-2" class="flex align-items-center justify-content-center h-4rem border-round m-2"

326
frontend/src/components/FaqPage.vue
View File

@@ -1,5 +1,4 @@
<script lang="ts" setup> <script lang="ts" setup></script>
</script>
<template> <template>
<div class="flex align-items-center justify-content-center flex-column"> <div class="flex align-items-center justify-content-center flex-column">
@@ -8,168 +7,273 @@
</div> </div>
<div class="flex flex-column col-7"> <div class="flex flex-column col-7">
<div class="grid my-2"> <div class="grid my-2">
<div class="col"> <div class="col">
Wie funktioniert das Kalender erstellen mit dem HTWKalender? Wie funktioniert das Kalender erstellen mit dem HTWKalender?
</div> </div>
<div class="col">Die Webseite ermöglicht es deinen HTWK-Stundenplan in eines deiner bevorzugten Kalender-Verwaltungs-Programme (Outlook, Google Kalender, etc.) einzubinden.</div> <div class="col">
Die Webseite ermöglicht es deinen HTWK-Stundenplan in eines deiner
bevorzugten Kalender-Verwaltungs-Programme (Outlook, Google Kalender,
etc.) einzubinden.
</div>
</div> </div>
<div class="grid my-2"> <div class="grid my-2">
<div class="col"> <div class="col">Wie genau funktioniert das alles?</div>
Wie genau funktioniert das alles? <div class="col">
Du wählst deinen Studiengang und das gewünschte Semester aus, danach
kannst du aus den dazugehörigen Modulen wählen. Dabei kannst du
einzelne Module an/abwählen wie "Feiertage" oder Wahlpflichtmodule,
die du nicht belegst. <br />
Im letzten Schritt wird dir der Link mit dem entsprechenden Token für
den von dir erstellenten Kalenders angezeigt. Mit diesem Link kannst
du den Kalender abonnieren oder herunterladen.
</div> </div>
<div class="col">Du wählst deinen Studiengang und das gewünschte Semester aus, danach kannst du aus den dazugehörigen Modulen wählen. Dabei kannst du einzelne Module an/abwählen wie "Feiertage" oder Wahlpflichtmodule, die du nicht belegst. <br>
Im letzten Schritt wird dir der Link mit dem entsprechenden Token für den von dir erstellenten Kalenders angezeigt. Mit diesem Link kannst du den Kalender abonnieren oder herunterladen.</div>
</div> </div>
<div class="grid my-2"> <div class="grid my-2">
<div class="col"> <div class="col">Wie kann ich den Kalender abonnieren?</div>
Wie kann ich den Kalender abonnieren?
</div>
<div class="col"> <div class="col">
<Accordion> <Accordion>
<AccordionTab header="Google Calendar"> <AccordionTab header="Google Calendar">
<ol> <ol>
<li>Erstelle deinen Kalender und kopiere den Link.</li> <li>Erstelle deinen Kalender und kopiere den Link.</li>
<li>Bei Google Kalender selbst hast du in der linken Seitenleiste eine Sektion namens <em>"Weitere Kalender"</em>. Dort klickst du das kleine Pfeil-Icon rechts neben dem Schritzug. Im daraufhin erscheinenden Menü gibt es einen Punkt <em>"Über URL hinzufügen"</em>, den du anklicken musst.</li> <li>
<li>Füge den kopierten Kalenderlink ein, klicke auf <em>"Kalender hinzufügen"</em> und du bist fertig.</li> Bei Google Kalender selbst hast du in der linken Seitenleiste
</ol> eine Sektion namens <em>"Weitere Kalender"</em>. Dort klickst
du das kleine Pfeil-Icon rechts neben dem Schritzug. Im
daraufhin erscheinenden Menü gibt es einen Punkt
<em>"Über URL hinzufügen"</em>, den du anklicken musst.
</li>
<li>
Füge den kopierten Kalenderlink ein, klicke auf
<em>"Kalender hinzufügen"</em> und du bist fertig.
</li>
</ol>
</AccordionTab> </AccordionTab>
<AccordionTab header="Microsoft Outlook"> <AccordionTab header="Microsoft Outlook">
<p>Unter Outlook 2010:</p>
<p>Unter Outlook 2010:</p> <ol>
<li>Erstelle deinen Kalender und kopiere den Link.</li>
<li>Klicke auf den Reiter <em>“Start”</em>.</li>
<li>
Dort befindest sich in der Sektion
<em>“Kalender verwalten”</em> der Button
<em>“Kalender öffnen”</em>, auf den du kicken musst.
</li>
<li>
Es öffnet sich ein Kontextmenü, in dem du den Punkt
<em>“Aus dem Internet”</em> anklickst.
</li>
<li>
Im daraufhin erscheinenden Fenster kannst du den Link einfügen
und mit <em>“OK”</em> bestätigen. Eventuell musst du das
Abonnement in einem weiteren Schritt noch bestätigen. Dann
bist du fertig.
</li>
</ol>
<ol> <p>Unter Outlook 2007:</p>
<li>Erstelle deinen Kalender und kopiere den Link.</li>
<li>Klicke auf den Reiter <em>“Start”</em>.</li>
<li>Dort befindest sich in der Sektion <em>“Kalender verwalten”</em> der Button <em>“Kalender öffnen”</em>, auf den du kicken musst.</li>
<li>Es öffnet sich ein Kontextmenü, in dem du den Punkt <em>“Aus dem Internet”</em> anklickst.</li>
<li>Im daraufhin erscheinenden Fenster kannst du den Link einfügen und mit <em>“OK”</em> bestätigen. Eventuell musst du das Abonnement in einem weiteren Schritt noch bestätigen. Dann bist du fertig.</li>
</ol>
<p>Unter Outlook 2007:</p> <ol>
<li>Erstelle deinen Kalender und kopiere den Link.</li>
<ol> <li>
<li>Erstelle deinen Kalender und kopiere den Link.</li> Unter <em>“Extras”</em> findest du die
<li>Unter <em>“Extras”</em> findest du die <em>“Kontoeinstellungen”</em>.</li> <em>“Kontoeinstellungen”</em>.
<li>Dort auf den Reiter <em>“Internetkalender”</em> klicken.</li> </li>
<li>Auf <em>“Neu”</em> klicken.</li> <li>
<li>Im sich öffnenden Fenster musst du den Link einfügen. Allerdings musst du <em>“http://”</em> durch <em>“webcal://”</em> austauschen.</li> Dort auf den Reiter <em>“Internetkalender”</em> klicken.
<li>Spätestens beim nächsten Start sollte der Kalender aktualisiert werden und dir fortan zur Verfügung stehen.</li> </li>
</ol> <li>Auf <em>“Neu”</em> klicken.</li>
<li>
Im sich öffnenden Fenster musst du den Link einfügen.
Allerdings musst du <em>“http://”</em> durch
<em>“webcal://”</em> austauschen.
</li>
<li>
Spätestens beim nächsten Start sollte der Kalender
aktualisiert werden und dir fortan zur Verfügung stehen.
</li>
</ol>
</AccordionTab> </AccordionTab>
<AccordionTab header="Kalender (OS X)"> <AccordionTab header="Kalender (OS X)">
<ol> <ol>
<li>Erstelle deinen Kalender und kopiere den Link.</li> <li>Erstelle deinen Kalender und kopiere den Link.</li>
<li>Unter <em>“Ablage”</em> findest du den Punkt <em>“Neues Kalenderabonnement”</em> (oder unter Snow Leopard <em>“Abonnieren”</em>).</li> <li>
<li>Im daraufhin erscheinenden Fenster musst du den kopierten Link einfügen und <em>“abonnieren”</em> klicken.</li> Unter <em>“Ablage”</em> findest du den Punkt
<li>Anschließend kannst du dem Kalender noch einen Namen geben und bestimmen, wie oft er aktualisiert werden soll. Falls du iCloud auf deinem iPhone o.ä. verwendest, empfehle ich dir bei <em>“Ort”</em> unbedingt <em>“iCloud”</em> zu wählen. So hast du deinen Stundenplan ohne weiteres zutun auch unterwegs immer parat.</li> <em>“Neues Kalenderabonnement”</em> (oder unter Snow Leopard
</ol> <em>“Abonnieren”</em>).
</li>
<li>
Im daraufhin erscheinenden Fenster musst du den kopierten Link
einfügen und <em>“abonnieren”</em> klicken.
</li>
<li>
Anschließend kannst du dem Kalender noch einen Namen geben und
bestimmen, wie oft er aktualisiert werden soll. Falls du
iCloud auf deinem iPhone o.ä. verwendest, empfehle ich dir bei
<em>“Ort”</em> unbedingt <em>“iCloud”</em> zu wählen. So hast
du deinen Stundenplan ohne weiteres zutun auch unterwegs immer
parat.
</li>
</ol>
</AccordionTab> </AccordionTab>
<AccordionTab header="Thunderbird"> <AccordionTab header="Thunderbird">
<ol> <ol>
<li>Erstelle deinen Kalender und kopiere den Link.</li> <li>Erstelle deinen Kalender und kopiere den Link.</li>
<li>Im Menü <em>“Termine und Aufgaben”</em> den Punkt <em>“Kalender”</em> wählen.</li> <li>
<li>Links siehst du die Kalenderübersicht. In diesem Bereich über die rechte Maustaste klicken und im darauf erscheinenden Kontextmenü <em>“Neuer Kalender”</em> anklicken.</li> Im Menü <em>“Termine und Aufgaben”</em> den Punkt
<li>Du hast die Wahl zwischen <em>“Auf meinem Computer”</em> und <em>“Im Netzwerk”</em>. Bitte letzteres wählen und <em>“Fortsetzen”</em> klicken.</li> <em>“Kalender”</em> wählen.
<li>Im folgenden Fenster lässt du das <em>“Format”</em> wie es ist (<em>“iCalender”</em>).</li> </li>
<li>Unter <em>"Adresse"</em> den kopierten Kalenderlink einfügen.</li> <li>
<li>Anschließend kannst du noch einen Namen vergeben und weitere Einstellungen nach Belieben vornehmen.</li> Links siehst du die Kalenderübersicht. In diesem Bereich über
</ol> die rechte Maustaste klicken und im darauf erscheinenden
Kontextmenü <em>“Neuer Kalender”</em> anklicken.
</li>
<li>
Du hast die Wahl zwischen <em>“Auf meinem Computer”</em> und
<em>“Im Netzwerk”</em>. Bitte letzteres wählen und
<em>“Fortsetzen”</em> klicken.
</li>
<li>
Im folgenden Fenster lässt du das <em>“Format”</em> wie es ist
(<em>“iCalender”</em>).
</li>
<li>
Unter <em>"Adresse"</em> den kopierten Kalenderlink einfügen.
</li>
<li>
Anschließend kannst du noch einen Namen vergeben und weitere
Einstellungen nach Belieben vornehmen.
</li>
</ol>
</AccordionTab> </AccordionTab>
<AccordionTab header="IPhone"> <AccordionTab header="IPhone">
<p>
Der einfachste Weg unter iOS ist der iCloud-Sync (siehe
Anleitung für OS X Kalender). Hier ist der andere Weg:
</p>
<p>Der einfachste Weg unter iOS ist der iCloud-Sync (siehe Anleitung für OS X Kalender). Hier ist der andere Weg:</p> <ol>
<li>Erstelle deinen Kalender und kopiere den Link.</li>
<ol> <li>Gehe in die <em>“Systemeinstellungen”</em>.</li>
<li>Erstelle deinen Kalender und kopiere den Link.</li> <li>Dort wählst du <em>“Mail, Kontakte, Kalender”</em>.</li>
<li>Gehe in die <em>“Systemeinstellungen”</em>.</li> <li><em>“Account hinzufügen”</em> auswählen.</li>
<li>Dort wählst du <em>“Mail, Kontakte, Kalender”</em>.</li> <li>Ganz unten tippst du auf <em>“Andere”</em>.</li>
<li><em>“Account hinzufügen”</em> auswählen.</li> <li>
<li>Ganz unten tippst du auf <em>“Andere”</em>.</li> Der letzte Punkt ist <em>“Kalenderabo hinzufügen”</em>. Dort
<li>Der letzte Punkt ist <em>“Kalenderabo hinzufügen”</em>. Dort drauftippen.</li> drauftippen.
<li>Im daraufhin erscheinenden Textfeld fügst du den Kalenderlink ein und drückst oben auf <em>“weiter”</em>.</li> </li>
<li>Du kannst noch eine <em>“Beschreibung”</em> vergeben. Den Rest solltest du lassen, wie er ist.</li> <li>
<li>Nach kurzer Zeit taucht der abonnierte Kalender in der Kalender-App auf.</li> Im daraufhin erscheinenden Textfeld fügst du den Kalenderlink
</ol> ein und drückst oben auf <em>“weiter”</em>.
</li>
<li>
Du kannst noch eine <em>“Beschreibung”</em> vergeben. Den Rest
solltest du lassen, wie er ist.
</li>
<li>
Nach kurzer Zeit taucht der abonnierte Kalender in der
Kalender-App auf.
</li>
</ol>
</AccordionTab> </AccordionTab>
<AccordionTab header="Android"> <AccordionTab header="Android">
<p> <p>
Unter Android ist die Synchronisierung mit dem Google Kalender die einfachste Variante. Unter Android ist die Synchronisierung mit dem Google Kalender
Schaue bitte in die Google Kalender Anleitung um zu erfahren, wie du den Kalender dort abonnierst. die einfachste Variante. Schaue bitte in die Google Kalender
</p> Anleitung um zu erfahren, wie du den Kalender dort abonnierst.
</p>
</AccordionTab> </AccordionTab>
<AccordionTab header="Windows Phone"> <AccordionTab header="Windows Phone">
<p>
Am einfachsten ist unter Windows Phone die Synchronisierung über
Outlook.com:
</p>
<ol>
<p>Am einfachsten ist unter Windows Phone die Synchronisierung über Outlook.com:</p> <li>Erstelle deinen Kalender und kopiere den Link.</li>
<li>Bei Outlook.com anmelden und in den Kalender wechseln.</li>
<ol> <li>Auf <em>“Subscribe”</em> klicken.</li>
<li>Erstelle deinen Kalender und kopiere den Link.</li> <li><em>“Subscribe to a public calendar”</em> auswählen.</li>
<li>Bei Outlook.com anmelden und in den Kalender wechseln.</li> <li>Bei <em>“Calendar URL”</em> den Kalenderlink einfügen.</li>
<li>Auf <em>“Subscribe”</em> klicken.</li> <li>Sonstige Einstellungen nach Belieben vornehmen.</li>
<li><em>“Subscribe to a public calendar”</em> auswählen.</li> <li>Auf <em>“Subscribe to calendar”</em> klicken.</li>
<li>Bei <em>“Calendar URL”</em> den Kalenderlink einfügen.</li> <li>
<li>Sonstige Einstellungen nach Belieben vornehmen.</li> Das Windows-Phone-Gerät muss mit dem gleichen
<li>Auf <em>“Subscribe to calendar”</em> klicken.</li> Outlook.com-Benutzerkonto angemeldet sein. Fortan sollte die
<li>Das Windows-Phone-Gerät muss mit dem gleichen Outlook.com-Benutzerkonto angemeldet sein. Fortan sollte die Synchronisierung des Kalenders automatisch erfolgen.</li> Synchronisierung des Kalenders automatisch erfolgen.
</ol> </li>
</ol>
</AccordionTab> </AccordionTab>
</Accordion> </Accordion>
</div> </div>
</div> </div>
<div class="grid my-2"> <div class="grid my-2">
<div class="col"> <div class="col">
Kalender abonnieren? Ich will den <em>downloaden</em>! Kalender abonnieren? Ich will den <em>downloaden</em>!
</div> </div>
<div class="col">Das kannst du gern tun. Nachdem dein persönlicher Stundenplan erstellt wurde, hast du die Möglichkeit ihn herunterzuladen. Außerdem kannst du ihn jederzeit herunterladen, <div class="col">
wenn du den generierten Link einfach in deinem Browser aufrufst. Das kannst du gern tun. Nachdem dein persönlicher Stundenplan erstellt
<br> Bedenke hierbei, dass heruntergeladene Kalender bzw. Stundenpläne sich nicht aktualisieren werden. Das ist nur möglich, wenn du den Kalender abonnierst.</div> wurde, hast du die Möglichkeit ihn herunterzuladen. Außerdem kannst du
</div> ihn jederzeit herunterladen, wenn du den generierten Link einfach in
deinem Browser aufrufst. <br />
Bedenke hierbei, dass heruntergeladene Kalender bzw. Stundenpläne sich
<div class="grid my-2"> nicht aktualisieren werden. Das ist nur möglich, wenn du den Kalender
<div class="col"> abonnierst.
Ich belege zusätzlich Module aus anderen Studiengängen und möchte diese auch in meinem Stundenplan haben.
</div> </div>
<div class="col">Nachdem du die Möglichkeit hattest, die für deinen Studiengang vorgesehenen Module aus dem Modulhandbuch auszuwählen, wirst du auf eine zweite Seite weitergeleitet.
Dort hast du die Möglichkeit, weitere Module aus anderen Studiengängen in deinen Studienplan einzufügen.</div>
</div> </div>
<div class="grid my-2"> <div class="grid my-2">
<div class="col my-2"> <div class="col">
Aktualisierung Probleme mit dem Kalender? Ich belege zusätzlich Module aus anderen Studiengängen und möchte
diese auch in meinem Stundenplan haben.
</div>
<div class="col">
Nachdem du die Möglichkeit hattest, die für deinen Studiengang
vorgesehenen Module aus dem Modulhandbuch auszuwählen, wirst du auf
eine zweite Seite weitergeleitet. Dort hast du die Möglichkeit,
weitere Module aus anderen Studiengängen in deinen Studienplan
einzufügen.
</div> </div>
<div class="col">Das liegt vermutlich daran, dass du ihn heruntergeladen statt abonniert hast. Automatisch aktualisieren können sich nur Kalender, die du abonniert hast.
Eine Aktualisierung des Kalenders auf dem Server wird täglich um 4:00 Uhr durchgeführt. So wird gewährleistet das alle Veränderungen seitens der HTWK übernommen werden.</div>
</div> </div>
<div class="grid my-2"> <div class="grid my-2">
<div class="col"> <div class="col my-2">Aktualisierung Probleme mit dem Kalender?</div>
<div class="col">
Das liegt vermutlich daran, dass du ihn heruntergeladen statt
abonniert hast. Automatisch aktualisieren können sich nur Kalender,
die du abonniert hast. Eine Aktualisierung des Kalenders auf dem
Server wird täglich um 4:00 Uhr durchgeführt. So wird gewährleistet
das alle Veränderungen seitens der HTWK übernommen werden.
</div>
</div>
<div class="grid my-2">
<div class="col">
Wie lange ist mein Stundenplan bzw. der Link dorthin gültig? Wie lange ist mein Stundenplan bzw. der Link dorthin gültig?
</div> </div>
<div class="col">Studenpläne sind erstmal nur für die ausgewählten Semester gültig. Da durch Wahlpflichtmodule oder deine Planung sich Veränderungen ergeben können.</div> <div class="col">
Studenpläne sind erstmal nur für die ausgewählten Semester gültig. Da
durch Wahlpflichtmodule oder deine Planung sich Veränderungen ergeben
können.
</div>
</div> </div>
<div class="grid my-2"> <div class="grid my-2">
<div class="col"> <div class="col">Preis und Entwicklung?</div>
Preis und Entwicklung? <div class="col">
Die Kosten können durch das selbständiges Hosting vollständig
ausgelagert werden. Die Entwicklung soll als aktives Git Projekt auch
durch die Community verwaltet werden.
</div> </div>
<div class="col">Die Kosten können durch das selbständiges Hosting vollständig ausgelagert werden. Die Entwicklung soll als aktives Git Projekt auch durch die Community verwaltet werden.</div>
</div> </div>
<p> <p>
Nicht gefunden, wonach du suchst?<br> Nicht gefunden, wonach du suchst?<br />
<a href="/imprint">Kontakt aufnehmen</a> <a href="/imprint">Kontakt aufnehmen</a>
</p> </p>
</div> </div>
</div> </div>
</template> </template>

46
frontend/src/components/Imprint.vue
View File

@@ -1,46 +0,0 @@
<script lang="ts" setup>
</script>
<template>
<div class="flex align-items-center justify-content-center flex-column">
<div class="flex align-items-center justify-content-center h-4rem mt-2">
<h3 class="text-4xl">Imprint</h3>
</div>
<div class="flex flex-column col-7">
<p>nach dem Telemediengesetz (TMG) der Bundesrepublik Deutschland.</p>
<h2>Kontakt</h2>
<p>Per Email: <a href="mailto:support@ekresse.de">support@ekresse.de</a></p>
<h2>Adresse</h2>
<p>Angaben gemäß § 5 TMG und verantwortlich für den Inhalt nach § 55 Abs. 2 RStV:</p>
<p>
Elmar Kresse<br>
Philipp-Rosenthal-Straße 33<br>
04103 Leipzig
</p>
<h2>Haftungsausschluss</h2>
<h3>Haftung für Inhalte</h3>
<p>Ich bemühe mich die Inhalte der Seite aktuell zu halten. Trotz sorgfältiger Bearbeitung bleibt eine Haftung ausgeschlossen.</p>
<p>Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich.</p>
<p>Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen. Bei bekannt werden von Rechtsverletzungen, werde ich diese Inhalte umgehend entfernen. Eine diesbezügliche Haftung übernehme ich erst ab dem Zeitpunkt der Kenntnis einer möglichen Rechtsverletzung.</p>
<h3>Haftung für Links</h3>
<p>Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen Einfluss haben. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Für die Inhalte und die Richtigkeit der Informationen verlinkter Websites fremder Informationsanbieter wird keine Gewähr übernommen.</p>
<p>Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße <strong>ohne Beanstandung</strong> überprüft. Bei bekannt werden von Rechtsverletzungen werden wir derartige Links umgehend entfernen.</p>
<h2>Urheberrecht</h2>
<p>Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.</p>
<h2>Datenschutz</h2>
<p>siehe <a href="/privacy-policy">Datenschutzerklärung</a></p>
<h2>Salvatorische Klausel</h2>
<p>Sollte eine Bestimmung des Vertrages unwirksam sein, so bleibt die Wirksamkeit der übrigen unberührt. Die unwirksame Bestimmung ist durch eine Bestimmung zu ersetzen, die dem gewollten Zweck in rechtlich zulässiger Weise am nächsten kommt. Das gleiche gilt für Vertragslücken.</p>
</div>
</div>
</template>
<style scoped></style>

85
frontend/src/components/ImprintPage.vue Normal file
View File

@@ -0,0 +1,85 @@
<script lang="ts" setup></script>
<template>
<div class="flex align-items-center justify-content-center flex-column">
<div class="flex align-items-center justify-content-center h-4rem mt-2">
<h3 class="text-4xl">Imprint</h3>
</div>
<div class="flex flex-column col-7">
<p>nach dem Telemediengesetz (TMG) der Bundesrepublik Deutschland.</p>
<h2>Kontakt</h2>
<p>
Per Email: <a href="mailto:support@ekresse.de">support@ekresse.de</a>
</p>
<h2>Adresse</h2>
<p>
Angaben gemäß § 5 TMG und verantwortlich für den Inhalt nach § 55 Abs. 2
RStV:
</p>
<p>
Elmar Kresse<br />
Philipp-Rosenthal-Straße 33<br />
04103 Leipzig
</p>
<h2>Haftungsausschluss</h2>
<h3>Haftung für Inhalte</h3>
<p>
Ich bemühe mich die Inhalte der Seite aktuell zu halten. Trotz
sorgfältiger Bearbeitung bleibt eine Haftung ausgeschlossen.
</p>
<p>
Als Diensteanbieter bin ich gemäß § 7 Abs.1 TMG für eigene Inhalte auf
diesen Seiten nach den allgemeinen Gesetzen verantwortlich.
</p>
<p>
Nach §§ 8 bis 10 TMG bin ich als Diensteanbieter jedoch nicht
verpflichtet, übermittelte oder gespeicherte fremde Informationen zu
überwachen. Bei bekannt werden von Rechtsverletzungen, werde ich diese
Inhalte umgehend entfernen. Eine diesbezügliche Haftung übernehme ich
erst ab dem Zeitpunkt der Kenntnis einer möglichen Rechtsverletzung.
</p>
<h3>Haftung für Links</h3>
<p>
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren
Inhalte wir keinen Einfluss haben. Für die Inhalte der verlinkten Seiten
ist stets der jeweilige Anbieter oder Betreiber der Seiten
verantwortlich. Für die Inhalte und die Richtigkeit der Informationen
verlinkter Websites fremder Informationsanbieter wird keine Gewähr
übernommen.
</p>
<p>
Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche
Rechtsverstöße <strong>ohne Beanstandung</strong> überprüft. Bei bekannt
werden von Rechtsverletzungen werden wir derartige Links umgehend
entfernen.
</p>
<h2>Urheberrecht</h2>
<p>
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen
Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung,
Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der
Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des
jeweiligen Autors bzw. Erstellers.
</p>
<h2>Datenschutz</h2>
<p>siehe <a href="/privacy-policy">Datenschutzerklärung</a></p>
<h2>Salvatorische Klausel</h2>
<p>
Sollte eine Bestimmung des Vertrages unwirksam sein, so bleibt die
Wirksamkeit der übrigen unberührt. Die unwirksame Bestimmung ist durch
eine Bestimmung zu ersetzen, die dem gewollten Zweck in rechtlich
zulässiger Weise am nächsten kommt. Das gleiche gilt für Vertragslücken.
</p>
</div>
</div>
</template>
<style scoped></style>

5
frontend/src/components/ModuleInformation.vue
View File

@@ -2,8 +2,9 @@
import { inject } from "vue"; import { inject } from "vue";
import { Module } from "../model/module.ts"; import { Module } from "../model/module.ts";
// eslint-disable-next-line @typescript-eslint/no-explicit-any
const dialogRef = inject("dialogRef") as any; const dialogRef = inject("dialogRef") as any;
const module = dialogRef.value.data.module as Module; const module = dialogRef.data.module as Module;
</script> </script>
<template> <template>
@@ -22,7 +23,7 @@ const module = dialogRef.value.data.module as Module;
<tr> <tr>
<td> <td>
<div class="card"> <div class="card">
<DataTable :value="module.events" tableStyle="min-width: 50rem"> <DataTable :value="module.events" table-style="min-width: 50rem">
<Column field="day" header="Day"></Column> <Column field="day" header="Day"></Column>
<Column field="start" header="Start"></Column> <Column field="start" header="Start"></Column>
<Column field="end" header="End"></Column> <Column field="end" header="End"></Column>

9
frontend/src/components/ModuleSelection.vue
View File

@@ -16,9 +16,12 @@ type ModuleWithSelection = { module: Module; selected: boolean };
// array of modules with boolean if selected with getter and setter // array of modules with boolean if selected with getter and setter
const modulesWithSelection: Ref<ModuleWithSelection[]> = ref( const modulesWithSelection: Ref<ModuleWithSelection[]> = ref(
props.modules.map((propModule) => { props.modules.map((propModule) => {
return { module: propModule, selected: moduleStore().modules.some((module: Module) => return {
module: propModule,
selected: moduleStore().modules.some((module: Module) =>
module.isEqual ? module.isEqual(propModule) : false, module.isEqual ? module.isEqual(propModule) : false,
), }; ),
};
}), }),
); );
@@ -129,4 +132,4 @@ function nextStep() {
width: 50rem; width: 50rem;
} }
} }
</style> </style>

253
frontend/src/components/PrivacyPolicy.vue
View File

@@ -1,5 +1,4 @@
<script lang="ts" setup> <script lang="ts" setup></script>
</script>
<template> <template>
<div class="flex align-items-center justify-content-center flex-column"> <div class="flex align-items-center justify-content-center flex-column">
@@ -9,8 +8,13 @@
<div class="flex flex-column col-7"> <div class="flex flex-column col-7">
<h1>Datenschutzerklärung</h1> <h1>Datenschutzerklärung</h1>
<p>Stand: 19. September 2023</p> <p>Stand: 19. September 2023</p>
<p>Mit der folgenden Datenschutzerklärung möchten wir Sie darüber aufklären, welche Arten Ihrer personenbezogenen Daten (nachfolgend auch kurz als "Daten“ bezeichnet) wir zu welchen Zwecken und in welchem Umfang im Rahmen der Bereitstellung unserer Applikation verarbeiten. <p>
Die verwendeten Begriffe sind nicht geschlechtsspezifisch.</p> Mit der folgenden Datenschutzerklärung möchten wir Sie darüber
aufklären, welche Arten Ihrer personenbezogenen Daten (nachfolgend auch
kurz als "Daten“ bezeichnet) wir zu welchen Zwecken und in welchem
Umfang im Rahmen der Bereitstellung unserer Applikation verarbeiten. Die
verwendeten Begriffe sind nicht geschlechtsspezifisch.
</p>
<h2>Inhaltsübersicht</h2> <h2>Inhaltsübersicht</h2>
<ul class="index"> <ul class="index">
@@ -173,18 +177,18 @@
Im Rahmen unserer Verarbeitung von personenbezogenen Daten kommt es vor, Im Rahmen unserer Verarbeitung von personenbezogenen Daten kommt es vor,
dass die Daten an andere Stellen, Unternehmen, rechtlich selbstständige dass die Daten an andere Stellen, Unternehmen, rechtlich selbstständige
Organisationseinheiten oder Personen übermittelt oder sie ihnen Organisationseinheiten oder Personen übermittelt oder sie ihnen
gegenüber offengelegt werden. Zu den Empfängern dieser Daten können gegenüber offengelegt werden. Zu den Empfängern dieser Daten können z.B.
z. B. mit IT-Aufgaben beauftragte Dienstleister oder Anbieter von mit IT-Aufgaben beauftragte Dienstleister oder Anbieter von Diensten und
Diensten und Inhalten, die in eine Webseite eingebunden werden, gehören. Inhalten, die in eine Webseite eingebunden werden, gehören. In solchen
In solchen Fällen beachten wir die gesetzlichen Vorgaben und schließen Fällen beachten wir die gesetzlichen Vorgaben und schließen insbesondere
insbesondere entsprechende Verträge bzw. Vereinbarungen, die dem Schutz entsprechende Verträge bzw. Vereinbarungen, die dem Schutz Ihrer Daten
Ihrer Daten dienen, mit den Empfängern Ihrer Daten ab. dienen, mit den Empfängern Ihrer Daten ab.
</p> </p>
<h2 id="m24">Internationale Datentransfers</h2> <h2 id="m24">Internationale Datentransfers</h2>
<p> <p>
Datenverarbeitung in Drittländern: Sofern wir Daten in einem Drittland Datenverarbeitung in Drittländern: Sofern wir Daten in einem Drittland
(d. h., außerhalb der Europäischen Union (EU), des Europäischen (d.h., außerhalb der Europäischen Union (EU), des Europäischen
Wirtschaftsraums (EWR)) verarbeiten oder die Verarbeitung im Rahmen der Wirtschaftsraums (EWR)) verarbeiten oder die Verarbeitung im Rahmen der
Inanspruchnahme von Diensten Dritter oder der Offenlegung bzw. Inanspruchnahme von Diensten Dritter oder der Offenlegung bzw.
Übermittlung von Daten an andere Personen, Stellen oder Unternehmen Übermittlung von Daten an andere Personen, Stellen oder Unternehmen
@@ -293,10 +297,10 @@
<p> <p>
Cookies sind kleine Textdateien, bzw. sonstige Speichervermerke, die Cookies sind kleine Textdateien, bzw. sonstige Speichervermerke, die
Informationen auf Endgeräten speichern und Informationen aus den Informationen auf Endgeräten speichern und Informationen aus den
Endgeräten auslesen. Z. B. um den Login-Status in einem Nutzerkonto, Endgeräten auslesen. Z.B. um den Login-Status in einem Nutzerkonto,
einen Warenkorbinhalt in einem E-Shop, die aufgerufenen Inhalte oder einen Warenkorbinhalt in einem E-Shop, die aufgerufenen Inhalte oder
verwendete Funktionen eines Onlineangebotes speichern. Cookies können verwendete Funktionen eines Onlineangebotes speichern. Cookies können
ferner zu unterschiedlichen Zwecken eingesetzt werden, z. B. zu Zwecken ferner zu unterschiedlichen Zwecken eingesetzt werden, z.B. zu Zwecken
der Funktionsfähigkeit, Sicherheit und Komfort von Onlineangeboten sowie der Funktionsfähigkeit, Sicherheit und Komfort von Onlineangeboten sowie
der Erstellung von Analysen der Besucherströme. der Erstellung von Analysen der Besucherströme.
</p> </p>
@@ -325,7 +329,7 @@
hängt davon ab, ob wir Nutzer um eine Einwilligung bitten. Falls die hängt davon ab, ob wir Nutzer um eine Einwilligung bitten. Falls die
Nutzer einwilligen, ist die Rechtsgrundlage der Verarbeitung Ihrer Daten Nutzer einwilligen, ist die Rechtsgrundlage der Verarbeitung Ihrer Daten
die erklärte Einwilligung. Andernfalls werden die mithilfe von Cookies die erklärte Einwilligung. Andernfalls werden die mithilfe von Cookies
verarbeiteten Daten auf Grundlage unserer berechtigten Interessen (z. B. verarbeiteten Daten auf Grundlage unserer berechtigten Interessen (z.B.
an einem betriebswirtschaftlichen Betrieb unseres Onlineangebotes und an einem betriebswirtschaftlichen Betrieb unseres Onlineangebotes und
Verbesserung seiner Nutzbarkeit) verarbeitet oder, wenn dies im Rahmen Verbesserung seiner Nutzbarkeit) verarbeitet oder, wenn dies im Rahmen
der Erfüllung unserer vertraglichen Pflichten erfolgt, wenn der Einsatz der Erfüllung unserer vertraglichen Pflichten erfolgt, wenn der Einsatz
@@ -335,15 +339,16 @@
von unseren Einwilligungs- und Verarbeitungsprozessen auf. von unseren Einwilligungs- und Verarbeitungsprozessen auf.
</p> </p>
<p> <p>
<strong>Speicherdauer: </strong>Im Hinblick auf die Speicherdauer werden <strong>Speicherdauer:</strong>Im Hinblick auf die Speicherdauer werden
die folgenden Arten von Cookies unterschieden: die folgenden Arten von Cookies unterschieden:
</p> </p>
<ul> <ul>
<li> <li>
<strong <strong
>Temporäre Cookies (auch: Session- oder Sitzungs-Cookies):</strong >Temporäre Cookies (auch: Session- oder Sitzungs-Cookies):</strong
> Temporäre Cookies werden spätestens gelöscht, nachdem ein Nutzer ein >
Online-Angebot verlassen und sein Endgerät (z. B. Browser oder mobile Temporäre Cookies werden spätestens gelöscht, nachdem ein Nutzer ein
Online-Angebot verlassen und sein Endgerät (z.B. Browser oder mobile
Applikation) geschlossen hat. Applikation) geschlossen hat.
</li> </li>
<li> <li>
@@ -352,9 +357,9 @@
beispielsweise der Login-Status gespeichert oder bevorzugte Inhalte beispielsweise der Login-Status gespeichert oder bevorzugte Inhalte
direkt angezeigt werden, wenn der Nutzer eine Website erneut besucht. direkt angezeigt werden, wenn der Nutzer eine Website erneut besucht.
Ebenso können die mit Hilfe von Cookies erhobenen Daten der Nutzer zur Ebenso können die mit Hilfe von Cookies erhobenen Daten der Nutzer zur
Reichweitenmessung verwendet werden. Sofern wir Nutzern keine Reichweitenmessung verwendet werden. Sofern wir Nutzern keine
expliziten Angaben zur Art und Speicherdauer von Cookies mitteilen expliziten Angaben zur Art und Speicherdauer von Cookies mitteilen
(z. B. im Rahmen der Einholung der Einwilligung), sollten Nutzer davon (z.B. im Rahmen der Einholung der Einwilligung), sollten Nutzer davon
ausgehen, dass Cookies permanent sind und die Speicherdauer bis zu ausgehen, dass Cookies permanent sind und die Speicherdauer bis zu
zwei Jahre betragen kann. zwei Jahre betragen kann.
</li> </li>
@@ -411,7 +416,7 @@
der Speicherung der Einwilligung kann bis zu zwei Jahren betragen. der Speicherung der Einwilligung kann bis zu zwei Jahren betragen.
Hierbei wird ein pseudonymer Nutzer-Identifikator gebildet und mit dem Hierbei wird ein pseudonymer Nutzer-Identifikator gebildet und mit dem
Zeitpunkt der Einwilligung, Angaben zur Reichweite der Einwilligung Zeitpunkt der Einwilligung, Angaben zur Reichweite der Einwilligung
(z. B. welche Kategorien von Cookies und/oder Diensteanbieter) sowie (z.B. welche Kategorien von Cookies und/oder Diensteanbieter) sowie
dem Browser, System und verwendeten Endgerät gespeichert; dem Browser, System und verwendeten Endgerät gespeichert;
<span class="" <span class=""
><strong>Rechtsgrundlagen:</strong> Einwilligung (Art. 6 Abs. 1 S. 1 ><strong>Rechtsgrundlagen:</strong> Einwilligung (Art. 6 Abs. 1 S. 1
@@ -429,14 +434,14 @@
</p> </p>
<ul class="m-elements"> <ul class="m-elements">
<li> <li>
<strong>Verarbeitete Datenarten:</strong> Nutzungsdaten (z. B. <strong>Verarbeitete Datenarten:</strong> Nutzungsdaten (z.B. besuchte
besuchte Webseiten, Interesse an Inhalten, Zugriffszeiten); Meta-, Webseiten, Interesse an Inhalten, Zugriffszeiten); Meta-,
Kommunikations- und Verfahrensdaten (z. .B. IP-Adressen, Zeitangaben, Kommunikations- und Verfahrensdaten (z.B. IP-Adressen, Zeitangaben,
Identifikationsnummern, Einwilligungsstatus). Identifikationsnummern, Einwilligungsstatus).
</li> </li>
<li> <li>
<strong>Betroffene Personen:</strong> Nutzer (z. .B. <strong>Betroffene Personen:</strong> Nutzer (z..B. Webseitenbesucher,
Webseitenbesucher, Nutzer von Onlinediensten). Nutzer von Onlinediensten).
</li> </li>
<li> <li>
<strong>Zwecke der Verarbeitung:</strong> Bereitstellung unseres <strong>Zwecke der Verarbeitung:</strong> Bereitstellung unseres
@@ -477,8 +482,8 @@
erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des erfolgreichen Abruf, Browsertyp nebst Version, das Betriebssystem des
Nutzers, Referrer URL (die zuvor besuchte Seite) und im Regelfall Nutzers, Referrer URL (die zuvor besuchte Seite) und im Regelfall
IP-Adressen und der anfragende Provider gehören. Die Serverlogfiles IP-Adressen und der anfragende Provider gehören. Die Serverlogfiles
können zum einen zu Zwecken der Sicherheit eingesetzt werden, z. B., können zum einen zu Zwecken der Sicherheit eingesetzt werden, z.B., um
um eine Überlastung der Server zu vermeiden (insbesondere im Fall von eine Überlastung der Server zu vermeiden (insbesondere im Fall von
missbräuchlichen Angriffen, sogenannten DDoS-Attacken) und zum missbräuchlichen Angriffen, sogenannten DDoS-Attacken) und zum
anderen, um die Auslastung der Server und ihre Stabilität anderen, um die Auslastung der Server und ihre Stabilität
sicherzustellen; sicherzustellen;
@@ -494,18 +499,18 @@
</ul> </ul>
<h2 id="m182">Kontakt- und Anfragenverwaltung</h2> <h2 id="m182">Kontakt- und Anfragenverwaltung</h2>
<p> <p>
Bei der Kontaktaufnahme mit uns (z. B. per Post, Kontaktformular, Bei der Kontaktaufnahme mit uns (z.B. per Post, Kontaktformular, E-Mail,
E-Mail, Telefon oder via soziale Medien) sowie im Rahmen bestehender Telefon oder via soziale Medien) sowie im Rahmen bestehender Nutzer- und
Nutzer- und Geschäftsbeziehungen werden die Angaben der anfragenden Geschäftsbeziehungen werden die Angaben der anfragenden Personen
Personen verarbeitet soweit dies zur Beantwortung der Kontaktanfragen verarbeitet soweit dies zur Beantwortung der Kontaktanfragen und
und etwaiger angefragter Maßnahmen erforderlich ist. etwaiger angefragter Maßnahmen erforderlich ist.
</p> </p>
<ul class="m-elements"> <ul class="m-elements">
<li> <li>
<strong>Verarbeitete Datenarten:</strong> Kontaktdaten (z. B. E-Mail, <strong>Verarbeitete Datenarten:</strong> Kontaktdaten (z.B. E-Mail,
Telefonnummern); Inhaltsdaten (z. B. Eingaben in Onlineformularen); Telefonnummern); Inhaltsdaten (z.B. Eingaben in Onlineformularen);
Nutzungsdaten (z. B. besuchte Webseiten, Interesse an Inhalten, Nutzungsdaten (z.B. besuchte Webseiten, Interesse an Inhalten,
Zugriffszeiten); Meta-, Kommunikations- und Verfahrensdaten (z. .B. Zugriffszeiten); Meta-, Kommunikations- und Verfahrensdaten (z.B.
IP-Adressen, Zeitangaben, Identifikationsnummern, IP-Adressen, Zeitangaben, Identifikationsnummern,
Einwilligungsstatus). Einwilligungsstatus).
</li> </li>
@@ -522,91 +527,107 @@
</li> </li>
</ul> </ul>
<h2 id="m10">Rechte der betroffenen Personen</h2> <h2 id="m10">Rechte der betroffenen Personen</h2>
<p>Ihnen stehen als Betroffene nach der DSGVO verschiedene Rechte zu, die sich insbesondere aus Art. 15 <p>
bis 21 DSGVO Ihnen stehen als Betroffene nach der DSGVO verschiedene Rechte zu, die
ergeben:</p> sich insbesondere aus Art. 15 bis 21 DSGVO ergeben:
</p>
<ul> <ul>
<li><strong>Widerspruchsrecht: Sie haben das Recht, aus Gründen, die sich aus Ihrer besonderen <li>
Situation <strong
ergeben, jederzeit gegen die Verarbeitung der Sie betreffenden personenbezogenen Daten, die >Widerspruchsrecht: Sie haben das Recht, aus Gründen, die sich aus
aufgrund von Ihrer besonderen Situation ergeben, jederzeit gegen die Verarbeitung
Art. 6 Abs. 1 lit. e oder f DSGVO erfolgt, Widerspruch einzulegen; dies gilt auch für ein der Sie betreffenden personenbezogenen Daten, die aufgrund von Art.
auf diese 6 Abs. 1 lit. e oder f DSGVO erfolgt, Widerspruch einzulegen; dies
Bestimmungen gestütztes Profiling. Werden die Sie betreffenden personenbezogenen Daten gilt auch für ein auf diese Bestimmungen gestütztes Profiling.
verarbeitet, um Werden die Sie betreffenden personenbezogenen Daten verarbeitet, um
Direktwerbung zu betreiben, haben Sie das Recht, jederzeit Widerspruch gegen die Direktwerbung zu betreiben, haben Sie das Recht, jederzeit
Verarbeitung der Sie Widerspruch gegen die Verarbeitung der Sie betreffenden
betreffenden personenbezogenen Daten zum Zwecke derartiger Werbung einzulegen; dies gilt personenbezogenen Daten zum Zwecke derartiger Werbung einzulegen;
auch für das dies gilt auch für das Profiling, soweit es mit solcher
Profiling, soweit es mit solcher Direktwerbung in Verbindung steht.</strong></li> Direktwerbung in Verbindung steht.</strong
<li><strong>Widerrufsrecht bei Einwilligungen:</strong> Sie haben das Recht, erteilte Einwilligungen >
jederzeit </li>
zu widerrufen.</li> <li>
<li><strong>Auskunftsrecht:</strong> Sie haben das Recht, eine Bestätigung darüber zu verlangen, ob <strong>Widerrufsrecht bei Einwilligungen:</strong> Sie haben das
betreffende Recht, erteilte Einwilligungen jederzeit zu widerrufen.
Daten verarbeitet werden und auf Auskunft über diese Daten sowie auf weitere Informationen und </li>
Kopie der <li>
Daten entsprechend den gesetzlichen Vorgaben.</li> <strong>Auskunftsrecht:</strong> Sie haben das Recht, eine Bestätigung
<li><strong>Recht auf Berichtigung:</strong> Sie haben entsprechend den gesetzlichen Vorgaben das darüber zu verlangen, ob betreffende Daten verarbeitet werden und auf
Recht, die Auskunft über diese Daten sowie auf weitere Informationen und Kopie
Vervollständigung der Sie betreffenden Daten oder die Berichtigung der Sie betreffenden der Daten entsprechend den gesetzlichen Vorgaben.
unrichtigen Daten zu </li>
verlangen.</li> <li>
<li><strong>Recht auf Löschung und Einschränkung der Verarbeitung:</strong> Sie haben nach Maßgabe <strong>Recht auf Berichtigung:</strong> Sie haben entsprechend den
der gesetzlichen Vorgaben das Recht, die Vervollständigung der Sie
gesetzlichen Vorgaben das Recht, zu verlangen, dass Sie betreffende Daten unverzüglich gelöscht betreffenden Daten oder die Berichtigung der Sie betreffenden
werden, bzw. unrichtigen Daten zu verlangen.
alternativ nach Maßgabe der gesetzlichen Vorgaben eine Einschränkung der Verarbeitung der Daten </li>
zu <li>
verlangen.</li> <strong
<li><strong>Recht auf Datenübertragbarkeit:</strong> Sie haben das Recht, Sie betreffende Daten, die >Recht auf Löschung und Einschränkung der Verarbeitung:</strong
Sie uns >
bereitgestellt haben, nach Maßgabe der gesetzlichen Vorgaben in einem strukturierten, gängigen Sie haben nach Maßgabe der gesetzlichen Vorgaben das Recht, zu
und verlangen, dass Sie betreffende Daten unverzüglich gelöscht werden,
maschinenlesbaren Format zu erhalten oder deren Übermittlung an einen anderen Verantwortlichen bzw. alternativ nach Maßgabe der gesetzlichen Vorgaben eine
zu fordern. Einschränkung der Verarbeitung der Daten zu verlangen.
</li>
<li>
<strong>Recht auf Datenübertragbarkeit:</strong> Sie haben das Recht,
Sie betreffende Daten, die Sie uns bereitgestellt haben, nach Maßgabe
der gesetzlichen Vorgaben in einem strukturierten, gängigen und
maschinenlesbaren Format zu erhalten oder deren Übermittlung an einen
anderen Verantwortlichen zu fordern.
</li>
<li>
<strong>Beschwerde bei Aufsichtsbehörde:</strong> Sie haben
unbeschadet eines anderweitigen verwaltungsrechtlichen oder
gerichtlichen Rechtsbehelfs das Recht auf Beschwerde bei einer
Aufsichtsbehörde, insbesondere in dem Mitgliedstaat ihres gewöhnlichen
Aufenthaltsorts, ihres Arbeitsplatzes oder des Orts des mutmaßlichen
Verstoßes, wenn Sie der Ansicht sind, dass die Verarbeitung der Sie
betreffenden personenbezogenen Daten gegen die Vorgaben der DSGVO
verstößt.
</li> </li>
<li><strong>Beschwerde bei Aufsichtsbehörde:</strong> Sie haben unbeschadet eines anderweitigen
verwaltungsrechtlichen oder gerichtlichen Rechtsbehelfs das Recht auf Beschwerde bei einer
Aufsichtsbehörde,
insbesondere in dem Mitgliedstaat ihres gewöhnlichen Aufenthaltsorts, ihres Arbeitsplatzes oder
des Orts des
mutmaßlichen Verstoßes, wenn Sie der Ansicht sind, dass die Verarbeitung der Sie betreffenden
personenbezogenen Daten gegen die Vorgaben der DSGVO verstößt.</li>
</ul> </ul>
<h2 id="m42">Begriffsdefinitionen</h2> <h2 id="m42">Begriffsdefinitionen</h2>
<p>In diesem Abschnitt erhalten Sie eine Übersicht über die in dieser Datenschutzerklärung verwendeten <p>
Begrifflichkeiten. Viele der Begriffe sind dem Gesetz entnommen und vor allem im Art. 4 DSGVO In diesem Abschnitt erhalten Sie eine Übersicht über die in dieser
definiert. Die Datenschutzerklärung verwendeten Begrifflichkeiten. Viele der Begriffe
gesetzlichen Definitionen sind verbindlich. Die nachfolgenden Erläuterungen sollen dagegen vor allem sind dem Gesetz entnommen und vor allem im Art. 4 DSGVO definiert. Die
dem gesetzlichen Definitionen sind verbindlich. Die nachfolgenden
Verständnis dienen. Die Begriffe sind alphabetisch sortiert.</p> Erläuterungen sollen dagegen vor allem dem Verständnis dienen. Die
Begriffe sind alphabetisch sortiert.
</p>
<ul class="glossary"> <ul class="glossary">
<li><strong>Personenbezogene Daten:</strong> "Personenbezogene Daten“ sind alle Informationen, die <li>
sich auf eine <strong>Personenbezogene Daten:</strong> "Personenbezogene Daten“ sind
identifizierte oder identifizierbare natürliche Person (im Folgenden "betroffene Person“) alle Informationen, die sich auf eine identifizierte oder
beziehen; als identifizierbare natürliche Person (im Folgenden "betroffene Person“)
identifizierbar wird eine natürliche Person angesehen, die direkt oder indirekt, insbesondere beziehen; als identifizierbar wird eine natürliche Person angesehen,
mittels die direkt oder indirekt, insbesondere mittels Zuordnung zu einer
Zuordnung zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu einer Kennung wie einem Namen, zu einer Kennnummer, zu Standortdaten, zu
Online-Kennung einer Online-Kennung (z.B. Cookie) oder zu einem oder mehreren
(z.B. Cookie) oder zu einem oder mehreren besonderen Merkmalen identifiziert werden kann, die besonderen Merkmalen identifiziert werden kann, die Ausdruck der
Ausdruck der physischen, physiologischen, genetischen, psychischen,
physischen, physiologischen, genetischen, psychischen, wirtschaftlichen, kulturellen oder wirtschaftlichen, kulturellen oder sozialen Identität dieser
sozialen Identität natürlichen Person sind.
dieser natürlichen Person sind. </li> </li>
<li><strong>Verantwortlicher:</strong> Als "Verantwortlicher“ wird die natürliche oder juristische <li>
Person, <strong>Verantwortlicher:</strong> Als "Verantwortlicher“ wird die
Behörde, Einrichtung oder andere Stelle, die allein oder gemeinsam mit anderen über die Zwecke natürliche oder juristische Person, Behörde, Einrichtung oder andere
und Mittel Stelle, die allein oder gemeinsam mit anderen über die Zwecke und
der Verarbeitung von personenbezogenen Daten entscheidet, bezeichnet. </li> Mittel der Verarbeitung von personenbezogenen Daten entscheidet,
<li><strong>Verarbeitung:</strong> "Verarbeitung" ist jeder mit oder ohne Hilfe automatisierter bezeichnet.
Verfahren </li>
ausgeführte Vorgang oder jede solche Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. <li>
Der Begriff <strong>Verarbeitung:</strong> "Verarbeitung" ist jeder mit oder ohne
reicht weit und umfasst praktisch jeden Umgang mit Daten, sei es das Erheben, das Auswerten, das Hilfe automatisierter Verfahren ausgeführte Vorgang oder jede solche
Speichern, Vorgangsreihe im Zusammenhang mit personenbezogenen Daten. Der Begriff
das Übermitteln oder das Löschen. </li> reicht weit und umfasst praktisch jeden Umgang mit Daten, sei es das
Erheben, das Auswerten, das Speichern, das Übermitteln oder das
Löschen.
</li>
</ul> </ul>
<p class="seal"> <p class="seal">
<a <a

75
frontend/src/components/RenameModules.vue
View File

@@ -5,17 +5,18 @@ import router from "../router";
import tokenStore from "../store/tokenStore.ts"; import tokenStore from "../store/tokenStore.ts";
import { ref } from "vue"; import { ref } from "vue";
const tableData = ref(moduleStore().modules.map((module) => { const tableData = ref(
return { moduleStore().modules.map((module) => {
Course: module.course, return {
Module: module, Course: module.course,
} Module: module,
}) };
}),
); );
const columns = ref([ const columns = ref([
{ field: 'Course', header: 'Course' }, { field: "Course", header: "Course" },
{ field: 'Module', header: 'Module' }, { field: "Module", header: "Module" },
]); ]);
async function finalStep() { async function finalStep() {
@@ -28,36 +29,48 @@ async function finalStep() {
<template> <template>
<div class="flex flex-column"> <div class="flex flex-column">
<div class="flex align-items-center justify-content-center h-4rem m-2"> <div class="flex align-items-center justify-content-center h-4rem m-2">
<h3> <h3>Rename your selected Modules to your liking.</h3>
Rename your selected Modules to your liking.
</h3>
</div> </div>
<div class="card flex align-items-center justify-content-center m-2"> <div class="card flex align-items-center justify-content-center m-2">
<DataTable :value="tableData" editMode="cell" tableClass="editable-cells-table" responsiveLayout="scroll"> <DataTable
<Column v-for="col of columns" :key="col.field" :field="col.field" :header="col.header"> :value="tableData"
<template #body="{ data, field }" > edit-mode="cell"
<div>{{ field === 'Module' ? data[field].userDefinedName : data[field] }}</div> table-class="editable-cells-table"
</template> responsive-layout="scroll"
<template #editor="{ data, field }"> >
<template v-if="field !== 'Module'"> <Column
<div>{{ data[field] }}</div> v-for="col of columns"
</template> :key="col.field"
<template v-else> :field="col.field"
<InputText class="w-full" v-model="data[field].userDefinedName" autofocus /> :header="col.header"
</template> >
</template> <template #body="{ data, field }">
</Column> <div>
</DataTable> {{
field === "Module" ? data[field].userDefinedName : data[field]
}}
</div>
</template>
<template #editor="{ data, field }">
<template v-if="field !== 'Module'">
<div>{{ data[field] }}</div>
</template>
<template v-else>
<InputText
v-model="data[field].userDefinedName"
class="w-full"
autofocus
/>
</template>
</template>
</Column>
</DataTable>
</div> </div>
<div class="flex align-items-center justify-content-center h-4rem m-2"> <div class="flex align-items-center justify-content-center h-4rem m-2">
<Button @click="finalStep()">Next Step</Button> <Button @click="finalStep()">Next Step</Button>
</div> </div>
</div> </div>
</template> </template>
<style scoped> <style scoped></style>
</style>

5
frontend/src/components/editCalendar/EditAdditionalModules.vue
View File

@@ -36,11 +36,10 @@ const ModuleInformation = defineAsyncComponent(
() => import("../ModuleInformation.vue"), () => import("../ModuleInformation.vue"),
); );
async function showInfo(moduleName : string) { async function showInfo(moduleName: string) {
const module: Ref<Module> = ref(new Module("", "", "", "", "", [])); const module: Ref<Module> = ref(new Module("", "", "", "", "", []));
await fetchModule(moduleName).then((data) => { await fetchModule(moduleName).then((data) => {
module.value = data; module.value = data;
}); });
dialog.open(ModuleInformation, { dialog.open(ModuleInformation, {
props: { props: {

35
frontend/src/components/editCalendar/EditModules.vue
View File

@@ -1,9 +1,5 @@
<script lang="ts" setup> <script lang="ts" setup>
import { import { computed, Ref, ref } from "vue";
computed,
Ref,
ref,
} from "vue";
import { Module } from "../../model/module"; import { Module } from "../../model/module";
import moduleStore from "../../store/moduleStore"; import moduleStore from "../../store/moduleStore";
import { fetchAllModules } from "../../api/fetchCourse"; import { fetchAllModules } from "../../api/fetchCourse";
@@ -29,10 +25,6 @@ const fetchedModules = async () => {
return await fetchAllModules(); return await fetchAllModules();
}; };
function deleteAllModules() {
moduleStore().removeAllModules();
}
function deleteModule(module: Module) { function deleteModule(module: Module) {
console.debug(module); console.debug(module);
moduleStore().removeModule(module); moduleStore().removeModule(module);
@@ -55,12 +47,14 @@ async function finalStep() {
<template> <template>
<div class="flex flex-column card-container mx-8 mt-2"> <div class="flex flex-column card-container mx-8 mt-2">
<div class="flex align-items-center justify-content-center border-round m-2"> <div
class="flex align-items-center justify-content-center border-round m-2"
>
<DataTable <DataTable
:value="tableData" :value="tableData"
editMode="cell" edit-mode="cell"
tableClass="editable-cells-table" table-class="editable-cells-table"
responsiveLayout="scroll" responsive-layout="scroll"
> >
<Column <Column
v-for="col of columns" v-for="col of columns"
@@ -70,7 +64,9 @@ async function finalStep() {
> >
<template #body="{ data, field }"> <template #body="{ data, field }">
<div> <div>
{{field === "Module" ? data[field].userDefinedName : data[field]}} {{
field === "Module" ? data[field].userDefinedName : data[field]
}}
</div> </div>
</template> </template>
<template #editor="{ data, field }"> <template #editor="{ data, field }">
@@ -79,8 +75,8 @@ async function finalStep() {
</template> </template>
<template v-else> <template v-else>
<InputText <InputText
class="w-full"
v-model="data[field].userDefinedName" v-model="data[field].userDefinedName"
class="w-full"
autofocus autofocus
/> />
</template> </template>
@@ -89,22 +85,23 @@ async function finalStep() {
<Column> <Column>
<template #body="{ data }"> <template #body="{ data }">
<Button <Button
@click="deleteModule(data['Module'])"
icon="pi pi-trash" icon="pi pi-trash"
severity="danger" severity="danger"
outlined outlined
rounded rounded
aria-label="Cancel" aria-label="Cancel"
@click="deleteModule(data['Module'])"
/> />
</template> </template>
</Column> </Column>
</DataTable> </DataTable>
</div> </div>
<div class="flex align-items-center justify-content-center border-round m-2"> <div
class="flex align-items-center justify-content-center border-round m-2"
>
<Button label="Save Calendar" @click="finalStep()" /> <Button label="Save Calendar" @click="finalStep()" />
</div> </div>
</div> </div>
</template> </template>
<style scoped> <style scoped></style>
</style>

10
frontend/src/main.ts
View File

@@ -19,13 +19,13 @@ import { createPinia } from "pinia";
import MultiSelect from "primevue/multiselect"; import MultiSelect from "primevue/multiselect";
import ToastService from "primevue/toastservice"; import ToastService from "primevue/toastservice";
import Toast from "primevue/toast"; import Toast from "primevue/toast";
import Accordion from 'primevue/accordion'; import Accordion from "primevue/accordion";
import AccordionTab from 'primevue/accordiontab'; import AccordionTab from "primevue/accordiontab";
import DataTable from "primevue/datatable"; import DataTable from "primevue/datatable";
import Column from "primevue/column"; import Column from "primevue/column";
import DynamicDialog from 'primevue/dynamicdialog'; import DynamicDialog from "primevue/dynamicdialog";
import DialogService from 'primevue/dialogservice'; import DialogService from "primevue/dialogservice";
import ProgressSpinner from 'primevue/progressspinner'; import ProgressSpinner from "primevue/progressspinner";
const app = createApp(App); const app = createApp(App);
const pinia = createPinia(); const pinia = createPinia();

2
frontend/src/model/calendar.ts
View File

@@ -7,4 +7,4 @@ export type Calendar = {
id: string; id: string;
modules: Module[]; modules: Module[];
updated: string; updated: string;
} };

3
frontend/src/model/event.ts
View File

@@ -1,4 +1,3 @@
export class Event { export class Event {
constructor( constructor(
public name: string, public name: string,
@@ -11,4 +10,4 @@ export class Event {
public rooms: string, public rooms: string,
public notes: string, public notes: string,
) {} ) {}
} }

11
frontend/src/model/module.ts
View File

@@ -1,4 +1,4 @@
import { Event } from './event'; import { Event } from "./event";
export class Module { export class Module {
constructor( constructor(
@@ -10,12 +10,7 @@ export class Module {
public events: Event[] = [], public events: Event[] = [],
) {} ) {}
isEqual(module: Module): Boolean{ isEqual(module: Module): Boolean {
return ( return this.name === module.name && this.course === module.course;
this.name === module.name &&
this.course === module.course
);
} }
} }

2
frontend/src/router/index.ts
View File

@@ -3,7 +3,7 @@ import Faq from "../components/FaqPage.vue";
import CourseSelection from "../components/CourseSelection.vue"; import CourseSelection from "../components/CourseSelection.vue";
import AdditionalModules from "../components/AdditionalModules.vue"; import AdditionalModules from "../components/AdditionalModules.vue";
import CalendarLink from "../components/CalendarLink.vue"; import CalendarLink from "../components/CalendarLink.vue";
import Imprint from "../components/Imprint.vue"; import Imprint from "../components/ImprintPage.vue";
import PrivacyPolicy from "../components/PrivacyPolicy.vue"; import PrivacyPolicy from "../components/PrivacyPolicy.vue";
import RenameModules from "../components/RenameModules.vue"; import RenameModules from "../components/RenameModules.vue";
import EditCalendarView from "../view/editCalendarView.vue"; import EditCalendarView from "../view/editCalendarView.vue";

2
frontend/src/store/moduleStore.ts
View File

@@ -14,7 +14,7 @@ const moduleStore = defineStore("moduleStore", {
}, },
removeAllModules() { removeAllModules() {
this.modules = []; this.modules = [];
} },
}, },
}); });

29
frontend/src/view/editCalendarView.vue
View File

@@ -1,5 +1,4 @@
<script setup lang="ts"> <script setup lang="ts">
import { Ref, ref } from "vue"; import { Ref, ref } from "vue";
import { Module } from "../model/module"; import { Module } from "../model/module";
import moduleStore from "../store/moduleStore"; import moduleStore from "../store/moduleStore";
@@ -21,27 +20,37 @@ function loadCalendar() {
modules.value = data; modules.value = data;
}); });
router.push("/edit-additional-modules") router.push("/edit-additional-modules");
} }
</script> </script>
<template> <template>
<div class="flex flex-column"> <div class="flex flex-column">
<div class="flex align-items-center justify-content-center h-4rem mt-2"> <div class="flex align-items-center justify-content-center h-4rem mt-2">
<h3 class="text-2xl">Edit your HTWKalender <i class="pi pi-calendar vertical-align-baseline" style="font-size: 2rem"></i></h3> <h3 class="text-2xl">
Edit your HTWKalender
<i
class="pi pi-calendar vertical-align-baseline"
style="font-size: 2rem"
></i>
</h3>
</div> </div>
<div class="flex align-items-center justify-content-center h-4rem border-round"> <div
class="flex align-items-center justify-content-center h-4rem border-round"
>
<p class="text-2xl">Please enter your existing calendar token</p> <p class="text-2xl">Please enter your existing calendar token</p>
</div> </div>
<div class="flex align-items-center justify-content-center border-round m-2"> <div
<InputText type="text" v-model="token" /> class="flex align-items-center justify-content-center border-round m-2"
>
<InputText v-model="token" type="text" />
</div> </div>
<div class="flex align-items-center justify-content-center border-round m-2"> <div
class="flex align-items-center justify-content-center border-round m-2"
>
<Button label="Load Calendar" @click="loadCalendar" /> <Button label="Load Calendar" @click="loadCalendar" />
</div> </div>
</div> </div>
</template> </template>
<style scoped> <style scoped></style>
</style>

6
frontend/vite.config.ts
View File

@@ -8,7 +8,7 @@ export default defineConfig({
host: true, host: true,
port: 8000, port: 8000,
watch: { watch: {
usePolling: true, usePolling: true,
} },
} },
}); });