mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-28 06:33:09 +00:00
376 lines
16 KiB
QML
376 lines
16 KiB
QML
// SPDX-FileCopyrightText: 2023 Devin Lin <devin@kde.org>
|
|
// SPDX-License-Identifier: LGPL-2.0-or-later
|
|
|
|
import QtQuick
|
|
import QtQuick.Window
|
|
import QtQuick.Layouts
|
|
import QtQuick.Effects
|
|
|
|
import org.kde.plasma.components 3.0 as PC3
|
|
import org.kde.plasma.private.mobileshell.state as MobileShellState
|
|
import org.kde.plasma.private.mobileshell as MobileShell
|
|
import org.kde.private.mobile.homescreen.folio 1.0 as Folio
|
|
import org.kde.kirigami as Kirigami
|
|
|
|
import "./delegate"
|
|
import "./private"
|
|
|
|
Item {
|
|
id: root
|
|
|
|
property int pageNum
|
|
|
|
property var pageModel
|
|
property var homeScreen
|
|
|
|
// background when in settings view (for rearranging pages)
|
|
Rectangle {
|
|
id: settingsViewBackground
|
|
anchors.fill: parent
|
|
color: Qt.rgba(255, 255, 255, 0.2)
|
|
opacity: Folio.HomeScreenState.settingsOpenProgress
|
|
radius: Kirigami.Units.largeSpacing
|
|
}
|
|
|
|
// square that shows when hovering over a spot to drop a delegate on
|
|
PlaceholderDelegate {
|
|
id: dragDropFeedback
|
|
width: Folio.HomeScreenState.pageCellWidth
|
|
height: Folio.HomeScreenState.pageCellHeight
|
|
|
|
property var dropPosition: Folio.HomeScreenState.dragState.candidateDropPosition
|
|
property var dropDelegate: Folio.HomeScreenState.dragState.dropDelegate
|
|
property bool dropDelegateIsWidget: dropDelegate && dropDelegate.type === Folio.FolioDelegate.Widget
|
|
|
|
// only show if it is an empty spot on this page
|
|
visible: Folio.HomeScreenState.swipeState === Folio.HomeScreenState.DraggingDelegate &&
|
|
dropPosition.location === Folio.DelegateDragPosition.Pages &&
|
|
dropPosition.page === root.pageNum &&
|
|
!dropDelegateIsWidget &&
|
|
Folio.HomeScreenState.getPageDelegateAt(root.pageNum, dropPosition.pageRow, dropPosition.pageColumn) === null
|
|
|
|
x: dropPosition.pageColumn * Folio.HomeScreenState.pageCellWidth
|
|
y: dropPosition.pageRow * Folio.HomeScreenState.pageCellHeight
|
|
}
|
|
|
|
// square that shows when a widget hovers over a spot to drop a delegate on
|
|
Rectangle {
|
|
id: widgetDragDropFeedback
|
|
width: (dropDelegateIsWidget ? dropDelegate.widget.gridWidth : 0) * Folio.HomeScreenState.pageCellWidth
|
|
height: (dropDelegateIsWidget ? dropDelegate.widget.gridHeight : 0) * Folio.HomeScreenState.pageCellHeight
|
|
|
|
property var dropPosition: Folio.HomeScreenState.dragState.candidateDropPosition
|
|
property var dropDelegate: Folio.HomeScreenState.dragState.dropDelegate
|
|
property bool dropDelegateIsWidget: dropDelegate && dropDelegate.type === Folio.FolioDelegate.Widget
|
|
|
|
// only show if the widget can be placed here
|
|
visible: Folio.HomeScreenState.swipeState === Folio.HomeScreenState.DraggingDelegate &&
|
|
dropPosition.location === Folio.DelegateDragPosition.Pages &&
|
|
dropPosition.page === root.pageNum &&
|
|
dropDelegateIsWidget &&
|
|
pageModel.canAddDelegate(dropPosition.pageRow, dropPosition.pageColumn, dropDelegate)
|
|
|
|
radius: Kirigami.Units.smallSpacing
|
|
color: Qt.rgba(255, 255, 255, 0.3)
|
|
|
|
x: dropPosition.pageColumn * Folio.HomeScreenState.pageCellWidth
|
|
y: dropPosition.pageRow * Folio.HomeScreenState.pageCellHeight
|
|
|
|
layer.enabled: true
|
|
layer.effect: DelegateShadow {}
|
|
}
|
|
|
|
// repeater of all delegates in the page
|
|
Repeater {
|
|
model: root.pageModel
|
|
|
|
delegate: Item {
|
|
id: delegate
|
|
|
|
property Folio.FolioPageDelegate pageDelegate: model.delegate
|
|
property int row: pageDelegate.row
|
|
property int column: pageDelegate.column
|
|
|
|
property var dragState: Folio.HomeScreenState.dragState
|
|
|
|
property bool isDropPositionThis: dragState.candidateDropPosition.location === Folio.DelegateDragPosition.Pages &&
|
|
dragState.candidateDropPosition.page === root.pageNum &&
|
|
dragState.candidateDropPosition.pageRow === delegate.pageDelegate.row &&
|
|
dragState.candidateDropPosition.pageColumn === delegate.pageDelegate.column
|
|
|
|
property bool isAppHoveredOver: Folio.HomeScreenState.swipeState === Folio.HomeScreenState.DraggingDelegate &&
|
|
dragState.dropDelegate &&
|
|
dragState.dropDelegate.type === Folio.FolioDelegate.Application &&
|
|
isDropPositionThis
|
|
|
|
implicitWidth: loader.item ? loader.item.implicitWidth : 0
|
|
implicitHeight: loader.item ? loader.item.implicitHeight : 0
|
|
width: loader.item ? loader.item.width : 0
|
|
height: loader.item ? loader.item.height : 0
|
|
|
|
x: column * Folio.HomeScreenState.pageCellWidth
|
|
y: row * Folio.HomeScreenState.pageCellHeight
|
|
|
|
visible: row >= 0 && row < Folio.HomeScreenState.pageRows &&
|
|
column >= 0 && column < Folio.HomeScreenState.pageColumns
|
|
|
|
Loader {
|
|
id: loader
|
|
anchors.top: parent.top
|
|
anchors.left: parent.left
|
|
|
|
sourceComponent: {
|
|
if (delegate.pageDelegate.type === Folio.FolioDelegate.Application) {
|
|
return appComponent;
|
|
} else if (delegate.pageDelegate.type === Folio.FolioDelegate.Folder) {
|
|
return folderComponent;
|
|
} else if (delegate.pageDelegate.type === Folio.FolioDelegate.Widget) {
|
|
return widgetComponent;
|
|
} else {
|
|
return noneComponent;
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: noneComponent
|
|
|
|
Item {}
|
|
}
|
|
|
|
Component {
|
|
id: appComponent
|
|
|
|
AppDelegate {
|
|
id: appDelegate
|
|
name: Folio.FolioSettings.showPagesAppLabels ? delegate.pageDelegate.application.name : ""
|
|
application: delegate.pageDelegate.application
|
|
turnToFolder: delegate.isAppHoveredOver
|
|
turnToFolderAnimEnabled: Folio.HomeScreenState.swipeState === Folio.HomeScreenState.DraggingDelegate
|
|
|
|
implicitWidth: Folio.HomeScreenState.pageCellWidth
|
|
implicitHeight: Folio.HomeScreenState.pageCellHeight
|
|
width: Folio.HomeScreenState.pageCellWidth
|
|
height: Folio.HomeScreenState.pageCellHeight
|
|
|
|
// do not show if the drop animation is running to this delegate
|
|
visible: !(root.homeScreen.dropAnimationRunning && delegate.isDropPositionThis)
|
|
|
|
// don't show label in drag and drop mode
|
|
labelOpacity: delegate.opacity
|
|
|
|
onPressAndHold: {
|
|
let mappedCoords = root.homeScreen.prepareStartDelegateDrag(delegate.pageDelegate, appDelegate.delegateItem);
|
|
Folio.HomeScreenState.startDelegatePageDrag(
|
|
mappedCoords.x,
|
|
mappedCoords.y,
|
|
appDelegate.pressPosition.x,
|
|
appDelegate.pressPosition.y,
|
|
root.pageNum,
|
|
delegate.pageDelegate.row,
|
|
delegate.pageDelegate.column
|
|
);
|
|
|
|
contextMenu.open();
|
|
}
|
|
onPressAndHoldReleased: {
|
|
// cancel the event if the delegate is not dragged
|
|
if (Folio.HomeScreenState.swipeState === Folio.HomeScreenState.AwaitingDraggingDelegate) {
|
|
homeScreen.cancelDelegateDrag();
|
|
}
|
|
}
|
|
|
|
onRightMousePress: {
|
|
contextMenu.open();
|
|
}
|
|
|
|
// TODO don't use loader, and move outside to a page to make it more performant
|
|
ContextMenuLoader {
|
|
id: contextMenu
|
|
|
|
// close menu when drag starts
|
|
Connections {
|
|
target: Folio.HomeScreenState
|
|
|
|
function onSwipeStateChanged() {
|
|
if (Folio.HomeScreenState.swipeState === Folio.HomeScreenState.DraggingDelegate) {
|
|
contextMenu.close();
|
|
}
|
|
}
|
|
}
|
|
|
|
actions: [
|
|
Kirigami.Action {
|
|
icon.name: "emblem-favorite"
|
|
text: i18n("Remove")
|
|
onTriggered: root.pageModel.removeDelegate(delegate.row, delegate.column)
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: folderComponent
|
|
|
|
AppFolderDelegate {
|
|
id: appFolderDelegate
|
|
name: Folio.FolioSettings.showPagesAppLabels ? delegate.pageDelegate.folder.name : ""
|
|
folder: delegate.pageDelegate.folder
|
|
|
|
implicitWidth: Folio.HomeScreenState.pageCellWidth
|
|
implicitHeight: Folio.HomeScreenState.pageCellHeight
|
|
width: Folio.HomeScreenState.pageCellWidth
|
|
height: Folio.HomeScreenState.pageCellHeight
|
|
|
|
// do not show if the drop animation is running to this delegate, and the drop delegate is a folder
|
|
visible: !(root.homeScreen.dropAnimationRunning &&
|
|
delegate.isDropPositionThis &&
|
|
delegate.dragState.dropDelegate.type === Folio.FolioDelegate.Folder)
|
|
|
|
// don't show label in drag and drop mode
|
|
labelOpacity: delegate.opacity
|
|
|
|
appHoveredOver: delegate.isAppHoveredOver
|
|
|
|
onAfterClickAnimation: {
|
|
const pos = homeScreen.prepareFolderOpen(appFolderDelegate.contentItem);
|
|
Folio.HomeScreenState.openFolder(pos.x, pos.y, folder);
|
|
}
|
|
|
|
onPressAndHold: {
|
|
let mappedCoords = root.homeScreen.prepareStartDelegateDrag(delegate.pageDelegate, appFolderDelegate.delegateItem);
|
|
Folio.HomeScreenState.startDelegatePageDrag(
|
|
mappedCoords.x,
|
|
mappedCoords.y,
|
|
appFolderDelegate.pressPosition.x,
|
|
appFolderDelegate.pressPosition.y,
|
|
root.pageNum,
|
|
delegate.pageDelegate.row,
|
|
delegate.pageDelegate.column
|
|
);
|
|
|
|
contextMenu.open();
|
|
}
|
|
|
|
onPressAndHoldReleased: {
|
|
// cancel the event if the delegate is not dragged
|
|
if (Folio.HomeScreenState.swipeState === Folio.HomeScreenState.AwaitingDraggingDelegate) {
|
|
homeScreen.cancelDelegateDrag();
|
|
}
|
|
}
|
|
|
|
onRightMousePress: {
|
|
contextMenu.open();
|
|
}
|
|
|
|
// TODO don't use loader, and move outside to a page to make it more performant
|
|
ContextMenuLoader {
|
|
id: contextMenu
|
|
|
|
// close menu when drag starts
|
|
Connections {
|
|
target: Folio.HomeScreenState
|
|
|
|
function onSwipeStateChanged() {
|
|
if (Folio.HomeScreenState.swipeState === Folio.HomeScreenState.DraggingDelegate) {
|
|
contextMenu.close();
|
|
}
|
|
}
|
|
}
|
|
|
|
actions: [
|
|
Kirigami.Action {
|
|
icon.name: "emblem-favorite"
|
|
text: i18n("Remove")
|
|
onTriggered: root.pageModel.removeDelegate(delegate.row, delegate.column)
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: widgetComponent
|
|
|
|
WidgetDelegate {
|
|
id: widgetDelegate
|
|
|
|
// don't reparent applet if the drop animation is running to this delegate
|
|
// background: there is only one "visual" instance of the widget, once this delegate loads
|
|
// it will reparent it to here (but we don't want it to happen while the drop animation is running)
|
|
property bool suppressAppletReparent: (root.homeScreen.currentlyDraggedWidget === delegate.pageDelegate.widget)
|
|
&& delegate.isDropPositionThis
|
|
|
|
visible: !suppressAppletReparent
|
|
widget: suppressAppletReparent ? null : delegate.pageDelegate.widget
|
|
|
|
onStartEditMode: (pressPoint) => {
|
|
let mappedCoords = root.homeScreen.prepareStartDelegateDrag(delegate.pageDelegate, widgetDelegate);
|
|
Folio.HomeScreenState.startDelegatePageDrag(
|
|
mappedCoords.x,
|
|
mappedCoords.y,
|
|
pressPoint.x - mappedCoords.x,
|
|
pressPoint.y - mappedCoords.y,
|
|
root.pageNum,
|
|
delegate.pageDelegate.row,
|
|
delegate.pageDelegate.column
|
|
);
|
|
|
|
widgetConfig.startOpen();
|
|
}
|
|
|
|
onPressReleased: {
|
|
// cancel the event if the delegate is not dragged
|
|
if (Folio.HomeScreenState.swipeState === Folio.HomeScreenState.AwaitingDraggingDelegate) {
|
|
Folio.HomeScreenState.cancelDelegateDrag();
|
|
widgetConfig.fullyOpen();
|
|
}
|
|
}
|
|
|
|
layer.enabled: widgetDelegate.editMode
|
|
layer.effect: DarkenEffect {}
|
|
|
|
PC3.ToolTip {
|
|
visible: widgetDelegate.editMode && pressed
|
|
text: i18n('Release to configure, drag to move')
|
|
}
|
|
|
|
WidgetDelegateConfig {
|
|
id: widgetConfig
|
|
homeScreen: root.homeScreen
|
|
|
|
pageModel: root.pageModel
|
|
pageDelegate: delegate.pageDelegate
|
|
widget: delegate.pageDelegate.widget
|
|
|
|
pageNum: root.pageNum
|
|
row: delegate.row
|
|
column: delegate.column
|
|
|
|
widgetWidth: widgetDelegate.widgetWidth
|
|
widgetHeight: widgetDelegate.widgetHeight
|
|
widgetX: delegate.x + root.anchors.leftMargin + root.homeScreen.leftMargin
|
|
widgetY: delegate.y + root.anchors.topMargin + root.homeScreen.topMargin
|
|
|
|
topWidgetBackgroundPadding: widgetDelegate.topWidgetBackgroundPadding
|
|
bottomWidgetBackgroundPadding: widgetDelegate.bottomWidgetBackgroundPadding
|
|
leftWidgetBackgroundPadding: widgetDelegate.leftWidgetBackgroundPadding
|
|
rightWidgetBackgroundPadding: widgetDelegate.rightWidgetBackgroundPadding
|
|
|
|
anchors.fill: parent
|
|
|
|
onRemoveRequested: {
|
|
if (widget.applet) {
|
|
widget.destroyApplet();
|
|
}
|
|
root.pageModel.removeDelegate(delegate.row, delegate.column);
|
|
}
|
|
|
|
onClosed: widgetDelegate.editMode = false
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|