UTPassMirror/qml/pages/headers/MainHeader.qml

import QtQuick 2.4
import Ubuntu.Components 1.3

PageHeader {
    id: mainHeader
    width: parent.width
    height: units.gu(6)
    title: i18n.tr("UTPass")

    contents: Item {
        height: parent.height
        width: parent.width
        Label {
            id: labelTitle
            text: mainHeader.title
            anchors.verticalCenter: parent.verticalCenter
            visible: true
        }
        TextField {
            id: searchBar
            anchors.right: parent.right
            anchors.left: parent.left
            placeholderText: i18n.tr("Search")
            height: units.gu(4)
            visible: false
            anchors.verticalCenter: parent.verticalCenter
            onFocusChanged: {

            }
        }
    }

    trailingActionBar.height: units.gu(4)
    trailingActionBar.numberOfSlots: 2
    trailingActionBar.actions: [
        Action {
            iconName: "search"
            text: i18n.tr("Search")
            onTriggered: {
                searchBar.visible = !searchBar.visible
                labelTitle.visible = !searchBar.visible
                if (searchBar.visible === true) {
                    searchBar.focus = true
                }
            }
        },
        Action {
            iconName: "settings"
            text: i18n.tr("Settings")
            onTriggered: {
                pageStack.push(Qt.resolvedUrl("../Settings.qml"))
            }
        },
        Action {
            iconName: "info"
            text: i18n.tr("Info")
            onTriggered: {
                pageStack.push(Qt.resolvedUrl("../Info.qml"))
            }
        }
    ]
}