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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
|
/*
* Copyright 2012-2013 Canonical Ltd.
*
* This file is part of phone-app.
*
* phone-app 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.
*
* phone-app 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 Ubuntu.Components.ListItems 0.1 as ListItem
import "../dateUtils.js" as DateUtils
ListItem.Standard {
id: communicationDelegate
function selectIcon() {
switch (model.itemType) {
case "message":
return "../assets/messages.png";
case "call":
if (item.missed) {
return "../assets/missed-call.png";
} else if (item.incoming) {
return "../assets/incoming-call.png";
} else {
return "../assets/outgoing-call.png";
}
case "group":
return "../assets/tab_icon_contacts_inactive.png";
default:
return "";
}
}
property variant model
property variant item: (model && model.item) ? model.item : null
property url avatar: (model && model.contactAvatar) ? model.contactAvatar : ""
property url itemIcon: selectIcon()
property variant timestamp: (model && model.timestamp) ? model.timestamp : null
property string title: (model && model.contactAlias) ? model.contactAlias : ""
property string subtitle //:"(TODO: show phone type)"
property string text: (model && model.item && model.item.message) ? model.item.message : ""
property alias customContentArea: customArea
property int __spacing: units.gu(1)
property string __normalFontColor: "#333333"
property string __selectedFontColor: "#f37505"
__height: content.height + units.gu(2)
Rectangle {
id: selectedOverlay
anchors.fill: parent
color: "white"
opacity: 0.4
visible: item && item.newItem
}
Row {
id: content
anchors.top: parent.top
anchors.left: parent.left
anchors.right: parent.right
anchors.topMargin: __spacing
anchors.leftMargin: units.gu(2)
anchors.rightMargin: units.gu(2)
height: childrenRect.height
spacing: __spacing
UbuntuShape {
height: units.gu(6)
width: units.gu(6)
image: Image {
source: communicationDelegate.avatar != "" ? communicationDelegate.avatar : "../assets/avatar-default.png"
fillMode: Image.PreserveAspectCrop
// since we don't know if the image is portrait or landscape without actually reading it,
// set the sourceSize to be the size we need plus 30% to allow cropping.
sourceSize.width: width * 1.3
sourceSize.height: height * 1.3
asynchronous: true
}
}
Image {
anchors.top: parent.top
height: units.gu(2)
width: units.gu(2)
source: communicationDelegate.itemIcon
}
Column {
width: parent.width - x
Label {
width: parent.width
visible: text != ""
elide: Text.ElideRight
text: communicationDelegate.title
color: selected ? __selectedFontColor : __normalFontColor
fontSize: "medium"
opacity: 0.9
}
Label {
width: parent.width
visible: text != ""
elide: Text.ElideRight
text: DateUtils.formatLogDate(communicationDelegate.timestamp)
color: selected ? __selectedFontColor : __normalFontColor
fontSize: "small"
opacity: 0.6
}
Label {
width: parent.width
visible: text != ""
elide: Text.ElideRight
text: communicationDelegate.subtitle
color: selected ? __selectedFontColor : __normalFontColor
font.weight: Font.DemiBold
fontSize: "small"
opacity: 0.6
}
Label {
width: parent.width
visible: text != ""
text: communicationDelegate.text
wrapMode: Text.WordWrap
color: selected ? __selectedFontColor : __normalFontColor
fontSize: "small"
opacity: 0.6
}
Item {
id: customArea
height: childrenRect.height
width: childrenRect.width
}
}
}
}
|