Move common elements into /common/ and change imports

Elements work like they've always done, this just moves the commonly used components away from the global namespace. The qmldir file still does something, although at this point it is unknown exactly how it's used and whether or not it could be changed to simplify imports across the block.
2019-02-02 16:09:01 +01:00
parent 4fc038630c
commit 76507bd602
49 changed files with 41 additions and 33 deletions
@@ -0,0 +1,93 @@
+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
+// Needed for MyResources in the default folder.
+import ".."
+
+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
+                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
+    }
+}