This package doesn't work, but I have a working package locally

src/main/java/rocks/zipcode/atm/AccountController.java

@@ -0,0 +1,98 @@
+package rocks.zipcode.atm;
+
+import com.jfoenix.controls.JFXButton;
+import com.jfoenix.controls.JFXTabPane;
+import com.jfoenix.controls.JFXTextArea;
+import javafx.event.Event;
+import javafx.fxml.FXML;
+import javafx.scene.control.Tab;
+import javafx.scene.control.TextField;
+
+import java.util.concurrent.TimeUnit;
+
+/**
+ * Controller class for the second vista.
+ */
+public class AccountController {
+
+    /**
+     * Event handler fired when the user requests a previous vista.
+     *
+     * @param event the event that triggered the handler.
+     */
+
+    @FXML
+    private JFXTabPane tabPane;
+
+    @FXML
+    private JFXTextArea textArea;
+
+    @FXML
+    protected void initialize() {
+        textArea.setText(CashMachine.INSTANCE.toString());
+
+        amountField.textProperty().addListener((observable, oldValue, newValue) -> {
+            if (!newValue.matches("\\d*")) {
+                amountField.setText(newValue.replaceAll("[^\\d]", ""));
+            }
+        });
+    }
+
+    @FXML
+    private Tab tabInfo;
+
+    @FXML
+    private Tab tabWithdraw;
+
+    @FXML
+    private Tab tabDeposit;
+
+    @FXML
+    private TextField amountField;
+
+    @FXML
+    private JFXButton amountSubmit;
+
+    @FXML
+    void displayInfo(Event event) {
+        CashMachine.INSTANCE.toString();
+    }
+
+    @FXML
+    void transactionTab(Event event) {
+        if (amountField.isDisabled()) {
+            amountField.setDisable(false);
+            amountSubmit.setDisable(false);
+        } else {
+            amountField.setDisable((true));
+            amountSubmit.setDisable(true);
+        }
+    }
+
+    @FXML
+    void submit(Event event) {
+        int amount = Integer.parseInt(amountField.getText());
+
+        switch (tabPane.getSelectionModel().getSelectedItem().getText())
+        {
+            case "Withdraw": CashMachine.INSTANCE.withdraw(amount);
+                break;
+            case "Deposit": CashMachine.INSTANCE.deposit(amount);
+                break;
+            default: textArea.setText("Please select a tab.");
+        }
+        textArea.setText(CashMachine.INSTANCE.toString());
+    }
+
+    @FXML
+    void logOut(Event event) {
+        try {
+            TimeUnit.MILLISECONDS.sleep(50);
+        } catch (InterruptedException e) {
+            e.printStackTrace();
+        }
+        CashMachine.INSTANCE.logOut();
+        SceneSwitcher.loadVista(SceneSwitcher.VISTA_1);
+    }
+
+}

src/main/java/rocks/zipcode/atm/CashMachine.java

@@ -18,6 +18,8 @@ public class CashMachine {
         this.bank = bank;
     }
 
+    public final static CashMachine INSTANCE = new CashMachine(new Bank());
+
     private Consumer<AccountData> update = data -> {
         accountData = data;
     };
