258 lines
8.6 KiB
QML
258 lines
8.6 KiB
QML
/*
|
|
SPDX-FileCopyrightText: 2015 Eike Hein <hein@kde.org>
|
|
|
|
SPDX-License-Identifier: GPL-2.0-or-later
|
|
*/
|
|
|
|
import QtQuick
|
|
|
|
import org.kde.ksvg 1.0 as KSvg
|
|
import org.kde.plasma.components as PlasmaComponents
|
|
import org.kde.plasma.extras 2.0 as PlasmaExtras
|
|
import org.kde.kirigami 2.20 as Kirigami
|
|
import org.kde.plasma.private.kicker 0.1 as Kicker
|
|
import org.kde.plasma.plasmoid
|
|
|
|
PlasmaComponents.ScrollView {
|
|
id: itemMultiGrid
|
|
|
|
anchors {
|
|
top: parent.top
|
|
}
|
|
|
|
width: parent.width
|
|
|
|
implicitHeight: itemColumn.implicitHeight
|
|
|
|
signal keyNavLeft(int subGridIndex)
|
|
signal keyNavRight(int subGridIndex)
|
|
signal keyNavUp()
|
|
signal keyNavDown()
|
|
|
|
property bool grabFocus: false
|
|
|
|
property alias model: repeater.model
|
|
property alias count: repeater.count
|
|
property alias flickableItem: flickable
|
|
|
|
property int cellWidth
|
|
property int cellHeight
|
|
|
|
function subGridAt(index) {
|
|
return repeater.itemAt(index).itemGrid;
|
|
}
|
|
|
|
function tryActivate(row, col) { // FIXME TODO: Cleanup messy algo.
|
|
if (flickable.contentY > 0) {
|
|
row = 0;
|
|
}
|
|
|
|
var target = null;
|
|
var rows = 0;
|
|
|
|
for (var i = 0; i < repeater.count; i++) {
|
|
var grid = subGridAt(i);
|
|
if(grid.count > 0 ){
|
|
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);
|
|
}
|
|
}
|
|
|
|
onFocusChanged: {
|
|
if (!focus) {
|
|
for (var i = 0; i < repeater.count; i++) {
|
|
subGridAt(i).focus = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
Flickable {
|
|
id: flickable
|
|
|
|
flickableDirection: Flickable.VerticalFlick
|
|
contentHeight: itemColumn.implicitHeight
|
|
//focusPolicy: Qt.NoFocus
|
|
|
|
Column {
|
|
id: itemColumn
|
|
|
|
width: itemMultiGrid.width - Kirigami.Units.gridUnit
|
|
|
|
Repeater {
|
|
id: repeater
|
|
|
|
delegate: Item {
|
|
width: itemColumn.width
|
|
height: gridView.height + gridViewLabel.height + Kirigami.Units.largeSpacing * 2
|
|
visible: gridView.count > 0
|
|
|
|
property Item itemGrid: gridView
|
|
|
|
Kirigami.Heading {
|
|
id: gridViewLabel
|
|
|
|
anchors.top: parent.top
|
|
|
|
x: Kirigami.Units.smallSpacing
|
|
width: parent.width - x
|
|
height: dummyHeading.height
|
|
|
|
elide: Text.ElideRight
|
|
wrapMode: Text.NoWrap
|
|
opacity: 0.8
|
|
|
|
color: Kirigami.Theme.textColor
|
|
|
|
level: 3
|
|
font.bold: true
|
|
font.weight: Font.DemiBold
|
|
|
|
text: repeater.model.modelForRow(index).description
|
|
textFormat: Text.PlainText
|
|
}
|
|
|
|
Rectangle{
|
|
anchors.right: parent.right
|
|
anchors.left: gridViewLabel.right
|
|
anchors.leftMargin: Kirigami.Units.largeSpacing
|
|
anchors.rightMargin: Kirigami.Units.largeSpacing
|
|
anchors.verticalCenter: gridViewLabel.verticalCenter
|
|
height: 1
|
|
color: Kirigami.Theme.textColor
|
|
opacity: 0.15
|
|
}
|
|
|
|
MouseArea {
|
|
width: parent.width
|
|
height: parent.height
|
|
onClicked: root.toggle()
|
|
}
|
|
|
|
ItemGridView {
|
|
id: gridView
|
|
|
|
anchors {
|
|
top: gridViewLabel.bottom
|
|
topMargin: Kirigami.Units.largeSpacing
|
|
}
|
|
|
|
width: parent.width
|
|
height: Math.ceil(count / Plasmoid.configuration.numberColumns) * itemMultiGrid.cellHeight
|
|
cellWidth: itemMultiGrid.cellWidth
|
|
cellHeight: itemMultiGrid.cellHeight
|
|
iconSize: root.iconSize
|
|
|
|
verticalScrollBarPolicy: PlasmaComponents.ScrollBar.AlwaysOff
|
|
|
|
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) {
|
|
flickable.contentY = 0;
|
|
return;
|
|
}
|
|
|
|
var y = currentItem.y;
|
|
y = contentItem.mapToItem(flickable.contentItem, 0, y).y;
|
|
|
|
if (y < flickable.contentY) {
|
|
flickable.contentY = y;
|
|
} else {
|
|
y += itemMultiGrid.cellHeight;
|
|
y -= flickable.contentY;
|
|
y -= itemMultiGrid.height;
|
|
|
|
if (y > 0) {
|
|
flickable.contentY += y;
|
|
}
|
|
}
|
|
}
|
|
|
|
onKeyNavLeft: {
|
|
itemMultiGrid.keyNavLeft(index);
|
|
}
|
|
|
|
onKeyNavRight: {
|
|
itemMultiGrid.keyNavRight(index);
|
|
}
|
|
|
|
onKeyNavUp: {
|
|
if (index > 0) {
|
|
var i;
|
|
for (i = index; i > 0 ; i--) {
|
|
var prevGrid = subGridAt(i-1);
|
|
if(prevGrid.count > 0 ){
|
|
prevGrid.tryActivate(prevGrid.lastRow(), currentCol());
|
|
break;
|
|
}
|
|
}
|
|
if(i === 0){
|
|
itemMultiGrid.keyNavUp();
|
|
}
|
|
// var prevGrid = subGridAt(index - 1);
|
|
// prevGrid.tryActivate(prevGrid.lastRow(), currentCol());
|
|
} else {
|
|
itemMultiGrid.keyNavUp();
|
|
}
|
|
}
|
|
|
|
onKeyNavDown: {
|
|
if (index < repeater.count - 1) {
|
|
var i;
|
|
for (i = index; i < repeater.count - 1 ; i++) {
|
|
var grid = subGridAt(i+1);
|
|
if(grid.count > 0 ){
|
|
grid.tryActivate(0, currentCol());
|
|
break;
|
|
}
|
|
}
|
|
if(i === repeater.count){
|
|
itemMultiGrid.keyNavDown();
|
|
}
|
|
// 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)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|