121 lines
3.1 KiB
QML
121 lines
3.1 KiB
QML
|
import QtQuick 2.12
|
||
|
|
import QtQuick.Controls 2.3
|
||
|
|
import QtQuick.Layouts 1.3
|
||
|
|
import "../../../imports"
|
||
|
|
import "../../../shared"
|
||
|
|
|
||
|
|
ModalPopup {
|
||
|
|
id: popup
|
||
|
|
// TODO add icon when we have that feature
|
||
|
|
title: qsTr("Status account settings")
|
||
|
|
height: 630
|
||
|
|
|
||
|
|
property int marginBetweenInputs: 35
|
||
|
|
property string selectedColor: Constants.accountColors[0] // TODO use old color
|
||
|
|
|
||
|
|
onOpened: {
|
||
|
|
accountNameInput.forceActiveFocus(Qt.MouseFocusReason)
|
||
|
|
}
|
||
|
|
|
||
|
|
Input {
|
||
|
|
id: accountNameInput
|
||
|
|
placeholderText: qsTr("Enter an account name...")
|
||
|
|
label: qsTr("Account name")
|
||
|
|
text: "Old name"
|
||
|
|
}
|
||
|
|
|
||
|
|
Select {
|
||
|
|
id: accountColorInput
|
||
|
|
anchors.top: accountNameInput.bottom
|
||
|
|
anchors.topMargin: marginBetweenInputs
|
||
|
|
bgColor: selectedColor
|
||
|
|
label: qsTr("Account color")
|
||
|
|
selectOptions: Constants.accountColors.map(color => {
|
||
|
|
return {
|
||
|
|
text: "",
|
||
|
|
bgColor: color,
|
||
|
|
height: 52,
|
||
|
|
onClicked: function () {
|
||
|
|
selectedColor = color
|
||
|
|
}
|
||
|
|
}
|
||
|
|
})
|
||
|
|
}
|
||
|
|
|
||
|
|
TextWithLabel {
|
||
|
|
id: typeText
|
||
|
|
label: "Type"
|
||
|
|
text: "On Status"
|
||
|
|
anchors.top: accountColorInput.bottom
|
||
|
|
anchors.topMargin: marginBetweenInputs
|
||
|
|
}
|
||
|
|
|
||
|
|
TextWithLabel {
|
||
|
|
id: addressText
|
||
|
|
label: "Wallet address"
|
||
|
|
text: "0x0000"
|
||
|
|
anchors.top: typeText.bottom
|
||
|
|
anchors.topMargin: marginBetweenInputs
|
||
|
|
}
|
||
|
|
|
||
|
|
TextWithLabel {
|
||
|
|
id: pathText
|
||
|
|
label: "Derivation path"
|
||
|
|
text: "m/stuff"
|
||
|
|
anchors.top: addressText.bottom
|
||
|
|
anchors.topMargin: marginBetweenInputs
|
||
|
|
}
|
||
|
|
|
||
|
|
TextWithLabel {
|
||
|
|
id: storageText
|
||
|
|
label: "Storage"
|
||
|
|
text: "This device"
|
||
|
|
anchors.top: pathText.bottom
|
||
|
|
anchors.topMargin: marginBetweenInputs
|
||
|
|
}
|
||
|
|
|
||
|
|
footer: Item {
|
||
|
|
anchors.fill: parent
|
||
|
|
StyledButton {
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.topMargin: Theme.padding
|
||
|
|
anchors.right: saveBtn.left
|
||
|
|
anchors.rightMargin: Theme.padding
|
||
|
|
label: "Delete account"
|
||
|
|
btnColor: Theme.white
|
||
|
|
textColor: Theme.red
|
||
|
|
|
||
|
|
onClicked : {
|
||
|
|
// TODO add a confirmation message
|
||
|
|
console.log('DELETE')
|
||
|
|
popup.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
StyledButton {
|
||
|
|
id: saveBtn
|
||
|
|
anchors.top: parent.top
|
||
|
|
anchors.topMargin: Theme.padding
|
||
|
|
anchors.right: parent.right
|
||
|
|
anchors.rightMargin: Theme.padding
|
||
|
|
label: "Save changes"
|
||
|
|
|
||
|
|
disabled: accountNameInput.text === ""
|
||
|
|
|
||
|
|
onClicked : {
|
||
|
|
// TODO add message to show validation errors
|
||
|
|
if (accountNameInput.text === "") return;
|
||
|
|
console.log('SAVE')
|
||
|
|
// walletModel.generateNewAccount(passwordInput.text, accountNameInput.text, selectedColor);
|
||
|
|
// TODO manage errors adding account
|
||
|
|
popup.close();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/*##^##
|
||
|
|
Designer {
|
||
|
|
D{i:0;formeditorColor:"#ffffff";height:500;width:400}
|
||
|
|
}
|
||
|
|
##^##*/
|