229 lines
7.9 KiB
QML
229 lines
7.9 KiB
QML
/***************************************************************************
|
|
* Copyright (C) 2015 by Eike Hein <hein@kde.org> *
|
|
* Copyright (C) 2021 by Prateek SU <pankajsunal123@gmail.com> *
|
|
* *
|
|
* This program is free software; you can redistribute it and/or modify *
|
|
* it under the terms of the GNU General Public License as published by *
|
|
* the Free Software Foundation; either version 2 of the License, or *
|
|
* (at your option) any later version. *
|
|
* *
|
|
* This program is distributed in the hope that it will be useful, *
|
|
* but WITHOUT ANY WARRANTY; without even the implied warranty of *
|
|
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the *
|
|
* GNU General Public License for more details. *
|
|
* *
|
|
* You should have received a copy of the GNU General Public License *
|
|
* along with this program; if not, write to the *
|
|
* Free Software Foundation, Inc., *
|
|
* 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA . *
|
|
***************************************************************************/
|
|
|
|
import QtQuick 2.12
|
|
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.plasma.extras 2.0 as PlasmaExtras
|
|
|
|
import org.kde.plasma.private.kicker 0.1 as Kicker
|
|
import QtQuick.Controls 2.1
|
|
PlasmaExtras.ScrollArea {
|
|
//
|
|
id: itemMultiGrid
|
|
|
|
anchors {
|
|
top: parent.top
|
|
}
|
|
width: parent.width
|
|
implicitHeight: itemColumn.implicitHeight + units.largeSpacing
|
|
|
|
signal keyNavLeft(int subGridIndex)
|
|
signal keyNavRight(int subGridIndex)
|
|
signal keyNavUp()
|
|
signal keyNavDown()
|
|
|
|
property bool grabFocus: false
|
|
property bool showDescriptions: false
|
|
property int iconSize: units.iconSizes.medium
|
|
|
|
property alias model: repeater.model
|
|
property alias count: repeater.count
|
|
|
|
//clip: true
|
|
verticalScrollBarPolicy: Qt.ScrollBarAsNeeded
|
|
|
|
flickableItem.flickableDirection: Flickable.VerticalFlick
|
|
|
|
onFocusChanged: {
|
|
if (!focus) {
|
|
for (var i = 0; i < repeater.count; i++) {
|
|
subGridAt(i).focus = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
function subGridAt(index) {
|
|
return repeater.itemAt(index).itemGrid;
|
|
}
|
|
|
|
function tryActivate(row, col) { // FIXME TODO: Cleanup messy algo.
|
|
if (flickableItem.contentY > 0) {
|
|
row = 0;
|
|
}
|
|
|
|
var target = null;
|
|
var rows = 0;
|
|
|
|
for (var i = 0; i < repeater.count; i++) {
|
|
var grid = subGridAt(i);
|
|
|
|
if (rows <= row) {
|
|
target = grid;
|
|
rows += grid.lastRow() + 2; // Header counts as one.
|
|
} else {
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (target) {
|
|
rows -= (target.lastRow() + 2);
|
|
target.tryActivate(row - rows, col);
|
|
}
|
|
}
|
|
|
|
Column {
|
|
id: itemColumn
|
|
|
|
width: itemMultiGrid.width - units.gridUnit
|
|
|
|
Repeater {
|
|
id: repeater
|
|
|
|
delegate: Item {
|
|
width: itemColumn.width
|
|
height: headerHeight + gridView.height + (index == repeater.count - 1 ? 0 : footerHeight)
|
|
|
|
property int headerHeight: gridViewLabel.height
|
|
property int footerHeight: units.smallSpacing * 3
|
|
visible: gridView.count > 0
|
|
property Item itemGrid: gridView
|
|
|
|
PlasmaExtras.Heading {
|
|
id: gridViewLabel
|
|
anchors.top: parent.top
|
|
//anchors.topMargin: 8
|
|
x: units.smallSpacing
|
|
width: parent.width - x
|
|
height: dummyHeading.height
|
|
elide: Text.ElideRight
|
|
wrapMode: Text.NoWrap
|
|
opacity: 1.0
|
|
color: theme.textColor
|
|
level: 5
|
|
font.weight: Font.Bold
|
|
text: repeater.model.modelForRow(index).description
|
|
}
|
|
|
|
MouseArea {
|
|
width: parent.width
|
|
height: parent.height
|
|
onClicked: root.toggle()
|
|
}
|
|
|
|
ItemGridView {
|
|
id: gridView
|
|
|
|
anchors {
|
|
top: gridViewLabel.bottom
|
|
topMargin: units.smallSpacing
|
|
}
|
|
|
|
//TODO >
|
|
dragEnabled: false
|
|
dropEnabled: false
|
|
showDescriptions: itemMultiGrid.showDescriptions
|
|
// <
|
|
|
|
width: parent.width
|
|
height: Math.ceil(count * cellHeight)
|
|
cellWidth: parent.width
|
|
cellHeight: root.iconSize + (2 * highlightItemSvg.margins.top)//<>cellSize
|
|
iconSize: root.iconSize
|
|
model: repeater.model.modelForRow(index)
|
|
|
|
onFocusChanged: {
|
|
if (focus) {
|
|
itemMultiGrid.focus = true;
|
|
}
|
|
}
|
|
|
|
onCountChanged: {
|
|
if (itemMultiGrid.grabFocus && index == 0 && count > 0) {
|
|
currentIndex = 0;
|
|
focus = true;
|
|
}
|
|
}
|
|
|
|
onCurrentItemChanged: {
|
|
if (!currentItem) {
|
|
return;
|
|
}
|
|
|
|
if (index == 0 && currentRow() === 0) {
|
|
itemMultiGrid.flickableItem.contentY = 0;
|
|
return;
|
|
}
|
|
|
|
var y = currentItem.y;
|
|
y = contentItem.mapToItem(itemMultiGrid.flickableItem.contentItem, 0, y).y;
|
|
|
|
if (y < itemMultiGrid.flickableItem.contentY) {
|
|
itemMultiGrid.flickableItem.contentY = y;
|
|
} else {
|
|
y += cellSize;
|
|
y -= itemMultiGrid.flickableItem.contentY;
|
|
y -= itemMultiGrid.viewport.height;
|
|
|
|
if (y > 0) {
|
|
itemMultiGrid.flickableItem.contentY += y;
|
|
}
|
|
}
|
|
}
|
|
|
|
onKeyNavLeft: {
|
|
itemMultiGrid.keyNavLeft(index);
|
|
}
|
|
|
|
onKeyNavRight: {
|
|
itemMultiGrid.keyNavRight(index);
|
|
}
|
|
|
|
onKeyNavUp: {
|
|
if (index > 0) {
|
|
var prevGrid = subGridAt(index - 1);
|
|
prevGrid.tryActivate(prevGrid.lastRow(), currentCol());
|
|
} else {
|
|
itemMultiGrid.keyNavUp();
|
|
}
|
|
}
|
|
|
|
onKeyNavDown: {
|
|
if (index < repeater.count - 1) {
|
|
subGridAt(index + 1).tryActivate(0, currentCol());
|
|
} else {
|
|
itemMultiGrid.keyNavDown();
|
|
}
|
|
}
|
|
}
|
|
|
|
// HACK: Steal wheel events from the nested grid view and forward them to
|
|
// the ScrollView's internal WheelArea.
|
|
Kicker.WheelInterceptor {
|
|
anchors.fill: gridView
|
|
z: 1
|
|
|
|
destination: findWheelArea(itemMultiGrid.flickableItem)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|