Move Envoy Client to client/ subdirectory

client/src/main/resources/client.properties

@@ -0,0 +1,3 @@
+server=localhost
+port=8080
+localDB=.\\localDB

client/src/main/resources/css/base.css

@@ -0,0 +1,87 @@
+.button, .list-cell, .progress-bar * {
+	-fx-background-radius: 5.0em;
+}
+
+.context-menu, .context-menu > * {
+	-fx-background-radius: 15.0px;
+	/*TODO: solution below does not work */
+	-fx-background-color: transparent;
+}
+
+.menu-item {
+	-fx-background-radius: 15.0px;
+}
+
+.button:hover {
+	-fx-scale-x: 1.05;
+	-fx-scale-y: 1.05;
+}
+
+.label {
+	-fx-background-color: transparent;
+}
+
+.scroll-bar:horizontal, .scroll-bar:horizontal *, .scroll-bar:horizontal > *{
+	-fx-background-color: transparent;
+	-fx-text-fill: transparent;
+}
+
+.progress-bar{
+	-fx-progress-color: blue;
+}
+
+.online {
+	-fx-text-fill: limegreen;
+}
+
+.away {
+	-fx-text-fill: orangered;
+}
+
+.busy {
+	-fx-text-fill: red;
+}
+
+.offline {
+	-fx-text-fill: gray;
+}
+
+.received-message {
+	-fx-alignment: center-left;
+	-fx-background-radius: 4.0em;
+	-fx-text-alignment: right;
+}
+
+.own-message {
+	-fx-alignment: center-right;
+	-fx-background-radius: 4.0em;
+	-fx-text-alignment: left;
+}
+
+.unreadMessagesAmount {
+	-fx-alignment: center;
+	-fx-background-color: orange;
+	-fx-background-radius: 4.0em;
+	-fx-text-alignment: center;
+}
+
+#remainingCharsLabel {
+	-fx-text-fill: #00FF00;
+	-fx-background-color: transparent;
+}
+
+#infoLabel-success {
+	-fx-text-fill: #00FF00;
+}
+
+#infoLabel-info {
+	-fx-text-fill: yellow;
+}
+
+#infoLabel-warning {
+	-fx-text-fill: orange;
+}
+
+#infoLabel-error {
+	-fx-text-fill: red;
+}

client/src/main/resources/css/dark.css

@@ -0,0 +1,39 @@
+* {
+	-fx-text-fill: white;
+}
+
+.root {
+	-fx-background-color: black;
+}
+
+.button {
+	-fx-background-color: rgb(105.0,0.0,153.0);
+}
+
+.button:pressed {
+	-fx-background-color: darkviolet;
+}
+
+.button:disabled {
+	-fx-background-color: lightgray;
+}
+
+.list-view, .list-cell, .text-area .content, .text-field, .password-field, .tooltip, .pane, .pane .content, .vbox, .titled-pane > .title, .titled-pane > *.content, .context-menu, .menu-item {
+	-fx-background-color: dimgray;
+}
+
+.list-cell:selected, .list-cell:selected > *, .menu-item:hover {
+    -fx-background-color: rgb(105.0,0.0,153.0);
+}
+
+.received-message {
+	-fx-background-color: gray;
+}
+
+.own-message {
+	-fx-background-color: #8fa88f;
+}
+
+.alert.information.dialog-pane, .alert.warning.dialog-pane, .alert.error.dialog-pane {
+	-fx-background-color: black;
+}

client/src/main/resources/css/light.css

@@ -0,0 +1,16 @@
+.button{
+	-fx-background-color: orangered;
+}
+
+.list-cell:selected, .list-cell:selected > * {
+	-fx-background-color: orangered;
+	-fx-text-fill: black;
+}
+
+.received-message, .menu-item {
+	-fx-background-color: lightgray;
+}
+
+.own-message {
+	-fx-background-color: lightgreen;
+}

client/src/main/resources/fxml/ChatScene.fxml

