From c1af3ad49fe5e08819823f70fc835d1315846ec7 Mon Sep 17 00:00:00 2001
From: Blagovest Petrov <blagovest@petrovs.info>
Date: Sun, 23 Apr 2023 01:17:29 +0300
Subject: [PATCH] Fixed: Pause fuction of the button was broken

Signed-off-by: Blagovest Petrov <blagovest@petrovs.info>
---
 ui/MediaButton.qml | 104 +++++++++++++++++++++++++++++++++++++++++----
 ui/PgLive.qml      |   1 +
 ui/main.qml        |  16 +------
 3 files changed, 97 insertions(+), 24 deletions(-)

diff --git a/ui/MediaButton.qml b/ui/MediaButton.qml
index 1d10510..c2cc6ac 100644
--- a/ui/MediaButton.qml
+++ b/ui/MediaButton.qml
@@ -1,18 +1,104 @@
 import QtQuick 2.0
 import QtQuick.Controls 2.15
 
-Item {
-    id: container
+Image {
+    id: buttonIcon
     x: 64
     y: 64
-    property bool isClicked : false
+    property int animationDuration: 250
+    fillMode: Image.PreserveAspectFit
+    source: isClicked ? "qrc:/bpetrov.tangraplay/imports/TangraPlay/Assets/buuf-pause.png" : "qrc:/bpetrov.tangraplay/imports/TangraPlay/Assets/buuf-play.png"
+    property bool isClicked: false
 
-    Image {
-        id: buttonIcon
-        width: 64
-        anchors.centerIn: parent
-        fillMode: Image.PreserveAspectFit
-        source: isClicked ? "qrc:/bpetrov.tangraplay/imports/TangraPlay/Assets/buuf-pause.png" : "qrc:/bpetrov.tangraplay/imports/TangraPlay/Assets/buuf-play.png"
+    function runAnimation() {
+        glow.visible = true
+        animation1.start()
+        animation2.start()
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        onClicked: {
+            root.clicked()
+            stack.push(viewBeerSize)
+        }
+
+        onPressed: {
+            glow.visible = true
+            animation1.start()
+            animation2.start()
+        }
+    }
+
+    ///////// Click animation
+    Rectangle {
+        id: glow
+        visible: false
+
+        width: 250
+        height: 250
+        color: "#00000000"
+        radius: 125
+        scale: 1.05
+        border.color: "#ffffff"
+    }
+
+    PropertyAnimation {
+        target: glow
+        id: animation1
+        duration: buttonIcon.animationDuration
+        loops: 1
+        from: 1.05
+        to: 1.2
+        property: "scale"
+    }
+
+    ParallelAnimation {
+        id: animation2
+        SequentialAnimation {
+            PropertyAnimation {
+                target: glow
+                duration: buttonIcon.animationDuration
+                loops: 1
+                from: 0.2
+                to: 1.0
+                property: "opacity"
+            }
+            PropertyAnimation {
+                target: glow
+                duration: buttonIcon.animationDuration
+                loops: 1
+                from: 1.0
+                to: 0.0
+                property: "opacity"
+            }
+
+            PropertyAction {
+                target: glow
+                property: "visible"
+                value: false
+            }
+        }
+
+        SequentialAnimation {
+            PropertyAction {
+                target: glow
+                property: "border.width"
+                value: 20
+            }
+
+            PauseAnimation {
+                duration: 200
+            }
 
+            PropertyAnimation {
+                target: glow
+                duration: buttonIcon.animationDuration
+                loops: 1
+                from: 20
+                to: 10
+                property: "border.width"
+            }
+        }
     }
 }
diff --git a/ui/PgLive.qml b/ui/PgLive.qml
index 7257e59..43694d3 100644
--- a/ui/PgLive.qml
+++ b/ui/PgLive.qml
@@ -55,6 +55,7 @@ Item {
         MouseArea {
             anchors.fill: parent
             onClicked: {
+                playPause.runAnimation()
                 mediaControl()
                 playPause.isClicked = !playPause.isClicked
             }
diff --git a/ui/main.qml b/ui/main.qml
index 93d95fb..af7f23a 100644
--- a/ui/main.qml
+++ b/ui/main.qml
@@ -41,7 +41,7 @@ ApplicationWindow {
     }
 
     function mediaControl() {
-        if (thePlayer.playbackState != thePlayer.PlayingState) {
+        if (thePlayer.playbackState != MediaPlayer.PlayingState) {
             thePlayer.play();
         }
         else {
@@ -74,20 +74,6 @@ ApplicationWindow {
             PgNews { id: pgNews }
         }
 
-//        PgNews {
-//            id: pgNews1
-//            visible: false
-//        }
-
-//        Item {
-//            Component {
-//                id: myComp
-//            }
-
-//            Loader { id: contentLoader }
-
-//        }
-
     }
 }