From ded0b9042fc3eeedd509a32b0fa89d7482b8c2a7 Mon Sep 17 00:00:00 2001
From: Marc Beyer <marc.beyer@edu.bib.de>
Date: Tue, 21 Dec 2021 08:56:07 +0100
Subject: [PATCH] Styled login

---
 .../src/main/java/users/LoginController.java  |  1 +
 client/app/src/main/resources/users/login.css | 37 +++++++++++++++++++
 .../app/src/main/resources/users/login.fxml   |  4 +-
 3 files changed, 40 insertions(+), 2 deletions(-)

diff --git a/client/app/src/main/java/users/LoginController.java b/client/app/src/main/java/users/LoginController.java
index ebb330f..15a3488 100644
--- a/client/app/src/main/java/users/LoginController.java
+++ b/client/app/src/main/java/users/LoginController.java
@@ -22,6 +22,7 @@ public class LoginController {
     protected void login(ActionEvent event){
         if(userField.getText().trim().isEmpty()){
             userErrLabel.setText("Bitte laginnamen eingeben!");
+            passErrLabel.setText("");
             return;
         }
         if(passField.getText().trim().isEmpty()){
diff --git a/client/app/src/main/resources/users/login.css b/client/app/src/main/resources/users/login.css
index e69de29..2efd649 100644
--- a/client/app/src/main/resources/users/login.css
+++ b/client/app/src/main/resources/users/login.css
@@ -0,0 +1,37 @@
+* {
+   -fx-base-background-color: #2B2D42;
+   -fx-base1-background-color: #525E74;
+
+   -fx-main-border-color: #B0B0B0;
+   -fx-main-text-color: #ffffff;
+}
+
+GridPane{
+    -fx-background-color: #3E415F;
+    -fx-padding: 20px;
+    -fx-font-size: 20px;
+    -fx-font-family: Segoe UI;
+
+    -fx-border-insets: 1;
+    -fx-border-color: #B0B0B0;
+    -fx-border-style: solid;
+    -fx-border-width: 2;
+    -fx-effect: dropshadow(three-pass-box, rgba(100, 100, 100, 1), 24, 0.5, 0, 0);
+}
+
+Label{
+    -fx-text-fill: white;
+    -fx-max-width: 150px;
+    -fx-min-width: 150px;
+}
+
+.errorLbl{
+    -fx-font-weight: bold;
+        -fx-max-width: 200px;
+        -fx-text-fill: #ff5555;
+        -fx-padding: 16px;
+        -fx-min-height: 140px;
+        -fx-max-height: 400px;
+        -fx-wrap-text: true;
+        -fx-font-size: 16px;
+}
\ No newline at end of file
diff --git a/client/app/src/main/resources/users/login.fxml b/client/app/src/main/resources/users/login.fxml
index a54a36f..48fd16e 100644
--- a/client/app/src/main/resources/users/login.fxml
+++ b/client/app/src/main/resources/users/login.fxml
@@ -20,11 +20,11 @@
 
     <Label GridPane.rowIndex="1">Username</Label>
     <TextField GridPane.columnIndex="1" GridPane.rowIndex="1" fx:id="userField" />
-    <Label GridPane.columnIndex="2" GridPane.rowIndex="1" fx:id="userErrLabel"/>
+    <Label styleClass="errorLbl" GridPane.columnIndex="2" GridPane.rowIndex="1" fx:id="userErrLabel"/>
 
     <Label GridPane.rowIndex="2">Paswort</Label>
     <PasswordField GridPane.columnIndex="1" GridPane.rowIndex="2" fx:id="passField" />
-    <Label GridPane.columnIndex="2" GridPane.rowIndex="2" fx:id="passErrLabel"/>
+    <Label styleClass="errorLbl" GridPane.columnIndex="2" GridPane.rowIndex="2" fx:id="passErrLabel"/>
 
     <Button onAction="#abortBtnClick" GridPane.columnIndex="1" GridPane.rowIndex="3">Beenden</Button>
     <Button onAction="#login" GridPane.columnIndex="2" GridPane.rowIndex="3">Anmelden</Button>