From 5446b2d1cb8a79a32fa8714478931c4def141bac Mon Sep 17 00:00:00 2001
From: AliGitGut <a.fistik14@gmail.com>
Date: Fri, 16 Jun 2023 11:48:34 +0200
Subject: [PATCH] Input Form Bugfix
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Kursname, Theorieanfang und Ende müssen nun gesetzt werden sonst kann kein Kurs angelegt werden
---
 anwendung/src/components/InputForm.jsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/anwendung/src/components/InputForm.jsx b/anwendung/src/components/InputForm.jsx
index c0168f3..87f4a8c 100644
--- a/anwendung/src/components/InputForm.jsx
+++ b/anwendung/src/components/InputForm.jsx
@@ -280,7 +280,7 @@ export default function InputForm(p) {
             <div className={"box-shadow input-form round-border"}>
 
                 <p>Kursname</p>
-                <input type={"text"} className={"box-shadow round-border"} style={{padding: 8, width: "100%"}}
+                <input type={"text"} className={"box-shadow round-border"} style={{padding: 8, width: "100%", backgroundColor: (courseName == "") ? "#E44747" : "white"}}
                        onChange={e => onCourseNameChange(e)} value={courseName}/>
 
                 <div style={{display: "flex", justifyContent: "flex-start", gap: 40}}>
@@ -288,9 +288,11 @@ export default function InputForm(p) {
                     <p>Theorie Ende</p>
                 </div>
                 <div style={{display: "flex", justifyContent: "flex-start", gap: 20}}>
-                    <input type={"date"} className={"box-shadow round-border"} style={{padding: 8}}
+                    <input type={"date"} className={"box-shadow round-border"} style={{padding: 8, backgroundColor: (startDate == "" || startDate >= endDate) ? "#E44747" : "white"
+                    }}
                            onChange={e => onStartDateChange(e)} value={startDate}/>
-                    <input type={"date"} className={"box-shadow round-border"} style={{padding: 8}}
+                    <input type={"date"} className={"box-shadow round-border"} style={{padding: 8, backgroundColor: (endDate == "" || startDate >= endDate) ? "#E44747" : "white"
+                    }}
                            onChange={e => onEndDateChange(e)} value={endDate}/>
                 </div>
 
@@ -353,7 +355,7 @@ export default function InputForm(p) {
                     gap: 10
                 }}>
                     <Button text={"Abbrechen"} onClick={onButtonAbort}/>
-                    <Button text={"Speichern"} color={"#77932b"} onClick={onButtonSave}/>
+                    <Button text={"Speichern"} color={"#77932b"} onClick={() => { (startDate == "" || endDate == ""|| startDate >= endDate || courseName == "") ? () => {} : onButtonSave()}}/>
                 </div>
             </div>
         </>