2 * Copyright (C) 2013-2014 Canonical, Ltd.
4 * This program is free software; you can redistribute it and/or modify
5 * it under the terms of the GNU General Public License as published by
6 * the Free Software Foundation; version 3.
8 * This program is distributed in the hope that it will be useful,
9 * but WITHOUT ANY WARRANTY; without even the implied warranty of
10 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
11 * GNU General Public License for more details.
13 * You should have received a copy of the GNU General Public License
14 * along with this program. If not, see <http://www.gnu.org/licenses/>.
18 import "../Components"
19 import Ubuntu.Components 0.1
20 import Ubuntu.Gestures 0.1
21 import Unity.Launcher 0.1
26 property bool available: true // can be used to disable all interactions
28 property int panelWidth: units.gu(8)
29 property int dragAreaWidth: units.gu(1)
30 property int minimizeDistance: units.gu(26)
31 property real progress: dragArea.dragging && dragArea.touchX > panelWidth ?
32 (width * (dragArea.touchX-panelWidth) / (width - panelWidth)) : 0
34 readonly property bool shown: panel.x > -panel.width
36 // emitted when an application is selected
37 signal launcherApplicationSelected(string appId)
39 // emitted when the apps dash should be shown because of a swipe gesture
42 // emitted when the dash icon in the launcher has been tapped
49 dismissTimer.restart()
58 fadeOutAnimation.start();
61 function switchToNextState(state) {
62 animateTimer.nextState = state
79 objectName: "dismissTimer"
82 if (!panel.preventHiding) {
85 dismissTimer.restart()
90 // Because the animation on x is disabled while dragging
91 // switching state directly in the drag handlers would not animate
92 // the completion of the hide/reveal gesture. Lets update the state
93 // machine and switch to the final state in the next event loop run
96 objectName: "animateTimer"
98 property string nextState: ""
100 // switching to an intermediate state here to make sure all the
101 // values are restored, even if we were already in the target state
103 root.state = nextState
107 SequentialAnimation {
111 panel.layer.enabled = true
114 UbuntuNumberAnimation {
117 easing.type: Easing.InQuad
122 panel.layer.enabled = false
123 panel.animate = false;
125 panel.x = -panel.width
127 panel.animate = true;
134 enabled: root.state == "visible"
136 anchors.rightMargin: -units.gu(2)
144 if (panel.x < -panel.width/3) {
145 root.switchToNextState("")
147 root.switchToNextState("visible")
155 left: launcherDragArea.right
158 bottom: parent.bottom
160 enabled: root.state == "visible"
170 opacity: root.state == "visible" ? 0.6 : 0
172 Behavior on opacity { NumberAnimation { duration: UbuntuAnimation.BriskDuration } }
177 objectName: "launcherPanel"
178 enabled: root.available
179 width: root.panelWidth
182 bottom: parent.bottom
185 visible: x > -width || dragArea.status === DirectionalDragArea.Undecided
188 property bool animate: true
190 onApplicationSelected: {
192 launcherApplicationSelected(appId)
199 onPreventHidingChanged: {
200 if (dismissTimer.running) {
201 dismissTimer.restart();
206 enabled: !dragArea.dragging && !launcherDragArea.drag.active && panel.animate;
209 easing.type: Easing.OutCubic
213 Behavior on opacity {
215 duration: UbuntuAnimation.FastDuration; easing.type: Easing.OutCubic
222 objectName: "launcherDragArea"
224 direction: Direction.Rightwards
226 enabled: root.available
227 width: root.dragAreaWidth
231 if (status !== DirectionalDragArea.Recognized || launcher.state == "visible")
234 // When the gesture finally gets recognized, the finger will likely be
235 // reasonably far from the edge. If we made the panel immediately
236 // follow the finger position it would be visually unpleasant as it
237 // would appear right next to the user's finger out of nowhere.
238 // Instead, we make the panel go towards the user's finger in several
239 // steps. ie., in an animated way.
240 var targetPanelX = Math.min(0, touchX - panel.width)
241 var delta = targetPanelX - panel.x
242 // the trick is not to go all the way (1.0) as it would cause a sudden jump
243 panel.x += 0.4 * delta
248 if (distance > panel.width / 2) {
249 root.switchToNextState("visible")
250 if (distance > minimizeDistance) {
254 root.switchToNextState("")
262 name: "" // hidden state. Must be the default state ("") because "when:" falls back to this.
277 when: teaseTimer.running
280 x: -root.panelWidth + units.gu(2)