import QtQuick 1.0

Rectangle {

    id: categoriesRect
    width: 220; height: window.height
    color: "#efefef"

    ListView {
        focus: true
        id: categories
        x: 0; y: 0
        width: 220; height: window.height
        model: currentSource.listModels[componentDepth-1]
        footer: getFooter()
        delegate: CategoryDelegate { }
        highlight: Rectangle { color: "steelblue" }
        highlightMoveSpeed: 9999999

        function getFooter()
        {
            return componentDepth === 1 && currentSource.hasSettings ? settingsButtonDelegate : null
        }
    }
    ScrollBar { scrollArea: categories; height: categories.height; width: 8; anchors.right: categories.right }

    Component.onCompleted: categories.currentIndex = -1

    Component {
        id: settingsButtonDelegate
        Item {
            width: categories.width; height: 70

            FancyButton {
                icon: "../images/settings.png"
                anchors.horizontalCenter: parent.horizontalCenter
                anchors.bottom: parent.bottom
                anchors.bottomMargin: -2

                /*
                onClicked: {
                    if (editMenu.visible) {
                        editMenu.opacity = 0.0
                    } else {
                        editMenu.opacity = 0.8
                    }
                }*/
            }
        }
    }
}