@@ -0,0 +1,210 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.geometry.Rectangle2D?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.ButtonBar?>
+<?import javafx.scene.control.ContextMenu?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.MenuItem?>
+<?import javafx.scene.control.TextArea?>
+<?import javafx.scene.control.Tooltip?>
+<?import javafx.scene.image.ImageView?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.RowConstraints?>
+
+<GridPane fx:id="scene" hgap="5.0" maxHeight="-Infinity"
+	maxWidth="-Infinity" minHeight="400.0" minWidth="350.0"
+	prefHeight="400.0" prefWidth="600.0" vgap="2.0"
+	xmlns="http://javafx.com/javafx/11.0.1"
+	xmlns:fx="http://javafx.com/fxml/1"
+	fx:controller="envoy.client.ui.controller.ChatScene">
+	<columnConstraints>
+		<ColumnConstraints hgrow="NEVER" minWidth="60.0"
+			prefWidth="160.0" />
+		<ColumnConstraints hgrow="ALWAYS"
+			maxWidth="1.7976931348623157E308" minWidth="10.0" prefWidth="357.0" />
+		<ColumnConstraints hgrow="ALWAYS"
+			maxWidth="1.7976931348623157E308" minWidth="10.0" percentWidth="7.0"
+			prefWidth="357.0" />
+	</columnConstraints>
+	<rowConstraints>
+		<RowConstraints maxHeight="-Infinity"
+			minHeight="-Infinity" prefHeight="50.0" vgrow="NEVER" />
+		<RowConstraints maxHeight="-Infinity"
+			minHeight="-Infinity" prefHeight="20.0" vgrow="NEVER" />
+		<RowConstraints maxHeight="1.7976931348623157E308"
+			minHeight="50.0" prefHeight="155.14286150251115" vgrow="ALWAYS" />
+		<RowConstraints maxHeight="-Infinity"
+			minHeight="-Infinity" prefHeight="20.0" vgrow="NEVER" />
+		<RowConstraints maxHeight="120.0" minHeight="40.0"
+			prefHeight="60.0" vgrow="NEVER" />
+		<RowConstraints maxHeight="-Infinity"
+			minHeight="-Infinity" prefHeight="40.0" vgrow="NEVER" />
+	</rowConstraints>
+	<children>
+		<ListView fx:id="chatList" onMouseClicked="#chatListClicked"
+			prefHeight="211.0" prefWidth="300.0" GridPane.rowIndex="1"
+			GridPane.rowSpan="2147483647">
+			<GridPane.margin>
+				<Insets bottom="5.0" left="10.0" />
+			</GridPane.margin>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="2.0" top="5.0" />
+			</padding>
+			<contextMenu>
+				<ContextMenu anchorLocation="CONTENT_TOP_LEFT">
+					<items>
+						<MenuItem fx:id="deleteContactMenuItem"
+							mnemonicParsing="false" onAction="#deleteContact" text="Delete" />
+					</items>
+				</ContextMenu>
+			</contextMenu>
+		</ListView>
+		<Label fx:id="contactLabel" prefHeight="27.0" prefWidth="134.0"
+			GridPane.columnSpan="2">
+			<GridPane.margin>
+				<Insets left="10.0" />
+			</GridPane.margin>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+		</Label>
+		<Button fx:id="settingsButton" mnemonicParsing="true"
+			onAction="#settingsButtonClicked" text="_Settings"
+			GridPane.columnIndex="1" GridPane.columnSpan="2147483647"
+			GridPane.halignment="RIGHT" GridPane.valignment="CENTER">
+			<GridPane.margin>
+				<Insets bottom="10.0" right="10.0" top="10.0" />
+			</GridPane.margin>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+		</Button>
+		<ListView fx:id="messageList" GridPane.columnIndex="1"
+			GridPane.columnSpan="2147483647" GridPane.rowIndex="1"
+			GridPane.rowSpan="2">
+			<GridPane.margin>
+				<Insets left="5.0" right="10.0" />
+			</GridPane.margin>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="2.0" top="5.0" />
+			</padding>
+		</ListView>
+		<ButtonBar buttonMinWidth="40.0" GridPane.columnIndex="1"
+			GridPane.columnSpan="2147483647" GridPane.halignment="CENTER"
+			GridPane.rowIndex="5" GridPane.valignment="BOTTOM">
+			<GridPane.margin>
+				<Insets right="10.0" />
+			</GridPane.margin>
+			<buttons>
+				<Button fx:id="rotateButton" mnemonicParsing="false"
+					onAction="#doABarrelRoll">
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</Button>
+				<Button fx:id="attachmentButton" disable="true"
+					mnemonicParsing="false" onAction="#attachmentButtonClicked">
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</Button>
+				<Button fx:id="voiceButton" disable="true"
+					onAction="#voiceButtonClicked">
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</Button>
+				<Button fx:id="postButton" defaultButton="true"
+					disable="true" mnemonicParsing="true" onAction="#postMessage"
+					text="_Post">
+					<tooltip>
+						<Tooltip anchorLocation="WINDOW_TOP_LEFT" autoHide="true"
+							maxWidth="350.0"
+							text="Click this button to send the message. If it is disabled, you first have to select a contact to send it to. A message may automatically be sent when you press (Ctrl + ) Enter, according to your preferences. Additionally sends a message when pressing &quot;Alt&quot; + &quot;P&quot;."
+							wrapText="true" />
+					</tooltip>
+					<contextMenu>
+						<ContextMenu anchorLocation="CONTENT_TOP_LEFT">
+							<items>
+								<MenuItem mnemonicParsing="false"
+									onAction="#copyAndPostMessage" text="Copy and Send" />
+							</items>
+						</ContextMenu>
+					</contextMenu>
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</Button>
+			</buttons>
+		</ButtonBar>
+		<TextArea fx:id="messageTextArea" disable="true"
+			onInputMethodTextChanged="#messageTextUpdated"
+			onKeyPressed="#checkPostConditions" onKeyTyped="#checkKeyCombination"
+			prefHeight="200.0" prefWidth="200.0" wrapText="true"
+			GridPane.columnIndex="1" GridPane.columnSpan="2147483647"
+			GridPane.rowIndex="4">
+			<GridPane.margin>
+				<Insets bottom="10.0" left="5.0" right="10.0" top="3.0" />
+			</GridPane.margin>
+			<opaqueInsets>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</opaqueInsets>
+		</TextArea>
+		<Button mnemonicParsing="true"
+			onAction="#addContactButtonClicked" text="_Add Contacts"
+			GridPane.halignment="CENTER" GridPane.rowIndex="5"
+			GridPane.valignment="CENTER">
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+			<GridPane.margin>
+				<Insets bottom="10.0" left="10.0" right="5.0" />
+			</GridPane.margin>
+		</Button>
+		<Label id="remainingCharsLabel" fx:id="remainingChars"
+			ellipsisString="" maxHeight="30.0" maxWidth="180.0" prefHeight="30.0"
+			prefWidth="180.0" text="remaining chars: 0/x" textFill="LIME"
+			textOverrun="LEADING_WORD_ELLIPSIS" visible="false"
+			GridPane.columnIndex="1" GridPane.rowIndex="3">
+			<GridPane.margin>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</GridPane.margin>
+			<padding>
+				<Insets bottom="5.0" top="5.0" />
+			</padding>
+			<opaqueInsets>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</opaqueInsets>
+			<tooltip>
+				<Tooltip
+					text="Shows how many chars you can still enter in this message"
+					wrapText="true" />
+			</tooltip>
+		</Label>
+		<Label fx:id="infoLabel" text="Something happened"
+			textFill="#faa007" visible="false" wrapText="true"
+			GridPane.columnIndex="1">
+			<GridPane.margin>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</GridPane.margin>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+		</Label>
+		<ImageView fx:id="attachmentView" pickOnBounds="true"
+			preserveRatio="true" visible="false" GridPane.columnIndex="1"
+			GridPane.columnSpan="2147483647" GridPane.halignment="RIGHT"
+			GridPane.rowIndex="3">
+			<viewport>
+				<Rectangle2D height="20.0" width="20.0" />
+			</viewport>
+			<GridPane.margin>
+				<Insets bottom="5.0" right="10.0" top="5.0" />
+			</GridPane.margin>
+		</ImageView>
+	</children>
+</GridPane>

