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

fixed frontend (format, lint, build)

Browse Source
This commit is contained in:
masterElmar
2023-11-01 22:31:12 +01:00
parent a8dce8207b
commit 0fc6e249d2
10 changed files with 277 additions and 208 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
frontend/src/components/ModuleTemplateDialog.vue
View File

@@ -4,13 +4,21 @@ import { Ref, ref } from "vue";
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" },
{
placeholder: "%t",
description: "Event Type",
examples: "V = Vorlesung, S = Seminar, P = Praktikum/Prüfung",
},
{
placeholder: "%p",
description: "Mandatory",
examples: "w = optional, p = mandatory",
},
]);
</script>
<template>
<Button
<Button
icon="pi pi-info"
class="m-2 small-button"
severity="help"
@@ -18,36 +26,30 @@ const placeholders = ref([
outlined
size="large"
aria-label="Help"
@click="helpVisible = true" />
<Dialog
v-model:visible="helpVisible"
header="Module configuration"
>
@click="helpVisible = true"
/>
<Dialog v-model:visible="helpVisible" header="Module configuration">
<p>
Here you can rename your modules to your liking. This will be the name
of the event in your calendar.
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"
>
<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>
<p>
Additionally, you can toggle notifications for each module.
If you do so, you will be notified 15 minutes before the event starts.
Additionally, you can toggle notifications for each module. If you do so,
you will be notified 15 minutes before the event starts.
</p>
</Dialog>
</template>
<style scoped>
.small-button.p-button {
width: 2rem;
height: 2rem;
padding: 0;
}
.small-button.p-button {
width: 2rem;
height: 2rem;
padding: 0;
}
</style>