import QtQuick 2.7
import QtQuick.Window 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    color: "black"

    Item {
        anchors.fill: parent

        Rectangle {
            id: left

            width: parent.width * 0.45;

            anchors.left: parent.left
            anchors.top: parent.top
            anchors.bottom: parent.bottom

            color: "red"

            Text {
                anchors.fill: parent

                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter

                text: "Rotated: " + (left.rotation !== 0)

                font.bold: true
                minimumPixelSize: 1
                font.pixelSize: 1000
                fontSizeMode: Text.Fit
            }

            MouseArea {
                anchors.fill: parent

                onDoubleClicked: {
                    if (left.rotation !== 0) {
                        left.rotation = 0;
                    } else {
                        left.rotation = 90;
                    }
                }

                onPressed: left.color = "yellow"
                onReleased: left.color = "red"
            }
        }

        Rectangle {
            id: right

            width: parent.width * 0.45;

            anchors.right: parent.right
            anchors.top: parent.top
            anchors.bottom: parent.bottom

            color: "green"

            Text {
                anchors.fill: parent

                horizontalAlignment: Text.AlignHCenter
                verticalAlignment: Text.AlignVCenter

                text: "Rotated: " + (right.rotation !== 0)

                font.bold: true
                minimumPixelSize: 1
                font.pixelSize: 1000
                fontSizeMode: Text.Fit
            }

            MouseArea {
                anchors.fill: parent

                onDoubleClicked: {
                    if (right.rotation !== 0) {
                        right.rotation = 0;
                    } else {
                        right.rotation = 90;
                    }
                }

                onPressed: right.color = "yellow"
                onReleased: right.color = "green"
            }
        }
    }
}