status-desktop/ui/imports/shared/popups/DisplayNamePopup.qml

53 lines
1.4 KiB
QML

import QtQuick 2.12
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3
import QtQml.Models 2.3
import utils 1.0
import shared 1.0
import shared.panels 1.0
import shared.popups 1.0
import shared.controls 1.0
import StatusQ.Controls 0.1
import StatusQ.Popups 0.1
import StatusQ.Controls.Validators 0.1
StatusModal {
id: root
property var profileStore
width: 420
height: 250
closePolicy: Popup.NoAutoClose
headerSettings.title: qsTr("Edit")
contentItem: Item {
StatusInput {
id: displayNameInput
input.edit.objectName: "DisplayNamePopup_displayNameInput"
width: parent.width - Style.current.padding
anchors.top: parent.top
anchors.topMargin: Style.current.padding
anchors.horizontalCenter: parent.horizontalCenter
placeholderText: qsTr("Display Name")
input.text: root.profileStore.displayName
validators: Constants.validators.displayName
}
}
rightButtons: [
StatusButton {
id: okBtn
objectName: "DisplayNamePopup_okButton"
text: qsTr("OK")
enabled: !!displayNameInput.text && displayNameInput.valid
onClicked: {
root.profileStore.setDisplayName(displayNameInput.text)
root.close()
}
}
]
onOpened: { displayNameInput.input.edit.forceActiveFocus() }
}