main_ui.js

var PlayerInfoItems = $("#PlayerInfoItems")

var exp_table = [200, 350] //Build the exp table.
var increase = 330
for(var i = 2; i < 40; i++) {
	exp_table[i] = exp_table[i - 1] + increase
	increase += 90
}

for(var i = 0; i < 6; i++) { //6 item placeholders
	var PlayerInfoItem = $.CreatePanel("Panel", PlayerInfoItems, "PlayerInfoItem" + i)
	PlayerInfoItem.AddClass("even-space-vertical")
	PlayerInfoItem.AddClass("fill")
	PlayerInfoItem.AddClass("square")
	PlayerInfoItem.style.backgroundColor = "red"
	if(i != 0) {
		PlayerInfoItem.style.marginTop = "4px"
	}
}

function OnSpiritgateTickStats(event) { //Update stats from a custom event.
	$("#PlayerInfoStatsPowerLabel").text = event.power
	$("#PlayerInfoStatsHasteLabel").text = event.haste
	$("#PlayerInfoStatsArmourLabel").text = event.armour
	$("#PlayerInfoStatsMagicResistanceLabel").text = event.magic_resistance

	var local_pid = Players.GetLocalPlayer()
	var local_pid_hero = Players.GetPlayerHeroEntityIndex(local_pid)
	$("#PlayerInfoStatsAttackDamageLabel").text = Entities.GetDamageMax(local_pid_hero)
	$("#PlayerInfoStatsMovespeedLabel").text = Math.round(Entities.GetIdealSpeed(local_pid_hero))

	$("#PlayerInfoExtendedVis").text = "Vis: " + Players.GetGold(local_pid)

	var target_exp = exp_table[Entities.GetLevel(local_pid_hero)] - Entities.GetCurrentXP(local_pid_hero) + Entities.GetCurrentXP(local_pid_hero) - exp_table[Entities.GetLevel(local_pid_hero) - 1]
	$("#PlayerInfoExpBar").style.width = (Entities.GetCurrentXP(local_pid_hero) - exp_table[Entities.GetLevel(local_pid_hero) - 1]) / target_exp * 100 + "%"
	$("#PlayerInfoExpLabel").text = "Exp: " + (Entities.GetCurrentXP(local_pid_hero) - exp_table[Entities.GetLevel(local_pid_hero) - 1]) + "/" + target_exp
}

function OnSpiritgateSelectRole(event) { //From the hero select, one of 4 roles
	$("#PlayerInfoRolePassive").SetImage("file://{images}/custom_game/roles/role_" + event.role + ".png")
}

function OnSpiritgateSelectShaper(event) { //From the hero select, update hero
	var local_pid = Players.GetLocalPlayer()
	var local_pid_hero = Players.GetPlayerHeroEntityIndex(local_pid)

	var passive_ability_id = Entities.GetAbility(local_pid_hero, 4)
	$.Msg(Abilities.GetAbilityTextureName(passive_ability_id))
	$("#PlayerInfoShaperPassive").SetImage("file://{images}/custom_game/spellicons/" + Abilities.GetAbilityTextureName(passive_ability_id) + ".png")
	$("#PlayerInfoAvatarImage").heroname = Entities.GetUnitName(local_pid_hero)
}

function OnSpiritgateGameStart(event) { //Only show the main UI once the game has started.
	$.GetContextPanel().AddClass("is-visible")
	$.GetContextPanel().RemoveClass("is-not-visible")
}

GameEvents.Subscribe("SpiritgateSelectRole", OnSpiritgateSelectRole)
GameEvents.Subscribe("SpiritgateSelectShaper", OnSpiritgateSelectShaper)
GameEvents.Subscribe("SpiritgateTickStats", OnSpiritgateTickStats)
GameEvents.Subscribe("SpiritgateGameStart", OnSpiritgateGameStart)