Additional time and turns per addition only show up when needed

[chessclock] / qml / MainPage.qml

import QtQuick 1.1
import com.meego 1.0
import QtQuick 1.0
import com.nokia.extras 1.0


Page {
    id: mainPage
    tools: commonTools






//    Label {
//        id: label
//        anchors.centerIn: parent
//        text: qsTr("Hello world!")
//        visible: false
//    }


    Image
    {
        id: bigLogo
//        anchors.fill: parent
//        anchors.left: menuList.right

        source: ":/rc/pic/logo.png"
    }

    ListModel
    {
        id: menuModel

        ListElement
        {
            name: "Normal clock"
            askAddition: false
            logoFile: ":/rc/pic/oldclock.png"


        }

        ListElement
        {
            name: "Addition before"
            askAddition: true
            logoFile: ":/rc/pic/addbefore.png"
        }

        ListElement
        {
            name: "Addition after"
            askAddition: true
            logoFile: ":/rc/pic/addafter.png"
        }

        ListElement
        {
            name: "Delay"
            askAddition: true
            logoFile: ":/rc/pic/pausebefore.png"
        }

        ListElement
        {
            name: "Delay after"
            askAddition: true
            logoFile: ":/rc/pic/pauseafter.png"
        }

        ListElement
        {
            name:"Hour Glass"
            askAddition: false
            logoFile:":/rc/pic/hourglass.png"
        }

    }


    ListView
    {
        id: menuList

        anchors.left: bigLogo.right
        anchors.right: parent.right
        anchors.top: parent.top
        anchors.bottom: parent.bottom


         model: menuModel

         delegate: Row
         {
            Image
            {
                source: logoFile

                MouseArea
                {
                    anchors.fill: parent
                    onClicked: {newGameDialog.name = name; newGameDialog.askAddition = askAddition; newGameDialog.open()}
                }
            }

            Text
            {
                text: name
                font.pointSize: 40
                anchors.topMargin: 12
                color: "white"

                MouseArea
                {
                    anchors.fill: parent
                    onClicked: {newGameDialog.name = name; newGameDialog.askAddition = askAddition; newGameDialog.open()}
                }
            }

        }
    }





    Dialog
    {
        id:newGameDialog

        property string name
        property bool askAddition



        title:Label
        {
            color:"white"
            font.pointSize: 64
            text: newGameDialog.name
        }


        content:
            Grid
            {
                columns: 3

                Row
                {
                    id: rowRow
                    spacing: 10
//                    anchors.top: parent.top
//                    anchors.horizontalCenter: parent.horizontalCenter

                    Text
                    {
 //                     width: rowRow.width - rowRow.spacing - switchComponent.width - whiteSmall.width - blackSmall.width
 //                     height: switchComponent.height
                        verticalAlignment: Text.AlignVCenter
                        text: "Equal times"
                        color: "white"
                        font.pointSize: 26
                    }

                    Switch
                    {
                        id: switchComponent
                    }
                }
                Image
                {
                    id: whiteSmall
                    source: ":/rc/pic/white_small.png"
                }

                Image
                {
                    id: blackSmall
                    source: ":/rc/pic/black_small.png"
                }

                Text
                {
                    id: initialTimeText
                    text: "Initial time"
                    color: "white"
                    font.pointSize: 26
//                    anchors.top: rowRow.bottom
//                    anchors.horizontalCenter: parent.horizontalCenter
//                    visible: true
                }


                TextField
                {
                    id: whiteInitialTime
                    readOnly: true

                    MouseArea
                    {
                        anchors.fill: parent
                        onClicked: {timePicker.timeType = "initial";  timePicker.player = "white"; timePicker.open()}
                    }
                }



                TextField
                {
                    id: blackInitialTime
                    readOnly: true

                    MouseArea
                    {
                    anchors.fill: parent
                    onClicked: {timePicker.timeType = "initial";  timePicker.player = "black"; timePicker.open()}
                    }
                }



                Text
                {
                    id: additionalTimeText
                    text: "Additional time"
                    color: "white"
                    font.pointSize: 26
                    visible: newGameDialog.askAddition
//                    anchors.top: initialTimeText.bottom
//                    anchors.horizontalCenter: parent.horizontalCenter
                }



                TextField
                {
                    id: whiteAdditionalTime
                    visible:  newGameDialog.askAddition
                    readOnly: true

                    MouseArea
                    {
                        anchors.fill: parent
                        onClicked: {timePicker.timeType = "additional";  timePicker.player = "white"; timePicker.open()}
                    }
                }

                TextField
                {
                    id: blackAdditionalTime
                    visible: newGameDialog.askAddition
                    readOnly: true

                    MouseArea
                    {
                        anchors.fill: parent
                        onClicked: {timePicker.timeType = "additional";  timePicker.player = "black"; timePicker.open()}
                    }
        }



                Text
                {
                    text:  "Turns per addition"
                    color: "white"
                    font.pointSize: 26
                    visible: newGameDialog.askAddition
//                    anchors.top: additionalTimeText.bottom
//                    anchors.horizontalCenter: parent.horizontalCenter
                }
                TextField
                {
                    id: whiteTurnsPerAddition
                    visible: newGameDialog.askAddition
                    inputMask: "D00"
                    text: "1"
                }

                TextField
                {
                    id: blackTurnsPerAddition
                    visible: newGameDialog.askAddition
                    inputMask: "D00"
                    text: "1"
                }



         }


        buttons:

            Button
            {
                id: bOk
                text: "Start game"
                y: 45

                onClicked: newGameDialog.accept()
            }
    }

    TimePickerDialog
    {
        id: timePicker

        property string timeType
        property string player
        property string result


        titleText: "Choose " + timeType + " time for " + player
        rejectButtonText: "Cancel"
        acceptButtonText: "Ok"
        hourMode: DateTime.TwentyFourHours
        onAccepted:
        {
            result = hour + " h " + minute + " min " + second + " s"
            if (timeType == "initial")
                if (player == "white")
                    whiteInitialTime.text = result
                else
                    blackInitialTime.text = result

            else if (player == "white")
                    whiteAdditionalTime.text = result
                else
                    blackAdditionalTime.text = result

        }
    }
}