summaryrefslogtreecommitdiffstats
path: root/framework/qml/TreeView.qml
blob: 367fd3c396c161fe3b3cfbb4fa4cf546abf6c0b6 (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
118
119
120
121
122
123
124
125
126
/*
  Copyright (C) 2016 Michael Bohlender, <michael.bohlender@kdemail.net>
  Copyright (C) 2017 Christian Mollekopf, <mollekopf@kolabsystems.com>

  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 2 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, write to the Free Software Foundation, Inc.,
  51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA.
*/

import QtQuick 2.4
import QtQuick.Controls 1.4
import QtQuick.Controls.Styles 1.4
import QtQuick.Layouts 1.1
import QtQml.Models 2.2

import org.kube.framework 1.0 as Kube

TreeView {
    id: root

    signal dropped(QtObject drop, QtObject model)

    flickableItem.boundsBehavior: Flickable.StopAtBounds

    selection: ItemSelectionModel {
        model: root.model
        //TODO once we don't loose focus to the next view
        // onCurrentChanged: {
        //     root.activated(selection.currentIndex)
        // }
    }

    onActiveFocusChanged: {
        //Set an initially focused item when the list view receives focus
        if (activeFocus && !selection.hasSelection) {
            root.selection.setCurrentIndex(model.index(0, 0), ItemSelectionModel.ClearAndSelect)
        }
    }

    Keys.onDownPressed: {
        if (!selection.hasSelection) {
            root.selection.setCurrentIndex(model.index(0, 0), ItemSelectionModel.ClearAndSelect)
        } else {
            root.selection.setCurrentIndex(model.sibling(selection.currentIndex.row + 1, 0, selection.currentIndex), ItemSelectionModel.ClearAndSelect)
        }
    }

    Keys.onUpPressed: {
        root.selection.setCurrentIndex(model.sibling(selection.currentIndex.row - 1, 0, selection.currentIndex), ItemSelectionModel.ClearAndSelect)
    }

    Keys.onReturnPressed: {
        root.activated(selection.currentIndex)
    }

    //Forward the signal because on a desktopsystem activated is only triggerd by double clicks
    onClicked: root.activated(index)

    alternatingRowColors: false
    headerVisible: false

    style: TreeViewStyle {

        rowDelegate: Rectangle {
            color: styleData.selected ? Kube.Colors.highlightColor : Kube.Colors.textColor
            height: Kube.Units.gridUnit * 1.5
            width: 20
        }

        frame: Rectangle {
            color: Kube.Colors.textColor
        }

        branchDelegate: Item {
            width: 16
            height: 16

            Kube.Label  {
                anchors.centerIn: parent

                color: Kube.Colors.viewBackgroundColor
                text: styleData.isExpanded ? "-" : "+"
            }

            //radius: styleData.isExpanded ? 0 : 100
        }

        itemDelegate: Rectangle {
            color: styleData.selected ? Kube.Colors.highlightColor : Kube.Colors.textColor

            DropArea {
                anchors.fill: parent

                Rectangle {
                    anchors.fill: parent
                    color: Kube.Colors.viewBackgroundColor
                    opacity: 0.3
                    visible: parent.containsDrag
                }
                onDropped: root.dropped(drop, model)
            }

            Kube.Label {
                anchors {
                    verticalCenter: parent.verticalCenter
                    left: parent.left
                }
                text: styleData.value
                color: Kube.Colors.viewBackgroundColor
            }
        }

        backgroundColor: Kube.Colors.textColor
        highlightedTextColor: Kube.Colors.highlightedTextColor
    }
}