Case.qml

import QtQuick 2.0

Item {
    id: maCase
    width: 50
    height: 50
    property alias backgroundCaseBordercolor: backgroundCase.border.color
    property alias backgroundCaseColor: backgroundCase.color
    property alias chiffreColor: chiffre.color
    property alias chiffreText: chiffre.text

    Rectangle {
        id: backgroundCase
        color: "#ffffff"
        radius: 0
        border.width: 2
        anchors.fill: parent
        focus: true

        MouseArea {
            id: mouseArea
            anchors.fill: parent
            hoverEnabled: true
            onEntered: {
                parent.color = "#998c8c"
            }
            onExited: {
                parent.color = "#ffffff"
            }
            onClicked: {
                console.log(maCase.x, maCase.y)

            }
        }

        Text {
            id: chiffre
            text: qsTr("9")
            anchors.fill: parent
            font.pixelSize: 25
            horizontalAlignment: Text.AlignHCenter
            verticalAlignment: Text.AlignVCenter
            font.bold: true
            font.family: "Verdana"
        }

    }

}