summaryrefslogtreecommitdiffstats
path: root/applications/kmail-quick/package/contents/ui/MailListView.qml
blob: 4d2df816347d8636ddb4ece02ea2ff6a352846e7 (plain)
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
/*
 * Copyright (C) 2015 Michael Bohlender <michael.bohlender@kdemail.net>
 *
 *   This program 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; either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   This program 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.4
import QtQuick.Controls 1.3
import QtQuick.Layouts 1.1

ScrollView {
    id: root
    ListView {
        id: listView

        model: mailList.model //MailListModel {}

        delegate: ListItem {

            width: listView.width
            height: unit.size * 12

            Rectangle {
                id: unread

                anchors.fill: parent

                color: colorPalette.read
                opacity: 0.1

                visible: model.unread == false
            }

            Avatar {
                id: avatar

                anchors {
                    verticalCenter: parent.verticalCenter
                    left: parent.left
                    leftMargin: unit.size * 2
                }

                height: unit.size * 9
                width: height

                name: model.senderName
            }

            Label {
                id: senderName

                anchors {
                    top: avatar.top
                    left: avatar.right
                    leftMargin: unit.size * 3
                }

                text: model.senderName

                font.weight: Font.DemiBold
            }

            Label {
                id: sender

                anchors {
                    top: avatar.top
                    left: senderName.right
                    leftMargin: unit.size
                    right: date.left
                    rightMargin: unit.size
                }

                text: "(" + model.sender +")"

                clip: true
            }

            Label {
                id: date

                anchors {
                    top: avatar.top
                    right: parent.right
                    rightMargin: unit.size * 2
                }

                text: model.date

                font.weight: Font.Light
            }

            Label {
                id: subject

                anchors {
                    bottom: avatar.bottom
                    left: avatar.right
                    leftMargin: unit.size * 3
                }

                text: model.subject
            }
        }
    }
}