From 4130dbea916a9030be29ec8c8fe0921daca83437 Mon Sep 17 00:00:00 2001
From: Tobias Hagemann <tobias.hagemann@skymatic.de>
Date: Tue, 27 Aug 2019 12:57:51 +0200
Subject: [PATCH] added checkmark icon to unlock success

---
 main/ui/src/main/resources/css/dark_theme.css   | 16 ++++++++--------
 main/ui/src/main/resources/css/light_theme.css  | 16 ++++++++--------
 .../main/resources/fxml/addvault_welcome.fxml   |  6 +++---
 .../src/main/resources/fxml/unlock_success.fxml | 17 ++++++++++++++++-
 .../src/main/resources/fxml/vault_detail.fxml   |  4 ++--
 5 files changed, 37 insertions(+), 22 deletions(-)

diff --git a/main/ui/src/main/resources/css/dark_theme.css b/main/ui/src/main/resources/css/dark_theme.css
index 485e34832..b263892ca 100644
--- a/main/ui/src/main/resources/css/dark_theme.css
+++ b/main/ui/src/main/resources/css/dark_theme.css
@@ -91,6 +91,14 @@
 	-fx-fill: TEXT_FILL;
 }
 
+.glyph-icon-main-bg {
+	-fx-fill: MAIN_BG;
+}
+
+.glyph-icon-primary {
+	-fx-fill: TEXT_FILL_PRIMARY;
+}
+
 .glyph-icon-secondary {
 	-fx-fill: TEXT_FILL_SECONDARY;
 }
@@ -321,14 +329,6 @@
  *                                                                             *
  ******************************************************************************/
 
-.vault-detail .vault-status-circle {
-	-fx-fill: SECONDARY;
-}
-
-.vault-detail .vault-status-icon {
-	-fx-fill: MAIN_BG;
-}
-
 .vault-detail .vault-name {
 	-fx-font-family: 'Open Sans SemiBold';
 	-fx-font-size: 1.5em;
diff --git a/main/ui/src/main/resources/css/light_theme.css b/main/ui/src/main/resources/css/light_theme.css
index 320b9213d..eda3fde2b 100644
--- a/main/ui/src/main/resources/css/light_theme.css
+++ b/main/ui/src/main/resources/css/light_theme.css
@@ -91,6 +91,14 @@
 	-fx-fill: TEXT_FILL;
 }
 
+.glyph-icon-main-bg {
+	-fx-fill: MAIN_BG;
+}
+
+.glyph-icon-primary {
+	-fx-fill: TEXT_FILL_PRIMARY;
+}
+
 .glyph-icon-secondary {
 	-fx-fill: TEXT_FILL_SECONDARY;
 }
@@ -321,14 +329,6 @@
  *                                                                             *
  ******************************************************************************/
 
