Set up controller classes for lobby and host. Made changes to TitleController and MainController. Title screen can now enter lobby and host.

#story[1087]

racevisionGame/src/main/java/visualiser/Controllers/HostController.java

@@ -0,0 +1,46 @@
+package visualiser.Controllers;
+
+import javafx.application.Application;
+import javafx.fxml.FXML;
+import javafx.scene.control.*;
+import javafx.scene.layout.AnchorPane;
+import javafx.stage.Stage;
+import mock.app.App;
+
+import java.io.IOException;
+import java.net.URL;
+import java.util.ResourceBundle;
+
+/**
+ * Created by zwu18 on 25/07/17.
+ */
+public class HostController extends Controller {
+
+
+    @FXML
+    TextField gameNameField;
+
+    @FXML
+    TextField hostNameField;
+
+    @FXML
+    AnchorPane hostWrapper;
+
+    @Override
+    public void initialize(URL location, ResourceBundle resources) {
+    }
+
+    public void hostGamePressed() throws IOException{
+        System.out.println("TODO: Run mock");
+    }
+
+    public AnchorPane startWrapper(){
+        return hostWrapper;
+    }
+
+    public void hostGame(){
+        hostWrapper.setVisible(true);
+        System.out.println("Reacted hostGame");
+    }
+
+}

racevisionGame/src/main/java/visualiser/Controllers/LobbyController.java

@@ -0,0 +1,29 @@
+package visualiser.Controllers;
+
+import javafx.fxml.FXML;
+import javafx.scene.layout.AnchorPane;
+
+import java.net.URL;
+import java.util.ResourceBundle;
+
+/**
+ * Created by zwu18 on 25/07/17.
+ */
+public class LobbyController extends Controller {
+
+    @FXML
+    AnchorPane lobbyWrapper;
+
+    @Override
+    public void initialize(URL location, ResourceBundle resources) {
+
+    }
+
+    public AnchorPane startWrapper(){
+        return lobbyWrapper;
+    }
+
+    public void enterLobby(){
+        lobbyWrapper.setVisible(true);
+    }
+}

racevisionGame/src/main/java/visualiser/Controllers/MainController.java

