Updating attack box

1 files changed, 19 insertions, 3 deletions

diff --git a/play.js b/play.js
index 2dabece..0a0b96c 100644
--- a/play.js
+++ b/play.js
@@ -10,6 +10,13 @@ const last_cavalry = 9
 
 const faction_name = [ "Delhi Sultanate", "Bahmani Kingdom", "Vijayanagara Empire", "Mongol Invaders" ]
 
+const faction_flags = [
+	"images/Flags_DS.png",
+	"images/Flags_BK.png",
+	"images/Flags_VE.png",
+	"images/Flags_MI.png"
+]
+
 // :r !python3 tools/genlayout.py
 const LAYOUT = {
 	"Andhra DS": [785, 1014],
@@ -478,6 +485,8 @@ let ui = {
 	attack_header: document.getElementById("attack_header"),
 	attack_attacker: document.getElementById("name_attacker"),
 	attack_defender: document.getElementById("name_defender"),
+	attacker_flag: document.querySelectorAll(".attacker_flag"),
+	defender_flag: document.querySelectorAll(".defender_flag")
 }
 
 function create(t, p, ...c) {
@@ -900,6 +909,13 @@ function update_dice_box() {
 	ui.attack_attacker.textContent = "Attacker - " + faction_name[view.attack.attacker]
 	ui.attack_defender.textContent = "Defender - " + faction_name[view.attack.target]
 
+	ui.attacker_flag.forEach(function(element){
+        element.src = faction_flags[view.attack.attacker];
+    });
+	ui.defender_flag.forEach(function(element){
+        element.src = faction_flags[view.attack.target];
+    });
+
 	if (ui.attack_table.classList.contains("hide"))
 		show_dice_box(ui.attack_table)
 }
@@ -959,9 +975,9 @@ function on_update() {
 	}
 
 	switch (player) {
-	case "Delhi Sultanate": ui.favicon.href = "images/Flags_DS.png"; break
-	case "Bahmani Kingdom": ui.favicon.href = "images/Flags_BK.png"; break
-	case "Vijayanagara Empire": ui.favicon.href = "images/Flags_VE.png"; break
+	case "Delhi Sultanate": ui.favicon.href = faction_flags[DS]; break
+	case "Bahmani Kingdom": ui.favicon.href = faction_flags[BK]; break
+	case "Vijayanagara Empire": ui.favicon.href = faction_flags[VE]; break
 	}
 
 	// Dice rolling