1.2.0

api/prisma/migrations/20240226065838_add_field_bedingungen_to_unterveranstaltung/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Unterveranstaltung" ADD COLUMN     "bedingungen" TEXT;

api/prisma/migrations/20240226072942_add_public_teilnahmebedingungen/migration.sql

@@ -0,0 +1,2 @@
+-- AlterTable
+ALTER TABLE "Veranstaltung" ADD COLUMN     "teilnahmeBedingungenPublic" TEXT;

api/prisma/schema.prisma

@@ -237,24 +237,25 @@ model Ort {
 }
 
 model Veranstaltung {
-  id                   Int                  @id @default(autoincrement())
-  name                 String
-  beginn               DateTime             @db.Date
-  ende                 DateTime             @db.Date
-  meldebeginn          DateTime
-  meldeschluss         DateTime
-  ortId                Int?
-  ort                  Ort?                 @relation(fields: [ortId], references: [id], onDelete: SetNull)
-  maxTeilnehmende      Int
-  teilnahmegebuehr     Int
-  unterveranstaltungen Unterveranstaltung[]
-  mahlzeiten           Mahlzeit[]
-  beschreibung         String?
-  datenschutz          String?
-  teilnahmeBedingungen String?
-  zielgruppe           String?
-  hostnameId           Int?
-  hostname             Hostname?           @relation(fields: [hostnameId], references: [id])
+  id                          Int                  @id @default(autoincrement())
+  name                        String
+  beginn                      DateTime             @db.Date
+  ende                        DateTime             @db.Date
+  meldebeginn                 DateTime
+  meldeschluss                DateTime
+  ortId                       Int?
+  ort                         Ort?                 @relation(fields: [ortId], references: [id], onDelete: SetNull)
+  maxTeilnehmende             Int
+  teilnahmegebuehr            Int
+  unterveranstaltungen        Unterveranstaltung[]
+  mahlzeiten                  Mahlzeit[]
+  beschreibung                String?
+  datenschutz                 String?
+  teilnahmeBedingungen        String?
+  teilnahmeBedingungenPublic  String?
+  zielgruppe                  String?
+  hostnameId                  Int?
+  hostname                    Hostname?           @relation(fields: [hostnameId], references: [id])
 }
 
 enum MahlzeitType {
@@ -289,6 +290,7 @@ model Unterveranstaltung {
   gliederung       Gliederung             @relation(fields: [gliederungId], references: [id], onDelete: Cascade)
   Anmeldung        Anmeldung[]
   beschreibung     String?
+  bedingungen      String?
   type             UnterveranstaltungType @default(GLIEDERUNG)
 }
 

api/prisma/seeders/veranstaltung.ts

@@ -18,7 +18,13 @@ const createVeranstaltung: Seeder = async (prisma: PrismaClient) => {
       beschreibung: faker.lorem.text(),
       datenschutz: faker.lorem.text(),
       teilnahmeBedingungen: faker.lorem.text(),
+      teilnahmeBedingungenPublic: faker.lorem.text(),
       zielgruppe: faker.lorem.text(),
+      hostname: {
+        create: {
+          hostname: 'localhost:8080',
+        },
+      },
       ort: {
         create: {
           name: 'Waldheim am Brahmsee',

api/src/services/unterveranstaltung/unterveranstaltungGliederungCreate.ts

@@ -17,6 +17,7 @@ export const unterveranstaltungGliederungCreateProcedure = defineProcedure({
       meldebeginn: z.date(),
       meldeschluss: z.date(),
       beschreibung: z.string().optional(),
+      bedingungen: z.string().optional(),
     }),
   }),
   async handler(options) {

api/src/services/unterveranstaltung/unterveranstaltungGliederungGet.ts

@@ -18,6 +18,7 @@ export const unterveranstaltungGliederungGetProcedure = defineProcedure({
       select: {
         id: true,
         beschreibung: true,
+        bedingungen: true,
         maxTeilnehmende: true,
         teilnahmegebuehr: true,
         meldebeginn: true,
@@ -36,6 +37,7 @@ export const unterveranstaltungGliederungGetProcedure = defineProcedure({
             beschreibung: true,
             zielgruppe: true,
             teilnahmeBedingungen: true,
+            teilnahmeBedingungenPublic: true,
             datenschutz: true,
             hostname: true,
           },

api/src/services/unterveranstaltung/unterveranstaltungGliederungPatch.ts

@@ -16,6 +16,7 @@ export const unterveranstaltungGliederungPatchProcedure = defineProcedure({
       meldebeginn: z.date().optional(),
       meldeschluss: z.date().optional(),
       beschreibung: z.string().optional(),
+      bedingungen: z.string().optional(),
     }),
   }),
   async handler(options) {

api/src/services/unterveranstaltung/unterveranstaltungPublicGet.ts

@@ -35,6 +35,7 @@ export const unterveranstaltungPublicGetProcedure = defineProcedure({
             },
             datenschutz: true,
             teilnahmeBedingungen: true,
+            teilnahmeBedingungenPublic: true,
             zielgruppe: true,
           },
         },
@@ -45,6 +46,7 @@ export const unterveranstaltungPublicGetProcedure = defineProcedure({
           },
         },
         beschreibung: true,
+        bedingungen: true,
       },
     })
     return unterveranstaltung

api/src/services/unterveranstaltung/unterveranstaltungVerwaltungCreate.ts

@@ -17,7 +17,8 @@ export const unterveranstaltungVerwaltungCreateProcedure = defineProcedure({
       meldeschluss: z.date(),
       gliederungId: z.number().int(),
       type: z.nativeEnum(UnterveranstaltungType),
-      beschreibung: z.string(),
+      beschreibung: z.string().optional(),
+      bedingungen: z.string().optional(),
     }),
   }),
   async handler(options) {

api/src/services/unterveranstaltung/unterveranstaltungVerwaltungGet.ts

@@ -18,6 +18,7 @@ export const unterveranstaltungVerwaltungGetProcedure = defineProcedure({
       select: {
         id: true,
         beschreibung: true,
+        bedingungen: true,
         maxTeilnehmende: true,
         teilnahmegebuehr: true,
         meldebeginn: true,
@@ -36,6 +37,7 @@ export const unterveranstaltungVerwaltungGetProcedure = defineProcedure({
             beschreibung: true,
             zielgruppe: true,
             teilnahmeBedingungen: true,
+            teilnahmeBedingungenPublic: true,
             datenschutz: true,
             hostname: true,
           },

api/src/services/unterveranstaltung/unterveranstaltungVerwaltungPatch.ts

@@ -15,6 +15,7 @@ export const unterveranstaltungVerwaltungPatchProcedure = defineProcedure({
       meldebeginn: z.date().optional(),
       meldeschluss: z.date().optional(),
       beschreibung: z.string().optional(),
+      bedingungen: z.string().optional(),
     }),
   }),
   async handler(options) {

api/src/services/veranstaltung/veranstaltungVerwaltungCreate.ts

@@ -20,6 +20,7 @@ export const veranstaltungVerwaltungCreateProcedure = defineProcedure({
       beschreibung: z.string().optional(),
       datenschutz: z.string().optional(),
       teilnahmeBedingungen: z.string().optional(),
+      teilnahmeBedingungenPublic: z.string().optional(),
       zielgruppe: z.string().optional(),
       hostnameId: z.number().int().optional(),
     }),

api/src/services/veranstaltung/veranstaltungVerwaltungGet.ts

@@ -33,6 +33,7 @@ export const veranstaltungVerwaltungGetProcedure = defineProcedure({
         beschreibung: true,
         datenschutz: true,
         teilnahmeBedingungen: true,
+        teilnahmeBedingungenPublic: true,
         zielgruppe: true,
         hostname: {
           select: {

api/src/services/veranstaltung/veranstaltungVerwaltungPatch.ts

@@ -21,6 +21,7 @@ export const veranstaltungVerwaltungPatchProcedure = defineProcedure({
       beschreibung: z.string().optional(),
       datenschutz: z.string().optional(),
       teilnahmeBedingungen: z.string().optional(),
+      teilnahmeBedingungenPublic: z.string().optional(),
       zielgruppe: z.string().optional(),
       hostnameId: z.number().int().optional(),
     }),
@@ -41,6 +42,7 @@ export const veranstaltungVerwaltungPatchProcedure = defineProcedure({
         beschreibung: options.input.data.beschreibung,
         datenschutz: options.input.data.datenschutz,
         teilnahmeBedingungen: options.input.data.teilnahmeBedingungen,
+        teilnahmeBedingungenPublic: options.input.data.teilnahmeBedingungenPublic,
         zielgruppe: options.input.data.zielgruppe,
         ortId: options.input.data.ortId,
         hostnameId: options.input.data.hostnameId,

frontend/src/components/LayoutComponents/PublicHeaderBg.vue

@@ -2,10 +2,10 @@
   <div>
     <div class="w-full h-full bg-public bg-center bg-cover"></div>
     <div class="absolute top-0 left-0 w-full h-full backdrop-blur-sm"></div>
-    <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center bg-black/10">
+    <div class="absolute top-0 left-0 w-full h-full flex items-center justify-center bg-primary-600">
       <img
-        class="h-44 lg:h-80 absolute"
-        src="@/assets/images/logo_white.svg"
+        class="max-h-[146%] lg:max-h-[60%] absolute"
+        src="@/assets/images/login.png"
         alt="logo"
       />
     </div>

frontend/src/components/forms/person/FormNotfallkontakteGeneral.vue

@@ -4,6 +4,7 @@ import { computed, ref } from 'vue'
 
 import Button from '@/components/UIComponents/Button.vue'
 import KontaktItem from '@/components/UIComponents/KontaktItem.vue'
+import { loggedInAccount } from '@/composables/useAuthentication'
 import type { TKontaktSchema } from '@codeanker/api'
 
 export interface INotfallKontakte {
@@ -22,7 +23,11 @@ const emit = defineEmits<{
 
 const model = computed({
   get() {
-    return props.modelValue
+    let model = props.modelValue
+    if (props.modelValue.personen.length === 0 && loggedInAccount.value?.role !== 'ADMIN') {
+      model.personen.push(personTemplate.value)
+    }
+    return model
   },
   set(val) {
     emit('update:modelValue', val)
@@ -39,14 +44,13 @@ const personTemplate = ref<TKontaktSchema>({
 
 <template>
   <p class="font-medium mb-5">Notfallkontakte</p>
-
   <div
     v-for="(_notfallkontaktPerson, index) in model.personen"
     :key="index"
   >
     <KontaktItem
       v-model="model.personen[index]"
-      show-remove-option
+      :show-remove-option="model.personen.length > 1"
       @remove="model.personen.splice(index, 1)"
     />
     <hr

frontend/src/components/forms/unterveranstaltung/FormUnterveranstaltungGeneral.vue

@@ -27,6 +27,7 @@ const props = defineProps<{
 
 const unterveranstaltungCopy = ref({
   beschreibung: props.unterveranstaltung?.beschreibung,
+  bedingungen: props.unterveranstaltung?.bedingungen,
   maxTeilnehmende: props.unterveranstaltung?.maxTeilnehmende,
   meldebeginn: props.unterveranstaltung?.meldebeginn,
   meldeschluss: props.unterveranstaltung?.meldeschluss,
@@ -256,6 +257,12 @@ const disableddates = computed(() => {
           label="Beschreibung"
         />
       </div>
+      <div class="lg:col-span-full">
+        <BasicEditor
+          v-model="unterveranstaltungCopy.bedingungen"
+          label="Bedingungen"
+        />
+      </div>
     </div>
     <div class="mt-8 flex gap-4">
       <Button

frontend/src/components/forms/veranstaltung/FormVeranstaltungGeneral.vue

@@ -33,6 +33,7 @@ const fill = (veranstaltung) => {
     beschreibung: veranstaltung?.beschreibung ?? '',
     datenschutz: veranstaltung?.datenschutz ?? '',
     teilnahmeBedingungen: veranstaltung?.teilnahmeBedingungen ?? '',
+    teilnahmeBedingungenPublic: veranstaltung?.teilnahmeBedingungenPublic ?? '',
     zielgruppe: veranstaltung?.zielgruppe ?? '',
     hostnameId: veranstaltung?.hostname?.id,
   }
@@ -203,7 +204,14 @@ const { state: hostnames } = useAsyncState(async () => {
       <div class="lg:col-span-full">
         <BasicEditor
           v-model="veranstaltungCopy.teilnahmeBedingungen"
-          label="Teilnahmebedingungen"
+          label="interne Teilnahmebedingungen"
+        />
+      </div>
+
+      <div class="lg:col-span-full">
+        <BasicEditor
+          v-model="veranstaltungCopy.teilnahmeBedingungenPublic"
+          label="öffentliche Teilnahmebedingungen"
         />
       </div>
 

frontend/src/main.ts

@@ -5,3 +5,6 @@ import router from './router'
 import './assets/main.scss'
 
 createApp(App).use(router).mount('#app')
+
+// Set Document Title relate to the Hostname
+document.title = window.location.hostname

frontend/src/views/Login/Login.vue

@@ -192,7 +192,7 @@ const version = `${import.meta.env.VITE_APP_VERSION || 'unknown'}-${import.meta.
         {{ version }}
         <span class="mx-1">-</span>
         <a
-          href="https://github.com/codeanker/brahmsee.digital"
+          href="https://codeanker.de?utm_source=brahmsee.digital"
           target="_blank"
           rel="noopener noreferrer"
           class="font-medium leading-6 hover:text-primary-500"

frontend/src/views/PublicAnmeldung/PublicAnmeldungView.vue

@@ -78,9 +78,13 @@ const {
       <div class="text-lg font-semibold">Teilnahmebedingungen</div>
       <div
         class="prose prose-neutra"
-        v-html="unterveranstaltung?.veranstaltung?.teilnahmeBedingungen"
+        v-html="unterveranstaltung?.bedingungen"
       />
-
+      <div
+        class="prose prose-neutra"
+        v-html="unterveranstaltung?.veranstaltung?.teilnahmeBedingungenPublic"
+      />
+      <hr class="my-10" />
       <div class="text-lg font-semibold mt-10">Datenschutz</div>
       <div
         class="prose prose-neutra"

frontend/src/views/PublicAnmeldung/PublicAusschreibungView.vue

@@ -27,11 +27,11 @@ const keyInfos = computed<KeyInfo[]>(() => {
     return [
       {
         title: 'Beginn',
-        value: `${formatDate(unterveranstaltung.value.veranstaltung.beginn, 'DD.MM.YYYY HH:mm')} Uhr`,
+        value: `${formatDate(unterveranstaltung.value.veranstaltung.beginn, 'DD.MM.YYYY')} Uhr`,
       },
       {
         title: 'Ende',
-        value: `${formatDate(unterveranstaltung.value.veranstaltung.ende, 'DD.MM.YYYY HH:mm')} Uhr`,
+        value: `${formatDate(unterveranstaltung.value.veranstaltung.ende, 'DD.MM.YYYY')} Uhr`,
       },
       { title: 'Meldeschluss', value: formatDate(unterveranstaltung.value.meldeschluss, 'DD.MM.YYYY') },
       { title: 'Veranstaltungsort', value: unterveranstaltung.value.veranstaltung.ort?.name ?? '' },
@@ -102,8 +102,13 @@ const tabs = [
           </div>
           <div
             class="prose prose-neutra"
-            v-html="unterveranstaltung?.veranstaltung?.teilnahmeBedingungen"
+            v-html="unterveranstaltung?.bedingungen"
           />
+          <div
+            class="prose prose-neutra"
+            v-html="unterveranstaltung?.veranstaltung?.teilnahmeBedingungenPublic"
+          />
+          <hr class="my-10" />
           <div class="my-10">
             <div class="text-lg font-semibold">Datenschutz</div>
             <p class="max-w-2xl text-sm">Bitte beachte die Hinweise zum Datenschutz</p>

frontend/src/views/Unterveranstaltung/Um die Benutzerfreundlichkeit zu verglei

@@ -0,0 +1 @@
+Um die Benutzerfreundlichkeit zu vergleichen, möchte ich eine Nutzerstudie durchführen. Dabei habe ich an vordefinierte Aufgaben gedacht, die dann mit nutzerzentrierten UX KPIs gemessen werden. Die Zielgruppe würde ich nach der Plattform einteilen, auf der die Anwendung läuft.

frontend/src/views/Unterveranstaltung/UnterveranstaltungDetail.vue

@@ -13,6 +13,7 @@ import { useRoute } from 'vue-router'
 
 import { apiClient } from '@/api'
 import AnmeldungenTable from '@/components/AnmeldungenTable.vue'
+import Badge from '@/components/UIComponents/Badge.vue'
 import Tab from '@/components/UIComponents/components/Tab.vue'
 import InfoList from '@/components/UIComponents/InfoList.vue'
 import Tabs from '@/components/UIComponents/Tabs.vue'
@@ -170,15 +171,36 @@ function copyLink() {
       </Tab>
       <Tab>
         <div class="my-10">
-          <div class="text-lg font-semibold">Teilnahmebedingungen</div>
-          <p class="max-w-2xl text-sm">Bitte beachte die folgenden Teilnahmebedingungen</p>
+          <div class="text-lg font-semibold">Bedingungen <Badge color="secondary">Gliederung</Badge></div>
+          <p class="max-w-2xl text-sm">Bitte beachte die folgenden Bedingungen</p>
+        </div>
+        <div
+          class="prose prose-neutra"
+          v-html="unterveranstaltung?.bedingungen"
+        ></div>
+        <hr class="my-10" />
+        <div class="my-10">
+          <div class="text-lg font-semibold">Öffentliche Teilnahmebedingungen <Badge>Veranstaltung</Badge></div>
+          <p class="max-w-2xl text-sm">
+            Bitte beachte die folgenden Teilnahmebedingungen, diese sind bei der Anmeldung öffentlich einsehbar.
+          </p>
+        </div>
+        <div
+          class="prose prose-neutra"
+          v-html="unterveranstaltung?.veranstaltung?.teilnahmeBedingungenPublic"
+        ></div>
+        <hr class="my-10" />
+        <div class="my-10">
+          <div class="text-lg font-semibold">Interne Teilnahmebedingungen <Badge>Veranstaltung</Badge></div>
+          <p class="max-w-2xl text-sm">Bitte beachte die folgenden Teilnahmebedingungen für die Gliederung</p>
         </div>
         <div
           class="prose prose-neutra"
           v-html="unterveranstaltung?.veranstaltung?.teilnahmeBedingungen"
         ></div>
+        <hr class="my-10" />
         <div class="my-10">
-          <div class="text-lg font-semibold">Datenschutz</div>
+          <div class="text-lg font-semibold">Datenschutz <Badge>Veranstaltung</Badge></div>
           <p class="max-w-2xl text-sm">Bitte beachte die Hinweise zum Datenschutz</p>
         </div>
         <div