git.iko.soy/unity8
on xenial help sign in
Add TabBar to the Dash header navigation
7b1a85fAlbert Astals
Components/PageHeader.qml+22−37
compare with xenial
unifiedsplit
@@ -21,17 +21,12 @@ import Ubuntu.Components.ListItems 0.1 as ListItem
21import Unity 0.1
21import Unity 0.1
22
22
23Item {
23Item {
24− /*!
24+ id: root
25− \preliminary
26− The text that is shown inside the Page Header
27− \qmlproperty string text
28− */
29− property alias text: label.text
30−
31 property bool searchEntryEnabled: false
25 property bool searchEntryEnabled: false
32 property alias searchQuery: searchField.text
26 property alias searchQuery: searchField.text
33 property ListModel searchHistory: SearchHistoryModel {}
27 property ListModel searchHistory: SearchHistoryModel {}
34 property Scope scope
28 property Scope scope
29+ property alias childItem: itemContainer.children
35
30
36 height: units.gu(8.5)
31 height: units.gu(8.5)
37 implicitHeight: units.gu(8.5)
32 implicitHeight: units.gu(8.5)
@@ -82,29 +77,10 @@ Item {
82 height: childrenRect.height
77 height: childrenRect.height
83
78
84 Item {
79 Item {
85− id: textContainer
80+ id: itemContainer
86
81
87− width: header.width
82+ width: searchContainer.narrowMode ? header.width : header.width - searchContainer.width
88 height: header.height
83 height: header.height
89−
90− Label {
91− id: label
92− anchors {
93− left: parent.left
94− leftMargin: units.gu(2)
95− right: parent.right
96− verticalCenter: parent.verticalCenter
97− }
98−
99− color: Theme.palette.selected.backgroundText
100− opacity: 0.8
101− font.family: "Ubuntu"
102− font.weight: Font.Light
103− fontSize: "x-large"
104− elide: Text.ElideRight
105− style: Text.Raised
106− styleColor: "black"
107− }
108 }
84 }
109
85
110 Item {
86 Item {
@@ -113,12 +89,21 @@ Item {
113
89
114 visible: searchEntryEnabled
90 visible: searchEntryEnabled
115
91
116− property bool narrowMode: parent.width < label.contentWidth + units.gu(50)
92+ property bool narrowMode: {
93+ if (root.childItem.length == 0)
94+ return false;
95+ if (root.childItem.length > 1) {
96+ console.log("ERROR: PageHeader childItem must be a single item");
97+ return false;
98+ }
99+ var item = root.childItem[0];
100+ return parent.width < item.implicitWidth + units.gu(50)
101+ }
117
102
118 property bool active: searchField.text != "" || searchField.activeFocus
103 property bool active: searchField.text != "" || searchField.activeFocus
119 property var popover: null
104 property var popover: null
120
105
121− anchors.right: textContainer.right
106+ anchors.right: headerContainer.right
122 height: header.height
107 height: header.height
123
108
124 state:
109 state:
@@ -237,13 +222,13 @@ Item {
237 states: [
222 states: [
238 State {
223 State {
239 name: "wide"
224 name: "wide"
240− AnchorChanges { target: textContainer; anchors.top: headerContainer.top }
225+ AnchorChanges { target: itemContainer; anchors.top: headerContainer.top }
241− AnchorChanges { target: searchContainer; anchors.left: undefined; anchors.top: textContainer.top }
226+ AnchorChanges { target: searchContainer; anchors.left: undefined; anchors.top: itemContainer.top }
242 },
227 },
243 State {
228 State {
244 name: "narrow"
229 name: "narrow"
245 PropertyChanges { target: searchField; highlighted: true }
230 PropertyChanges { target: searchField; highlighted: true }
246− AnchorChanges { target: textContainer; anchors.top: searchContainer.bottom }
231+ AnchorChanges { target: itemContainer; anchors.top: searchContainer.bottom }
247 AnchorChanges { target: searchContainer; anchors.left: headerContainer.left; anchors.top: headerContainer.top }
232 AnchorChanges { target: searchContainer; anchors.left: headerContainer.left; anchors.top: headerContainer.top }
248 },
233 },
249 State {
234 State {
@@ -281,7 +266,7 @@ Item {
281 ParallelAnimation {
266 ParallelAnimation {
282 NumberAnimation { targets: [searchContainer, searchField]; property: "width"; duration: 200; easing.type: Easing.InOutQuad }
267 NumberAnimation { targets: [searchContainer, searchField]; property: "width"; duration: 200; easing.type: Easing.InOutQuad }
283 PropertyAction { target: primaryImage; property: "source" }
268 PropertyAction { target: primaryImage; property: "source" }
284− AnchorAnimation { targets: [searchContainer, textContainer]; duration: 200; easing.type: Easing.InOutQuad }
269+ AnchorAnimation { targets: [searchContainer, itemContainer]; duration: 200; easing.type: Easing.InOutQuad }
285 }
270 }
286 ScriptAction { script: searchContainer.openPopover() }
271 ScriptAction { script: searchContainer.openPopover() }
287 }
272 }
@@ -290,14 +275,14 @@ Item {
290 to: "inactive"
275 to: "inactive"
291 ScriptAction { script: searchContainer.closePopover() }
276 ScriptAction { script: searchContainer.closePopover() }
292 NumberAnimation { targets: [searchContainer, searchField] ; property: "width"; duration: 200; easing.type: Easing.InOutQuad }
277 NumberAnimation { targets: [searchContainer, searchField] ; property: "width"; duration: 200; easing.type: Easing.InOutQuad }
293− AnchorAnimation { targets: [searchContainer, textContainer]; duration: 200; easing.type: Easing.InOutQuad }
278+ AnchorAnimation { targets: [searchContainer, itemContainer]; duration: 200; easing.type: Easing.InOutQuad }
294 },
279 },
295 Transition {
280 Transition {
296 to: "narrowActive"
281 to: "narrowActive"
297 SequentialAnimation {
282 SequentialAnimation {
298 ParallelAnimation {
283 ParallelAnimation {
299 NumberAnimation { targets: [searchContainer, searchField] ; property: "width"; duration: 200; easing.type: Easing.OutQuad }
284 NumberAnimation { targets: [searchContainer, searchField] ; property: "width"; duration: 200; easing.type: Easing.OutQuad }
300− AnchorAnimation { targets: [searchContainer, textContainer]; duration: 200; easing.type: Easing.InOutQuad }
285+ AnchorAnimation { targets: [searchContainer, itemContainer]; duration: 200; easing.type: Easing.InOutQuad }
301 }
286 }
302 ScriptAction { script: searchContainer.openPopover() }
287 ScriptAction { script: searchContainer.openPopover() }
303 }
288 }
@@ -306,7 +291,7 @@ Item {
306 to: "narrowInactive"
291 to: "narrowInactive"
307 ScriptAction { script: searchContainer.closePopover() }
292 ScriptAction { script: searchContainer.closePopover() }
308 NumberAnimation { targets: [searchContainer, searchField] ; property: "width"; duration: 200; easing.type: Easing.OutQuad }
293 NumberAnimation { targets: [searchContainer, searchField] ; property: "width"; duration: 200; easing.type: Easing.OutQuad }
309− AnchorAnimation { targets: [searchContainer, textContainer]; duration: 200; easing.type: Easing.InOutQuad }
294+ AnchorAnimation { targets: [searchContainer, itemContainer]; duration: 200; easing.type: Easing.InOutQuad }
310 }
295 }
311 ]
296 ]
312
297
Components/PageHeaderLabel.qmlnew file+41
@@ -0,0 +1,41 @@
1+/*
2+ * Copyright (C) 2013 Canonical, Ltd.
3+ *
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.
7+ *
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.
12+ *
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/>.
15+ */
16+
17+import QtQuick 2.0
18+import Ubuntu.Components 0.1
19+
20+PageHeader {
21+ property alias text: label.text
22+
23+ childItem: Label {
24+ id: label
25+ anchors {
26+ left: parent.left
27+ leftMargin: units.gu(2)
28+ right: parent.right
29+ verticalCenter: parent.verticalCenter
30+ }
31+
32+ color: Theme.palette.selected.backgroundText
33+ opacity: 0.8
34+ font.family: "Ubuntu"
35+ font.weight: Font.Light
36+ fontSize: "x-large"
37+ elide: Text.ElideRight
38+ style: Text.Raised
39+ styleColor: "black"
40+ }
41+}
Dash/Dash.qml−18
@@ -63,11 +63,6 @@ Showable {
63 anchors.fill: parent
63 anchors.fill: parent
64 model: filteredScopes
64 model: filteredScopes
65 scopes: scopes
65 scopes: scopes
66− onMovementStarted: dashbar.startNavigation()
67− onMovementEnded: dashbar.stopNavigation()
68− onContentFlickStarted: dashbar.finishNavigation()
69− onContentEndReached: dashbar.finishNavigation()
70− onPreviewShown: dashbar.finishNavigation()
71 onScopeLoaded: {
66 onScopeLoaded: {
72 if (scopeId == dash.showScopeOnLoaded) {
67 if (scopeId == dash.showScopeOnLoaded) {
73 dash.setCurrentScope(scopeId, false, false)
68 dash.setCurrentScope(scopeId, false, false)
@@ -77,17 +72,4 @@ Showable {
77 scale: dash.contentScale
72 scale: dash.contentScale
78 clip: scale != 1.0
73 clip: scale != 1.0
79 }
74 }
80−
81− DashBar {
82− id: dashbar
83− objectName: "dashbar"
84− anchors.bottom: parent.bottom
85− anchors.left: parent.left
86− anchors.right: parent.right
87− model: filteredScopes
88− currentIndex: dashContent.currentIndex
89− onItemSelected: dashContent.setCurrentScopeAtIndex(index, true, false)
90− opacity: dash.contentScale == 1.0 ? 1.0 : 0.0
91− Behavior on opacity { NumberAnimation { easing.type: Easing.OutQuad; duration: 150 } }
92− }
93}
75}
Dash/DashBar.qmldeleted−128
@@ -1,128 +0,0 @@
1−/*
2− * Copyright (C) 2013 Canonical, Ltd.
3− *
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.
7− *
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.
12− *
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/>.
15− */
16−
17−import QtQuick 2.0
18−import Ubuntu.Components 0.1
19−import Unity 0.1
20−
21−Item {
22− id: dashBar
23−
24− property var model
25− property alias currentIndex: row.currentIndex
26−
27− property int lineHeight: units.dp(2)
28− property int itemSize: units.gu(7)
29− property int iconSize: units.gu(3.5)
30−
31− signal itemSelected(int index)
32−
33− width: units.gu(40)
34− height: units.gu(6)
35−
36− function startNavigation() {
37− timeout.stop()
38− panel.open()
39− }
40−
41− function stopNavigation() {
42− timeout.restart()
43− }
44−
45− function finishNavigation() {
46− panel.close()
47− }
48−
49− Timer {
50− id: timeout
51− interval: 1500
52− running: false
53− repeat: false
54− onTriggered: finishNavigation()
55− }
56−
57− Panel {
58− id: panel
59− objectName: "panel"
60− anchors.fill: parent
61−
62− locked: true // TODO: remove this when lp bug #1179569 will be fixed
63−
64− Rectangle {
65− color: "black"
66− anchors.fill: parent
67−
68− ListView {
69− id: row
70− objectName: "row"
71− model: dashBar.model
72− orientation: ListView.Horizontal
73− width: Math.min(Math.max(dashBar.width/2, units.gu(40)), count * itemSize)
74− height: parent.height
75− anchors.horizontalCenter: parent.horizontalCenter
76− onMovingChanged: if (moving) { timeout.stop() } else { timeout.restart() }
77− interactive: visibleArea.widthRatio < 1 && panel.opened
78− highlightFollowsCurrentItem: false
79−
80− onCurrentItemChanged: {
81− highlightLine.width = currentItem.width
82− highlightLine.x = x + currentItem.x
83− }
84−
85− delegate:
86− // FIXME: Use Panel's integrated trigger() once that works again.
87− MouseArea {
88− width: itemSize
89− height: dashBar.height
90− anchors.top: parent.top
91−
92− onClicked: {
93− dashBar.itemSelected(index)
94− timeout.restart()
95− }
96−
97− Image {
98− anchors.centerIn: parent
99− source: scope.iconHint
100− sourceSize { width: iconSize; height: iconSize }
101− // opacity: index == currentIndex ? 1 : 1 // same opacity for now
102− }
103− }
104− }
105− }
106− }
107−
108− Rectangle {
109− anchors {
110− left: parent.left
111− right: parent.right
112− bottom: parent.bottom
113− }
114− height: dashBar.lineHeight
115− color: "black"
116−
117− Rectangle {
118− id: highlightLine
119− color: Theme.palette.selected.foreground
120− height: parent.height
121− anchors.bottom: parent.bottom
122− z: 1
123−
124− Behavior on x {NumberAnimation { duration: 150; easing.type: Easing.OutCubic}}
125− Behavior on width {NumberAnimation { duration: 150; easing.type: Easing.OutCubic}}
126− }
127− }
128−}
Dash/DashContent.qml+142−58
@@ -17,6 +17,7 @@
17import QtQuick 2.0
17import QtQuick 2.0
18import Ubuntu.Components 0.1
18import Ubuntu.Components 0.1
19import Unity 0.1
19import Unity 0.1
20+import "../Components"
20
21
21Item {
22Item {
22 id: dashContent
23 id: dashContent
@@ -32,7 +33,6 @@ Item {
32 signal movementEnded()
33 signal movementEnded()
33 signal contentFlickStarted()
34 signal contentFlickStarted()
34 signal contentEndReached()
35 signal contentEndReached()
35− signal previewShown()
36 signal scopeLoaded(string scopeId)
36 signal scopeLoaded(string scopeId)
37 signal positionedAtBeginning()
37 signal positionedAtBeginning()
38
38
@@ -79,71 +79,155 @@ Item {
79 }
79 }
80 }
80 }
81
81
82− ListView {
82+ Item {
83− id: dashContentList
83+ id: dashContentListHolder
84− objectName: "dashContentList"
84+ anchors.fill: parent
85
85
86+ ListView {
87+ id: dashContentList
88+ objectName: "dashContentList"
89+
86− interactive: dashContent.scopes.loaded && !currentItem.previewShown && !currentItem.moving
90+ interactive: dashContent.scopes.loaded && !previewListView.onScreen && !currentItem.moving
91+
92+ anchors.fill: parent
93+ model: dashContent.model
94+ orientation: ListView.Horizontal
95+ boundsBehavior: Flickable.DragAndOvershootBounds
96+ flickDeceleration: units.gu(625)
97+ maximumFlickVelocity: width * 5
98+ snapMode: ListView.SnapOneItem
99+ highlightMoveDuration: 250
100+ highlightRangeMode: ListView.StrictlyEnforceRange
101+ // TODO Investigate if we can switch to a smaller cache buffer when/if UbuntuShape gets more performant
102+ cacheBuffer: 1073741823
103+ onMovementStarted: dashContent.movementStarted()
104+ onMovementEnded: dashContent.movementEnded()
105+
106+ // If the number of items is less than the current index, then need to reset to another item.
107+ onCountChanged: {
108+ if (currentIndex >= count)
109+ dashContent.setCurrentScopeAtIndex(count-1, true, true)
110+ }
87
111
88− anchors.fill: parent
112+ delegate:
89− model: dashContent.model
113+ Loader {
90− orientation: ListView.Horizontal
114+ width: ListView.view.width
91− boundsBehavior: Flickable.DragAndOvershootBounds
115+ height: ListView.view.height
92− flickDeceleration: units.gu(625)
116+ asynchronous: true
93− maximumFlickVelocity: width * 5
117+ source: scopeMapper.map(scope.id)
94− snapMode: ListView.SnapOneItem
118+ objectName: scope.id + " loader"
95− highlightMoveDuration: 250
119+
96− highlightRangeMode: ListView.StrictlyEnforceRange
120+ readonly property bool moving: item ? item.moving : false
97− /* FIXME: workaround rendering issue due to use of ShaderEffectSource in
121+ readonly property var categoryView: item ? item.categoryView : null
98− UbuntuShape. While switching from the home scope to the People scope the
122+ readonly property Scope theScope: scope
99− rendering would block midway.
123+
100− */
124+ // these are needed for autopilot tests
101− cacheBuffer: 2147483647
125+ readonly property string scopeId: scope.id
102− onMovementStarted: dashContent.movementStarted()
126+ readonly property bool isCurrent: ListView.isCurrentItem
103− onMovementEnded: dashContent.movementEnded()
127+ readonly property bool isLoaded: status == Loader.Ready
104−
128+
105− // If the number of items is less than the current index, then need to reset to another item.
129+ onLoaded: {
106− onCountChanged: {
130+ item.scope = Qt.binding(function() { return scope })
107− if (currentIndex >= count)
131+ item.isCurrent = Qt.binding(function() { return visible && ListView.isCurrentItem })
108− dashContent.setCurrentScopeAtIndex(count-1, true, true)
132+ item.tabBarHeight = pageHeader.implicitHeight;
133+ item.pageHeader = pageHeader;
134+ item.openEffect = openEffect;
135+ item.previewListView = previewListView;
136+ dashContentList.movementStarted.connect(item.movementStarted)
137+ dashContent.positionedAtBeginning.connect(item.positionedAtBeginning)
138+ dashContent.scopeLoaded(item.scope.id)
139+ }
140+ Connections {
141+ target: item
142+ ignoreUnknownSignals: true
143+ onEndReached: contentEndReached()
144+ onHeaderPositionChanged: {
145+ pageHeader.y = position;
146+ }
147+ onHeaderHeightChanged: {
148+ pageHeader.height = height;
149+ }
150+ }
151+
152+ Component.onDestruction: active = false
153+ }
109 }
154 }
110
155
111− delegate:
156+ PageHeader {
112− Loader {
157+ id: pageHeader
113− width: ListView.view.width
158+ width: parent.width
114− height: ListView.view.height
159+ searchEntryEnabled: true
115− asynchronous: true
160+
116− source: scopeMapper.map(scope.id)
161+ childItem: TabBar {
162+ id: tabbar
117− objectName: scope.id + " loader"
163+ objectName: "tabbar"
118−
164+ height: units.gu(7)
119− readonly property bool previewShown: item ? item.previewShown : false
165+ width: parent.width
120− readonly property bool moving: item ? item.moving : false
166+ implicitWidth: currentButtonWidth
121−
167+
122− // these are needed for autopilot tests
168+ property alias selectedTabIndex: tabs.selectedTabIndex
123− readonly property string scopeId: scope.id
169+
124− readonly property bool isCurrent: ListView.isCurrentItem
170+ Component.onCompleted: {
125− readonly property bool isLoaded: status == Loader.Ready
171+ __styleInstance.headerTextStyle = Text.Raised
126−
172+ __styleInstance.headerTextStyleColor = "black"
127− onLoaded: {
128− item.scope = Qt.binding(function() { return scope })
129− item.isCurrent = Qt.binding(function() { return visible && ListView.isCurrentItem })
130− item.searchHistory = Qt.binding(function() { return shell.searchHistory })
131− dashContentList.movementStarted.connect(item.movementStarted)
132− dashContent.positionedAtBeginning.connect(item.positionedAtBeginning)
133− dashContent.scopeLoaded(item.scope.id)
134 }
173 }
135− Connections {
174+
136− target: item
175+ tabsItem: TabsBase {
137− ignoreUnknownSignals: true
176+ id: tabs
138− onEndReached: contentEndReached()
177+
139− onPreviewShownChanged: {
178+ Repeater {
140− if (item.previewShown) {
179+ model: dashContentList.model
141− dashContent.previewShown()
180+ Tab {
181+ id: tab
182+ title: scope.name
183+ Component.onCompleted: {
184+ var aux = tabs.tabList;
185+ aux.push(tab)
186+ tabs.tabList = aux;
187+ tabs.modelChanged();
188+ if (tabs.selectedTabIndex == -1) {
189+ tabs.selectedTabIndex = 0;
190+ }
191+ }
192+ Component.onDestruction: {
193+ var aux = tabs.tabList;
194+ aux.splice(aux.indexOf(tab), 1)
195+ tabs.tabList = aux;
196+ tabs.modelChanged();
197+ }
142 }
198 }
143 }
199 }
144− }
145
200
146− Component.onDestruction: active = false
201+ onSelectedTabIndexChanged: {
202+ dashContentList.currentIndex = selectedTabIndex;
203+ }
204+
205+ Connections {
206+ target: dashContentList
207+ onCurrentIndexChanged: {
208+ tabs.selectedTabIndex = dashContentList.currentIndex
209+ }
210+ }
211+ }
147 }
212 }
213+ }
214+ }
215+
216+ DashContentOpenEffect {
217+ id: openEffect
218+ anchors {
219+ fill: parent
220+ bottomMargin: -bottomOverflow
221+ }
222+ sourceItem: dashContentListHolder
223+ previewListView: previewListView
224+ }
225+
226+ PreviewListView {
227+ id: previewListView
228+ openEffect: openEffect
229+ categoryView: dashContentList.currentItem ? dashContentList.currentItem.categoryView : null
230+ scope: dashContentList.currentItem ? dashContentList.currentItem.theScope : null
231+ anchors.fill: parent
148 }
232 }
149}
233}
Dash/DashContentOpenEffect.qmlnew file+57
@@ -0,0 +1,57 @@
1+/*
2+ * Copyright (C) 2013 Canonical, Ltd.
3+ *
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.
7+ *
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.
12+ *
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/>.
15+ */
16+
17+import QtQuick 2.0
18+import Ubuntu.Components 0.1
19+import "../Components"
20+
21+OpenEffect {
22+ property PreviewListView previewListView: null
23+
24+ objectName: "openEffect"
25+ anchors {
26+ fill: parent
27+ bottomMargin: -bottomOverflow
28+ }
29+
30+ enabled: gap > 0.0
31+
32+ topGapPx: (1 - gap) * positionPx
33+ topOpacity: (1 - gap * 1.2)
34+ bottomGapPx: positionPx + gap * (targetBottomGapPx - positionPx)
35+ bottomOverflow: units.gu(20)
36+ live: !expansionAnimation.running
37+
38+ property int targetBottomGapPx: height - units.gu(8) - bottomOverflow
39+ property real gap: previewListView.open ? 1.0 : 0.0
40+
41+ Behavior on gap {
42+ NumberAnimation {
43+ id: expansionAnimation
44+ duration: 200
45+ easing.type: Easing.InOutQuad
46+ onRunningChanged: {
47+ if (!previewListView.open && !running) {
48+ previewListView.onScreen = false
49+ }
50+ }
51+ }
52+ }
53+ Behavior on positionPx {
54+ enabled: previewListView.open
55+ UbuntuNumberAnimation {}
56+ }
57+}
Dash/GenericScopeView.qml+17−215
@@ -21,8 +21,8 @@ import "../Components/ListItems" as ListItems
21
21
22ScopeView {
22ScopeView {
23 id: scopeView
23 id: scopeView
24− readonly property alias previewShown: previewListView.onScreen
25 property bool enableHeightBehaviorOnNextCreation: false
24 property bool enableHeightBehaviorOnNextCreation: false
25+ property var categoryView: categoryView
26
26
27 moving: categoryView.moving
27 moving: categoryView.moving
28
28
@@ -39,12 +39,14 @@ ScopeView {
39 target: scopeView.scope
39 target: scopeView.scope
40 property: "searchQuery"
40 property: "searchQuery"
41 value: pageHeader.searchQuery
41 value: pageHeader.searchQuery
42+ when: isCurrent
42 }
43 }
43
44
44 Binding {
45 Binding {
45 target: pageHeader
46 target: pageHeader
46 property: "searchQuery"
47 property: "searchQuery"
47 value: scopeView.scope.searchQuery
48 value: scopeView.scope.searchQuery
49+ when: isCurrent
48 }
50 }
49
51
50 Connections {
52 Connections {
@@ -74,6 +76,9 @@ ScopeView {
74 property string expandedCategoryId: ""
76 property string expandedCategoryId: ""
75 signal correctExpandedCategory();
77 signal correctExpandedCategory();
76
78
79+ onContentYChanged: pageHeader.positionRealHeader();
80+ onOriginYChanged: pageHeader.positionRealHeader();
81+
77 Behavior on contentY {
82 Behavior on contentY {
78 enabled: previewListView.open
83 enabled: previewListView.open
79 UbuntuNumberAnimation {}
84 UbuntuNumberAnimation {}
@@ -130,7 +135,7 @@ ScopeView {
130 target: rendererLoader.item
135 target: rendererLoader.item
131 onClicked: {
136 onClicked: {
132 // Prepare the preview in case activate() triggers a preview only
137 // Prepare the preview in case activate() triggers a preview only
133− effect.positionPx = mapToItem(categoryView, 0, itemY).y
138+ openEffect.positionPx = mapToItem(categoryView, 0, itemY).y
134 previewListView.categoryId = categoryId
139 previewListView.categoryId = categoryId
135 previewListView.categoryDelegate = rendererLoader.item
140 previewListView.categoryDelegate = rendererLoader.item
136 previewListView.model = model;
141 previewListView.model = model;
@@ -151,7 +156,7 @@ ScopeView {
151 }
156 }
152 }
157 }
153 onPressAndHold: {
158 onPressAndHold: {
154− effect.positionPx = mapToItem(categoryView, 0, itemY).y
159+ openEffect.positionPx = mapToItem(categoryView, 0, itemY).y
155 previewListView.categoryId = categoryId
160 previewListView.categoryId = categoryId
156 previewListView.categoryDelegate = rendererLoader.item
161 previewListView.categoryDelegate = rendererLoader.item
157 previewListView.model = model;
162 previewListView.model = model;
@@ -241,13 +246,14 @@ ScopeView {
241 categoryView.expandedCategoryId = "";
246 categoryView.expandedCategoryId = "";
242 }
247 }
243 }
248 }
244− pageHeader: PageHeader {
249+ pageHeader: Item {
245− id: pageHeader
250+ implicitHeight: scopeView.tabBarHeight
246− objectName: "pageHeader"
251+ onHeightChanged: scopeView.headerHeightChanged(height)
247− width: categoryView.width
252+ onYChanged: positionRealHeader();
248− text: scopeView.scope.name
253+
249− searchEntryEnabled: true
254+ function positionRealHeader() {
250− scope: scopeView.scope
255+ scopeView.headerPositionChanged(y + parent.y)
256+ }
251 }
257 }
252 }
258 }
253
259
@@ -292,44 +298,6 @@ ScopeView {
292 }
298 }
293 }
299 }
294
300
295− OpenEffect {
296− id: effect
297− objectName: "openEffect"
298− anchors {
299− fill: parent
300− bottomMargin: -bottomOverflow
301− }
302− sourceItem: categoryView
303−
304− enabled: gap > 0.0
305−
306− topGapPx: (1 - gap) * positionPx
307− topOpacity: (1 - gap * 1.2)
308− bottomGapPx: positionPx + gap * (targetBottomGapPx - positionPx)
309− bottomOverflow: units.gu(20)
310− live: !expansionAnimation.running
311−
312− property int targetBottomGapPx: height - units.gu(8) - bottomOverflow
313− property real gap: previewListView.open ? 1.0 : 0.0
314−
315− Behavior on gap {
316− NumberAnimation {
317− id: expansionAnimation
318− duration: 200
319− easing.type: Easing.InOutQuad
320− onRunningChanged: {
321− if (!previewListView.open && !running) {
322− previewListView.onScreen = false
323− }
324− }
325− }
326− }
327− Behavior on positionPx {
328− enabled: previewListView.open
329− UbuntuNumberAnimation {}
330− }
331− }
332−
333 Connections {
301 Connections {
334 target: scopeView.scope
302 target: scopeView.scope
335 onPreviewReady: {
303 onPreviewReady: {
@@ -348,179 +316,13 @@ ScopeView {
348 }
316 }
349 }
317 }
350
318
351− PreviewDelegateMapper {
352− id: previewDelegateMapper
353− }
354−
355− ListView {
356− id: previewListView
357− objectName: "previewListView"
358− height: effect.bottomGapPx - effect.topGapPx
359− anchors {
360− top: parent.top
361− topMargin: effect.topGapPx
362− left: parent.left
363− right: parent.right
364− }
365− orientation: ListView.Horizontal
366− highlightRangeMode: ListView.StrictlyEnforceRange
367− snapMode: ListView.SnapOneItem
368− boundsBehavior: Flickable.DragAndOvershootBounds
369− highlightMoveDuration: 250
370− flickDeceleration: units.gu(625)
371− maximumFlickVelocity: width * 5
372− cacheBuffer: 0
373−
374− // To be set before opening the preview
375− property string categoryId: ""
376− property var categoryDelegate
377−
378− // because the ListView is built asynchronous, setting the
379− // currentIndex directly won't work. We need to refresh it
380− // when the first preview is ready to be displayed.
381− property bool init: true
382−
383− onCurrentIndexChanged: {
384− var row = Math.floor(currentIndex / categoryDelegate.columns);
385− if (categoryDelegate.collapsedRowCount <= row) {
386− categoryView.expandedCategoryId = categoryId
387− }
388−
389− if (open) {
390− categoryDelegate.highlightIndex = currentIndex
391− }
392−
393− if (!init && model !== undefined) {
394− var item = model.get(currentIndex)
395− scopeView.scope.preview( item.uri, item.icon, item.category, 0, item.mimetype, item.title, item.comment, item.dndUri, item.metadata)
396− }
397−
398− var itemY = categoryView.contentItem.mapFromItem(categoryDelegate.currentItem).y;
399− var newContentY = itemY - effect.positionPx - categoryDelegate.verticalSpacing;
400− var effectAdjust = effect.positionPx;
401− if (newContentY < 0) {
402− effectAdjust += newContentY;
403− newContentY = 0;
404− }
405− if (newContentY > Math.max(0, categoryView.contentHeight - categoryView.height)) {
406− effectAdjust += -(categoryView.contentHeight - categoryView.height) + newContentY
407− newContentY = categoryView.contentHeight - categoryView.height;
408− }
409−
410− effect.positionPx = effectAdjust;
411− categoryView.contentY = newContentY - categoryView.originY;
412− }
413−
414− property bool open: false
415− property bool onScreen: false
416−
417− onOpenChanged: {
418− if (open) {
419− onScreen = true;
420− categoryDelegate.highlightIndex = currentIndex;
421− pageHeader.unfocus();
422− } else {
423− // Cancel any pending preview requests or actions
424− if (previewListView.currentItem.previewData !== undefined) {
425− previewListView.currentItem.previewData.cancelAction();
426− }
427− scopeView.scope.cancelActivation();
428− model = undefined;
429− categoryView.correctExpandedCategory();
430− categoryDelegate.highlightIndex = -1;
431− }
432− }
433−
434− Rectangle {
435− anchors.fill: parent
436− color: Qt.rgba(0, 0, 0, .3)
437− z: -1
438− }
439−
440− delegate: Loader {
441− id: previewLoader
442− objectName: "previewLoader" + index
443− height: previewListView.height
444− width: previewListView.width
445− asynchronous: true
446− source: previewListView.onScreen ?
447− (previewData !== undefined ? previewDelegateMapper.map(previewData.rendererName) : "DashPreviewPlaceholder.qml") : ""
448−
449− onPreviewDataChanged: {
450− if (previewData !== undefined && source.toString().indexOf("DashPreviewPlaceholder.qml") != -1) {
451− previewLoader.opacity = 0;
452− }
453− }
454−
455− onSourceChanged: {
456− if (previewData !== undefined) {
457− fadeIn.start()
458− }
459− }
460−
461− PropertyAnimation {
462− id: fadeIn
463− target: previewLoader
464− property: "opacity"
465− from: 0.0
466− to: 1.0
467− duration: UbuntuAnimation.BriskDuration
468− }
469−
470− property var previewData
471− property bool valid: item !== null
472−
473− onLoaded: {
474− if (previewListView.onScreen && previewData !== undefined) {
475− item.previewData = Qt.binding(function() { return previewData })
476− }
477− }
478−
479− Connections {
480− ignoreUnknownSignals: true
481− target: item
482− onClose: {
483− previewListView.open = false
484− }
485− }
486−
487− function closePreviewSpinner() {
488− if(item) {
489− item.showProcessingAction = false;
490− }
491− }
492− }
493− }
494−
495− Image {
496− objectName: "pointerArrow"
497− anchors {
498− top: previewListView.bottom
499− left: parent.left
500− leftMargin: previewListView.categoryDelegate !== undefined && previewListView.categoryDelegate.currentItem ?
501− previewListView.categoryDelegate.currentItem.center + (-width + margins) / 2 : 0
502−
503− Behavior on leftMargin {
504− SmoothedAnimation {
505− duration: UbuntuAnimation.FastDuration
506− }
507− }
508− }
509− height: units.gu(1)
510− width: units.gu(2)
511− property int margins: previewListView.categoryDelegate ? previewListView.categoryDelegate.margins : 0
512− opacity: previewListView.open ? .5 : 0
513−
514− source: "graphics/tooltip_arrow.png"
515− }
516−
517 // TODO: Move as InverseMouseArea to DashPreview
319 // TODO: Move as InverseMouseArea to DashPreview
518 MouseArea {
320 MouseArea {
519 objectName: "closePreviewMouseArea"
321 objectName: "closePreviewMouseArea"
520 enabled: previewListView.onScreen
322 enabled: previewListView.onScreen
521 anchors {
323 anchors {
522 fill: parent
324 fill: parent
523− topMargin: effect.bottomGapPx
325+ topMargin: openEffect.bottomGapPx
524 }
326 }
525 onClicked: {
327 onClicked: {
526 previewListView.open = false;
328 previewListView.open = false;
Dash/PreviewListView.qmlnew file+201
@@ -0,0 +1,201 @@
1+/*
2+ * Copyright (C) 2013 Canonical, Ltd.
3+ *
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.
7+ *
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.
12+ *
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/>.
15+ */
16+
17+import QtQuick 2.0
18+import Ubuntu.Components 0.1
19+import Unity 0.1
20+import "../Components"
21+
22+Item {
23+ property OpenEffect openEffect: null
24+ property ScopeListView categoryView: null
25+ property Scope scope: null
26+
27+ property alias open: previewListView.open
28+ property alias onScreen: previewListView.onScreen
29+ property alias categoryId: previewListView.categoryId
30+ property alias categoryDelegate: previewListView.categoryDelegate
31+ property alias init: previewListView.init
32+ property alias model: previewListView.model
33+ property alias currentIndex: previewListView.currentIndex
34+ property alias currentItem: previewListView.currentItem
35+
36+ Image {
37+ objectName: "pointerArrow"
38+ anchors {
39+ top: previewListView.bottom
40+ left: parent.left
41+ leftMargin: previewListView.categoryDelegate !== undefined && previewListView.categoryDelegate.currentItem ?
42+ previewListView.categoryDelegate.currentItem.center + (-width + margins) / 2 : 0
43+
44+ Behavior on leftMargin {
45+ SmoothedAnimation {
46+ duration: UbuntuAnimation.FastDuration
47+ }
48+ }
49+ }
50+ height: units.gu(1)
51+ width: units.gu(2)
52+ property int margins: previewListView.categoryDelegate ? previewListView.categoryDelegate.margins : 0
53+ opacity: previewListView.open ? .5 : 0
54+
55+ source: "graphics/tooltip_arrow.png"
56+ }
57+
58+ ListView {
59+ id: previewListView
60+ objectName: "previewListView"
61+ height: openEffect.bottomGapPx - openEffect.topGapPx
62+ anchors {
63+ top: parent.top
64+ topMargin: openEffect.topGapPx
65+ left: parent.left
66+ right: parent.right
67+ }
68+ orientation: ListView.Horizontal
69+ highlightRangeMode: ListView.StrictlyEnforceRange
70+ snapMode: ListView.SnapOneItem
71+ boundsBehavior: Flickable.DragAndOvershootBounds
72+ highlightMoveDuration: 250
73+ flickDeceleration: units.gu(625)
74+ maximumFlickVelocity: width * 5
75+ cacheBuffer: 0
76+
77+ // To be set before opening the preview
78+ property string categoryId: ""
79+ property var categoryDelegate
80+
81+ // because the ListView is built asynchronous, setting the
82+ // currentIndex directly won't work. We need to refresh it
83+ // when the first preview is ready to be displayed.
84+ property bool init: true
85+
86+ PreviewDelegateMapper {
87+ id: previewDelegateMapper
88+ }
89+
90+ onCurrentIndexChanged: {
91+ var row = Math.floor(currentIndex / categoryDelegate.columns);
92+ if (categoryDelegate.collapsedRowCount <= row) {
93+ categoryView.expandedCategoryId = categoryId
94+ }
95+
96+ if (open) {
97+ categoryDelegate.highlightIndex = currentIndex
98+ }
99+
100+ if (!init && model !== undefined) {
101+ var item = model.get(currentIndex)
102+ scope.preview( item.uri, item.icon, item.category, 0, item.mimetype, item.title, item.comment, item.dndUri, item.metadata)
103+ }
104+
105+ var itemY = categoryView.contentItem.mapFromItem(categoryDelegate.currentItem).y;
106+ var newContentY = itemY - openEffect.positionPx - categoryDelegate.verticalSpacing;
107+ var effectAdjust = openEffect.positionPx;
108+ if (newContentY < 0) {
109+ effectAdjust += newContentY;
110+ newContentY = 0;
111+ }
112+ if (newContentY > Math.max(0, categoryView.contentHeight - categoryView.height)) {
113+ effectAdjust += -(categoryView.contentHeight - categoryView.height) + newContentY
114+ newContentY = categoryView.contentHeight - categoryView.height;
115+ }
116+
117+ openEffect.positionPx = effectAdjust;
118+ categoryView.contentY = newContentY - categoryView.originY;
119+ }
120+
121+ property bool open: false
122+ property bool onScreen: false
123+
124+ onOpenChanged: {
125+ if (open) {
126+ onScreen = true;
127+ categoryDelegate.highlightIndex = currentIndex;
128+ pageHeader.unfocus();
129+ } else {
130+ // Cancel any pending preview requests or actions
131+ if (previewListView.currentItem.previewData !== undefined) {
132+ previewListView.currentItem.previewData.cancelAction();
133+ }
134+ scope.cancelActivation();
135+ model = undefined;
136+ categoryView.correctExpandedCategory();
137+ categoryDelegate.highlightIndex = -1;
138+ }
139+ }
140+
141+ Rectangle {
142+ anchors.fill: parent
143+ color: Qt.rgba(0, 0, 0, .3)
144+ z: -1
145+ }
146+
147+ delegate: Loader {
148+ id: previewLoader
149+ objectName: "previewLoader" + index
150+ height: previewListView.height
151+ width: previewListView.width
152+ asynchronous: true
153+ source: previewListView.onScreen ?
154+ (previewData !== undefined ? previewDelegateMapper.map(previewData.rendererName) : "DashPreviewPlaceholder.qml") : ""
155+
156+ onPreviewDataChanged: {
157+ if (previewData !== undefined && source.toString().indexOf("DashPreviewPlaceholder.qml") != -1) {
158+ previewLoader.opacity = 0;
159+ }
160+ }
161+
162+ onSourceChanged: {
163+ if (previewData !== undefined) {
164+ fadeIn.start()
165+ }
166+ }
167+
168+ PropertyAnimation {
169+ id: fadeIn
170+ target: previewLoader
171+ property: "opacity"
172+ from: 0.0
173+ to: 1.0
174+ duration: UbuntuAnimation.BriskDuration
175+ }
176+
177+ property var previewData
178+ property bool valid: item !== null
179+
180+ onLoaded: {
181+ if (previewListView.onScreen && previewData !== undefined) {
182+ item.previewData = Qt.binding(function() { return previewData })
183+ }
184+ }
185+
186+ Connections {
187+ ignoreUnknownSignals: true
188+ target: item
189+ onClose: {
190+ previewListView.open = false
191+ }
192+ }
193+
194+ function closePreviewSpinner() {
195+ if(item) {
196+ item.showProcessingAction = false;
197+ }
198+ }
199+ }
200+ }
201+}
Dash/ScopeView.qml+7−1
@@ -17,17 +17,23 @@
17import QtQuick 2.0
17import QtQuick 2.0
18import Utils 0.1
18import Utils 0.1
19import Unity 0.1
19import Unity 0.1
20+import "../Components"
20
21
21FocusScope {
22FocusScope {
22 property Scope scope
23 property Scope scope
23 property SortFilterProxyModel categories: categoryFilter
24 property SortFilterProxyModel categories: categoryFilter
24 property bool isCurrent
25 property bool isCurrent
25− property ListModel searchHistory
26 property bool moving: false
26 property bool moving: false
27+ property int tabBarHeight: 0
28+ property PageHeader pageHeader: null
29+ property OpenEffect openEffect: null
30+ property Item previewListView: null
27
31
28 signal endReached
32 signal endReached
29 signal movementStarted
33 signal movementStarted
30 signal positionedAtBeginning
34 signal positionedAtBeginning
35+ signal headerPositionChanged(int position)
36+ signal headerHeightChanged(int height)
31
37
32 // FIXME delay the search so that daemons have time to settle, note that
38 // FIXME delay the search so that daemons have time to settle, note that
33 // removing this will break ScopeView::test_changeScope
39 // removing this will break ScopeView::test_changeScope
Hud/HudParametrizedActionsPage.qml+1−1
@@ -89,7 +89,7 @@ Item {
89 anchors.left: parent.left
89 anchors.left: parent.left
90 anchors.right: parent.right
90 anchors.right: parent.right
91
91
92− PageHeader {
92+ PageHeaderLabel {
93 id: header
93 id: header
94 anchors.top: parent.top
94 anchors.top: parent.top
95 anchors.left: parent.left
95 anchors.left: parent.left
Shell.qml−2
@@ -62,8 +62,6 @@ FocusScope {
62 }
62 }
63 }
63 }
64
64
65− property ListModel searchHistory: SearchHistoryModel {}
66−
67 property var applicationManager: ApplicationManagerWrapper {}
65 property var applicationManager: ApplicationManagerWrapper {}
68
66
69 Binding {
67 Binding {
tests/qmltests/CMakeLists.txt+1−2
@@ -40,9 +40,8 @@ add_qml_test(Components Stage IMPORT_PATHS ${qmltest_DEFAULT_IMPORT_PATHS}
40 ${CMAKE_BINARY_DIR}/tests/mocks
40 ${CMAKE_BINARY_DIR}/tests/mocks
41 ${CMAKE_BINARY_DIR}/plugins)
41 ${CMAKE_BINARY_DIR}/plugins)
42add_qml_test(Components Tile)
42add_qml_test(Components Tile)
43−add_qml_test(Components PageHeader)
43+add_qml_test(Components PageHeaderLabel)
44add_qml_test(Dash Dash IMPORT_PATHS ${CMAKE_BINARY_DIR}/plugins ${qmltest_DEFAULT_IMPORT_PATHS})
44add_qml_test(Dash Dash IMPORT_PATHS ${CMAKE_BINARY_DIR}/plugins ${qmltest_DEFAULT_IMPORT_PATHS})
45−add_qml_test(Dash DashBar IMPORT_PATHS ${CMAKE_BINARY_DIR}/plugins ${CMAKE_CURRENT_BINARY_DIR}/plugins ${qmltest_DEFAULT_IMPORT_PATHS})
46add_qml_test(Dash DashContent IMPORT_PATHS ${CMAKE_BINARY_DIR}/plugins ${qmltest_DEFAULT_IMPORT_PATHS})
45add_qml_test(Dash DashContent IMPORT_PATHS ${CMAKE_BINARY_DIR}/plugins ${qmltest_DEFAULT_IMPORT_PATHS})
47add_qml_test(Dash DashPreview)
46add_qml_test(Dash DashPreview)
48add_qml_test(Dash GenericPreview)
47add_qml_test(Dash GenericPreview)
tests/qmltests/Components/tst_PageHeader.qml → tests/qmltests/Components/tst_PageHeaderLabel.qmlrenamed+2−2
@@ -31,7 +31,7 @@ Item {
31 }
31 }
32
32
33 UT.UnityTestCase {
33 UT.UnityTestCase {
34− name: "PageHeaderTest"
34+ name: "PageHeaderLabelTest"
35 when: windowShown
35 when: windowShown
36
36
37 property alias searchEnabled : pageHeader.searchEntryEnabled
37 property alias searchEnabled : pageHeader.searchEntryEnabled
@@ -164,7 +164,7 @@ Item {
164 anchors.fill: parent
164 anchors.fill: parent
165 spacing: units.gu(1)
165 spacing: units.gu(1)
166
166
167− PageHeader {
167+ PageHeaderLabel {
168 id: pageHeader
168 id: pageHeader
169 anchors {
169 anchors {
170 left: parent.left
170 left: parent.left
tests/qmltests/Dash/qml/FakeScopeView.qml+1
@@ -23,6 +23,7 @@ ScopeView {
23 id: fakeScopeView
23 id: fakeScopeView
24
24
25 property alias backColor : back.color
25 property alias backColor : back.color
26+ property var categoryView: null
26
27
27 onEndReached: {
28 onEndReached: {
28 if (shell != undefined && shell.scopeStatus != undefined) {
29 if (shell != undefined && shell.scopeStatus != undefined) {
tests/qmltests/Dash/tst_Dash.qml+6−8
@@ -25,8 +25,6 @@ Item {
25 width: units.gu(40)
25 width: units.gu(40)
26 height: units.gu(80)
26 height: units.gu(80)
27
27
28− property ListModel searchHistory : ListModel {}
29−
30 Dash {
28 Dash {
31 id: dash
29 id: dash
32 anchors.fill: parent
30 anchors.fill: parent
@@ -83,14 +81,14 @@ Item {
83 // wait for scopes to load
81 // wait for scopes to load
84 tryCompare(scopes, "loaded", true);
82 tryCompare(scopes, "loaded", true);
85
83
86− var dashbar = findChild(dash, "dashbar");
84+ var tabbar = findChild(dash, "tabbar");
87− verify(dashbar != undefined)
85+ verify(tabbar != undefined)
88 var dashContent = findChild(dash, "dashContent");
86 var dashContent = findChild(dash, "dashContent");
89 var current_index = dashContent.currentIndex;
87 var current_index = dashContent.currentIndex;
90
88
91 dash.setCurrentScope(data.tag, true /* animate */, false /* reset */);
89 dash.setCurrentScope(data.tag, true /* animate */, false /* reset */);
92 compare(dashContent.currentIndex, data.shouldBeVisible ? data.visualIndex : current_index);
90 compare(dashContent.currentIndex, data.shouldBeVisible ? data.visualIndex : current_index);
93− compare(dashbar.currentIndex, data.shouldBeVisible ? data.visualIndex : current_index);
91+ compare(tabbar.selectedTabIndex, data.shouldBeVisible ? data.visualIndex : current_index);
94 }
92 }
95
93
96 function test_show_scope_on_load_data() {
94 function test_show_scope_on_load_data() {
@@ -121,12 +119,12 @@ Item {
121 // wait for scopes to load
119 // wait for scopes to load
122 tryCompare(scopes, "loaded", true);
120 tryCompare(scopes, "loaded", true);
123
121
124− var dashbar = findChild(dash, "dashbar");
122+ var tabbar = findChild(dash, "tabbar");
125− verify(dashbar != undefined)
123+ verify(tabbar != undefined)
126 var dashContent = findChild(dash, "dashContent");
124 var dashContent = findChild(dash, "dashContent");
127 var current_index = dashContent.currentIndex;
125 var current_index = dashContent.currentIndex;
128
126
129− dashbar.itemSelected(data.visualIndex);
127+ tabbar.selectedTabIndex = data.visualIndex;
130 compare(dashContent.currentIndex, data.shouldBeVisible ? data.visualIndex : current_index);
128 compare(dashContent.currentIndex, data.shouldBeVisible ? data.visualIndex : current_index);
131 }
129 }
132 }
130 }
tests/qmltests/Dash/tst_DashBar.qmldeleted−111
@@ -1,111 +0,0 @@
1−/*
2− * Copyright 2013 Canonical Ltd.
3− *
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.
7− *
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.
12− *
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/>.
15− */
16−
17−import QtQuick 2.0
18−import QtTest 1.0
19−import Unity 0.1
20−import ".."
21−import "../../../Dash"
22−import Ubuntu.Components 0.1
23−import Unity.Test 0.1 as UT
24−
25−Item {
26− width: units.gu(40)
27− height: units.gu(71)
28−
29− DashBar {
30− id: dashBar
31−
32− anchors {
33− left: parent.left
34− right: parent.right
35− bottom: parent.bottom
36− }
37− model: scopes
38− onItemSelected: currentIndex = index
39− }
40−
41− Scopes {
42− id: scopes
43− }
44−
45− SignalSpy {
46− id: signalSpy
47− signalName: "itemSelected"
48− target: dashBar
49− }
50−
51− UT.UnityTestCase {
52− name: "DashBar"
53− when: scopes.loaded
54−
55− property alias model: dashBar.model
56− property alias currentIndex: dashBar.currentIndex
57−
58− readonly property alias lineHeight: dashBar.lineHeight
59− readonly property alias itemSize: dashBar.itemSize
60− readonly property alias iconSize: dashBar.iconSize
61− readonly property var panel: findChild(dashBar, "panel");
62−
63− function initTestCase() {
64− currentIndex = 2
65− }
66−
67− function waitForAnimationToEnd() {
68− compare(panel.animating, true) // check the animation started
69− tryCompare(panel, "animating", false) // wait till the animation ends
70− }
71−
72− function closePanel() {
73− dashBar.finishNavigation()
74− waitForAnimationToEnd()
75− tryCompare(panel, "opened", false)
76− }
77−
78− function openPanel() {
79− dashBar.startNavigation()
80− waitForAnimationToEnd()
81− tryCompare(panel, "opened", true)
82− }
83−
84− function test_navigationAndHide() {
85− openPanel()
86− closePanel()
87− }
88−
89− function test_itemSelected() {
90− openPanel()
91−
92− var row = findChild(dashBar, "row");
93− tryCompareFunction(function(){return row.width > 0;}, true);
94− for (var i = 0; i < model.rowCount(); i++) {
95− // coordinate x in the middle of item with index 'i'
96− var x = row.x + (row.width / model.rowCount()) * i + itemSize / 2
97−
98− // FIXME workaround for a bug in SignalSpy
99− signalSpy.clear()
100−
101− // (item, x, y, button, modifiers, delay)
102− mouseClick(panel, x, row.height / 2, Qt.LeftButton, Qt.NoModifier, 0)
103− compare(signalSpy.count > 0, true, "signal itemSelected not triggered")
104− compare(signalSpy.signalArguments[0][0], i, "signal itemSelected emitted unexpected index");
105− tryCompare(dashBar, "currentIndex", i);
106− }
107−
108− closePanel()
109− }
110− }
111−}
tests/qmltests/Dash/tst_DashContent.qml+23−3
@@ -26,8 +26,6 @@ Item {
26 width: units.gu(40)
26 width: units.gu(40)
27 height: units.gu(80)
27 height: units.gu(80)
28
28
29− property ListModel searchHistory: ListModel {}
30−
31 property var scopeStatus: {
29 property var scopeStatus: {
32 'MockScope1': { 'movementStarted': 0, 'positionedAtBeginning': 0 },
30 'MockScope1': { 'movementStarted': 0, 'positionedAtBeginning': 0 },
33 'MockScope2': { 'movementStarted': 0, 'positionedAtBeginning': 0 },
31 'MockScope2': { 'movementStarted': 0, 'positionedAtBeginning': 0 },
@@ -36,6 +34,12 @@ Item {
36 'MockScope5': { 'movementStarted': 0, 'positionedAtBeginning': 0 }
34 'MockScope5': { 'movementStarted': 0, 'positionedAtBeginning': 0 }
37 }
35 }
38
36
37+ Item {
38+ // make PageHeader happy
39+ id: greeter
40+ signal shownChanged
41+ }
42+
39 Scopes {
43 Scopes {
40 id: scopesModel
44 id: scopesModel
41 }
45 }
@@ -157,7 +161,7 @@ Item {
157 var dashContentList = findChild(dashContent, "dashContentList");
161 var dashContentList = findChild(dashContent, "dashContentList");
158 verify(dashContentList != undefined);
162 verify(dashContentList != undefined);
159
163
160− tryCompare(scopeLoadedSpy, "count", 5);
164+ tryCompareFunction(function() {return dashContentList.currentItem.item !== null;}, true);
161 dashContent.setCurrentScopeAtIndex(0, true, false);
165 dashContent.setCurrentScopeAtIndex(0, true, false);
162 dashContentList.currentItem.item.endReached();
166 dashContentList.currentItem.item.endReached();
163
167
@@ -229,5 +233,21 @@ Item {
229 tryCompare(scopesModel.get(1), "isActive", data.active1);
233 tryCompare(scopesModel.get(1), "isActive", data.active1);
230 tryCompare(scopesModel.get(2), "isActive", data.active2);
234 tryCompare(scopesModel.get(2), "isActive", data.active2);
231 }
235 }
236+
237+ function test_tabBar_index_change() {
238+ compare(dashContent.currentIndex, 0);
239+ mouseClick(dashContent, units.gu(5), units.gu(5))
240+ wait(1000);
241+ mouseClick(dashContent, units.gu(20), units.gu(5))
242+ compare(dashContent.currentIndex, 1);
243+ }
244+
245+ function test_tabBar_listens_to_index_change() {
246+ var tabbar = findChild(dashContent, "tabbar");
247+ tryCompare(dashContent, "currentIndex", 0);
248+ compare(tabbar.selectedTabIndex, 0);
249+ dashContent.currentIndex = 1;
250+ compare(tabbar.selectedTabIndex, 1);
251+ }
232 }
252 }
233}
253}
tests/qmltests/Dash/tst_GenericScopeView.qml+43−20
@@ -19,6 +19,7 @@ import QtTest 1.0
19import Unity 0.1
19import Unity 0.1
20import ".."
20import ".."
21import "../../../Dash"
21import "../../../Dash"
22+import "../../../Components"
22import Ubuntu.Components 0.1
23import Ubuntu.Components 0.1
23import Unity.Test 0.1 as UT
24import Unity.Test 0.1 as UT
24
25
@@ -40,50 +41,77 @@ Item {
40 signal mainStageFocusedApplicationChanged()
41 signal mainStageFocusedApplicationChanged()
41 }
42 }
42
43
44+ PreviewListView {
45+ id: previewListView
46+ anchors.fill: parent
47+ openEffect: openEffect
48+ categoryView: genericScopeView
49+ scope: genericScopeView.scope
50+ }
51+
52+ DashContentOpenEffect {
53+ id: openEffect
54+ previewListView: previewListView
55+ }
56+
57+ PageHeaderLabel {
58+ id: pageHeader
59+ }
60+
43 GenericScopeView {
61 GenericScopeView {
44 id: genericScopeView
62 id: genericScopeView
45 anchors.fill: parent
63 anchors.fill: parent
64+ previewListView: previewListView;
65+ openEffect: openEffect;
66+ pageHeader: pageHeader;
46
67
47 UT.UnityTestCase {
68 UT.UnityTestCase {
48 name: "GenericScopeView"
69 name: "GenericScopeView"
49 when: scopes.loaded
70 when: scopes.loaded
50
71
51− function test_isCurrent() {
72+ function test_isCurrent() {
52− var pageHeader = findChild(genericScopeView, "pageHeader");
53− var previewListView = findChild(genericScopeView, "previewListView");
54 genericScopeView.isCurrent = true
73 genericScopeView.isCurrent = true
55 pageHeader.searchQuery = "test"
74 pageHeader.searchQuery = "test"
56 previewListView.open = true
75 previewListView.open = true
57 genericScopeView.isCurrent = false
76 genericScopeView.isCurrent = false
58 tryCompare(pageHeader, "searchQuery", "")
77 tryCompare(pageHeader, "searchQuery", "")
59− tryCompare(genericScopeView, "previewShown", false);
78+ tryCompare(previewListView, "open", false);
60 }
79 }
61
80
62 function test_showDash() {
81 function test_showDash() {
63− var previewListView = findChild(genericScopeView, "previewListView");
64 previewListView.open = true;
82 previewListView.open = true;
65 scopes.get(0).showDash();
83 scopes.get(0).showDash();
66− tryCompare(genericScopeView, "previewShown", false);
84+ tryCompare(previewListView, "open", false);
67 }
85 }
68
86
69 function test_hideDash() {
87 function test_hideDash() {
70− var previewListView = findChild(genericScopeView, "previewListView");
71 previewListView.open = true;
88 previewListView.open = true;
72 scopes.get(0).hideDash();
89 scopes.get(0).hideDash();
73− tryCompare(genericScopeView, "previewShown", false);
90+ tryCompare(previewListView, "open", false);
74 }
91 }
75
92
76 function openPreview() {
93 function openPreview() {
94+ tryCompareFunction(function() {
95+ var tile = findChild(genericScopeView, "delegate0");
96+ return tile != undefined;
97+ },
98+ true);
77 var tile = findChild(genericScopeView, "delegate0");
99 var tile = findChild(genericScopeView, "delegate0");
100+ wait(1000);
78 mouseClick(tile, tile.width / 2, tile.height / 2);
101 mouseClick(tile, tile.width / 2, tile.height / 2);
79− var openEffect = findChild(genericScopeView, "openEffect");
102+ tryCompare(previewListView, "open", true);
80 tryCompare(openEffect, "gap", 1);
103 tryCompare(openEffect, "gap", 1);
81 }
104 }
82
105
83 function checkArrowPosition(index) {
106 function checkArrowPosition(index) {
107+ tryCompareFunction(function() {
108+ var tile = findChild(genericScopeView, "delegate" + index);
109+ return tile != undefined;
110+ },
111+ true);
84 var tile = findChild(genericScopeView, "delegate" + index);
112 var tile = findChild(genericScopeView, "delegate" + index);
85 var tileCenter = tile.x + tile.width/2;
113 var tileCenter = tile.x + tile.width/2;
86− var pointerArrow = findChild(genericScopeView, "pointerArrow");
114+ var pointerArrow = findChild(previewListView, "pointerArrow");
87 var pointerArrowCenter = pointerArrow.x + pointerArrow.width/2;
115 var pointerArrowCenter = pointerArrow.x + pointerArrow.width/2;
88 compare(pointerArrowCenter, tileCenter, "Pointer did not move to tile");
116 compare(pointerArrowCenter, tileCenter, "Pointer did not move to tile");
89 }
117 }
@@ -92,9 +120,7 @@ Item {
92 var closePreviewMouseArea = findChild(genericScopeView, "closePreviewMouseArea");
120 var closePreviewMouseArea = findChild(genericScopeView, "closePreviewMouseArea");
93 mouseClick(closePreviewMouseArea, closePreviewMouseArea.width / 2, closePreviewMouseArea.height / 2);
121 mouseClick(closePreviewMouseArea, closePreviewMouseArea.width / 2, closePreviewMouseArea.height / 2);
94
122
95− var previewListView = findChild(genericScopeView, "previewListView");
96 tryCompare(previewListView, "open", false);
123 tryCompare(previewListView, "open", false);
97− var openEffect = findChild(genericScopeView, "openEffect");
98 tryCompare(openEffect, "gap", 0);
124 tryCompare(openEffect, "gap", 0);
99
125
100 var categoryListView = findChild(genericScopeView, "categoryListView");
126 var categoryListView = findChild(genericScopeView, "categoryListView");
@@ -103,13 +129,12 @@ Item {
103 }
129 }
104
130
105 function test_previewOpenClose() {
131 function test_previewOpenClose() {
106− var previewListView = findChild(genericScopeView, "previewListView");
107 tryCompare(previewListView, "open", false);
132 tryCompare(previewListView, "open", false);
108
133
109 openPreview();
134 openPreview();
110
135
111 // check for it opening successfully
136 // check for it opening successfully
112− var currentPreviewItem = findChild(genericScopeView, "previewLoader0");
137+ var currentPreviewItem = findChild(previewListView, "previewLoader0");
113 tryCompareFunction(function() {
138 tryCompareFunction(function() {
114 var parts = currentPreviewItem.source.toString().split("/");
139 var parts = currentPreviewItem.source.toString().split("/");
115 var name = parts[parts.length - 1];
140 var name = parts[parts.length - 1];
@@ -130,13 +155,12 @@ Item {
130 }
155 }
131
156
132 function test_previewCycleOne() {
157 function test_previewCycleOne() {
133− var previewListView = findChild(genericScopeView, "previewListView");
134 tryCompare(previewListView, "open", false);
158 tryCompare(previewListView, "open", false);
135
159
136 openPreview();
160 openPreview();
137
161
138 // wait for it to be loaded
162 // wait for it to be loaded
139− var currentPreviewItem = findChild(genericScopeView, "previewLoader0");
163+ var currentPreviewItem = findChild(previewListView, "previewLoader0");
140 tryCompareFunction(function() {
164 tryCompareFunction(function() {
141 var parts = currentPreviewItem.source.toString().split("/");
165 var parts = currentPreviewItem.source.toString().split("/");
142 var name = parts[parts.length - 1];
166 var name = parts[parts.length - 1];
@@ -158,7 +182,7 @@ Item {
158 previewListView.height / 2);
182 previewListView.height / 2);
159
183
160 // wait for it to be loaded
184 // wait for it to be loaded
161− var nextPreviewItem = findChild(genericScopeView, "previewLoader" + i);
185+ var nextPreviewItem = findChild(previewListView, "previewLoader" + i);
162 tryCompareFunction(function() {
186 tryCompareFunction(function() {
163 var parts = nextPreviewItem.source.toString().split("/");
187 var parts = nextPreviewItem.source.toString().split("/");
164 var name = parts[parts.length - 1];
188 var name = parts[parts.length - 1];
@@ -176,11 +200,10 @@ Item {
176
200
177 function test_show_spinner() {
201 function test_show_spinner() {
178 openPreview();
202 openPreview();
179− var previewListView = findChild(genericScopeView, "previewListView");
180− var previewLoader = findChild(genericScopeView, "previewLoader0");
203+ var previewLoader = findChild(previewListView, "previewLoader0");
181
204
182 previewLoader.item.showProcessingAction = true;
205 previewLoader.item.showProcessingAction = true;
183− var waitingForAction = findChild(genericScopeView, "waitingForActionMouseArea");
206+ var waitingForAction = findChild(previewListView, "waitingForActionMouseArea");
184 tryCompare(waitingForAction, "enabled", true);
207 tryCompare(waitingForAction, "enabled", true);
185 previewLoader.closePreviewSpinner();
208 previewLoader.closePreviewSpinner();
186 tryCompare(waitingForAction, "enabled", false);
209 tryCompare(waitingForAction, "enabled", false);