ui/qml/main.qml

import QtGraphicalEffects 1.0
import QtQuick 2.7
import QtQuick.Controls 2.4
import QtQuick.Controls.Material 2.0
import QtQuick.Layouts 1.3

import "widgets"

Item {
	width: 525
	height: 500
	id: root


	RowLayout {
		anchors.fill: parent
		spacing: 0


		Rectangle { // THE LEFT PANE WITH TOOLS AND CONTACTS
			color: "#D2C0DD"
			Layout.fillHeight: true
			Layout.minimumWidth: 200
			Layout.maximumWidth: 200


			ContactList{
				anchors.fill: parent
			}
		}

		Rectangle { // THE RIGHT PANE WHERE THE MESSAGES GO
			color: "#EEEEFF"
			Layout.fillWidth: true
			Layout.fillHeight: true


			MessageList{
				anchors.fill: parent
			}
		}
	}

	PropertyAnimation { id: anmPopup; easing.type: Easing.InQuart; duration: 7000; target: popup; property: "opacity"; to: 0; }

	Rectangle {
		id: popup
		anchors.top: parent.top
		anchors.horizontalCenter: parent.horizontalCenter
		anchors.topMargin: 20
		width: lblPopup.width + 30
		height: lblPopup.height + 8
		color: "#000000"
		opacity: 0.5
		radius: 15
		visible: false


		Label {
			id: lblPopup
			anchors.horizontalCenter: parent.horizontalCenter
			anchors.verticalCenter: parent.verticalCenter
			font.pixelSize: 18
			color: "#FFFFFF"
		}
	}


	Connections {
		target: gcd

		onInvokePopup: function(str) {
			lblPopup.text = str
			popup.opacity = 0.5
			popup.visible = true
			anmPopup.restart()
		}
	}
}