~evfool/software-center/fixnavigation

/*

 * Copyright 2011 Canonical Ltd.

 *

 * Authors:

 *  Olivier Tilloy <olivier@tilloy.net>

 *

 * This program is free software; you can redistribute it and/or modify

 * it under the terms of the GNU General Public License as published by

 * the Free Software Foundation; version 3.

 *

 * This program is distributed in the hope that it will be useful,

 * but WITHOUT ANY WARRANTY; without even the implied warranty of

 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the

 * GNU General Public License for more details.

 *

 * You should have received a copy of the GNU General Public License

 * along with this program.  If not, see <http://www.gnu.org/licenses/>.

 */

 

import QtQuick 1.0

 

Item {

    id: breadcrumbs

 

    property int animationDuration: 150

    property alias model: crumbslist.model

    property alias count: crumbslist.count

 

    function addCrumb(text, view, key) {

        crumbslist.model.append({ label: text, view: view, key: key })

    }

 

    function removeCrumb() {

        if (crumbslist.model.count > 1) {

            crumbslist.model.remove(crumbslist.model.count - 1)

        }

    }

 

    signal crumbClicked(int index)

 

    SystemPalette { id: activePalette }

 

    ListView {

        id: crumbslist

        interactive: false

        anchors.fill: parent

        anchors.margins: 10

 

        model: ListModel {}

 

        orientation: ListView.Horizontal

 

        delegate: Rectangle {

            id: delegate

 

            property real margins: 10

            property real fullWidth: text.paintedWidth + 2 * margins

 

            width: fullWidth

            height: crumbslist.height

 

            border.width: 1

            border.color: activePalette.shadow

            color: mousearea.containsMouse && !mousearea.pressed ? activePalette.light : activePalette.button

 

            clip: true

 

            Text {

                id: text

                anchors.verticalCenter: parent.verticalCenter

                x: parent.margins

                color: activePalette.buttonText

                text: label

            }

 

            MouseArea {

                id: mousearea

                anchors.fill: parent

                hoverEnabled: true

                onClicked: {

                    while ((crumbslist.model.count - 1) > index) {

                        breadcrumbs.removeCrumb()

                    }

                    breadcrumbs.crumbClicked(index)

                }

            }

 

            ListView.onAdd: SequentialAnimation {

                PropertyAction { target: delegate; property: "ListView.delayRemove"; value: true }

                PropertyAction { target: delegate; property: "width"; value: 0 }

                NumberAnimation { target: delegate; property: "width"; to: fullWidth; duration: breadcrumbs.animationDuration }

                PropertyAction { target: delegate; property: "ListView.delayRemove"; value: false }

            }

            ListView.onRemove: SequentialAnimation {

                PropertyAction { target: delegate; property: "ListView.delayRemove"; value: true }

                NumberAnimation { target: delegate; property: "width"; to: 0; duration: breadcrumbs.animationDuration }

                PropertyAction { target: delegate; property: "ListView.delayRemove"; value: false }

            }

        }

    }

}