git.iko.soy/unity8
on 42cea9d help sign in
unity8/Dash/GenericScopeView.qml
295 lines 11 kB history raw
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 */
17import QtQuick 2.0
18import Ubuntu.Components 0.1
19import "../Components"
20import "../Components/ListItems" as ListItems
22ScopeView {
23 id: scopeView
24 readonly property alias previewShown: previewLoader.onScreen
26 onIsCurrentChanged: {
27 pageHeader.resetSearch();
28 previewLoader.open = false;
29 }
31 onMovementStarted: categoryView.showHeader()
33 Binding {
34 target: scopeView.scope
35 property: "searchQuery"
36 value: pageHeader.searchQuery
37 }
39 Binding {
40 target: pageHeader
41 property: "searchQuery"
42 value: scopeView.scope.searchQuery
43 }
45 Connections {
46 target: panel
47 onSearchClicked: if (isCurrent) {
48 pageHeader.triggerSearch()
49 categoryView.showHeader()
50 }
51 }
53 ScopeListView {
54 id: categoryView
55 anchors.fill: parent
56 model: scopeView.categories
57 forceNoClip: previewLoader.onScreen
59 onAtYEndChanged: if (atYEnd) endReached()
60 onMovingChanged: if (moving && atYEnd) endReached()
62 property int expandedIndex: -1
64 delegate: ListItems.Base {
65 highlightWhenPressed: false
67 readonly property bool expandable: rendererLoader.item ? rendererLoader.item.expandable : false
68 readonly property bool filtered: rendererLoader.item ? rendererLoader.item.filter : true
70 Loader {
71 id: rendererLoader
72 anchors {
73 top: parent.top
74 left: parent.left
75 right: parent.right
76 }
78 source: getRenderer(model.renderer, model.contentType)
80 onLoaded: {
81 if (source.toString().indexOf("Apps/RunningApplicationsGrid.qml") != -1) {
82 // TODO: the running apps grid doesn't support standard scope results model yet
83 item.firstModel = Qt.binding(function() { return results.firstModel })
84 item.secondModel = Qt.binding(function() { return results.secondModel })
85 } else {
86 item.model = Qt.binding(function() { return results })
87 }
88 item.objectName = Qt.binding(function() { return categoryId })
89 if (item.expandable) {
90 var shouldFilter = index != categoryView.expandedIndex;
91 if (shouldFilter != item.filter) {
92 item.filter = shouldFilter;
93 }
94 }
95 }
97 Connections {
98 target: rendererLoader.item
99 onClicked: {
100 effect.positionPx = mapToItem(categoryView, 0, itemY).y
101 scopeView.scope.activate(delegateItem.model.uri,
102 delegateItem.model.icon,
103 delegateItem.model.category,
104 0,
105 delegateItem.model.mimetype,
106 delegateItem.model.title,
107 delegateItem.model.comment,
108 delegateItem.model.dndUri,
109 delegateItem.model.metadata)
110 }
111 onPressAndHold: {
112 effect.positionPx = mapToItem(categoryView, 0, itemY).y
113 scopeView.scope.preview( delegateItem.model.uri,
114 delegateItem.model.icon,
115 delegateItem.model.category,
116 0,
117 delegateItem.model.mimetype,
118 delegateItem.model.title,
119 delegateItem.model.comment,
120 delegateItem.model.dndUri,
121 delegateItem.model.metadata)
122 }
123 }
124 Connections {
125 target: categoryView
126 onExpandedIndexChanged: {
127 var item = rendererLoader.item;
128 if (item.expandable) {
129 var shouldFilter = index != categoryView.expandedIndex;
130 if (shouldFilter != item.filter) {
131 // If the filter animation will be seen start it, otherwise, just flip the switch
132 var shrinkingVisible = shouldFilter && y + item.collapsedHeight < categoryView.height;
133 var growingVisible = !shouldFilter && y + height < categoryView.height;
134 if (shrinkingVisible || growingVisible) {
135 item.startFilterAnimation(shouldFilter)
136 } else {
137 item.filter = shouldFilter;
138 }
139 if (!shouldFilter) {
140 categoryView.maximizeVisibleArea(index, item.uncollapsedHeight);
141 }
142 }
143 }
144 }
145 }
146 }
147 }
149 sectionProperty: "name"
150 sectionDelegate: ListItems.Header {
151 property var delegate: categoryView.item(delegateIndex)
152 width: categoryView.width
153 text: section
154 image: {
155 if (delegate && delegate.expandable)
156 return delegate.filtered ? "graphics/header_handlearrow.png" : "graphics/header_handlearrow2.png"
157 return "";
158 }
159 onClicked: {
160 if (categoryView.expandedIndex != delegateIndex)
161 categoryView.expandedIndex = delegateIndex;
162 else
163 categoryView.expandedIndex = -1;
164 }
165 }
166 pageHeader: PageHeader {
167 id: pageHeader
168 objectName: "pageHeader"
169 width: categoryView.width
170 text: scopeView.scope.name
171 searchEntryEnabled: true
172 }
173 }
175 function getDefaultRendererId(contentType) {
176 switch (contentType) {
177 default: return "grid";
178 }
179 }
181 function getRenderer(rendererId, contentType) {
182 if (rendererId == "default") {
183 rendererId = getDefaultRendererId(contentType);
184 }
185 switch (rendererId) {
186 case "grid": {
187 switch (contentType) {
188 case "video": return "Generic/GenericFilterGridPotrait.qml";
189 case "music": return "Music/MusicFilterGrid.qml";
190 default: return "Generic/GenericFilterGrid.qml";
191 }
192 }
193 case "carousel": return "Generic/GenericCarousel.qml";
194 case "special": {
195 switch (contentType) {
196 case "apps": return "Apps/RunningApplicationsGrid.qml";
197 default: return "Generic/GenericFilterGrid.qml";
198 }
199 }
200 default: return "Generic/GenericFilterGrid.qml";
201 }
202 }
204 OpenEffect {
205 id: effect
206 anchors {
207 fill: parent
208 bottomMargin: -bottomOverflow
209 }
210 sourceItem: categoryView
212 enabled: gap > 0.0
214 topGapPx: (1 - gap) * positionPx
215 topOpacity: (1 - gap * 1.2)
216 bottomGapPx: positionPx + gap * (targetBottomGapPx - positionPx)
217 bottomOverflow: units.gu(20)
218 bottomOpacity: 1 - (gap * 0.8)
220 property int targetBottomGapPx: height - units.gu(8) - bottomOverflow
221 property real gap: previewLoader.open ? 1.0 : 0.0
223 Behavior on gap {
224 NumberAnimation {
225 duration: 200
226 easing.type: Easing.InOutQuad
227 onRunningChanged: {
228 if (!previewLoader.open && !running) {
229 previewLoader.onScreen = false
230 }
231 }
232 }
233 }
234 }
236 Connections {
237 target: scopeView.scope
238 onPreviewReady: {
239 previewLoader.previewData = preview
240 previewLoader.open = true
241 }
242 }
244 PreviewDelegateMapper {
245 id: previewDelegateMapper
246 }
248 Connections {
249 ignoreUnknownSignals: true
250 target: previewLoader.valid ? previewLoader.item : null
251 onClose: {
252 previewLoader.open = false
253 }
254 }
256 Loader {
257 objectName: "previewLoader"
258 id: previewLoader
259 property var previewData
260 height: effect.bottomGapPx - effect.topGapPx
261 anchors {
262 top: parent.top
263 topMargin: effect.topGapPx
264 left: parent.left
265 right: parent.right
266 }
267 source: onScreen ? previewDelegateMapper.map(previewLoader.previewData.rendererName) : ""
269 property bool open: false
270 property bool onScreen: false
271 property bool valid: item !== null
273 onOpenChanged: {
274 if (open) {
275 onScreen = true
276 }
277 }
279 onLoaded: {
280 item.previewData = Qt.binding(function() { return previewLoader.previewData })
281 }
282 }
284 // TODO: Move as InverseMouseArea to DashPreview
285 MouseArea {
286 enabled: previewLoader.onScreen
287 anchors {
288 fill: parent
289 topMargin: effect.bottomGapPx
290 }
291 onClicked: {
292 previewLoader.open = false;
293 }
294 }