GfA-Browser/HMI_Settings.qml

import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4

//import Qt.labs.controls 1.0
import QtQuick.Controls 2.0
import QtQuick.Layouts 1.1
import QtQml 2.2
import ApplicationLauncher 1.0
import "qrc:/Globals"

Rectangle {
    id: root
    width: parent.width
    height: parent.height
    color: "white"

    Flickable {
        id: flickable
        anchors.fill: parent
        contentWidth: content.width
        contentHeight: content.height
        interactive: contentHeight > height
        flickableDirection: Flickable.VerticalFlick

        Item {
            id: content
            x: 0
            y: 0
            width: flickable.width
            //============================================================================
            Component.onCompleted: {
                setEth0.doGetInterface();
                hmiIP.ipFocus = 0;
            }

            Rectangle {
                id: setNetworkADDRESS
                width: root.width / 2
                height: root.height

                //border.color: "blue"
                //border.width: 2

                property double ipDisplayFontSize: (height / 16) * 0.74
                property int ipsettingsXpos: (width / 3) * 1.25
                property double ipsettingsWidth: width - ipsettingsXpos

                //            Rectangle{
                //                x: 100
                //                y: 50
                //                width:200
                //                height: 50
                //                color: "lightgray"

                //                Switch {
                //                    id:dhcpSWITCH
                //                    checked: false

                //                    text: (checked)?"DHCP":"STATIC"
                //                    font.pixelSize: 20

                //                    onCheckedChanged: {
                //                        hmiIP.ipvisible = !checked;
                //                        hmiNETMASK.ipvisible = !checked;
                //                        hmiGATEWAY.ipvisible = !checked;
                //                        hmiDNS.ipvisible = !checked;

                //                    }
                //                }
                //            }

                Label {
                    id: lab1
                    x: hmiIP.posX - lab1.implicitWidth
                    y: hmiIP.posY
                    //                visible: !dhcpSWITCH.checked
                    font.pixelSize: parent.ipDisplayFontSize //20
                    //: ID:_sys_ipaddress Ip Address settings
                    text: qsTrId("_sys_ipaddress") + " : " + transLoad.emptyString //qsTr("IP-Adresse : ") + transLoad.emptyString
                }

                IpAddressInput {
                    id: hmiIP
                    posX: parent.ipsettingsXpos
                    posY: parent.height / 16 * 4
                    ipwidth: parent.ipsettingsWidth
                    ipcolor: "black"
                    ipFontSize: parent.ipDisplayFontSize //20

                    onIpAddressChanged: {
                        setEth0.address = ipAddress;
                    }

                    onKeyDownPressed: {
                        var foc = ipFocus;
                        ipFocus = 0;
                        hmiNETMASK.ipFocus = foc;
                    }
                    onKeyUpPressed: {
                        var foc = ipFocus;
                        ipFocus = 0;
                        hmiDNS.ipFocus = foc;
                    }
                }

                Label {
                    id: lab2
                    x: hmiNETMASK.posX - lab2.implicitWidth
                    y: hmiNETMASK.posY
                    //                visible: !dhcpSWITCH.checked
                    font.pixelSize: parent.ipDisplayFontSize // 20
                    //: ID:_sys_netmask Ip Address settings Netmask
                    text: qsTrId("_sys_netmask") + " : " + transLoad.emptyString //qsTr("Netmask : ") + transLoad.emptyString
                }

                IpAddressInput {
                    id: hmiNETMASK
                    posX: parent.ipsettingsXpos
                    posY: parent.height / 16 * 6
                    ipwidth: parent.ipsettingsWidth
                    ipcolor: "black"
                    ipFontSize: parent.ipDisplayFontSize //20

                    onIpAddressChanged: {
                        setEth0.netmask = ipAddress;
                    }
                    onKeyDownPressed: {
                        var foc = ipFocus;
                        ipFocus = 0;
                        hmiGATEWAY.ipFocus = foc;
                    }
                    onKeyUpPressed: {
                        var foc = ipFocus;
                        ipFocus = 0;
                        hmiIP.ipFocus = foc;
                    }
                }

                Label {
                    id: lab3
                    x: hmiGATEWAY.posX - lab3.implicitWidth
                    y: hmiGATEWAY.posY
                    //                visible: !dhcpSWITCH.checked
                    font.pixelSize: parent.ipDisplayFontSize //20
                    //: ID:_sys_defaultrouter Ip Address settings Defaultrouter
                    text: qsTrId("_sys_defaultrouter") + " : " + transLoad.emptyString //qsTr("Def. Router : ") + transLoad.emptyString
                }

                IpAddressInput {
                    id: hmiGATEWAY
                    posX: parent.ipsettingsXpos
                    posY: parent.height / 16 * 8
                    ipwidth: parent.ipsettingsWidth
                    ipcolor: "black"
                    ipFontSize: parent.ipDisplayFontSize //20

                    onIpAddressChanged: {
                        setEth0.gateway = ipAddress;
                    }
                    onKeyDownPressed: {
                        var foc = ipFocus;
                        ipFocus = 0;
                        hmiDNS.ipFocus = foc;
                    }
                    onKeyUpPressed: {
                        var foc = ipFocus;
                        ipFocus = 0;
                        hmiNETMASK.ipFocus = foc;
                    }
                }

                Label {
                    id: lab4
                    x: hmiDNS.posX - lab4.implicitWidth
                    y: hmiDNS.posY
                    //                visible: !dhcpSWITCH.checked
                    font.pixelSize: parent.ipDisplayFontSize //20
                    //: ID:_sys_dns1 Ip Address settings DNS Server 1
                    text: qsTrId("_sys_dns1") + " : " + transLoad.emptyString //qsTr("DNS Server : ") + transLoad.emptyString
                }

                IpAddressInput {
                    id: hmiDNS
                    posX: parent.ipsettingsXpos
                    posY: parent.height / 16 * 10
                    ipwidth: parent.ipsettingsWidth
                    ipcolor: "black"
                    ipFontSize: parent.ipDisplayFontSize //20

                    onIpAddressChanged: {
                        setEth0.nameserver = ipAddress;
                    }
                    onKeyDownPressed: {
                        var foc = ipFocus;
                        ipFocus = 0;
                        hmiIP.ipFocus = foc;
                    }
                    onKeyUpPressed: {
                        var foc = ipFocus;
                        ipFocus = 0;
                        hmiGATEWAY.ipFocus = foc;
                    }
                }

                ButtHMI {
                    buttX: parent.width/3 * 0.5
                    buttY: parent.height / 16 * 12
                    buttWidth:parent.height / 16 * 2
                    buttHeight: buttWidth
                    text: "\uf0c7" //floppy-sign
                    color: Globals.customer_color_base
                    onButtPressed: {
                        hmiIP.makeIpAddress();
                        hmiNETMASK.makeIpAddress();
                        hmiGATEWAY.makeIpAddress();
                        hmiDNS.makeIpAddress();
                        setEth0.doSetInterface();
                    }
                }

                ButtHMI {
                    buttX: parent.width/3 * 1.5
                    buttY: parent.height / 16 * 12
                    buttWidth: parent.height / 16 * 2
                    buttHeight: buttWidth
                    color: Globals.customer_color_base
                    text: "\uf046" //check-sqare
                    onButtPressed: {
                        hmiIP.makeIpAddress();
                        hmiNETMASK.makeIpAddress();
                        hmiGATEWAY.makeIpAddress();
                        hmiDNS.makeIpAddress();
                        setEth0.doRestartNetwork();
                    }
                }

                ButtHMI {
                    id: buttUPDATE
                    buttX: parent.width/3 * 2.5
                    buttY: parent.height / 16 * 12
                    buttWidth: parent.height / 16 * 2
                    buttHeight: buttWidth
                    visible: false
                    color: Globals.customer_color_base
                    text: "\uf0c5" //files -- für Update
                    onButtPressed: {
                        console.debug("Update Button Pressed");
                        updateHMI.popupVISIBLE = true;
                    }
                }

                HMI_UpdatePopup {
                    id: updateHMI
                    popupVISIBLE: false
                    //: ID:_sys_update_hmi Headline HMI Updatewindow
                    popupTEXT: qsTrId("_sys_update_hmi") + transLoad.emptyString
                }

                SetNetworkInterface {
                    id: setEth0
                    mode: "static"
                    ifacename: "eth0"
                    address: "192.168.0.125"
                    netmask: "255.255.0.0"
                    nameserver: "192.168.0.1"
                    gateway: "192.168.0.1"
                    infile: (sysinfo.currentCpuArchitecture == "x86_64") ?"/home/ru/IFACE/interfaces":"/etc/network/interfaces"
                    outfile: (sysinfo.currentCpuArchitecture == "x86_64") ?"/home/ru/IFACE/interfaces":"/etc/network/interfaces"

                    onAddressChanged: {
                        hmiIP.ipAddress = address;
                    }
                    onNetmaskChanged:  {
                        hmiNETMASK.ipAddress = netmask;
                    }
                    onGatewayChanged: {
                        hmiGATEWAY.ipAddress = gateway;
                    }
                    onNameserverChanged: {
                        hmiDNS.ipAddress = nameserver;
                    }

                    onCmdDone: {
                        hmiIP.ipAddress = setEth0.address;
                        hmiNETMASK.ipAddress = setEth0.netmask;
                        hmiGATEWAY.ipAddress = setEth0.gateway;
                        hmiDNS.ipAddress = setEth0.nameserver;
                    }
                }
            }
            //============================================================================
            //Language settings
            Rectangle {
                id: langSelect
                width: (height / 5) * 1.5
                height: root.height
                x: root.width / 2
                y:0
                color: "lightgray"

                function dispLang(){
                    // setze aktive Sprache
                    idACTLANGIMG.source = "qrc:/Languages/FLAG-" + transLoad.getActiveLanguage() + ".svg";
                    var languages = transLoad.getLanguages();

                    langData.clear();
                    languages.forEach(function(entry) {
                        if (entry.length > 0) {
                            console.debug(JSON.stringify(entry));

                            langData.append( {flag: "qrc:/Languages/FLAG-" + entry + ".svg",
                                                name: entry
                                            } );
                        }
                    });
                }

                Image {
                    x: 0
                    y: 0
                    id: idACTLANGIMG
                    fillMode: Image.PreserveAspectFit
                    sourceSize.height: parent.height / 5
                    sourceSize.width: parent.height / 5
                    height: sourceSize.height
                    width:sourceSize.width

                }

                ListModel {
                    id: langData
                }

                Item {
                    id: langListArea
                    width: parent.width
                    height: parent.height - idACTLANGIMG.sourceSize.height
                    y: idACTLANGIMG.sourceSize.height

                    Component {
                        id: langDataDelegate
                        Item {
                            x:langListArea.width * 0.1
                            width: height * 1.5
                            height: langListArea.height / 5

                            Rectangle {
                                anchors.fill: parent
                                radius: 4
                                gradient: Gradient {
                                    GradientStop { position:0 ; color: (transLoad.getActiveLanguage() === name) ? Globals.customer_color_base : "darkgray" }
                                    GradientStop { position:1 ; color: (transLoad.getActiveLanguage() === name) ? Globals.customer_color_base : "black" }
                                }
                            }

                            Image {
                                id:langFLAGIMG
                                anchors.centerIn: parent

                                fillMode: Image.PreserveAspectFit
                                sourceSize.height: parent.height - parent.height * 0.25
                                sourceSize.width: parent.width
                                height: sourceSize.height
                                width:sourceSize.width

                                source: flag
                                smooth: true
                            }

                            MouseArea {
                                anchors.fill: parent
                                onClicked: {
                                    settings.setValue("HMI/Language", name); // unbedingt vor dispLang()
                                    transLoad.selectLanguage(name);
                                    langSelect.dispLang();
                                    dateTimeSettings.datetimeSet(); // aktuelle Zeit Setzen
                                }
                            }
                        }
                    }

                    ListView {
                        id: langLISTVIEW
                        anchors.fill: parent
                        model: langData
                        delegate: langDataDelegate
                        clip: true
                        focus: true
                    }
                }

                Component.onCompleted: {
                    dispLang();
                    var count = langData.rowCount();
                    // set active item for Joblist, scroll to active job
                    for (var i = 0, len = langData.count; i < len; i++) {
                        var actlang = langData.get(i).name;
                        if ( actlang === transLoad.getActiveLanguage() )
                            langLISTVIEW.currentIndex = i;
                    }
                }
            }
            //Languagesettings end

            //Test Month/Day
            Rectangle {
                width: root.width / 2  - langSelect.width //(root.height / 5) * 1.5
                height: root.height
                x: root.width / 2  + langSelect.width
                y: 0
                //color: Globals.customer_color_base //"blue"

                HMI_DateTimeSettings {
                    id: dateTimeSettings
                    anchors.fill: parent
                }
            }
            //Test Month/Day end

            // Update tarFiles von USB
            Item {
                id: updateItem

                ApplicationLaunch {
                    id: appUPDATE
                    appName: "sudo " + Globals.baseDir + "/Scripts/FindUpdate.sh "
                    arguments: ""
                    onAppFinished: {
                        var lines = stdOUT.split(/[\r\n]+/g);
                        var idx = 0;
                        var files = [];

                        lines.forEach(function(entry) {
                            if (entry.length > 0) {
                                if(!updateHMI.popupVISIBLE) { // Datenstruktur nur wenn nicht sichtbar aufbauen
                                    files.push(entry);
                                }
                                ++idx;
                            }
                        });
                        updateTIMER.interval = 5000;
                        updateTIMER.restart();
                        buttUPDATE.visible = (idx > 0)?true:false;
                        if ((updateHMI.popupVISIBLE) && (idx == 0)) updateHMI.popupVISIBLE = false;
                        if (!updateHMI.popupVISIBLE) updateHMI.listData = files;
                    }
                }

                Timer {
                    id: updateTIMER
                    interval: 500
                    running: true
                    repeat: false
                    onTriggered: {
                        appUPDATE.launchScript();
                    }
                }
            }
            // Update tarFiles von USB
        }
    }
}