envoy/src/main/resources/fxml/ChatScene.fxml

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?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.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.RowConstraints?>

<GridPane maxHeight="-Infinity" maxWidth="-Infinity"
	minHeight="400.0" minWidth="350.0" 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.ChatScene">
	<columnConstraints>
		<ColumnConstraints hgrow="SOMETIMES"
			maxWidth="1.7976931348623157E308" minWidth="10.0" percentWidth="20.0"
			prefWidth="161.0" />
		<ColumnConstraints hgrow="SOMETIMES"
			maxWidth="1.7976931348623157E308" minWidth="10.0" percentWidth="65.0"
			prefWidth="357.0" />
		<ColumnConstraints hgrow="SOMETIMES"
			maxWidth="1.7976931348623157E308" minWidth="6.285736083984375"
			percentWidth="15.0" prefWidth="48.000030517578125" />
	</columnConstraints>
	<rowConstraints>
		<RowConstraints maxHeight="1.7976931348623157E308"
			minHeight="10.0" percentHeight="10.0" prefHeight="70.0"
			vgrow="SOMETIMES" />
		<RowConstraints maxHeight="1.7976931348623157E308"
			minHeight="10.0" percentHeight="70.0" prefHeight="326.2857404436384"
			vgrow="SOMETIMES" />
		<RowConstraints maxHeight="1.7976931348623157E308"
			minHeight="10.0" percentHeight="5.0" prefHeight="50.0"
			vgrow="SOMETIMES" />
		<RowConstraints maxHeight="1.7976931348623157E308"
			minHeight="10.0" percentHeight="15.0" prefHeight="100.0"
			vgrow="SOMETIMES" />
	</rowConstraints>
	<children>
		<ListView fx:id="userList" onMouseClicked="#userListClicked"
			prefHeight="211.0" prefWidth="300.0" GridPane.rowIndex="1"
			GridPane.rowSpan="2147483647">
			<GridPane.margin>
				<Insets bottom="10.0" left="10.0" right="5.0" top="5.0" />
			</GridPane.margin>
			<padding>
				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
			</padding>
			<contextMenu>
				<ContextMenu anchorLocation="CONTENT_TOP_LEFT">
					<items>
						<MenuItem fx:id="deleteContactMenuItem"
							mnemonicParsing="false" text="Delete" onAction="#deleteContact" />
					</items>
				</ContextMenu>
			</contextMenu>
		</ListView>
		<Label fx:id="contactLabel" prefHeight="16.0" prefWidth="250.0"
			text="Select a contact to chat with" GridPane.columnSpan="2">
			<GridPane.margin>
				<Insets left="15.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>
		<Button fx:id="settingsButton" mnemonicParsing="true"
			onAction="#settingsButtonClicked" text="_Settings"
			GridPane.columnIndex="1" GridPane.columnSpan="2" GridPane.halignment="RIGHT"
			GridPane.valignment="CENTER">
			<GridPane.margin>
				<Insets bottom="10.0" left="5.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" prefHeight="257.0"
			prefWidth="155.0" GridPane.columnIndex="1" GridPane.columnSpan="2"
			GridPane.rowIndex="1" GridPane.rowSpan="2">
			<GridPane.margin>
				<Insets bottom="5.0" left="5.0" right="10.0" top="5.0" />
			</GridPane.margin>
			<padding>
				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
			</padding>
			<contextMenu>
				<ContextMenu anchorLocation="CONTENT_TOP_LEFT">
					<items>
						<MenuItem mnemonicParsing="false" text="Copy"
							onAction="#copyMessage" />
						<MenuItem mnemonicParsing="false" text="Delete"
							onAction="#deleteMessage" />
						<MenuItem mnemonicParsing="false" text="Forward"
							onAction="#forwardMessage" />
						<MenuItem mnemonicParsing="false" text="Quote"
							onAction="#quoteMessage" />
					</items>
				</ContextMenu>
			</contextMenu>
		</ListView>
		<Button fx:id="postButton" defaultButton="true" disable="true"
			mnemonicParsing="true" onAction="#postMessage" prefHeight="10.0"
			prefWidth="65.0" text="_Post" GridPane.columnIndex="2"
			GridPane.halignment="CENTER" GridPane.rowIndex="3"
			GridPane.valignment="CENTER">
			<GridPane.margin>
				<Insets bottom="5.0" left="5.0" right="5.0"/>
			</GridPane.margin>
			<padding>
				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
			</padding>
			<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" text="Copy and Send"
							onAction="#copyAndPostMessage" />
					</items>
				</ContextMenu>
			</contextMenu>
		</Button>
		<TextArea fx:id="messageTextArea" disable="true"
			onInputMethodTextChanged="#messageTextUpdated"
			onKeyPressed="#checkPostConditions" onKeyTyped="#checkKeyCombination"
			prefHeight="200.0" prefWidth="200.0" wrapText="true"
			GridPane.columnIndex="1" GridPane.rowIndex="3">
			<GridPane.margin>
				<Insets bottom="10.0" left="5.0" right="5.0" top="5.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="3"
			GridPane.valignment="CENTER">
			<padding>
				<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
			</padding>
			<GridPane.margin>
				<Insets bottom="5.0" left="5.0" right="5.0" top="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="2">
			<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>
			<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>
	</children>
</GridPane>