import QtQuick 2.0

Item {
    RoundButton{
        id: back

        anchors.top: parent.top
        anchors.left: parent.left
        anchors.margins: 20

        visible: navigationList.pIsBackVisible

        onClicked: navigationList.navigateBack();
    }

    Rectangle{
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.verticalCenter: parent.verticalCenter

        height: 210

        color: "#99ffffff"

        ListView{
            id: circleList
            anchors.left: parent.left
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter
            anchors.margins: 20

            height: parent.height - 40

            model: navigationList.pModelItems
            spacing: 20
            orientation: ListView.Horizontal
            delegate:
                NavigationListDelegate{
                id: delegate
                height: parent.height
                model: navigationList.pModelItems[index]
            }
        }
    }
}