modules/gui/qt/medialibrary/qml/PlaylistMediaDisplay.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.Controls 2.4
  21 import QtQuick.Layouts  1.3
  22 import QtQml.Models     2.2
  23
  24 import org.videolan.medialib 0.1
  25
  26 import "qrc:///widgets/" as Widgets
  27 import "qrc:///main/"    as MainInterface
  28 import "qrc:///util/"    as Util
  29 import "qrc:///style/"
  30
  31 Widgets.NavigableFocusScope {
  32     id: root
  33
  34     //---------------------------------------------------------------------------------------------
  35     // Properties
  36     //---------------------------------------------------------------------------------------------
  37
  38     readonly property bool isViewMultiView: false
  39
  40     readonly property int currentIndex: currentItem.currentIndex
  41
  42     property int     initialIndex: 0
  43     property variant initialId
  44     property string  initialName
  45
  46     // NOTE: Specify an optionnal header for the view.
  47     property Component header: undefined
  48
  49     property Item headerItem: (currentItem) ? currentItem.headerItem : undefined
  50
  51     //---------------------------------------------------------------------------------------------
  52     // Aliases
  53     //---------------------------------------------------------------------------------------------
  54
  55     // NOTE: This is used to determine which media(s) shall be displayed.
  56     property alias parentId: model.parentId
  57
  58     // NOTE: The name of the playlist.
  59     property alias name: label.text
  60
  61     property alias model: model
  62
  63     property alias currentItem: view
  64
  65     //---------------------------------------------------------------------------------------------
  66
  67     property alias dragItem: dragItem
  68
  69     //---------------------------------------------------------------------------------------------
  70     // Settings
  71     //---------------------------------------------------------------------------------------------
  72
  73     navigationCancel: function() {
  74         if (currentItem.currentIndex <= 0) {
  75             defaultNavigationCancel()
  76         } else {
  77             currentItem.currentIndex = 0;
  78
  79             currentItem.positionViewAtIndex(0, ItemView.Contain);
  80         }
  81     }
  82
  83     //---------------------------------------------------------------------------------------------
  84     // Events
  85     //---------------------------------------------------------------------------------------------
  86
  87     onModelChanged: resetFocus()
  88
  89     onInitialIndexChanged: resetFocus()
  90
  91     //---------------------------------------------------------------------------------------------
  92     // Functions
  93     //---------------------------------------------------------------------------------------------
  94
  95     function setCurrentItemFocus() { view.currentItem.forceActiveFocus() }
  96
  97     function resetFocus() {
  98         if (model.count === 0) return
  99
 100         var initialIndex = root.initialIndex
 101
 102         if (initialIndex >= model.count)
 103             initialIndex = 0
 104
 105         modelSelect.select(model.index(initialIndex, 0), ItemSelectionModel.ClearAndSelect);
 106
 107         if (currentItem)
 108             currentItem.positionViewAtIndex(initialIndex, ItemView.Contain);
 109     }
 110
 111     //---------------------------------------------------------------------------------------------
 112     // Private
 113
 114     function _actionAtIndex(index) {
 115         g_mainDisplay.showPlayer();
 116
 117         medialib.addAndPlay(model.getIdsForIndexes(modelSelect.selectedIndexes));
 118     }
 119
 120     //---------------------------------------------------------------------------------------------
 121     // Childs
 122     //---------------------------------------------------------------------------------------------
 123
 124     MLPlaylistModel {
 125         id: model
 126
 127         ml: medialib
 128
 129         parentId: initialId
 130
 131         onCountChanged: {
 132             if (count === 0 || modelSelect.hasSelection) return;
 133
 134             resetFocus();
 135         }
 136     }
 137
 138     Widgets.SubtitleLabel {
 139         id: label
 140
 141         anchors.top: parent.top
 142
 143         anchors.topMargin: VLCStyle.margin_normal
 144
 145         width: root.width
 146
 147         leftPadding  : VLCStyle.margin_xlarge
 148         bottomPadding: VLCStyle.margin_xsmall
 149
 150         text: initialName
 151     }
 152
 153     Widgets.DragItem {
 154         id: dragItem
 155
 156         function updateComponents(maxCovers) {
 157             var items = modelSelect.selectedIndexes.slice(0, maxCovers).map(function (x){
 158                 return model.getDataAt(x.row);
 159             })
 160
 161             var covers = items.map(function (item) {
 162                 return { artwork: item.thumbnail || VLCStyle.noArtCover }
 163             });
 164
 165             var title = items.map(function (item) {
 166                 return item.title
 167             }).join(", ");
 168
 169             return {
 170                 covers: covers,
 171                 title: title,
 172                 count: modelSelect.selectedIndexes.length
 173             }
 174         }
 175
 176         function insertIntoPlaylist(index) {
 177             medialib.insertIntoPlaylist(index,
 178                                         model.getIdsForIndexes(modelSelect.selectedIndexes));
 179         }
 180     }
 181
 182     Util.SelectableDelegateModel {
 183         id: modelSelect
 184
 185         model: root.model
 186     }
 187
 188     PlaylistMediaContextMenu {
 189         id: contextMenu
 190
 191         model: root.model
 192     }
 193
 194     PlaylistMedia
 195     {
 196         id: view
 197
 198         //-------------------------------------------------------------------------------------
 199         // Settings
 200
 201         anchors.left  : parent.left
 202         anchors.right : parent.right
 203         anchors.top   : label.bottom
 204         anchors.bottom: parent.bottom
 205
 206         clip: true
 207
 208         focus: (model.count !== 0)
 209
 210         model: root.model
 211
 212         selectionDelegateModel: modelSelect
 213
 214         dragItem: root.dragItem
 215
 216         header: root.header
 217
 218         headerTopPadding: VLCStyle.margin_normal
 219
 220         headerPositioning: ListView.InlineHeader
 221
 222         navigationParent: root
 223         navigationUpItem: (headerItem) ? headerItem.focus : undefined
 224
 225         //-------------------------------------------------------------------------------------
 226         // Events
 227
 228         onContextMenuButtonClicked: contextMenu.popup(modelSelect.selectedIndexes,
 229                                                       menuParent.mapToGlobal(0,0))
 230
 231         onRightClick: contextMenu.popup(modelSelect.selectedIndexes, globalMousePos)
 232     }
 233
 234     EmptyLabel {
 235         anchors.fill: parent
 236
 237         visible: (model.count === 0)
 238
 239         focus: visible
 240
 241         text: i18n.qtr("No media found")
 242
 243         cover: VLCStyle.noArtAlbumCover
 244
 245         navigationParent: root
 246     }
 247 }