Added static Input-Form Prototype

2023-05-10 18:19:34 +02:00
parent 646c64c7d9
commit 7db358248d
7 changed files with 158 additions and 6 deletions
@@ -0,0 +1,8 @@
+export default function CourseNameInput(){
+    return(
+        <>
+            <h3>Kursname</h3>
+            <input className="courseNameInput"/>
+        </>
+    )
+}
@@ -0,0 +1,27 @@
+export default function DozentSelector(){
+    return(
+        <>
+            <div className="round-border dozentSelector">
+                <table>
+                    <tbody>
+                        <tr>
+                            <th></th>
+                            <th>Dozent</th>
+                            <th>Modul</th>
+                        </tr>
+                        <tr>
+                            <td><input type="checkbox"/></td>
+                            <td>Behrends</td>
+                            <td>Anwendungsprojekt</td>
+                        </tr>
+                        <tr>
+                            <td><input type="checkbox"/></td>
+                            <td>Bima</td>
+                            <td>Web-E</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
+        </>
+    )
+}
@@ -0,0 +1,17 @@
+import CourseNameInput from "@/components/CourseNameInput";
+import SemesterRangeInput from "@/components/SemesterRangeInput";
+import InputFormButtons from "@/components/InputFormButtons";
+import DozentSelector from "@/components/DozentSelector";
+
+export default function InputForm() {
+    return (
+        <>
+            <div className="inputForm round-border">
+                <CourseNameInput/>
+                <SemesterRangeInput/>
+                <DozentSelector/>
+                <InputFormButtons/>
+            </div>
+        </>
+    )
+}
@@ -0,0 +1,12 @@
+import Button from './Button';
+
+export default function InputFormButtons() {
+    return (
+        <>
+            <div id="buttons">
+                <Button color="red" width="100px" height="30px" text="Abbrechen"/>
+                <Button color="green" width="100px" height="30px" text="Erstellen"/>
+            </div>
+        </>
+    );
+}
@@ -0,0 +1,17 @@
+export default function SemesterRangeInput(){
+    return(
+        <>
+            <div className="semesterRangeInput">
+                <div className="semesterDateLables">
+                    <p className="semesterDateLable">Semesterstart</p>
+                    <p className="semesterDateLable">Semesterende</p>
+                </div>
+                <div className="semesterDateInputPair">
+                    <input className="semesterDateInput"/>
+                    <p className="inputFieldSeperator">-</p>
+                    <input className="semesterDateInput"/>
+                </div>
+            </div>
+        </>
+    )
+}