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

360 lines
9.5 KiB
QML
Raw Normal View History

import QtQuick 2.14
2020-05-27 21:28:25 +00:00
import QtQuick.Layouts 1.3
import QtQuick.Controls 2.14
import QtQml.StateMachine 1.14 as DSM
import utils 1.0
import "../../../../shared"
/* import "./Ens" */
import "../stores"
import "."
2020-05-27 21:28:25 +00:00
Item {
id: root
2020-05-27 21:28:25 +00:00
Layout.fillHeight: true
Layout.fillWidth: true
clip: true
2020-05-27 21:28:25 +00:00
property var store
property bool showSearchScreen: false
property string addedUsername: ""
2020-08-06 19:45:57 +00:00
property string selectedUsername: ""
signal next(output: string)
2020-08-06 19:45:57 +00:00
signal back()
2020-08-27 16:06:53 +00:00
signal done(ensUsername: string)
signal connect(ensUsername: string)
signal changePubKey(ensUsername: string)
signal goToWelcome();
signal goToList();
function goToStart(){
if(root.store.ens.rowCount() > 0 && networkGuarded){
goToList();
} else {
goToWelcome();
}
}
DSM.StateMachine {
id: stateMachine
initialState: welcomeState
running: true
DSM.State {
id: welcomeState
onEntered: loader.sourceComponent = welcome
DSM.SignalTransition {
targetState: searchState
signal: next
}
DSM.SignalTransition {
targetState: listState
signal: goToList
}
}
DSM.State {
id: searchState
onEntered: loader.sourceComponent = search
DSM.SignalTransition {
targetState: tAndCState
signal: next
guard: output === "available"
}
DSM.SignalTransition {
targetState: addedState
signal: connect
}
DSM.SignalTransition {
targetState: listState
signal: goToList
}
DSM.SignalTransition {
targetState: welcomeState
signal: goToWelcome
}
DSM.SignalTransition {
targetState: ensConnectedState
signal: done
}
}
DSM.State {
id: addedState
onEntered: {
loader.sourceComponent = added;
loader.item.ensUsername = addedUsername;
}
DSM.SignalTransition {
targetState: listState
signal: next
}
DSM.SignalTransition {
targetState: listState
signal: goToList
}
DSM.SignalTransition {
targetState: welcomeState
signal: goToWelcome
}
}
DSM.State {
id: listState
onEntered: {
loader.sourceComponent = list;
}
DSM.SignalTransition {
targetState: searchState
signal: next
2020-08-06 19:45:57 +00:00
guard: output === "search"
}
DSM.SignalTransition {
targetState: detailsState
signal: next
guard: output === "details"
}
DSM.SignalTransition {
targetState: listState
signal: goToList
}
DSM.SignalTransition {
targetState: welcomeState
signal: goToWelcome
}
}
DSM.State {
id: detailsState
onEntered: {
loader.sourceComponent = details;
}
DSM.SignalTransition {
targetState: listState
signal: back
}
DSM.SignalTransition {
targetState: listState
signal: goToList
}
DSM.SignalTransition {
targetState: welcomeState
signal: goToWelcome
}
2021-08-09 22:23:52 +00:00
DSM.SignalTransition {
targetState: ensReleasedState
signal: done
}
}
DSM.State {
id: tAndCState
onEntered:loader.sourceComponent = termsAndConditions
DSM.SignalTransition {
targetState: listState
signal: goToList
}
DSM.SignalTransition {
targetState: welcomeState
signal: goToWelcome
}
DSM.SignalTransition {
targetState: listState
signal: back
}
2020-08-27 16:06:53 +00:00
DSM.SignalTransition {
targetState: listState
signal: back
}
DSM.SignalTransition {
targetState: ensRegisteredState
signal: done
}
}
DSM.State {
id: ensRegisteredState
onEntered:loader.sourceComponent = ensRegistered
DSM.SignalTransition {
targetState: listState
signal: next
}
}
2021-08-09 22:23:52 +00:00
DSM.State {
id: ensReleasedState
onEntered:loader.sourceComponent = ensReleased
DSM.SignalTransition {
targetState: listState
signal: next
}
}
DSM.State {
id: ensConnectedState
onEntered:loader.sourceComponent = ensConnected
DSM.SignalTransition {
targetState: listState
signal: next
}
}
}
Loader {
id: loader
anchors.fill: parent
}
Component {
id: welcome
EnsWelcomeView {
username: root.store.username
2020-08-07 16:27:41 +00:00
onStartBtnClicked: next(null)
}
}
Component {
id: search
EnsSearchView {
store: root.store
2020-08-07 16:27:41 +00:00
onContinueClicked: {
if(output === "connected"){
connect(username)
} else {
selectedUsername = username;
next(output);
}
}
onUsernameUpdated: {
selectedUsername = username;
done(username);
}
}
}
Component {
id: termsAndConditions
EnsTermsAndConditionsView {
store: root.store
username: selectedUsername
onBackBtnClicked: back();
2020-08-27 16:06:53 +00:00
onUsernameRegistered: done(userName);
}
}
Component {
id: added
EnsAddedView {
2020-08-07 16:27:41 +00:00
onOkBtnClicked: next(null)
}
}
2020-08-27 16:06:53 +00:00
Component {
id: ensRegistered
EnsRegisteredView {
2020-08-27 16:06:53 +00:00
ensUsername: selectedUsername
onOkBtnClicked: next(null)
}
}
2021-08-09 22:23:52 +00:00
Component {
id: ensReleased
EnsReleasedView {
2021-08-09 22:23:52 +00:00
ensUsername: selectedUsername
onOkBtnClicked: next(null)
}
}
Component {
id: ensConnected
EnsConnectedView {
ensUsername: selectedUsername
onOkBtnClicked: next(null)
}
}
Component {
id: list
EnsListView {
store: root.store
2020-08-07 16:27:41 +00:00
onAddBtnClicked: next("search")
onSelectEns: {
root.store.ensDetails(username)
2020-08-06 19:45:57 +00:00
selectedUsername = username;
next("details")
}
}
}
Component {
id: details
EnsDetailsView {
store: root.store
2020-08-06 19:45:57 +00:00
username: selectedUsername
2020-08-07 16:27:41 +00:00
onBackBtnClicked: back();
2021-08-09 22:23:52 +00:00
onUsernameReleased: {
selectedUsername = username;
done(username);
}
}
}
Connections {
target: root
onConnect: {
addedUsername = ensUsername;
}
2020-05-27 21:28:25 +00:00
}
Connections {
target: root.store.ens
onTransactionWasSent: {
2020-09-18 06:33:20 +00:00
//% "Transaction pending..."
toastMessage.title = qsTrId("ens-transaction-pending")
toastMessage.source = Style.svg("loading")
toastMessage.iconColor = Style.current.primary
toastMessage.iconRotates = true
toastMessage.link = `${root.store.etherscanLink}/${txResult}`
toastMessage.open()
}
onTransactionCompleted: {
switch(trxType){
case "RegisterENS":
2020-09-14 19:41:09 +00:00
toastMessage.title = !success ?
2020-09-18 06:33:20 +00:00
//% "ENS Registration failed"
qsTrId("ens-registration-failed")
2020-09-14 19:41:09 +00:00
:
2020-09-18 06:33:20 +00:00
//% "ENS Registration completed"
qsTrId("ens-registration-completed");
break;
case "SetPubKey":
2020-09-14 19:41:09 +00:00
toastMessage.title = !success ?
2020-09-18 06:33:20 +00:00
//% "Updating ENS pubkey failed"
qsTrId("updating-ens-pubkey-failed")
2020-09-14 19:41:09 +00:00
:
2020-09-18 06:33:20 +00:00
//% "Updating ENS pubkey completed"
qsTrId("updating-ens-pubkey-completed");
break;
}
if (success) {
toastMessage.source = Style.svg("check-circle")
toastMessage.iconColor = Style.current.success
} else {
toastMessage.source = Style.svg("block-icon")
toastMessage.iconColor = Style.current.danger
}
toastMessage.link = `${root.store.etherscanLink}/${txHash}`
toastMessage.open()
}
}
2020-05-27 21:28:25 +00:00
}