src/main/resources/ui-structure/Casinogameui.fxml

@@ -40,19 +40,21 @@
                       alignment="CENTER"
                       styleClass="casino-table"
                       spacing="20"
-                      onMouseClicked="#onTableClick"
                       maxWidth="Infinity"
                       maxHeight="Infinity">
 
-                    <!-- TODO: Placeholder for the poker playing area: Cards, chips and opponents' bets will be dynamically displayed here later -->
+                    <!-- Inner box: Contains the header, community cards, and pot box.-->
-                    <HBox alignment="CENTER" spacing="15">
+                    <VBox fx:id="casinoTableInnerBox"
-                        <VBox styleClass="dealer-box" prefWidth="80" prefHeight="120" />
+                          spacing="15"
-                        <VBox styleClass="dealer-box" prefWidth="80" prefHeight="120" />
+                          alignment="CENTER"
-                        <VBox styleClass="dealer-box" prefWidth="80" prefHeight="120" />
+                          AnchorPane.topAnchor="0"
-                    </HBox>
+                          AnchorPane.bottomAnchor="0"
+                          AnchorPane.leftAnchor="0"
+                          AnchorPane.rightAnchor="0">
+
+                        <!-- HEADER -->
+                        <VBox alignment="CENTER" spacing="5">
 
-                    <VBox alignment="CENTER" spacing="10">
-                        <!-- Label with logo -->
                             <Label text="CAS0NO" styleClass="table-title">
                                 <graphic>
                                     <ImageView fitHeight="30.0" preserveRatio="true">
@@ -63,10 +65,44 @@
                                 </graphic>
                             </Label>
 
-                        <!-- TODO: Placeholder: Will be replaced once the game engine is finished and can process real-world scenarios -->
+                            <Label fx:id="TableText"
-                        <Label fx:id="welcomeText" text="Setzen Sie Ihren Einsatz" styleClass="table-title" />
+                                   text="Place your bet"
+                                   styleClass="table-title" />
+
+                        </VBox>
+
+                        <!-- Community Cards -->
+                        <HBox fx:id="communityCardsBox"
+                              styleClass="community-cards-box"
+                              alignment="CENTER"
+                              spacing="10"/>
+
+                        <!-- Pot Box -->
+                        <HBox fx:id="potBox"
+                              alignment="CENTER"
+                              spacing="4"
+                              maxWidth="Infinity"
+                              maxHeight="Infinity"/>
+
+
                     </VBox>
                 </VBox>
+
+                <!-- Player Cards -->
+                <HBox fx:id="playerCardsBox"
+                      spacing="10"
+                      alignment="CENTER"
+                      StackPane.alignment="BOTTOM_CENTER">
+
+                    <ImageView fx:id="myDealerIcon"
+                               styleClass="dealer-box"
+                               fitWidth="100"
+                               fitHeight="100"
+                               preserveRatio="true"
+                               visible="false"/>
+
+                </HBox>
+
             </StackPane>
 
             <!-- Empty box in column 1: Creates space between the table box and the chat box -->
@@ -99,7 +135,7 @@
         </columnConstraints>
 
         <children>
-            <fx:include source="gameuicomponents/Playerstatus.fxml" GridPane.columnIndex="1"/>
+            <fx:include fx:id="player1" source="gameuicomponents/Playerstatus.fxml" GridPane.columnIndex="1"/>
         </children>
     </GridPane>
 
@@ -114,7 +150,7 @@
         </columnConstraints>
 
         <children>
-            <fx:include source="gameuicomponents/Playerstatus.fxml" GridPane.columnIndex="1"/>
+            <fx:include fx:id="player2" source="gameuicomponents/Playerstatus.fxml" GridPane.columnIndex="1"/>
         </children>
     </GridPane>
 
@@ -129,7 +165,7 @@
         </columnConstraints>
 
         <children>
-            <fx:include source="gameuicomponents/Playerstatus.fxml" GridPane.columnIndex="1"/>
+            <fx:include fx:id="player3" source="gameuicomponents/Playerstatus.fxml" GridPane.columnIndex="1"/>
         </children>
     </GridPane>
 </AnchorPane>