From 3990268905e3223276160e2a32c74d4f05d0796e Mon Sep 17 00:00:00 2001
From: Andreas Weninger <e01526989@student.tuwien.ac.at>
Date: Mon, 14 May 2018 16:31:12 +0200
Subject: Reworking MainWindow UI.

---
 .../ui/vehiclepane/VehiclePaneController.java      |   5 +-
 .../resources/fxml/CreateOperationController.fxml  | 153 ++++++++-------------
 src/main/resources/fxml/vehiclePane.fxml           |   2 +-
 src/main/resources/styles/main.css                 |  28 ++++
 4 files changed, 90 insertions(+), 98 deletions(-)

diff --git a/src/main/java/at/ac/tuwien/sepm/assignment/groupphase/einsatzverwaltung/ui/vehiclepane/VehiclePaneController.java b/src/main/java/at/ac/tuwien/sepm/assignment/groupphase/einsatzverwaltung/ui/vehiclepane/VehiclePaneController.java
index 29230f3..d0dcbae 100644
--- a/src/main/java/at/ac/tuwien/sepm/assignment/groupphase/einsatzverwaltung/ui/vehiclepane/VehiclePaneController.java
+++ b/src/main/java/at/ac/tuwien/sepm/assignment/groupphase/einsatzverwaltung/ui/vehiclepane/VehiclePaneController.java
@@ -88,6 +88,9 @@ public class VehiclePaneController {
     }
 
     public void setSelected(boolean selected) {
-        // TODO
+        rootElement.getStyleClass().clear();
+
+        if (selected) rootElement.getStyleClass().add("shadowed-yellow");
+        else rootElement.getStyleClass().add("shadowed-white");
     }
 }
diff --git a/src/main/resources/fxml/CreateOperationController.fxml b/src/main/resources/fxml/CreateOperationController.fxml
index 18a1508..88fe26a 100644
--- a/src/main/resources/fxml/CreateOperationController.fxml
+++ b/src/main/resources/fxml/CreateOperationController.fxml
@@ -13,106 +13,67 @@
 <AnchorPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
   prefHeight="650.0" prefWidth="1200.0" xmlns="http://javafx.com/javafx/9.0.1"
   xmlns:fx="http://javafx.com/fxml/1"
-  fx:controller="at.ac.tuwien.sepm.assignment.groupphase.einsatzverwaltung.userInterface.CreateOperationController">
-   <AnchorPane layoutX="964.0" layoutY="-66.0" prefHeight="182.0" prefWidth="1200.0"
-     style="-fx-background-color: #2D75B6;" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0"/>
-   <AnchorPane fx:id="apCreateOperation" layoutX="40.0" layoutY="71.0" prefHeight="151.0"
-     prefWidth="920.0"
-     style="-fx-background-color: white; -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.8), 5, 0, 0, 5);">
-      <Label layoutX="14.0" layoutY="14.0" prefHeight="30.0" prefWidth="62.0" text="Code">
-         <font>
-            <Font size="19.0"/>
-         </font>
-      </Label>
-      <Label layoutX="185.0" layoutY="14.0" prefHeight="30.0" prefWidth="94.0" text="Adresse">
-         <font>
-            <Font size="19.0"/>
-         </font>
-      </Label>
-      <Label layoutX="587.0" layoutY="14.0" prefHeight="30.0" prefWidth="121.0" text="Anmerkung">
-         <font>
-            <Font size="19.0"/>
-         </font>
-      </Label>
-      <TextField fx:id="txtCode" layoutX="14.0" layoutY="48.0" prefHeight="39.0"
-        prefWidth="163.0">
-         <font>
-            <Font name="System Bold" size="20.0"/>
-         </font>
-      </TextField>
-      <TextField fx:id="txtAddress" layoutX="185.0" layoutY="48.0" prefHeight="39.0"
-        prefWidth="396.0">
-         <font>
-            <Font name="System Bold" size="20.0"/>
-         </font>
-      </TextField>
-      <TextField fx:id="txtNote" layoutX="587.0" layoutY="48.0" prefHeight="39.0"
-        prefWidth="319.0">
-         <font>
-            <Font name="System Bold" size="20.0"/>
-         </font>
-      </TextField>
-      <Label layoutX="14.0" layoutY="101.0" prefHeight="30.0" prefWidth="102.0"
-        text="Fahrzeuge:">
-         <font>
-            <Font size="19.0"/>
-         </font>
-      </Label>
-      <Label fx:id="lblChosenVehicles" layoutX="116.0" layoutY="102.0" prefHeight="30.0"
-        prefWidth="610.0" text="keine ausgewählt">
-         <font>
-            <Font size="19.0"/>
-         </font>
-      </Label>
-      <Button fx:id="btnCreateOperation" layoutX="747.0" layoutY="95.0" mnemonicParsing="false"
-        onAction="#createOperationClicked" prefHeight="0.0" prefWidth="158.0" text="Erstellen">
-         <font>
-            <Font name="System Bold" size="21.0"/>
-         </font>
-      </Button>
-   </AnchorPane>
-   <Hyperlink layoutX="44.0" layoutY="38.0" onAction="#onRegistrationLinkClicked" text="Anmeldungen"
-     textFill="WHITE">
+  fx:controller="at.ac.tuwien.sepm.assignment.groupphase.einsatzverwaltung.userInterface.CreateOperationController"
+  stylesheets="@/styles/main.css">
+  <AnchorPane prefHeight="182.0" style="-fx-background-color: #2D75B6;" AnchorPane.leftAnchor="0.0" AnchorPane.topAnchor="0.0" AnchorPane.rightAnchor="0.0"/>
+  <AnchorPane fx:id="apCreateOperation" layoutX="40.0" layoutY="71.0" prefHeight="151.0"
+    prefWidth="920.0"
+    styleClass="shadowed-white">
+    <Label layoutX="14.0" layoutY="14.0" prefHeight="30.0" prefWidth="62.0" text="Code" styleClass="text-medium"/>
+    <Label layoutX="185.0" layoutY="14.0" prefHeight="30.0" prefWidth="94.0" text="Adresse"
+      styleClass="text-medium"/>
+    <Label layoutX="587.0" layoutY="14.0" prefHeight="30.0" prefWidth="121.0" text="Anmerkung" styleClass="text-medium"/>
+    <TextField fx:id="txtCode" layoutX="14.0" layoutY="48.0" prefHeight="39.0"
+      prefWidth="163.0" styleClass="text-big">
       <font>
