import QtQuick 2.14 import QtQuick.Layouts 1.3 import QtQuick.Controls 2.14 import StatusQ.Core 0.1 import StatusQ.Controls 0.1 import utils 1.0 Item { id: root 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 //% "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 } StatusBaseText { id: subtitle //% "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 } 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 } StatusBaseText { id: element1Title //% "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 } StatusBaseText { id: element1Subtitle //% "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 } 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 } StatusBaseText { id: element2Title //% "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 } StatusBaseText { id: element2Subtitle //% "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 } 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 } StatusBaseText { id: element3Title //% "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 } StatusBaseText { id: element3Subtitle //% "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 } 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 } StatusBaseText { id: element4Title //% "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 } StatusBaseText { id: element4Subtitle //% "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 } 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 } StatusBaseText { id: element5Title //% "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 } StatusBaseText { id: element5Subtitle //% "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 } StatusBaseText { id: poweredBy //% "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 } } } StatusButton { id: startBtn anchors.bottom: parent.bottom anchors.bottomMargin: Style.current.padding anchors.horizontalCenter: parent.horizontalCenter enabled: networkGuarded //% "Start" text: enabled ? qsTrId("start") : //% "Only available on Mainnet" qsTrId("ens-network-restriction") onClicked: startBtnClicked() } }