/****************************************************************************
**
** Copyright (C) 2021 The Qt Company Ltd.
** Contact: https://www.qt.io/licensing/
**
** This file is part of the Qt Safe Renderer module
**
** $QT_BEGIN_LICENSE:COMM$
**
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and The Qt Company. For licensing terms
** and conditions see https://www.qt.io/terms-conditions. For further
** information use the contact form at https://www.qt.io/contact-us.
**
** $QT_END_LICENSE$
**
**
**
**
**
**
**
**
****************************************************************************/
import QtQuick 2.8
import Qt.SafeRenderer 2.0

Rectangle {
    id: root
    x: 0
    y: 0
    width: 640
    height: 480
    color: "black"

    SafePicture {
        id: iconHeat
        x: 323
        y: 196
        width: 64
        height: 64
        color: "#95b40f"
        source: "qrc:/iso-icons/iso_grs_7000_4_0230.dat"
        fillColor: "#cd2fff"
    }

    SafePicture {
        id: iconWave
        x: 228
        y: 196
        width: 64
        height: 64
        color: "#f8e297"
        source: "qrc:/iso-icons/iso_grs_7000_4_0261.dat"
        fillColor: "black"
    }

    SafePicture {
        id: oneRevolution
        x: 418
        y: 196
        width: 64
        height: 64
        color: "#fff100"
        source: "qrc:/iso-icons/iso_grs_7000_4_0009.dat"
        fillColor: "#1d00ff"
    }

    SafePicture {
        id: beginningOfReel
        x: 140
        y: 196
        width: 64
        height: 64
        color: "#f80707"
        source: "qrc:/iso-icons/iso_grs_7000_4_0076.dat"
        fillColor: "#ffffff"
    }

    SafePicture {
        id: safePicture
        x: 140
        y: 90
        width: 64
        height: 64
        color: "#fff100"
        source: "qrc:/iso-icons/iso_grs_7000_4_0361.dat"
        fillColor: "#ff0606"
    }

    SafePicture {
        id: safePicture1
        x: 228
        y: 90
        width: 64
        height: 64
        color: "#00ff0b"
        source: "qrc:/iso-icons/iso_grs_7000_4_0350.dat"
        fillColor: "#000000"
    }

    SafePicture {
        id: safePicture2
        x: 323
        y: 90
        width: 64
        height: 64
        color: "#00ff0b"
        source: "qrc:/iso-icons/iso_grs_7000_4_0352.dat"
        fillColor: "#000000"
    }

    SafePicture {
        id: safePicture3
        x: 418
        y: 90
        width: 64
        height: 64
        color: "#ff6400"
        source: "qrc:/iso-icons/iso_grs_7000_4_0363.dat"
        fillColor: "#ffffff"
    }
    states: [
        State {
            name: "second"

            PropertyChanges {
                target: safePicture
                x: 34
                y: 49
            }

            PropertyChanges {
                target: beginningOfReel
                x: 34
                y: 377
            }

            PropertyChanges {
                target: safePicture1
                x: 204
                y: 49
            }

            PropertyChanges {
                target: safePicture2
                x: 377
                y: 49
            }

            PropertyChanges {
                target: safePicture3
                x: 539
                y: 49
            }

            PropertyChanges {
                target: oneRevolution
                x: 539
                y: 377
            }

            PropertyChanges {
                target: iconHeat
                x: 377
                y: 377
            }

            PropertyChanges {
                target: iconWave
                x: 204
                y: 377
            }

            PropertyChanges {
                target: root
                color: "#000000"
            }
        }
    ]
    transitions: [
        Transition {
            from: "*"
            to: "*"
            NumberAnimation {
                target: safePicture
                properties: "x, y"
                duration: 500
                easing.type: Easing.InOutQuad
            }
        },
        Transition {
            from: "*"
            to: "*"
            NumberAnimation {
                target: beginningOfReel
                properties: "x, y"
                duration: 500
                easing.type: Easing.InOutQuad
            }
        },
        Transition {
            from: "*"
            to: "*"
            NumberAnimation {
                target: safePicture1
                properties: "x, y"
                duration: 500
                easing.type: Easing.InOutQuad
            }
        },
        Transition {
            from: "*"
            to: "*"
            NumberAnimation {
                target: safePicture2
                properties: "x, y"
                duration: 500
                easing.type: Easing.InOutQuad
            }
        },
        Transition {
            from: "*"
            to: "*"
            NumberAnimation {
                target: safePicture3
                properties: "x, y"
                duration: 500
                easing.type: Easing.InOutQuad
            }
        },
        Transition {
            from: "*"
            to: "*"
            NumberAnimation {
                target: oneRevolution
                properties: "x, y"
                duration: 500
                easing.type: Easing.InOutQuad
            }
        },
        Transition {
            from: "*"
            to: "*"
            NumberAnimation {
                target: iconHeat
                properties: "x, y"
                duration: 500
                easing.type: Easing.InOutQuad
            }
        },
        Transition {
            from: "*"
            to: "*"
            NumberAnimation {
                target: iconWave
                properties: "x, y"
                duration: 500
                easing.type: Easing.InOutQuad
            }
        }
    ]
}