Starting UI Rework.

1 files changed, 110 insertions, 62 deletions

diff --git a/src/main/resources/fxml/RegistrationWindow.fxml b/src/main/resources/fxml/RegistrationWindow.fxml
index a138d02..2e91d36 100644
--- a/src/main/resources/fxml/RegistrationWindow.fxml
+++ b/src/main/resources/fxml/RegistrationWindow.fxml
@@ -11,66 +11,114 @@
 <?import javafx.scene.layout.AnchorPane?>
 <?import javafx.scene.layout.HBox?>
 <?import javafx.scene.layout.VBox?>
+<?import javafx.scene.layout.GridPane?>
 
-<VBox fx:id="registrationWindowVB" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefWidth="600.0" style="-fx-background-color: WHITE;" visible="false" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="at.ac.tuwien.sepm.assignment.groupphase.einsatzverwaltung.controller.RegistrationWindowController">
-   <children>
-      <AnchorPane prefHeight="135.0" prefWidth="600.0">
-         <children>
-            <Label layoutX="14.0" layoutY="14.0" text="Neue Anmeldung" />
-            <Label layoutX="14.0" layoutY="44.0" text="von" />
-            <Label layoutX="133.0" layoutY="44.0" text="bis" />
-            <ChoiceBox fx:id="cbStart" layoutX="42.0" layoutY="40.0" prefWidth="80.0" />
-            <ChoiceBox fx:id="cbEnd" layoutX="159.0" layoutY="40.0" prefWidth="80.0" />
-            <Label layoutX="10.0" layoutY="82.0" text="Fahrzeug" />
-            <Label fx:id="lVehicles" layoutX="10.0" layoutY="108.0" text="Fahrzeugname" />
-            <Label layoutX="216.0" layoutY="82.0" text="Personen" />
-            <Label fx:id="lEmployees" layoutX="216.0" layoutY="108.0" text="Namen" />
-         </children>
-      </AnchorPane>
-      <SplitPane dividerPositions="0.35" prefWidth="200.0">
-        <items>
-            <VBox prefHeight="200.0" prefWidth="100.0">
-               <children>
-                  <Label text="Fahrzeugsuche" />
-                  <TextField fx:id="tfVehicleSearch" />
-                  <TableView fx:id="tvVehicles" prefHeight="200.0" prefWidth="200.0">
-                    <columns>
-                      <TableColumn fx:id="tcVehicles" prefWidth="75.0" text="Fahrzeuge" />
-                    </columns>
-                     <columnResizePolicy>
-                        <TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
-                     </columnResizePolicy>
-                  </TableView>
-               </children>
-            </VBox>
-            <VBox prefHeight="200.0" prefWidth="100.0">
-               <children>
-                  <Label text="Personensuche" />
-                  <TextField fx:id="tfEmployeeSearch" />
-                  <TableView fx:id="tvEmployees" prefHeight="200.0" prefWidth="200.0">
-                    <columns>
-                      <TableColumn fx:id="tcEmployees" prefWidth="75.0" text="Personen" />
-                    </columns>
-                     <columnResizePolicy>
-                        <TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />
-                     </columnResizePolicy>
-                  </TableView>
-               </children>
-            </VBox>
-        </items>
-      </SplitPane>
-      <HBox alignment="CENTER" prefWidth="200.0">
-         <children>
-            <Button mnemonicParsing="false" onAction="#cancel" text="Abbrechen">
-               <HBox.margin>
-                  <Insets bottom="8.0" left="8.0" right="8.0" top="8.0" />
-               </HBox.margin>
-            </Button>
-            <Button mnemonicParsing="false" onAction="#create" text="Erstellen">
-               <HBox.margin>
-                  <Insets bottom="8.0" left="8.0" right="8.0" top="8.0" />
-               </HBox.margin>
-            </Button>
-         </children></HBox>
-   </children>
-</VBox>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.canvas.Canvas?>
+<?import javafx.scene.text.Text?>
+<?import javafx.scene.control.ComboBox?>
+<?import java.lang.String?>
+<?import javafx.scene.control.Hyperlink?>
+<?import javafx.scene.shape.Rectangle?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.Pane?>
+<GridPane stylesheets="@/styles/main.css">
+  <rowConstraints>
+    <RowConstraints/> <!--"Neue Anmeldung", "von x bis x", Buttons-->
+    <RowConstraints/> <!--"Fahrzeug", "Personen"-->
+    <RowConstraints/> <!--"KTW-99", "Max Mustermann, ..."-->
+    <RowConstraints prefHeight="15"/> <!--The overflow of the orange area-->
+    <RowConstraints/> <!--Lists-->
+  </rowConstraints>
+  <columnConstraints>
+    <ColumnConstraints/>
+    <ColumnConstraints prefWidth="20"/> <!--The gap between the colums-->
+    <ColumnConstraints/>
+  </columnConstraints>
+  <padding>
+    <Insets topRightBottomLeft="12"/>
+  </padding>
+  <AnchorPane style="-fx-background-color: #2D75B6;" GridPane.columnIndex="0" GridPane.columnSpan="3" GridPane.rowIndex="0" GridPane.rowSpan="4" styleClass="bg-dark-orange">
+    <GridPane.margin>
+      <Insets topRightBottomLeft="-12"/>
+    </GridPane.margin>
+  </AnchorPane>
+  <VBox> <!--"Neue Anmeldung", "von bis"-->
+    <Text text="Neue Anmeldung" styleClass="text-big" style="-fx-fill: white;"/>
+    <HBox spacing="6" alignment="CENTER">
+      <Text text="von" style="-fx-fill: white;"/>
+      <ComboBox value="8:00"/>
+      <Text text="bis" style="-fx-fill: white;"/>
+      <ComboBox value="16:00"/>
+    </HBox>
+  </VBox>
+  <VBox GridPane.columnIndex="2">
+    <Hyperlink text="schließen" styleClass="text-big, text-white"/>
+    <Button text="ERSTELLEN" styleClass="button-main"/>
+  </VBox>
+</GridPane>
+
+
+<!--<VBox fx:id="registrationWindowVB" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefWidth="600.0" style="-fx-background-color: WHITE;" visible="false" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="at.ac.tuwien.sepm.assignment.groupphase.einsatzverwaltung.controller.RegistrationWindowController">-->
+   <!--<children>-->
+      <!--<AnchorPane prefHeight="135.0" prefWidth="600.0">-->
+         <!--<children>-->
+            <!--<Label layoutX="14.0" layoutY="14.0" text="Neue Anmeldung" />-->
+            <!--<Label layoutX="14.0" layoutY="44.0" text="von" />-->
+            <!--<Label layoutX="133.0" layoutY="44.0" text="bis" />-->
+            <!--<ChoiceBox fx:id="cbStart" layoutX="42.0" layoutY="40.0" prefWidth="80.0" />-->
+            <!--<ChoiceBox fx:id="cbEnd" layoutX="159.0" layoutY="40.0" prefWidth="80.0" />-->
+            <!--<Label layoutX="10.0" layoutY="82.0" text="Fahrzeug" />-->
+            <!--<Label fx:id="lVehicles" layoutX="10.0" layoutY="108.0" text="Fahrzeugname" />-->
+            <!--<Label layoutX="216.0" layoutY="82.0" text="Personen" />-->
+            <!--<Label fx:id="lEmployees" layoutX="216.0" layoutY="108.0" text="Namen" />-->
+         <!--</children>-->
+      <!--</AnchorPane>-->
+      <!--<SplitPane dividerPositions="0.35" prefWidth="200.0">-->
+        <!--<items>-->
+            <!--<VBox prefHeight="200.0" prefWidth="100.0">-->
+               <!--<children>-->
+                  <!--<Label text="Fahrzeugsuche" />-->
+                  <!--<TextField fx:id="tfVehicleSearch" />-->
+                  <!--<TableView fx:id="tvVehicles" prefHeight="200.0" prefWidth="200.0">-->
+                    <!--<columns>-->
+                      <!--<TableColumn fx:id="tcVehicles" prefWidth="75.0" text="Fahrzeuge" />-->
+                    <!--</columns>-->
+                     <!--<columnResizePolicy>-->
+                        <!--<TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />-->
+                     <!--</columnResizePolicy>-->
+                  <!--</TableView>-->
+               <!--</children>-->
+            <!--</VBox>-->
+            <!--<VBox prefHeight="200.0" prefWidth="100.0">-->
+               <!--<children>-->
+                  <!--<Label text="Personensuche" />-->
+                  <!--<TextField fx:id="tfEmployeeSearch" />-->
+                  <!--<TableView fx:id="tvEmployees" prefHeight="200.0" prefWidth="200.0">-->
+                    <!--<columns>-->
+                      <!--<TableColumn fx:id="tcEmployees" prefWidth="75.0" text="Personen" />-->
+                    <!--</columns>-->
+                     <!--<columnResizePolicy>-->
+                        <!--<TableView fx:constant="CONSTRAINED_RESIZE_POLICY" />-->
+                     <!--</columnResizePolicy>-->
+                  <!--</TableView>-->
+               <!--</children>-->
+            <!--</VBox>-->
+        <!--</items>-->
+      <!--</SplitPane>-->
+      <!--<HBox alignment="CENTER" prefWidth="200.0">-->
+         <!--<children>-->
+            <!--<Button mnemonicParsing="false" onAction="#cancel" text="Abbrechen">-->
+               <!--<HBox.margin>-->
+                  <!--<Insets bottom="8.0" left="8.0" right="8.0" top="8.0" />-->
+               <!--</HBox.margin>-->
+            <!--</Button>-->
+            <!--<Button mnemonicParsing="false" onAction="#create" text="Erstellen">-->
+               <!--<HBox.margin>-->
+                  <!--<Insets bottom="8.0" left="8.0" right="8.0" top="8.0" />-->
+               <!--</HBox.margin>-->
+            <!--</Button>-->
+         <!--</children></HBox>-->
+   <!--</children>-->
+<!--</VBox>-->