/****************************************************************************
**
** Copyright (C) 2014 Digia Plc and/or its subsidiary(-ies).
** Contact: http://www.qt-project.org/legal
**
** This file is part of Qt Creator.
**
** Commercial License Usage
** Licensees holding valid commercial Qt licenses may use this file in
** accordance with the commercial license agreement provided with the
** Software or, alternatively, in accordance with the terms contained in
** a written agreement between you and Digia.  For licensing terms and
** conditions see http://www.qt.io/licensing.  For further information
** use the contact form at http://www.qt.io/contact-us.
**
** GNU Lesser General Public License Usage
** Alternatively, this file may be used under the terms of the GNU Lesser
** General Public License version 2.1 or version 3 as published by the Free
** Software Foundation and appearing in the file LICENSE.LGPLv21 and
** LICENSE.LGPLv3 included in the packaging of this file.  Please review the
** following information to ensure the GNU Lesser General Public License
** requirements will be met: https://www.gnu.org/licenses/lgpl.html and
** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
**
** In addition, as a special exception, Digia gives you certain additional
** rights.  These rights are described in the Digia Qt LGPL Exception
** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
**
****************************************************************************/

import QtQuick 2.0
import QtQml.Models 2.1

Flickable {
    id: categories
    flickableDirection: Flickable.VerticalFlick
    interactive: false
    property color color

    property int selectedModel
    property int selectedItem
    property bool reverseSelect
    property QtObject modelProxy
    property QtObject zoomer

    signal selectItem(int modelIndex, int eventIndex)
    signal moveCategories(int sourceIndex, int targetIndex)

    // reserve some more space than needed to prevent weird effects when resizing
    contentHeight: categoryContent.height + height

    // Dispatch the cursor shape to all labels. When dragging the DropArea receiving
    // the drag events is not necessarily related to the MouseArea receiving the mouse
    // events, so we can't use the drag events to determine the cursor shape.
    property bool dragging: false

    Column {
        id: categoryContent
        anchors.left: parent.left
        anchors.right: parent.right

        DelegateModel {
            id: labelsModel

            // As we cannot retrieve items by visible index we keep an array of row counts here,
            // for the time marks to draw the row backgrounds in the right colors.
            property var rowCounts: new Array(modelProxy.models.length)

            function updateRowCount(visualIndex, rowCount) {
                if (rowCounts[visualIndex] !== rowCount) {
                    rowCounts[visualIndex] = rowCount;
                    // Array don't "change" if entries change. We have to signal manually.
                    rowCountsChanged();
                }
            }

            model: modelProxy.models
            delegate: Rectangle {
                color: categories.color

                anchors.left: parent.left
                anchors.right: parent.right
                property int visualIndex: DelegateModel.itemsIndex
                height: label.visible ? label.height : 0

                CategoryLabel {
                    id: label
                    model: modelData
                    mockup: modelProxy.height === 0
                    notesModel: modelProxy.notes
                    visualIndex: parent.visualIndex
                    dragging: categories.dragging
                    reverseSelect: categories.reverseSelect
                    onDragStarted: categories.dragging = true
                    onDragStopped: categories.dragging = false
                    draggerParent: categories
                    width: 150
                    dragOffset: parent.y

                    onDropped: {
                        categories.moveCategories(sourceIndex, targetIndex);
                        labelsModel.items.move(sourceIndex, targetIndex);
                    }

                    onSelectById: {
                        categories.selectItem(index, eventId)
                    }

                    onSelectNextBySelectionId: {
                        categories.selectItem(index, modelData.nextItemBySelectionId(selectionId,
                                zoomer.rangeStart,
                                categories.selectedModel === index ? categories.selectedItem : -1));
                    }

                    onSelectPrevBySelectionId: {
                        categories.selectItem(index, modelData.prevItemBySelectionId(selectionId,
                                zoomer.rangeStart,
                                categories.selectedModel === index ? categories.selectedItem : -1));
                    }
                }

                TimeMarks {
                    id: timeMarks
                    model: modelData
                    mockup: modelProxy.height === 0
                    anchors.right: parent.right
                    anchors.left: label.right
                    anchors.top: parent.top
                    anchors.bottom: parent.bottom
                    property int visualIndex: parent.visualIndex

                    // Quite a mouthful, but works fine: Add up all the row counts up to the one
                    // for this visual index and check if the result is even or odd.
                    startOdd: (labelsModel.rowCounts.slice(0, visualIndex).reduce(
                                   function(prev, rows) {return prev + rows}, 0) % 2) === 0

                    onRowCountChanged: labelsModel.updateRowCount(visualIndex, rowCount)
                    onVisualIndexChanged: labelsModel.updateRowCount(visualIndex, rowCount)
                }

                Rectangle {
                    visible: label.visible
                    opacity: parent.y == 0 ? 0 : 1
                    color: "#B0B0B0"
                    height: 1
                    anchors.left: parent.left
                    anchors.right: parent.right
                    anchors.top: parent.top
                }
            }
        }

        Repeater {
            model: labelsModel
        }
    }

    Rectangle {
        anchors.left: parent.left
        anchors.right: parent.right
        anchors.top: categoryContent.bottom
        height: 1
        color: "#B0B0B0"
    }
}