1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
|
/*
* Copyright (C) 2013 Canonical, Ltd.
*
* This program 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; version 3.
*
* This program 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.0
import Ubuntu.Components 0.1
import "../Components"
import "../Components/ListItems" as ListItems
import "Music"
LensView {
id: lensView
onIsCurrentChanged: {
pageHeader.resetSearch();
}
onMovementStarted: categoryView.showHeader()
Binding {
target: lensView.lens
property: "searchQuery"
value: pageHeader.searchQuery
}
Connections {
target: panel
onSearchClicked: if (isCurrent) {
pageHeader.triggerSearch()
categoryView.showHeader()
}
}
/* Workaround for bug: https://bugreports.qt-project.org/browse/QTBUG-28403
When using Loader to load external QML file in the list deelgate, the ListView has
a bug where it can position the delegate content to overlap the section header
of the ListView - a workaround is to use sourceComponent of Loader instead */
Component { id: musicCarousel; MusicCarousel {} }
Component { id: musicFilterGrid; MusicFilterGrid {} }
function getRenderer(categoryId) {
switch (categoryId) {
case 0: return musicCarousel
default: return musicFilterGrid
}
}
ListViewWithPageHeader {
id: categoryView
anchors.fill: parent
model: lensView.categories
onAtYEndChanged: if (atYEnd) endReached()
onMovingChanged: if (moving && atYEnd) endReached()
delegate: ListItems.Base {
id: base
highlightWhenPressed: false
property int categoryId: id
Loader {
anchors { top: parent.top; left: parent.left; right: parent.right }
sourceComponent: lensView.getRenderer(base.categoryId)
onLoaded: {
item.model = results
}
asynchronous: true
}
}
sectionProperty: "name"
sectionDelegate: ListItems.Header {
width: categoryView.width
text: section
}
pageHeader: PageHeader {
id: pageHeader
width: categoryView.width
text: "Music"
searchEntryEnabled: true
searchHistory: root.searchHistory
}
}
}
|