TimelineLabels.qml 7.25 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
/****************************************************************************
**
** 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
78 79 80 81
            delegate: SynchronousReloader {
                id: loader
                asynchronous: y < categories.contentY + categories.height &&
                              y + height > categories.contentY
82 83
                active: modelData !== null && zoomer !== null &&
                        (zoomer.traceDuration <= 0 || (!modelData.hidden && !modelData.empty))
84
                height: active ? Math.max(modelData.height, modelData.defaultRowHeight) : 0
85
                width: categories.width
86
                property int visualIndex: DelegateModel.itemsIndex
Ulf Hermann's avatar
Ulf Hermann committed
87

88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104
                sourceComponent: Rectangle {
                    color: categories.color
                    height: loader.height
                    width: loader.width

                    CategoryLabel {
                        id: label
                        model: modelData
                        notesModel: modelProxy.notes
                        visualIndex: loader.visualIndex
                        dragging: categories.dragging
                        reverseSelect: categories.reverseSelect
                        onDragStarted: categories.dragging = true
                        onDragStopped: categories.dragging = false
                        draggerParent: categories
                        width: 150
                        height: parent.height
105
                        dragOffset: loader.y
106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128

                        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));
                        }
Ulf Hermann's avatar
Ulf Hermann committed
129 130
                    }

131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147
                    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: loader.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)
Ulf Hermann's avatar
Ulf Hermann committed
148 149
                    }

150 151 152 153 154 155 156
                    Rectangle {
                        opacity: loader.y === 0 ? 0 : 1
                        color: "#B0B0B0"
                        height: 1
                        anchors.left: parent.left
                        anchors.right: parent.right
                        anchors.top: parent.top
Ulf Hermann's avatar
Ulf Hermann committed
157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174
                    }
                }
            }
        }

        Repeater {
            model: labelsModel
        }
    }

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