build script, move qml and scripts to src

2018-04-02 17:26:32 +02:00
parent 7376aa4e80
commit 8eceaa5294
51 changed files with 57 additions and 738 deletions
@@ -0,0 +1,92 @@
+import QtQuick 2.7
+import QtQuick.Controls 2.0
+import QtQuick.Layouts 1.2
+import "." // QTBUG-34418, singletons require explicit import to load qmldir file
+
+Rectangle {
+    color: "#1b2939"
+    width: 1200
+    height: 800
+
+    property StackView stackView
+
+    property string headerText: "Header Title"
+
+    property bool headerShowBackButton: true
+
+    property Item header: ColumnLayout {
+        RowLayout {
+            Button {
+                id: headerBackButton
+                Layout.preferredHeight: 50
+                Layout.preferredWidth: 50
+                hoverEnabled: true
+                enabled: headerShowBackButton
+                opacity: headerShowBackButton ? 1.0 : 0.0
+                contentItem: Image {
+                    source: "backarrow.svg"
+                    sourceSize.width: 50
+                    sourceSize.height: 50
+                    anchors.fill: parent
+                }
+                background: Rectangle {
+                    opacity: parent.down ? 1.0 : (parent.activeFocus ? 0.5 : 0.0)
+                    color: "#406288"
+                    radius: 4
+                    anchors.fill: parent
+                }
+                onHoveredChanged: {
+                    if (hovered) {
+                        forceActiveFocus()
+                    } else {
+                        focus = false
+                    }
+                }
+                onClicked: {
+					MyResources.playFocusChangedSound()
+                    stackView.pop()
+                }
+            }
+            MyText {
+                id: headerTitle
+                text: headerText
+                font.pointSize: 30
+                anchors.verticalCenter: headerBackButton.verticalCenter
+                Layout.leftMargin: 32
+            }
+        }
+
+        Rectangle {
+            color: "#cccccc"
+            height: 1
+            Layout.topMargin: 10
+            Layout.fillWidth: true
+        }
+    }
+
+    property Item content: Frame {
+        MyText {
+            text: "Content"
+        }
+    }
+
+    ColumnLayout {
+        id: mainLayout
+        spacing: 12
+        anchors.fill: parent
+    }
+
+    Component.onCompleted: {
+        header.parent = mainLayout
+        header.Layout.leftMargin = 40
+        header.Layout.topMargin = 30
+        header.Layout.rightMargin = 40
+        content.parent = mainLayout
+        content.Layout.fillHeight = true
+        content.Layout.fillWidth = true
+        content.Layout.topMargin = 10
+        content.Layout.leftMargin = 40
+        content.Layout.rightMargin = 40
+        content.Layout.bottomMargin = 40
+    }
+}