pos-terminal-app/src/main/resources/fxml/FormUtama.fxml

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

<?import javafx.geometry.Insets?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.ScrollPane?>
<?import javafx.scene.control.Separator?>
<?import javafx.scene.control.SplitPane?>
<?import javafx.scene.control.TextField?>
<?import javafx.scene.image.Image?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.layout.AnchorPane?>
<?import javafx.scene.layout.BorderPane?>
<?import javafx.scene.layout.ColumnConstraints?>
<?import javafx.scene.layout.GridPane?>
<?import javafx.scene.layout.HBox?>
<?import javafx.scene.layout.RowConstraints?>
<?import javafx.scene.layout.VBox?>
<?import javafx.scene.text.Font?>

<BorderPane fx:id="bpMain" prefHeight="600.0" prefWidth="1000.0" stylesheets="@../styles/pos_styles.css" xmlns="http://javafx.com/javafx/11.0.1" xmlns:fx="http://javafx.com/fxml/1" fx:controller="id.amigogroup.posterminal.FormUtamaController">
   <center>
      <ScrollPane fx:id="spMainContent" fitToHeight="true" fitToWidth="true" style="-fx-background-color: transparent;" />
   </center>
   <bottom>
      <GridPane BorderPane.alignment="CENTER">
         <columnConstraints>
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="30.0" />
            <ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" percentWidth="70.0" />
         </columnConstraints>
         <rowConstraints>
            <RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
         </rowConstraints>
         <children>
            <HBox alignment="CENTER_LEFT" maxHeight="1.7976931348623157E308" prefHeight="20.0">
               <children>
                  <Label text="Login">
                     <font>
                        <Font name="System Bold" size="12.0" />
                     </font>
                     <HBox.margin>
                        <Insets left="5.0" />
                     </HBox.margin>
                  </Label>
                  <Label fx:id="lblNamaLogin" text=": -">
                     <font>
                        <Font name="System Bold" size="12.0" />
                     </font>
                     <HBox.margin>
                        <Insets left="5.0" />
                     </HBox.margin>
                  </Label>
               </children>
            </HBox>
            <HBox alignment="CENTER_RIGHT" prefHeight="20.0" GridPane.columnIndex="1">
               <children>
                  <Label text="&lt;0 ITEM&gt;">
                     <font>
                        <Font name="System Bold" size="12.0" />
                     </font>
                     <HBox.margin>
                        <Insets right="28.0" />
                     </HBox.margin>
                  </Label>
                  <Separator orientation="VERTICAL" prefHeight="200.0">
                     <HBox.margin>
                        <Insets right="5.0" />
                     </HBox.margin>
                  </Separator>
                  <Label text="21/01/2019 11:55:44">
                     <font>
                        <Font name="System Bold" size="12.0" />
                     </font>
                     <HBox.margin>
                        <Insets right="5.0" />
                     </HBox.margin>
                  </Label>
               </children>
            </HBox>
         </children>
      </GridPane>
   </bottom>
   <left>
      <SplitPane dividerPositions="0.5" orientation="VERTICAL" prefWidth="200.0">
        <items>
            <ScrollPane fx:id="spNavigasi" fitToHeight="true" fitToWidth="true" style="-fx-background-color: transparent;">
               <content>
                  <VBox fx:id="vbNavigasi" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" minHeight="-Infinity" spacing="5.0" style="-fx-border-style: none;">
                     <children>
                        <HBox alignment="CENTER">
                           <children>
                              <ImageView fitHeight="90.0" fitWidth="140.0" pickOnBounds="true" preserveRatio="true">
                                 <image>
                                    <Image url="@../assets/logo.png" />
                                 </image>
                              </ImageView>
                           </children>
                        </HBox>
                        <Button fx:id="btnTambahNota" maxWidth="1.7976931348623157E308" mnemonicParsing="false" onAction="#btnTambahNotaOnAction" text="Tambah">
                           <VBox.margin>
                              <Insets bottom="9.0" right="5.0" top="14.0" />
                           </VBox.margin>
                        </Button>
                     </children>
                     <padding>
                        <Insets left="5.0" />
                     </padding>
                  </VBox>
               </content>
            </ScrollPane>
            <ScrollPane fitToHeight="true" fitToWidth="true">
               <content>
                <AnchorPane minHeight="-Infinity" minWidth="-Infinity">
                     <children>
                        <HBox alignment="CENTER" layoutX="14.0" layoutY="14.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="5.0">
                           <children>
                              <ImageView fitHeight="80.0" fitWidth="80.0" pickOnBounds="true" preserveRatio="true">
                                 <image>
                                    <Image url="@../assets/account-circle-gray.png" />
                                 </image>
                              </ImageView>
                           </children>
                        </HBox>
                        <TextField fx:id="tfScanMember" alignment="TOP_CENTER" layoutX="4.0" layoutY="89.0" onKeyPressed="#scanMemberOnPressed" promptText="Scan Member" AnchorPane.leftAnchor="4.0" AnchorPane.rightAnchor="4.0" AnchorPane.topAnchor="89.0" />
                        <Label fx:id="lblMemberNonMember" layoutX="14.0" layoutY="128.0" text="Member / Non Member" AnchorPane.leftAnchor="14.0" AnchorPane.topAnchor="128.0">
                           <font>
                              <Font name="System Bold" size="12.0" />
                           </font>
                        </Label>
                        <GridPane layoutX="14.0" layoutY="145.0" AnchorPane.leftAnchor="14.0" AnchorPane.rightAnchor="14.0" AnchorPane.topAnchor="145.0">
                          <columnConstraints>
                            <ColumnConstraints prefWidth="60.0" />
                            <ColumnConstraints hgrow="ALWAYS" maxWidth="1.7976931348623157E308" />
                          </columnConstraints>
                          <rowConstraints>
                            <RowConstraints valignment="TOP" vgrow="SOMETIMES" />
                            <RowConstraints valignment="TOP" vgrow="SOMETIMES" />
                            <RowConstraints valignment="TOP" vgrow="SOMETIMES" />
                              <RowConstraints minHeight="10.0" prefHeight="30.0" valignment="TOP" vgrow="SOMETIMES" />
                          </rowConstraints>
                           <children>
                              <Label text="Nama" GridPane.rowIndex="1">
                                 <GridPane.margin>
                                    <Insets bottom="2.5" top="2.5" />
                                 </GridPane.margin>
                              </Label>
                              <Label fx:id="lblNamaPelanggan" maxWidth="110.0" text=": -" wrapText="true" GridPane.columnIndex="1" GridPane.rowIndex="1">
                                 <GridPane.margin>
                                    <Insets bottom="2.5" top="2.5" />
                                 </GridPane.margin></Label>
                              <Label text="Tgl Lahir" GridPane.rowIndex="2">
                                 <GridPane.margin>
                                    <Insets bottom="2.5" top="2.5" />
                                 </GridPane.margin>
                              </Label>
                              <Label fx:id="lblTglLahirPelanggan" maxWidth="110.0" text=": -" wrapText="true" GridPane.columnIndex="1" GridPane.rowIndex="2">
                                 <GridPane.margin>
                                    <Insets bottom="2.5" top="2.5" />
                                 </GridPane.margin>
                              </Label>
                              <Label text="No Telp" GridPane.rowIndex="3">
                                 <GridPane.margin>
                                    <Insets bottom="2.5" top="2.5" />
                                 </GridPane.margin>
                              </Label>
                              <Label fx:id="lblNoTelpPelanggan" maxWidth="110.0" text=": -" wrapText="true" GridPane.columnIndex="1" GridPane.rowIndex="3">
                                 <GridPane.margin>
                                    <Insets bottom="2.5" top="2.5" />
                                 </GridPane.margin>
                              </Label>
                              <Label text="Kode">
                                 <GridPane.margin>
                                    <Insets bottom="2.5" top="2.5" />
                                 </GridPane.margin>
                              </Label>
                              <Label fx:id="lblKodePelanggan" maxWidth="110.0" text=": -" wrapText="true" GridPane.columnIndex="1">
                                 <GridPane.margin>
                                    <Insets bottom="2.5" top="2.5" />
                                 </GridPane.margin>
                              </Label>
                           </children>
                        </GridPane>
                     </children>
                  </AnchorPane>
               </content>
            </ScrollPane>
        </items>
      </SplitPane>
   </left>
</BorderPane>