import QtQuick 2.6

import wesual.Stage   1.0
import wesual.Touch 1.0

Rectangle {
    id : menuBar

    signal homeTap()
    signal searchTap()
    signal languageTap()

    property bool deActive : deToggle.active
    property bool enActive : enToggle.active

    property string language : "de"

    implicitWidth  : 100
    implicitHeight : parent.height
    color : "#f7f1e6"

    function setLanguage() {
        template_.activeLanguage = language;
    }

    Timer {
        id : languageTimer

        interval    : 300
        running     : false
        repeat      : false
        onTriggered : setLanguage()
    }

    Item {
        id : homeButton

        width  : 78
        height : 78

        anchors.horizontalCenter : parent.horizontalCenter
        y : 813

        TapArea {
            id : homeTapArea

            anchors.fill : parent

            mouseEnabled : true
            onTap : homeTap()
        }

        Image {
            id : homeIcon

            visible : !homeTapArea.pressed

            anchors.centerIn : parent
            source : "home.png"
        }

        Image {
            id : homeIconPressed

            visible : homeTapArea.pressed

            anchors.centerIn : parent
            source : "homeHighlight.png"
        }
    }

    Column {
        id : buttonColumn

        y : 1022
        anchors.left : parent.left
        anchors.right : parent.right

        Item {
            id : deToggle

            property bool active : true

            anchors.horizontalCenter : parent.horizontalCenter

            width  : 78
            height : 78

            TapArea {
                id : deToggleTapArea

                anchors.fill : parent

                mouseEnabled : true
                onTap : {
                    languageTap();
                    portrait_.timerInactive.restart();
                    deToggle.active = true;
                    enToggle.active = false;
                    language = "de";
                    languageTimer.start();
                }
            }

            Image {
                id : deToggleIconOn

                visible : deToggle.active

                anchors.centerIn : parent
                source : "germanOn.png"
            }

            Image {
                id : deToggleIconOff

                visible : !deToggle.active

                anchors.centerIn : parent
                source : "germanOff.png"
            }
        }

        Item {
            id : enToggle

            property bool active : false

            anchors.horizontalCenter : parent.horizontalCenter

            width  : 78
            height : 78

            TapArea {
                id : enToggleTapArea

                anchors.fill : parent

                mouseEnabled : true
                onTap : {
                    languageTap();
                    portrait_.timerInactive.restart();
                    enToggle.active = true;
                    deToggle.active = false;
                    language = "en";
                    languageTimer.start();
                }
            }

            Image {
                id : enToggleIconOn

                visible : enToggle.active

                anchors.centerIn : parent
                source : "englishOn.png"
            }

            Image {
                id : enToggleIconOff

                visible : !enToggle.active

                anchors.centerIn : parent
                source : "englishOff.png"
            }
        }

        Item {
            id : searchButton

            width  : 78
            height : 78

            anchors.horizontalCenter : parent.horizontalCenter
            y : 813

            TapArea {
                id : searchTapArea

                anchors.fill : parent

                mouseEnabled : true
                onTap : searchTap()
            }

            Image {
                id : searchIcon

                visible : !searchTapArea.pressed

                anchors.centerIn : parent
                source : "searchThick.png"
            }

            Image {
                id : searchIconPressed

                visible : searchTapArea.pressed

                anchors.centerIn : parent
                source : "searchThickHighlight.png"
            }
        }
    }
}