status-desktop/ui/app/AppLayouts/Profile/views/EnsWelcomeView.qml

308 lines
11 KiB
QML
Raw Normal View History

import QtQuick 2.14
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.14
import StatusQ.Core 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Controls 0.1
import utils 1.0
Item {
id: root
2020-08-07 16:27:41 +00:00
signal startBtnClicked()
property string username: ""
ScrollView {
id: sview
clip: true
ScrollBar.horizontal.policy: ScrollBar.AlwaysOff
contentHeight: contentItem.childrenRect.height
anchors.top: parent.top
anchors.topMargin: 24
anchors.bottom: startBtn.top
anchors.bottomMargin: Style.current.padding
anchors.left: parent.left
anchors.right: parent.right
Item {
id: contentItem
width: profileContainer.profileContentWidth
anchors.horizontalCenter: parent.horizontalCenter
Image {
id: image
anchors.top: parent.top
anchors.horizontalCenter: parent.horizontalCenter
fillMode: Image.PreserveAspectFit
source: Style.png("ens-header-" + Style.current.name + "@2x")
}
StatusBaseText {
id: title
2020-08-26 15:52:26 +00:00
//% "Get a universal username"
text: qsTrId("ens-get-name")
anchors.top: image.bottom
anchors.topMargin: 24
font.weight: Font.Bold
font.pixelSize: 24
anchors.left: parent.left
anchors.right: parent.right
horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap
color: Theme.palette.directColor1
}
StatusBaseText {
id: subtitle
2020-08-26 15:52:26 +00:00
//% "ENS names transform those crazy-long addresses into unique usernames."
text: qsTrId("ens-welcome-hints")
anchors.top: title.bottom
anchors.topMargin: 24
font.pixelSize: 14
anchors.left: parent.left
anchors.right: parent.right
horizontalAlignment: Text.AlignHCenter
wrapMode: Text.WordWrap
color: Theme.palette.directColor1
}
StatusBaseText {
id: element1Number
text: "1"
anchors.left: parent.left
anchors.leftMargin: 24
anchors.top: subtitle.bottom
anchors.topMargin: 24
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element1Title
2020-08-26 15:52:26 +00:00
//% "Customize your chat name"
text: qsTrId("ens-welcome-point-customize-title")
anchors.left: element1Number.right
anchors.leftMargin: 24
anchors.top: subtitle.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element1Subtitle
2020-08-26 15:52:26 +00:00
//% "An ENS name can replace your random 3-word name in chat. Be @yourname instead of %1."
text: qsTrId("an-ens-name-can-replace-your-random-3-word-name-in-chat--be--yourname-instead-of--1-").arg(root.username)
anchors.left: element1Number.right
anchors.leftMargin: 24
anchors.top: element1Title.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element2Number
text: "2"
anchors.left: parent.left
anchors.leftMargin: 24
anchors.top: element1Subtitle.bottom
anchors.topMargin: 24
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element2Title
2020-08-26 15:52:26 +00:00
//% "Simplify your ETH address"
text: qsTrId("ens-welcome-point-simplify-title")
anchors.left: element2Number.right
anchors.leftMargin: 24
anchors.top: element1Subtitle.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element2Subtitle
2020-08-26 15:52:26 +00:00
//% "You can receive funds to your easy-to-share ENS name rather than your hexadecimal hash (0x...)."
text: qsTrId("ens-welcome-point-simplify")
anchors.left: element2Number.right
anchors.leftMargin: 24
anchors.top: element2Title.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element3Number
text: "3"
anchors.left: parent.left
anchors.leftMargin: 24
anchors.top: element2Subtitle.bottom
anchors.topMargin: 24
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element3Title
2020-08-26 15:52:26 +00:00
//% "Receive transactions in chat"
text: qsTrId("ens-welcome-point-receive-title")
anchors.left: element3Number.right
anchors.leftMargin: 24
anchors.top: element2Subtitle.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element3Subtitle
2020-08-26 15:52:26 +00:00
//% "Others can send you funds via chat in one simple step."
text: qsTrId("ens-welcome-point-receive")
anchors.left: element3Number.right
anchors.leftMargin: 24
anchors.top: element3Title.bottom
anchors.right: parent.right
wrapMode: Text.WordWrap
anchors.topMargin: 24
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element4Number
text: "4"
anchors.left: parent.left
anchors.leftMargin: 24
anchors.top: element3Subtitle.bottom
anchors.topMargin: 24
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element4Title
2020-08-26 15:52:26 +00:00
//% "10 SNT to register"
text: qsTrId("ens-welcome-point-register-title")
anchors.left: element4Number.right
anchors.leftMargin: 24
anchors.top: element3Subtitle.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element4Subtitle
2020-08-26 15:52:26 +00:00
//% "Register once to keep the name forever. After 1 year you can release the name and get your SNT back."
text: qsTrId("ens-welcome-point-register")
anchors.left: element4Number.right
anchors.leftMargin: 24
anchors.top: element4Title.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element5Number
text: "@"
anchors.left: parent.left
anchors.leftMargin: 24
anchors.top: element4Subtitle.bottom
anchors.topMargin: 24
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element5Title
2020-08-26 15:52:26 +00:00
//% "Already own a username?"
text: qsTrId("ens-welcome-point-verify-title")
anchors.left: element5Number.right
anchors.leftMargin: 24
anchors.top: element4Subtitle.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.weight: Font.Bold
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: element5Subtitle
2020-08-26 15:52:26 +00:00
//% "You can verify and add any usernames you own in the next steps."
text: qsTrId("ens-welcome-point-verify")
anchors.left: element5Number.right
anchors.leftMargin: 24
anchors.top: element5Title.bottom
anchors.topMargin: 24
anchors.right: parent.right
wrapMode: Text.WordWrap
font.pixelSize: 14
color: Theme.palette.directColor1
}
StatusBaseText {
id: poweredBy
2020-08-26 15:52:26 +00:00
//% "Powered by Ethereum Name Services"
text: qsTrId("ens-powered-by")
anchors.left: element5Number.right
anchors.leftMargin: 24
anchors.top: element5Subtitle.bottom
anchors.topMargin: 40
anchors.right: parent.right
wrapMode: Text.WordWrap
font.pixelSize: 11
color: Theme.palette.directColor1
}
}
}
StatusButton {
id: startBtn
anchors.bottom: parent.bottom
anchors.bottomMargin: Style.current.padding
anchors.horizontalCenter: parent.horizontalCenter
enabled: networkGuarded
2020-08-26 15:52:26 +00:00
//% "Start"
text: enabled ?
qsTrId("start") :
//% "Only available on Mainnet"
qsTrId("ens-network-restriction")
2020-08-07 16:27:41 +00:00
onClicked: startBtnClicked()
}
}