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

Merge remote-tracking branch 'origin/main' into 21-customizable-events

Browse Source
This commit is contained in:
survellow
2023-11-01 19:19:48 +01:00
parent 21a6d3761e fe8f075852
commit cd924c23c1
3 changed files with 58 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -3,7 +3,8 @@ import moduleStore from "../store/moduleStore.ts";
import { createIndividualFeed } from "../api/createFeed.ts";
import router from "../router";
import tokenStore from "../store/tokenStore.ts";
import { Ref, ref } from "vue";
import { ref } from "vue";
import ModuleTemplateDialog from "./ModuleTemplateDialog.vue";
const tableData = ref(
moduleStore().modules.map((module) => {
@@ -20,13 +21,6 @@ const columns = ref([
{ field: "Reminder", header: "Reminder"}
]);
const helpVisible: Ref<boolean> = ref(false);
const placeholders = ref([
{ placeholder: "%t", description: "Event Type", examples: "V = Vorlesung, S = Seminar, P = Praktikum/Prüfung" },
{ placeholder: "%p", description: "Mandatory", examples: "w = optional, p = mandatory" },
]);
async function finalStep() {
const token: string = await createIndividualFeed(moduleStore().modules);
tokenStore().setToken(token);
@@ -38,26 +32,7 @@ async function finalStep() {
<div class="flex flex-column">
<div class="flex align-items-center justify-content-center h-4rem m-2">
<h3>Configure your selected Modules to your liking.</h3>
<i class="shadow-3 hover:shadow-8 pi pi-info-circle m-2" style="font-size: 1.5rem; color: orange" @click="helpVisible = true"></i>
<Dialog
v-model:visible="helpVisible"
header="Module placeholders"
>
<p>
Here you can rename your modules to your liking. This will be the name
of the event in your calendar.
</p>
<p>
You can use the following placeholders in your module names:
</p>
<DataTable
:value="placeholders"
>
<Column field="placeholder" header="Placeholder"></Column>
<Column field="description" header="Description"></Column>
<Column field="examples" header="Examples"></Column>
</DataTable>
</Dialog>
<ModuleTemplateDialog />
</div>
<div class="card flex align-items-center justify-content-center m-2">
<DataTable