@@ -20,7 +20,9 @@ public class MainController extends Controller {
     @FXML private RaceController raceController;
     @FXML private ConnectionController connectionController;
     @FXML private FinishController finishController;
-
+    @FXML private TitleController titleController;
+    @FXML private HostController hostController;
+    @FXML private LobbyController lobbyController;
 
 
     /**
@@ -56,6 +58,21 @@ public class MainController extends Controller {
         finishController.enterFinish(boats);
     }
 
+    /**
+     * Transitions into the title screen
+     */
+    public void enterTitle(){ titleController.enterTitle(); }
+
+    /**
+     * Transitions into lobby screen
+     */
+    public void enterLobby(){ lobbyController.enterLobby(); }
+
+    /**
+     * Transitions into host game screen
+     */
+    public void hostGame(){ hostController.hostGame(); }
+
     /**
      * Main Controller for the applications will house the menu and the displayed pane.
      *
@@ -69,6 +86,10 @@ public class MainController extends Controller {
         raceController.setParent(this);
         connectionController.setParent(this);
         finishController.setParent(this);
+        titleController.setParent(this);
+        hostController.setParent(this);
+        lobbyController.setParent(this);
+
 
         AnchorPane.setTopAnchor(startController.startWrapper(), 0.0);
         AnchorPane.setBottomAnchor(startController.startWrapper(), 0.0);

racevisionGame/src/main/java/visualiser/Controllers/TitleController.java

@@ -6,9 +6,12 @@ import javafx.scene.Parent;
 import javafx.scene.Scene;
 import javafx.scene.control.Button;
 import javafx.scene.image.Image;
+import javafx.scene.layout.AnchorPane;
 import javafx.stage.Stage;
 
 import java.io.IOException;
+import java.net.URL;
+import java.util.ResourceBundle;
 
 /**
  * Controller for the opening title window.
@@ -16,8 +19,11 @@ import java.io.IOException;
  * burger-boat and comic sans styling to allure and entice users into playing
  * the game.
  */
-public class TitleController {
+public class TitleController extends Controller {
-    @FXML Button btnJoin;
+    @FXML
+    Button btnJoin;
+    @FXML
+    AnchorPane titleWrapper;
 
     /**
      * Method called when the 'host a game' button is pressed.
@@ -27,7 +33,7 @@ public class TitleController {
      */
     public void hostAGame() throws IOException {
         // load up the main window
-        Stage stage = new Stage();
+        /*Stage stage = new Stage();
         FXMLLoader loader = new FXMLLoader(getClass().getResource("/visualiser/scenes/main.fxml"));
         Parent root = loader.load();
         Scene scene = new Scene(root, 1200, 800);
@@ -40,7 +46,14 @@ public class TitleController {
 
         // close title screen
         Stage stageOld = (Stage)btnJoin.getScene().getWindow();
-        stageOld.close();
+        stageOld.close();*/
+        titleWrapper.setVisible(false);
+        parent.hostGame();
+
+    }
+
+    public void enterTitle(){
+        titleWrapper.setVisible(true);
     }
 
     /**
@@ -48,6 +61,12 @@ public class TitleController {
      * games a player can join. Place holder method for now!
      */
     public void joinAGame() {
-        System.out.println("You can't join a game yet ;)");
+        titleWrapper.setVisible(false);
+        parent.enterLobby();
+    }
+
+    @Override
+    public void initialize(URL location, ResourceBundle resources) {
+
     }
 }

racevisionGame/src/main/java/visualiser/app/App.java

@@ -9,6 +9,7 @@ import javafx.scene.Scene;
 import javafx.scene.image.Image;
 import javafx.stage.Stage;
 import javafx.stage.WindowEvent;
+import visualiser.Controllers.MainController;
 
 public class App extends Application {
 
@@ -35,9 +36,11 @@ public class App extends Application {
             }
         });
         FXMLLoader loader = new FXMLLoader(getClass().getResource
-                ("/visualiser/scenes/titleScreen.fxml"));
+                ("/visualiser/scenes/main.fxml"));
         Parent root = loader.load();
         stage.setResizable(false);
+        MainController mc = (MainController) loader.getController();
+        mc.enterTitle();
         Scene scene = new Scene(root);
 
         stage.setScene(scene);

racevisionGame/src/main/resources/visualiser/scenes/connect.fxml

@@ -1,10 +1,13 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import java.lang.*?>
+<?import javafx.scene.text.*?>
 <?import javafx.geometry.*?>
 <?import javafx.scene.control.*?>
 <?import javafx.scene.layout.*?>
 <?import javafx.scene.text.Font?>
-<AnchorPane fx:id="connectionWrapper" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="780.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.ConnectionController">
+
+<AnchorPane fx:id="connectionWrapper" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="780.0" visible="false" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.ConnectionController">
    <children>
       <GridPane fx:id="connection" prefHeight="600.0" prefWidth="780.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
          <columnConstraints>

racevisionGame/src/main/resources/visualiser/scenes/hostgame.fxml

@@ -7,7 +7,7 @@
 <?import javafx.scene.layout.*?>
 <?import javafx.scene.text.Font?>
 
-<AnchorPane fx:id="connectionWrapper" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="780.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.ConnectionController">
+<AnchorPane fx:id="hostWrapper" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="780.0" visible="false" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.HostController">
    <children>
       <GridPane AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
         <columnConstraints>
@@ -23,7 +23,7 @@
          <children>
             <TextField fx:id="gameNameField" promptText="Enter game name" GridPane.columnIndex="1" GridPane.rowIndex="1" GridPane.valignment="TOP" />
             <TextField fx:id="hostNameField" promptText="Enter host name" GridPane.columnIndex="1" GridPane.rowIndex="1" GridPane.valignment="BOTTOM" />
-            <Button fx:id="hostGameBtn" mnemonicParsing="false" text="Host Game" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.rowIndex="2">
+            <Button fx:id="hostGameBtn" mnemonicParsing="false" onAction="#hostGamePressed" text="Host Game" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.rowIndex="2">
                <font>
                   <Font size="20.0" />
                </font>

racevisionGame/src/main/resources/visualiser/scenes/lobby.fxml

