/*
* 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 QtGraphicalEffects 1.0
import org.kde.plasma.plasmoid 2.0
import org.kde.plasma.core 2.0 as PlasmaCore
import org.kde.latte 0.1 as Latte
Item{
id: editVisual
width: root.isHorizontal ? dock.width : visibilityManager.thicknessNormalOriginal + theme.defaultFont.pixelSize
height: root.isVertical ? dock.height : visibilityManager.thicknessNormalOriginal + theme.defaultFont.pixelSize
opacity: 0
property int speed: root.durationTime*2.8*units.longDuration
property int thickness: visibilityManager.thicknessNormalOriginal + root.editShadow
property int rootThickness: visibilityManager.thicknessZoomOriginal + root.editShadow - theme.defaultFont.pixelSize
property int editLength: root.isHorizontal ? (root.behaveAsPlasmaPanel ? root.width - root.maxIconSize/4 : root.width)://root.maxLength) :
(root.behaveAsPlasmaPanel ? root.height - root.maxIconSize/4 : root.height)
property real editStateOpacity: 0.95 //root.behaveAsPlasmaPanel ? 0.5 : 0.95// root.blurEnabled ? 0.8 : 0.9
property bool animationSent: false
property bool farEdge: (plasmoid.location===PlasmaCore.Types.BottomEdge) || (plasmoid.location===PlasmaCore.Types.RightEdge)
property bool editAnimationEnded: false
property bool plasmaEditMode: plasmoid.userConfiguring
property bool inEditMode: false
property rect efGeometry
property string layoutColor: root.dockManagedLayout ? root.dockManagedLayout.color : "blue"
Item{
id:topShadow
height: root.editShadow
width: imageTiler.width + 2*root.editShadow
anchors.horizontalCenter: parent.horizontalCenter
anchors.bottom: imageTiler.top
clip: true
visible: !editTransition.running
EditShadow{
anchors.top: parent.top
anchors.topMargin: root.editShadow
anchors.horizontalCenter: parent.horizontalCenter
}
}
Item{
id:leftShadow
width: root.editShadow
height: imageTiler.height
anchors.right: imageTiler.left
anchors.verticalCenter: imageTiler.verticalCenter
clip: true
visible: !editTransition.running
EditShadow{
anchors.left: parent.left
anchors.leftMargin: root.editShadow
}
}
Item{
id:rightShadow
width: root.editShadow
height: imageTiler.height
anchors.left: imageTiler.right
anchors.verticalCenter: imageTiler.verticalCenter
clip: true
visible: !editTransition.running
EditShadow{
anchors.right: parent.right
anchors.rightMargin: root.editShadow
}
}
Item{
id:bottomShadow
height: root.editShadow
width: imageTiler.width + 2*root.editShadow
anchors.horizontalCenter: imageTiler.horizontalCenter
anchors.top: imageTiler.bottom
clip: true
visible: !editTransition.running
EditShadow{
anchors.bottom: parent.bottom
anchors.bottomMargin: root.editShadow
anchors.horizontalCenter: parent.horizontalCenter
}
}
Image{
id: imageTiler
anchors.centerIn: parent
width: parent.width
height: parent.height
opacity: editVisual.editStateOpacity
fillMode: Image.Tile
source: "../icons/"+editVisual.layoutColor+"print.jpg"
}
/*Behavior on width {
NumberAnimation { duration: 300 }
enabled: root.isHorizontal
}
Behavior on height {
NumberAnimation { duration: 300 }
enabled: root.isVertical
}*/
Connections{
target: plasmoid
onLocationChanged: initializeEditPosition();
}
/* Connections{
target: root
onIconSizeChanged: initializeEditPosition();
onPanelAlignmentChanged: initializeEditPosition();
onOffsetChanged: initializeEditPosition();
}*/
onRootThicknessChanged: {
initializeEditPosition();
}
onThicknessChanged: {
initializeEditPosition();
}
onEditAnimationEndedChanged: {
if (!dock) {
return;
}
if (editAnimationEnded && !root.behaveAsPlasmaPanel) {
dock.shadow = root.editShadow;
} else {
dock.shadow = root.panelShadow;
}
}
onXChanged: updateEffectsArea();
onYChanged: updateEffectsArea();
onWidthChanged: {
/*if (root.isHorizontal) {
initializeEditPosition();
}*/
updateEffectsArea();
}
onHeightChanged: {
/* if (root.isVertical) {
initializeEditPosition();
}*/
updateEffectsArea();
}
function updateEffectsArea(){
if (!dock || state !== "edit" || !editAnimationEnded)
return;
var rootGeometry = mapToItem(root, 0, 0);
efGeometry.x = rootGeometry.x;
efGeometry.y = rootGeometry.y;
efGeometry.width = width;
efGeometry.height = height;
dock.effectsArea = efGeometry;
}
function initializeNormalPosition() {
if (plasmoid.location === PlasmaCore.Types.BottomEdge) {
y = rootThickness;
x = 0;
} else if (plasmoid.location === PlasmaCore.Types.RightEdge) {
x = rootThickness;
y = 0;
} else if (plasmoid.location === PlasmaCore.Types.LeftEdge) {
x = -editVisual.thickness;
y = 0;
} else if (plasmoid.location === PlasmaCore.Types.TopEdge) {
y = -editVisual.thickness;
x = 0;
}
/* if (root.isHorizontal) {
if (plasmoid.configuration.panelPosition === Latte.Dock.Justify) {
x = root.width/2 - editVisual.editLength/2 + root.offset;
} else if (root.panelAlignment === Latte.Dock.Left) {
x = root.offset;
} else if (root.panelAlignment === Latte.Dock.Center) {
x = root.width/2 - editVisual.editLength/2 + root.offset;
} else if (root.panelAlignment === Latte.Dock.Right) {
x = root.width - editVisual.editLength - root.offset;
}
} else if (root.isVertical) {
if (plasmoid.configuration.panelPosition === Latte.Dock.Justify) {
y = root.height/2 - editVisual.editLength/2 + root.offset;
} else if (root.panelAlignment === Latte.Dock.Top) {
y = root.offset;
} else if (root.panelAlignment === Latte.Dock.Center) {
y = root.height/2 - editVisual.editLength/2 + root.offset;
} else if (root.panelAlignment === Latte.Dock.Bottom) {
y = root.height - editVisual.editLength - root.offset;
}
}*/
}
function initializeEditPosition() {
if (root.editMode) {
if (plasmoid.location === PlasmaCore.Types.LeftEdge){
x = 0;
y = 0;
} else if (plasmoid.location === PlasmaCore.Types.TopEdge) {
x = 0;
y = 0;
} else if (plasmoid.location === PlasmaCore.Types.BottomEdge) {
x = 0;
y = rootThickness - thickness;
} else if (plasmoid.location === PlasmaCore.Types.RightEdge) {
x = rootThickness - thickness;
y = 0;
}
/* if (root.isHorizontal) {
if (plasmoid.configuration.panelPosition === Latte.Dock.Justify) {
x = root.width/2 - editVisual.width/2 + root.offset;
} else if (root.panelAlignment === Latte.Dock.Left) {
x = root.offset;
} else if (root.panelAlignment === Latte.Dock.Center) {
x = root.width/2 - editVisual.width/2 + root.offset;
} else if (root.panelAlignment === Latte.Dock.Right) {
x = root.width - editVisual.width - root.offset;
}
} else if (root.isVertical) {
if (plasmoid.configuration.panelPosition === Latte.Dock.Justify) {
y = root.height/2 - editVisual.height/2 + root.offset;
} else if (root.panelAlignment === Latte.Dock.Top) {
y = root.offset;
} else if (root.panelAlignment === Latte.Dock.Center) {
y = root.height/2 - editVisual.height/2 + root.offset;
} else if (root.panelAlignment === Latte.Dock.Bottom) {
y = root.height - editVisual.height - root.offset;
}
}*/
}
}
//////////// States ////////////////////
states: [
State{
name: "*"
when: !plasmaEditMode
},
State{
name: "edit"
when: plasmaEditMode
}
]
transitions: [
Transition{
id: editTransition
from: "*"
to: "edit"
SequentialAnimation{
id:normalAnimationTransition
ScriptAction{
script:{
editVisual.inEditMode = true;
editVisual.opacity = 0
editVisual.editAnimationEnded = false;
initializeNormalPosition();
if(!animationSent) {
animationSent = true;
root.slotAnimationsNeedLength(1);
}
}
}
ParallelAnimation{
PropertyAnimation {
target: editVisual
property: "opacity"
to: 1
duration: editVisual.speed / 2
easing.type: Easing.OutQuad
}
PropertyAnimation {
target: editVisual
property: root.isHorizontal ? "y" : "x"
to: editVisual.farEdge ? editVisual.rootThickness - editVisual.thickness : 0
duration: editVisual.speed
easing.type: Easing.OutQuad
}
}
ScriptAction{
script:{
editVisual.editAnimationEnded = true;
updateEffectsArea();
visibilityManager.updateMaskArea();
}
}
}
},
Transition{
from: "edit"
to: "*"
SequentialAnimation{
ParallelAnimation{
PropertyAnimation {
target: editVisual
property: root.isHorizontal ? "y" : "x"
to: editVisual.farEdge ? editVisual.rootThickness : -editVisual.thickness
duration: editVisual.speed
easing.type: Easing.InQuad
}
PropertyAnimation {
target: editVisual
property: "opacity"
to: 0
duration: editVisual.speed
easing.type: Easing.InQuad
}
}
ScriptAction{
script:{
editVisual.inEditMode = false;
editVisual.editAnimationEnded = false;
if (editVisual.animationSent) {
root.slotAnimationsNeedLength(-1);
editVisual.animationSent = false;
}
if (visibilityManager.inTempHiding) {
visibilityManager.sendHideDockDuringLocationChangeFinished();
}
}
}
}
}
]
}