import QtQuick 2.11
import QtQuick.Controls 2.4
import "./"

Page {
    id: root

    signal pageOpened()

    onPageOpened: {
        rectAnim.start()
        startRectAnim2.start()
    }

    Rectangle {
        id: rect
        anchors.fill: parent
        property string col: "darkgreen"
        color: col

        Timer {
            id: startRectAnim2
            interval: 5000
            running: false
            repeat: false

            onTriggered: {
                rectAnim2.start()
            }
        }

        ColorAnimation {
            id: rectAnim
            target: rect
            property: "color"
            from: "darkGreen"
            to: "yellow"
            duration: 5000
        }
        ColorAnimation {
            id: rectAnim2
            target: rect
            property: "color"
            from: "yellow"
            to: "darkRed"
            duration: 5000
        }
    }
}