import QtQuick 2.0
import QtMultimedia 5.0

Rectangle {
    id: main
    width: 1920
    height: 1080
    color: "black"
    focus: true

    Keys.onPressed: {
        if ((event.key == Qt.Key_Q) && (event.modifiers & Qt.ControlModifier))
            Qt.quit()
        if ((event.key == Qt.Key_R) && (event.modifiers & Qt.ControlModifier)){
            container.source = ""
            reload.restart()
        }
    }

    transform: [
        Rotation {
            id: orientation
            origin.x: 0;
            origin.y: 0;
            angle: 0
        },
        Translate{
            id: verticalTranslation
            x: 0
        }
    ]
    FontLoader{
        id: mainFont
        source: "assets/helveticaneue/HelveticaNeueLTCom-Th.ttf"
    }
    FontLoader{
        id: basefont
        source: "assets/opensans/OpenSans-Light.ttf"
    }
    Image {
        id: cloudIcon
        x: 375
        y: 574
        width: 128
        height: 93
        anchors.centerIn: parent
        source: "assets/cloud-sync.png"
    }
    Text {
        id: ip
        text: cloud.ips
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.top: cloudIcon.bottom
        color: "white"
        font.family: basefont.name
        horizontalAlignment: Text.AlignHCenter
        font.pixelSize: 40
        y: 100
    }

    Component.onCompleted: {
        reload.start()
    }
    Timer{
        id: reload
        interval: 100
        onTriggered: {
            container.source = cloud.source
        }
    }

    OrphanBox {
        id: orphanBox1
        x: 0
        y: 0
        z: 99
        anchors.fill: parent
    }
    Loader{
        id: container
        anchors.fill: parent
        onLoaded: {
            container.item.cloud = Qt.binding(function() { return cloud })
            container.item.themeOptions = Qt.binding(function() { return cloud.themeOptions })
        }
    }
}