86 lines
2.4 KiB
QML
86 lines
2.4 KiB
QML
import QtQuick 2.12
|
|
import QtQuick.Layouts 1.14
|
|
|
|
import StatusQ.Core 0.1
|
|
import StatusQ.Core.Theme 0.1
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Components 0.1
|
|
|
|
import utils 1.0
|
|
import "../stores"
|
|
|
|
ColumnLayout {
|
|
id: derivationPathSelect
|
|
|
|
property string path: ""
|
|
|
|
function reset() {
|
|
derivationPathInput.text = _internal.defaultDerivationPath
|
|
}
|
|
|
|
QtObject {
|
|
id: _internal
|
|
property var userInputTimer: Timer {
|
|
// 1 second wait after each key press
|
|
interval: 1000
|
|
running: false
|
|
onTriggered: {
|
|
derivationPathSelect.path = derivationPathInput.text
|
|
}
|
|
}
|
|
property bool pathError: Utils.isInvalidPath(RootStore.derivedAddressesError)
|
|
property bool derivationAddressLoading: RootStore.derivedAddressesLoading
|
|
property string defaultDerivationPath: "m/44'/60'/0'/0/0"
|
|
}
|
|
|
|
spacing: 7
|
|
|
|
RowLayout {
|
|
StatusBaseText {
|
|
id: inputLabel
|
|
Layout.alignment: Qt.AlignTop
|
|
Layout.fillWidth: true
|
|
text: qsTr("Derivation Path")
|
|
font.pixelSize: 15
|
|
}
|
|
StatusButton {
|
|
id: resetButton
|
|
Layout.alignment: Qt.AlignTop
|
|
size: StatusBaseButton.Size.Tiny
|
|
text: qsTr("Reset")
|
|
font.pixelSize: 15
|
|
padding: 0
|
|
normalColor: "transparent"
|
|
onClicked: derivationPathSelect.reset()
|
|
}
|
|
}
|
|
StatusInput {
|
|
id: derivationPathInput
|
|
Layout.preferredHeight: 64
|
|
Layout.preferredWidth: parent.width
|
|
maximumHeight: 64
|
|
text: _internal.defaultDerivationPath
|
|
input.color: _internal.pathError ? Theme.palette.dangerColor1 : Theme.palette.directColor1
|
|
input.rightComponent: _internal.derivationAddressLoading ? loadingIcon : loadedIcon
|
|
|
|
onTextChanged: _internal.userInputTimer.start()
|
|
|
|
Component {
|
|
id: loadedIcon
|
|
StatusIcon {
|
|
icon: _internal.pathError ? "cancel" : "checkmark"
|
|
height: 14
|
|
width: 14
|
|
color: _internal.pathError ? Theme.palette.dangerColor1 : Theme.palette.primaryColor1
|
|
}
|
|
}
|
|
Component {
|
|
id: loadingIcon
|
|
StatusLoadingIndicator {
|
|
color: Theme.palette.directColor4
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|