client/src/main/resources/fxml/ContactSearchScene.fxml

@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import envoy.client.ui.ClearableTextField?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.Tooltip?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.VBox?>
+
+<VBox maxHeight="-Infinity" maxWidth="-Infinity"
+	minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0"
+	prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1"
+	xmlns:fx="http://javafx.com/fxml/1"
+	fx:controller="envoy.client.ui.controller.ContactSearchScene">
+	<children>
+		<HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0">
+			<children>
+				<ClearableTextField fx:id="searchBar"
+					prefWidth="310.0">
+					<textField onInputMethodTextChanged="#sendRequest"
+						onKeyTyped="#sendRequest" prefColumnCount="22"
+						promptText="Enter username to search for">
+					</textField>
+					<HBox.margin>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="15.0" />
+					</HBox.margin>
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+					<tooltip>
+						<Tooltip
+							text="Enter a name. If an account by that name exists, it will be displayed below."
+							wrapText="true" />
+					</tooltip>
+				</ClearableTextField>
+				<Button mnemonicParsing="false"
+					onAction="#newGroupButtonClicked" prefHeight="26.0"
+					prefWidth="139.0" text="New Group">
+					<HBox.margin>
+						<Insets bottom="5.0" left="30.0" right="5.0" top="5.0" />
+					</HBox.margin>
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</Button>
+			</children>
+		</HBox>
+		<ListView fx:id="chatList"
+			onMouseClicked="#chatListClicked" prefHeight="314.0"
+			prefWidth="600.0">
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+			<VBox.margin>
+				<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+			</VBox.margin>
+		</ListView>
+		<Button cancelButton="true" mnemonicParsing="true"
+			onAction="#backButtonClicked" text="_Back">
+			<VBox.margin>
+				<Insets bottom="10.0" left="10.0" />
+			</VBox.margin>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+			<tooltip>
+				<Tooltip autoHide="true"
+					text="Takes you back to the screen where you can chat with others"
+					wrapText="true" />
+			</tooltip>
+		</Button>
+	</children>
+</VBox>

