mirror of
https://github.com/ethereum/go-ethereum.git
synced 2026-07-22 20:56:42 +00:00
finish linking all screens
This commit is contained in:
Alexandre Van de Sande
parent
40e5580cf4
commit
d90907a49a
7 changed files with 659 additions and 243 deletions
|
|
@ -12,6 +12,7 @@ Rectangle {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
color: "blue"
|
color: "blue"
|
||||||
state: "State-Initial"
|
state: "State-Initial"
|
||||||
|
property string currentStateProcess: "State-Presale-01"
|
||||||
|
|
||||||
Timer {
|
Timer {
|
||||||
id: startTimerAnimation
|
id: startTimerAnimation
|
||||||
|
|
@ -253,6 +254,58 @@ Rectangle {
|
||||||
visible: true
|
visible: true
|
||||||
opacity: 1
|
opacity: 1
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
State {
|
||||||
|
name: "State-Restore-01"
|
||||||
|
PropertyChanges {
|
||||||
|
target: iceberg
|
||||||
|
x: 19
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: icebergFrontBlur
|
||||||
|
x: 17
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: mistTitle
|
||||||
|
y: 610
|
||||||
|
opacity: 0.2
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: step0
|
||||||
|
opacity: 0.0
|
||||||
|
x: 1000
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: stepRestore1
|
||||||
|
visible: true
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
|
},
|
||||||
|
State {
|
||||||
|
name: "State-Bitcoin"
|
||||||
|
PropertyChanges {
|
||||||
|
target: iceberg
|
||||||
|
x: 19
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: icebergFrontBlur
|
||||||
|
x: 17
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: mistTitle
|
||||||
|
y: 610
|
||||||
|
opacity: 0.2
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: step0
|
||||||
|
opacity: 0.0
|
||||||
|
x: 1000
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: stepBitcoin
|
||||||
|
visible: true
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
},
|
},
|
||||||
State {
|
State {
|
||||||
name: "State-Presale-02"
|
name: "State-Presale-02"
|
||||||
|
|
@ -359,6 +412,27 @@ Rectangle {
|
||||||
visible: true
|
visible: true
|
||||||
opacity: 1
|
opacity: 1
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
State {
|
||||||
|
name: "State-Presale-07"
|
||||||
|
PropertyChanges {
|
||||||
|
target: iceberg
|
||||||
|
x: -11
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: icebergFrontBlur
|
||||||
|
x: -23
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: stepPresale6
|
||||||
|
visible: true
|
||||||
|
opacity: 0
|
||||||
|
}
|
||||||
|
PropertyChanges {
|
||||||
|
target: stepPresale7
|
||||||
|
visible: true
|
||||||
|
opacity: 1
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
|
|
@ -406,7 +480,7 @@ Rectangle {
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
Transition {
|
Transition {
|
||||||
from: "State-0"; to: "State-Presale-01"
|
from: "State-0"
|
||||||
|
|
||||||
PropertyAnimation {
|
PropertyAnimation {
|
||||||
target: skyGradient
|
target: skyGradient
|
||||||
|
|
@ -441,77 +515,7 @@ Rectangle {
|
||||||
|
|
||||||
},
|
},
|
||||||
Transition {
|
Transition {
|
||||||
from: "State-0"; to: "State-Invitation-01"
|
to: "State-0"
|
||||||
|
|
||||||
PropertyAnimation {
|
|
||||||
target: skyGradient
|
|
||||||
properties: "height"
|
|
||||||
duration: 1000
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: step0
|
|
||||||
properties: "opacity, x"
|
|
||||||
duration: 1000
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: iceberg
|
|
||||||
properties: "x, y"
|
|
||||||
duration: 1000
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: icebergFrontBlur
|
|
||||||
properties: "x, y"
|
|
||||||
duration: 1000
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: mistTitle
|
|
||||||
properties: "opacity, y"
|
|
||||||
duration: 1500
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
Transition {
|
|
||||||
from: "State-Presale-01"; to: "State-0"
|
|
||||||
|
|
||||||
PropertyAnimation {
|
|
||||||
target: skyGradient
|
|
||||||
properties: "height"
|
|
||||||
duration: 500
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: step0
|
|
||||||
properties: "opacity, x"
|
|
||||||
duration: 500
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: iceberg
|
|
||||||
properties: "x, y"
|
|
||||||
duration: 500
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: icebergFrontBlur
|
|
||||||
properties: "x, y"
|
|
||||||
duration: 500
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
PropertyAnimation {
|
|
||||||
target: mistTitle
|
|
||||||
properties: "opacity, y"
|
|
||||||
duration: 750
|
|
||||||
easing.type: Easing.InOutQuart
|
|
||||||
}
|
|
||||||
|
|
||||||
},
|
|
||||||
Transition {
|
|
||||||
from: "State-Invitation-01"; to: "State-0"
|
|
||||||
|
|
||||||
PropertyAnimation {
|
PropertyAnimation {
|
||||||
target: skyGradient
|
target: skyGradient
|
||||||
|
|
@ -565,9 +569,14 @@ Rectangle {
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
||||||
//
|
|
||||||
// STEPS
|
|
||||||
//
|
|
||||||
|
/*********************/
|
||||||
|
/* MENU 00 */
|
||||||
|
/*********************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
id: step0
|
id: step0
|
||||||
|
|
@ -578,188 +587,209 @@ Rectangle {
|
||||||
color: "transparent"
|
color: "transparent"
|
||||||
opacity: 0
|
opacity: 0
|
||||||
|
|
||||||
Text {
|
Column {
|
||||||
text: "Mist is a Navigator for Ethereum, a decentralized"
|
|
||||||
font.family: sourceSansPro.name
|
|
||||||
font.weight: Font.Light
|
|
||||||
font.pixelSize: 22
|
|
||||||
color: "#2B519E"
|
|
||||||
x: 20
|
|
||||||
y: 70
|
|
||||||
}
|
|
||||||
|
|
||||||
Text {
|
|
||||||
text: "app platform. It enables anyone to run programs that can transfer assets or information safely and privately between consenting parties to the contracts."
|
|
||||||
font.family: sourceSansPro.name
|
|
||||||
font.weight: Font.Light
|
|
||||||
font.pixelSize: 18
|
|
||||||
wrapMode: Text.WordWrap
|
|
||||||
width: 420
|
|
||||||
color: "#2B519E"
|
|
||||||
x: 20
|
|
||||||
y: 100
|
|
||||||
}
|
|
||||||
|
|
||||||
Text {
|
Rectangle {
|
||||||
text: "In order to use mist, you need to have an invitation or have previously acquired Ethers or Bitcoins."
|
color: "transparent"
|
||||||
font.family: sourceSansPro.name
|
width: 100
|
||||||
font.weight: Font.Bold
|
height: 90
|
||||||
font.pixelSize: 18
|
}
|
||||||
wrapMode: Text.WordWrap
|
|
||||||
width: 420
|
|
||||||
color: "#2B519E"
|
|
||||||
x: 20
|
|
||||||
y: 190
|
|
||||||
}
|
|
||||||
|
|
||||||
Rectangle {
|
Text {
|
||||||
x: 10
|
text: "Mist is a Navigator for Ethereum, a decentralized"
|
||||||
y: 320
|
|
||||||
color: "transparent"
|
|
||||||
width: 430
|
|
||||||
height: 70
|
|
||||||
|
|
||||||
Image {
|
|
||||||
source: "../wizard/start-invitation.png"
|
|
||||||
width: 65
|
|
||||||
height: 65
|
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
|
||||||
}
|
|
||||||
|
|
||||||
Text {
|
|
||||||
text: "I have an invitation"
|
|
||||||
font.family: sourceSansPro.name
|
font.family: sourceSansPro.name
|
||||||
font.weight: Font.SemiBold
|
font.weight: Font.Light
|
||||||
font.pixelSize: 24
|
font.pixelSize: 22
|
||||||
color: "#FFFFFF"
|
color: "#2B519E"
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
x: 20
|
||||||
x: 80
|
height: 30
|
||||||
|
anchors.topMargin: 30
|
||||||
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "app platform. It enables anyone to run programs that can transfer assets or information safely and privately between consenting parties to the contracts."
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
font.pixelSize: 18
|
||||||
|
wrapMode: Text.WordWrap
|
||||||
|
width: 420
|
||||||
|
color: "#2B519E"
|
||||||
|
x: 20
|
||||||
|
height: 100
|
||||||
}
|
}
|
||||||
|
|
||||||
MouseArea {
|
Text {
|
||||||
anchors.fill: parent
|
text: "In order to use mist, you need to have an invitation or have previously acquired Ethers or Bitcoins."
|
||||||
onClicked: {
|
font.family: sourceSansPro.name
|
||||||
wizardWindow.state = "State-Invitation-01"
|
font.weight: Font.Bold
|
||||||
|
font.pixelSize: 18
|
||||||
|
wrapMode: Text.WordWrap
|
||||||
|
width: 420
|
||||||
|
color: "#2B519E"
|
||||||
|
x: 20
|
||||||
|
height: 90
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
x: 10
|
||||||
|
y: 320
|
||||||
|
color: "transparent"
|
||||||
|
width: 430
|
||||||
|
height: 80
|
||||||
|
|
||||||
|
Image {
|
||||||
|
source: "../wizard/start-invitation.png"
|
||||||
|
width: 65
|
||||||
|
height: 65
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
}
|
}
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
x: 10
|
|
||||||
y: 420
|
|
||||||
width: 430
|
|
||||||
height: 50
|
|
||||||
color: "transparent"
|
|
||||||
|
|
||||||
Image {
|
Text {
|
||||||
source: "../wizard/start-presale.png"
|
text: "I have an invitation"
|
||||||
width: 44
|
font.family: sourceSansPro.name
|
||||||
height: 44
|
font.weight: Font.SemiBold
|
||||||
|
font.pixelSize: 24
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
x: 80
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: parent
|
||||||
|
onClicked: {
|
||||||
|
wizardWindow.state = "State-Invitation-01"
|
||||||
|
currentStateProcess = "State-Invitation-01"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
x: 10
|
x: 10
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
y: 420
|
||||||
}
|
width: 430
|
||||||
|
height: 60
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
Text {
|
Image {
|
||||||
text: "Redeem presale ether"
|
source: "../wizard/start-presale.png"
|
||||||
font.family: sourceSansPro.name
|
width: 44
|
||||||
font.weight: Font.SemiBold
|
height: 44
|
||||||
font.pixelSize: 18
|
x: 10
|
||||||
color: "#FFFFFF"
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
|
||||||
x: 80
|
|
||||||
}
|
|
||||||
|
|
||||||
MouseArea {
|
|
||||||
anchors.fill: parent
|
|
||||||
onClicked: {
|
|
||||||
wizardWindow.state = "State-Presale-01"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "Redeem presale ether"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.SemiBold
|
||||||
|
font.pixelSize: 18
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
x: 80
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: parent
|
||||||
|
onClicked: {
|
||||||
|
wizardWindow.state = "State-Presale-01"
|
||||||
|
currentStateProcess = "State-Presale-01"
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
Rectangle {
|
Rectangle {
|
||||||
x: 10
|
|
||||||
y: 480
|
|
||||||
width: 430
|
|
||||||
height: 50
|
|
||||||
color: "transparent"
|
|
||||||
|
|
||||||
Image {
|
|
||||||
source: "../wizard/start-recover.png"
|
|
||||||
width: 44
|
|
||||||
height: 44
|
|
||||||
x: 10
|
x: 10
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
y: 480
|
||||||
}
|
width: 430
|
||||||
|
height: 60
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
Text {
|
Image {
|
||||||
text: "Restore old wallet"
|
source: "../wizard/start-recover.png"
|
||||||
font.family: sourceSansPro.name
|
width: 44
|
||||||
font.weight: Font.SemiBold
|
height: 44
|
||||||
font.pixelSize: 18
|
x: 10
|
||||||
color: "#FFFFFF"
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
}
|
||||||
x: 80
|
|
||||||
|
Text {
|
||||||
|
text: "Restore old wallet"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.SemiBold
|
||||||
|
font.pixelSize: 18
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
x: 80
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: parent
|
||||||
|
onClicked: {
|
||||||
|
wizardWindow.state = "State-Restore-01"
|
||||||
|
currentStateProcess = "State-Restore-01"
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
MouseArea {
|
Rectangle {
|
||||||
anchors.fill: parent
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
Rectangle {
|
|
||||||
x: 10
|
|
||||||
y: 540
|
|
||||||
width: 430
|
|
||||||
height: 50
|
|
||||||
color: "transparent"
|
|
||||||
|
|
||||||
Image {
|
|
||||||
source: "../wizard/start-bitcoin.png"
|
|
||||||
width: 44
|
|
||||||
height: 44
|
|
||||||
x: 10
|
x: 10
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
y: 540
|
||||||
}
|
width: 430
|
||||||
|
height: 60
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
Text {
|
Image {
|
||||||
text: "Use Bitcoins instead"
|
source: "../wizard/start-bitcoin.png"
|
||||||
font.family: sourceSansPro.name
|
width: 44
|
||||||
font.weight: Font.SemiBold
|
height: 44
|
||||||
font.pixelSize: 18
|
x: 10
|
||||||
color: "#FFFFFF"
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
}
|
||||||
x: 80
|
|
||||||
}
|
|
||||||
|
|
||||||
MouseArea {
|
Text {
|
||||||
anchors.fill: parent
|
text: "Use Bitcoins instead"
|
||||||
}
|
font.family: sourceSansPro.name
|
||||||
}
|
font.weight: Font.SemiBold
|
||||||
|
font.pixelSize: 18
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
x: 80
|
||||||
|
}
|
||||||
|
|
||||||
Rectangle {
|
MouseArea {
|
||||||
x: 10
|
anchors.fill: parent
|
||||||
y: 600
|
onClicked: {
|
||||||
width: 430
|
wizardWindow.state = "State-Bitcoin"
|
||||||
height: 50
|
currentStateProcess = "State-Bitcoin"
|
||||||
color: "transparent"
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
Text {
|
Rectangle {
|
||||||
text: "I don't have any of those, just let me in anyway.."
|
|
||||||
font.family: sourceSansPro.name
|
|
||||||
font.weight: Font.SemiBold
|
|
||||||
font.italic: true
|
|
||||||
font.pixelSize: 18
|
|
||||||
color: "#FFFFFF"
|
|
||||||
anchors.verticalCenter: parent.verticalCenter
|
|
||||||
x: 10
|
x: 10
|
||||||
}
|
y: 600
|
||||||
|
width: 430
|
||||||
|
height: 60
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
MouseArea {
|
Text {
|
||||||
anchors.fill: parent
|
text: "I don't have any of those, just let me in anyway.."
|
||||||
}
|
font.family: sourceSansPro.name
|
||||||
}
|
font.weight: Font.SemiBold
|
||||||
|
font.italic: true
|
||||||
|
font.pixelSize: 18
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
x: 10
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.fill: parent
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -1034,8 +1064,7 @@ Rectangle {
|
||||||
}
|
}
|
||||||
|
|
||||||
onClicked: {
|
onClicked: {
|
||||||
wizardWindow.state = "State-Presale-01";
|
wizardWindow.state = currentStateProcess;
|
||||||
console.log( "state-0 bak")
|
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
@ -2342,7 +2371,7 @@ Rectangle {
|
||||||
|
|
||||||
onClicked: {
|
onClicked: {
|
||||||
//onboardingWizard.visible = false;
|
//onboardingWizard.visible = false;
|
||||||
wizardWindow.state = "State-Initial";
|
wizardWindow.state = "State-0";
|
||||||
//startTimerAnimation.running = true;
|
//startTimerAnimation.running = true;
|
||||||
//startTimerAnimation.start();
|
//startTimerAnimation.start();
|
||||||
}
|
}
|
||||||
|
|
@ -2417,18 +2446,16 @@ Rectangle {
|
||||||
|
|
||||||
Image {
|
Image {
|
||||||
anchors.centerIn: parent
|
anchors.centerIn: parent
|
||||||
source: "../wizard/drop-icon.png"
|
source: "../wizard/invitation-Icon.png"
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
Text {
|
Text {
|
||||||
anchors {
|
width: 160
|
||||||
top: invitationIcon.bottom
|
height: 130
|
||||||
left: parent.left
|
y: 90
|
||||||
right: parent.right
|
anchors.horizontalCenter: parent.horizontalCenter
|
||||||
bottom: parent.bottom
|
|
||||||
}
|
|
||||||
text: "<html>DROP OR OPEN YOUR <strong>INVITE</strong> HERE</html>"
|
text: "<html>DROP OR OPEN YOUR <strong>INVITE</strong> HERE</html>"
|
||||||
font.family: sourceSansPro.name
|
font.family: sourceSansPro.name
|
||||||
font.weight: Font.Bold
|
font.weight: Font.Bold
|
||||||
|
|
@ -2503,4 +2530,393 @@ Rectangle {
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*********************/
|
||||||
|
/* RESTORE */
|
||||||
|
/*********************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id: stepRestore1
|
||||||
|
anchors.fill: parent
|
||||||
|
color: "transparent"
|
||||||
|
opacity: 0
|
||||||
|
visible: false
|
||||||
|
|
||||||
|
|
||||||
|
Behavior on opacity { PropertyAnimation { duration: 500 } }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
// Content
|
||||||
|
x: 350
|
||||||
|
y: 0
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
|
ColumnLayout {
|
||||||
|
|
||||||
|
spacing: 20
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "Type the words you have written down"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
verticalAlignment: Text.AlignBottom
|
||||||
|
font.pixelSize: 30
|
||||||
|
color: "#57637B"
|
||||||
|
Layout.minimumHeight: 120
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
color: "transparent"
|
||||||
|
width: 450
|
||||||
|
height: 80
|
||||||
|
|
||||||
|
Text {
|
||||||
|
anchors.fill: parent
|
||||||
|
text: "During the creation of the wallet, you were told to write these words down. Now it is the time to write them here again."
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
font.pixelSize: 18
|
||||||
|
wrapMode: Text.WordWrap
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
color: "#57637B"
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
radius: 4
|
||||||
|
border.color: "#E1D9D9"
|
||||||
|
border.width: 4
|
||||||
|
color: "#FFFFFF"
|
||||||
|
y: 220
|
||||||
|
height: 220
|
||||||
|
width: 540
|
||||||
|
|
||||||
|
TextEdit {
|
||||||
|
id: typeMagicWordsRestore
|
||||||
|
x: 20
|
||||||
|
y: 20
|
||||||
|
width: 400
|
||||||
|
height: 180
|
||||||
|
text: ""
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.SemiBold
|
||||||
|
font.pixelSize: 22
|
||||||
|
wrapMode: Text.WordWrap
|
||||||
|
horizontalAlignment: Text.AlignLeft
|
||||||
|
verticalAlignment: Text.AlignTop
|
||||||
|
focus: false
|
||||||
|
color: "#AAA0A0"
|
||||||
|
|
||||||
|
onTextChanged: {
|
||||||
|
if (typeMagicWordsRestore.text == "correct") {
|
||||||
|
iconPositiveFeedbackRestore.visible = true;
|
||||||
|
iconNegativeFeedbackRestore.visible = false;
|
||||||
|
nextButtonRestore.visible = true;
|
||||||
|
} else if (typeMagicWordsRestore.text.length > 24) {
|
||||||
|
iconPositiveFeedbackRestore.visible = false;
|
||||||
|
iconNegativeFeedbackRestore.visible = true;
|
||||||
|
nextButtonRestore.visible = false;
|
||||||
|
} else {
|
||||||
|
iconPositiveFeedbackRestore.visible = false;
|
||||||
|
iconNegativeFeedbackRestore.visible = false;
|
||||||
|
nextButtonRestore.visible = false;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
RowLayout {
|
||||||
|
id: iconPositiveFeedbackRestore
|
||||||
|
spacing: 20
|
||||||
|
visible: false
|
||||||
|
|
||||||
|
Image {
|
||||||
|
source: "../wizard/icon-correct.png"
|
||||||
|
width: 34
|
||||||
|
height: 34
|
||||||
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "Those words correspond to a wallet"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.SemiBold
|
||||||
|
verticalAlignment: Text.AlignBottom
|
||||||
|
font.pixelSize: 16
|
||||||
|
color: "#679137"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
RowLayout {
|
||||||
|
id: iconNegativeFeedbackRestore
|
||||||
|
spacing: 20
|
||||||
|
visible: false
|
||||||
|
|
||||||
|
Image {
|
||||||
|
source: "../wizard/icon-wrong.png"
|
||||||
|
width: 34
|
||||||
|
height: 34
|
||||||
|
}
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "Wrong words. Keep trying."
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.SemiBold
|
||||||
|
verticalAlignment: Text.AlignBottom
|
||||||
|
font.pixelSize: 16
|
||||||
|
color: "#D0021B"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
//bottom buttons
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.bottom: parent.bottom
|
||||||
|
anchors.right: parent.right
|
||||||
|
height: 80
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
x: 60
|
||||||
|
height: 60
|
||||||
|
width: 120
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "BACK"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
font.pixelSize: 24
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.fill: parent
|
||||||
|
horizontalAlignment: Text.AlignLeft
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
onClicked: {
|
||||||
|
wizardWindow.state = "State-0";
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
id: nextButtonRestore
|
||||||
|
// visible: false
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: 60
|
||||||
|
height: 60
|
||||||
|
width: 120
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "NEXT"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
font.pixelSize: 24
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.fill: parent
|
||||||
|
horizontalAlignment: Text.AlignRight
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
onClicked: {
|
||||||
|
wizardWindow.state = "State-Presale-02";
|
||||||
|
}
|
||||||
|
|
||||||
|
} // MouseArea
|
||||||
|
} // Bottom Buttons
|
||||||
|
}// End State
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
/*********************/
|
||||||
|
/* BITCOIN */
|
||||||
|
/*********************/
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
id: stepBitcoin
|
||||||
|
anchors.fill: parent
|
||||||
|
color: "transparent"
|
||||||
|
opacity: 0
|
||||||
|
visible: false
|
||||||
|
|
||||||
|
|
||||||
|
Behavior on opacity { PropertyAnimation { duration: 500 } }
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
// Content
|
||||||
|
x: 350
|
||||||
|
y: 0
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
|
ColumnLayout {
|
||||||
|
|
||||||
|
spacing: 20
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "Use Bitcoins"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
verticalAlignment: Text.AlignBottom
|
||||||
|
font.pixelSize: 30
|
||||||
|
color: "#57637B"
|
||||||
|
Layout.minimumHeight: 120
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
color: "transparent"
|
||||||
|
width: 550
|
||||||
|
height: 200
|
||||||
|
|
||||||
|
Text {
|
||||||
|
anchors.fill: parent
|
||||||
|
text: "If you have bitcoins, you can use them in ethereum. By depositing money on the address below, you’ll be given a contract controlled solely by you that will keep it’s bitcoin value. A small amount of the bitcoins will be converted on the fly whenever you need to pay for gas for future contracts. You can restore your unspent bitcoins at any point. \n\n Creating this contract will cost in average 0.01 bits."
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
font.pixelSize: 16
|
||||||
|
wrapMode: Text.WordWrap
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
color: "#57637B"
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
radius: 4
|
||||||
|
border.color: "#E1D9D9"
|
||||||
|
border.width: 4
|
||||||
|
color: "#FFFFFF"
|
||||||
|
y: 220
|
||||||
|
height: 140
|
||||||
|
width: 540
|
||||||
|
|
||||||
|
RowLayout {
|
||||||
|
//anchors.centerIn: parent
|
||||||
|
// height: 120
|
||||||
|
// width: 520
|
||||||
|
anchors.fill: parent
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
color: "transparent"
|
||||||
|
height: 50
|
||||||
|
width: 20
|
||||||
|
}
|
||||||
|
|
||||||
|
Image {
|
||||||
|
source: "../wizard/bitcoin-icon.png"
|
||||||
|
height: 32
|
||||||
|
width: 32
|
||||||
|
}
|
||||||
|
|
||||||
|
ColumnLayout {
|
||||||
|
Layout.fillWidth: true
|
||||||
|
//width: 390
|
||||||
|
//height: 100
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "0.0 Bits"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
font.pixelSize: 30
|
||||||
|
color: "#57637B"
|
||||||
|
}
|
||||||
|
Text {
|
||||||
|
text: "1A1zP1eP5QGefi2DMPTfTL5SLmv7DivfNa"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.SemiBold
|
||||||
|
font.pixelSize: 15
|
||||||
|
color: "#F7931A"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
Image {
|
||||||
|
source: "../wizard/bitcoin-qrcode.png"
|
||||||
|
height: 119
|
||||||
|
width: 119
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Rectangle {
|
||||||
|
//bottom buttons
|
||||||
|
anchors.left: parent.left
|
||||||
|
anchors.bottom: parent.bottom
|
||||||
|
anchors.right: parent.right
|
||||||
|
height: 80
|
||||||
|
color: "transparent"
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
x: 60
|
||||||
|
height: 60
|
||||||
|
width: 120
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "BACK"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
font.pixelSize: 24
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.fill: parent
|
||||||
|
horizontalAlignment: Text.AlignLeft
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
onClicked: {
|
||||||
|
wizardWindow.state = "State-0";
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
MouseArea {
|
||||||
|
id: nextButtonBitcoins
|
||||||
|
// visible: false
|
||||||
|
anchors.verticalCenter: parent.verticalCenter
|
||||||
|
anchors.right: parent.right
|
||||||
|
anchors.rightMargin: 60
|
||||||
|
height: 60
|
||||||
|
width: 120
|
||||||
|
|
||||||
|
Text {
|
||||||
|
text: "NEXT"
|
||||||
|
font.family: sourceSansPro.name
|
||||||
|
font.weight: Font.Light
|
||||||
|
font.pixelSize: 24
|
||||||
|
color: "#FFFFFF"
|
||||||
|
anchors.fill: parent
|
||||||
|
horizontalAlignment: Text.AlignRight
|
||||||
|
verticalAlignment: Text.AlignVCenter
|
||||||
|
}
|
||||||
|
|
||||||
|
onClicked: {
|
||||||
|
wizardWindow.state = "State-Presale-02";
|
||||||
|
}
|
||||||
|
|
||||||
|
} // MouseArea
|
||||||
|
} // Bottom Buttons
|
||||||
|
}// End State
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
BIN
cmd/mist/assets/wizard/bitcoin-icon.png
Normal file
BIN
cmd/mist/assets/wizard/bitcoin-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
cmd/mist/assets/wizard/bitcoin-icon@2x.png
Normal file
BIN
cmd/mist/assets/wizard/bitcoin-icon@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
cmd/mist/assets/wizard/bitcoin-qrcode.png
Normal file
BIN
cmd/mist/assets/wizard/bitcoin-qrcode.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8 KiB |
BIN
cmd/mist/assets/wizard/bitcoin-qrcode@2x.png
Normal file
BIN
cmd/mist/assets/wizard/bitcoin-qrcode@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
cmd/mist/assets/wizard/invitation-Icon.png
Normal file
BIN
cmd/mist/assets/wizard/invitation-Icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
cmd/mist/assets/wizard/invitation-Icon@2x.png
Normal file
BIN
cmd/mist/assets/wizard/invitation-Icon@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.5 KiB |
Loading…
Reference in a new issue