import QtQuick 2.0
import QtQuick.Window 2.12

Item {
    Rectangle {
        id: menu
        width: mainWindow.width
        height: 32

        Image {
            source: "../Resources/menu-background.png"
            fillMode: Image.Tile
            anchors.fill: parent

        }


        MouseArea {
            anchors.fill: parent;
            property variant clickPos: "1,1"

            onPressed: {
                clickPos = Qt.point(mouse.x,mouse.y)
            }

            onPositionChanged: {
                var delta = Qt.point(mouse.x-clickPos.x, mouse.y-clickPos.y)
                var new_x = mainWindow.x + delta.x
                var new_y = mainWindow.y + delta.y
                if (new_y <= 0)
                    mainWindow.visibility = Window.Maximized
                else
                {
                    if (mainWindow.visibility === Window.Maximized)
                        mainWindow.visibility = Window.Windowed
                    mainWindow.x = new_x
                    mainWindow.y = new_y
                }
            }

            MenuButton {
               id: buttonExit
               caption: "X"
               onClicked: Qt.quit();

            }

            MenuButton {
                id: buttonMinimize
                anchors.left: buttonExit.right
                caption: "_"
                onClicked: mainWindow.hide()

            }

            Text {
                id: appTitle
                anchors.left: buttonMinimize.right
                text: qsTr("TangraPlay")
                font.family: mainfont.name
                font.pixelSize: 20
                font.bold: true
                color: "#f9c620"
            }

//            Image {
//                id: buttonLive
//                source: "Resources/live.png"
//                anchors.left: appTitle.left
//                anchors.leftMargin: 128
//                width: 32
//                height: 32

//                MouseArea {
//                    anchors.fill: parent
//                    hoverEnabled: true
//                    onClicked: {
//                        pgLive1.visible = false;
//                        pgnews1.visible = true;
////                        contentLoader.sourceComponent = PgNews
//                    }
//                }
//            }
        }
    }
}