Unity 8
ScopesList.qml
1 /*
2  * Copyright (C) 2014 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.4
18 import Dash 0.1
19 
20 Item {
21  id: root
22 
23  // Properties set by parent
24  property var scope: null
25 
26  // Properties used by parent
27  readonly property bool processing: scope ? (scope.searchInProgress || scope.activationInProgress) : false
28 
29  // Signals
30  signal backClicked()
31  signal storeClicked()
32  signal requestFavorite(string scopeId, bool favorite)
33  signal requestFavoriteMoveTo(string scopeId, int index)
34  signal requestRestore(string scopeId)
35 
36  state: "browse"
37 
38  property var scopeStyle: ScopeStyle {
39  }
40 
41  onStateChanged: {
42  if (state == "edit") {
43  // As per design entering edit mode clears the possible existing search
44  header.resetSearch(false /* false == unfocus */);
45  }
46  }
47 
48  DashBackground {
49  anchors.fill: parent
50  }
51 
52  DashPageHeader {
53  id: header
54  objectName: "pageHeader"
55  title: i18n.tr("Manage")
56  width: parent.width
57  clip: true
58  showBackButton: true
59  backIsClose: root.state == "edit"
60  storeEntryEnabled: root.state == "browse"
61  searchEntryEnabled: false
62  scopeStyle: root.scopeStyle
63  onBackClicked: {
64  if (backIsClose) {
65  root.state = "browse"
66  } else {
67  root.backClicked()
68  }
69  }
70  onStoreClicked: root.storeClicked();
71  z: 1
72  }
73 
74  Flickable {
75  anchors {
76  top: header.bottom
77  bottom: parent.bottom
78  left: parent.left
79  right: parent.right
80  }
81  clip: true
82  contentWidth: root.width
83  contentHeight: column.height
84  onContentHeightChanged: returnToBounds();
85  Column {
86  id: column
87  Repeater {
88  model: scope ? scope.categories : null
89 
90  delegate: Loader {
91  asynchronous: true
92  width: root.width
93  active: results.count > 0
94  visible: active
95  sourceComponent: ScopesListCategory {
96  objectName: "scopesListCategory" + categoryId
97 
98  model: results
99 
100  title: {
101  if (isFavoritesFeed) return i18n.tr("Home");
102  else if (isAlsoInstalled) return i18n.tr("Also installed");
103  else return name;
104  }
105 
106  editMode: root.state == "edit"
107 
108  scopeStyle: root.scopeStyle
109  isFavoritesFeed: categoryId == "favorites"
110  isAlsoInstalled: categoryId == "other"
111 
112  onRequestFavorite: root.requestFavorite(scopeId, favorite);
113  onRequestEditMode: root.state = "edit";
114  onRequestScopeMoveTo: root.requestFavoriteMoveTo(scopeId, index);
115  onRequestActivate: root.scope.activate(result, categoryId);
116  onRequestRestore: root.requestRestore(scopeId);
117  }
118  }
119  }
120  }
121  }
122 }