comp1206-ecschat/src/main/resources/game.fxml

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

<?import java.lang.String?>
<?import java.net.URL?>
<?import javafx.geometry.Insets?>
<?import javafx.scene.Cursor?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.CheckBox?>
<?import javafx.scene.control.ProgressBar?>
<?import javafx.scene.control.Separator?>
<?import javafx.scene.control.SplitPane?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.StackPane?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Text?>

<SplitPane fx:id="mainSplitPane" dividerPositions="0.14, 0.75" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="500.0" minWidth="800.0" prefHeight="628.0" prefWidth="1105.0" styleClass=".root" xmlns="http://javafx.com/javafx/19" xmlns:fx="http://javafx.com/fxml/1">
  <items>
      <VBox fx:id="leftPanel" alignment="TOP_RIGHT" spacing="4.0">
         <children>
          <Button alignment="TOP_LEFT" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#returnToChat" text="Chat" />
            <Button alignment="TOP_LEFT" maxWidth="1.7976931348623157E308" mnemonicParsing="false" styleClass="active" text="Game" />
            <Button alignment="TOP_LEFT" maxWidth="1.7976931348623157E308" mnemonicParsing="false">
               <graphic>
                  <CheckBox fx:id="audioEnabled" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" mnemonicParsing="false" selected="true" text="Sound" />
               </graphic>
               <VBox.margin>
                  <Insets top="12.0" />
               </VBox.margin>
            </Button>
         </children>
         <styleClass>
            <String fx:value="menu" />
            <String fx:value="left-menu" />
         </styleClass>
      </VBox>
      <StackPane fx:id="mainStackPane" prefHeight="150.0" prefWidth="200.0">
         <children>
            <VBox fx:id="mainContainer" maxHeight="1.7976931348623157E308" spacing="4.0" styleClass="chat-container">
               <children>
                  <HBox prefHeight="28.0" styleClass="header">
                     <children>
                        <ImageView fitHeight="42.0" fitWidth="42.0" pickOnBounds="true" preserveRatio="true" styleClass="logo">
                           <image>
                              <Image url="@uos_logo.png" />
                           </image>
                           <HBox.margin>
                              <Insets bottom="8.0" left="12.0" right="12.0" top="8.0" />
                           </HBox.margin>
                        </ImageView>
                        <VBox alignment="CENTER_LEFT" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" HBox.hgrow="ALWAYS">
                           <children>
                              <Text strokeType="OUTSIDE" strokeWidth="0.0" styleClass="h2" text="ECS Chat Game" />
                              <Text strokeType="OUTSIDE" strokeWidth="0.0" text="The ultimate game." />
                           </children>
                           <opaqueInsets>
                              <Insets />
                           </opaqueInsets>
                           <HBox.margin>
                              <Insets bottom="4.0" />
                           </HBox.margin>
                        </VBox>
                     </children>
                  </HBox>
                  <Separator prefWidth="200.0" />
                  <BorderPane fx:id="gameBoardContainer" VBox.vgrow="ALWAYS">
                     <center>
                        <VBox fx:id="gameCoverContainer" alignment="CENTER" prefHeight="200.0" prefWidth="100.0" spacing="16.0" BorderPane.alignment="CENTER">
                           <children>
                              <Text fx:id="gameCoverTitle" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="h1" text="Play The Game..." />
                              <Button mnemonicParsing="false" onAction="#startGame" styleClass="button-primary" text="Play" />
                           </children>
                        </VBox>
                     </center></BorderPane>
                  <ProgressBar fx:id="progressBar" maxWidth="1.7976931348623157E308" prefHeight="16.0" progress="1.0" />
               </children>
            </VBox>
            <ImageView fx:id="showRightPanel" fitHeight="24.0" fitWidth="24.0" onMouseClicked="#toggleRightPanel" pickOnBounds="true" preserveRatio="true" StackPane.alignment="CENTER_RIGHT">
               <image>
                  <Image url="@angle_left_icon.png" />
               </image>
               <cursor>
                  <Cursor fx:constant="HAND" />
               </cursor>
            </ImageView>
            <ImageView fx:id="showLeftPanel" fitHeight="24.0" fitWidth="24.0" onMouseClicked="#toggleLeftPanel" pickOnBounds="true" preserveRatio="true" StackPane.alignment="CENTER_LEFT">
               <image>
                  <Image url="@angle_right_icon.png" />
               </image>
               <cursor>
                  <Cursor fx:constant="HAND" />
               </cursor>
            </ImageView>
            <ImageView fx:id="hideLeftPanel" fitHeight="24.0" fitWidth="24.0" onMouseClicked="#toggleLeftPanel" pickOnBounds="true" preserveRatio="true" StackPane.alignment="CENTER_LEFT">
               <image>
                  <Image url="@angle_left_icon.png" />
               </image>
               <cursor>
                  <Cursor fx:constant="HAND" />
               </cursor>
            </ImageView>
            <ImageView fx:id="hideRightPanel" fitHeight="24.0" fitWidth="24.0" onMouseClicked="#toggleRightPanel" pickOnBounds="true" preserveRatio="true" StackPane.alignment="CENTER_RIGHT">
               <image>
                  <Image url="@angle_right_icon.png" />
               </image>
               <cursor>
                  <Cursor fx:constant="HAND" />
               </cursor>
            </ImageView>
         </children>
      </StackPane>
      <VBox fx:id="rightPanel" prefHeight="200.0" prefWidth="100.0" spacing="8.0">
         <styleClass>
            <String fx:value="menu" />
            <String fx:value="right-menu" />
         </styleClass>
         <children>
            <Text strokeType="OUTSIDE" strokeWidth="0.0" styleClass="h2" text="Status" />
            <VBox spacing="4.0" styleClass="outline-section">
               <children>
                  <Text strokeType="OUTSIDE" strokeWidth="0.0" styleClass="h3" text="Current score" />
                  <Text fx:id="currentScoreField" strokeType="OUTSIDE" strokeWidth="0.0" styleClass="h1" text="0" />
               </children>
            </VBox>
            <VBox fx:id="currentColourContainer" spacing="8.0" styleClass="outline-section">
               <children>
                  <Text strokeType="OUTSIDE" strokeWidth="0.0" styleClass="h3" text="Current colour" />
               </children>
            </VBox>
            <VBox spacing="8.0" styleClass="outline-section">
               <children>
                  <Text strokeType="OUTSIDE" strokeWidth="0.0" styleClass="h3" text="High scores" />
                  <VBox fx:id="highScoresContainer" />
               </children>
            </VBox>
         </children>
      </VBox>
  </items>
   <stylesheets>
      <URL value="@chat.css" />
      <URL value="@global.css" />
   </stylesheets>
</SplitPane>