@@ -25,9 +27,23 @@ public class CashMachine {
     private boolean errorExists = false;
     private String errorMessage = null;
 
-    public void login(int id) {
+//    public void login(String email) {
+//        tryCall(
+//                () -> bank.getAccountByEmail(email),
+//                update
+//        );
+//    }
+
+    public void login(int pin) {
+        tryCall(
+                () -> bank.getAccountByPIN(pin),
+                update
+        );
+    }
+
+    public void login(String email, int pin) {
         tryCall(
-                () -> bank.getAccountById(id),
+                () -> bank.getAccountByEmailAndPIN(email,pin),
                 update
         );
     }
@@ -62,7 +78,7 @@ public class CashMachine {
         if (errorExists) {
             displayString = errorMessage;
         } else {
-            displayString = accountData != null ? accountData.toString() : "Try account 1000 or 2000 and click submit.";
+            displayString = accountData != null ? accountData.toString() : "Login failed. Please confirm your credentials and try again.";
         }
         return displayString;
     }

src/main/java/rocks/zipcode/atm/CashMachineApp.java

@@ -1,106 +0,0 @@
-package rocks.zipcode.atm;
-
-import com.jfoenix.controls.JFXButton;
-import javafx.fxml.FXML;
-import javafx.fxml.FXMLLoader;
-import rocks.zipcode.atm.bank.Bank;
-import javafx.application.Application;
-import javafx.scene.Parent;
-import javafx.scene.Scene;
-import javafx.scene.control.Button;
-import javafx.scene.control.TextArea;
-import javafx.scene.control.TextField;
-import javafx.scene.layout.VBox;
-import javafx.stage.Stage;
-import javafx.scene.layout.FlowPane;
-
-import java.io.IOException;
-
-/**
- * @author ZipCodeWilmington
- */
-public class CashMachineApp extends Application {
-
-    @Override
-    public void start(Stage stage) throws Exception {
-        FXMLLoader loader = new FXMLLoader();
-
-        stage.setTitle("Zip Cloud Bank");
-
-        //        Is this cheating?
-        Parent start = loader.load(getClass().getResource("/LoginScreen.fxml"));
-        Scene content = new Scene(start);
-        stage.setScene(content);
-        stage.show();
-
-
-//        //Log In Layout
-//        Label loginLabel = new Label("Welcome to Zip Cloud Bank!\nPlease log in.");
-//        Button btnLogIn = new Button("Log In");
-//        btnLogIn.setStyle("-fx-font-size: 15pt");
-//        btnLogIn.setOnAction(e -> {
-//            mainContent = new Scene(mainContent());
-//            window.setScene(mainContent);
-//        });
-//
-//        GridPane loginLayout = new GridPane();
-//        loginLayout.setHgap(12);
-//        loginLayout.setVgap(12);
-//        loginLayout.setAlignment(Pos.CENTER);
-//        loginLayout.getChildren().addAll(loginLabel, field, btnLogIn);
-
-//        loginScene = new Scene(loginLayout,600, 600);
-//
-    }
-
-//    private Parent mainContent() {
-//        VBox vbox = new VBox(10);
-//        vbox.setPrefSize(600, 600);
-//
-//        TextArea areaInfo = new TextArea();
-//
-//        Button btnSubmit = new Button("Set Account ID");
-//        btnSubmit.setOnAction(e -> {
-//            int id = Integer.parseInt(field.getText());
-//            cashMachine.login(id);
-//
-//            areaInfo.setText(cashMachine.toString());
-//        });
-//
-//        Button btnDeposit = new Button("Deposit");
-//        btnDeposit.setOnAction(e -> {
-//            int amount = Integer.parseInt(field.getText());
-//            cashMachine.deposit(amount);
-//
-//            areaInfo.setText(cashMachine.toString());
-//        });
-//
-//        Button btnWithdraw = new Button("Withdraw");
-//        btnWithdraw.setOnAction(e -> {
-//            int amount = Integer.parseInt(field.getText());
-//            cashMachine.withdraw(amount);
-//
-//            areaInfo.setText(cashMachine.toString());
-//        });
-//
-//        Button btnExit = new Button("Log Out");
-//        btnExit.setOnAction(e -> {
-//            cashMachine.logOut();
-//
-//            areaInfo.setText(cashMachine.toString());
-//        });
-//
-//        FlowPane flowpane = new FlowPane();
-//
-//        flowpane.getChildren().add(btnSubmit);
-//        flowpane.getChildren().add(btnDeposit);
-//        flowpane.getChildren().add(btnWithdraw);
-//        flowpane.getChildren().add(btnExit);
-//        vbox.getChildren().addAll(field, flowpane, areaInfo);
-//        return vbox;
-//    }
-
-    public static void main(String[] args) {
-        launch(args);
-    }
-}

src/main/java/rocks/zipcode/atm/ControllerFXML.java

@@ -1,61 +0,0 @@
-package rocks.zipcode.atm;
-
-import com.jfoenix.controls.JFXButton;
-import com.sun.scenario.effect.impl.sw.sse.SSEBlend_SRC_OUTPeer;
-import javafx.fxml.FXML;
-import javafx.fxml.FXMLLoader;
-import javafx.fxml.Initializable;
-import javafx.scene.Node;
-import javafx.scene.Parent;
-import javafx.scene.Scene;
-import javafx.scene.control.TextField;
-import javafx.scene.layout.VBox;
-import javafx.stage.Stage;
-import rocks.zipcode.atm.bank.Bank;
-
-import java.io.IOException;
-import java.net.URL;
-import java.util.ResourceBundle;
-
-
-
-public class ControllerFXML implements Initializable {
-
-    @FXML
-    Stage stage;
-
-    @FXML
-    private VBox content;
-
-    @FXML
-    private TextField field = new TextField();
-
-    @FXML
-    private CashMachine cashMachine = new CashMachine(new Bank());
-
-    @FXML
-    public JFXButton btnLogin;
-
-    @FXML void loginAction() throws IOException {
-        FXMLLoader loader = new FXMLLoader();
-
-//        try {
-//            mainContent = loader.load(getClass().getResource("/AccountScreen.fxml"));
-//            System.out.println("tried");
-//        } catch (IOException e) {
-//            e.printStackTrace();
-//            System.out.println("caught");
-//        }
-//        Scene accountView = new Scene(mainContent);
-
-        content.getChildren().setAll((Node) loader.load(getClass().getResource("/AccountScreen.fxml")));
-
-//        this.stage.setScene(accountView);
-//        this.stage.show();
-    }
-
-    @Override
-    public void initialize(URL location, ResourceBundle resources) {
-
-    }
-}

src/main/java/rocks/zipcode/atm/LoginController.java

@@ -0,0 +1,36 @@
+package rocks.zipcode.atm;
+
+import com.jfoenix.controls.JFXPasswordField;
+import com.jfoenix.controls.JFXTextField;
+import javafx.event.ActionEvent;
+import javafx.fxml.FXML;
+
+/**
+ * Controller class for the first vista.
+ */
+public class LoginController {
+
+    /**
+     * Event handler fired when the user requests a new vista.
+     *
+     * @param event the event that triggered the handler.
+     */
+
+    @FXML
+    private JFXTextField emailEntry;
+
+    @FXML
+    private JFXPasswordField pinEntry;
+
+    @FXML
+    void logIn(ActionEvent event) {
+        String email = emailEntry.getText();
+        int pin = Integer.parseInt(pinEntry.getText());
+
+        //add if statement to log in & switch scenes if email and password match
+        CashMachine.INSTANCE.login(email,pin);
+
+        SceneSwitcher.loadVista(SceneSwitcher.VISTA_2);
+    }
+
+}

src/main/java/rocks/zipcode/atm/Main.java

@@ -0,0 +1,76 @@
+package rocks.zipcode.atm;
+
+import javafx.application.Application;
+import javafx.fxml.FXMLLoader;
+import javafx.scene.Scene;
+import javafx.scene.layout.Pane;
+import javafx.stage.Stage;
+
+import java.io.IOException;
+
+/**
+ * rocks.zipcode.atm.Main application class.
+ */
+public class Main extends Application {
+
+    @Override
+    public void start(Stage stage) throws Exception{
+        stage.setTitle("Vista Viewer");
+
+        stage.setScene(
+            createScene(
+                loadMainPane()
+            )
+        );
+
+        stage.show();
+    }
+
+    /**
+     * Loads the main fxml layout.
+     * Sets up the vista switching rocks.zipcode.atm.SceneSwitcher.
+     * Loads the first vista into the fxml layout.
+     *
+     * @return the loaded pane.
+     * @throws IOException if the pane could not be loaded.
+     */
+    private Pane loadMainPane() throws IOException {
+        FXMLLoader loader = new FXMLLoader();
+
+        Pane mainPane = (Pane) loader.load(
+            getClass().getResourceAsStream(
+                SceneSwitcher.MAIN
+            )
+        );
+
+        MainController mainController = loader.getController();
+
+        SceneSwitcher.setMainController(mainController);
+        SceneSwitcher.loadVista(SceneSwitcher.VISTA_1);
+
+        return mainPane;
+    }
+
+    /**
+     * Creates the main application scene.
+     *
+     * @param mainPane the main application layout.
+     *
+     * @return the created scene.
+     */
+    private Scene createScene(Pane mainPane) {
+        Scene scene = new Scene(
+            mainPane
+        );
+
+        scene.getStylesheets().setAll(
+            getClass().getResource("zcb.css").toExternalForm()
+        );
+
+        return scene;
+    }
+
+    public static void main(String[] args) {
+        launch(args);
+    }
+}

src/main/java/rocks/zipcode/atm/MainController.java

@@ -0,0 +1,25 @@
+package rocks.zipcode.atm;
+
+import javafx.fxml.FXML;
+import javafx.scene.Node;
+import javafx.scene.layout.StackPane;
+
+/**
+ * rocks.zipcode.atm.Main controller class for the entire layout.
+ */
+public class MainController {
+
+    /** Holder of a switchable vista. */
+    @FXML
+    private StackPane vistaHolder;
+
+    /**
+     * Replaces the vista displayed in the vista holder with a new vista.
+     *
+     * @param node the vista node to be swapped in.
+     */
+    public void setVista(Node node) {
+        vistaHolder.getChildren().setAll(node);
+    }
+
+}

src/main/java/rocks/zipcode/atm/SceneSwitcher.java

@@ -0,0 +1,66 @@
+package rocks.zipcode.atm;
+
+import javafx.fxml.FXMLLoader;
+import javafx.scene.Node;
+
+import java.io.IOException;
+
+/**
+ * Utility class for controlling navigation between vistas.
+ *
+ * All methods on the navigator are static to facilitate
+ * simple access from anywhere in the application.
+ */
+public class SceneSwitcher {
+
+    /**
+     * Convenience constants for fxml layouts managed by the navigator.
+     */
+    public static final String MAIN    = "window.fxml";
+    public static final String VISTA_1 = "login.fxml";
+    public static final String VISTA_2 = "accountview.fxml";
+
+    /** The main application layout controller. */
+    private static MainController mainController;
+
+    /**
+     * Stores the main controller for later use in navigation tasks.
+     *
+     * @param mainController the main application layout controller.
+     */
+    public static void setMainController(MainController mainController) {
+        SceneSwitcher.mainController = mainController;
+    }
+
+    /**
+     * Loads the vista specified by the fxml file into the
+     * vistaHolder pane of the main application layout.
+     *
+     * Previously loaded vista for the same fxml file are not cached.
+     * The fxml is loaded anew and a new vista node hierarchy generated
+     * every time this method is invoked.
+     *
+     * A more sophisticated load function could potentially add some
+     * enhancements or optimizations, for example:
+     *   cache FXMLLoaders
+     *   cache loaded vista nodes, so they can be recalled or reused
+     *   allow a user to specify vista node reuse or new creation
+     *   allow back and forward history like a browser
+     *
+     * @param fxml the fxml file to be loaded.
+     */
+    public static void loadVista(String fxml) {
+        try {
+            mainController.setVista(
+                    (Node) FXMLLoader.load(
+                        SceneSwitcher.class.getResource(
+                            fxml
+                        )
+                    )
+            );
+        } catch (IOException e) {
+            e.printStackTrace();
+        }
+    }
+
+}

src/main/java/rocks/zipcode/atm/bank/Bank.java

@@ -38,7 +38,7 @@ public class Bank {
         )));
     }
 
