WIP: adjustments for MessageFeed (functionality within one new script) and trying to get injection of PostGameUI to work

Author: Elfi0Kuhndorf

Assets/Prefabs/UI/UIToolkit/PostGameUICanvasUITK.prefab

@@ -1,72 +1,5 @@
 %YAML 1.1
 %TAG !u! tag:unity3d.com,2011:
---- !u!1 &1236025437569684182
-GameObject:
-  m_ObjectHideFlags: 0
-  m_CorrespondingSourceObject: {fileID: 0}
-  m_PrefabInstance: {fileID: 0}
-  m_PrefabAsset: {fileID: 0}
-  serializedVersion: 6
-  m_Component:
-  - component: {fileID: 3862586538753465930}
-  - component: {fileID: 6115990281850835497}
-  - component: {fileID: 745328928250476419}
-  m_Layer: 5
-  m_Name: MessageFeed
-  m_TagString: Untagged
-  m_Icon: {fileID: 0}
-  m_NavMeshLayer: 0
-  m_StaticEditorFlags: 0
-  m_IsActive: 1
---- !u!4 &3862586538753465930
-Transform:
-  m_ObjectHideFlags: 0
-  m_CorrespondingSourceObject: {fileID: 0}
-  m_PrefabInstance: {fileID: 0}
-  m_PrefabAsset: {fileID: 0}
-  m_GameObject: {fileID: 1236025437569684182}
-  serializedVersion: 2
-  m_LocalRotation: {x: 0, y: 0, z: 0, w: 1}
-  m_LocalPosition: {x: 0, y: 0, z: 0}
-  m_LocalScale: {x: 1, y: 1, z: 1}
-  m_ConstrainProportionsScale: 0
-  m_Children:
-  - {fileID: 4136078092350221922}
-  m_Father: {fileID: 7855837178462082302}
-  m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
---- !u!114 &6115990281850835497
-MonoBehaviour:
-  m_ObjectHideFlags: 0
-  m_CorrespondingSourceObject: {fileID: 0}
-  m_PrefabInstance: {fileID: 0}
-  m_PrefabAsset: {fileID: 0}
-  m_GameObject: {fileID: 1236025437569684182}
-  m_Enabled: 1
-  m_EditorHideFlags: 0
-  m_Script: {fileID: 19102, guid: 0000000000000000e000000000000000, type: 0}
-  m_Name: 
-  m_EditorClassIdentifier: 
-  m_PanelSettings: {fileID: 11400000, guid: 30704bc49d34869449e8bfdb3ab57841, type: 2}
-  m_ParentUI: {fileID: 2063287831439623020}
-  sourceAsset: {fileID: 9197481963319205126, guid: 79e0526232b7b2246a02c77f935c2b2a, type: 3}
-  m_SortingOrder: 0
-  m_WorldSpaceSizeMode: 1
-  m_WorldSpaceWidth: 1920
-  m_WorldSpaceHeight: 1080
---- !u!114 &745328928250476419
-MonoBehaviour:
-  m_ObjectHideFlags: 0
-  m_CorrespondingSourceObject: {fileID: 0}
-  m_PrefabInstance: {fileID: 0}
-  m_PrefabAsset: {fileID: 0}
-  m_GameObject: {fileID: 1236025437569684182}
-  m_Enabled: 1
-  m_EditorHideFlags: 0
-  m_Script: {fileID: 11500000, guid: 6bbd6ae5366e6194abac070183b555d3, type: 3}
-  m_Name: 
-  m_EditorClassIdentifier: 
-  uiDocument: {fileID: 6115990281850835497}
-  messageItemAsset: {fileID: 9197481963319205126, guid: 67ec44aea0b0f484c86c6489932cfcad, type: 3}
 --- !u!1 &1443245446169138580
 GameObject:
   m_ObjectHideFlags: 0
@@ -97,8 +30,7 @@ Transform:
   m_LocalPosition: {x: 0, y: 0, z: 0}
   m_LocalScale: {x: 1, y: 1, z: 1}
   m_ConstrainProportionsScale: 0
-  m_Children:
-  - {fileID: 3862586538753465930}
+  m_Children: []
   m_Father: {fileID: 0}
   m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
 --- !u!114 &2063287831439623020
@@ -133,69 +65,4 @@ MonoBehaviour:
   m_Name: 
   m_EditorClassIdentifier: 
   m_PostGameUIDocument: {fileID: 2063287831439623020}
