modules/gui/qt/widgets/qml/TableViewDelegate.qml

   1 /*****************************************************************************
   2  * Copyright (C) 2021 VLC authors and VideoLAN
   3  *
   4  * This program is free software; you can redistribute it and/or modify
   5  * it under the terms of the GNU General Public License as published by
   6  * the Free Software Foundation; either version 2 of the License, or
   7  * ( at your option ) any later version.
   8  *
   9  * This program is distributed in the hope that it will be useful,
  10  * but WITHOUT ANY WARRANTY; without even the implied warranty of
  11  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
  12  * GNU General Public License for more details.
  13  *
  14  * You should have received a copy of the GNU General Public License
  15  * along with this program; if not, write to the Free Software
  16  * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston MA 02110-1301, USA.
  17  *****************************************************************************/
  18
  19 import QtQuick         2.11
  20 import QtQuick.Layouts 1.3
  21
  22 import "qrc:///widgets/" as Widgets
  23 import "qrc:///style/"
  24
  25 Rectangle {
  26     id: delegate
  27
  28     //---------------------------------------------------------------------------------------------
  29     // Properties
  30     //---------------------------------------------------------------------------------------------
  31
  32     property var rowModel: model
  33
  34     property bool selected: selectionDelegateModel.isSelected(root.model.index(index, 0))
  35
  36     readonly property bool highlighted: (selected || hoverArea.containsMouse || activeFocus)
  37
  38     readonly property int _index: index
  39
  40     property int _modifiersOnLastPress: Qt.NoModifier
  41
  42     readonly property color foregroundColor: (highlighted) ? VLCStyle.colors.bgHoverText
  43                                                            : VLCStyle.colors.text
  44
  45     //---------------------------------------------------------------------------------------------
  46     // Settings
  47     //---------------------------------------------------------------------------------------------
  48
  49     width: view.width
  50
  51     height: root.rowHeight
  52
  53     color: (highlighted) ? VLCStyle.colors.bgHover
  54                          : "transparent"
  55
  56     //---------------------------------------------------------------------------------------------
  57     // Connections
  58     //---------------------------------------------------------------------------------------------
  59
  60     Connections {
  61         target: selectionDelegateModel
  62
  63         onSelectionChanged: {
  64             delegate.selected = selectionDelegateModel.isSelected(root.model.index(index, 0));
  65         }
  66     }
  67
  68     //---------------------------------------------------------------------------------------------
  69     // Childs
  70     //---------------------------------------------------------------------------------------------
  71
  72     MouseArea {
  73         id: hoverArea
  74
  75         //-----------------------------------------------------------------------------------------
  76         // Settings
  77
  78         anchors.fill: parent
  79
  80         hoverEnabled: true
  81
  82         Keys.onMenuPressed: root.contextMenuButtonClicked(contextButton,rowModel)
  83
  84         acceptedButtons: Qt.RightButton | Qt.LeftButton
  85
  86         drag.target: root.dragItem
  87
  88         drag.axis: Drag.XAndYAxis
  89
  90         //-----------------------------------------------------------------------------------------
  91         // Events
  92
  93         onPressed: _modifiersOnLastPress = mouse.modifiers
  94
  95         onClicked: {
  96             if (mouse.button === Qt.LeftButton
  97                 ||
  98                 selectionDelegateModel.isSelected(root.model.index(index, 0)) == false) {
  99
 100                 selectionDelegateModel.updateSelection(mouse.modifiers, view.currentIndex, index);
 101
 102                 view.currentIndex = index;
 103
 104                 delegate.forceActiveFocus();
 105             }
 106
 107             if (mouse.button === Qt.RightButton)
 108                 root.rightClick(delegate, rowModel, hoverArea.mapToGlobal(mouse.x, mouse.y));
 109         }
 110
 111         onPositionChanged: {
 112             if (drag.active == false)
 113                 return;
 114
 115             var pos = drag.target.parent.mapFromItem(hoverArea, mouseX, mouseY);
 116
 117             // FIXME: Shouldn't this be specified in VLCStyle ?
 118             var delta = VLCStyle.dp(12);
 119
 120             drag.target.x = pos.x + delta;
 121             drag.target.y = pos.y + delta;
 122         }
 123
 124         onDoubleClicked: {
 125             if (mouse.button === Qt.LeftButton)
 126                 root.itemDoubleClicked(delegate._index, rowModel)
 127         }
 128
 129         drag.onActiveChanged: {
 130             // NOTE: Perform the "click" action because the click action is only executed on mouse
 131             //       release (we are in the pressed state) but we will need the updated list on drop.
 132             if (drag.active
 133                 &&
 134                 selectionDelegateModel.isSelected(root.model.index(index, 0)) == false) {
 135
 136                 selectionDelegateModel.updateSelection(_modifiersOnLastPress, view.currentIndex,
 137                                                        index);
 138             } else if (root.dragItem) {
 139                 root.dragItem.Drag.drop();
 140             }
 141
 142             root.dragItem.Drag.active = drag.active;
 143         }
 144
 145         //-----------------------------------------------------------------------------------------
 146         // Childs
 147
 148         Row {
 149             id: content
 150
 151             anchors.top   : parent.top
 152             anchors.bottom: parent.bottom
 153
 154             anchors.leftMargin  : VLCStyle.margin_xxxsmall
 155             anchors.rightMargin : VLCStyle.margin_xxxsmall
 156             anchors.topMargin   : VLCStyle.margin_xxsmall
 157             anchors.bottomMargin: VLCStyle.margin_xxsmall
 158
 159             anchors.horizontalCenter: parent.horizontalCenter
 160
 161             anchors.horizontalCenterOffset: Math.round(-(root._contextButtonHorizontalSpace) / 2)
 162
 163             spacing: root.horizontalSpacing
 164
 165             Repeater {
 166                 model: sortModel
 167
 168                 Item {
 169                     height: parent.height
 170
 171                     width: (modelData.width) ? modelData.width
 172                                              : 1
 173
 174                     Layout.alignment: Qt.AlignVCenter
 175
 176                     SmoothedAnimation on width {
 177                         duration: 256
 178
 179                         easing.type: Easing.OutCubic
 180                     }
 181
 182                     Loader{
 183                         property var rowModel: delegate.rowModel
 184                         property var colModel: modelData
 185
 186                         readonly property int index: delegate._index
 187
 188                         readonly property bool currentlyFocused: delegate.activeFocus
 189
 190                         readonly property bool containsMouse: hoverArea.containsMouse
 191
 192                         readonly property color foregroundColor: delegate.foregroundColor
 193
 194                         anchors.fill: parent
 195
 196                         sourceComponent: (colModel.colDelegate) ? colModel.colDelegate
 197                                                                 : root.colDelegate
 198                     }
 199                 }
 200             }
 201         }
 202
 203         Widgets.ContextButton {
 204             anchors.left: content.right
 205
 206             anchors.leftMargin: VLCStyle.margin_xxsmall
 207
 208             anchors.verticalCenter: content.verticalCenter
 209
 210             color: delegate.foregroundColor
 211
 212             backgroundColor: (hovered || activeFocus)
 213                              ? VLCStyle.colors.getBgColor(delegate.selected, hovered, activeFocus)
 214                              : "transparent"
 215
 216             visible: hoverArea.containsMouse
 217
 218             onClicked: root.contextMenuButtonClicked(this, delegate.rowModel)
 219         }
 220     }
 221 }