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

0001 /* GCompris - MoneyArea.qml
0002  *
0003  * SPDX-FileCopyrightText: 2018 Smit S. Patil <smit17av@gmial.com>
0004  *
0005  * Authors:
0006  *   Smit S. Patil <smit17av@gmail.com>
0007  *
0008  *   SPDX-License-Identifier: GPL-3.0-or-later
0009  */
0010 import QtQuick 2.12
0011 
0012 import "../../core"
0013 import "money.js" as Activity
0014 
0015 Rectangle {
0016     id: moneyAreaBody
0017     height: columnLayout.storeHeight
0018     width: columnLayout.width
0019     color: "#55333333"
0020     border.color: "black"
0021     border.width: 2
0022     radius: 5
0023 
0024     property alias pocketModel: pocketModel
0025     property alias answer: pocket
0026     signal transaction(int index)
0027 
0028     Flow {
0029         anchors.topMargin: 5
0030         anchors.bottomMargin: 5
0031         anchors.leftMargin: 5
0032         anchors.rightMargin: 5
0033         anchors.fill: parent
0034         spacing: 5
0035 
0036         add: Transition {
0037             NumberAnimation {
0038                 properties: "x"
0039                 from: parent.width * 0.05
0040                 easing.type: Easing.InOutQuad
0041             }
0042         }
0043 
0044         move: Transition {
0045             NumberAnimation {
0046                 properties: "x,y"
0047                 easing.type: Easing.InOutQuad
0048             }
0049         }
0050 
0051         Repeater {
0052             id: pocket
0053             model: ListModel { id: pocketModel }
0054             Image {
0055                 source: img
0056                 height: columnLayout.itemSize
0057                 width: columnLayout.itemSize
0058                 sourceSize.height: height
0059                 sourceSize.width: width
0060                 fillMode: Image.PreserveAspectFit
0061 
0062                 property bool selected: false
0063 
0064                 MultiPointTouchArea {
0065                     anchors.fill: parent
0066                     onReleased: moneyAreaBody.transaction(index)
0067                     enabled: !bonus.isPlaying
0068                 }
0069 
0070                 Rectangle {
0071                     width: parent.width * 1.1
0072                     height: parent.height * 1.1
0073                     color: "#88111111"
0074                     anchors.centerIn : parent
0075                     radius: 5
0076                     visible: selected
0077                     z: -1
0078                 }
0079             }
0080         }
0081     }
0082 }