add labels to SongEditor.qml

This makes it more clear what each field is for
This commit is contained in:
Chris Cochrun 2023-03-14 14:40:43 -05:00
parent 2011a176bf
commit 3809e697e8

View file

@ -146,6 +146,24 @@ Item {
Controls.SplitView.preferredWidth: 500 Controls.SplitView.preferredWidth: 500
Controls.SplitView.minimumWidth: 500 Controls.SplitView.minimumWidth: 500
Controls.Label {
id: songTitleLabel
Layout.preferredWidth: 300
Layout.fillWidth: true
Layout.leftMargin: 20
Layout.rightMargin: 20
leftPadding: 10
text: "Title"
Rectangle {
anchors.top: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
implicitHeight: Kirigami.Units.smallSpacing / 3
color: Kirigami.Theme.disabledTextColor
}
}
Controls.TextField { Controls.TextField {
id: songTitleField id: songTitleField
@ -159,6 +177,25 @@ Item {
padding: 10 padding: 10
onEditingFinished: updateTitle(text); onEditingFinished: updateTitle(text);
} }
Controls.Label {
id: songVorderLabel
Layout.preferredWidth: 300
Layout.fillWidth: true
Layout.leftMargin: 20
Layout.rightMargin: 20
leftPadding: 10
text: "Verse Order <font color=\"Gray\"><i>format: V1 C1 V2 B1</i></font>"
Rectangle {
anchors.top: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
implicitHeight: Kirigami.Units.smallSpacing / 3
color: Kirigami.Theme.disabledTextColor
}
}
Controls.TextField { Controls.TextField {
id: songVorderField id: songVorderField
@ -173,6 +210,24 @@ Item {
onEditingFinished: updateVerseOrder(text); onEditingFinished: updateVerseOrder(text);
} }
Controls.Label {
id: songLyricsLabel
Layout.preferredWidth: 300
Layout.fillWidth: true
Layout.leftMargin: 20
Layout.rightMargin: 20
leftPadding: 10
text: "Lyrics"
Rectangle {
anchors.top: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
implicitHeight: Kirigami.Units.smallSpacing / 3
color: Kirigami.Theme.disabledTextColor
}
}
Controls.ScrollView { Controls.ScrollView {
id: songLyricsField id: songLyricsField
@ -198,6 +253,25 @@ Item {
onPressed: editorTimer.running = true onPressed: editorTimer.running = true
} }
} }
Controls.Label {
id: songAuthorLabel
Layout.preferredWidth: 300
Layout.fillWidth: true
Layout.leftMargin: 20
Layout.rightMargin: 20
leftPadding: 10
text: "Artist"
Rectangle {
anchors.top: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
implicitHeight: Kirigami.Units.smallSpacing / 3
color: Kirigami.Theme.disabledTextColor
}
}
Controls.TextField { Controls.TextField {
id: songAuthorField id: songAuthorField
@ -212,6 +286,24 @@ Item {
onEditingFinished: updateAuthor(text) onEditingFinished: updateAuthor(text)
} }
Controls.Label {
id: songAudioLabel
Layout.preferredWidth: 300
Layout.fillWidth: true
Layout.leftMargin: 20
Layout.rightMargin: 20
leftPadding: 10
text: "Audio File"
Rectangle {
anchors.top: parent.bottom
anchors.left: parent.left
anchors.right: parent.right
implicitHeight: Kirigami.Units.smallSpacing / 3
color: Kirigami.Theme.disabledTextColor
}
}
RowLayout { RowLayout {
Layout.fillWidth: true Layout.fillWidth: true
Layout.preferredWidth: 300 Layout.preferredWidth: 300