wizard v0.2

3 files changed, 101 insertions, 0 deletions

diff --git a/wizard/WizardCreateWallet.qml b/wizard/WizardCreateWallet.qml
index 5ce37a96..0aef053c 100644
--- a/wizard/WizardCreateWallet.qml
+++ b/wizard/WizardCreateWallet.qml
@@ -1,5 +1,91 @@
 import QtQuick 2.2
 
 Item {
+    opacity: 0
+    visible: false
+    Behavior on opacity {
+        NumberAnimation { duration: 100; easing.type: Easing.InQuad }
+    }
 
+    onOpacityChanged: visible = opacity !== 0
+
+    Row {
+        id: dotsRow
+        anchors.top: parent.top
+        anchors.right: parent.right
+        anchors.topMargin: 74
+        spacing: 6
+
+        ListModel {
+            id: dotsModel
+            ListElement { dotColor: "#FFE00A" }
+            ListElement { dotColor: "#DBDBDB" }
+            ListElement { dotColor: "#DBDBDB" }
+            ListElement { dotColor: "#DBDBDB" }
+        }
+
+        Repeater {
+            model: dotsModel
+            delegate: Rectangle {
+                width: 12; height: 12
+                radius: 6
+                color: dotColor
+            }
+        }
+    }
+
+    Column {
+        id: headerColumn
+        anchors.left: parent.left
+        anchors.right: parent.right
+        anchors.top: parent.top
+        anchors.topMargin: 74
+        spacing: 24
+
+        Text {
+            width: headerColumn.width - dotsRow.width - 50
+            font.family: "Arial"
+            font.pixelSize: 28
+            wrapMode: Text.Wrap
+            //renderType: Text.NativeRendering
+            color: "#3F3F3F"
+            text: qsTr("A new wallet has been created for you")
+        }
+
+        Text {
+            font.family: "Arial"
+            font.pixelSize: 18
+            //renderType: Text.NativeRendering
+            color: "#4A4646"
+            text: qsTr("This is the name of your wallet. You can change it to a different name if you’d like:")
+        }
+    }
+
+    Item {
+        anchors.top: headerColumn.bottom
+        anchors.horizontalCenter: parent.horizontalCenter
+        anchors.topMargin: 50
+        width: 300
+        height: 62
+
+        TextInput {
+            anchors.fill: parent
+            horizontalAlignment: TextInput.AlignHCenter
+            verticalAlignment: TextInput.AlignVCenter
+            font.family: "Arial"
+            font.pixelSize: 32
+            renderType: Text.NativeRendering
+            color: "#FF6C3C"
+            text: qsTr("My account name")
+            focus: true
+        }
+
+        Rectangle {
+            anchors.left: parent.left
+            anchors.right: parent.right
+            anchors.bottom: parent.bottom
+            height: 1
+            color: "#DBDBDB"
+        }
+    }
 }
diff --git a/wizard/WizardMain.qml b/wizard/WizardMain.qml
index 9c523ac0..922147ca 100644
--- a/wizard/WizardMain.qml
+++ b/wizard/WizardMain.qml
@@ -35,6 +35,7 @@ Rectangle {
         var pages = new Array()
         pages[0] = welcomePage
         pages[1] = optionsPage
+        pages[2] = createWalletPage
 
         if(next === false) {
             if(currentPage > 0) {
@@ -67,6 +68,17 @@ Rectangle {
         anchors.left: prevButton.right
         anchors.leftMargin: 50
         anchors.rightMargin: 50
+        onCreateWalletClicked: wizard.switchPage(true)
+    }
+
+    WizardCreateWallet {
+        id: createWalletPage
+        anchors.top: parent.top
+        anchors.bottom: parent.bottom
+        anchors.right: nextButton.left
+        anchors.left: prevButton.right
+        anchors.leftMargin: 50
+        anchors.rightMargin: 50
     }
 
     Rectangle {
diff --git a/wizard/WizardOptions.qml b/wizard/WizardOptions.qml
index 90fbd93d..ffca8d80 100644
--- a/wizard/WizardOptions.qml
+++ b/wizard/WizardOptions.qml
@@ -1,6 +1,8 @@
 import QtQuick 2.2
 
 Item {
+    id: page
+    signal createWalletClicked()
     opacity: 0
     visible: false
     Behavior on opacity {
@@ -56,6 +58,7 @@ Item {
                     id: createWalletArea
                     anchors.fill: parent
                     hoverEnabled: true
+                    onClicked: page.createWalletClicked()
                 }
             }