gfaservices/app/visu/qml/appctrl.qml

import QtQuick 2.6
import QtQuick.Window 2.2
import QtQuick.Controls 1.5
import QtQuick.Controls.Styles 1.4
import QtQuick.Controls.Private 1.0
import com.gfa.ipc.appctrl 1.0

Rectangle {
    width: 800
    height: 480
    
    function stateColor(state)
    {
    	switch(state)
    	{
    	case QGfaAppCtrl.STATE_RUNNING:
    		return "lightgreen";
    	case QGfaAppCtrl.STATE_PAUSED:
    		return "lightgrey";
    	case QGfaAppCtrl.STATE_HANGING:
    		return "orange";
    	case QGfaAppCtrl.STATE_ZOMBIE:
    		return "red";
    	default:
    		return "white";
    	}
    }
    
    function sec2HMS(sec)
    {
    	var h = parseInt(sec / 3600);
    	sec -= h * 3600;
    	var m = parseInt(sec / 60);
    	sec -= m * 60;
    	return "" + h + (m < 10 ? ":0" : ":") + m + (sec < 10 ? ":0" : ":") + sec;
    }

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

	Rectangle {
        x: 10
        y: 10
        width: parent.width - 20
        height: 30
        radius: 5
		border.width: 1
		border.color: "black"
        color: "lightgreen"
		Image {
            anchors.left: parent.left
			anchors.verticalCenter: parent.verticalCenter
			fillMode: Image.PreserveAspectFit
			height: parent.height
            source: "qrc:/img/prev.png"
			MouseArea {
				anchors.fill: parent
                onClicked: { idPageLoader.source = "shm.qml" }
			}
		}
	    Text {
	        font.pixelSize: 16
	        font.bold: true
			anchors.verticalCenter: parent.verticalCenter
            anchors.centerIn: parent
	        text: "GfA App Control"
	    }
		Image {
            anchors.right: parent.right
			anchors.verticalCenter: parent.verticalCenter
			fillMode: Image.PreserveAspectFit
			height: parent.height
            source: "qrc:/img/blank.png"
		}
/*		Image {
            anchors.right: parent.right
			anchors.verticalCenter: parent.verticalCenter
			fillMode: Image.PreserveAspectFit
			height: parent.height
            source: "qrc:/img/next.png"
			MouseArea {
		        anchors.fill: parent
				onClicked: { idPageLoader.source = "stgdev.qml" }
			}
		}*/
	}

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

    Rectangle {
        x: 10
        y: 50
        width: 120
        height: 420

		Rectangle {
	        x: 0
	        y: 40
	        width: parent.width
	        height: 30
		    Text {
		        font.pixelSize: 14
		        font.italic: true
				anchors.verticalCenter: parent.verticalCenter
	            anchors.left: parent.left
		        text: "State:"
		    }
		}

		Rectangle {
	        x: 0
	        y: 70
	        width: parent.width
	        height: 30
		    Text {
		        font.pixelSize: 14
		        font.italic: true
				anchors.verticalCenter: parent.verticalCenter
	            anchors.left: parent.left
		        text: "Cyc. cur. μs:"
		    }
		}

		Rectangle {
	        x: 0
	        y: 100
	        width: parent.width
	        height: 30
		    Text {
		        font.pixelSize: 14
		        font.italic: true
				anchors.verticalCenter: parent.verticalCenter
	            anchors.left: parent.left
		        text: "Wkt. max. μs:"
		    }
		}

		Rectangle {
	        x: 0
	        y: 130
	        width: parent.width
	        height: 30
		    Text {
		        font.pixelSize: 14
		        font.italic: true
				anchors.verticalCenter: parent.verticalCenter
	            anchors.left: parent.left
		        text: "Wkt. cur. μs:"
		    }
		}

		Rectangle {
	        x: 0
	        y: 160
	        width: parent.width
	        height: 30
		    Text {
		        font.pixelSize: 14
		        font.italic: true
				anchors.verticalCenter: parent.verticalCenter
	            anchors.left: parent.left
		        text: "CPU avg. %:"
		    }
		}

		Rectangle {
	        x: 0
	        y: 190
	        width: parent.width
	        height: 30
		    Text {
		        font.pixelSize: 14
		        font.italic: true
				anchors.verticalCenter: parent.verticalCenter
	            anchors.left: parent.left
		        text: "CPU cur. %:"
		    }
		}

		Rectangle {
	        x: 0
	        y: 220
	        width: parent.width
	        height: 30
		    Text {
		        font.pixelSize: 14
		        font.italic: true
				anchors.verticalCenter: parent.verticalCenter
	            anchors.left: parent.left
		        text: "VM RSS KiB:"
		    }
		}

		Rectangle {
	        x: 0
	        y: 250
	        width: parent.width
	        height: 30
		    Text {
		        font.pixelSize: 14
		        font.italic: true
				anchors.verticalCenter: parent.verticalCenter
	            anchors.left: parent.left
		        text: "VM Size KiB:"
		    }
		}
	}

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

    Rectangle {
        x: 140
        y: 50
        width: 120
        height: 420

		property var appInfo: qGfaAppCtrl.appInfo[QGfaAppCtrl.APP_INDEX_REMANENT]

		Rectangle {
	        x: 0
	        y: 10
	        width: parent.width
	        height: 30
		    Text {
		        font.pointSize: 9
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.name
		    }
		}

		Rectangle {
	        x: 0
	        y: 40
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
	        color: stateColor(parent.appInfo.state)
		    Text {
		        font.pixelSize: 14
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.stateText
		    }
		}

		Rectangle {
	        x: 0
	        y: 70
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cycCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 100
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktMax
		    }
		}

		Rectangle {
	        x: 0
	        y: 130
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 160
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuAvg.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 190
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuCur.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 220
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmRSS
		    }
		}

		Rectangle {
	        x: 0
	        y: 250
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmSize
		    }
		}

	    Rectangle {
	        x: 0
	        y: 300
	        height: 30
	        width: parent.width
			Button {
	            anchors.fill: parent
				style: idButtonStyle
	            enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_RUNNING || parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED)
	            text: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? "Resume" : "Pause"
	            onClicked: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? parent.parent.appInfo.resume() : parent.parent.appInfo.pause()
			}
	    }

	    Rectangle {
	        x: 0
	        y: 340
	        height: 30
	        width: parent.width
			Button {
	            text: "Stop"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.stop()
                enabled: (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_NOT_RUNNING) && (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }

	    Rectangle {
	        x: 0
	        y: 380
	        height: 30
	        width: parent.width
			Button {
	            text: "Kill"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.kill()
                enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }
	}

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

    Rectangle {
        x: 660
        y: 50
        width: 120
        height: 420

        property var appInfo: qGfaAppCtrl.appInfo[QGfaAppCtrl.APP_INDEX_DATALOGGER]

		Rectangle {
	        x: 0
	        y: 10
	        width: parent.width
	        height: 30
		    Text {
		        font.pointSize: 9
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.name
		    }
		}

		Rectangle {
	        x: 0
	        y: 40
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
	        color: stateColor(parent.appInfo.state)
		    Text {
		        font.pixelSize: 14
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.stateText
		    }
		}

		Rectangle {
	        x: 0
	        y: 70
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cycCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 100
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktMax
		    }
		}

		Rectangle {
	        x: 0
	        y: 130
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 160
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuAvg.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 190
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuCur.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 220
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmRSS
		    }
		}

		Rectangle {
	        x: 0
	        y: 250
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmSize
		    }
		}

	    Rectangle {
	        x: 0
	        y: 300
	        height: 30
	        width: parent.width
			Button {
	            anchors.fill: parent
				style: idButtonStyle
	            enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_RUNNING || parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED)
	            text: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? "Resume" : "Pause"
	            onClicked: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? parent.parent.appInfo.resume() : parent.parent.appInfo.pause()
			}
	    }

	    Rectangle {
	        x: 0
	        y: 340
	        height: 30
	        width: parent.width
			Button {
	            text: "Stop"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.stop()
                enabled: (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_NOT_RUNNING) && (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }

	    Rectangle {
	        x: 0
	        y: 380
	        height: 30
	        width: parent.width
			Button {
	            text: "Kill"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.kill()
                enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }
	}

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

    Rectangle {
        x: 270
        y: 50
        width: 120
        height: 420

        property var appInfo: qGfaAppCtrl.appInfo[QGfaAppCtrl.APP_INDEX_SUMMARIST]

		Rectangle {
	        x: 0
	        y: 10
	        width: parent.width
	        height: 30
		    Text {
		        font.pointSize: 9
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.name
		    }
		}

		Rectangle {
	        x: 0
	        y: 40
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
	        color: stateColor(parent.appInfo.state)
		    Text {
		        font.pixelSize: 14
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.stateText
		    }
		}

		Rectangle {
	        x: 0
	        y: 70
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cycCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 100
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktMax
		    }
		}

		Rectangle {
	        x: 0
	        y: 130
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 160
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuAvg.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 190
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuCur.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 220
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmRSS
		    }
		}

		Rectangle {
	        x: 0
	        y: 250
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmSize
		    }
		}

	    Rectangle {
	        x: 0
	        y: 300
	        height: 30
	        width: parent.width
			Button {
	            anchors.fill: parent
				style: idButtonStyle
	            enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_RUNNING || parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED)
	            text: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? "Resume" : "Pause"
	            onClicked: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? parent.parent.appInfo.resume() : parent.parent.appInfo.pause()
			}
	    }

	    Rectangle {
	        x: 0
	        y: 340
	        height: 30
	        width: parent.width
			Button {
	            text: "Stop"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.stop()
                enabled: (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_NOT_RUNNING) && (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }

	    Rectangle {
	        x: 0
	        y: 380
	        height: 30
	        width: parent.width
			Button {
	            text: "Kill"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.kill()
                enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }
	}

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

    Rectangle {
        x: 400
        y: 50
        width: 120
        height: 420

		property var appInfo: qGfaAppCtrl.appInfo[QGfaAppCtrl.APP_INDEX_MQTTCL]

		Rectangle {
	        x: 0
	        y: 10
	        width: parent.width
	        height: 30
		    Text {
		        font.pointSize: 9
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.name
		    }
		}

		Rectangle {
	        x: 0
	        y: 40
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
	        color: stateColor(parent.appInfo.state)
		    Text {
		        font.pixelSize: 14
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.stateText
		    }
		}

		Rectangle {
	        x: 0
	        y: 70
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cycCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 100
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktMax
		    }
		}

		Rectangle {
	        x: 0
	        y: 130
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 160
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuAvg.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 190
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuCur.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 220
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmRSS
		    }
		}

		Rectangle {
	        x: 0
	        y: 250
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmSize
		    }
		}

	    Rectangle {
	        x: 0
	        y: 300
	        height: 30
	        width: parent.width
			Button {
	            anchors.fill: parent
				style: idButtonStyle
	            enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_RUNNING || parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED)
	            text: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? "Resume" : "Pause"
	            onClicked: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? parent.parent.appInfo.resume() : parent.parent.appInfo.pause()
			}
	    }

	    Rectangle {
	        x: 0
	        y: 340
	        height: 30
	        width: parent.width
			Button {
	            text: "Stop"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.stop()
                enabled: (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_NOT_RUNNING) && (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }

	    Rectangle {
	        x: 0
	        y: 380
	        height: 30
	        width: parent.width
			Button {
	            text: "Kill"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.kill()
                enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }
	}

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

    Rectangle {
        x: 530
        y: 50
        width: 120
        height: 420

		property var appInfo: qGfaAppCtrl.appInfo[QGfaAppCtrl.APP_INDEX_REST]

		Rectangle {
	        x: 0
	        y: 10
	        width: parent.width
	        height: 30
		    Text {
		        font.pointSize: 9
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.name
		    }
		}

		Rectangle {
	        x: 0
	        y: 40
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
	        color: stateColor(parent.appInfo.state)
		    Text {
		        font.pixelSize: 14
		        font.bold: true
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.stateText
		    }
		}

		Rectangle {
	        x: 0
	        y: 70
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cycCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 100
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktMax
		    }
		}

		Rectangle {
	        x: 0
	        y: 130
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.wktCur
		    }
		}

		Rectangle {
	        x: 0
	        y: 160
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuAvg.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 190
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.cpuCur.toFixed(2)
		    }
		}

		Rectangle {
	        x: 0
	        y: 220
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmRSS
		    }
		}

		Rectangle {
	        x: 0
	        y: 250
	        width: parent.width
	        height: 30
	        border.width: 1
			border.color: "lightgrey"
	        radius: 5
		    Text {
		        font.pixelSize: 14
	            anchors.centerIn: parent
		        text: parent.parent.appInfo.vmSize
		    }
		}

	    Rectangle {
	        x: 0
	        y: 300
	        height: 30
	        width: parent.width
			Button {
	            anchors.fill: parent
				style: idButtonStyle
	            enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_RUNNING || parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED)
	            text: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? "Resume" : "Pause"
	            onClicked: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_PAUSED) ? parent.parent.appInfo.resume() : parent.parent.appInfo.pause()
			}
	    }

	    Rectangle {
	        x: 0
	        y: 340
	        height: 30
	        width: parent.width
			Button {
	            text: "Stop"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.stop()
                enabled: (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_NOT_RUNNING) && (parent.parent.appInfo.state !== QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }

	    Rectangle {
	        x: 0
	        y: 380
	        height: 30
	        width: parent.width
			Button {
	            text: "Kill"
				style: idButtonStyle
	            anchors.fill: parent
	            onClicked: parent.parent.appInfo.kill()
                enabled: (parent.parent.appInfo.state === QGfaAppCtrl.STATE_ZOMBIE)
			}
	    }
	}
}