CuteGit/qml/TopBar.qml

import QtQuick 2.0
import QtQuick.Dialogs 1.2
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
Item {
    id: root
    anchors.right: parent.right
    anchors.left: parent.left
    height: childrenRect.height
    signal closeClicked()
    property alias closeVisible: closeControl.visible
    Row {
        spacing: 10
        height: 50
        ComboBox {
            id: repositories
            width: 400
            model: _handler.repositories
            textRole: "name"
            onActivated: {
                _handler.activateRepository(index)
            }
        }

        Text {
            text: "Active repository" + repoOpenDialog.fileUrl
        }
        Button {
            text: "Choose..."
            onClicked: repoOpenDialog.open()
        }

        Text {
            text: _handler.activeRepo.name
        }

        FileDialog {
            id: repoOpenDialog
            folder: "."
            selectFolder: true
            selectMultiple: false
            onAccepted: {
                //TODO: repo open is not available
                _handler.open(repoOpenDialog.fileUrl)
            }
        }

    }

    Button {
        id: closeControl
        anchors.right: parent.right
        anchors.top: parent.top
        anchors.topMargin: 10
        anchors.rightMargin: 10
        style: ButtonStyle {
            background: Image {
                source: control.pressed ? "qrc:///images/x-mark-3-24_active.png" : "qrc:///images/x-mark-3-24.png"
            }
        }
        onClicked: {
            root.closeClicked()
        }
    }
}