Added Singles bets

BetButton.qml

@@ -19,7 +19,7 @@ Item {
         border.color: "blue"
         border.width: 0
 
-        color:  {
+        color: {
             if (rouletteTable.numberOfBets < 2 || border.width == 2) {
                 if (tapHandler.pressed) {
                     "#AA999999"

CMakeLists.txt

@@ -41,6 +41,7 @@ qt_add_qml_module(roulette-payout
         StreetBetsView.qml
         Columns.qml
         Dozens.qml
+        Singles.qml
 
 )
 

Roulette.qml

@@ -27,6 +27,9 @@ Item {
 
         Dozens {
         }
+
+        Singles{
+        }
     }
 
     function destroyOnClose(obj) {

Singles.qml

@@ -0,0 +1,41 @@
+import QtQuick
+import QtQuick.Layouts
+
+import roulette
+
+Item {
+    GridLayout {
+        LayoutMirroring.enabled: true
+        flow: GridLayout.TopToBottom
+        rows: 3
+        rotation: 180
+
+        anchors {
+            right: parent.right
+            rightMargin: 90
+            top: parent.top
+            topMargin: 68
+        }
+
+        rowSpacing: 0
+        columnSpacing: 1.8
+
+        Repeater {
+            model: 36
+
+            Item {
+                height: 45
+                width: 35
+
+                BetButton {
+                    index_: index
+                    betType: 9
+                    height: parent.height
+                    width: parent.width
+                    offsetX: 110
+                    offsetY: 110
+                }
+            }
+        }
+    }
+}