git.iko.soy/unity8
on ac4b821 help sign in
unity8/qml/Dash/Card.qml
85 lines 3.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
20Item {
21 id: root
22 property var template
23 property var components
24 property var cardData
26 implicitWidth: childrenRect.width
27 implicitHeight: childrenRect.height
29 UbuntuShape {
30 id: artShape
31 radius: "medium"
32 objectName: "artShape"
33 width: {
34 if (!visible) return 0
35 return image.fillMode === Image.PreserveAspectCrop || aspect < image.aspect ? image.width : height * image.aspect
36 }
37 height: {
38 if (!visible) return 0
39 return image.fillMode === Image.PreserveAspectCrop || aspect > image.aspect ? image.height : width / image.aspect
40 }
41 anchors.horizontalCenter: template && template["card-layout"] === "horizontal" ? undefined : parent.horizontalCenter
42 anchors.left: template && template["card-layout"] === "horizontal" ? parent.left : undefined
43 visible: cardData && cardData["art"] || false
45 property real aspect: components !== undefined ? components["art"]["aspect-ratio"] : 1
47 image: Image {
48 width: template && template["card-layout"] === "horizontal" ? height * artShape.aspect : root.width
49 height: template && template["card-layout"] === "horizontal" ? header.height : width / artShape.aspect
50 objectName: "artImage"
51 source: cardData && cardData["art"] || ""
52 // FIXME uncomment when having investigated / fixed the crash
53 //sourceSize.width: width > height ? width : 0
54 //sourceSize.height: height > width ? height : 0
55 fillMode: components && components["art"]["fill-mode"] === "fit" ? Image.PreserveAspectFit: Image.PreserveAspectCrop
57 property real aspect: implicitWidth / implicitHeight
58 }
59 }
61 CardHeader {
62 id: header
63 objectName: "cardHeader"
64 anchors {
65 top: template && template["card-layout"] === "horizontal" ? artShape.top : artShape.bottom
66 left: template && template["card-layout"] === "horizontal" ? artShape.right : parent.left
67 right: parent.right
68 }
70 mascot: cardData && cardData["mascot"] || ""
71 title: cardData && cardData["title"] || ""
72 subtitle: cardData && cardData["subtitle"] || ""
73 }
75 Label {
76 objectName: "summaryLabel"
77 anchors { top: header.visible ? header.bottom : artShape.bottom; left: parent.left; right: parent.right }
78 wrapMode: Text.Wrap
79 maximumLineCount: 5
80 elide: Text.ElideRight
81 text: cardData && cardData["summary"] || ""
82 height: text ? implicitHeight : 0
83 fontSize: "small"
84 }