-         <Font size="15.0"/>
+        <Font name="System Bold"/>
       </font>
-   </Hyperlink>
-   <Hyperlink layoutX="802.0" layoutY="38.0" onAction="#onEmployeeLinkClicked" text="Personen"
-     textFill="WHITE">
+    </TextField>
+    <TextField fx:id="txtAddress" layoutX="185.0" layoutY="48.0" prefHeight="39.0"
+      prefWidth="396.0" styleClass="text-big">
       <font>
-         <Font size="15.0"/>
+        <Font name="System Bold"/>
       </font>
-   </Hyperlink>
-   <Hyperlink layoutX="877.0" layoutY="38.0" onAction="#onVehicleLinkClicked" text="Fahrzeuge"
-     textFill="WHITE">
+    </TextField>
+    <TextField fx:id="txtNote" layoutX="587.0" layoutY="48.0" prefHeight="39.0"
+      prefWidth="319.0" styleClass="text-big">
       <font>
-         <Font size="15.0"/>
+        <Font name="System Bold"/>
       </font>
-   </Hyperlink>
-   <!--<AnchorPane fx:id="apActiveOperations" layoutX="968.0" layoutY="71.0" prefHeight="315.0" prefWidth="207.0" style="-fx-background-color: white; -fx-effect: dropshadow(gaussian, rgba(0.5,0.5,0.5,0.8), 5, 0, 0, 3);">-->
-   <AnchorPane fx:id="apActiveOperations" layoutX="968.0" layoutY="71.0" prefHeight="315.0"
-     prefWidth="207.0"
-     style="-fx-background-color: white; -fx-effect: dropshadow(gaussian, rgba(0.8,0.8,0.8,0.8), 5, 0, 0, 3);">
-      <children>
-         <ListView fx:id="lvActiveOperations" layoutX="4.0" layoutY="74.0" prefHeight="242.0"
-           prefWidth="200.0" style="-fx-background-color: white;"/>
-         <Label layoutX="10.0" layoutY="14.0" prefHeight="46.0" prefWidth="103.0"
-           text="Aktive Einsätze">
-            <font>
-               <Font name="System Bold" size="14.0"/>
-            </font>
-         </Label>
-         <Label layoutX="148.0" layoutY="28.0" text="Archiv">
-            <font>
-               <Font size="13.0"/>
-            </font>
-         </Label>
-      </children>
-   </AnchorPane>
-   <FlowPane fx:id="fpVehicles" hgap="12" layoutX="40.0" layoutY="228.0" prefHeight="388.0"
-     prefWidth="920.0" styleClass=".shadowedWhite" stylesheets="@../styles/main.css" vgap="12">
-      <effect>
-         <DropShadow blurType="GAUSSIAN" color="GRAY" offsetX="0" offsetY="3.0" radius="5"/>
-      </effect>
-   </FlowPane>
+    </TextField>
+    <Label layoutX="14.0" layoutY="101.0" prefHeight="30.0" prefWidth="102.0"
+      text="Fahrzeuge:" styleClass="text-medium"/>
+    <Label fx:id="lblChosenVehicles" layoutX="116.0" layoutY="102.0" prefHeight="30.0"
+      prefWidth="610.0" text="keine ausgewählt" styleClass="text-big"/>
+    <Button fx:id="btnCreateOperation" layoutX="747.0" styleClass="text-big" layoutY="95.0" mnemonicParsing="false"
+      onAction="#createOperationClicked" prefHeight="0.0" prefWidth="158.0" text="Erstellen">
+      <font>
+        <Font name="System Bold"/>
+      </font>
+    </Button>
+  </AnchorPane>
+  <Hyperlink layoutX="44.0" layoutY="38.0" onAction="#onRegistrationLinkClicked" text="Anmeldungen"
+    textFill="WHITE" styleClass="text-small">
+  </Hyperlink>
+  <Hyperlink layoutX="802.0" layoutY="38.0" onAction="#onEmployeeLinkClicked" text="Personen" styleClass="text-small"
+    textFill="WHITE">
+  </Hyperlink>
+  <Hyperlink layoutX="877.0" layoutY="38.0" onAction="#onVehicleLinkClicked" text="Fahrzeuge" styleClass="text-small"
+    textFill="WHITE">
+  </Hyperlink>
+  <!--<AnchorPane fx:id="apActiveOperations" layoutX="968.0" layoutY="71.0" prefHeight="315.0" prefWidth="207.0" style="-fx-background-color: white; -fx-effect: dropshadow(gaussian, rgba(0.5,0.5,0.5,0.8), 5, 0, 0, 3);">-->
+  <AnchorPane fx:id="apActiveOperations" layoutX="968.0" layoutY="71.0" prefHeight="315.0"
+    prefWidth="207.0"
+    styleClass="shadowed-white">
+    <ListView fx:id="lvActiveOperations" layoutX="4.0" layoutY="74.0" prefHeight="242.0"
+      prefWidth="200.0" style="-fx-background-color: white;"/>
+    <Label layoutX="10.0" layoutY="6.0"
+      text="Aktive Einsätze" styleClass="text-big">
+    </Label>
+    <Label layoutY="12.0" text="Archiv" styleClass="text-medium" AnchorPane.rightAnchor="12">
+    </Label>
+  </AnchorPane>
+  <FlowPane fx:id="fpVehicles" hgap="12" layoutX="40.0" layoutY="228.0" prefHeight="388.0"
+    prefWidth="920.0" vgap="12">
+  </FlowPane>
 </AnchorPane>
