@@ -28,6 +28,26 @@ Item {
2828
2929 property alias background: wallpaper.source
3030
31+ property bool altTabPressed: false
32+
33+ onAltTabPressedChanged: {
34+ print("Alt+Tab pressed:", altTabPressed)
35+ if (altTabPressed) {
36+ appRepeater.highlightedIndex = 1;
37+ } else {
38+ print("focusing app", appRepeater.highlightedIndex)
39+ ApplicationManager.focusApplication(ApplicationManager.get(appRepeater.highlightedIndex).appId)
40+ }
41+ }
42+
43+ function altTabNext() {
44+ if (root.altTabPressed) {
45+ print("should tab next")
46+ appRepeater.highlightedIndex = (appRepeater.highlightedIndex + 1) % ApplicationManager.count
47+ spreadFlickable.snapTo(spreadFlickable.width / 5 * Math.max(0, appRepeater.highlightedIndex - 3))
48+ }
49+ }
50+
3151 CrossFadeImage {
3252 id: wallpaper
3353 anchors.fill: parent
@@ -83,63 +103,139 @@ Item {
83103 value: priv.focusedAppDelegate !== null && priv.focusedAppDelegate.state === "maximized"
84104 }
85105
86− Repeater {
87− id: appRepeater
88− model: ApplicationManager
106+ Item {
107+ Repeater {
108+ id: appRepeater
109+ model: ApplicationManager
89110
90− delegate: Item {
91− id: appDelegate
92− z: ApplicationManager.count - index
93− y: units.gu(3)
94− width: units.gu(60)
95− height: units.gu(50)
111+ property int highlightedIndex: 1
96112
97− readonly property int minWidth: units.gu(10)
98− readonly property int minHeight: units.gu(10)
113+ delegate: Item {
114+ id: appDelegate
115+ z: ApplicationManager.count - index
116+ y: units.gu(3)
117+ width: units.gu(60)
118+ height: units.gu(50)
99119
100− function focusWindow() {
101− decoratedWindow.window.forceActiveFocus();
102− }
120+ readonly property int minWidth: units.gu(10)
121+ readonly property int minHeight: units.gu(10)
103122
104− states: [
105− State {
106− name: "normal"
107− },
108− State {
109− name: "maximized"
110− PropertyChanges { target: appDelegate; x: 0; y: 0; width: root.width; height: root.height }
111− },
112− State {
113− name: "minimized"
114− PropertyChanges { target: appDelegate; x: -appDelegate.width / 2; scale: units.gu(5) / appDelegate.width; opacity: 0 }
123+ function focusWindow() {
124+ decoratedWindow.window.forceActiveFocus();
115125 }
116− ]
117− transitions: [
118− Transition {
119− PropertyAnimation { target: appDelegate; properties: "x,y,opacity,width,height,scale" }
126+
127+ states: [
128+ State {
129+ name: "normal"
130+ },
131+ State {
132+ name: "maximized"
133+ PropertyChanges { target: appDelegate; x: 0; y: 0; width: root.width; height: root.height }
134+ },
135+ State {
136+ name: "minimized"
137+ PropertyChanges { target: appDelegate; x: -appDelegate.width / 2; scale: units.gu(5) / appDelegate.width; opacity: 0 }
138+ },
139+ State {
140+ name: "altTab"; when: root.state == "altTab"
141+ PropertyChanges {
142+ target: appDelegate
143+ x: spreadMaths.desktopX(index, root.width, spreadFlickable.contentX)
144+ y: spreadMaths.desktopY(root.height, appDelegate.height)
145+ angle: spreadMaths.desktopAngle(index, spreadFlickable.contentX)
146+ color: "green"
147+ z: index
148+ }
149+ PropertyChanges {
150+ target: darkenOverlay
151+ opacity: index != appRepeater.highlightedIndex ? 0.4 : 0
152+ }
153+ }
154+ ]
155+ transitions: [
156+ Transition {
157+ from: "maximized,minimized,normal,"
158+ to: "maximized,minimized,normal,"
159+ PropertyAnimation { target: appDelegate; properties: "x,y,opacity,width,height,scale" }
160+ }
161+ ]
162+ property real angle: 0
163+ transform: [
164+ Rotation {
165+ origin { x: 0; y: appDelegate.height / 2 }
166+ axis { x: 0; y: 1; z: 0 }
167+ angle: appDelegate.angle
168+ }
169+ ]
170+
171+ SpreadMaths {
172+ id: spreadMaths
120173 }
121− ]
122174
123− WindowMoveResizeArea {
124− target: appDelegate
125− minWidth: appDelegate.minWidth
126− minHeight: appDelegate.minHeight
127− resizeHandleWidth: units.gu(0.5)
128− windowId: model.appId // FIXME: Change this to point to windowId once we have such a thing
175+ WindowMoveResizeArea {
176+ target: appDelegate
177+ minWidth: appDelegate.minWidth
178+ minHeight: appDelegate.minHeight
179+ resizeHandleWidth: units.gu(0.5)
180+ windowId: model.appId // FIXME: Change this to point to windowId once we have such a thing
129181
130− onPressed: ApplicationManager.requestFocusApplication(model.appId)
131− }
182+ onPressed: ApplicationManager.requestFocusApplication(model.appId)
183+ }
184+
185+ DecoratedWindow {
186+ id: decoratedWindow
187+ anchors.fill: parent
188+ application: ApplicationManager.get(index)
189+ active: ApplicationManager.focusedApplicationId === model.appId
132190
133− DecoratedWindow {
134− id: decoratedWindow
135− anchors.fill: parent
136− application: ApplicationManager.get(index)
137− active: ApplicationManager.focusedApplicationId === model.appId
191+ onClose: ApplicationManager.stopApplication(model.appId)
192+ onMaximize: appDelegate.state = (appDelegate.state == "maximized" ? "normal" : "maximized")
193+ onMinimize: appDelegate.state = "minimized"
194+ }
138195
139− onClose: ApplicationManager.stopApplication(model.appId)
140− onMaximize: appDelegate.state = (appDelegate.state == "maximized" ? "normal" : "maximized")
141− onMinimize: appDelegate.state = "minimized"
196+ Rectangle {
197+ id: darkenOverlay
198+ anchors.fill: parent
199+ color: "black"
200+ opacity: 0
201+ }
142202 }
143203 }
144204 }
205+
206+ Flickable {
207+ id: spreadFlickable
208+ anchors.fill: parent
209+ contentWidth: ApplicationManager.count * width / 5
210+ visible: false
211+ onContentXChanged: print("flickable flicked", contentX)
212+
213+ function snapTo(contentX) {
214+ snapAnimation.to = contentX
215+ snapAnimation.start();
216+ }
217+
218+ UbuntuNumberAnimation {
219+ id: snapAnimation
220+ target: spreadFlickable
221+ property: "contentX"
222+ }
223+ }
224+
225+ states: [
226+ State {
227+ name: "windowed"
228+ },
229+ State {
230+ name: "altTab"; when: root.altTabPressed
231+ PropertyChanges { target: spreadFlickable; visible: true }
232+ }
233+ ]
234+ transitions: [
235+ Transition {
236+ from: "*"
237+ to: "altTab"
238+ PropertyAction { target: spreadFlickable; property: "contentX"; value: 0 }
239+ }
240+ ]
145241}