Add New Chat page

2 files changed, 82 insertions, 0 deletions

diff --git a/qml/ChatlistPage.qml b/qml/ChatlistPage.qml
index 8348091..a0d171a 100644
--- a/qml/ChatlistPage.qml
+++ b/qml/ChatlistPage.qml
@@ -36,6 +36,20 @@ Kirigami.ScrollablePage {
         updateChatlist()
     }
 
+    mainAction: Kirigami.Action {
+        text: "New chat"
+        iconName: "list-add"
+        onTriggered: {
+            let newChatPageComponent = Qt.createComponent("qrc:/qml/NewChatPage.qml")
+            if (newChatPageComponent.status == Component.Ready) {
+                let newChatPage = newChatPageComponent.createObject(pageStack, {context: chatlistPage.context})
+                pageStack.layers.push(newChatPage)
+            } else if (newChatPageComponent.status == Component.Error) {
+                console.log("Error loading new chat page: " + newChatPageComponent.errorString())
+            }
+        }
+    }
+
     contextualActions: [
         Kirigami.Action {
             text: "Settings"
diff --git a/qml/NewChatPage.qml b/qml/NewChatPage.qml
new file mode 100644
index 0000000..cc14185
--- /dev/null
+++ b/qml/NewChatPage.qml
@@ -0,0 +1,68 @@
+import QtQuick 2.12
+import QtQuick.Controls 2.12
+import QtQuick.Layouts 1.12
+import org.kde.kirigami 2.12 as Kirigami
+
+import DeltaChat 1.0
+
+Kirigami.ScrollablePage {
+    id: newChatPageRoot
+
+    title: "New chat"
+
+    required property DcContext context
+
+    function updateContacts() {
+        let contacts = context.getContacts(0, "");
+
+        for (let i = 0; i < contacts.length; i++) {
+            let contactId = contacts[i]
+
+            const item = {
+                contactId: contactId
+            }
+            contactsModel.insert(i, item)
+        }
+    }
+
+    Component.onCompleted: {
+        newChatPageRoot.updateContacts()
+    }
+
+    ListModel {
+        id: contactsModel
+    }
+
+    ListView {
+        id: contactsList
+
+        anchors.fill: parent
+        model: contactsModel
+        currentIndex: -1
+
+        delegate: Kirigami.BasicListItem {
+            property DcContact contact: context.getContact(model.contactId)
+
+            label: contact.displayName
+            subtitle: contact.addr
+        }
+
+        Kirigami.PlaceholderMessage {
+            anchors.centerIn: parent
+            visible: contactsList.count == 0
+            text: "You have no contacts in addressbook yet"
+        }
+
+        onCurrentItemChanged: {
+            if (currentIndex == -1) {
+                return;
+            }
+
+            let contactId = contactsModel.get(contactsList.currentIndex).contactId;
+
+            console.log("Creating chat with " + contactId);
+            context.createChatByContactId(contactId);
+            pageStack.layers.pop();
+        }
+    }
+}