mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-04-29 15:03:09 +00:00
0108d70fb4
the application list is only used in that containment for now: don't create an extra qml import just for that, but put it into the c++ applet for the homescreen instead to make sure nobody else uses it at least until we are really sure is needed elsewhere
550 lines
No EOL
20 KiB
QML
550 lines
No EOL
20 KiB
QML
/*
|
|
* Copyright 2015 Marco Martin <mart@kde.org>
|
|
*
|
|
* 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 2.010-1301, USA.
|
|
*/
|
|
|
|
import QtQuick 2.4
|
|
import QtQuick.Layouts 1.1
|
|
|
|
import org.kde.plasma.plasmoid 2.0
|
|
import org.kde.plasma.core 2.0 as PlasmaCore
|
|
import org.kde.plasma.components 2.0 as PlasmaComponents
|
|
import org.kde.kquickcontrolsaddons 2.0
|
|
|
|
import "plasmapackage:/code/LayoutManager.js" as LayoutManager
|
|
|
|
MouseEventListener {
|
|
id: root
|
|
width: 480
|
|
height: 640
|
|
|
|
property Item toolBox
|
|
property alias appletsSpace: applicationsView.headerItem
|
|
property int buttonHeight: width/4
|
|
property bool reorderingApps: false
|
|
|
|
Containment.onAppletAdded: {
|
|
addApplet(applet, x, y);
|
|
LayoutManager.save();
|
|
}
|
|
|
|
Plasmoid.onFocusChanged: {
|
|
if (!plasmoid.focus && applicationsView.contentY > -(applicationsView.headerItem.height - root.height/2)) {
|
|
applicationsView.contentY = -root.height;
|
|
}
|
|
}
|
|
|
|
function addApplet(applet, x, y) {
|
|
var container = appletContainerComponent.createObject(appletsSpace.layout)
|
|
container.visible = true
|
|
print("Applet added: " + applet)
|
|
|
|
var appletWidth = applet.width;
|
|
var appletHeight = applet.height;
|
|
applet.parent = container;
|
|
container.applet = applet;
|
|
applet.anchors.fill = container;
|
|
applet.visible = true;
|
|
container.visible = true;
|
|
|
|
// If the provided position is valid, use it.
|
|
if (x >= 0 && y >= 0) {
|
|
var index = LayoutManager.insertAtCoordinates(container, x , y);
|
|
|
|
// Fall through to determining an appropriate insert position.
|
|
} else {
|
|
var before = null;
|
|
container.animationsEnabled = false;
|
|
|
|
if (appletsSpace.lastSpacer.parent === appletsSpace.layout) {
|
|
//Uncomment to make the spacer the last element again
|
|
// before = appletsSpace.lastSpacer;
|
|
}
|
|
|
|
if (before) {
|
|
LayoutManager.insertBefore(before, container);
|
|
|
|
// Fall through to adding at the end.
|
|
} else {
|
|
container.parent = appletsSpace.layout;
|
|
}
|
|
|
|
//event compress the enable of animations
|
|
//startupTimer.restart();
|
|
}
|
|
|
|
if (applet.Layout.fillWidth) {
|
|
appletsSpace.lastSpacer.parent = root;
|
|
}
|
|
}
|
|
|
|
Component.onCompleted: {
|
|
LayoutManager.plasmoid = plasmoid;
|
|
LayoutManager.root = root;
|
|
LayoutManager.layout = appletsSpace.layout;
|
|
LayoutManager.lastSpacer = appletsSpace.lastSpacer;
|
|
LayoutManager.restore();
|
|
applicationsView.contentY = -root.height;
|
|
|
|
plasmoid.nativeInterface.applicationListModel.appOrder = plasmoid.configuration.AppOrder;
|
|
plasmoid.nativeInterface.applicationListModel.loadApplications();
|
|
}
|
|
|
|
Connections {
|
|
target: plasmoid.nativeInterface.applicationListModel
|
|
onAppOrderChanged: {
|
|
plasmoid.configuration.AppOrder = plasmoid.nativeInterface.applicationListModel.appOrder;
|
|
}
|
|
}
|
|
|
|
Timer {
|
|
id: autoScrollTimer
|
|
property bool scrollDown: true
|
|
repeat: true
|
|
interval: 1500
|
|
onTriggered: {
|
|
scrollAnim.to = scrollDown ?
|
|
Math.min(applicationsView.contentItem.height - applicationsView.headerItem.height - root.height, applicationsView.contentY + root.height/2) :
|
|
Math.max(0, applicationsView.contentY - root.height/2);
|
|
scrollAnim.running = true;
|
|
}
|
|
}
|
|
|
|
Component {
|
|
id: appletContainerComponent
|
|
Item {
|
|
//not used yet
|
|
property bool animationsEnabled: false
|
|
property Item applet
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: applet && applet.Layout.fillHeight
|
|
Layout.onFillHeightChanged: {
|
|
if (plasmoid.formFactor == PlasmaCore.Types.Vertical) {
|
|
checkLastSpacer();
|
|
}
|
|
}
|
|
|
|
Layout.minimumWidth: root.width
|
|
Layout.minimumHeight: Math.max(applet.Layout.minimumHeight, (root.height-applicationsView.headerItem.margin) / 2)
|
|
|
|
Layout.preferredWidth: root.width
|
|
Layout.preferredHeight: Layout.minimumHeight
|
|
|
|
Layout.maximumWidth: root.width
|
|
Layout.maximumHeight: Layout.minimumHeight
|
|
}
|
|
}
|
|
|
|
onPressAndHold: {
|
|
var pos = mapToItem(applicationsView.headerItem.favoritesStrip, mouse.x, mouse.y);
|
|
//in favorites area?
|
|
var item;
|
|
if (applicationsView.headerItem.favoritesStrip.contains(pos)) {
|
|
item = applicationsView.headerItem.favoritesStrip.itemAt(pos.x, pos.y);
|
|
} else {
|
|
pos = mapToItem(applicationsView.contentItem, mouse.x, mouse.y);
|
|
item = applicationsView.itemAt(pos.x, pos.y)
|
|
}
|
|
if (!item) {
|
|
return;
|
|
}
|
|
|
|
applicationsView.dragData = new Object;
|
|
applicationsView.dragData.ApplicationNameRole = item.modelData.ApplicationNameRole;
|
|
applicationsView.dragData.ApplicationIconRole = item.modelData.ApplicationIconRole;
|
|
applicationsView.dragData.ApplicationStorageIdRole = item.modelData.ApplicationStorageIdRole;
|
|
applicationsView.dragData.ApplicationEntryPathRole = item.modelData.ApplicationEntryPathRole;
|
|
applicationsView.dragData.ApplicationOriginalRowRole = item.modelData.ApplicationOriginalRowRole;
|
|
|
|
dragDelegate.modelData = applicationsView.dragData;
|
|
applicationsView.interactive = false;
|
|
root.reorderingApps = true;
|
|
dragDelegate.x = Math.floor(mouse.x / root.buttonHeight) * root.buttonHeight
|
|
dragDelegate.y = Math.floor(mouse.y / root.buttonHeight) * root.buttonHeight
|
|
dragDelegate.xTarget = mouse.x - dragDelegate.width/2;
|
|
dragDelegate.yTarget = mouse.y - dragDelegate.width/2;
|
|
dragDelegate.opacity = 1;
|
|
}
|
|
onPositionChanged: {
|
|
if (!applicationsView.dragData) {
|
|
return;
|
|
}
|
|
dragDelegate.x = mouse.x - dragDelegate.width/2;
|
|
dragDelegate.y = mouse.y - dragDelegate.height/2;
|
|
|
|
var pos = mapToItem(applicationsView.contentItem, mouse.x, mouse.y);
|
|
|
|
//in favorites area?
|
|
if (applicationsView.headerItem.favoritesStrip.contains(mapToItem(applicationsView.headerItem.favoritesStrip, mouse.x, mouse.y))) {
|
|
pos.y = 1;
|
|
}
|
|
|
|
var newRow = (Math.round(applicationsView.width / applicationsView.cellWidth) * Math.floor(pos.y / applicationsView.cellHeight) + Math.floor(pos.x / applicationsView.cellWidth));
|
|
|
|
if (applicationsView.dragData.ApplicationOriginalRowRole != newRow) {
|
|
plasmoid.nativeInterface.applicationListModel.moveItem(applicationsView.dragData.ApplicationOriginalRowRole, newRow);
|
|
applicationsView.dragData.ApplicationOriginalRowRole = newRow;
|
|
}
|
|
|
|
var pos = mapToItem(applicationsView.headerItem.favoritesStrip, mouse.x, mouse.y);
|
|
//FAVORITES
|
|
if (applicationsView.headerItem.favoritesStrip.contains(pos)) {
|
|
autoScrollTimer.running = false;
|
|
scrollUpIndicator.opacity = 0;
|
|
scrollDownIndicator.opacity = 0;
|
|
//SCROLL UP
|
|
} else if (applicationsView.contentY > 0 && mouse.y < root.buttonHeight + root.height / 4) {
|
|
autoScrollTimer.scrollDown = false;
|
|
autoScrollTimer.running = true;
|
|
scrollUpIndicator.opacity = 1;
|
|
scrollDownIndicator.opacity = 0;
|
|
//SCROLL DOWN
|
|
} else if (!applicationsView.atYEnd && mouse.y > 3 * (root.height / 4)) {
|
|
autoScrollTimer.scrollDown = true;
|
|
autoScrollTimer.running = true;
|
|
scrollUpIndicator.opacity = 0;
|
|
scrollDownIndicator.opacity = 1;
|
|
//DON't SCROLL
|
|
} else {
|
|
autoScrollTimer.running = false;
|
|
scrollUpIndicator.opacity = 0;
|
|
scrollDownIndicator.opacity = 0;
|
|
}
|
|
|
|
}
|
|
onReleased: {
|
|
applicationsView.interactive = true;
|
|
dragDelegate.xTarget = Math.floor(mouse.x / root.buttonHeight) * root.buttonHeight;
|
|
dragDelegate.yTarget = Math.floor(mouse.y / root.buttonHeight) * root.buttonHeight;
|
|
dragDelegate.opacity = 0;
|
|
dragDelegate.modelData.ApplicationIconRole = "";
|
|
dragDelegate.modelDataChanged();
|
|
applicationsView.dragData = null;
|
|
root.reorderingApps = false;
|
|
applicationsView.forceLayout();
|
|
autoScrollTimer.running = false;
|
|
scrollUpIndicator.opacity = 0;
|
|
scrollDownIndicator.opacity = 0;
|
|
}
|
|
onClicked: {
|
|
var pos = mapToItem(applicationsView.headerItem.favoritesStrip, mouse.x, mouse.y);
|
|
//in favorites area?
|
|
var item;
|
|
if (applicationsView.headerItem.favoritesStrip.contains(pos)) {
|
|
item = applicationsView.headerItem.favoritesStrip.itemAt(pos.x, pos.y);
|
|
} else {
|
|
pos = mapToItem(applicationsView.contentItem, mouse.x, mouse.y);
|
|
item = applicationsView.itemAt(pos.x, pos.y)
|
|
}
|
|
if (!item) {
|
|
return;
|
|
}
|
|
|
|
plasmoid.nativeInterface.applicationListModel.runApplication(item.modelData.ApplicationStorageIdRole)
|
|
}
|
|
PlasmaCore.ColorScope {
|
|
anchors.fill: parent
|
|
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
|
|
|
Rectangle {
|
|
color: PlasmaCore.ColorScope.backgroundColor
|
|
opacity: 0.9 * (Math.min(applicationsView.contentY + root.height, root.height) / root.height)
|
|
anchors.fill: parent
|
|
}
|
|
|
|
PlasmaCore.Svg {
|
|
id: arrowsSvg
|
|
imagePath: "widgets/arrows"
|
|
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
|
}
|
|
PlasmaCore.SvgItem {
|
|
id: scrollUpIndicator
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
top: parent.top
|
|
topMargin: 200
|
|
}
|
|
z: 2
|
|
opacity: 0
|
|
svg: arrowsSvg
|
|
elementId: "up-arrow"
|
|
width: units.iconSizes.large
|
|
height: width
|
|
Behavior on opacity {
|
|
OpacityAnimator {
|
|
duration: 1000
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
}
|
|
PlasmaCore.SvgItem {
|
|
id: scrollDownIndicator
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
bottom: parent.bottom
|
|
}
|
|
z: 2
|
|
opacity: 0
|
|
svg: arrowsSvg
|
|
elementId: "down-arrow"
|
|
width: units.iconSizes.large
|
|
height: width
|
|
Behavior on opacity {
|
|
OpacityAnimator {
|
|
duration: 1000
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
}
|
|
|
|
HomeLauncher {
|
|
id: dragDelegate
|
|
z: 999
|
|
property int xTarget
|
|
property int yTarget
|
|
|
|
Behavior on opacity {
|
|
ParallelAnimation {
|
|
OpacityAnimator {
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
PropertyAnimation {
|
|
properties: "x"
|
|
to: dragDelegate.xTarget
|
|
target: dragDelegate
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
PropertyAnimation {
|
|
properties: "y"
|
|
to: dragDelegate.yTarget
|
|
target: dragDelegate
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
}
|
|
}
|
|
GridView {
|
|
id: applicationsView
|
|
anchors {
|
|
top: parent.top
|
|
bottom: parent.bottom
|
|
left: parent.left
|
|
right: parent.right
|
|
}
|
|
|
|
property var dragData
|
|
|
|
cellWidth: root.buttonHeight
|
|
cellHeight: cellWidth
|
|
model: plasmoid.nativeInterface.applicationListModel
|
|
|
|
snapMode: GridView.SnapToRow
|
|
|
|
onFlickingChanged: {
|
|
if (!draggingVertically && contentY < -headerItem.height + root.height) {
|
|
scrollAnim.to = Math.round(contentY/root.height) * root.height
|
|
scrollAnim.running = true;
|
|
}
|
|
}
|
|
onDraggingVerticallyChanged: {
|
|
if (!draggingVertically && contentY < -headerItem.height + root.height) {
|
|
scrollAnim.to = Math.round(contentY/root.height) * root.height
|
|
scrollAnim.running = true;
|
|
}
|
|
}
|
|
NumberAnimation {
|
|
id: scrollAnim
|
|
target: applicationsView
|
|
properties: "contentY"
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
move: Transition {
|
|
NumberAnimation {
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
properties: "x,y"
|
|
}
|
|
}
|
|
moveDisplaced: Transition {
|
|
NumberAnimation {
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
properties: "x,y"
|
|
}
|
|
}
|
|
|
|
//clip: true
|
|
delegate: HomeLauncher {
|
|
visible: index > 3
|
|
}
|
|
header: MouseArea {
|
|
z: 999
|
|
property Item layout: appletsLayout
|
|
property Item lastSpacer: spacer
|
|
property Item favoritesStrip: favoritesView
|
|
width: root.width
|
|
height: mainLayout.Layout.minimumHeight
|
|
property int margin: stripe.height + units.gridUnit * 2
|
|
|
|
onPressAndHold: {
|
|
print(favoritesView.contains(mapToItem(favoritesView, mouse.x, mouse.y)))
|
|
if (!favoritesView.contains(mapToItem(favoritesView, mouse.x, mouse.y))) {
|
|
plasmoid.action("configure").trigger();
|
|
}
|
|
}
|
|
|
|
ColumnLayout {
|
|
id: mainLayout
|
|
anchors {
|
|
fill: parent
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
Layout.minimumHeight: root.height
|
|
Layout.maximumHeight: root.height
|
|
Clock {
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
bottom: goUp.top
|
|
margins: units.largeSpacing
|
|
}
|
|
}
|
|
PlasmaCore.IconItem {
|
|
id: goUp
|
|
source: "go-up"
|
|
width: units.iconSizes.huge
|
|
height: width
|
|
anchors {
|
|
horizontalCenter: parent.horizontalCenter
|
|
bottom: parent.bottom
|
|
}
|
|
}
|
|
}
|
|
ColumnLayout {
|
|
id: appletsLayout
|
|
Item {
|
|
id: spacer
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Layout.minimumHeight: plasmoid.applets.length % 2 == 0 ? 0 : (root.height - margin)/2
|
|
Layout.maximumHeight: Layout.minimumHeight
|
|
}
|
|
}
|
|
Item {
|
|
Layout.fillWidth: true
|
|
Layout.fillHeight: true
|
|
Layout.minimumHeight: margin
|
|
Layout.maximumHeight: Layout.minimumHeight
|
|
}
|
|
}
|
|
SatelliteStripe {
|
|
id: stripe
|
|
z: 99
|
|
property int viewPos: applicationsView.contentItem.height * applicationsView.visibleArea.yPosition
|
|
|
|
y: Math.max(viewPos,
|
|
Math.min(parent.height, viewPos + root.height - height) + Math.max(0, -(parent.height - height + applicationsView.contentY)))
|
|
|
|
PlasmaCore.Svg {
|
|
id: stripeIcons
|
|
imagePath: Qt.resolvedUrl("../images/homescreenicons.svg")
|
|
}
|
|
|
|
GridView {
|
|
id: favoritesView
|
|
//FIXME: QQuickItem has a contains, but seems to not work
|
|
function contains(point) {
|
|
return point.x > 0 && point.x < width && point.y > 0 && point.y < height;
|
|
}
|
|
anchors.fill: parent
|
|
property int columns: 4
|
|
interactive: false
|
|
flow: GridView.FlowTopToBottom
|
|
cellWidth: root.buttonHeight
|
|
cellHeight: cellWidth
|
|
|
|
model: plasmoid.nativeInterface.applicationListModel
|
|
delegate: HomeLauncher {}
|
|
|
|
move: Transition {
|
|
NumberAnimation {
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
properties: "x,y"
|
|
}
|
|
}
|
|
moveDisplaced: Transition {
|
|
NumberAnimation {
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
properties: "x,y"
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
footer: Item {
|
|
width: units. gridUnit * 4
|
|
height: width
|
|
}
|
|
}
|
|
|
|
Rectangle {
|
|
anchors {
|
|
top: parent.top
|
|
bottom: parent.bottom
|
|
horizontalCenter: scrollHandle.horizontalCenter
|
|
}
|
|
width: units.smallSpacing
|
|
color: PlasmaCore.ColorScope.textColor
|
|
opacity: scrollHandle.opacity / 2
|
|
}
|
|
Rectangle {
|
|
id: scrollHandle
|
|
color: PlasmaCore.ColorScope.textColor
|
|
width: units.gridUnit
|
|
height: width
|
|
radius: width
|
|
anchors.right: parent.right
|
|
y: applicationsView.height * applicationsView.visibleArea.yPosition
|
|
opacity: scrollbarMouse.pressed || applicationsView.flicking || scrollDownIndicator.opacity > 0 || scrollUpIndicator.opacity > 0 ? 0.8 : 0
|
|
Behavior on opacity {
|
|
NumberAnimation {
|
|
duration: units.longDuration
|
|
easing.type: Easing.InOutQuad
|
|
}
|
|
}
|
|
MouseArea {
|
|
id: scrollbarMouse
|
|
anchors {
|
|
fill: parent
|
|
margins: -units.gridUnit
|
|
}
|
|
drag.target: parent
|
|
onPositionChanged: {
|
|
applicationsView.contentY = applicationsView.contentHeight * (parent.y / applicationsView.height) - applicationsView.headerItem.height
|
|
}
|
|
onReleased: {
|
|
applicationsView.returnToBounds()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
} |