qml: demo StorageOptions component

To achieve a proper demo, the component is added to our StackLayout.
Now that there are several components, introduce a toolbar with a
textButton "< Back" that allows for rewinding the stack.

Author: jarolrod

src/qml/pages/stub.qml

@@ -18,6 +18,25 @@ ApplicationWindow {
 
     Component.onCompleted: nodeModel.startNodeInitializionThread();
 
+    header: ToolBar {
+        height: 50
+        background: null
+        RowLayout {
+            anchors.fill: parent
+            anchors.leftMargin: 10
+            Loader {
+                visible: stack.currentIndex > 0 ? true : false
+                sourceComponent: TextButton {
+                    Layout.alignment: Qt.AlignCenter
+                    Layout.topMargin: 30
+                    text: "‹ Back"
+                    textSize: 18
+                    textColor: "white"
+                    onClicked: stack.currentIndex -= 1
+                }
+            }
+        }
+    }
     ColumnLayout {
         id: content
         anchors.centerIn: parent
@@ -58,11 +77,12 @@ ApplicationWindow {
             Layout.fillWidth: true
             ConnectionOptions {}
             ConnectionSettings {}
+            StorageOptions {}
         }
         ContinueButton {
             Layout.alignment: Qt.AlignCenter
-            text: stack.currentIndex < 1 ? qsTr("Continue") : qsTr("Back")
-            onClicked: stack.currentIndex < 1 ? stack.currentIndex = 1 : stack.currentIndex = 0
+            text: stack.currentIndex > 0 ? qsTr("Next") : qsTr("Start")
+            onClicked: stack.currentIndex < 2 ? stack.currentIndex += 1 : null
         }
         PageIndicator {
             Layout.alignment: Qt.AlignCenter