HTWK/htwkalender
1
1
Fork 0
mirror of https://gitlab.dit.htwk-leipzig.de/htwk-software/htwkalender.git synced 2025-08-03 10:19:14 +02:00
Code Issues Packages Projects Releases Wiki Activity

added different pages for editing

Browse Source
This commit is contained in:
Elmar Kresse
2023-10-17 21:07:15 +02:00
parent 0923d51b7e
commit 941e95f194
10 changed files with 354 additions and 75 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,9 +1,28 @@
<script setup lang="ts">
import LoadCalender from "../components/editCalendar/loadCalender.vue";
import { Ref, ref } from "vue";
import { Module } from "../model/module";
import moduleStore from "../store/moduleStore";
import { getCalender } from "../api/loadCalendar";
import router from "../router";
import tokenStore from "../store/tokenStore";
const token: Ref<string> = ref("");
const modules: Ref<Module[]> = ref(moduleStore().modules);
function loadCalendar() {
moduleStore().removeAllModules();
tokenStore().setToken(token.value);
getCalender(token.value).then((data) => {
data.forEach((module) => {
moduleStore().addModule(module);
});
modules.value = data;
});
router.push("/edit-additional-modules")
}
</script>
<template>
@@ -11,8 +30,14 @@ import LoadCalender from "../components/editCalendar/loadCalender.vue";
<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>
</div>
<div class="flex align-items-center justify-content-center">
<LoadCalender />
<div class="flex align-items-center justify-content-center h-4rem border-round">
<p class="text-2xl">Please enter your existing calendar token</p>
</div>
<div class="flex align-items-center justify-content-center border-round m-2">
<InputText type="text" v-model="token" />
</div>
<div class="flex align-items-center justify-content-center border-round m-2">
<Button label="Load Calendar" @click="loadCalendar" />
</div>
</div>
</template>