VirtScreen/virtscreen/qml/VncPage.qml

import QtQuick 2.10
import QtQuick.Controls 2.3
import QtQuick.Layouts 1.3

import VirtScreen.Backend 1.0

ColumnLayout {
    GroupBox {
        title: "VNC Server"
        Layout.fillWidth: true
        enabled: backend.vncState == Backend.OFF ? true : false
        ColumnLayout {
            anchors.left: parent.left
            anchors.right: parent.right
            RowLayout {
                Label { text: "Port"; Layout.fillWidth: true }
                SpinBox {
                    value: settings.vnc.port
                    from: 1
                    to: 65535
                    stepSize: 1
                    editable: true
                    onValueModified: {
                        settings.vnc.port = value;
                    }
                    textFromValue: function(value, locale) { return value; }
                }
            }
            RowLayout {
                anchors.left: parent.left
                anchors.right: parent.right
                Label { text: "Password"; Layout.fillWidth: true }
                Button {
                    text: "Delete"
                    font.capitalization: Font.MixedCase
                    highlighted: false
                    enabled: backend.vncUsePassword
                    onClicked: backend.deleteVNCPassword()
                }
                Button {
                    text: "New"
                    font.capitalization: Font.MixedCase
                    highlighted: true
                    enabled: !backend.vncUsePassword
                    onClicked: passwordDialog.open()
                }
            }
        }
    }
    RowLayout {
        Layout.fillWidth: true
        Layout.margins: margin / 2
        Button {
            id: vncButton
            Layout.fillWidth: true
            text: vncAction.text
            highlighted: true
            enabled: vncAction.enabled
            onClicked: vncAction.onTriggered()
        }
        CheckBox {
            checked: autostart
            onToggled: {
                autostart = checked;
                if ((checked == true) && (backend.vncState == Backend.OFF) && 
                        backend.virtScreenCreated) {
                    backend.startVNC(settings.vnc.port);
                }
            }
        }
        Label { text: "Auto"; }
    }
    GroupBox {
        title: "Available IP addresses"
        Layout.fillWidth: true
        implicitHeight: 150
        ColumnLayout {
            anchors.fill: parent
            ListView {
                id: ipListView
                anchors.fill: parent
                clip: true
                ScrollBar.vertical: ScrollBar {
                    parent: ipListView.parent
                    anchors.top: ipListView.top
                    anchors.right: ipListView.right
                    anchors.bottom: ipListView.bottom
                    policy: ScrollBar.AlwaysOn
                }
                model: backend.ipAddresses
                delegate: TextEdit {
                    text: modelData
                    readOnly: true
                    selectByMouse: true
                    anchors.horizontalCenter: parent.horizontalCenter
                    font.pointSize: 12
                }
            }
        }
    }
    RowLayout {
        // Empty layout
        Layout.fillHeight: true
    }
}