import QtQuick 1.0

Rectangle {
    id: page
    width: 500
    height: 300
    color: "grey"

    Component.onCompleted: {
        showprops();
    }

    function showprops() {
        console.log("[qml] dings properties:");
        for (var prop in dings) {
            console.log("[qml]   " + prop + ": " + dings[prop]);
        }
    }

    Text {
        id: helloText
        text: "Hello, World!"
        y: 30
        anchors.horizontalCenter: page.horizontalCenter
        font.pointSize: 24
        font.bold: true
    }

    Rectangle {
        id: button
        width: 100
        height: 50
        color: "lightgrey"
        radius: 4

        anchors.top: helloText.bottom
        anchors.topMargin: 20
        anchors.horizontalCenter: page.horizontalCenter

        MouseArea {
            anchors.fill: parent
            onClicked: {
                dings.changeStuff("hey");
                dings.stuff = "ho";
                dings.foo();
                showprops();
            }
        }

        Text {
            text: "Do something!"

            anchors.horizontalCenter: button.horizontalCenter
            anchors.verticalCenter: button.verticalCenter
        }
    }
}
