TimelineLabels.qml 6.48 KB
Newer Older
Ulf Hermann's avatar
Ulf Hermann committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165
/****************************************************************************
**
** 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"
    }
}