-  m_MessageFeedDocument: {fileID: 6115990281850835497}
---- !u!1 &8456963380495801211
-GameObject:
-  m_ObjectHideFlags: 0
-  m_CorrespondingSourceObject: {fileID: 0}
-  m_PrefabInstance: {fileID: 0}
-  m_PrefabAsset: {fileID: 0}
-  serializedVersion: 6
-  m_Component:
-  - component: {fileID: 4136078092350221922}
-  - component: {fileID: 6396599729957077140}
-  - component: {fileID: 1006486138548694909}
-  m_Layer: 5
-  m_Name: MessageItem
-  m_TagString: Untagged
-  m_Icon: {fileID: 0}
-  m_NavMeshLayer: 0
-  m_StaticEditorFlags: 0
-  m_IsActive: 1
---- !u!4 &4136078092350221922
-Transform:
-  m_ObjectHideFlags: 0
-  m_CorrespondingSourceObject: {fileID: 0}
-  m_PrefabInstance: {fileID: 0}
-  m_PrefabAsset: {fileID: 0}
-  m_GameObject: {fileID: 8456963380495801211}
-  serializedVersion: 2
-  m_LocalRotation: {x: 0, y: 0, z: 0, w: 1}
-  m_LocalPosition: {x: 0, y: 0, z: 0}
-  m_LocalScale: {x: 1, y: 1, z: 1}
-  m_ConstrainProportionsScale: 0
-  m_Children: []
-  m_Father: {fileID: 3862586538753465930}
-  m_LocalEulerAnglesHint: {x: 0, y: 0, z: 0}
---- !u!114 &6396599729957077140
-MonoBehaviour:
-  m_ObjectHideFlags: 0
-  m_CorrespondingSourceObject: {fileID: 0}
-  m_PrefabInstance: {fileID: 0}
-  m_PrefabAsset: {fileID: 0}
-  m_GameObject: {fileID: 8456963380495801211}
-  m_Enabled: 1
-  m_EditorHideFlags: 0
-  m_Script: {fileID: 19102, guid: 0000000000000000e000000000000000, type: 0}
-  m_Name: 
-  m_EditorClassIdentifier: 
-  m_PanelSettings: {fileID: 11400000, guid: 30704bc49d34869449e8bfdb3ab57841, type: 2}
-  m_ParentUI: {fileID: 6115990281850835497}
-  sourceAsset: {fileID: 9197481963319205126, guid: 67ec44aea0b0f484c86c6489932cfcad, type: 3}
-  m_SortingOrder: 0
-  m_WorldSpaceSizeMode: 1
-  m_WorldSpaceWidth: 1920
-  m_WorldSpaceHeight: 1080
---- !u!114 &1006486138548694909
-MonoBehaviour:
-  m_ObjectHideFlags: 0
-  m_CorrespondingSourceObject: {fileID: 0}
-  m_PrefabInstance: {fileID: 0}
-  m_PrefabAsset: {fileID: 0}
-  m_GameObject: {fileID: 8456963380495801211}
-  m_Enabled: 1
-  m_EditorHideFlags: 0
-  m_Script: {fileID: 11500000, guid: c981963e5f5a6a24892cd499fb0e8861, type: 3}
-  m_Name: 
-  m_EditorClassIdentifier: 
-  messageItem: {fileID: 6396599729957077140}
+  m_MessageFeedDocument: {fileID: 0}

Assets/Prefabs/UI/UIToolkit/USS/MessageFeed.uss

@@ -25,22 +25,26 @@
 
 .message {
     color: rgb(255, 193, 21);
-    font-size: 32px;
+    font-size: 14px;
     -unity-font-definition: url("project://database/Assets/TextMesh%20Pro/Fonts/Roboto-Bold.ttf?fileID=12800000&guid=55ec8ee3b059fbf4d98bc372920c05e2&type=3#Roboto-Bold");
     -unity-text-outline-width: 1px;
     -unity-text-outline-color: rgb(0, 0, 0);
+    margin-left: 10px;
+    margin-top: 0;
+    -unity-font-style: bold;
 }
 
 .messageBox {
-    flex-grow: 1;
     background-image: url("project://database/Assets/Textures/UI/ui_healthbar_bg.png?fileID=2800000&guid=ac1ab0ffbf410094088db89d509a3a4a&type=3#ui_healthbar_bg");
-    flex-direction: column;
     margin-top: 8px;
     margin-bottom: 8px;
-    width: 420px;
-    height: 60px;
+    width: auto;
+    height: 26px;
     transition-property: position;
     transition-duration: 2s;
+    position: relative;
+    top: 100px;
+    left: 10px;
 }
 
 .messageList {

Assets/Prefabs/UI/UIToolkit/UXML/MessageItem.uxml

@@ -1,7 +1,7 @@
 <engine:UXML xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:engine="UnityEngine.UIElements" xmlns:editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../../../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
     <Style src="project://database/Assets/Prefabs/UI/UIToolkit/USS/MessageFeed.uss?fileID=7433441132597879392&amp;guid=daa8504d262853748b8d7c2a377261a3&amp;type=3#MessageFeed" />
     <engine:VisualElement name="messageItem">
-        <engine:VisualElement name="animatedMessageBox" class="messageBox" style="transition-property: all; transition-duration: 0.7s; transition-timing-function: ease;">
+        <engine:VisualElement name="messageBox" class="messageBox" style="transition-property: all; transition-duration: 0.7s; transition-timing-function: ease;">
             <engine:Label text="Lorem ipsum dolor sit amet" name="messageLabel" class="message" />
         </engine:VisualElement>
     </engine:VisualElement>

Assets/Scripts/Gameplay/GameState/NetworkPostGame.cs

@@ -1,4 +1,5 @@
 using System;
+using Unity.BossRoom.Gameplay.UI;
 using Unity.Netcode;
 using VContainer;
 
@@ -9,11 +10,26 @@ public class NetworkPostGame : NetworkBehaviour
         public NetworkVariable<WinState> WinState = new NetworkVariable<WinState>();
 
         [Inject]
-        public void Construct(PersistentGameState persistentGameState)
+        PostGameUI m_PostGameUI;
+        
+        [Inject]
+        PersistentGameState m_PersistentGameState;
+        
+        [Inject]
+        public void Construct(PersistentGameState persistentGameState, PostGameUI postGameUI)
+        {
+            m_PostGameUI = postGameUI;
+            m_PersistentGameState = persistentGameState;
+        }
+
+        public override void OnNetworkSpawn()
         {
-            if (NetworkManager.Singleton.IsServer)
+            // only hosts can restart the game, other players see a wait message
+            m_PostGameUI.Initialize(IsHost);
+            
+            if (IsServer)
             {
-                WinState.Value = persistentGameState.WinState;
+                WinState.Value = m_PersistentGameState.WinState;
             }
         }
     }

