git.iko.soy/unity8
on b5bbc36 help sign in
unity8/Panel/Menus/Overview/OverviewGrid.qml
144 lines 4.3 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
20import "../../../Components/ListItems" as ListItems
22Item {
23 id: overviewGrid
25 height: childrenRect.height
27 property var model
29 UbuntuShape {
30 id: gridBackground
31 anchors.fill: grid
32 color: "#282421"
33 radius: "medium"
34 }
36 GridView {
37 id: grid
38 objectName: "overviewGrid"
40 property int columnCount: 3
41 property int rowCount: Math.ceil(model.count / columnCount)
43 anchors {
44 top: parent.top
45 left: parent.left
46 right: parent.right
47 topMargin: units.gu(3)
48 leftMargin: units.gu(2)
49 rightMargin: units.gu(2)
50 }
51 height: cellWidth * rowCount
52 cellWidth: Math.floor((width) / columnCount)
53 cellHeight: cellWidth
54 model: overviewGrid.model
55 visible: opacity != 0
56 interactive: false
57 delegate:
58 AbstractButton {
59 objectName: "overviewGridButton" + index
60 width: grid.cellWidth
61 height: grid.cellHeight
62 Image {
63 id: imageIcon
64 objectName: "overviewGridButtonImage"
65 source: iconSource
66 width: units.gu(4)
67 height: units.gu(4)
68 anchors {
69 centerIn: parent
70 verticalCenterOffset: -units.gu(1)
71 }
72 sourceSize.width: width
73 sourceSize.height: height
74 visible: labelIcon.text === ""
75 }
77 Label {
78 id: labelIcon
79 text: label
80 color: "#f3f3e7"
81 opacity: 0.8
82 font.family: "Ubuntu"
83 fontSize: "large"
84 anchors {
85 centerIn: parent
86 verticalCenterOffset: -units.gu(1)
87 }
88 }
90 Label {
91 text: title
92 color: "#f3f3e7"
93 fontSize: "small"
94 anchors {
95 left: parent.left
96 right: parent.right
97 bottom: parent.bottom
98 leftMargin: units.gu(0.5)
99 rightMargin: units.gu(0.5)
100 bottomMargin: units.gu(1.5)
101 }
102 elide: Text.ElideRight
103 horizontalAlignment: Text.AlignHCenter
105 }
106 onClicked: overview.menuSelected(index)
107 }
108 }
110 Item {
111 id: gridOverlay
112 anchors.fill: grid
114 Column {
115 anchors {
116 left: parent.left
117 right: parent.right
118 }
119 spacing: grid.cellHeight
120 y: grid.cellHeight - units.dp(1)
121 Repeater {
122 model: grid.rowCount - 1
123 ListItems.ThinDivider {
124 anchors.margins: units.dp(1)
125 }
126 }
127 }
129 Row {
130 anchors {
131 top: parent.top
132 bottom: parent.bottom
133 }
134 spacing: grid.cellWidth - units.dp(1)
135 x: grid.cellWidth - units.dp(1)
136 Repeater {
137 model: grid.columnCount - 1
138 ListItems.VerticalThinDivider {
139 anchors.margins: units.dp(1)
140 }
141 }
142 }
143 }