status-desktop/storybook/pages/StatusPinInputPage.qml

42 lines
1.1 KiB
QML

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