Update Credits.qml

OpenHD · Jul 27, 2024 · 5ceb93c · 5ceb93c
1 parent 2f11a31
commit 5ceb93c
Showing 1 changed file with 101 additions and 27 deletions.
diff --git a/qml/ui/configpopup/credits/Credits.qml b/qml/ui/configpopup/credits/Credits.qml
@@ -2,11 +2,8 @@ import QtQuick 2.12
 import QtQuick.Controls 2.12
 import QtQuick.Layouts 1.12
 import QtQuick.Controls.Material 2.12
-
 import Qt.labs.settings 1.0
-
 import OpenHD 1.0
-
 import "../../../ui" as Ui
 import "../../elements"
 
@@ -48,8 +45,31 @@ Rectangle {
                     id: ee1
                     visible: true
                     source: "../../../resources/master2.png"
-                    width: creditsRectangle.width/5
-                    height: creditsRectangle.width/5
+                    width: creditsRectangle.width / 5
+                    height: creditsRectangle.width / 5
+                    transform: Rotation {
+                        id: rotation1
+                        origin.x: ee1.width / 2
+                        origin.y: ee1.height / 2
+                        angle: 0
+                    }
+                    MouseArea {
+                        anchors.fill: parent
+                        onClicked: {
+                            animation1.start()
+                        }
+                    }
+                    SequentialAnimation {
+                        id: animation1
+                        loops: Animation.Infinite
+                        NumberAnimation {
+                            target: rotation1
+                            property: "angle"
+                            from: 0
+                            to: 360
+                            duration: 4000
+                        }
+                    }
                 }
             }
         }
@@ -70,16 +90,37 @@ Rectangle {
                     color: "black"
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
-
                 Image {
                     id: ee2
                     visible: true
                     source: "../../../resources/master3.png"
-                    width: creditsRectangle.width/5
-                    height: creditsRectangle.width/5
+                    width: creditsRectangle.width / 5
+                    height: creditsRectangle.width / 5
+                    transform: Rotation {
+                        id: rotation2
+                        origin.x: ee2.width / 2
+                        origin.y: ee2.height / 2
+                        angle: 0
+                    }
+                    MouseArea {
+                        anchors.fill: parent
+                        onClicked: {
+                            animation2.start()
+                        }
+                    }
+                    SequentialAnimation {
+                        id: animation2
+                        loops: Animation.Infinite
+                        NumberAnimation {
+                            target: rotation2
+                            property: "angle"
+                            from: 0
+                            to: 360
+                            duration: 4000
+                        }
+                    }
                 }
             }
-
         }
 
         Rectangle {
@@ -102,22 +143,19 @@ Rectangle {
                     color: "black"
                     font.pixelSize: settings.qopenhd_general_font_pixel_size*1.2
                     anchors.horizontalCenter: parent.horizontalCenter
-
                 }
 
                 Repeater {
-                    model: ["","","consti10","steveatinfincia","rodizio1","befinitv"]
+                    model: ["", "", "consti10", "steveatinfincia", "rodizio1", "befinitv"]
 
                     Text {
                         text: modelData
                         color: "black"
                         font.pixelSize: settings.qopenhd_general_font_pixel_size
                         anchors.horizontalCenter: parent.horizontalCenter
-
                     }
                 }
             }
-
         }
 
         Rectangle {
@@ -144,7 +182,6 @@ Rectangle {
                     color: "white"
                     font.pixelSize: settings.qopenhd_general_font_pixel_size*1.2
                     anchors.horizontalCenter: parent.horizontalCenter
-
                 }
 
                 Repeater {
@@ -157,7 +194,6 @@ Rectangle {
                         color: "white"
                         font.pixelSize: settings.qopenhd_general_font_pixel_size
                         anchors.horizontalCenter: parent.horizontalCenter
-
                     }
                 }
             }
@@ -178,16 +214,37 @@ Rectangle {
                     color: "black"
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
-
                 Image {
                     id: ee4
                     visible: true
                     source: "../../../resources/master4.png"
-                    width: creditsRectangle.width/5
-                    height: creditsRectangle.width/5
+                    width: creditsRectangle.width / 5
+                    height: creditsRectangle.width / 5
+                    transform: Rotation {
+                        id: rotation4
+                        origin.x: ee4.width / 2
+                        origin.y: ee4.height / 2
+                        angle: 0
+                    }
+                    MouseArea {
+                        anchors.fill: parent
+                        onClicked: {
+                            animation4.start()
+                        }
+                    }
+                    SequentialAnimation {
+                        id: animation4
+                        loops: Animation.Infinite
+                        NumberAnimation {
+                            target: rotation4
+                            property: "angle"
+                            from: 0
+                            to: 360
+                            duration: 4000
+                        }
+                    }
                 }
             }
-
         }
 
         Rectangle {
@@ -205,23 +262,43 @@ Rectangle {
                     color: "black"
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
-
                 Image {
                     id: ee5
                     visible: true
                     source: "../../../resources/master5.png"
-                    width: creditsRectangle.width/5
-                    height: creditsRectangle.width/5
+                    width: creditsRectangle.width / 5
+                    height: creditsRectangle.width / 5
+                    transform: Rotation {
+                        id: rotation5
+                        origin.x: ee5.width / 2
+                        origin.y: ee5.height / 2
+                        angle: 0
+                    }
+                    MouseArea {
+                        anchors.fill: parent
+                        onClicked: {
+                            animation5.start()
+                        }
+                    }
+                    SequentialAnimation {
+                        id: animation5
+                        loops: Animation.Infinite
+                        NumberAnimation {
+                            target: rotation5
+                            property: "angle"
+                            from: 0
+                            to: 360
+                            duration: 4000
+                        }
+                    }
                 }
             }
-
         }
 
         Rectangle {
             Layout.fillWidth: true
             Layout.fillHeight: true
             color: "#f6f6f6"
-
             Column {
                 anchors.centerIn: parent
                 spacing: 5
@@ -233,10 +310,7 @@ Rectangle {
                     color: "black"
                     anchors.horizontalCenter: parent.horizontalCenter
                 }
-
             }
-
-
         }
     }
 }