Blackboard.qml

Go to the documentation of this file.

/******************************************************************************
 * This file is part of the Kanagram project
 * Copyright 2014 Debjit Mondal <debjitmondal05@gmail.com>
 *
 * This library is free software; you can redistribute it and/or
 * modify it under the terms of the GNU Lesser General Public
 * License as published by the Free Software Foundation; either
 * version 2.1 of the License, or (at your option) any later version.
 *
 * This library 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
 * Lesser General Public License for more details.
 *
 * You should have received a copy of the GNU Lesser General Public
 * License along with this library; if not, write to the Free Software
 * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301  USA
 */

import QtQuick 1.1

Rectangle {

    id:blackboard
    radius:4
    property alias anagramText:anagram.text;
    property alias hint:anagramHint.text;
    property alias showHintTimeInterval:hintButton.countDownTimerValue;
    property alias activeTimer:scoreTimer.running;
    property alias totalScore:score.text;

    Item {
        width: parent.width
        height: parent.height

        Image {
            id: background
            smooth:true
            anchors.fill: parent
            source: "../ui/images/chalkboard.png"
        }
    }

    Rectangle {
        id: categoryBar
        width: parent.width; height: parent.height/5
        opacity: .25
        color: "black"
        anchors.top: parent.top
    }

    Text{
        id:categoryName
        anchors{verticalCenter: categoryBar.verticalCenter;horizontalCenter: categoryBar.horizontalCenter }
        color:"white"
        text: kanagramEngineHelper.categoryName();
        font.pixelSize: parent.width/19.5
    }

    Image{
        id:nextVocabularyButton
        smooth:true
        opacity:0.5
        height:categoryBar.height/2
        anchors{verticalCenter: categoryBar.verticalCenter;left:categoryName.right;leftMargin:parent.width/20}
        source: "../ui/icons/right-arrow.png"
        fillMode: Image.PreserveAspectFit

        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered:nextVocabularyButton.state="onEntered"
            onExited:nextVocabularyButton.state="onExited"
            onClicked:{
                if(blackboard.activeTimer)
                {
                    kanagramEngineHelper.increaseScore(kanagramEngineHelper.skippedWordScore());
                    blackboard.totalScore=i18n("Score : ")+kanagramEngineHelper.totalScore();
                }
                categoryName.text=kanagramEngineHelper.nextVocabulary();
                anagram.text=kanagramEngineHelper.createNextAnagram();
                anagramHint.text=kanagramEngineHelper.showHint();
                if(kanagramEngineHelper.hintHideTime())
                    hintButton.countDownTimerValue=1;
            }
        }

        states: State {
               name: "onEntered"
               PropertyChanges {
                   target: nextVocabularyButton
                   opacity:1
               }
           }
        State{
            name:"onExited"
        }

        transitions: Transition {
                PropertyAnimation { properties: "x,y,opacity"; easing.type: Easing.Linear; easing.amplitude: 5.0; easing.period: 1 }
            }
        }

    Image{
        id:previousVocabularyButton
        smooth:true
        opacity:0.5
        height:categoryBar.height/2
        anchors{verticalCenter: categoryBar.verticalCenter;right:categoryName.left;rightMargin:parent.width/20}
        source: "../ui/icons/left-arrow.png"
        fillMode: Image.PreserveAspectFit

        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered:previousVocabularyButton.state="onEntered"
            onExited:previousVocabularyButton.state="onExited"
            onClicked:{
                if(blackboard.activeTimer)
                {
                    kanagramEngineHelper.increaseScore(kanagramEngineHelper.skippedWordScore());
                    blackboard.totalScore=i18n("Score : ")+kanagramEngineHelper.totalScore();
                }
                categoryName.text=kanagramEngineHelper.previousVocabulary();
                anagram.text=kanagramEngineHelper.createNextAnagram();
                anagramHint.text=kanagramEngineHelper.showHint();
                if(kanagramEngineHelper.hintHideTime())
                    hintButton.countDownTimerValue=1;
            }
        }

        states: State {
               name: "onEntered"
               PropertyChanges {
                   target: previousVocabularyButton
                   opacity:1
               }
           }
        State{
            name:"onExited"
        }

        transitions: Transition {
                PropertyAnimation { properties: "x,y,opacity"; easing.type: Easing.Linear;easing.amplitude: 5.0;easing.period: 1 }
            }
        }

    Text{
        id:anagram
        text:kanagramEngineHelper.createNextAnagram();
        anchors{verticalCenter: parent.verticalCenter;horizontalCenter: parent.horizontalCenter}
        color:"white"
        font.pixelSize: parent.width/12.5
    }

    Rectangle {
        id: optionsBar
        width: parent.width; height: parent.height/5
        opacity: .25
        color: "black"
        anchors.bottom: parent.bottom
    }

    Image{
        id:timerButton
        smooth:true
        height:optionsBar.height
        anchors{verticalCenter: optionsBar.verticalCenter;left:optionsBar.left}
        source: "../ui/icons/timer.png"
        fillMode: Image.PreserveAspectFit
        property int countDownTimerValue:0;
        property bool flagToggleTimer:false;

        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered:timerButton.state="onEntered"
            onExited:timerButton.state="onExited"
            onClicked:{
                if(!timerButton.flagToggleTimer)
                {
                    timerButton.countDownTimerValue=kanagramEngineHelper.scoreTime();
                    scoreTimer.repeat=true;
                    scoreTimer.start();
                    kanagramEngineHelper.resetTotalScore();
                    score.text=i18n("Score : ")+kanagramEngineHelper.totalScore(0);
                    scoreSection.opacity=0.35;
                    score.opacity=1;
                    timerText.text=i18n("Stop Timer")
                    timerButton.flagToggleTimer=true;
                }
                else
                {
                    timerButton.countDownTimerValue = 1;
                    timerButton.flagToggleTimer=false;
                }
            }
        }

        states: State {
               name: "onEntered"
               PropertyChanges {
                   target: timerText
                   opacity:1
               }
               PropertyChanges {
                   target: timerBar
                   opacity:0.25
               }
           }
        State{
            name:"onExited"
        }

        transitions: Transition {
                PropertyAnimation { properties: "x,y,opacity"; easing.type: Easing.Linear; easing.amplitude: 5.0; easing.period: 1 }
            }
    }

    Timer {
        id: scoreTimer;
        interval: 1000;
        repeat: true;
        running: false;
        triggeredOnStart: false;

        onTriggered: {
             if (--timerButton.countDownTimerValue == 0) {
                 stop();
                 timerSection.opacity=0;
                 timeRemaining.opacity=0;
                 scoreTimer.running=false;
                 timerText.text=i18n("Start Timer");
             }
             else{
                 scoreTimer.running=true;
                 timerSection.opacity=0.35;
                 if(timerButton.countDownTimerValue>9)
                 {
                     timeRemaining.text='00:'+timerButton.countDownTimerValue;
                 }
                 else
                 {
                     timeRemaining.text='00:0'+timerButton.countDownTimerValue;
                 }
                 timeRemaining.opacity=1;
             }
        }
    }

    Rectangle {
        id: timerBar
        width: parent.width/6; height: parent.height/15
        opacity: 0
        radius: 4
        color: "black"
        anchors{bottom:optionsBar.top;horizontalCenter: timerButton.horizontalCenter}
    }

    Text{
        id:timerText
        anchors{verticalCenter: timerBar.verticalCenter;horizontalCenter:timerBar.horizontalCenter}
        color:"white"
        text: i18n("Start Timer")
        opacity: 0
        font.pixelSize: parent.width/40
    }

    Image{
        id: hintButton
        smooth:true
        height:optionsBar.height
        anchors{verticalCenter: optionsBar.verticalCenter;horizontalCenter:optionsBar.horizontalCenter}
        source: "../ui/icons/hint.png"
        fillMode: Image.PreserveAspectFit
        property int countDownTimerValue:0;

        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered:hintButton.state="onEntered"
            onExited:hintButton.state="onExited"
            onClicked:{
                hintButton.countDownTimerValue = kanagramEngineHelper.hintHideTime();
                hintTimer.repeat=true;
                hintTimer.start();
            }
        }

        states: State {
               name: "onEntered"
               PropertyChanges {
                   target: hintText
                   opacity:1
               }
               PropertyChanges {
                   target: hintBar
                   opacity:0.25
               }
           }

        State{
            name:"onExited"
        }

        transitions: Transition {
                PropertyAnimation { properties: "x,y,opacity"; easing.type: Easing.Linear; easing.amplitude: 5.0; easing.period: 1 }
            }
    }

    Rectangle{
        id: timerSection
        width:blackboard.width/9;height:blackboard.height/7
        anchors{top:blackboard.top;topMargin:blackboard.height/7;right: blackboard.left;rightMargin:blackboard.width/68.5}
        color:"black"
        opacity:0
    }

    Text{
        id:timeRemaining
        anchors{verticalCenter: timerSection.verticalCenter;horizontalCenter:timerSection.horizontalCenter}
        opacity:0
        text: i18n(" ")
        color:"white"
        font.pixelSize: parent.width/32
    }

    Rectangle {
        id: hintSection
        width: parent.width/3; height: parent.height/3
        opacity:0
        color: "black"
        anchors{verticalCenter: blackboard.verticalCenter;right: blackboard.left;rightMargin:blackboard.width/68.5}
    }

    Text{
        id:anagramHint
        anchors{verticalCenter: hintSection.verticalCenter;horizontalCenter:hintSection.horizontalCenter}
        color:"white"
        width:hintSection.width
        wrapMode: Text.WordWrap
        text: kanagramEngineHelper.showHint();
        opacity:0
        font.pixelSize: hintSection.width/10
    }

    Timer {
        id: hintTimer;
        interval: 1000;
        repeat: true;
        running: false;
        triggeredOnStart: false;

        onTriggered: {
             if (--hintButton.countDownTimerValue == 0) {
                 hintSection.opacity=0;
                 anagramHint.opacity=0;
                 stop();
             }
             else{
                 hintSection.opacity=0.35;
                 anagramHint.opacity=1;
             }
        }
    }

    Rectangle {
        id: hintBar
        width: parent.width/6; height: parent.height/15
        opacity: 0
        radius: 4
        color: "black"
        anchors{bottom:optionsBar.top;horizontalCenter: hintButton.horizontalCenter}
    }

    Text{
        id:hintText
        anchors{verticalCenter: hintBar.verticalCenter;horizontalCenter:hintBar.horizontalCenter}
        color:"white"
        text: i18n("Hint")
        opacity: 0
        font.pixelSize: parent.width/40
    }

    Rectangle{
        id: scoreSection
        width:blackboard.width/5;height:blackboard.height/7
        anchors{bottom:blackboard.bottom;bottomMargin:blackboard.height/7;right: blackboard.left;rightMargin:blackboard.width/68.5}
        color:"black"
        opacity:0
    }

    Text{
        id:score
        anchors{verticalCenter: scoreSection.verticalCenter;horizontalCenter:scoreSection.horizontalCenter}
        color:"white"
        text: i18n("Score : ")+kanagramEngineHelper.totalScore();
        opacity:0
        font.pixelSize: parent.width/40
    }

    Image{
        id: revealButton
        smooth:true
        height:optionsBar.height
        anchors{verticalCenter: optionsBar.verticalCenter;right:optionsBar.right}
        source: "../ui/icons/reveal.png"
        fillMode: Image.PreserveAspectFit
        property int countDownTimerValue:0

        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered:revealButton.state="onEntered"
            onExited:revealButton.state="onExited";
            onClicked:{
                anagram.text=kanagramEngineHelper.anagramOriginalWord();
                if(blackboard.activeTimer)
                {
                    kanagramEngineHelper.increaseScore(kanagramEngineHelper.revealAnswerScore());
                    blackboard.totalScore=i18n("Score : ")+kanagramEngineHelper.totalScore();
                }
                revealButton.countDownTimerValue=2;
                showAnswerTimer.repeat=true;
                showAnswerTimer.start();
            }
        }

        states: State {
               name: "onEntered"
               PropertyChanges {
                   target: revealText
                   opacity:1
               }
               PropertyChanges {
                   target: revealBar
                   opacity:0.25
               }
           }
        State{
            name:"onExited"
        }

        transitions: Transition {
                PropertyAnimation { properties: "x,y,opacity"; easing.type: Easing.Linear; easing.amplitude: 5.0; easing.period: 1 }
            }
    }

    Timer {
        id: showAnswerTimer;
        interval: 1000;
        repeat: true;
        running: false;
        triggeredOnStart: false;

        onTriggered: {
             if (--revealButton.countDownTimerValue == 0) {
                 blackboard.anagramText=kanagramEngineHelper.createNextAnagram();
                 blackboard.hint=kanagramEngineHelper.showHint();
                 if(kanagramEngineHelper.hintHideTime())
                    blackboard.showHintTimeInterval=1;
                 stop();
             }
        }
    }

    Rectangle {
        id: revealBar
        width: parent.width/6; height: parent.height/15
        opacity: 0
        radius: 4
        color: "black"
        anchors{bottom:optionsBar.top;horizontalCenter: revealButton.horizontalCenter}
    }

    Text{
        id:revealText
        anchors{verticalCenter: revealBar.verticalCenter;horizontalCenter:revealBar.horizontalCenter}
        color:"white"
        text: i18n("Reveal Word")
        opacity: 0
        font.pixelSize: parent.width/40
    }
}