diff --git a/src/main/resources/fxml/vehiclePane.fxml b/src/main/resources/fxml/vehiclePane.fxml
index 38be664..79cfaf9 100644
--- a/src/main/resources/fxml/vehiclePane.fxml
+++ b/src/main/resources/fxml/vehiclePane.fxml
@@ -10,7 +10,7 @@
 <?import javafx.scene.text.Text?>
 <?import javafx.scene.text.TextFlow?>
 
-<GridPane hgap="6.0" style="-fx-background-color: white;" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="at.ac.tuwien.sepm.assignment.groupphase.einsatzverwaltung.ui.vehiclepane.VehiclePaneController">
+<GridPane hgap="6.0" stylesheets="@/styles/main.css" styleClass="shadowed-white" xmlns="http://javafx.com/javafx/9.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="at.ac.tuwien.sepm.assignment.groupphase.einsatzverwaltung.ui.vehiclepane.VehiclePaneController">
   <columnConstraints>
     <ColumnConstraints />
     <ColumnConstraints />
diff --git a/src/main/resources/styles/main.css b/src/main/resources/styles/main.css
index e69de29..11a069e 100644
--- a/src/main/resources/styles/main.css
+++ b/src/main/resources/styles/main.css
@@ -0,0 +1,28 @@
+.shadowed-white {
+  -fx-background-color: white;
+  -fx-effect: dropshadow(gaussian, rgba(100,100,100,0.8), 5, 0, 0, 3);
+}
+
+.shadowed-yellow {
+  -fx-background-color: #FFE699;
+  -fx-effect: dropshadow(gaussian, rgba(100,100,100,0.8), 5, 0, 0, 3);
+}
+
+.text-big {
+  -fx-font-size: 18px;
+}
+
+.text-medium {
+  -fx-font-size: 14px;
+}
+
+.text-small {
+  -fx-font-size: 14px;
+}
+
+.button {
+  -fx-background-radius: 0em;
+  -fx-background-color: darkgreen;
+  -fx-text-fill: white;
+  -fx-font-weight: bold;
+}
\ No newline at end of file
-- 
cgit v1.2.3-70-g09d2