diff --git a/src/activities/family/Family.qml b/src/activities/family/Family.qml index 41f8bb2fd..7968b765d 100644 --- a/src/activities/family/Family.qml +++ b/src/activities/family/Family.qml @@ -1,372 +1,379 @@ /* GCompris - family.qml * * Copyright (C) 2016 RAJDEEP KAUR * * Authors: * * RAJDEEP KAUR * * This program is free software; you can redistribute it and/or modify * it under the terms of the GNU General Public License as published by * the Free Software Foundation; either version 3 of the License, or * (at your option) any later version. * * This program is distributed in the hope that it will be useful, * but WITHOUT ANY WARRANTY; without even the implied warranty of * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the * GNU General Public License for more details. * * You should have received a copy of the GNU General Public License * along with this program; if not, see . */ import QtQuick 2.1 import GCompris 1.0 import QtGraphicalEffects 1.0 import "../../core" import "family.js" as Activity ActivityBase { id: activity property string mode: "normal" onStart: focus = true onStop: {} pageComponent: Image { id: background anchors.fill: parent source: Activity.url + "back.svg" sourceSize.width: parent.width height: parent.height fillMode: Image.PreserveAspectCrop property bool horizontalLayout: background.width > background.height signal start signal stop Component.onCompleted: { activity.start.connect(start) activity.stop.connect(stop) } property real treeAreaWidth: background.horizontalLayout ? background.width * 0.65 : background.width property real treeAreaHeight: background.horizontalLayout ? background.height : background.height * 0.65 property real nodeWidth: (0.8 * treeAreaWidth) / 5 property real nodeHeight: (0.8 * treeAreaWidth) / 5 property real nodeWidthRatio: nodeWidth / treeAreaWidth property real nodeHeightRatio: nodeHeight / treeAreaHeight onWidthChanged: loadDatasetDelay.start() onHeightChanged: if (!loadDatasetDelay.running) { loadDatasetDelay.start() } /* * Adding a delay before reloading the datasets * needed for fast width / height changes */ Timer { id: loadDatasetDelay running: false repeat: false interval: 100 onTriggered: Activity.loadDatasets() } // Add here the QML items you need to access in javascript QtObject { id: items property Item main: activity.main property alias background: background property alias bar: bar property alias bonus: bonus property alias nodeRepeater: nodeRepeater property alias answersChoice: answersChoice property alias edgeRepeater: edgeRepeater property alias ringRepeator: ringRepeator property alias dataset: dataset property string mode: activity.mode property alias questionTopic: question.questionTopic property alias selectedPairs: selectedPairs } onStart: { Activity.start(items) } onStop: { Activity.stop() } Dataset { id: dataset } // handling pair matching for family_find_relative Item { id: selectedPairs property int numberOfNodesSelected: 0 property var firstNodePointer property var secondNodePointer function reset() { numberOfNodesSelected = 0 } function deactivatePairs() { if (firstNodePointer && secondNodePointer) { firstNodePointer.changeState("deactive") secondNodePointer.changeState("deactive") } } function checkResult() { if (firstNodePointer.weight == (secondNodePointer.weight * -1) && firstNodePointer.weight != 0) { return true } else { return false } } function selectNode(node_) { if (numberOfNodesSelected >= 2) return if(numberOfNodesSelected == 0) { firstNodePointer = node_ - firstNodePointer.changeState("active") + firstNodePointer.changeState("activeTo") } else { secondNodePointer = node_ + + if (firstNodePointer == secondNodePointer) { + deactivatePairs() + reset() + return + } + secondNodePointer.changeState("activeTo") // checking results if (checkResult()) { bonus.good("lion") } else { bonus.bad("lion") deactivatePairs() reset() return } } numberOfNodesSelected ++; } } Item { id: board width: background.width height: background.height Rectangle { id: treeArea color: "transparent" width: background.treeAreaWidth height: background.treeAreaHeight border.color: "black" border.width: 5 Item { id: treeItem Repeater { id: nodeRepeater model: ListModel{} delegate: Node { id: currentPointer x: xPosition * treeArea.width y: yPosition * treeArea.height width: treeArea.width / 5 height: treeArea.width / 5 nodeWidth: currentPointer.width nodeHeight: currentPointer.height nodeImageSource: Activity.url + nodeValue borderColor: "black" borderWidth: 8 color: "transparent" radius: nodeWidth / 2 state: currentState weight: nodeWeight states: [ State { name: "active" PropertyChanges { target: currentPointer borderColor: "blue" } }, State { name: "deactive" PropertyChanges { target: currentPointer } }, State { name: "activeTo" PropertyChanges { target: currentPointer borderColor: "yellow" } } ] } } Rectangle { id: me visible: dataset.levelElements[bar.level-1].captions[0] !== undefined && activity.mode == "normal" x: dataset.levelElements[bar.level-1].captions[0][0]*treeArea.width y: dataset.levelElements[bar.level-1].captions[0][1]*treeArea.height width: treeArea.width/12 height: treeArea.height/14 radius: 5 border.color: "black" GCText { id: meLabel text: qsTr("Me") anchors { horizontalCenter: parent.horizontalCenter verticalCenter: parent.verticalCenter } } } Image { id: questionmark source: Activity.url + "questionmark.svg" visible: dataset.levelElements[bar.level-1].captions[1] !== undefined && activity.mode == "normal" x: dataset.levelElements[bar.level-1].captions[1][0]*treeArea.width y: dataset.levelElements[bar.level-1].captions[1][1]*treeArea.height } Repeater { id: edgeRepeater model: ListModel {} delegate: Rectangle { id: edge opacity: 1 antialiasing: true transformOrigin: Item.TopLeft x: _x1 * treeArea.width y: _y1 * treeArea.height property var x2: _x2 * treeArea.width property var y2: _y2 * treeArea.height width: Math.sqrt(Math.pow(x - x2, 2) + Math.pow(y- y2, 2)) height: 4 * ApplicationInfo.ratio rotation: (Math.atan((y2 - y)/(x2-x)) * 180 / Math.PI) + (((y2-y) < 0 && (x2-x) < 0) * 180) + (((y2-y) >= 0 && (x2-x) < 0) * 180) color: "black" Behavior on height { NumberAnimation { duration: 2000 easing.type: Easing.OutExpo } } Behavior on width { NumberAnimation { duration: 2000 easing.type: Easing.OutExpo } } } } Repeater { id: ringRepeator model: ListModel{} delegate: Image { id: ring source: Activity.url + "rings.svg" width: treeArea.width * 0.04 height: treeArea.width * 0.04 x: ringx * treeArea.width y: ringy * treeArea.height } } } } Rectangle { id: answers color: "transparent" width: background.horizontalLayout ? background.width*0.35 : background.width height: background.horizontalLayout ? background.height : background.height*0.35 anchors.left: background.horizontalLayout ? treeArea.right : board.left anchors.top: background.horizontalLayout ? board.top: treeArea.bottom border.color: "black" border.width: 5 Rectangle { width: parent.width * 0.99 height: parent.height * 0.99 anchors.verticalCenter: parent.verticalCenter anchors.horizontalCenter: parent.horizontalCenter color: "transparent" GCText { id: question property string questionTopic visible: activity.mode == "expert" ? true : false width: parent.width anchors.verticalCenter: parent.verticalCenter anchors.horizontalCenter: parent.horizontalCenter horizontalAlignment: Text.AlignHCenter wrapMode: Text.WordWrap - text: qsTr("Select the pair which denote the following relation: %1").arg(questionTopic) + text: qsTr("Select one of the pairs which denote the following relation: %1").arg(questionTopic) Rectangle { anchors.fill: parent z: parent.z - 1 radius: 10 border.width: 1 color: "white" opacity: 0.8 } } Grid { visible: activity.mode == "normal" ? true : false columns: 1 rowSpacing: 20 anchors.verticalCenter: parent.verticalCenter anchors.horizontalCenter: parent.horizontalCenter Repeater { id: answersChoice model: ListModel {} delegate: AnswerButton { id: options width: answers.width*0.75 height: answers.height*Activity.answerButtonRatio textLabel: optionn isCorrectAnswer: textLabel === answer onCorrectlyPressed: bonus.good("lion") onIncorrectlyPressed: bonus.bad("lion") } } } } } } DialogHelp { id: dialogHelp onClose: home() } Bar { id: bar content: BarEnumContent { value: help | home | level } onHelpClicked: { displayDialog(dialogHelp) } onPreviousLevelClicked: Activity.previousLevel() onNextLevelClicked: Activity.nextLevel() onHomeClicked: activity.home() } Bonus { id: bonus Component.onCompleted: win.connect(Activity.nextLevel) } } }