mirror of
https://github.com/status-im/status-desktop.git
synced 2025-01-10 14:26:34 +00:00
fa8c3c6efd
Fixes #6387 TLDR; since this is a GridView, it needs a width/height set and then centered on top of the parent component (as opposed to `anchors.fill`) Also added a scroll indicator in case the window height is not tall enough and fixed some small warnings
61 lines
1.7 KiB
QML
61 lines
1.7 KiB
QML
import QtQuick 2.12
|
|
import QtQuick.Controls 2.12
|
|
import QtQuick.Layouts 1.12
|
|
|
|
import StatusQ.Controls 0.1
|
|
import StatusQ.Controls.Validators 0.1
|
|
|
|
import shared.panels 1.0
|
|
import utils 1.0
|
|
|
|
Flickable {
|
|
id: root
|
|
|
|
property int wordRandomNumber: -1
|
|
property string wordAtRandomNumber
|
|
property bool secondWordValid: true
|
|
property alias titleText: txtTitle.text
|
|
property alias inputValid: inputText.valid
|
|
|
|
default property alias content: column.children
|
|
|
|
clip: true
|
|
contentHeight: column.height
|
|
implicitHeight: 520
|
|
interactive: contentHeight > height
|
|
flickableDirection: Flickable.VerticalFlick
|
|
|
|
ColumnLayout {
|
|
id: column
|
|
width: parent.width
|
|
spacing: Style.current.padding
|
|
|
|
StyledText {
|
|
id: txtTitle
|
|
horizontalAlignment: Text.AlignHCenter
|
|
wrapMode: Text.WordWrap
|
|
font.pixelSize: Style.current.primaryTextFontSize
|
|
Layout.fillWidth: true
|
|
}
|
|
|
|
StatusInput {
|
|
id: inputText
|
|
visible: (wordRandomNumber > -1)
|
|
implicitWidth: 448
|
|
input.implicitHeight: 44
|
|
validationMode: StatusInput.ValidationMode.Always
|
|
label: qsTr("Word #%1").arg(wordRandomNumber + 1)
|
|
input.placeholderText: qsTr("Enter word")
|
|
validators: [
|
|
StatusValidator {
|
|
validate: function (t) { return (root.wordAtRandomNumber === inputText.text); }
|
|
errorMessage: (inputText.text.length) > 0 ? qsTr("Wrong word") : ""
|
|
}
|
|
]
|
|
Layout.fillWidth: true
|
|
}
|
|
}
|
|
|
|
ScrollIndicator.vertical: ScrollIndicator {}
|
|
}
|