mirror of
https://invent.kde.org/marcoa/shift-shell.git
synced 2026-08-03 18:24:46 +00:00
root item is an Item
MouseEventListener moved down
This commit is contained in:
Marco Martin
parent
7c3a8d90c2
commit
4a1c477fba
1 changed files with 415 additions and 411 deletions
|
|
@ -26,7 +26,7 @@ import org.kde.kquickcontrolsaddons 2.0
|
||||||
|
|
||||||
import "LayoutManager.js" as LayoutManager
|
import "LayoutManager.js" as LayoutManager
|
||||||
|
|
||||||
MouseEventListener {
|
Item {
|
||||||
id: root
|
id: root
|
||||||
width: 480
|
width: 480
|
||||||
height: 640
|
height: 640
|
||||||
|
|
@ -143,129 +143,6 @@ MouseEventListener {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
onPressAndHold: {
|
|
||||||
if (krunner.showingResults) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
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: {
|
|
||||||
if (krunner.showingResults) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
if (dragDelegate.modelData) {
|
|
||||||
dragDelegate.modelData.ApplicationIconRole = "";
|
|
||||||
dragDelegate.modelDataChanged();
|
|
||||||
}
|
|
||||||
applicationsView.dragData = null;
|
|
||||||
root.reorderingApps = false;
|
|
||||||
applicationsView.forceLayout();
|
|
||||||
autoScrollTimer.running = false;
|
|
||||||
scrollUpIndicator.opacity = 0;
|
|
||||||
scrollDownIndicator.opacity = 0;
|
|
||||||
}
|
|
||||||
onClicked: {
|
|
||||||
if (krunner.showingResults) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
}
|
|
||||||
|
|
||||||
feedbackWindow.title = item.modelData.ApplicationNameRole;
|
|
||||||
feedbackWindow.state = "open";
|
|
||||||
plasmoid.nativeInterface.applicationListModel.runApplication(item.modelData.ApplicationStorageIdRole);
|
|
||||||
clickFedbackAnimation.target = item;
|
|
||||||
clickFedbackAnimation.running = true;
|
|
||||||
}
|
|
||||||
SequentialAnimation {
|
SequentialAnimation {
|
||||||
id: clickFedbackAnimation
|
id: clickFedbackAnimation
|
||||||
property Item target
|
property Item target
|
||||||
|
|
@ -301,307 +178,434 @@ MouseEventListener {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
PlasmaCore.ColorScope {
|
MouseEventListener {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
//TODO: decide what color we want applets
|
onPressAndHold: {
|
||||||
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
if (krunner.showingResults) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
Rectangle {
|
applicationsView.dragData = new Object;
|
||||||
color: PlasmaCore.ColorScope.backgroundColor
|
applicationsView.dragData.ApplicationNameRole = item.modelData.ApplicationNameRole;
|
||||||
opacity: 0.9 * (Math.min(applicationsView.contentY + root.height, root.height) / root.height)
|
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: {
|
||||||
|
if (krunner.showingResults) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
if (dragDelegate.modelData) {
|
||||||
|
dragDelegate.modelData.ApplicationIconRole = "";
|
||||||
|
dragDelegate.modelDataChanged();
|
||||||
|
}
|
||||||
|
applicationsView.dragData = null;
|
||||||
|
root.reorderingApps = false;
|
||||||
|
applicationsView.forceLayout();
|
||||||
|
autoScrollTimer.running = false;
|
||||||
|
scrollUpIndicator.opacity = 0;
|
||||||
|
scrollDownIndicator.opacity = 0;
|
||||||
|
}
|
||||||
|
onClicked: {
|
||||||
|
if (krunner.showingResults) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
|
||||||
|
feedbackWindow.title = item.modelData.ApplicationNameRole;
|
||||||
|
feedbackWindow.state = "open";
|
||||||
|
plasmoid.nativeInterface.applicationListModel.runApplication(item.modelData.ApplicationStorageIdRole);
|
||||||
|
clickFedbackAnimation.target = item;
|
||||||
|
clickFedbackAnimation.running = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
PlasmaCore.ColorScope {
|
||||||
anchors.fill: parent
|
anchors.fill: parent
|
||||||
}
|
//TODO: decide what color we want applets
|
||||||
|
|
||||||
PlasmaCore.Svg {
|
|
||||||
id: arrowsSvg
|
|
||||||
imagePath: "widgets/arrows"
|
|
||||||
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
||||||
}
|
|
||||||
PlasmaCore.SvgItem {
|
Rectangle {
|
||||||
id: scrollUpIndicator
|
color: PlasmaCore.ColorScope.backgroundColor
|
||||||
anchors {
|
opacity: 0.9 * (Math.min(applicationsView.contentY + root.height, root.height) / root.height)
|
||||||
horizontalCenter: parent.horizontalCenter
|
anchors.fill: parent
|
||||||
top: parent.top
|
|
||||||
topMargin: 200
|
|
||||||
}
|
}
|
||||||
z: 2
|
|
||||||
opacity: 0
|
PlasmaCore.Svg {
|
||||||
svg: arrowsSvg
|
id: arrowsSvg
|
||||||
elementId: "up-arrow"
|
imagePath: "widgets/arrows"
|
||||||
width: units.iconSizes.large
|
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
||||||
height: width
|
}
|
||||||
Behavior on opacity {
|
PlasmaCore.SvgItem {
|
||||||
OpacityAnimator {
|
id: scrollUpIndicator
|
||||||
duration: 1000
|
anchors {
|
||||||
easing.type: Easing.InOutQuad
|
horizontalCenter: parent.horizontalCenter
|
||||||
|
top: parent.top
|
||||||
|
topMargin: 200
|
||||||
}
|
}
|
||||||
}
|
z: 2
|
||||||
}
|
opacity: 0
|
||||||
PlasmaCore.SvgItem {
|
svg: arrowsSvg
|
||||||
id: scrollDownIndicator
|
elementId: "up-arrow"
|
||||||
anchors {
|
width: units.iconSizes.large
|
||||||
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) {
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
//manage separately the first page, the lockscreen
|
|
||||||
//scrolling down
|
|
||||||
if (verticalVelocity > 0 && contentY < -headerItem.height + root.height &&
|
|
||||||
contentY > (-headerItem.height + root.height/6)) {
|
|
||||||
scrollAnim.to = -plasmoid.availableScreenRect.height
|
|
||||||
scrollAnim.running = true;
|
|
||||||
return;
|
|
||||||
|
|
||||||
//scrolling up
|
|
||||||
} else if (verticalVelocity < 0 && contentY < -headerItem.height + root.height &&
|
|
||||||
contentY < (-headerItem.height + root.height/6*5)) {
|
|
||||||
scrollAnim.to = -headerItem.height;
|
|
||||||
scrollAnim.running = true;
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
//(1000/scrollAnim.duration) is the length scrolled at the current speed in the duration of the animation
|
|
||||||
|
|
||||||
if (contentY < -headerItem.height + root.height) {
|
|
||||||
scrollAnim.to = Math.round((contentY + (verticalVelocity / (1000/scrollAnim.duration))) / 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
|
|
||||||
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
|
||||||
anchors {
|
|
||||||
horizontalCenter: parent.horizontalCenter
|
|
||||||
bottom: parent.bottom
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
PlasmaCore.ColorScope {
|
|
||||||
//TODO: decide what color we want applets
|
|
||||||
colorGroup: PlasmaCore.Theme.NormalColorGroup
|
|
||||||
Layout.fillWidth: true
|
|
||||||
Layout.minimumHeight: appletsLayout.Layout.minimumHeight
|
|
||||||
Layout.maximumHeight: appletsLayout.Layout.maximumHeight
|
|
||||||
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 + plasmoid.availableScreenRect.y + plasmoid.availableScreenRect.height - height) + Math.max(0, -(parent.height - height + applicationsView.contentY)))
|
|
||||||
|
|
||||||
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
|
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
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
|
||||||
|
|
||||||
Rectangle {
|
HomeLauncher {
|
||||||
anchors {
|
id: dragDelegate
|
||||||
top: parent.top
|
z: 999
|
||||||
bottom: parent.bottom
|
property int xTarget
|
||||||
horizontalCenter: scrollHandle.horizontalCenter
|
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
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
width: units.smallSpacing
|
GridView {
|
||||||
color: PlasmaCore.ColorScope.textColor
|
id: applicationsView
|
||||||
opacity: scrollHandle.opacity / 2
|
anchors {
|
||||||
}
|
top: parent.top
|
||||||
Rectangle {
|
bottom: parent.bottom
|
||||||
id: scrollHandle
|
left: parent.left
|
||||||
color: PlasmaCore.ColorScope.textColor
|
right: parent.right
|
||||||
width: units.gridUnit
|
}
|
||||||
height: width
|
|
||||||
radius: width
|
property var dragData
|
||||||
anchors.right: parent.right
|
|
||||||
y: applicationsView.height * applicationsView.visibleArea.yPosition
|
cellWidth: root.buttonHeight
|
||||||
opacity: applicationsView.flicking || scrollDownIndicator.opacity > 0 || scrollUpIndicator.opacity > 0 ? 0.8 : 0
|
cellHeight: cellWidth
|
||||||
Behavior on opacity {
|
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) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
//manage separately the first page, the lockscreen
|
||||||
|
//scrolling down
|
||||||
|
if (verticalVelocity > 0 && contentY < -headerItem.height + root.height &&
|
||||||
|
contentY > (-headerItem.height + root.height/6)) {
|
||||||
|
scrollAnim.to = -plasmoid.availableScreenRect.height
|
||||||
|
scrollAnim.running = true;
|
||||||
|
return;
|
||||||
|
|
||||||
|
//scrolling up
|
||||||
|
} else if (verticalVelocity < 0 && contentY < -headerItem.height + root.height &&
|
||||||
|
contentY < (-headerItem.height + root.height/6*5)) {
|
||||||
|
scrollAnim.to = -headerItem.height;
|
||||||
|
scrollAnim.running = true;
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
//(1000/scrollAnim.duration) is the length scrolled at the current speed in the duration of the animation
|
||||||
|
|
||||||
|
if (contentY < -headerItem.height + root.height) {
|
||||||
|
scrollAnim.to = Math.round((contentY + (verticalVelocity / (1000/scrollAnim.duration))) / root.height) * root.height
|
||||||
|
scrollAnim.running = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
|
id: scrollAnim
|
||||||
|
target: applicationsView
|
||||||
|
properties: "contentY"
|
||||||
duration: units.longDuration
|
duration: units.longDuration
|
||||||
easing.type: Easing.InOutQuad
|
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
|
||||||
|
colorGroup: PlasmaCore.Theme.ComplementaryColorGroup
|
||||||
|
anchors {
|
||||||
|
horizontalCenter: parent.horizontalCenter
|
||||||
|
bottom: parent.bottom
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
PlasmaCore.ColorScope {
|
||||||
|
//TODO: decide what color we want applets
|
||||||
|
colorGroup: PlasmaCore.Theme.NormalColorGroup
|
||||||
|
Layout.fillWidth: true
|
||||||
|
Layout.minimumHeight: appletsLayout.Layout.minimumHeight
|
||||||
|
Layout.maximumHeight: appletsLayout.Layout.maximumHeight
|
||||||
|
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 + plasmoid.availableScreenRect.y + plasmoid.availableScreenRect.height - height) + Math.max(0, -(parent.height - height + applicationsView.contentY)))
|
||||||
|
|
||||||
|
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: applicationsView.flicking || scrollDownIndicator.opacity > 0 || scrollUpIndicator.opacity > 0 ? 0.8 : 0
|
||||||
|
Behavior on opacity {
|
||||||
|
NumberAnimation {
|
||||||
|
duration: units.longDuration
|
||||||
|
easing.type: Easing.InOutQuad
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue