/*
* Copyright 2016 Smith AR <audoban@openmailbox.org>
* Michail Vourlakos <mvourlakos@gmail.com>
*
* This file is part of Latte-Dock
*
* Latte-Dock 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.
*
* Latte-Dock 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, see <http://www.gnu.org/licenses/>.
*/
import QtQuick 2.1
import QtQuick.Layouts 1.1
import QtGraphicalEffects 1.0
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.latte 0.1 as Latte
Item{
id: wrapper
width: {
if (container.isInternalViewSplitter && !root.editMode)
return 0;
if (container.needsFillSpace && (container.sizeForFill>-1) && root.isHorizontal){
//! in edit mode shrink a bit the fill sizes because the splitters are shown
return root.editMode && container.needsFillSpace && (container.sizeForFill > 5*root.iconSize) ?
container.sizeForFill - 2.5*root.iconSize : container.sizeForFill;
//return container.sizeForFill;
}
if (latteApplet) {
if (container.showZoomed && root.isVertical)
return root.statesLineSize + root.thickMargin + root.iconSize + 1;
else
return latteApplet.tasksWidth;
} else {
return scaledWidth;
}
}
height: {
if (container.isInternalViewSplitter && !root.editMode)
return 0;
if (container.needsFillSpace && (container.sizeForFill>-1) && root.isVertical){
//! in edit mode shrink a bit the fill sizes because the splitters are shown
return root.editMode && container.needsFillSpace && (container.sizeForFill > 5*root.iconSize) ?
container.sizeForFill - 2.5*root.iconSize : container.sizeForFill;
//return container.sizeForFill;
}
if (latteApplet) {
if (container.showZoomed && root.isHorizontal)
return root.statesLineSize + root.thickMargin + root.iconSize + 1;
else
return latteApplet.tasksHeight;
} else {
return scaledHeight;
}
}
//width: container.isInternalViewSplitter && !root.editMode ? 0 : Math.round( latteApplet ? ((container.showZoomed && root.isVertical) ?
// scaledWidth : latteApplet.tasksWidth) : scaledWidth )
//height: container.isInternalViewSplitter&& !root.editMode ? 0 : Math.round( latteApplet ? ((container.showZoomed && root.isHorizontal) ?
// scaledHeight : latteApplet.tasksHeight ): scaledHeight )
property bool disableScaleWidth: false
property bool disableScaleHeight: false
property bool editMode: root.editMode
property int appletMinimumWidth: applet && applet.Layout ? applet.Layout.minimumWidth : -1
property int appletMinimumHeight: applet && applet.Layout ? applet.Layout.minimumHeight : -1
property int appletPreferredWidth: applet && applet.Layout ? applet.Layout.preferredWidth : -1
property int appletPreferredHeight: applet && applet.Layout ? applet.Layout.preferredHeight : -1
property int appletMaximumWidth: applet && applet.Layout ? applet.Layout.maximumWidth : -1
property int appletMaximumHeight: applet && applet.Layout ? applet.Layout.maximumHeight : -1
property int iconSize: root.iconSize
property int marginWidth: root.isVertical ?
(applet && (applet.pluginName === "org.kde.plasma.systemtray") ? root.thickMarginBase : root.thickMargin ) :
root.iconMargin
property int marginHeight: root.isHorizontal ?
(applet && (applet.pluginName === "org.kde.plasma.systemtray") ? root.thickMarginBase : root.thickMargin ) :
root.iconMargin
property real scaledWidth: zoomScaleWidth * (layoutWidth + marginWidth)
property real scaledHeight: zoomScaleHeight * (layoutHeight + marginHeight)
property real zoomScaleWidth: disableScaleWidth ? 1 : zoomScale
property real zoomScaleHeight: disableScaleHeight ? 1 : zoomScale
property int layoutWidthResult: 0
property int layoutWidth
property int layoutHeight
// property int localMoreSpace: root.reverseLinesPosition ? root.statesLineSize + 2 : appletMargin
property int localMoreSpace: appletMargin
property int moreHeight: ((applet && (applet.pluginName === "org.kde.plasma.systemtray")) || root.reverseLinesPosition)
&& root.isHorizontal ? localMoreSpace : 0
property int moreWidth: ((applet && (applet.pluginName === "org.kde.plasma.systemtray")) || root.reverseLinesPosition)
&& root.isVertical ? localMoreSpace : 0
property real center: width / 2
property real zoomScale: 1
property int index: container.index
property Item wrapperContainer: _wrapperContainer
property Item clickedEffect: _clickedEffect
property Item fakeIconItemContainer: _fakeIconItemContainer
// property int pHeight: applet ? applet.Layout.preferredHeight : -10
/*function debugLayouts(){
if(applet){
console.log("---------- "+ applet.pluginName +" ----------");
console.log("MinW "+applet.Layout.minimumWidth);
console.log("PW "+applet.Layout.preferredWidth);
console.log("MaxW "+applet.Layout.maximumWidth);
console.log("FillW "+applet.Layout.fillWidth);
console.log("-----");
console.log("MinH "+applet.Layout.minimumHeight);
console.log("PH "+applet.Layout.preferredHeight);
console.log("MaxH "+applet.Layout.maximumHeight);
console.log("FillH "+applet.Layout.fillHeight);
console.log("-----");
console.log("LayoutW: " + layoutWidth);
console.log("LayoutH: " + layoutHeight);
}
}
onLayoutWidthChanged: {
debugLayouts();
}
onLayoutHeightChanged: {
debugLayouts();
}*/
onAppletMinimumWidthChanged: {
if(zoomScale == 1)
checkCanBeHovered();
updateLayoutWidth();
}
onAppletMinimumHeightChanged: {
if(zoomScale == 1)
checkCanBeHovered();
updateLayoutHeight();
}
onAppletPreferredWidthChanged: updateLayoutWidth();
onAppletPreferredHeightChanged: updateLayoutHeight();
onAppletMaximumWidthChanged: updateLayoutWidth();
onAppletMaximumHeightChanged: updateLayoutHeight();
onIconSizeChanged: {
updateLayoutWidth();
updateLayoutHeight();
}
onEditModeChanged: {
updateLayoutWidth();
updateLayoutHeight();
}
onZoomScaleChanged: {
if ((zoomScale === root.zoomFactor) && !enableDirectRenderTimer.running && !root.globalDirectRender) {
enableDirectRenderTimer.start();
}
if ((zoomScale > 1) && !container.isZoomed) {
container.isZoomed = true;
if (!root.editMode && !animationWasSent) {
root.slotAnimationsNeedBothAxis(1);
animationWasSent = true;
}
} else if ((zoomScale == 1) && container.isZoomed) {
container.isZoomed = false;
if (!root.editMode && animationWasSent) {
root.slotAnimationsNeedBothAxis(-1);
animationWasSent = false;
}
}
}
Connections {
target: root
onIsVerticalChanged: {
if (container.latteApplet) {
return;
}
wrapper.disableScaleWidth = false;
wrapper.disableScaleHeight = false;
if (root.isVertical) {
wrapper.updateLayoutHeight();
wrapper.updateLayoutWidth();
} else {
wrapper.updateLayoutWidth();
wrapper.updateLayoutHeight();
}
}
}
function updateLayoutHeight(){
if(container.isInternalViewSplitter){
if(!root.editMode)
layoutHeight = 0;
else
layoutHeight = root.iconSize;// + moreHeight + root.statesLineSize;
}
else if(applet && applet.pluginName === "org.kde.plasma.panelspacer"){
layoutHeight = root.iconSize + moreHeight;
}
else if(applet && applet.pluginName === "org.kde.plasma.systemtray" && root.isHorizontal){
layoutHeight = root.statesLineSize + root.iconSize;
}
else{
if(applet && (applet.Layout.minimumHeight > root.iconSize) && root.isVertical && !canBeHovered && !container.fakeIconItem){
// return applet.Layout.minimumHeight;
layoutHeight = applet.Layout.minimumHeight;
} //it is used for plasmoids that need to scale only one axis... e.g. the Weather Plasmoid
else if(applet
&& ( (applet.Layout.maximumHeight < root.iconSize) || (applet.Layout.preferredHeight > root.iconSize))
&& root.isVertical
&& !disableScaleWidth
&& !container.fakeIconItem) {
//&& !root.editMode ){
disableScaleHeight = true;
//this way improves performance, probably because during animation the preferred sizes update a lot
if((applet.Layout.maximumHeight < root.iconSize)){
layoutHeight = applet.Layout.maximumHeight;
}
else if (applet.Layout.minimumHeight > root.iconSize){
layoutHeight = applet.Layout.minimumHeight;
}
else if ((applet.Layout.preferredHeight > root.iconSize)){
layoutHeight = applet.Layout.preferredHeight;
}
else{
layoutHeight = root.iconSize + moreHeight;
}
}
else
layoutHeight = root.iconSize + moreHeight;
}
//return root.iconSize + moreHeight;
}
function updateLayoutWidth(){
if(container.isInternalViewSplitter){
if(!root.editMode)
layoutWidth = 0;
else
layoutWidth = root.iconSize; //+ moreWidth+ root.statesLineSize;
}
else if(applet && applet.pluginName === "org.kde.plasma.panelspacer"){
layoutWidth = root.iconSize + moreWidth;
}
else if(applet && applet.pluginName === "org.kde.plasma.systemtray" && root.isVertical){
layoutWidth = root.statesLineSize + root.iconSize;
}
else{
if(applet && (applet.Layout.minimumWidth > root.iconSize) && root.isHorizontal && !canBeHovered && !container.fakeIconItem){
layoutWidth = applet.Layout.minimumWidth;
} //it is used for plasmoids that need to scale only one axis... e.g. the Weather Plasmoid
else if(applet
&& ( (applet.Layout.maximumWidth < root.iconSize) || (applet.Layout.preferredWidth > root.iconSize))
&& root.isHorizontal
&& !disableScaleHeight
&& !container.fakeIconItem){
// && !root.editMode){
disableScaleWidth = true;
//this way improves performance, probably because during animation the preferred sizes update a lot
if((applet.Layout.maximumWidth < root.iconSize)){
// return applet.Layout.maximumWidth;
layoutWidth = applet.Layout.maximumWidth;
}
else if (applet.Layout.minimumWidth > root.iconSize){
layoutWidth = applet.Layout.minimumWidth;
}
else if (applet.Layout.preferredWidth > root.iconSize){
layoutWidth = applet.Layout.preferredWidth;
}
else{
layoutWidth = root.iconSize + moreWidth;
}
}
else{
//return root.iconSize + moreWidth;
layoutWidth = root.iconSize + moreWidth;
}
}
}
Loader{
anchors.fill: parent
active: root.activeIndicator === Latte.Dock.AllIndicator
|| (root.activeIndicator === Latte.Dock.InternalsIndicator && fakeIconItem)
sourceComponent: Item{
anchors.fill: parent
ActiveIndicator{}
}
}
Item{
id:_wrapperContainer
width:{
if (container.needsFillSpace && (container.sizeForFill>-1) && root.isHorizontal){
return wrapper.width;
}
if (container.isInternalViewSplitter)
return wrapper.layoutWidth;
else
return parent.zoomScaleWidth * wrapper.layoutWidth;
}
height:{
if (container.needsFillSpace && (container.sizeForFill>-1) && root.isVertical){
return wrapper.height;
}
if (container.isInternalViewSplitter)
return wrapper.layoutHeight;
else
return parent.zoomScaleHeight * wrapper.layoutHeight;
}
//width: Math.round( container.isInternalViewSplitter ? wrapper.layoutWidth : parent.zoomScaleWidth * wrapper.layoutWidth )
//height: Math.round( container.isInternalViewSplitter ? wrapper.layoutHeight : parent.zoomScaleHeight * wrapper.layoutHeight )
anchors.rightMargin: plasmoid.location === PlasmaCore.Types.RightEdge ? root.thickMarginBase : 0
anchors.leftMargin: plasmoid.location === PlasmaCore.Types.LeftEdge ? root.thickMarginBase : 0
anchors.topMargin: plasmoid.location === PlasmaCore.Types.TopEdge ? root.thickMarginBase : 0
anchors.bottomMargin: plasmoid.location === PlasmaCore.Types.BottomEdge ? root.thickMarginBase : 0
//BEGIN states
states: [
State {
name: "left"
when: (plasmoid.location === PlasmaCore.Types.LeftEdge)
AnchorChanges {
target: _wrapperContainer
anchors{ verticalCenter:wrapper.verticalCenter; horizontalCenter:undefined;
top:undefined; bottom:undefined; left:parent.left; right:undefined;}
}
},
State {
name: "right"
when: (plasmoid.location === PlasmaCore.Types.RightEdge)
AnchorChanges {
target: _wrapperContainer
anchors{ verticalCenter:wrapper.verticalCenter; horizontalCenter:undefined;
top:undefined; bottom:undefined; left:undefined; right:parent.right;}
}
},
State {
name: "bottom"
when: (plasmoid.location === PlasmaCore.Types.BottomEdge)
AnchorChanges {
target: _wrapperContainer
anchors{ verticalCenter:undefined; horizontalCenter:wrapper.horizontalCenter;
top:undefined; bottom:parent.bottom; left:undefined; right:undefined;}
}
},
State {
name: "top"
when: (plasmoid.location === PlasmaCore.Types.TopEdge)
AnchorChanges {
target: _wrapperContainer
anchors{ verticalCenter:undefined; horizontalCenter:wrapper.horizontalCenter;
top:parent.top; bottom:undefined; left:undefined; right:undefined;}
}
}
]
//END states
///Secret MouseArea to be used by the folder widget
Loader{
anchors.fill: parent
active: container.fakeIconItem && applet.pluginName === "org.kde.plasma.folder"
sourceComponent: MouseArea{
onClicked: dock.toggleAppletExpanded(applet.id);
}
}
Item{
id: _fakeIconItemContainer
anchors.centerIn: parent
//we setup as maximum for hidden container of some applets that break
//the Latte experience the size:96 . This is why after that size
//the folder widget changes to fullRepresentation instead of compact one
width: Math.min(96, parent.width)
height: width
}
Loader{
anchors.fill: parent
active: container.fakeIconItem
sourceComponent: Latte.IconItem{
id: fakeAppletIconItem
anchors.fill: parent
source: appletIconItem.source
//ActiveIndicator{}
}
}
}
//spacer background
Loader{
anchors.fill: _wrapperContainer
active: applet && (applet.pluginName === "org.kde.plasma.panelspacer") && root.editMode
sourceComponent: Rectangle{
anchors.fill: parent
border.width: 1
border.color: theme.textColor
color: "transparent"
opacity: 0.7
radius: root.iconMargin
Rectangle{
anchors.centerIn: parent
color: parent.border.color
width: parent.width - 1
height: parent.height - 1
opacity: 0.2
}
}
}
Loader{
anchors.fill: _wrapperContainer
active: container.isInternalViewSplitter
&& root.editMode
rotation: root.isVertical ? 90 : 0
sourceComponent: Image{
id:splitterImage
anchors.fill: parent
source: (container.internalSplitterId===1) ? "../icons/splitter.png" : "../icons/splitter2.png"
layer.enabled: true
layer.effect: DropShadow {
radius: shadowSize
samples: 2 * radius
color: "#ff080808"
verticalOffset: 2
property int shadowSize : Math.ceil(root.iconSize / 10)
}
Component.onCompleted: wrapper.zoomScale = 1.1
}
}
///Shadow in applets
Loader{
anchors.fill: container.appletWrapper
active: container.applet
&& (((plasmoid.configuration.shadows === 1 /*Locked Applets*/
&& (!container.canBeHovered || (container.lockZoom && (applet.pluginName !== root.plasmoidName))) )
|| (plasmoid.configuration.shadows === 2 /*All Applets*/
&& (applet.pluginName !== root.plasmoidName)))
|| (root.forceTransparentPanel && applet.pluginName !== root.plasmoidName)) /*on forced transparent state*/
sourceComponent: DropShadow{
anchors.fill: parent
color: forcedShadow ? theme.backgroundColor : "#ff080808"
samples: 2 * radius
source: container.fakeIconItem ? _wrapperContainer : container.applet
radius: shadowSize
verticalOffset: forcedShadow ? 1 : 2
property int shadowSize : forcedShadow? 8 : Math.ceil(root.iconSize / 12)
property bool forcedShadow: root.forceTransparentPanel && applet.pluginName !== root.plasmoidName ? true : false
}
}
BrightnessContrast{
id:hoveredImage
anchors.fill: _wrapperContainer
source: _wrapperContainer
enabled: opacity != 0 ? true : false
opacity: appletMouseArea.containsMouse ? 1 : 0
brightness: 0.25
contrast: 0.15
Behavior on opacity {
NumberAnimation { duration: root.durationTime*units.longDuration }
}
}
BrightnessContrast {
id: _clickedEffect
anchors.fill: _wrapperContainer
source: _wrapperContainer
visible: clickedAnimation.running
}
/* onHeightChanged: {
if ((index == 1)|| (index==3)){
console.log("H: "+index+" ("+zoomScale+"). "+currentLayout.children[1].height+" - "+currentLayout.children[3].height+" - "+(currentLayout.children[1].height+currentLayout.children[3].height));
}
}
onZoomScaleChanged:{
if ((index == 1)|| (index==3)){
console.log(index+" ("+zoomScale+"). "+currentLayout.children[1].height+" - "+currentLayout.children[3].height+" - "+(currentLayout.children[1].height+currentLayout.children[3].height));
}
}*/
Loader{
anchors.fill: parent
active: root.debugMode
sourceComponent: Rectangle{
anchors.fill: parent
color: "transparent"
//! red visualizer, in debug mode for the applets that use fillWidth or fillHeight
//! green, for the rest
border.color: (container.needsFillSpace && (container.sizeForFill>-1) && root.isHorizontal) ? "red" : "green"
border.width: 1
}
}
Behavior on zoomScale {
enabled: !root.globalDirectRender
NumberAnimation { duration: 3*container.animationTime }
}
Behavior on zoomScale {
enabled: root.globalDirectRender
NumberAnimation { duration: root.directRenderAnimationTime }
}
//!this is used in order to update the index when the signal is for the internal latte plasmoid
function updateIdSendScale(indx, zScale, zStep){
if(root.latteApplet && ((index<root.latteAppletPos && indx>=root.latteAppletPos)
|| (index>root.latteAppletPos && indx<=root.latteAppletPos)) ){
var appStep = Math.abs(root.latteAppletPos-index);
var signalStep = Math.abs(indx - index);
if(index<root.latteAppletPos){
root.latteApplet.updateScale(signalStep-appStep, zScale,zStep);
} else if (index>root.latteAppletPos){
root.latteApplet.updateScale(root.tasksCount-1 - (signalStep-appStep), zScale,zStep);
}
} else {
root.updateScale(indx, zScale, zStep);
}
}
function calculateScales( currentMousePosition ){
if (root.editMode || root.zoomFactor===1 || root.durationTime===0) {
return;
}
var distanceFromHovered = Math.abs(index - layoutsContainer.hoveredIndex);
// A new algorithm tryig to make the zoom calculation only once
// and at the same time fixing glitches
if ((distanceFromHovered == 0)&&
(currentMousePosition > 0) ){
var rDistance = Math.abs(currentMousePosition - center);
//check if the mouse goes right or down according to the center
var positiveDirection = ((currentMousePosition - center) >= 0 );
//finding the zoom center e.g. for zoom:1.7, calculates 0.35
var zoomCenter = (root.zoomFactor - 1) / 2
//computes the in the scale e.g. 0...0.35 according to the mouse distance
//0.35 on the edge and 0 in the center
var firstComputation = (rDistance / center) * zoomCenter;
//calculates the scaling for the neighbour tasks
var bigNeighbourZoom = Math.min(1 + zoomCenter + firstComputation, root.zoomFactor);
var smallNeighbourZoom = Math.max(1 + zoomCenter - firstComputation, 1);
//bigNeighbourZoom = Number(bigNeighbourZoom.toFixed(4));
//smallNeighbourZoom = Number(smallNeighbourZoom.toFixed(4));
var leftScale;
var rightScale;
if(positiveDirection === true){
rightScale = bigNeighbourZoom;
leftScale = smallNeighbourZoom;
}
else {
rightScale = smallNeighbourZoom;
leftScale = bigNeighbourZoom;
}
//! compute the neighbour separator scales
var bsNeighbourZoom = 1;
var ssNeighbourZoom = 1;
if(root.latteApplet && root.latteApplet.internalSeparatorPos>=0) {
var latApp = root.latteApplet;
if((latApp.internalSeparatorPos === 0) || (latApp.internalSeparatorPos === root.tasksCount-1) ){
var sepZoomDifference = (5+root.iconMargin) / root.realSize;
bsNeighbourZoom = Math.max(1,bigNeighbourZoom - sepZoomDifference);
ssNeighbourZoom = Math.max(1,smallNeighbourZoom - sepZoomDifference);
}
}
if(!root.latteApplet || Math.abs(root.latteAppletPos-index)>1 || !root.hasInternalSeparator
|| (root.hasInternalSeparator
&& ((root.latteApplet.internalSeparatorPos>0 && root.latteApplet.internalSeparatorPos<root.tasksCount-1)
|| (root.latteApplet.internalSeparatorPos===0 && index>root.latteAppletPos)
|| (root.latteApplet.internalSeparatorPos===root.tasksCount-1 && index<root.latteAppletPos)))
){
updateIdSendScale(index-1, leftScale, 0);
updateIdSendScale(index+1, rightScale, 0);
updateIdSendScale(index-2, 1, 0);
updateIdSendScale(index+2, 1 ,0);
} else{
if(latApp.internalSeparatorPos === 0){
if (!positiveDirection) {
updateIdSendScale(index+2, ssNeighbourZoom, 0);
} else {
updateIdSendScale(index+2, bsNeighbourZoom, 0);
}
updateIdSendScale(index-1, leftScale, 0);
updateIdSendScale(index+1, rightScale, 0);
updateIdSendScale(index+3, 1, 0);
updateIdSendScale(index-2, 1, 0);
} else if(root.hasInternalSeparator && latApp.internalSeparatorPos === root.tasksCount-1) {
if (!positiveDirection) {
updateIdSendScale(index-2, bsNeighbourZoom, 0);
} else {
updateIdSendScale(index-2, ssNeighbourZoom, 0);
}
updateIdSendScale(index-1, leftScale, 0);
updateIdSendScale(index+1, rightScale, 0);
updateIdSendScale(index+2, 1, 0);
updateIdSendScale(index-3, 1, 0);
}
}
if (root.latteApplet && Math.abs(index - root.latteAppletPos) > 2){
root.latteApplet.clearZoom();
}
//Left hiddenSpacer
if(container.startEdge){
hiddenSpacerLeft.nScale = leftScale - 1;
}
//Right hiddenSpacer ///there is one more item in the currentLayout ????
if(container.endEdge){
hiddenSpacerRight.nScale = rightScale - 1;
}
zoomScale = root.zoomFactor;
}
} //scale
function signalUpdateScale(nIndex, nScale, step){
if(container && (container.index === nIndex)){
reconsiderAppletIconItem();
if ( ((canBeHovered && !lockZoom ) || container.latteApplet)
&& (applet && applet.status !== PlasmaCore.Types.HiddenStatus)
//&& (index != currentLayout.hoveredIndex)
){
if(!container.latteApplet){
if(nScale >= 0)
zoomScale = nScale + step;
else
zoomScale = zoomScale + step;
}
} ///if the applet is hidden must forward its scale events to its neighbours
else if ((applet && (applet.status === PlasmaCore.Types.HiddenStatus))
|| container.isInternalViewSplitter){
if(layoutsContainer.hoveredIndex>index)
root.updateScale(index-1, nScale, step);
else if((layoutsContainer.hoveredIndex<index))
root.updateScale(index+1, nScale, step);
}
}
}
Component.onCompleted: {
root.updateScale.connect(signalUpdateScale);
}
}// Main task area // id:wrapper