Rework chat line templates and logic

- Extract chat line templates and logic so they can be reused across widgets
- Make text notification styling entirely template driven (by removing chat color configuration and making color optional for `TextNotification`)
- Add a new TextNotificationsDisplay widget (based on and replacing ChatDisplayWidget)
- Add timestamp support to text notifications

mods/cnc/chrome/ingame-chat.yaml

@@ -6,17 +6,22 @@ Container@CHAT_PANEL:
 	Logic: IngameChatLogic
 		OpenTeamChatKey: OpenTeamChat
 		OpenGeneralChatKey: OpenGeneralChat
+		Templates:
+			Chat: CHAT_LINE_TEMPLATE
+			System: SYSTEM_LINE_TEMPLATE
+			Mission: SYSTEM_LINE_TEMPLATE
+			Feedback: SYSTEM_LINE_TEMPLATE
 	Children:
 		Container@CHAT_OVERLAY:
 			Width: PARENT_RIGHT - 24
-			Height: PARENT_BOTTOM - 25
+			Height: PARENT_BOTTOM - 30
 			Visible: false
 			Children:
-				ChatDisplay@CHAT_DISPLAY:
+				TextNotificationsDisplay@CHAT_DISPLAY:
 					Width: PARENT_RIGHT
 					Height: PARENT_BOTTOM
 					RemoveTime: 250
-					UseShadow: True
+					BottomSpacing: 3
 		Container@CHAT_CHROME:
 			Width: PARENT_RIGHT
 			Height: PARENT_BOTTOM
@@ -59,20 +64,3 @@ Container@CHAT_PANEL:
 					TopBottomSpacing: 3
 					ItemSpacing: 4
 					Align: Bottom
-					Children:
-						Container@CHAT_TEMPLATE:
-							X: 2
-							Width: PARENT_RIGHT - 27
-							Height: 16
-							Children:
-								Label@NAME:
-									X: 3
-									Width: 50
-									Height: 16
-									Shadow: True
-								Label@TEXT:
-									X: 12
-									Width: PARENT_RIGHT - 17
-									Height: 16
-									WordWrap: true
-									Shadow: True

mods/cnc/chrome/ingame-infochat.yaml

@@ -3,6 +3,11 @@ Container@CHAT_CONTAINER:
 	Width: PARENT_RIGHT
 	Height: PARENT_BOTTOM - 20
 	Logic: IngameChatLogic
+		Templates:
+			Chat: CHAT_LINE_TEMPLATE
+			System: SYSTEM_LINE_TEMPLATE
+			Mission: SYSTEM_LINE_TEMPLATE
+			Feedback: SYSTEM_LINE_TEMPLATE
 	Children:
 		Container@CHAT_CHROME:
 			X: 15
@@ -28,20 +33,3 @@ Container@CHAT_CONTAINER:
 					Height: PARENT_BOTTOM - 30
 					TopBottomSpacing: 3
 					ItemSpacing: 2
-					Children:
-						Container@CHAT_TEMPLATE:
-							X: 2
-							Width: PARENT_RIGHT - 27
-							Height: 16
-							Children:
-								Label@NAME:
-									X: 3
-									Width: 50
-									Height: 16
-									Shadow: True
-								Label@TEXT:
-									X: 12
-									Width: PARENT_RIGHT - 17
-									Height: 16
-									WordWrap: true
-									Shadow: True

mods/cnc/chrome/lobby.yaml

@@ -1,5 +1,10 @@
 Container@SERVER_LOBBY:
 	Logic: LobbyLogic
+		ChatTemplates:
+			Chat: CHAT_LINE_TEMPLATE
+			System: SYSTEM_LINE_TEMPLATE
+			Mission: SYSTEM_LINE_TEMPLATE
+			Feedback: SYSTEM_LINE_TEMPLATE
 	X: (WINDOW_RIGHT - WIDTH) / 2
 	Y: (WINDOW_BOTTOM - 560) / 2
 	Width: 900
@@ -99,29 +104,6 @@ Container@SERVER_LOBBY:
 							Height: PARENT_BOTTOM - 30
 							TopBottomSpacing: 3
 							ItemSpacing: 2
-							Children:
-								Container@CHAT_TEMPLATE:
-									Width: PARENT_RIGHT - 27
-									Height: 16
-									X: 2
-									Y: 0
-									Children:
-										Label@TIME:
-											X: 3
-											Width: 50
-											Height: 16
-											Shadow: True
-										Label@NAME:
-											X: 45
-											Width: 50
-											Height: 16
-											Shadow: True
-										Label@TEXT:
-											X: 55
-											Width: PARENT_RIGHT - 60
-											Height: 16
-											WordWrap: true
-											Shadow: True
 						Button@CHAT_MODE:
 							Y: PARENT_BOTTOM - HEIGHT
 							Width: 50

mods/cnc/mod.yaml

@@ -138,6 +138,7 @@ ChromeLayout:
 	cnc|chrome/assetbrowser.yaml
 	cnc|chrome/missionbrowser.yaml
 	cnc|chrome/editor.yaml
+	common|chrome/text-notifications.yaml
 
 Voices:
 	cnc|audio/voices.yaml