-    public ActionResult<AccountData> getAccountById(int id) {
+    public ActionResult<AccountData> getAccountByPIN(int id) {
         Account account = accounts.get(id);
 
         if (account != null) {
@@ -48,6 +48,27 @@ public class Bank {
         }
     }
 
+//    public ActionResult<AccountData> getAccountByEmail(String email) {
+//        Account account = accounts.get(email);
+//
+//        if (account != null) {
+//            return ActionResult.success(account.getAccountData());
+//        } else {
+//            return ActionResult.fail("No account with email: " + email);
+//        }
+//    }
+
+    public ActionResult<AccountData> getAccountByEmailAndPIN(String email, int pin) {
+        Account account = accounts.get(pin);
+        String accountEmail = account.getAccountData().getEmail();
+
+        if (account != null && email.equals(accountEmail)) {
+            return ActionResult.success(account.getAccountData());
+        } else {
+            return ActionResult.fail("Login failed. Please confirm your credentials and try again.");
+        }
+    }
+
     public ActionResult<AccountData> deposit(AccountData accountData, int amount) {
         Account account = accounts.get(accountData.getId());
         account.deposit(amount);

src/main/resources/AccountScreen.fxml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-
-<?import java.lang.*?>
-<?import java.util.*?>
-<?import javafx.scene.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.layout.*?>
-
-<VBox prefHeight="400.0" prefWidth="450.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="rocks.zipcode.atm.ControllerFXML">
-</VBox>

src/main/resources/LoginScreen.fxml

@@ -1,74 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-
-<?import javafx.scene.paint.*?>
-<?import javafx.geometry.*?>
-<?import javafx.scene.text.*?>
-<?import com.jfoenix.controls.*?>
-<?import java.lang.*?>
-<?import java.util.*?>
-<?import javafx.scene.*?>
-<?import javafx.scene.control.*?>
-<?import javafx.scene.layout.*?>
-
-<VBox fx:id="content" prefHeight="400.0" prefWidth="450.0" style="-fx-border-color: coral; -fx-border-width: 12; -fx-border-radius: 1; -fx-border-insets: 5;" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="rocks.zipcode.atm.ControllerFXML">
-   <children>
-      <FlowPane alignment="BOTTOM_CENTER" prefHeight="200.0" prefWidth="200.0">
-         <children>
-            <Label alignment="CENTER" contentDisplay="CENTER" maxWidth="1.7976931348623157E308" prefHeight="24.0" text="Welcome to Zip Cloud Bank" textAlignment="CENTER" textFill="CORAL" wrapText="true">
-               <font>
-                  <Font name="Futura Bold" size="24.0" />
-               </font>
-            </Label>
-         </children>
-      </FlowPane>
-      <FlowPane alignment="BOTTOM_CENTER" hgap="9.0" prefHeight="200.0" prefWidth="200.0">
-         <children>
-            <Label alignment="BOTTOM_RIGHT" contentDisplay="CENTER" maxWidth="1.7976931348623157E308" prefHeight="24.0" text="Email:" textAlignment="CENTER" wrapText="true">
-               <font>
-                  <Font name="Futura Medium" size="18.0" />
-               </font>
-            </Label>
-            <JFXTextField focusColor="CORAL">
-               <font>
-                  <Font name="Futura Medium" size="18.0" />
-               </font>
-            </JFXTextField>
-         </children>
-         <VBox.margin>
-            <Insets />
-         </VBox.margin>
-         <padding>
-            <Insets bottom="8.0" />
-         </padding>
-      </FlowPane>
-      <FlowPane alignment="TOP_CENTER" hgap="9.0" prefHeight="200.0" prefWidth="200.0">
-         <children>
-            <Label alignment="BOTTOM_RIGHT" contentDisplay="CENTER" maxWidth="1.7976931348623157E308" prefHeight="24.0" text="PIN:" textAlignment="CENTER" wrapText="true">
-               <font>
-                  <Font name="Futura Medium" size="18.0" />
-               </font>
-            </Label>
-            <JFXPasswordField focusColor="CORAL">
-               <font>
-                  <Font name="Futura Medium" size="18.0" />
-               </font>
-            </JFXPasswordField>
-         </children>
-         <padding>
-            <Insets top="8.0" />
-         </padding>
-      </FlowPane>
-      <FlowPane alignment="TOP_CENTER" prefHeight="200.0" prefWidth="200.0">
-         <children>
-            <JFXButton fx:id="btnLogin" alignment="CENTER" onAction="#loginAction" style="-fx-background-color: coral;" text="Log In" textFill="WHITE">
-               <font>
-                  <Font name="Futura Medium" size="18.0" />
-               </font>
-            </JFXButton>
-         </children>
-      </FlowPane>
-   </children>
-   <opaqueInsets>
-      <Insets />
-   </opaqueInsets>
-</VBox>

src/main/resources/accountview.fxml

@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.geometry.*?>
+<?import javafx.scene.text.*?>
+<?import java.lang.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?scenebuilder-stylesheet vista.css?>
+<?import com.jfoenix.controls.*?>
+
+<!--<StackPane-->
+
+<?import javafx.scene.text.Font?>
+
+<!--<StackPane fx:id="vista2" xmlns:fx="http://javafx.com/fxml" fx:controller="rocks.zipcode.atm.AccountController">-->
+<!--<children>-->
+<!--<Button mnemonicParsing="false" onAction="#previousPane" text="Previous Pane" />-->
+<!--</children>-->
+<!--</StackPane>-->
+
+<VBox fx:id="vista2" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="rocks.zipcode.atm.AccountController">
+  <children>
+    <JFXTabPane fx:id="tabPane" prefHeight="60.0" prefWidth="466.0">
+      <tabs>
+            <Tab fx:id="tabInfo" onSelectionChanged="#displayInfo" text="Account Info">
+              <content>
+                <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
+              </content>
+            </Tab>
+        <Tab fx:id="tabWithdraw" onSelectionChanged="#transactionTab" text="Withdraw">
+          <content>
+            <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
+          </content>
+        </Tab>
+        <Tab fx:id="tabDeposit" onSelectionChanged="#transactionTab" text="Deposit">
+          <content>
+            <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
+          </content>
+        </Tab>
+        <Tab fx:id="tabLogout" onSelectionChanged="#logOut" text="Log Out">
+          <content>
+            <AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="180.0" prefWidth="200.0" />
+          </content>
+        </Tab>
+      </tabs>
+    </JFXTabPane>
+      <FlowPane fx:id="amountEntryPane" alignment="CENTER_LEFT" columnHalignment="CENTER" hgap="15.0" prefHeight="30.0" prefWidth="466.0" style="-fx-background-color: white;">
+         <children>
+            <TextField fx:id="amountField" disable="true" maxWidth="1.7976931348623157E308" prefHeight="36.0" prefWidth="121.0" text="Amount">
+               <font>
+                  <Font name="Futura Medium" size="18.0" />
+               </font>
+            </TextField>
+            <JFXButton fx:id="amountSubmit" disable="true" onAction="#submit" maxWidth="1.7976931348623157E308" ripplerFill="CORAL" text="Submit" style="-fx-background-color: coral;" textFill="WHITE">
+               <font>
+                  <Font name="Futura Bold" size="18.0" />
+               </font>
+            </JFXButton>
+         </children>
+         <padding>
+            <Insets bottom="5.0" left="5.0" right="5.0" top="5.0" />
+         </padding>
+      </FlowPane>
+    <JFXTextArea fx:id="textArea" editable="false" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="180.0" prefWidth="450.0" text="TESTTESTESTTESTTESTTESTTESTTESTTESTTESTTESTTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST">
+         <font>
+            <Font name="Futura Medium" size="14.0" />
+         </font>
+         <opaqueInsets>
+            <Insets />
+         </opaqueInsets>
+         <VBox.margin>
+            <Insets left="8.0" right="8.0" />
+         </VBox.margin>
+      </JFXTextArea>
+    <JFXTreeTableView fx:id="transactionsView" prefHeight="120.0" prefWidth="466.0" />
+  </children>
+</VBox>

src/main/resources/login.fxml

@@ -0,0 +1,67 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import java.lang.*?>
+<?import javafx.scene.text.*?>
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?scenebuilder-stylesheet vista.css?>
+<?import com.jfoenix.controls.*?>
+
+<!--<StackPane-->
+
+<?import javafx.scene.text.Font?>
+
+<VBox fx:id="vista1" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="rocks.zipcode.atm.LoginController">
+  <!--<children>-->
+    <!--<Button mnemonicParsing="false" onAction="#nextPane" text="Next Pane" />-->
+  <!--</children>-->
+<!--</StackPane>-->
+  <children>
+    <FlowPane alignment="BOTTOM_CENTER" prefHeight="200.0" prefWidth="200.0">
+      <children>
+        <Label alignment="CENTER" contentDisplay="CENTER" maxWidth="1.7976931348623157E308" prefHeight="24.0" text="Welcome to Zip Cloud Bank" textAlignment="CENTER" textFill="CORAL" wrapText="true">
+          <font>
+            <Font name="Futura Bold" size="24.0" />
+          </font>
+        </Label>
+      </children>
+    </FlowPane>
+    <FlowPane alignment="BOTTOM_CENTER" hgap="9.0" prefHeight="200.0" prefWidth="200.0">
+      <children>
+        <Label alignment="BOTTOM_RIGHT" contentDisplay="CENTER" maxWidth="1.7976931348623157E308" prefHeight="24.0" text="Email:" textAlignment="CENTER" wrapText="true">
+          <font>
+            <Font name="Futura Medium" size="18.0" />
+          </font>
+        </Label>
+        <JFXTextField fx:id="emailEntry" focusColor="CORAL">
+          <font>
+            <Font name="Futura Medium" size="18.0" />
+          </font>
+        </JFXTextField>
+      </children>
+    </FlowPane>
+    <FlowPane alignment="TOP_CENTER" hgap="9.0" prefHeight="200.0" prefWidth="200.0">
+      <children>
+        <Label alignment="BOTTOM_RIGHT" contentDisplay="CENTER" maxWidth="1.7976931348623157E308" prefHeight="24.0" text="PIN:" textAlignment="CENTER" wrapText="true">
+          <font>
+            <Font name="Futura Medium" size="18.0" />
+          </font>
+        </Label>
+        <JFXPasswordField fx:id="pinEntry" focusColor="CORAL">
+          <font>
+            <Font name="Futura Medium" size="18.0" />
+          </font>
+        </JFXPasswordField>
+      </children>
+    </FlowPane>
+    <FlowPane alignment="TOP_CENTER" prefHeight="200.0" prefWidth="200.0">
+      <children>
+        <JFXButton fx:id="btnLogin" alignment="CENTER" onAction="#logIn" style="-fx-background-color: coral;" text="Log In" textFill="WHITE">
+          <font>
+            <Font name="Futura Medium" size="18.0" />
+          </font>
+        </JFXButton>
+      </children>
+    </FlowPane>
+  </children>
+</VBox>

src/main/resources/window.fxml

@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<?import javafx.scene.control.*?>
+<?import javafx.scene.layout.*?>
+<?scenebuilder-stylesheet vista.css?>
+
+<!--<VBox prefHeight="200.0" prefWidth="300.0" xmlns:fx="http://javafx.com/fxml" fx:controller="rocks.zipcode.atm.MainController">-->
+<VBox prefHeight="400.0" prefWidth="450.0" style="-fx-border-color: coral; -fx-border-width: 12; -fx-border-radius: 1; -fx-border-insets: 5;" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml" fx:controller="rocks.zipcode.atm.MainController">
+  <children>
+    <!--<Label fx:id="headerLabel" maxWidth="1.7976931348623157E308" text="Header" VBox.vgrow="NEVER" />-->
+    <StackPane fx:id="vistaHolder" VBox.vgrow="ALWAYS" />
+  </children>
+</VBox>

src/main/resources/zcb.css

@@ -0,0 +1,7 @@
+.jfx-tab-pane .depth-container .tab-header-area .tab-header-background {
+    -fx-background-color: coral;
+}
+
+.jfx-tab-pane:top .depth-container .tab-header-area .headers-region .tab .jfx-rippler .tab-container .tab-label .text {
+    -fx-font: 18 Futura;
+}