client/src/main/resources/fxml/GroupCreationScene.fxml

@@ -0,0 +1,91 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import envoy.client.ui.ClearableTextField?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.Tooltip?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.text.Font?>
+
+<VBox maxHeight="-Infinity" maxWidth="-Infinity"
+	minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0"
+	prefWidth="600.0" xmlns="http://javafx.com/javafx/11.0.1"
+	xmlns:fx="http://javafx.com/fxml/1"
+	fx:controller="envoy.client.ui.controller.GroupCreationScene">
+	<children>
+		<HBox alignment="CENTER" prefHeight="100.0" prefWidth="200.0">
+			<children>
+				<ClearableTextField fx:id="groupNameField">
+					<textField prefColumnCount="22"
+						promptText="Enter Group Name"
+						onInputMethodTextChanged="#textUpdated" onKeyTyped="#textUpdated" />
+					<HBox.margin>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</HBox.margin>
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+					<tooltip>
+						<Tooltip
+							text="Enter something. A group with this name will be created."
+							wrapText="true" />
+					</tooltip>
+				</ClearableTextField>
+			</children>
+		</HBox>
+		<Label text="Choose Members:">
+			<font>
+				<Font size="16.0" />
+			</font>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+		</Label>
+		<ListView fx:id="chatList"
+			onMouseClicked="#chatListClicked" prefHeight="314.0"
+			prefWidth="600.0">
+			<VBox.margin>
+				<Insets bottom="5.0" left="10.0" right="10.0" top="5.0" />
+			</VBox.margin>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+		</ListView>
+		<BorderPane prefHeight="50.0">
+			<left>
+				<Button cancelButton="true" mnemonicParsing="true"
+					onAction="#backButtonClicked" text="_Back"
+					BorderPane.alignment="CENTER">
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+					<tooltip>
+						<Tooltip autoHide="true"
+							text="Takes you back to the screen where you can chat with others"
+							wrapText="true" />
+					</tooltip>
+					<BorderPane.margin>
+						<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+					</BorderPane.margin>
+				</Button>
+			</left>
+			<right>
+				<Button fx:id="createButton" alignment="CENTER_RIGHT"
+					defaultButton="true" disable="true" mnemonicParsing="false"
+					onAction="#createButtonClicked" text="Create"
+					BorderPane.alignment="CENTER">
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+					<BorderPane.margin>
+						<Insets bottom="10.0" left="10.0" right="10.0" top="10.0" />
+					</BorderPane.margin>
+				</Button>
+			</right>
+		</BorderPane>
+	</children>
+</VBox>

