Convinient use of repeaters.

PlayerAreaModel.cpp

@@ -3,7 +3,7 @@
 PlayerAreaModel::PlayerAreaModel(QObject *parent)
 {
     for(int i = 0; i < 7; i++){
-        playerNames.append("Click to edit");
+        playerNames.append("N/A");
     }
 }
 

PlayerAreaView.qml

@@ -5,37 +5,36 @@ import QtQuick.Layouts
 import roulette
 
 Item {
-    ColumnLayout {
     Text {
+        id: croupier
         text: "Croupier"
     }
-        TextField {
+
-            onTextEdited: PlayerAreaModel.setPlayerName(text, 0)
+    ColumnLayout {
-            onActiveFocusChanged: PlayerAreaModel.setFocusedPlayer(0)
+        anchors {
+            top: croupier.bottom
+            topMargin: 20
         }
-        TextField {
+
-            onTextEdited: PlayerAreaModel.setPlayerName(text, 1)
+        spacing: 60
-            onActiveFocusChanged: PlayerAreaModel.setFocusedPlayer(1)
+
+        Repeater {
+            model: 7
+
+            Item {
+                Text {
+                    id: label
+                    text: "Player " + (index + 1)
                 }
+
                 TextField {
-            onTextEdited: PlayerAreaModel.setPlayerName(text, 2)
+                    anchors.top: label.bottom
-            onActiveFocusChanged: PlayerAreaModel.setFocusedPlayer(2)
+                    anchors.topMargin: 6
+
+                    onTextEdited: PlayerAreaModel.setPlayerName(text, index)
+                    onActiveFocusChanged: PlayerAreaModel.setFocusedPlayer(index)
                 }
-        TextField {
-            onTextEdited: PlayerAreaModel.setPlayerName(text, 3)
-            onActiveFocusChanged: PlayerAreaModel.setFocusedPlayer(3)
             }
-        TextField {
-            onTextEdited: PlayerAreaModel.setPlayerName(text, 4)
-            onActiveFocusChanged: PlayerAreaModel.setFocusedPlayer(4)
-        }
-        TextField {
-            onTextEdited: PlayerAreaModel.setPlayerName(text, 5)
-            onActiveFocusChanged: PlayerAreaModel.setFocusedPlayer(5)
-        }
-        TextField {
-            onTextEdited: PlayerAreaModel.setPlayerName(text, 6)
-            onActiveFocusChanged: PlayerAreaModel.setFocusedPlayer(6)
         }
     }
 }

StreetBetsView.qml

@@ -1,4 +1,5 @@
 import QtQuick
+import QtQuick.Layouts
 
 import roulette
 
@@ -8,6 +9,16 @@ Item {
         id: streetBetsModel
     }
 
+    RowLayout {
+        anchors {
+            left: parent.left
+            leftMargin: 90
+            top: parent.top
+            topMargin: 22
+        }
+
+        spacing: 1.8
+
         Repeater {
             model: 12
 
@@ -18,13 +29,6 @@ Item {
                 height: 45
                 width: 35
 
-            anchors {
-                left: parent.left
-                leftMargin: 90 + (index * (width + 1.8))
-                top: parent.top
-                topMargin: 22
-            }
-
                 HoverHandler {
                     id: hoverHandler
                 }
@@ -45,13 +49,6 @@ Item {
                 border.color: "blue"
                 border.width: 0
 
-            anchors {
-                left: parent.left
-                leftMargin: 90 + (index * (width + 1.8))
-                top: parent.top
-                topMargin: 22
-            }
-
                 TapHandler {
 
                     onTapped: ()=> {
@@ -65,4 +62,5 @@ Item {
                 }
             }
         }
+    }
 }