ui/qml/panes/SettingsPane.qml

import QtGraphicalEffects 1.0
import QtQuick 2.7
import QtQuick.Controls 2.4
import QtQuick.Controls.Material 2.0
import QtQuick.Layouts 1.3
import QtQuick.Window 2.11
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4

import "../opaque" as Opaque
import "../opaque/controls"
import "../opaque/theme"

Opaque.SettingsList { // settingsPane
    id: root
    anchors.fill: parent
    anchors.topMargin: 20

    settings: Column {
        anchors.horizontalCenter: parent.horizontalCenter
        width: 700

        Opaque.Setting {
            //: Language
            label: qsTr("setting-language")

            field: Opaque.ComboBox {
                id: cbLanguage
                anchors.right: parent.right
                anchors.left: parent.left

                property bool inited: false

                model: ListModel {
                    id: cbLangItems
                    ListElement { text: qsTr("locale-en"); value: "en" }
                    ListElement { text: qsTr("locale-fr"); value: "fr" }
                    ListElement { text: qsTr("locale-pt"); value: "pt" }
                    ListElement { text: qsTr("locale-de"); value: "de" }
                }

                onCurrentIndexChanged: {
                    var item = cbLangItems.get(cbLanguage.currentIndex)
                    // Comboboxes seem to fire one Change on load...
                    if (!cbLanguage.inited) {
                        cbLanguage.inited = true
                        return
                    }
                    gcd.locale = item["value"]
                }

            }
        }

        Opaque.Setting {
            //: Interface Zoom
            label: qsTr("setting-interface-zoom")

            field: Row {
                spacing: 10
                anchors.verticalCenter: parent.verticalCenter

                Opaque.ScalingLabel {
                    text: qsTr("small-text-label")
                    size: 8
                }

                Opaque.Slider {
                    id: zoomSlider
                    from: 0.5
                    // TODO: find out why > 2.0 halts desktop app on load - task: fix all the qml anchor/layout warnings on load
                    to: gcd.os == "android" ?  4.0 : 1.9
                    value: gcd.themeScale
                    live: false
                    snapMode: Slider.SnapAlways
                    stepSize: 0.25

                    onValueChanged: {
                        gcd.themeScale = zoomSlider.value
                    }
                    width: 200
                }


                Opaque.ScalingLabel {
                    anchors.verticalCenter: parent.verticalCenter
                    wrapMode: TextEdit.Wrap
                    text: qsTr("large-text-label")
                    size: 20
                }
            }
        }

        Opaque.Setting {
            //: Theme
            label: qsTr("setting-theme")

            field: Opaque.ComboBox {
                id: cbTheme
                property bool inited: false
                anchors.right: parent.right
                anchors.left: parent.left
                model: ListModel {
                    id: cbThemeItems
                    ListElement { text: qsTr("theme-light"); value: 'light' }
                    ListElement { text: qsTr("theme-dark"); value: 'dark' }
                }

                onCurrentIndexChanged: {
                    var item = cbThemeItems.get(cbTheme.currentIndex)
                    // Comboboxes seem to fire one Change on load...
                    if (!cbTheme.inited) {
                        cbTheme.inited = true
                        return
                    }
                    gcd.theme = item["value"]
                }
            }
        }

    }


    Connections {
        target: gcd

        onSupplySettings: function(locale, zoom, theme) {
            if (zoom != "") zoomSlider.value = zoom

            for (var i=0; i < cbLangItems.count; i++) {
                var item = cbLangItems.get(i)
                if (item["value"] == locale) {
                    cbLanguage.currentIndex = i
                    break
                }
            }

            for (var i=0; i < cbThemeItems.count; i++) {
                var item = cbThemeItems.get(i)
                if (item["value"] == theme) {
                    cbTheme.currentIndex = i
                    break
                }
            }
        }
    }



    Opaque.ScalingLabel {
        id: versionLabel
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: builddateLabel.top
        //: Version %1
        text: qsTr("version %1").arg(gcd.version)
    }

    Opaque.ScalingLabel {
        id: builddateLabel
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.bottom: parent.bottom
        anchors.bottomMargin: 10
        //: Built on: %2
        text: qsTr("builddate %2").arg(gcd.buildDate)
    }


    //end of flickable
}


/*  Opaque.ScalingLabel {
width: parent.width
wrapMode: TextEdit.Wrap
//: Interface zoom (mostly affects text and button sizes)
text: qsTr("zoom-label") + ":"
}




CheckBox {
id: blockUnknownToggle
checked: true
onClicked: {
if (blockUnknownToggle.checked) {
gcd.blockUnknownPeers()
} else {
gcd.allowUnknownPeers()
}
}
style: CheckBoxStyle {
label: Opaque.ScalingLabel {
text: qsTr("block-unknown-label")
}
}
}
*/