Outer stack view representation code from Kelakon

is moved here

1 files changed, 97 insertions, 102 deletions

diff --git a/features/OnboardingForm.ui.qml b/features/OnboardingForm.ui.qml
index c23daf2..7f959e7 100644
--- a/features/OnboardingForm.ui.qml
+++ b/features/OnboardingForm.ui.qml
@@ -1,115 +1,110 @@
 import QtQuick 2.12
-import QtQuick.Layouts 1.12
 import QtQuick.Controls 2.12
 import QtQuick.Controls.Material 2.12
+import QtQuick.Layouts 1.12
 
-Page {
-    id: page
-    title: qsTr("Onboarding")
+StackView {
+	property alias logoImage: logoImage
+	property alias onboardingImage: onboardingImage
+	property alias onboardingText1: onboardingText1
+	property alias registerButton: registerButton
+	property alias loginButton: loginButton
 
-    property alias logoImage: logoImage
-    property alias registerButton: registerButton
-    property alias loginButton: loginButton
-    property alias onboardingImage: onboardingImage
-    property alias onboardingText1: onboardingText1
+	initialItem: Page {
+		id: page
+		title: qsTr("Onboarding")
 
-    ToolBar {
-        id: toolBar
+		ToolBar {
+			id: toolBar
 
-        height: 56
-        anchors.top: parent.top
-        anchors.topMargin: 0
-        anchors.right: parent.right
-        anchors.rightMargin: 0
-        anchors.left: parent.left
-        anchors.leftMargin: 0
+			height: 56
+			anchors.top: parent.top
+			anchors.topMargin: 0
+			anchors.right: parent.right
+			anchors.rightMargin: 0
+			anchors.left: parent.left
+			anchors.leftMargin: 0
 
-        background: Rectangle {
-            color: "#9AFFFFFF"
-        }
-        RowLayout {
-            anchors.fill: parent
+			background: Rectangle {
+				color: "#9AFFFFFF"
+			}
+			RowLayout {
+				anchors.fill: parent
 
-            Image {
-                id: logoImage
-                Layout.preferredHeight: 24
-                Layout.preferredWidth: 100
-                fillMode: Image.PreserveAspectFit
-                Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
-                Layout.fillWidth: false
-                Layout.fillHeight: false
-                source: "https://via.placeholder.com/100x24.png"
-            }
-        }
-    }
+				Image {
+					id: logoImage
+					Layout.preferredHeight: 24
+					Layout.preferredWidth: 100
+					fillMode: Image.PreserveAspectFit
+					Layout.alignment: Qt.AlignHCenter | Qt.AlignVCenter
+					Layout.fillWidth: false
+					Layout.fillHeight: false
+					source: "https://via.placeholder.com/100x24.png"
+				}
+			}
+		}
 
-    StackView {
-        id: contentView
-        anchors.fill: parent
-        z: -1
+		StackView {
+			id: contentView
+			anchors.fill: parent
+			z: -1
 
-        Image {
-            id: onboardingImage
-            anchors.bottom: onboardingText1.top
-            anchors.bottomMargin: 32
-            anchors.topMargin: 32 + toolBar.height
-            anchors.right: parent.right
-            anchors.rightMargin: 64
-            anchors.left: parent.left
-            anchors.leftMargin: 64
-            source: "https://via.placeholder.com/600x600.png"
-            fillMode: Image.PreserveAspectFit
-        }
-        Text {
-            id: onboardingText1
-            text: qsTr("Onboarding text")
-            anchors.bottom: registerButton.top
-            anchors.bottomMargin: 16
-            wrapMode: Text.WordWrap
-            anchors.right: parent.right
-            anchors.rightMargin: 72
-            anchors.left: parent.left
-            anchors.leftMargin: 16
-            font.pointSize: 24
-            font.family: "Work Sans"
-            font.weight: Font.Bold
-        }
-        RoundButton {
-            id: registerButton
-            text: qsTr("Get started")
-            hoverEnabled: false
-            highlighted: true
-            anchors.right: parent.right
-            anchors.rightMargin: 8
-            anchors.left: parent.left
-            anchors.leftMargin: 8
-            anchors.bottom: loginButton.top
-            anchors.bottomMargin: 8
-            font.capitalization: Font.MixedCase
-            font.family: "Work Sans"
-        }
+			Image {
+				id: onboardingImage
+				anchors.bottom: onboardingText1.top
+				anchors.bottomMargin: 32
+				anchors.topMargin: 32 + toolBar.height
+				anchors.right: parent.right
+				anchors.rightMargin: 64
+				anchors.left: parent.left
+				anchors.leftMargin: 64
+				source: "https://via.placeholder.com/600x600.png"
+				fillMode: Image.PreserveAspectFit
+			}
+			Text {
+				id: onboardingText1
+				text: qsTr("Onboarding text")
+				anchors.bottom: registerButton.top
+				anchors.bottomMargin: 16
+				wrapMode: Text.WordWrap
+				anchors.right: parent.right
+				anchors.rightMargin: 72
+				anchors.left: parent.left
+				anchors.leftMargin: 16
+				font.pointSize: 24
+				font.family: "Work Sans"
+				font.weight: Font.Bold
+			}
+			RoundButton {
+				id: registerButton
+				text: qsTr("Get started")
+				hoverEnabled: false
+				highlighted: true
+				anchors.right: parent.right
+				anchors.rightMargin: 8
+				anchors.left: parent.left
+				anchors.leftMargin: 8
+				anchors.bottom: loginButton.top
+				anchors.bottomMargin: 8
+				font.capitalization: Font.MixedCase
+				font.family: "Work Sans"
+			}
 
-        RoundButton {
-            id: loginButton
-            flat: true
-            highlighted: false
-            Material.foreground: Material.primary
-            text: qsTr("Log in")
-            anchors.right: parent.right
-            anchors.rightMargin: 8
-            anchors.left: parent.left
-            anchors.leftMargin: 8
-            anchors.bottom: parent.bottom
-            anchors.bottomMargin: 16
-            font.capitalization: Font.MixedCase
-            font.family: "Work Sans"
-        }
-    }
+			RoundButton {
+				id: loginButton
+				flat: true
+				highlighted: false
+				Material.foreground: Material.primary
+				text: qsTr("Log in")
+				anchors.right: parent.right
+				anchors.rightMargin: 8
+				anchors.left: parent.left
+				anchors.leftMargin: 8
+				anchors.bottom: parent.bottom
+				anchors.bottomMargin: 16
+				font.capitalization: Font.MixedCase
+				font.family: "Work Sans"
+			}
+		}
+	}
 }
-
-/*##^##
-Designer {
-    D{i:0;autoSize:true;height:480;width:640}
-}
-##^##*/
-