Unity 8
CardAttributes.qml
1 /*
2  * Copyright 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 QtQuick.Layouts 1.1
19 import Ubuntu.Components 1.3
20 
21 GridLayout {
22  id: grid
23  anchors {
24  left: parent.left;
25  right: parent.right;
26  }
27  columns: 2 + repeater.count % 2
28  rowSpacing: units.gu(.5)
29  property alias model: repeater.model
30  property color color: theme.palette.normal.baseText
31  property real fontScale: 1.0
32 
33  Repeater {
34  id: repeater
35  delegate: Row {
36  spacing: units.gu(0.5)
37  readonly property int column: index % grid.columns;
38  Layout.alignment: {
39  if (column == 0) return Qt.AlignLeft;
40  if (column == grid.columns - 1 || index == repeater.count - 1) return Qt.AlignRight;
41  if (column == 1) return Qt.AlignHCenter;
42  }
43  Layout.column: index % grid.columns
44  Layout.row: index / grid.columns
45  Layout.columnSpan: index == repeater.count - 1 && grid.columns == 3 && column == 1 ? 2 : 1
46  Layout.maximumWidth: Math.max(icon.width, label.x + label.implicitWidth)
47  Layout.fillWidth: true
48  height: units.gu(2)
49  Icon {
50  id: icon
51  height: units.gu(2)
52  // FIXME Workaround for bug https://bugs.launchpad.net/ubuntu/+source/ubuntu-ui-toolkit/+bug/1421293
53  width: implicitWidth > 0 && implicitHeight > 0 ? (implicitWidth / implicitHeight * height) : implicitWidth
54  source: "icon" in modelData && modelData["icon"] || ""
55  color: grid.color
56  }
57  Label {
58  id: label
59  width: parent.width - x
60  anchors.verticalCenter: parent.verticalCenter
61  text: "value" in modelData && modelData["value"] || "";
62  elide: Text.ElideRight
63  maximumLineCount: 1
64  font.weight: "style" in modelData && modelData["style"] === "highlighted" ? Font.Bold : Font.Light
65  fontSize: "small"
66  font.pixelSize: Math.round(FontUtils.sizeToPixels(fontSize) * fontScale)
67  color: grid.color
68  }
69  }
70  }
71 }