-.vault-detail .vault-status-circle {
-	-fx-fill: SECONDARY;
-}
-
-.vault-detail .vault-status-icon {
-	-fx-fill: MAIN_BG;
-}
-
 .vault-detail .vault-name {
 	-fx-font-family: 'Open Sans SemiBold';
 	-fx-font-size: 1.5em;
diff --git a/main/ui/src/main/resources/fxml/addvault_welcome.fxml b/main/ui/src/main/resources/fxml/addvault_welcome.fxml
index cfe707ba2..77a67fab0 100644
--- a/main/ui/src/main/resources/fxml/addvault_welcome.fxml
+++ b/main/ui/src/main/resources/fxml/addvault_welcome.fxml
@@ -4,7 +4,7 @@
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
-<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.FlowPane?>
 <?import javafx.scene.layout.Region?>
 <?import javafx.scene.layout.VBox?>
 <?import org.cryptomator.ui.controls.FontAwesome5IconView?>
@@ -27,7 +27,7 @@
 
 		<Region prefHeight="12" VBox.vgrow="NEVER"/>
 
-		<HBox alignment="CENTER" spacing="6">
+		<FlowPane alignment="CENTER" hgap="9" vgap="9">
 			<Button styleClass="button-large" text="%addvaultwizard.welcome.newButton" onAction="#createNewVault">
 				<graphic>
 					<FontAwesome5IconView glyph="PLUS" glyphSize="15"/>
@@ -38,6 +38,6 @@
 					<FontAwesome5IconView glyph="SEARCH" glyphSize="15"/>
 				</graphic>
 			</Button>
-		</HBox>
+		</FlowPane>
 	</children>
 </VBox>
diff --git a/main/ui/src/main/resources/fxml/unlock_success.fxml b/main/ui/src/main/resources/fxml/unlock_success.fxml
index f9e43c458..9d1b539c6 100644
--- a/main/ui/src/main/resources/fxml/unlock_success.fxml
+++ b/main/ui/src/main/resources/fxml/unlock_success.fxml
@@ -4,9 +4,12 @@
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.control.ProgressIndicator?>
 <?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.Region?>
+<?import javafx.scene.layout.StackPane?>
 <?import javafx.scene.layout.VBox?>
 <?import javafx.scene.text.Text?>
 <?import javafx.scene.text.TextFlow?>
+<?import org.cryptomator.ui.controls.FontAwesome5IconView?>
 <VBox xmlns="http://javafx.com/javafx"
 	  xmlns:fx="http://javafx.com/fxml"
 	  fx:controller="org.cryptomator.ui.unlock.UnlockSuccessController"
@@ -17,11 +20,23 @@
 		<Insets bottom="12.0" left="12.0" right="12.0" top="12.0"/>
 	</padding>
 	<children>
-		<TextFlow styleClass="text-flow">
+		<Region VBox.vgrow="NEVER"/>
+
+		<StackPane alignment="CENTER">
+			<FontAwesome5IconView styleClass="glyph-icon-primary" glyph="CIRCLE" HBox.hgrow="NEVER" glyphSize="64"/>
+			<FontAwesome5IconView styleClass="glyph-icon-main-bg" glyph="CHECK" HBox.hgrow="NEVER" glyphSize="32"/>
+		</StackPane>
+
+		<Region VBox.vgrow="NEVER"/>
+
+		<TextFlow styleClass="text-flow" textAlignment="CENTER">
 			<Text text="TODO Unlocked &quot;"/>
 			<Text text="${controller.vault.displayableName}"/>
 			<Text text="&quot; successfully! Your vault is now accessible at &quot;TODO&quot;."/>
 		</TextFlow>
+
+		<Region VBox.vgrow="NEVER"/>
+
 		<HBox alignment="CENTER_RIGHT" spacing="9">
 			<Button text="%generic.button.done" cancelButton="true" onAction="#close"/>
 			<Button text="%unlock.success.reveal" defaultButton="true" onAction="#revealAndClose" contentDisplay="${controller.revealButtonState}">
diff --git a/main/ui/src/main/resources/fxml/vault_detail.fxml b/main/ui/src/main/resources/fxml/vault_detail.fxml
index 5f1861091..d5349a562 100644
--- a/main/ui/src/main/resources/fxml/vault_detail.fxml
+++ b/main/ui/src/main/resources/fxml/vault_detail.fxml
@@ -36,8 +36,8 @@
 			</padding>
 			<children>
 				<StackPane alignment="CENTER">
-					<FontAwesome5IconView styleClass="vault-status-circle" glyph="CIRCLE" HBox.hgrow="NEVER" glyphSize="32"/>
-					<FontAwesome5IconView styleClass="vault-status-icon" glyph="${controller.glyph}" HBox.hgrow="NEVER" glyphSize="16"/>
+					<FontAwesome5IconView styleClass="glyph-icon-secondary" glyph="CIRCLE" HBox.hgrow="NEVER" glyphSize="32"/>
+					<FontAwesome5IconView styleClass="glyph-icon-main-bg" glyph="${controller.glyph}" HBox.hgrow="NEVER" glyphSize="16"/>
 				</StackPane>
 				<VBox spacing="4" HBox.hgrow="ALWAYS">
 					<Label styleClass="vault-name" text="${controller.vault.displayableName}">