Moved non-folder specific treeview to separate file

1 files changed, 126 insertions, 0 deletions

diff --git a/framework/qml/TreeView.qml b/framework/qml/TreeView.qml
new file mode 100644
index 00000000..aef0ee92
--- /dev/null
+++ b/framework/qml/TreeView.qml
@@ -0,0 +1,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: {
+        //     treeView.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: treeView.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
+    }
+}