import QtQuick 2.0
import QtQuick.Controls 2.12

//import QtGraphicalEffects 1.0

import QtGraphicalEffects 1.15

Rectangle {
    property string imgSrc: "qrc:/images/player.jpg"
    property int borderRadius: 5
    property bool enableAnimation: false
    property bool pauseAnimation: false

    property int outerFrameWidth: 0

    gradient: Gradient
    {
        id:gradBackground
        GradientStop{
            position: 0
            color:"#102030"
        }
        GradientStop{
            position: 1
            color:"#e0d0f0"
        }
    }
    radius: borderRadius
    id:roundImg
    Item{
        anchors.fill: parent

        Image{
            id:img
            anchors.centerIn: parent
            width: parent.width - outerFrameWidth
            height: parent.height - outerFrameWidth
            smooth: true
            antialiasing: true
            source: imgSrc
            fillMode: Image.PreserveAspectCrop
            visible: false
        }

        Rectangle{
            visible: false
            id:mask
            color: "black"
            radius: borderRadius
            anchors.fill: parent
            smooth: true
            antialiasing: true
        }

        OpacityMask{
            anchors.fill: img
            source: img
            maskSource: mask
            visible: true
            smooth: true
            antialiasing: true
            id:opacmask
        }
        id:innerItem
    }

    NumberAnimation {
        target: opacmask
        running: enableAnimation
        paused: pauseAnimation
        property: "rotation"
        duration: 20000
        from: 0
        to:360
        id:animImg
        loops: Animation.Infinite
    }

}