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

51 lines
1.3 KiB
QML
Raw Normal View History

2022-03-02 00:14:20 +00:00
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
2022-03-02 00:14:20 +00:00
StatusModal {
id: root
2022-03-02 00:14:20 +00:00
property var profileStore
width: 420
height: 250
closePolicy: Popup.NoAutoClose
header.title: qsTr("Edit")
2022-03-02 00:14:20 +00:00
contentItem: Item {
StatusInput {
id: displayNameInput
width: parent.width - Style.current.padding
2022-03-02 00:14:20 +00:00
anchors.top: parent.top
anchors.topMargin: Style.current.padding
2022-03-02 00:14:20 +00:00
anchors.horizontalCenter: parent.horizontalCenter
input.placeholderText: qsTr("Display Name")
input.text: root.profileStore.displayName
validators: Constants.validators.displayName
2022-03-02 00:14:20 +00:00
}
}
rightButtons: [
StatusButton {
id: doneBtn
text: qsTr("Ok")
enabled: !!displayNameInput.text && displayNameInput.valid
2022-03-02 00:14:20 +00:00
onClicked: {
root.profileStore.setDisplayName(displayNameInput.text)
root.close()
2022-03-02 00:14:20 +00:00
}
}
]
onOpened: { displayNameInput.input.forceActiveFocus(Qt.MouseFocusReason) }
2022-03-02 00:14:20 +00:00
}