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

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

<?import javafx.geometry.Insets?>
<?import javafx.geometry.Rectangle2D?>
<?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.image.ImageView?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.Region?>
<?import javafx.scene.layout.RowConstraints?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>

<GridPane fx:id="scene" maxHeight="-Infinity"
	maxWidth="-Infinity" minHeight="400.0" minWidth="500.0"
	prefHeight="1152.0" prefWidth="2042.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"
			maxWidth="327.99997965494794" minWidth="-Infinity" prefWidth="317.0" />
		<ColumnConstraints hgrow="ALWAYS"
			maxWidth="1.7976931348623157E308" />
	</columnConstraints>
	<rowConstraints>
		<RowConstraints maxHeight="122.00000508626302"
			minHeight="-Infinity" prefHeight="96.66666158040364" vgrow="NEVER" />
		<RowConstraints maxHeight="1.7976931348623157E308"
			minHeight="50.0" prefHeight="949.3333384195963" vgrow="ALWAYS" />
		<RowConstraints maxHeight="59.3333740234375"
			minHeight="-Infinity" prefHeight="22.666748046875" vgrow="NEVER" />
		<RowConstraints maxHeight="120.0" minHeight="-Infinity"
			prefHeight="83.333251953125" vgrow="NEVER" />
	</rowConstraints>
	<children>
		<ListView id="chatList" fx:id="chatList"
			focusTraversable="false" onMouseClicked="#chatListClicked"
			prefHeight="211.0" prefWidth="300.0" GridPane.rowIndex="1"
			GridPane.rowSpan="2147483647">
			<GridPane.margin>
				<Insets right="1.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>
		<HBox id="topBar" alignment="CENTER_LEFT" prefHeight="100.0">
			<children>
				<ImageView id="profilePic" fx:id="clientProfilePic"
					fitHeight="43.0" fitWidth="43.0" pickOnBounds="true"
					preserveRatio="true">
					<HBox.margin>
						<Insets left="15.0" top="5.0" />
					</HBox.margin>
				</ImageView>
				<Label id="transparentBackground" fx:id="contactLabel"
					prefHeight="27.0" prefWidth="134.0">
					<padding>
						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
					</padding>
					<font>
						<Font size="18.0" />
					</font>
					<HBox.margin>
						<Insets left="10.0" top="5.0" />
					</HBox.margin>
				</Label>
				<Region id="transparentBackground" prefHeight="77.0"
					prefWidth="115.0" />
				<VBox id="transparentBackground" alignment="CENTER_RIGHT"
					prefHeight="200.0" prefWidth="100.0" spacing="5.0">
					<children>
						<Button fx:id="settingsButton" mnemonicParsing="true"
							onAction="#settingsButtonClicked" text="">
							<padding>
								<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
							</padding>
							<VBox.margin>
								<Insets />
							</VBox.margin>
						</Button>
						<Button mnemonicParsing="true"
							onAction="#addContactButtonClicked" text=" + ">
							<padding>
								<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
							</padding>
						</Button>
					</children>
					<HBox.margin>
						<Insets right="10.0" />
					</HBox.margin>
					<opaqueInsets>
						<Insets />
					</opaqueInsets>
				</VBox>
			</children>
			<GridPane.margin>
				<Insets bottom="1.0" right="1.0" />
			</GridPane.margin>
		</HBox>
		<ListView id="messageList" fx:id="messageList"
			focusTraversable="false" GridPane.columnIndex="1"
			GridPane.columnSpan="2147483647" GridPane.rowIndex="1"
			GridPane.rowSpan="2">
			<GridPane.margin>
				<Insets />
			</GridPane.margin>
			<padding>
				<Insets bottom="5.0" top="5.0" />
			</padding>
		</ListView>
		<HBox alignment="CENTER" GridPane.columnIndex="1"
			GridPane.rowIndex="3">
			<children>
				<Label id="messageEnterContainer" alignment="CENTER"
					minWidth="500.0" prefHeight="100.0" prefWidth="1300.0">
					<graphic>
						<TextArea id="messageEnter" fx:id="messageTextArea"
							disable="true" onInputMethodTextChanged="#messageTextUpdated"
							onKeyPressed="#checkPostConditions"
							onKeyTyped="#checkKeyCombination" prefHeight="100.0"
							prefWidth="1250.0" promptText="Enter Message" wrapText="true">
							<opaqueInsets>
								<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
							</opaqueInsets>
							<padding>
								<Insets left="17.0" right="17.0" />
							</padding>
						</TextArea>
					</graphic>
				</Label>
				<HBox prefHeight="38.0" prefWidth="100.0" spacing="5.0">
					<children>
						<Button id="roundButton" fx:id="postButton"
							defaultButton="true" disable="true" minWidth="40.0"
							mnemonicParsing="true" onAction="#postMessage" prefHeight="40.0"
							prefWidth="40.0" 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>
						<Button id="roundButton" fx:id="voiceButton" disable="true"
							minWidth="40.0" onAction="#voiceButtonClicked" prefHeight="40.0"
							prefWidth="40.0">
							<padding>
								<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
							</padding>
						</Button>
						<Button id="roundButton" fx:id="attachmentButton"
							disable="true" minWidth="40.0" mnemonicParsing="false"
							onAction="#attachmentButtonClicked" prefHeight="40.0"
							prefWidth="40.0">
							<padding>
								<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
							</padding>
						</Button>
						<Button id="roundButton" fx:id="rotateButton"
							minWidth="40.0" mnemonicParsing="false" onAction="#doABarrelRoll"
							prefHeight="40.0" prefWidth="40.0">
							<padding>
								<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
							</padding>
						</Button>
					</children>
					<HBox.margin>
						<Insets left="5.0" />
					</HBox.margin>
				</HBox>
			</children>
			<GridPane.margin>
				<Insets bottom="40.0" left="300.0" right="300.0" top="15.0" />
			</GridPane.margin>
		</HBox>
		<HBox prefHeight="100.0" prefWidth="200.0"
			GridPane.columnIndex="1" GridPane.rowIndex="2">
			<children>
				<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">
					<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">
					<padding>
						<Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
					</padding>
				</Label>
			</children>
		</HBox>
		<ImageView fx:id="attachmentView" pickOnBounds="true"
			preserveRatio="true" visible="false" GridPane.columnIndex="1"
			GridPane.columnSpan="2147483647" GridPane.halignment="RIGHT"
			GridPane.rowIndex="2">
			<viewport>
				<Rectangle2D height="20.0" width="20.0" />
			</viewport>
			<GridPane.margin>
				<Insets bottom="5.0" right="10.0" top="5.0" />
			</GridPane.margin>
		</ImageView>
		<HBox id="topBar" alignment="CENTER_LEFT" prefHeight="100.0"
			prefWidth="200.0" GridPane.columnIndex="1">
			<children>
				<ImageView id="profilePic" fx:id="recipientProfilePic"
					fitHeight="43.0" fitWidth="43.0" pickOnBounds="true"
					preserveRatio="true">
					<HBox.margin>
						<Insets left="20.0" top="5.0" />
					</HBox.margin>
				</ImageView>
				<VBox alignment="CENTER_LEFT" prefHeight="97.0"
					prefWidth="316.0">
					<children>
						<Label fx:id="topBarContactLabel" text="">
							<font>
								<Font size="18.0" />
							</font>
						</Label>
						<Label fx:id="topBarStatusLabel" text="" />
					</children>
					<HBox.margin>
						<Insets left="15.0" />
					</HBox.margin>
				</VBox>
				<Region prefHeight="200.0" prefWidth="200.0"
					HBox.hgrow="ALWAYS" />
				<Button id="roundButton" fx:id="messageSearchButton"
					contentDisplay="CENTER" mnemonicParsing="false" prefHeight="40.0"
					prefWidth="40.0" visible="false">
					<HBox.margin>
						<Insets right="20.0" />
					</HBox.margin>
				</Button>
			</children>
		</HBox>
	</children>
</GridPane>