status-desktop/storybook/pages/StatusPinInputPage.qml

42 lines
1.1 KiB
QML
Raw Normal View History

import QtQuick 2.15
import QtQuick.Controls 2.15
import QtQuick.Layouts 1.15
import StatusQ.Core 0.1
import StatusQ.Controls 0.1
import StatusQ.Controls.Validators 0.1
import StatusQ.Core.Theme 0.1
Item {
id: root
ColumnLayout {
anchors.centerIn: parent
spacing: 16
StatusBaseText {
Layout.alignment: Qt.AlignHCenter
text: "ENTER NUMERIC PIN, EXPECTED LENGTH: %1".arg(pinInput.pinLen)
}
StatusPinInput {
Layout.alignment: Qt.AlignHCenter
id: pinInput
validator: StatusIntValidator { bottom: 0; top: 999999 }
Component.onCompleted: {
statesInitialization()
forceFocus()
}
}
StatusBaseText {
Layout.alignment: Qt.AlignHCenter
text: "ENTERED PIN: %1".arg(pinInput.pinInput || "[empty]")
}
StatusBaseText {
Layout.alignment: Qt.AlignHCenter
text: "VALID: %1".arg(pinInput.valid ? "true" : "false")
}
}
}
// category: Controls
// status: good