initial inline account switcher

1 files changed, 120 insertions, 0 deletions

diff --git a/framework/qml/InlineAccountSwitcher.qml b/framework/qml/InlineAccountSwitcher.qml
new file mode 100644
index 00000000..b7e70746
--- /dev/null
+++ b/framework/qml/InlineAccountSwitcher.qml
@@ -0,0 +1,120 @@
+/*
+ *  Copyright (C) 2017 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 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.Layouts 1.1
+import org.kube.framework 1.0 as Kube
+
+Rectangle {
+    id: root
+
+    property string currentAccount: null
+    property var currentFolder: null
+    property bool isTrashFolder: false
+
+    Kube.AccountsModel {
+        id: accountsModel
+    }
+
+    color: Kube.Colors.textColor
+
+    ColumnLayout {
+        anchors.fill: parent
+
+        Repeater {
+            model: accountsModel
+
+            delegate: Item {
+                id: accountDelagte
+
+                height: Kube.Units.gridUnit
+                width: root.width
+                Layout.fillHeight: model.accountId == root.currentAccount
+
+                Rectangle {
+                    id: accountLabel
+
+                    height: Kube.Units.gridUnit
+                    width: parent.width
+
+                    color: Kube.Colors.textColor
+
+                    MouseArea {
+                        anchors.fill: parent
+                        onClicked: {
+                            root.currentAccount = model.accountId
+                        }
+                    }
+
+                    Row {
+                        spacing: Kube.Units.smallSpacing
+                        anchors.verticalCenter: parent.verticalCenter
+                        Layout.fillHeight: true
+
+                        Kube.Label{
+                            text: model.name
+                            font.weight: Font.Bold
+                            color: Kube.Colors.highlightedTextColor
+                        }
+
+                        Kube.Icon {
+                            id: statusIcon
+                            visible: false
+                            iconName: ""
+                            states: [
+                            State {
+                                name: "busy"; when: model.status == Kube.AccountsModel.BusyStatus
+                                PropertyChanges { target: statusIcon; iconName: Kube.Icons.busy_inverted; visible: true }
+                            },
+                            State {
+                                name: "error"; when: model.status == Kube.AccountsModel.ErrorStatus
+                                PropertyChanges { target: statusIcon; iconName: Kube.Icons.error_inverted; visible: true }
+                            },
+                            State {
+                                name: "checkmark"; when: model.status == Kube.AccountsModel.ConnectedStatus
+                                PropertyChanges { target: statusIcon; iconName: Kube.Icons.connected_inverted; visible: true }
+                            },
+                            State {
+                                name: "disconnected"; when: model.status == Kube.AccountsModel.OfflineStatus
+                                PropertyChanges { target: statusIcon; iconName: Kube.Icons.noNetworkConnection_inverted; visible: true }
+                            }
+                            ]
+                        }
+                    }
+                }
+
+                Kube.FolderListView {
+                    anchors {
+                        top: accountLabel.bottom
+                        left: parent.left
+                        right: parent.right
+                        bottom: parent.bottom
+                    }
+
+                    accountId: model.accountId
+                    visible: model.accountId == root.currentAccount
+
+                    onCurrentFolderChanged: {
+                        root.currentFolder = currentFolder
+                        root.isTrashFolder = isTrashFolder
+                    }
+                }
+            }
+        }
+    }
+}