summaryrefslogtreecommitdiffstats
path: root/components/package/contents/ui/FolderListView.qml
blob: 1934932c53fb898adb78ec5925a27690931deaee (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
/*
 * 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.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.1

import org.kde.plasma.core 2.0 as PlasmaCore
import org.kde.plasma.components 2.0 as PlasmaComponents

import org.kde.kube.mail 1.0 as Mail

Item {
    id: root
    property variant currentFolder
    SystemPalette { id: colorPalette; colorGroup: SystemPalette.Active }

    Item {
        id: searchBox

        width: root.width
        height: unit.size * 10

        TextField {
            anchors. centerIn: parent

            width: parent.width * 0.9

            placeholderText: "Search all email..."
        }
    }

    TreeView {
        id: treeView
        anchors {
            top: searchBox.bottom
            left: parent.left
            right: parent.right
            bottom: parent.bottom
        }
        TableViewColumn {
            title: "Name"
            role: "name"
            width: treeView.width - 5
        }
        model: Mail.FolderListModel { id: folderListModel }
        onCurrentIndexChanged: {
            model.fetchMore(currentIndex)
            root.currentFolder = model.data(currentIndex, Mail.FolderListModel.DomainObject)
        }
        backgroundVisible: false
        headerVisible: false
        style: TreeViewStyle {
            activateItemOnSingleClick: true
            rowDelegate: Rectangle {
                height: unit.size * 10
                color: "transparent"
            }
            itemDelegate: Rectangle {
                radius: 5
                border.width: 1
                border.color: "lightgrey"
                color: styleData.selected ? colorPalette.highlight : colorPalette.button
                PlasmaCore.IconItem {
                    id: iconItem
                    anchors {
                        verticalCenter: parent.verticalCenter
                        left: parent.left
                        leftMargin: unit.size * 3
                    }
                    source: model.icon
                }
                Label {
                    anchors {
                        verticalCenter: parent.verticalCenter
                        left: iconItem.right
                        leftMargin: unit.size * 3
                    }
                    renderType: Text.NativeRendering
                    text: styleData.value
                    font.pixelSize: 16
                    font.bold: true
                    color: styleData.selected ? colorPalette.highlightedText : colorPalette.text
                }
            }
            branchDelegate: Item {
                width: 16
                height: 16
                Text {
                    visible: styleData.column === 0 && styleData.hasChildren
                    text: styleData.isExpanded ? "\u25bc" : "\u25b6"
                    color: !control.activeFocus || styleData.selected ? styleData.textColor : "#666"
                    font.pointSize: 10
                    renderType: Text.NativeRendering
                    anchors.centerIn: parent
                    anchors.verticalCenterOffset: styleData.isExpanded ? 2 : 0
                }
            }
        }
    }
}