Backside of succession cards

1 files changed, 29 insertions, 14 deletions

diff --git a/play.js b/play.js
index 1eca037..02badd7 100644
--- a/play.js
+++ b/play.js
@@ -1028,18 +1028,32 @@ function on_update() {
 	update_player_info(NAME_VE, view.vp[2])
 
 	ui.this_card.className = make_card_class_name(view.deck[0])
-	if (view.deck[1] > 0) {
-		ui.deck_outer.className = "card card_back"
-		ui.deck_size.textContent = `${view.deck[1]}`
-	} else {
+	if (view.deck[1] === 0) {
 		ui.deck_outer.className = "hide"
+	} else {
+		if (view.deck[2] === 0)
+			ui.deck_outer.className = "card card_back"
+		else if (view.deck[2] === 1)
+			ui.deck_outer.className = "card card_45_back"
+		else if (view.deck[2] === 2)
+			ui.deck_outer.className = "card card_46_back"
+		else if (view.deck[2] === 3)
+			ui.deck_outer.className = "card card_47_back"
+
+		ui.deck_size.textContent = `${view.deck[1]}`
 	}
 
-	if (view.deck[2][1] !== null)
-		ui.of_gods_and_kings.className = make_card_class_name(view.deck[2][0])
+	if (view.deck[3][1] !== null)
+		ui.of_gods_and_kings.className = make_card_class_name(view.deck[3][0])
 	else
 		ui.of_gods_and_kings.className = "hide"
 
+	// Dynasty card
+	if (view.succ > 0)
+		ui.dynasty_card.className = "card card_dynasty_tughlaq"
+	else
+		ui.dynasty_card.className = "card card_dynasty_khalji"
+
 	ui.this_card.classList.toggle("action", !!(view.actions && view.actions.event === 1))
 	ui.dynasty_card.classList.toggle("action", !!(view.actions && view.actions.dynasty_card === 1))
 	ui.shaded_event.classList.toggle("action", !!(view.actions && view.actions.shaded === 1))
@@ -1047,12 +1061,6 @@ function on_update() {
 	ui.gk_shaded_event.classList.toggle("action", !!(view.actions && view.actions.gk_shaded === 1))
 	ui.gk_unshaded_event.classList.toggle("action", !!(view.actions && view.actions.gk_unshaded === 1))
 
-	// Dynasty card
-	if (view.succ > 0)
-		ui.dynasty_card.className = "card card_dynasty_tughlaq"
-	else
-		ui.dynasty_card.className = "card card_dynasty_khalji"
-
 	layout_score()
 
 	let items = [ ]
@@ -1304,7 +1312,7 @@ function on_focus_unshaded_event() {
 }
 
 function on_focus_gk_unshaded_event() {
-	let c = view.deck[2][0]
+	let c = view.deck[3][0]
 	if (c > 0) {
 		let f = data.card_flavor[c]
 		if (f)
@@ -1322,7 +1330,7 @@ function on_focus_shaded_event() {
 }
 
 function on_focus_gk_shaded_event() {
-	let c = view.deck[2][0]
+	let c = view.deck[3][0]
 	if (c > 0) {
 		ui.status.textContent = data.card_title[c] + " - " + data.card_flavor_shaded[c]
 	}
@@ -1366,6 +1374,10 @@ function sub_space(match, p1) {
 	return `<span class="tip" onmouseenter="on_focus_space_tip(${x})" onmouseleave="on_blur_space_tip(${x})" onmousedown="on_click_space_tip(${x})">${n}</span>`
 }
 
+const D_DS = '<img class="d" src="pieces/ds_disk.svg">'
+const D_BK = '<img class="d" src="pieces/bk_disk.svg">'
+const D_VE = '<img class="d" src="pieces/ve_disk.svg">'
+
 const E_DS = '<img class="h" src="pieces/ds_governor.svg">'
 const E_BK = '<img class="h" src="pieces/bk_amir.svg">'
 const E_VE = '<img class="h" src="pieces/ve_raja.svg">'
@@ -1394,6 +1406,9 @@ function on_log(text) {
 	text = text.replace(/</g, "&lt;")
 	text = text.replace(/>/g, "&gt;")
 
+	text = text.replace(/\bDDS\b/g, D_DS)
+	text = text.replace(/\bDBK\b/g, D_BK)
+	text = text.replace(/\bDVE\b/g, D_VE)
 	text = text.replace(/\bCDS\b/g, C_DS)
 	text = text.replace(/\bCMI\b/g, C_MI)
 	text = text.replace(/\bEDS\b/g, E_DS)