client/src/main/resources/fxml/LoginScene.fxml

@@ -0,0 +1,149 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import envoy.client.ui.ClearableTextField?>
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.CheckBox?>
+<?import javafx.scene.control.Label?>
+<?import javafx.scene.control.PasswordField?>
+<?import javafx.scene.layout.BorderPane?>
+<?import javafx.scene.layout.ColumnConstraints?>
+<?import javafx.scene.layout.GridPane?>
+<?import javafx.scene.layout.RowConstraints?>
+<?import javafx.scene.layout.VBox?>
+<?import javafx.scene.text.Font?>
+
+<VBox prefHeight="206.0" prefWidth="440.0"
+	xmlns="http://javafx.com/javafx/11.0.1"
+	xmlns:fx="http://javafx.com/fxml/1"
+	fx:controller="envoy.client.ui.controller.LoginScene">
+	<children>
+		<Label text="User Login">
+			<font>
+				<Font size="26.0" />
+			</font>
+			<VBox.margin>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</VBox.margin>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+		</Label>
+		<GridPane hgap="5.0" vgap="10.0">
+			<columnConstraints>
+				<ColumnConstraints hgrow="SOMETIMES"
+					minWidth="10.0" percentWidth="40.0" prefWidth="100.0" />
+				<ColumnConstraints hgrow="SOMETIMES"
+					minWidth="10.0" prefWidth="100.0" />
+			</columnConstraints>
+			<rowConstraints>
+				<RowConstraints minHeight="10.0" prefHeight="30.0"
+					vgrow="SOMETIMES" />
+				<RowConstraints minHeight="10.0" prefHeight="30.0"
+					vgrow="SOMETIMES" />
+				<RowConstraints minHeight="10.0" prefHeight="30.0"
+					vgrow="SOMETIMES" />
+			</rowConstraints>
+			<children>
+				<Label text="User Name:">
+					<GridPane.margin>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</GridPane.margin>
+					<padding>
+						<Insets bottom="2.0" left="2.0" right="2.0" top="2.0" />
+					</padding>
+				</Label>
+				<Label text="Password:" GridPane.rowIndex="1">
+					<padding>
+						<Insets bottom="2.0" left="2.0" right="2.0" top="2.0" />
+					</padding>
+					<GridPane.margin>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</GridPane.margin>
+				</Label>
+				<Label fx:id="repeatPasswordLabel" text="Repeat Password:"
+					visible="false" GridPane.rowIndex="2">
+					<GridPane.margin>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</GridPane.margin>
+					<padding>
+						<Insets bottom="2.0" left="2.0" right="2.0" top="2.0" />
+					</padding>
+				</Label>
+				<ClearableTextField fx:id="userTextField"
+					GridPane.columnIndex="1">
+					<GridPane.margin>
+						<Insets bottom="10.0" left="5.0" right="5.0" top="5.0" />
+					</GridPane.margin>
+				</ClearableTextField>
+				<PasswordField fx:id="passwordField"
+					GridPane.columnIndex="1" GridPane.rowIndex="1">
+					<GridPane.margin>
+						<Insets bottom="10.0" left="5.0" right="5.0" top="10.0" />
+					</GridPane.margin>
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</PasswordField>
+				<PasswordField fx:id="repeatPasswordField"
+					visible="false" GridPane.columnIndex="1" GridPane.rowIndex="2">
+					<GridPane.margin>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="10.0" />
+					</GridPane.margin>
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</PasswordField>
+			</children>
+			<VBox.margin>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</VBox.margin>
+		</GridPane>
+		<CheckBox fx:id="registerCheckBox" mnemonicParsing="true"
+			onAction="#registerCheckboxChanged" prefHeight="17.0"
+			prefWidth="181.0" text="_Register">
+			<VBox.margin>
+				<Insets left="5.0" right="3.0" />
+			</VBox.margin>
+		</CheckBox>
+		<Label fx:id="connectionLabel">
+			<VBox.margin>
+				<Insets left="5.0" />
+			</VBox.margin>
+		</Label>
+		<BorderPane prefWidth="200.0">
+			<left>
+				<Button cancelButton="true" mnemonicParsing="false"
+					onAction="#abortLogin" text="Close" BorderPane.alignment="CENTER">
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+					<BorderPane.margin>
+						<Insets />
+					</BorderPane.margin>
+				</Button>
+			</left>
+			<center>
+				<Button mnemonicParsing="false"
+					onAction="#offlineModeButtonPressed" text="Offline mode"
+					BorderPane.alignment="CENTER">
+					<BorderPane.margin>
+						<Insets />
+					</BorderPane.margin>
+				</Button>
+			</center>
+			<right>
+				<Button defaultButton="true" mnemonicParsing="false"
+					onAction="#loginButtonPressed" text="Login"
+					BorderPane.alignment="CENTER">
+					<BorderPane.margin>
+						<Insets />
+					</BorderPane.margin>
+				</Button>
+			</right>
+			<VBox.margin>
+				<Insets bottom="5.0" left="5.0" right="5.0" />
+			</VBox.margin>
+		</BorderPane>
+	</children>
+</VBox>