@@ -7,7 +7,7 @@
 <?import javafx.scene.layout.*?>
 <?import javafx.scene.text.Font?>
 
-<AnchorPane fx:id="connectionWrapper" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="780.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.ConnectionController">
+<AnchorPane fx:id="lobbyWrapper" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="600.0" prefWidth="780.0" visible="false" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.LobbyController">
    <children>
       <GridPane fx:id="connection" prefHeight="600.0" prefWidth="780.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
          <columnConstraints>

racevisionGame/src/main/resources/visualiser/scenes/main.fxml

@@ -7,5 +7,8 @@
         <fx:include fx:id="start" source="start.fxml" />
         <fx:include fx:id="connection" source="connect.fxml" />
         <fx:include fx:id="finish" source="finish.fxml" />
+        <fx:include fx:id="host" source="hostgame.fxml" />
+        <fx:include fx:id="title" source="titleScreen.fxml" />
+        <fx:include fx:id="lobby" source="lobby.fxml" />
     </children>
 </AnchorPane>

racevisionGame/src/main/resources/visualiser/scenes/titleScreen.fxml

@@ -1,5 +1,10 @@
 <?xml version="1.0" encoding="UTF-8"?>
 
+<?import java.lang.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.image.*?>
+<?import javafx.scene.layout.*?>
+<?import javafx.scene.text.*?>
 <?import javafx.scene.control.Button?>
 <?import javafx.scene.image.Image?>
 <?import javafx.scene.image.ImageView?>
@@ -10,74 +15,78 @@
 <?import javafx.scene.text.Font?>
 <?import javafx.scene.text.Text?>
 
-<GridPane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" xmlns="http://javafx.com/javafx/8.0.111" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.TitleController">
+<AnchorPane fx:id="titleWrapper" visible="false" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="visualiser.Controllers.TitleController">
-  <columnConstraints>
-    <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
-      <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
-      <ColumnConstraints hgrow="SOMETIMES" minWidth="10.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 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>
-      <Pane prefHeight="20.0" prefWidth="20.0" style="-fx-background-color: #0061ff;" GridPane.columnSpan="4" GridPane.rowIndex="4" GridPane.rowSpan="2">
+      <GridPane layoutY="39.0" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="500.0" prefWidth="800.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
+        <columnConstraints>
+          <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
+            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.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 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>
-            <Text fx:id="txtTitle" layoutX="167.0" layoutY="136.0" strokeType="OUTSIDE" strokeWidth="0.0" text="The Boat Game!">
+            <Pane prefHeight="20.0" prefWidth="20.0" style="-fx-background-color: #0061ff;" GridPane.columnSpan="4" GridPane.rowIndex="4" GridPane.rowSpan="2">
-               <font>
+               <children>
-                  <Font name="Comic Sans MS" size="64.0" />
+                  <Text fx:id="txtTitle" layoutX="167.0" layoutY="136.0" strokeType="OUTSIDE" strokeWidth="0.0" text="The Boat Game!">
-               </font>
+                     <font>
-            </Text>
+                        <Font name="Comic Sans MS" size="64.0" />
-            <Text layoutX="636.0" layoutY="78.0" strokeType="OUTSIDE" strokeWidth="0.0" text="TM">
+                     </font>
-               <font>
+                  </Text>
-                  <Font name="Comic Sans MS" size="12.0" />
+                  <Text layoutX="636.0" layoutY="78.0" strokeType="OUTSIDE" strokeWidth="0.0" text="TM">
-               </font>
+                     <font>
-            </Text>
+                        <Font name="Comic Sans MS" size="12.0" />
+                     </font>
+                  </Text>
+               </children>
+            </Pane>
+            <Pane prefHeight="20.0" prefWidth="20.0" style="-fx-background-color: #6be6ff;" GridPane.columnSpan="4" GridPane.rowSpan="4">
+               <children>
+                  <ImageView fx:id="imgBoat" fitHeight="404.0" fitWidth="296.0" layoutX="268.0" pickOnBounds="true" preserveRatio="true">
+                     <image>
+                        <Image url="@../images/boat.png" />
+                     </image>
+                  </ImageView>
+                  <ImageView fx:id="imgCloud1" fitHeight="291.0" fitWidth="307.0" pickOnBounds="true" preserveRatio="true">
+                     <image>
+                        <Image url="@../images/cloud.png" />
+                     </image>
+                  </ImageView>
+                  <ImageView fx:id="imgWhale" fitHeight="113.0" fitWidth="98.0" layoutX="68.0" layoutY="257.0" pickOnBounds="true" preserveRatio="true">
+                     <image>
+                        <Image url="@../images/whale.png" />
+                     </image>
+                  </ImageView>
+                  <ImageView fx:id="imgCloud2" fitHeight="291.0" fitWidth="307.0" layoutX="501.0" pickOnBounds="true" preserveRatio="true">
+                     <image>
+                        <Image url="@../images/cloud.png" />
+                     </image>
+                  </ImageView>
+                  <ImageView fx:id="imgSun" fitHeight="154.0" fitWidth="145.0" layoutX="701.0" layoutY="-39.0" pickOnBounds="true" preserveRatio="true">
+                     <image>
+                        <Image url="@../images/sun.png" />
+                     </image>
+                  </ImageView>
+                  <Button fx:id="btnJoin" layoutX="78.0" layoutY="149.0" mnemonicParsing="false" onAction="#joinAGame" prefHeight="31.0" prefWidth="130.0" text="Join a Game">
+                     <font>
+                        <Font name="Comic Sans MS Bold" size="16.0" />
+                     </font>
+                  </Button>
+                  <Button layoutX="578.0" layoutY="150.0" mnemonicParsing="false" onAction="#hostAGame" prefHeight="31.0" prefWidth="130.0" text="Host a Game">
+                     <font>
+                        <Font name="Comic Sans MS Bold" size="16.0" />
+                     </font>
+                  </Button>
+               </children>
+            </Pane>
          </children>
