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
|
/****************************************************************************
**
** Copyright (c) 2011 Nokia Corporation and/or its subsidiary(-ies).
** All rights reserved.
** Contact: Yoann Lopes (yoann.lopes@nokia.com)
**
** This file is part of the MeeSpot project.
**
** Redistribution and use in source and binary forms, with or without
** modification, are permitted provided that the following conditions
** are met:
**
** Redistributions of source code must retain the above copyright notice,
** this list of conditions and the following disclaimer.
**
** Redistributions in binary form must reproduce the above copyright
** notice, this list of conditions and the following disclaimer in the
** documentation and/or other materials provided with the distribution.
**
** Neither the name of Nokia Corporation and its Subsidiary(-ies) nor the names of its
** contributors may be used to endorse or promote products derived from
** this software without specific prior written permission.
**
** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS
** FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
** HOLDER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED
** TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
** PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
** LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
** NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
** SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
**
** If you have questions regarding the use of this file, please contact
** Nokia at qt-info@nokia.com.
**
****************************************************************************/
import QtQuick 1.1
import com.nokia.meego 1.0
import "UIConstants.js" as UI
Item {
id: listItem
signal clicked
property alias pressed: mouseArea.pressed
property alias name: mainText.text
property alias portrait: portraitImage.spotifyId
property bool showIndex: false
property int titleSize: UI.LIST_TILE_SIZE
property string titleFont: UI.FONT_FAMILY_BOLD
property color titleColor: theme.inverted ? UI.LIST_TITLE_COLOR_INVERTED : UI.LIST_TITLE_COLOR
property int subtitleSize: UI.LIST_SUBTILE_SIZE
property string subtitleFont: UI.FONT_FAMILY_LIGHT
property color subtitleColor: theme.inverted ? UI.LIST_SUBTITLE_COLOR_INVERTED : UI.LIST_SUBTITLE_COLOR
height: UI.LIST_ITEM_HEIGHT
width: parent.width
Rectangle {
id: background
anchors.fill: parent
// Fill page porders
anchors.leftMargin: -UI.MARGIN_XLARGE
anchors.rightMargin: -UI.MARGIN_XLARGE
opacity: mouseArea.pressed ? 1.0 : 0.0
color: theme.inverted ? "#22FFFFFF" : "#15000000"
}
Label {
id: indexText
anchors.left: parent.left
anchors.verticalCenter: parent.verticalCenter
width: listItem.showIndex ? 48 : 0
text: (index + 1) + ". "
font.family: UI.FONT_FAMILY_LIGHT
font.pixelSize: UI.FONT_SMALL
horizontalAlignment: Text.AlignRight
visible: listItem.showIndex
}
Rectangle {
id: portraitContainer
width: 64; height: width
anchors.left: indexText.right
anchors.verticalCenter: parent.verticalCenter
color: theme.inverted ? "#202020" : "#C9C9C9"
SpotifyImage {
id: portraitImage
anchors.fill: parent
defaultImage: theme.inverted ? "images/icon-l-contact-avatar-placeholder.png" : "images/icon-l-contact-avatar-placeholder-black.png"
}
}
Label {
id: mainText
anchors.left: portraitContainer.right
anchors.leftMargin: UI.MARGIN_XLARGE
anchors.right: parent.right
anchors.verticalCenter: parent.verticalCenter
font.family: listItem.titleFont
font.weight: Font.Bold
font.pixelSize: listItem.titleSize
color: listItem.titleColor
elide: Text.ElideRight
}
MouseArea {
id: mouseArea;
anchors.fill: parent
onClicked: listItem.clicked()
}
}
|