client/src/main/resources/fxml/SettingsScene.fxml

@@ -0,0 +1,56 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.Insets?>
+<?import javafx.scene.control.Button?>
+<?import javafx.scene.control.ListView?>
+<?import javafx.scene.control.TitledPane?>
+<?import javafx.scene.layout.HBox?>
+<?import javafx.scene.layout.VBox?>
+
+<VBox alignment="TOP_RIGHT" maxHeight="-Infinity"
+	maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity"
+	prefHeight="400.0" prefWidth="600.0"
+	xmlns="http://javafx.com/javafx/11.0.1"
+	xmlns:fx="http://javafx.com/fxml/1"
+	fx:controller="envoy.client.ui.controller.SettingsScene">
+	<children>
+		<HBox prefHeight="389.0" prefWidth="600.0">
+			<children>
+				<ListView fx:id="settingsList"
+					onMouseClicked="#settingsListClicked" prefHeight="200.0"
+					prefWidth="200.0">
+					<opaqueInsets>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</opaqueInsets>
+					<HBox.margin>
+						<Insets bottom="10.0" left="10.0" right="5.0" top="10.0" />
+					</HBox.margin>
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</ListView>
+				<TitledPane fx:id="titledPane" collapsible="false"
+					prefHeight="325.0" prefWidth="300.0">
+					<HBox.margin>
+						<Insets bottom="10.0" left="5.0" right="10.0" top="10.0" />
+					</HBox.margin>
+					<padding>
+						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+					</padding>
+				</TitledPane>
+			</children>
+		</HBox>
+		<Button defaultButton="true" mnemonicParsing="true"
+			onMouseClicked="#backButtonClicked" text="_Back">
+			<opaqueInsets>
+				<Insets />
+			</opaqueInsets>
+			<padding>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</padding>
+			<VBox.margin>
+				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+			</VBox.margin>
+		</Button>
+	</children>
+</VBox>