import QtQuick 2.5
import QtQuick.Controls 1.4
import QtQuick.Layouts 1.0
import "qrc:/Globals"

Rectangle {
    property string cam1URL:  settings.value("CAM1SETTINGS/IpAddress", "0.0.0.0")
    property string cam2URL:  settings.value("CAM2SETTINGS/IpAddress", "0.0.0.0")
    property int textFontSize: 22 //Pixelsize

    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
            //============================================================================
            Label {
                id: lab1
                x: cam1IP.posX
                y: 100 + (textFontSize + 10) * 0
                font.pixelSize: textFontSize
                text: "URL 1 :"
            }

            UrlInput {
                id: cam1IP
                posX: 0
                posY: 100 + (textFontSize + 10) * 1
                urlwidth: parent.width
                urlcolor: "black"
                urlFontSize: textFontSize

                Component.onCompleted:  {
                    url = cam1URL;
                    urlFocus = 0;
                }

                onKeyReturnPressed: {
                    settings.setValue("CAM1SETTINGS/IpAddress", url);
                    cam1URL = url;
                }
            }

            Label {
                id: lab2
                x: cam2IP.posX
                y: 100 + (textFontSize + 10) * 2
                font.pixelSize: textFontSize
                text: "URL 2 :"
            }

            UrlInput {
                id: cam2IP
                posX: 0
                posY: 100 + (textFontSize + 10) * 3
                urlwidth: parent.width
                urlcolor: "black"
                urlFontSize: textFontSize

                Component.onCompleted:  {
                    url = cam2URL;
                    urlFocus = 0;
                }

                onKeyReturnPressed: {
                    settings.setValue("CAM2SETTINGS/IpAddress", url);
                    cam2URL = url;
                }
            }
            //============================================================================
        }
    }
}