PresentationApp/qml/SongEdit.qml

import QtQuick 2.4
import QtQuick.Controls 1.6
import QtQuick.Layouts 1.11
import QtQuick.Dialogs 1.3

ApplicationWindow {
    minimumHeight: 480
    minimumWidth: 640

    ColorDialog {
        id: textClrDialog
        //objectname: "textClrDialog"
        title: "Please choose a color for the text"
        showAlphaChannel: true
    }

    ColorDialog {
        id: outlineClrDialog
        //objectname: "outlineClrDialog"
        title: "Please choose a color for the text"
        showAlphaChannel: true
    }

    menuBar: MenuBar {
        Menu {
            title: "&File"
            MenuItem {
                text: "Close"
            }
        }
        Menu {
            title: "&Edit"
            MenuItem {
                text: "quick edit"
                objectName: "mnuEdit"
            }
        }

        Menu {
            title: "Window"

            MenuItem {
                text: "Display"
                objectName: "mnuDisplay"
            }
        }

        Menu {
            title: "&Help"
            MenuItem {
                //action: aboutAction
            }
        }
    }

    RowLayout {
        id: rowLayout1
        enabled: true
        smooth: true
        antialiasing: true
        anchors.fill: parent

        RowLayout {
            id: rowlayout3
            Layout.fillHeight: true
            Layout.alignment: Qt.AlignTop
            Layout.maximumWidth: 225

            ColumnLayout {
                id: columnlayout2
                Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                Layout.fillHeight: true

                Label {
                    id: label1
                    text: qsTr("Verses")
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                }
                ListView {
                    id: lstVerses
                    objectName: "lstVerses"
                    clip: true
                    highlight: Rectangle {
                        color: "lightsteelblue"
                        radius: 5
                    }
                    width: 110
                    Layout.fillHeight: true
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                    focus: true
                    keyNavigationWraps: true
                    boundsBehavior: Flickable.StopAtBounds
                    model: go.verseLen

                    delegate: Item {
                        x: 5
                        width: 80
                        height: 40

                        Text {
                            text: go.verses(index)
                            anchors.verticalCenter: parent.verticalCenter
                            font.bold: true
                        }
                    }
                }
            }

            ColumnLayout {
                id: columnlayout3
                Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                Layout.fillHeight: true

                Label {
                    id: label2
                    text: qsTr("Verse Order")
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                }
                ListView {
                    id: lstOrder
                    objectName: "lstOrder"
                    clip: true
                    highlight: Rectangle {
                        color: "lightsteelblue"
                        radius: 5
                    }
                    width: 110
                    Layout.fillHeight: true
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                    boundsBehavior: Flickable.StopAtBounds
                    model: go.orderLen
                    delegate: Item {
                        x: 5
                        width: 80
                        height: 40

                        Text {
                            text: go.verseOrder(index)
                            anchors.verticalCenter: parent.verticalCenter
                            font.bold: true
                        }
                    }
                }
            }
        }

        ColumnLayout {
            id: columnlayout4
            Layout.fillWidth: true
            Layout.alignment: Qt.AlignLeft | Qt.AlignTop
            Layout.fillHeight: true

            RowLayout {
                id: rowLayout3
                Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                Layout.maximumHeight: 30
                Layout.minimumHeight: 30
                Layout.preferredHeight: 30
                Layout.fillWidth: true

                ToolButton {
                    id: textColorPicker
                    objectName: "textColorPicker"
                    text: "Text Color"
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                    tooltip: "Pick the color of the text"
                }

                ToolButton {
                    id: outlineColorPicker
                    objectName: "outlineColorPicker"
                    text: "Outline Color"
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                    tooltip: "Pick the color of the text outline"
                }

                ComboBox {
                    id: fontPicker
                    objectName: "fontPicker"
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                    model: go.fontList.split("\n")
                }

                SpinBox {
                    id: fontSize
                    objectName: "fontSize"
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                    maximumValue: 1000
                    value: 1
                    suffix: "Pt"
                }

                SpinBox {
                    id: outlineSize
                    stepSize: 0.1
                    decimals: 1
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                    objectName: "outlineSize"
                    maximumValue: 10
                    value: 1
                }
            }
            RowLayout {
                id: rowLayout2
                Layout.preferredHeight: 30
                Layout.maximumHeight: 30
                Layout.minimumHeight: 30
                Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                Layout.fillHeight: true
                Layout.fillWidth: true

                ComboBox {
                    id: versePicker
                    objectName: "versePicker"
                    model: go.verses.split("\n")
                    /*// @disable-check M16
                    delegate: Text {
                        text: go.verses(index)
                    }*/
                }

                ComboBox {
                    id: imgPicker
                    objectName: "imgPicker"
                    //model: go.img.split("\n")
                    /*// @disable-check M16
                    delegate: Text {
                        text: go.img(index)
                    }*/
                }
                TextArea {
                    id: txtVerse
                    objectName: "txtVerse"
                    width: 80
                    height: 20
                    text: qsTr("Text Edit")
                    textFormat: Text.AutoText
                    Layout.fillHeight: true
                    Layout.fillWidth: true
                    Layout.alignment: Qt.AlignLeft | Qt.AlignTop
                    font.pixelSize: 12
                    selectByKeyboard: true
                    selectByMouse: true
                }
            }
        }
    }
}