Warning, /education/gcompris/src/activities/calcudoku/CalcudokuListWidget.qml is written in an unsupported language. File is not indexed.

 /* GCompris - CalcudokuListWidget.qml
  *
  * SPDX-FileCopyrightText: 2023 Johnny Jazeix <jazeix@gmail.com>
  * SPDX-License-Identifier: GPL-3.0-or-later
  */
 import QtQuick 2.12
 import GCompris 1.0
 import "calcudoku.js" as Activity
 import "../../core"
 
 Item {
     id: listWidget
     width: view.width
     height: view.height
     anchors {
         left: parent.left
         leftMargin: background.baseMargins
         top: parent.top
         topMargin: background.baseMargins
     }
 
 
     property alias model: mymodel;
     property alias view: view;
     property GCSfx audioEffects
     property bool inputBlocked: false
 
     ListModel {
         id: mymodel
     }
 
     ListView {
         id: view
         interactive: false
         spacing: 5 * ApplicationInfo.ratio
         model: mymodel
         delegate: listItemComponent
 
         property int iconSize
 
         states: [
             State {
                 name: "horizontalLayout"
                 when: background.isHorizontalLayout
                 PropertyChanges {
                     target: view
                     width: iconSize
                     height: background.height - 2 * bar.height
                     orientation: ListView.Vertical
                     iconSize: Math.min((height - (mymodel.count - 1) * spacing) / mymodel.count,
                                        100 * ApplicationInfo.ratio)
                 }
             },
             State {
                 name: "verticalLayout"
                 when: !background.isHorizontalLayout
                 PropertyChanges {
                     target: view
                     width: background.width - background.baseMargins * 2
                     height: iconSize
                     orientation: ListView.Horizontal
                     iconSize: Math.min((width - (model.count - 1) * spacing) / mymodel.count,
                                        100 * ApplicationInfo.ratio)
                 }
             }
         ]
 
         Component {
             id: listItemComponent
 
             Rectangle {
                 id: iconBg
                 width: view.iconSize
                 height: view.iconSize
                 color: "#AAFFFFFF"
                 radius: height * 0.1
 
                 Image {
                     id: icon
                     anchors.centerIn: parent
                     sourceSize.height: view.iconSize
                     source: model.imgName === undefined ? "" :
                                                           Activity.url + model.imgName
                     z: iAmSelected ? 10 : 1
 
                     property bool iAmSelected: view.currentIndex == index
 
                     states: [
                         State {
                             name: "notclicked"
                             when: !icon.iAmSelected && !mouseArea.containsMouse
                             PropertyChanges {
                                 target: icon
                                 scale: 0.8
                             }
                         },
                         State {
                             name: "clicked"
                             when: mouseArea.pressed
                             PropertyChanges {
                                 target: icon
                                 scale: 0.7
                             }
                         },
                         State {
                             name: "hover"
                             when: mouseArea.containsMouse && !icon.iAmSelected
                             PropertyChanges {
                                 target: icon
                                 scale: 1
                             }
                         },
                         State {
                             name: "selected"
                             when: icon.iAmSelected
                             PropertyChanges {
                                 target: icon
                                 scale: 0.9
                             }
                         }
                     ]
 
                     SequentialAnimation {
                         id: anim
                         running: icon.iAmSelected
                         loops: Animation.Infinite
                         alwaysRunToEnd: true
                         NumberAnimation {
                             target: iconBg
                             property: "rotation"
                             from: 0; to: 5
                             duration: 200
                             easing.type: Easing.OutQuad
                         }
                         NumberAnimation {
                             target: iconBg
                             property: "rotation"
                             from: 5; to: -5
                             duration: 400
                             easing.type: Easing.InOutQuad
                         }
                         NumberAnimation {
                             target: iconBg
                             property: "rotation"
                             from: -5; to: 0
                             duration: 200
                             easing.type: Easing.InQuad
                         }
                     }
 
                     Behavior on scale { NumberAnimation { duration: 70 } }
 
                     MouseArea {
                         id: mouseArea
                         anchors.fill: icon
                         hoverEnabled: true
                         enabled: !listWidget.inputBlocked
                         onClicked: {
                             listWidget.audioEffects.play('qrc:/gcompris/src/core/resource/sounds/scroll.wav')
                             view.currentIndex = index
                         }
                     }
                 }
             }
         }
     }
 }