You can unblock people now and some small fixes

    - the chatlist is now properly updated on blocking a
    contact request or contact.
    - A small message is now displayed after blocking a
    contact request
    - A list of blocked contact can be found on the settings
    page, after clicking 'View blocked users'
    - The message timestamp is now slightly padded

4 files changed, 102 insertions, 6 deletions

diff --git a/qml/ChatlistItem.qml b/qml/ChatlistItem.qml
index aa05d42..6e37331 100644
--- a/qml/ChatlistItem.qml
+++ b/qml/ChatlistItem.qml
@@ -36,6 +36,15 @@ Kirigami.AbstractListItem {
                     id: contextMenu
 
                     Action {
+                        text: "Block chat"
+                        onTriggered: {
+                            root.context.blockChat(root.chatId)
+                            updateChatlist()
+                        }
+
+                    }
+
+                    Action {
                         icon.name: "pin"
                         text: "Pin chat"
                         onTriggered: root.context.setChatVisibility(root.chatId, 2)
diff --git a/qml/ComposePane.qml b/qml/ComposePane.qml
index 06b623d..254e484 100644
--- a/qml/ComposePane.qml
+++ b/qml/ComposePane.qml
@@ -3,18 +3,18 @@ import QtQuick 2.12
 import QtQuick.Controls 2.12
 import QtQuick.Dialogs 1.3
 import QtQuick.Layouts 1.12
+import org.kde.kirigami 2.12 as Kirigami
 
 Pane {
     id: root
-
     required property DcContext context
     required property var chatId
     required property var chat
     property var attachFileUrl: ""
+    property bool isContactBlocked: false
     property bool canSend: root.chat && root.chat.canSend
     property bool isContactRequest: root.chat && root.chat.isContactRequest
     readonly property string vChatUrl: root.context.getConfig("webrtc_instance")
-
     function createMessage() {
         let DC_MSG_TEXT = 10;
         let DC_MSG_FILE = 60;
@@ -102,7 +102,7 @@ Pane {
         Button {
             id: sendVChatUrl
             enabled: vChatUrl.length > 0 ? true : false
-            visible: root.isContactRequest ? false : true
+            visible: root.canSend
             hoverEnabled: true
             ToolTip.visible: hovered
             ToolTip.text: "Send videochat invitation"
@@ -149,23 +149,47 @@ Pane {
         }
 
         Button {
+            id: acceptCBtn
             Layout.alignment: Qt.AlignBottom
             Layout.fillWidth: true
             text: "Accept"
-            onClicked: root.context.acceptChat(root.chatId)
+            onClicked: {
+                root.context.acceptChat(root.chatId);
+                root.isContactBlocked = 0;
+            }
             visible: root.isContactRequest
             icon.name: "call-start"
         }
 
         Button {
+            id: blockCBtn
             Layout.alignment: Qt.AlignBottom
             Layout.fillWidth: true
             text: "Block"
-            onClicked: root.context.blockChat(root.chatId)
+            onClicked: {
+                root.context.blockChat(root.chatId)
+                updateChatlist();
+                acceptCBtn.visible = false;
+                blockCBtn.visible = false;
+                root.isContactBlocked = true;
+            }
             visible: root.isContactRequest
             icon.name: "call-stop"
         }
 
+        
+        TextEdit {
+            selectByMouse: true
+            readOnly: true
+            text: "This contact has been blocked.<br>You can see who you've blocked <br>in 'Settings' > 'View blocked users'"
+            font.bold: true
+            textFormat: TextEdit.RichText
+            visible: root.isContactBlocked
+            Layout.preferredWidth: root.width
+            Layout.maximumWidth: root.width
+            horizontalAlignment: TextEdit.AlignHCenter
+            padding: Kirigami.Units.largeSpacing
+        }
     }
 
 }
diff --git a/qml/Message.qml b/qml/Message.qml
index 14d68a8..d255430 100644
--- a/qml/Message.qml
+++ b/qml/Message.qml
@@ -84,6 +84,7 @@ RowLayout {
     }
 
     Rectangle {
+        id: msgRect
         Layout.leftMargin: Kirigami.Units.largeSpacing
         Layout.preferredWidth: messageContents.width
         Layout.preferredHeight: messageContents.height
@@ -447,6 +448,7 @@ RowLayout {
                 }
 
                 Label {
+                    padding: Kirigami.Units.largeSpacing
                     font.pixelSize: 14
                     color: Kirigami.Theme.disabledTextColor
                     text: Qt.formatDateTime(root.message.timestamp, "dd. MMM yyyy, hh:mm")
diff --git a/qml/SettingsPage.qml b/qml/SettingsPage.qml
index c963162..4d89ebc 100644
--- a/qml/SettingsPage.qml
+++ b/qml/SettingsPage.qml
@@ -9,6 +9,7 @@ Kirigami.ScrollablePage {
     id: root
 
     required property DcContext context
+    property int bannedListHeight: 0
 
     title: "Settings"
 
@@ -20,6 +21,10 @@ Kirigami.ScrollablePage {
             source: "file:" + root.context.getConfig("selfavatar")
         }
 
+        ListModel {
+            id: bannedList
+        }
+
         FileDialog {
             id: changePfpDialog
 
@@ -42,7 +47,7 @@ Kirigami.ScrollablePage {
             text: "Change avatar"
             icon.name: "avatar-default"
             hoverEnabled: true
-            anchors.horizontalCenter: pfp.horizontalCenter
+            anchors.horizontalCenter: parent.horizontalCenter
             onClicked: changePfpDialog.open()
         }
 
@@ -110,8 +115,64 @@ Kirigami.ScrollablePage {
             onToggled: root.context.setConfig("mvbox_move", checked ? "1" : "0")
         }
 
+        Button {
+          id: blockedUsers
+          text: "View blocked users"
+          icon.name: "avatar-default"
+          hoverEnabled: true
+          anchors.horizontalCenter: parent.horizontalCenter
+          onClicked: {
+              bannedList.clear()
+              let banListObj = root.context.getBlockedContacts()
+              for (var addr in banListObj){
+                  let chatId = banListObj[addr]
+                  console.log("Chat ID " + chatId + " is " + addr)
+                  bannedList.append({"email": addr, "bannedContactId": chatId});
+              }
+              bannedListHeight = 0
+          }
+        }
+       
+        Rectangle {
+            id: listContainer
+            height: bannedListHeight
+            Layout.preferredHeight: height
+            radius: 10
+            data: ListView {
+                id: blocked
+                currentIndex: -1
+                anchors.fill: parent
+                model: bannedList
+                delegate: RowLayout {
+
+                    Button {
+                        id: unblockBtn
+                        text: "X"
+                        ToolTip.text: "Click to unblock"
+                        ToolTip.visible: hovered
+                        hoverEnabled: true
+                        onClicked: { 
+                            root.context.blockContact(bannedContactId, 0);
+                            console.log("Unblocking " + email + "(contact id "+ bannedContactId + ")")
+                            blockedUsers.clicked();
+                            updateChatlist()
+                        }
+                    }
+
+                    TextEdit {
+                        selectByMouse: true
+                        readOnly: true
+                        text: email
+                        padding: 4
+                    }
+                    Component.onCompleted: bannedListHeight += height
+               }
+            }
+        }
+
         ComboBox {
             Kirigami.FormData.label: "Show classic emails: "
+            Layout.preferredWidth: 250
             textRole: "text"
             currentIndex: root.context.getConfig("show_emails")
             onActivated: root.context.setConfig("show_emails", currentIndex)