Colorize battle buttons based on their states

Author: completesomething

LuaMenu/widgets/chili/skins/Evolved/skin.lua

@@ -164,6 +164,19 @@ skin.positive_button = {
   DrawControl = DrawButton,
 }
 
+skin.battle_default_button = { --Blue
+  TileImageBK = ":cl:tech_button_bk.png",
+  TileImageFG = ":cl:tech_button_bright_small_fg.png",
+  tiles = {20, 20, 20, 20}, --// tile widths: left,top,right,bottom
+  padding = {10, 10, 10, 10},
+
+  backgroundColor = {0.10, 0.10, 0.1, 0.65},
+  focusColor  = {1.0, 1.0, 1.0, 0.1}, -- color when focused
+  borderColor = {0.1, 0.1, 0.1, 0.05},
+
+  DrawControl = DrawButton,
+}
+
 skin.combobox = {
 	TileImageBK = ":cl:combobox_ctrl.png",
 	TileImageFG = ":cl:combobox_ctrl_fg.png",

LuaMenu/widgets/chobby/components/battle/battle_list_window.lua

@@ -181,6 +181,7 @@ function BattleListWindow:init(parent)
 			return
 		end
 		self:OnUpdateBattleInfo(battleID)
+		self:UpdateButtonColor(battleID)
 		SoftUpdate()
 	end
 	lobby:AddListener("OnUpdateBattleInfo", self.onUpdateBattleInfo)
@@ -235,6 +236,11 @@ function BattleListWindow:Update()
 	for _, battle in pairs(battles) do
 		self:AddBattle(battle.battleID, battle)
 	end
+	
+	for _, battle in pairs(battles) do
+		self:UpdateButtonColor(battle.battleID)
+	end
+	
 	self:UpdateFilters()
 	self:UpdateInfoPanel()
 end
@@ -274,7 +280,7 @@ end
 function BattleListWindow:MakeWatchBattle(battleID, battle)
 	local height = self.itemHeight - 20
 	local parentButton = Button:New {
-		classname = "button_rounded",
+		classname = "battle_default_button",
 		name = "battleButton",
 		x = 0,
 		right = 0,
@@ -468,7 +474,7 @@ end
 function BattleListWindow:MakeJoinBattle(battleID, battle)
 	local height = self.itemHeight - 20
 	local parentButton = Button:New {
-		classname = "button_rounded",
+		classname = "battle_default_button",
 		name = "battleButton",
 		x = 0,
 		right = 0,
@@ -633,6 +639,7 @@ function BattleListWindow:AddBattle(battleID, battle)
 	end
 
 	self:AddRow({button}, battle.battleID)
+	self:UpdateButtonColor(battleID) -- necessary for some reason, despite BAR not needing this
 end
 
 function BattleListWindow:ItemInFilter(id)
@@ -689,6 +696,45 @@ function BattleListWindow:CompareItems(id1, id2)
 	end
 end
 
+function BattleListWindow:UpdateButtonColor(battleID)
+
+	local items = self:GetRowItems(battleID)
+	if not items then
+		return
+	end
+	local battle = lobby:GetBattle(battleID)
+	if battle == nil then return end
+
+	local oldbuttonstyle = items.battleButton.backgroundColor
+	local battlebuttonstyle = {0.10, 0.10, 0.95, 0.65} --blue
+	if battle.passworded then
+		battlebuttonstyle =  {0.60, 0.10, 0.85, 0.65} --violet
+	elseif battle.isMatchMaker then
+		battlebuttonstyle =  {0.90, 0.10, 0.10, 0.65} --red
+	elseif lobby:GetBattlePlayerCount(battleID) < 1 then
+		battlebuttonstyle = {0.10, 0.10, 0.95, 0.65} --blue
+	elseif battle.isRunning then
+		battlebuttonstyle =  {0.70, 0.60, 0.1, 0.65} --yellow
+	else
+		battlebuttonstyle =  {0.10, 0.50, 0.10, 0.65} --green
+	end
+	local colorChanged = false
+	for i, c in ipairs(oldbuttonstyle) do
+		if c ~= battlebuttonstyle[i] then
+			colorChanged = true
+			break
+		end
+	end
+	--Spring.Echo("BattleListWindow:UpdateButtonColor",battleID,battlebuttonstyle, items.battleButton.backgroundColor,battle.isRunning ,battle.passworded, lobby:GetBattlePlayerCount(battleID))
+
+	if colorChanged then
+		--Spring.Echo("BattleListWindow:UpdateButtonColor",battleID,battlebuttonstyle, items.battleButton.backgroundColor,battle.isRunning ,battle.passworded, lobby:GetBattlePlayerCount(battleID))
+		items.battleButton.backgroundColor = battlebuttonstyle
+		items.battleButton.focusColor = battlebuttonstyle
+		items.battleButton:Invalidate()
+	end
+end
+
 function BattleListWindow:RecalculateOrder(id)
 	if lobby.commandBuffer then
 		return
@@ -774,6 +820,7 @@ function BattleListWindow:JoinedBattle(battleID)
 		local playerCount = lobby:GetBattlePlayerCount(battleID)
 		playersOnMapCaption:SetCaption(playerCount .. ((playerCount == 1 and " player on " ) or " players on ") .. battle.mapName:gsub("_", " "))
 	end
+	self:UpdateButtonColor(battleID)
 	self:RecalculateOrder(battleID)
 end
 
@@ -797,6 +844,7 @@ function BattleListWindow:LeftBattle(battleID)
 		local playerCount = lobby:GetBattlePlayerCount(battleID)
 		playersOnMapCaption:SetCaption(playerCount .. ((playerCount == 1 and " player on " ) or " players on ") .. battle.mapName:gsub("_", " "))
 	end
+	self:UpdateButtonColor(battleID)
 	self:RecalculateOrder(battleID)
 end
 
@@ -875,6 +923,7 @@ function BattleListWindow:OnUpdateBattleInfo(battleID)
 		local playerCount = lobby:GetBattlePlayerCount(battleID)
 		playersOnMapCaption:SetCaption(playerCount .. ((playerCount == 1 and " player on " ) or " players on ") .. battle.mapName:gsub("_", " "))
 	end
+	self:UpdateButtonColor(battleID)
 	self:RecalculateOrder(battleID)
 end
 
@@ -897,6 +946,7 @@ function BattleListWindow:OnBattleIngameUpdate(battleID, isRunning)
 		runningImage.file = BATTLE_NOT_RUNNING
 	end
 	runningImage:Invalidate()
+	self:UpdateButtonColor(battleID)
 	self:RecalculateOrder(battleID)
 end
 

LuaMenu/widgets/chobby/components/battle/battle_watch_list_window.lua

@@ -95,6 +95,10 @@ function BattleWatchListWindow:Update()
 	for _, battle in pairs(battles) do
 		self:AddBattle(battle.battleID, battle)
 	end
+	
+	for _, battle in pairs(battles) do
+		self:UpdateButtonColor(battle.battleID)
+	end
 end
 
 function BattleWatchListWindow:AddBattle(battleID)
@@ -262,6 +266,7 @@ function BattleWatchListWindow:JoinedBattle(battleID)
 	local playersOnMapCaption = items.battleButton:GetChildByName("playersOnMapCaption")
 	local playerCount = lobby:GetBattlePlayerCount(battleID)
 	playersOnMapCaption:SetCaption(playerCount .. ((playerCount == 1 and " player on " ) or " players on ") .. battle.mapName:gsub("_", " "))
+	self:UpdateButtonColor(battleID)
 	self:RecalculateOrder(battleID)
 end
 
@@ -274,6 +279,7 @@ function BattleWatchListWindow:LeftBattle(battleID)
 	local playersOnMapCaption = items.battleButton:GetChildByName("playersOnMapCaption")
 	local playerCount = lobby:GetBattlePlayerCount(battleID)
 	playersOnMapCaption:SetCaption(playerCount .. ((playerCount == 1 and " player on " ) or " players on ") .. battle.mapName:gsub("_", " "))
+	self:UpdateButtonColor(battleID)
 	self:RecalculateOrder(battleID)
 end
 
@@ -305,7 +311,7 @@ function BattleWatchListWindow:OnUpdateBattleInfo(battleID)
 	local playersOnMapCaption = items.battleButton:GetChildByName("playersOnMapCaption")
 	local playerCount = lobby:GetBattlePlayerCount(battleID)
 	playersOnMapCaption:SetCaption(playerCount .. ((playerCount == 1 and " player on " ) or " players on ") .. battle.mapName:gsub("_", " "))
-
+	self:UpdateButtonColor(battleID)
 	self:RecalculateOrder(battleID)
 end