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

<?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>