Add validation logic (#37)

* feat(app): require content if slug is not null

* feat(app): check if start so before or equal to end

* feat(app): validate slug

allow empty slug and more helpful description

* fix: seeding failing validation

---------

Co-authored-by: Jonas <jonas@bulik.dev>

Author: Han2-Ro

src/collections/Events.ts

@@ -44,17 +44,44 @@ export const Events: CollectionConfig = {
           displayFormat: "dd.MM.yyyy",
         },
       },
+      validate: (value: string, options) => {
+        if (options.siblingData.start > value) {
+          return "Das Enddatum muss nach dem Startdatum sein.";
+        } else {
+          return true;
+        }
+      },
       required: true,
     },
     {
-      name: "timetable",
+      name: "shortDescription",
+      type: "text",
+      required: true,
+    },
+    {
+      name: "calendarCover",
       type: "relationship",
       relationTo: ["media"],
+      required: true,
     },
     {
-      name: "shortDescription",
+      name: "slug",
       type: "text",
-      required: true,
+      required: false,
+      unique: true,
+      admin: {
+        description: ({ value }: { value?: unknown }) =>
+          value
+            ? `Eventseite erreichbar unter: https://youngvision.org/events/${value ?? ""} Entferne den slug um keine Eventseite zu generieren.`
+            : "Es wird keine Eventseite erstellt, weil der slug leer ist."
+      },
+      validate(value: string, options) {
+        if (value && value.match(/^[a-z0-9][a-z0-9\-]+[a-z0-9]$/) == null) {
+          return "Es sind nur Kleinbuchstaben(a-z), Ziffern(0-9) und Bindestriche(-) erlaubt. Der slug muss mindestens 3 Zeichen lang sein. Bindestriche dürfen nich am Anfang oder Ende sein.";
+        } else {
+          return true;
+        }
+      }
     },
     {
       name: "address",
@@ -99,6 +126,12 @@ export const Events: CollectionConfig = {
       name: "content",
       type: "richText",
       required: false,
+      validate: (value: string, options) => {
+        if (options.data.slug && !value) {
+          return "Bitte füge einen Text hinzu oder deaktiviere die Eventseite (slug löschen).";
+        }
+        return true;
+      },
       editor: lexicalEditor({
         features: ({ defaultFeatures }) => [
           ...defaultFeatures,
@@ -144,22 +177,12 @@ export const Events: CollectionConfig = {
       required: false,
     },
     {
-      name: "slug",
-      type: "text",
-      required: false,
-      admin: {
-        description: ({ value }: { value?: unknown }) =>
-          `Erreichbar unter: https://youngvision.org/events/${value ?? ""}`,
-      },
-    },
-    {
-      name: "calendarCover",
+      name: "heroImage",
       type: "relationship",
       relationTo: ["media"],
-      required: true,
     },
     {
-      name: "heroImage",
+      name: "timetable",
       type: "relationship",
       relationTo: ["media"],
     },

src/seed/index.ts

@@ -55,6 +55,7 @@ async function create_events(images: (String | Number)[], payload: Payload) {
       audience: 'A-Z',
       cost: '123€',
       contentTitle: 'Silvester Whoop whoop',
+      content: 'Silvester gonna be good',
       calendarCover: {
         relationTo: 'media',
         value: images[0],

src/validations.ts

@@ -0,0 +1,7 @@
+export function require_if_slug(value: string, options) {
+    if (options.data.slug && !value) {
+        return "Dieses Feld ist erfordelich für die Eventseite.";
+    } else {
+        return true;
+    }
+}