import QtQuick 2.7
import QtQuick.Window 2.2
import com.gfa.ipc.appctrl 1.0

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("GfA App Control")

	property var appInfoRem:	qAppCtrl.appInfo[qAppCtrl.idxRemanent]
	property var appInfoRest:	qAppCtrl.appInfo[qAppCtrl.idxRest]
	property var appInfoMqtt:	qAppCtrl.appInfo[qAppCtrl.idxMqttCl]

    Text {
        x: 50
        y: 60
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoRem.name
    }

    Text {
        x: 150
        y: 60
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoRem.stateText
    }

    Rectangle
    {
        x: 250
        y: 50
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Pause"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoRem.pause()
        }
    }

    Rectangle
    {
        x: 350
        y: 50
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Resume"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoRem.resume()
        }
    }

    Rectangle
    {
        x: 450
        y: 50
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Stop"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoRem.stop()
        }
    }

    Text {
        x: 550
        y: 60
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoRem.cycMin
    }

    Text {
        x: 650
        y: 60
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoRem.cycMax
    }

	////////////////////////////////////////////////////////////

    Text {
        x: 50
        y: 110
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoRest.name
    }

    Text {
        x: 150
        y: 110
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoRest.stateText
    }

    Rectangle
    {
        x: 250
        y: 100
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Pause"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoRest.pause()
        }
    }

    Rectangle
    {
        x: 350
        y: 100
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Resume"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoRest.resume()
        }
    }

    Rectangle
    {
        x: 450
        y: 100
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Stop"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoRest.stop()
        }
    }

    Text {
        x: 550
        y: 110
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoRest.cycMin
    }

    Text {
        x: 650
        y: 110
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoRest.cycMax
    }

	////////////////////////////////////////////////////////////

    Text {
        x: 50
        y: 160
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoMqtt.name
    }

    Text {
        x: 150
        y: 160
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoMqtt.stateText
    }

    Rectangle
    {
        x: 250
        y: 150
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Pause"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoMqtt.pause()
        }
    }

    Rectangle
    {
        x: 350
        y: 150
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Resume"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoMqtt.resume()
        }
    }

    Rectangle
    {
        x: 450
        y: 150
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Stop"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: appInfoMqtt.stop()
        }
    }

    Text {
        x: 550
        y: 160
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoMqtt.cycMin
    }

    Text {
        x: 650
        y: 160
        width: 80
        height: 40
        font.pixelSize: 14
        text: appInfoMqtt.cycMax
    }

	////////////////////////////////////////////////////////////

    Rectangle
    {
        x: 50
        y: 400
        width: 90
        height: 40
        color: "lightgrey"

        Text {
            text: "Quit"
	        font.pixelSize: 14
            anchors.centerIn: parent
        }

        MouseArea {
            anchors.fill: parent
            onClicked: Qt.quit()
        }
    }
}