use blobgroup for window chat interface + slim sidebar

Modules/Notifications/Sidebar/Chat/Content/ChatHost.qml

@@ -6,127 +6,138 @@ import qs.Services
 import qs.Modules.Notifications.Sidebar.Chat
 
 Item {
-	id: root
+    id: root
 
-	property int animOff
-	property Item currentItem
-	property bool loading: false
-	property int lastIdx: -1
+    property int animOff
+    property Item currentItem
+    property bool noAnim: false
+    property bool loading: false
+    property int lastIdx: -1
 
-	readonly property Component conversationComp: ChatContent {}
+    readonly property Component conversationComp: ChatContent {}
 
-	function loadConversation(chat): void {
-		if (currentItem) {
-			currentItem.destroy();
-			currentItem = null;
-		}
+    signal requestClose
 
-		if (!chat)
-			return;
+    function loadConversation(chat): void {
+        if (currentItem) {
+            currentItem.destroy();
+            currentItem = null;
+        }
 
-		root.loading = true;
+        if (!chat)
+            return;
 
-		const incubator = root.conversationComp.incubateObject(container, {
-			chatData: chat
-		});
+        root.loading = true;
 
-		const attach = () => {
-			incubator.object.anchors.fill = container;
-			currentItem = incubator.object;
-			root.loading = false;
-			enterAnim.start();
-		};
+        const incubator = root.conversationComp.incubateObject(container, {
+            chatData: chat
+        });
 
-		if (incubator.status === Component.Ready)
-			attach();
-		else
-			incubator.onStatusChanged = status => {
-				if (status === Component.Ready)
-					attach();
-			};
-	}
+        const attach = () => {
+            incubator.object.anchors.fill = container;
+            incubator.object.requestClose.connect(root.requestClose);
+            currentItem = incubator.object;
+            root.loading = false;
+            if (!noAnim)
+                enterAnim.start();
+        };
 
-	Item {
-		id: container
+        if (incubator.status === Component.Ready)
+            attach();
+        else
+            incubator.onStatusChanged = status => {
+                if (status === Component.Ready)
+                    attach();
+            };
+    }
 
-		anchors.fill: parent
-		layer.enabled: opacity < 1
-		objectName: "ConversationContainer"
+    Item {
+        id: container
 
-		Component.onCompleted: {
-			if (ChatState.chatSession)
-				root.loadConversation(ChatState.chatSession);
-		}
-	}
+        anchors.fill: parent
+        layer.enabled: opacity < 1
+        objectName: "ConversationContainer"
 
-	LoadingIndicator {
-		anchors.centerIn: parent
-		implicitSize: Tokens.font.size.extraLarge * 4
-		opacity: root.loading ? 1 : 0
-		visible: opacity > 0
+        Component.onCompleted: {
+            if (ChatState.chatSession)
+                root.loadConversation(ChatState.chatSession);
+        }
+    }
 
-		Behavior on opacity {
-			Anim {}
-		}
-	}
+    LoadingIndicator {
+        anchors.centerIn: parent
+        implicitSize: Tokens.font.size.extraLarge * 4
+        opacity: root.loading ? 1 : 0
+        visible: opacity > 0
 
-	Connections {
-		function onChatSessionChanged(): void {
-			exitAnim.complete();
-			enterAnim.complete();
-			root.animOff = Tokens.padding.small * (ChatState.currentIdx > root.lastIdx ? 1 : -1);
-			root.lastIdx = ChatState.currentIdx;
-			exitAnim.start();
-		}
+        Behavior on opacity {
+            Anim {}
+        }
+    }
 
-		target: ChatState
-	}
+    Connections {
+        function onChatSessionChanged(): void {
+            exitAnim.complete();
+            enterAnim.complete();
 
-	SequentialAnimation {
-		id: exitAnim
+            if (root.noAnim) {
+                root.loadConversation(ChatState.chatSession);
+                return;
+            }
 
-		Anim {
-			property: "opacity"
-			target: container
-			to: 0
-			type: Anim.DefaultEffects
-		}
+            root.animOff = Tokens.padding.small * (ChatState.currentIdx > root.lastIdx ? 1 : -1);
+            root.lastIdx = ChatState.currentIdx;
+            exitAnim.start();
+        }
 
-		ScriptAction {
-			script: root.loadConversation(ChatState.chatSession)
-		}
-	}
+        target: ChatState
+    }
 
-	SequentialAnimation {
-		id: enterAnim
+    SequentialAnimation {
+        id: exitAnim
 
-		PropertyAction {
-			property: "topMargin"
-			target: container.anchors
-			value: root.animOff
-		}
+        Anim {
+            property: "opacity"
+            target: container
+            to: 0
+            type: Anim.DefaultEffects
+        }
 
-		PropertyAction {
-			property: "bottomMargin"
-			target: container.anchors
-			value: -root.animOff
-		}
+        ScriptAction {
+            script: root.loadConversation(ChatState.chatSession)
+        }
+    }
 
-		ParallelAnimation {
-			Anim {
-				from: 0
-				property: "opacity"
-				target: container
-				to: 1
-				type: Anim.SlowEffects
-			}
+    SequentialAnimation {
+        id: enterAnim
 
-			Anim {
-				properties: "topMargin,bottomMargin"
-				target: container.anchors
-				to: 0
-				type: Anim.SlowEffects
-			}
-		}
-	}
+        PropertyAction {
+            property: "topMargin"
+            target: container.anchors
+            value: root.animOff
+        }
+
+        PropertyAction {
+            property: "bottomMargin"
+            target: container.anchors
+            value: -root.animOff
+        }
+
+        ParallelAnimation {
+            Anim {
+                from: 0
+                property: "opacity"
+                target: container
+                to: 1
+                type: Anim.SlowEffects
+            }
+
+            Anim {
+                properties: "topMargin,bottomMargin"
+                target: container.anchors
+                to: 0
+                type: Anim.SlowEffects
+            }
+        }
+    }
 }