Some GUI modification and DB documentation template

Gui/Dashboard.qml

@@ -8,9 +8,124 @@ ColumnLayout
 
     Rectangle
     {
-        color: "blue"
+        color: "dimgrey"
         Layout.fillHeight: true
         Layout.fillWidth: true
-        Layout.bottomMargin: 9
+        Layout.bottomMargin: 3
+        radius: 45
+
+        RowLayout
+        {
+            anchors.fill: parent
+
+            Rectangle
+            {
+                id: contractButton
+                width: 300
+                height: 145
+                color: "darkslategray"
+                radius: 45
+                Layout.alignment: Qt.AlignHCenter
+                border.color: "steelblue"
+                border.width: 1
+                Text
+                {
+                    text: qsTr("Aufträge")
+                    anchors.centerIn: parent
+                    font.pixelSize: 45
+                    font.bold: true
+                    color: "lightgoldenrodyellow"
+                }
+
+                MouseArea
+                {
+                    anchors.fill: parent
+                    cursorShape: Qt.PointingHandCursor
+                    hoverEnabled: true
+                    onPressed:
+                    {
+                        contractButton.color = "darkolivegreen"
+                        contractButton.border.width = 3
+                        contractButton.border.color = "skyblue"
+                        console.log("Aufträge...")
+                    }
+
+                    onReleased:
+                    {
+                        contractButton.color = "darkslategray"
+                        contractButton.border.width = 1
+                        contractButton.border.color = "steelblue"
+                    }
+
+                    onHoveredChanged:
+                    {
+                        var w = contractButton.border.width === 3? 1: 3
+                        contractButton.border.width = w
+                    }
+
+                    onExited:
+                    {
+
+                        contractButton.color = "darkslategray"
+                        contractButton.border.color = "steelblue"
+                        contractButton.border.width = 1
+                    }
+                }
+            }
+
+            Rectangle
+            {
+                id: offerButton
+                width: 300
+                height: 145
+                color: "darkslategray"
+                radius: 45
+                Layout.alignment: Qt.AlignHCenter
+                border.color: "steelblue"
+                border.width: 1
+                Text
+                {
+                    text: qsTr("Angebote")
+                    anchors.centerIn: parent
+                    font.pixelSize: 45
+                    font.bold: true
+                    color: "lightgoldenrodyellow"
+                }
+                MouseArea
+                {
+                    anchors.fill: parent
+                    cursorShape: Qt.PointingHandCursor
+                    hoverEnabled: true
+
+                    onPressed:
+                    {
+                        offerButton.color = "darkolivegreen"
+                        offerButton.border.width = 3
+                        offerButton.border.color = "skyblue"
+                        console.log("Angebote...")
+                    }
+                    onReleased:
+                    {
+                        offerButton.color = "darkslategray"
+                        offerButton.border.width = 1
+                        offerButton.border.color = "steelblue"
+                    }
+
+                    onHoveredChanged:
+                    {
+                        var w = offerButton.border.width === 3? 1: 3
+                        offerButton.border.width = w
+                    }
+
+                    onExited:
+                    {
+
+                        offerButton.color = "darkslategray"
+                        offerButton.border.color = "steelblue"
+                        offerButton.border.width = 1
+                    }
+                }
+            }
+        }
     }
 }