status-desktop/ui/app/AppLayouts/Profile/views/wallet/EditNetworkForm.qml

417 lines
15 KiB
QML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

import QtQuick 2.13
import QtQuick.Layouts 1.13
import StatusQ.Controls 0.1
import StatusQ.Core 0.1
import StatusQ.Core.Backpressure 0.1
import StatusQ.Core.Theme 0.1
import StatusQ.Popups 0.1
import shared.panels 1.0
import utils 1.0
ColumnLayout {
id: root
property var network
property var networksModule
property var networkRPCChanged
signal evaluateRpcEndPoint(string url, bool isMainUrl)
signal updateNetworkValues(int chainId, string newMainRpcInput, string newFailoverRpcUrl, bool revertToDefault)
enum EvaluationState {
UnTouched,
Pending,
Verified,
InvalidURL,
PingUnsuccessful,
SameAsOther,
NotSameChain,
Empty,
RestartRequired
}
QtObject {
id: d
property int evaluationStatusMainRpc: EditNetworkForm.UnTouched
property int evaluationStatusFallBackRpc: EditNetworkForm.UnTouched
property var evaluateRpcEndPoint: Backpressure.debounce(root, 400, function (value, isMainUrl) {
if(!Utils.isURL(value)) {
if(isMainUrl)
d.evaluationStatusMainRpc = EditNetworkForm.InvalidURL
else
d.evaluationStatusFallBackRpc = EditNetworkForm.InvalidURL
return
}
root.evaluateRpcEndPoint(value, isMainUrl)
})
function revertValues() {
if(!!network) {
mainRpcInput.text = d.mask(network.originalRpcURL)
failoverRpcUrlInput.text = d.mask(network.originalFallbackURL)
}
}
function getUrlStatusText(status, text) {
switch(status) {
case EditNetworkForm.Pending:
return qsTr("Checking RPC...")
case EditNetworkForm.InvalidURL:
return qsTr("What is %1? This isnt a URL 😒").arg(text)
case EditNetworkForm.PingUnsuccessful:
return qsTr("RPC appears to be either offline or this is not a valid JSON RPC endpoint URL")
case EditNetworkForm.Verified:
return qsTr("RPC successfully reached")
case EditNetworkForm.SameAsOther:
return qsTr("Main and failover JSON RPC URLs are the same")
case EditNetworkForm.NotSameChain:
return qsTr("Chain ID returned from JSON RPC doesnt match %1").arg(network.chainName)
case EditNetworkForm.RestartRequired:
return qsTr("Restart required for changes to take effect")
default: return ""
}
}
function getErrorMessageColor(status) {
switch(status) {
case EditNetworkForm.Pending:
return Theme.palette.baseColor1
case EditNetworkForm.SameAsOther:
case EditNetworkForm.NotSameChain:
case EditNetworkForm.RestartRequired:
return Theme.palette.warningColor1
case EditNetworkForm.Verified:
return Theme.palette.successColor1
default: return Theme.palette.dangerColor1
}
}
function getErrorMessageAlignment(status) {
switch(status) {
case EditNetworkForm.Pending:
case EditNetworkForm.Verified:
case EditNetworkForm.SameAsOther:
case EditNetworkForm.NotSameChain:
case EditNetworkForm.RestartRequired:
return Text.AlignLeft
default: return Text.AlignRight
}
}
function mask(rpcUrl) {
// Mask the last part of the URL
return rpcUrl.replace(/(\/)([^\/]+)$/, (match, p1, p2) => {
return p1 + p2.replace(/./g, '*');
});
}
function save() {
if (d.evaluationStatusMainRpc == EditNetworkForm.UnTouched && d.evaluationStatusFallBackRpc == EditNetworkForm.UnTouched) {
return
}
let main = mainRpcInput.text
let fallback = failoverRpcUrlInput.text
let isMainOriginal = false
let isFallbackOriginal = false
if (main === d.mask(network.originalRpcURL)) {
main = network.originalRpcURL
isMainOriginal = true
}
if (fallback === d.mask(network.originalFallbackURL)) {
fallback = network.originalFallbackURL
isFallbackOriginal = true
}
root.updateNetworkValues(network.chainId, main, fallback, isMainOriginal && isFallbackOriginal)
root.networkRPCChanged[network.chainId] = true
}
}
Connections {
target: networksModule
function onChainIdFetchedForUrl(url, chainId, success, isMainUrl) {
let status = EditNetworkForm.PingUnsuccessful
if(success) {
if (network.chainId !== chainId) {
status = EditNetworkForm.NotSameChain
}
else if((isMainUrl && url === network.fallbackURL) ||
(!isMainUrl && url === network.rpcURL)) {
status = EditNetworkForm.SameAsOther
}
else
status = EditNetworkForm.Verified
}
if(isMainUrl)
d.evaluationStatusMainRpc = status
else
d.evaluationStatusFallBackRpc = status
}
}
spacing: 20
StatusInput {
Layout.fillWidth: true
label: qsTr("Network name")
input.edit.objectName: "editNetworkNameInput"
text: !!network ? network.chainName : ""
input.enabled: false
}
StatusInput {
Layout.fillWidth: true
label: qsTr("Short name")
input.edit.objectName: "editNetworkShortNameInput"
text: !!network ? network.shortName : ""
input.enabled: false
}
StatusInput {
Layout.fillWidth: true
input.edit.objectName: "editNetworkChainIdInput"
label: qsTr("Chain ID")
text: !!network ? network.chainId : ""
input.enabled: false
}
StatusInput {
Layout.fillWidth: true
input.edit.objectName: "editNetworkSymbolInput"
label: qsTr("Native Token Symbol")
text: !!network ? network.nativeCurrencySymbol : ""
input.enabled: false
}
Item {
Layout.fillWidth: true
Layout.preferredHeight: childrenRect.height
StatusBaseText {
id: requiredText
anchors.top: parent.top
anchors.topMargin: 4
anchors.right: parent.right
elide: Text.ElideRight
text: qsTr("Required (changes require restart)")
font.pixelSize: 12
color: Theme.palette.baseColor1
}
StatusInput {
id: mainRpcInput
objectName: "mainRpcInputObject"
input.edit.objectName: "editNetworkMainRpcInput"
width: parent.width
label: qsTr("Main JSON RPC URL")
text: {
if (!network) {
return ""
}
if (network.originalRpcURL === network.rpcURL) {
return d.mask(network.rpcURL)
}
return network.rpcURL
}
onTextChanged: {
if (text === "") {
d.evaluationStatusMainRpc = EditNetworkForm.Empty
return
} else {
if ((d.mask(network.originalRpcURL) === text) || (network.rpcURL === text)) {
d.evaluationStatusMainRpc = EditNetworkForm.UnTouched
if (root.networkRPCChanged[network.chainId]) {
d.evaluationStatusMainRpc = EditNetworkForm.RestartRequired
}
} else {
d.evaluationStatusMainRpc = EditNetworkForm.Pending
Qt.callLater(d.evaluateRpcEndPoint, text, true);
}
}
}
errorMessageCmp.horizontalAlignment: d.getErrorMessageAlignment(d.evaluationStatusMainRpc)
errorMessageCmp.visible: d.evaluationStatusMainRpc !== EditNetworkForm.UnTouched
errorMessageCmp.color: d.getErrorMessageColor(d.evaluationStatusMainRpc)
errorMessageCmp.text: {
if (text === "") {
return qsTr("Main JSON RPC URL is required")
}
return d.getUrlStatusText(d.evaluationStatusMainRpc, text)
}
}
}
Item {
Layout.fillWidth: true
Layout.preferredHeight: childrenRect.height
StatusBaseText {
id: optionalText
anchors.top: parent.top
anchors.topMargin: 4
anchors.right: parent.right
elide: Text.ElideRight
text: qsTr("Optional (changes require restart)")
font.pixelSize: 12
color: Theme.palette.baseColor1
}
StatusInput {
id: failoverRpcUrlInput
objectName: "failoverRpcUrlInputObject"
input.edit.objectName: "editNetworkFailoverRpcUrlInput"
width: parent.width
label: qsTr("Failover JSON RPC URL")
text: {
if (!network) {
return ""
}
if (network.originalFallbackURL === network.fallbackURL) {
return d.mask(network.fallbackURL)
}
return network.fallbackURL
}
onTextChanged: {
if (text === "") {
d.evaluationStatusFallBackRpc = EditNetworkForm.Empty
return
}
if ((d.mask(network.originalFallbackURL) === text) || (network.fallbackURL === text)) {
d.evaluationStatusFallBackRpc = EditNetworkForm.UnTouched
if (root.networkRPCChanged[network.chainId]) {
d.evaluationStatusFallBackRpc = EditNetworkForm.RestartRequired
}
} else {
d.evaluationStatusFallBackRpc = EditNetworkForm.Pending
Qt.callLater(d.evaluateRpcEndPoint, text, false);
}
}
errorMessageCmp.horizontalAlignment: d.getErrorMessageAlignment(d.evaluationStatusFallBackRpc)
errorMessageCmp.visible: d.evaluationStatusFallBackRpc !== EditNetworkForm.UnTouched
errorMessageCmp.text: d.getUrlStatusText(d.evaluationStatusFallBackRpc, text)
errorMessageCmp.color: d.getErrorMessageColor(d.evaluationStatusFallBackRpc)
}
}
StatusInput {
input.edit.objectName: "editNetworkExplorerInput"
Layout.fillWidth: true
label: qsTr("Block Explorer")
text: !!network ? network.blockExplorerURL : ""
input.enabled: false
}
StatusCheckBox {
id: warningCheckbox
objectName: "editNetworkAknowledgmentCheckbox"
Layout.fillWidth: true
text: qsTr("I understand that changing network settings can cause unforeseen issues, errors, security risks and potentially even loss of funds.")
checkState: Qt.Unchecked
font.pixelSize: 15
}
Separator {}
Row {
Layout.alignment: Qt.AlignRight
spacing: 8
StatusButton {
objectName: "editNetworkRevertButton"
text: qsTr("Revert to default")
normalColor: "transparent"
enabled: (failoverRpcUrlInput.text !== d.mask(network.originalFallbackURL)) ||
(mainRpcInput.text !== d.mask(network.originalRpcURL))
onClicked: {
d.revertValues()
root.networkRPCChanged[network.chainId] = true
Global.openPopup(confirmationDialogComponent)
d.evaluationStatusMainRpc = EditNetworkForm.RestartRequired
}
}
StatusButton {
objectName: "editNetworkSaveButton"
text: qsTr("Save Changes")
enabled: (
d.evaluationStatusMainRpc === EditNetworkForm.Verified ||
d.evaluationStatusFallBackRpc === EditNetworkForm.Verified ||
d.evaluationStatusMainRpc === EditNetworkForm.SameAsOther ||
d.evaluationStatusFallBackRpc === EditNetworkForm.SameAsOther ||
d.evaluationStatusMainRpc === EditNetworkForm.Empty ||
d.evaluationStatusFallBackRpc === EditNetworkForm.Empty ||
d.evaluationStatusMainRpc === EditNetworkForm.NotSameChain ||
d.evaluationStatusFallBackRpc === EditNetworkForm.NotSameChain ||
d.evaluationStatusMainRpc === EditNetworkForm.RestartRequired ||
d.evaluationStatusFallBackRpc === EditNetworkForm.RestartRequired
) && warningCheckbox.checked
onClicked: {
Global.openPopup(confirmationDialogComponent)
}
}
}
Component {
id: confirmationDialogComponent
StatusModal {
headerSettings.title: qsTr("RPC URL change requires app restart")
contentItem: Item {
width: parent.width
implicitHeight: childrenRect.height
Column {
width: parent.width - 32
anchors.horizontalCenter: parent.horizontalCenter
Item {
width: parent.width
height: 16
}
StatusBaseText {
objectName: "mustBeRestartedText"
text: qsTr("For new JSON RPC URLs to take effect, Status must be restarted. Are you ready to do this now?")
font.pixelSize: 15
anchors.left: parent.left
anchors.right: parent.right
wrapMode: Text.WordWrap
color: Theme.palette.directColor1
}
Item {
width: parent.width
height: 16
}
}
}
rightButtons: [
StatusFlatButton {
id: laterButton
objectName: "laterButton"
text: qsTr("Save and restart later")
type: StatusBaseButton.Type.Normal
onClicked: {
close()
d.save()
d.evaluationStatusMainRpc = EditNetworkForm.RestartRequired
}
},
StatusButton {
id: saveButton
objectName: "saveButton"
type: StatusBaseButton.Type.Normal
text: qsTr("Save and restart Status")
focus: true
Keys.onReturnPressed: function(event) {
saveButton.clicked()
}
onClicked: {
close()
d.save()
Qt.quit()
}
}
]
}
}
}