-      </Pane>
+      </GridPane>
-      <Pane prefHeight="20.0" prefWidth="20.0" style="-fx-background-color: #6be6ff;" GridPane.columnSpan="4" GridPane.rowSpan="4">
-         <children>
-            <ImageView fx:id="imgBoat" fitHeight="404.0" fitWidth="296.0" layoutX="268.0" pickOnBounds="true" preserveRatio="true">
-               <image>
-                  <Image url="@../images/boat.png" />
-               </image>
-            </ImageView>
-            <ImageView fx:id="imgCloud1" fitHeight="291.0" fitWidth="307.0" pickOnBounds="true" preserveRatio="true">
-               <image>
-                  <Image url="@../images/cloud.png" />
-               </image>
-            </ImageView>
-            <ImageView fx:id="imgWhale" fitHeight="113.0" fitWidth="98.0" layoutX="68.0" layoutY="257.0" pickOnBounds="true" preserveRatio="true">
-               <image>
-                  <Image url="@../images/whale.png" />
-               </image>
-            </ImageView>
-            <ImageView fx:id="imgCloud2" fitHeight="291.0" fitWidth="307.0" layoutX="501.0" pickOnBounds="true" preserveRatio="true">
-               <image>
-                  <Image url="@../images/cloud.png" />
-               </image>
-            </ImageView>
-            <ImageView fx:id="imgSun" fitHeight="154.0" fitWidth="145.0" layoutX="701.0" layoutY="-39.0" pickOnBounds="true" preserveRatio="true">
-               <image>
-                  <Image url="@../images/sun.png" />
-               </image>
-            </ImageView>
-            <Button fx:id="btnJoin" layoutX="78.0" layoutY="149.0" mnemonicParsing="false" onAction="#joinAGame" prefHeight="31.0" prefWidth="130.0" text="Join a Game">
-               <font>
-                  <Font name="Comic Sans MS Bold" size="16.0" />
-               </font>
-            </Button>
-            <Button layoutX="578.0" layoutY="150.0" mnemonicParsing="false" onAction="#hostAGame" prefHeight="31.0" prefWidth="130.0" text="Host a Game">
-               <font>
-                  <Font name="Comic Sans MS Bold" size="16.0" />
-               </font>
-            </Button>
-         </children>
-      </Pane>
    </children>
-</GridPane>
+</AnchorPane>