[qml-desktop] Add chat list. Closed #21

application/qml/desktop/ChatList.qml

@@ -0,0 +1,5 @@
+import QtQuick 2.0
+
+Item {
+
+}

application/qml/desktop/ChatPage.qml

@@ -0,0 +1,39 @@
+import QtQuick 2.0
+
+Item {
+    id: root
+    anchors.fill: parent
+
+    Row {
+        anchors.fill: parent
+
+        ContactList {
+            id: contactList
+            height: parent.height
+            width: 400
+        }
+
+        Column {
+            height: parent.height
+            width: root.width - contactList.width
+
+            Rectangle {
+                id: toolBar
+                height: 70
+                width: parent.width
+            }
+
+            ChatList {
+                id: chatList
+                height: parent.height - (toolBar.height + messageZone.height)
+                width: parent.width
+            }
+
+            MessageZone {
+                id: messageZone
+                height: 40
+                width: parent.width
+            }
+        }
+    }
+}

application/qml/desktop/MessageZone.qml

@@ -0,0 +1,57 @@
+import QtQuick 2.13
+import QtQuick.Controls 2.5
+import QtGraphicalEffects 1.12
+
+Rectangle {
+    id: root
+
+    border.color: "gray"
+    radius: 2
+
+    Row {
+        anchors.fill: parent
+        spacing: 2
+
+        TextEdit {
+            id: txtPlane
+            width: parent.width - sendButton.width
+            font.pixelSize: 20
+            leftPadding: 10
+            topPadding: 5
+            focus: true
+
+            onTextChanged: {
+                /*
+                 * Here will be message string variable
+                 */
+            }
+        }
+
+        Rectangle {
+            id: sendButton
+            height: parent.height - 2
+            width: height
+            anchors.verticalCenter: parent.verticalCenter
+            color: "transparent"
+
+            Image {
+                id:buttonIcon
+                anchors.fill: parent
+                fillMode: Image.PreserveAspectFit
+                source: "icons/send-button.svg"
+            }
+
+            ColorOverlay {
+                id: buttonEffect
+                anchors.fill: buttonIcon
+                source: buttonIcon
+                color: sendButtonArea.pressed ? "black" : "gray"
+            }
+
+            MouseArea {
+                id: sendButtonArea
+                anchors.fill: parent
+            }
+        }
+    }
+}

application/qml/desktop/main.qml

@@ -24,7 +24,7 @@ Window {
         }
     }
 
-	Loader {
+    Loader {
         id: mainPageLoader
         anchors.fill: parent
     }

application/qml/desktop/qml.qrc

@@ -18,5 +18,9 @@
         <file>icons/Title.svg</file>
         <file>HomePage.qml</file>
         <file>AuthenticationPage.qml</file>
+        <file>ChatPage.qml</file>
+        <file>ChatList.qml</file>
+        <file>MessageZone.qml</file>
+        <file>icons/send-button.svg</file>
     </qresource>
 </RCC>