Assets/Scripts/Gameplay/UI/MessageFeedRob.cs

@@ -0,0 +1,120 @@
+using System.Collections.Generic;
+using UnityEngine;
+using UnityEngine.UIElements;
+
+public class MessageFeed : MonoBehaviour
+{
+    [SerializeField]
+    UIDocument doc;
+
+    [SerializeField]
+    bool AddMessage;
+
+    List<Message> m_messages;
+
+    VisualElement messageContainer;
+
+    void Start()
+    {
+        var root = doc.rootVisualElement;
+        var templateLabel = root.Q<Label>("messageLabel");
+        var templateBox = root.Q<VisualElement>("messageBox");
+        
+        // Hide the default template elements
+        templateLabel.style.display = DisplayStyle.None; 
+        templateBox.style.display = DisplayStyle.None; 
+        
+        m_messages = new List<Message>();
+
+        // Create a container for all messages
+        messageContainer = new VisualElement();
+        messageContainer.style.flexDirection = FlexDirection.Column; // Arrange messages vertically
+        messageContainer.style.alignItems = Align.FlexStart; // Align messages to the start of the container
+        doc.rootVisualElement.Add(messageContainer);
+    }
+
+    void Update()
+    {
+        if (AddMessage)
+        {
+            ShowMessage("Hello World");
+            AddMessage = false; // Prevent repeated calls
+        }
+
+        foreach (var m in m_messages)
+        {
+            if (m.isShown)
+            {
+                // Check if a message should disappear after 10 seconds
+                if (Time.realtimeSinceStartup - m.startTime > 10)
+                {
+                    StartFadeout(m, 1f);
+                    m.isShown = false;
+                }
+            }
+        }
+    }
+    
+    
+
+    void ShowMessage(string message)
+    {
+        // Reuse an existing message container if possible
+        foreach (var m in m_messages)
+        {
+            if (!m.isShown)
+            {
+                m.isShown = true;
+                m.Label.text = message;
+                m.messageBox.style.display = DisplayStyle.Flex; // Show the entire message box
+                m.startTime = Time.realtimeSinceStartup; // Update start time
+                
+                return;
+            }
+        }
+
+        // If no reusable container is found, create a new one
+        var newBox = new VisualElement();
+        newBox.AddToClassList("messageBox"); // Apply the ".messageBox" style
+
+        var newLabel = new Label();
+        newLabel.text = message;
+        newLabel.AddToClassList("message"); // Apply the ".message" style
+        
+        newBox.Add(newLabel); // Add the label to the box
+
+        var newMessage = new Message()
+        {
+            isShown = true,
+            startTime = Time.realtimeSinceStartup,
+            messageBox = newBox,
+            Label = newLabel
+        };
+
+        // Add the messageBox (which contains the label) to the container
+        messageContainer.Add(newBox); 
+        m_messages.Add(newMessage); // Track the new message
+    }
+
+    static void StartFadeout(Message message, float opacity)
+    {
+        message.messageBox.style.opacity = opacity;
+        message.messageBox.schedule.Execute(() =>
+        {
+            opacity -= 0.01f;
+            message.messageBox.style.opacity = opacity;
+            if (opacity <= 0)
+            {
+                message.messageBox.style.display = DisplayStyle.None;
+            }
+        }).Every((long)0.1f).Until(() => opacity <= 0);
+    }
+
+    class Message
+    {
+        public bool isShown;          // Whether the message is currently visible
+        public float startTime;       // The time when the message was shown
+        public VisualElement messageBox; // The container for the message (box)
+        public Label Label;           // The label inside the box
+    }
+}