diff options
| -rw-r--r-- | play.js | 34 |
1 files changed, 29 insertions, 5 deletions
@@ -396,7 +396,7 @@ function create_country(id, name) { document.getElementById("markers").appendChild(e) } -const INF_DX = 35 +const INF_DX = 33 const INF_DY = 10 function create_ui() { @@ -406,6 +406,8 @@ function create_ui() { ui.com_inf = [] ui.dem_inf2 = [] ui.com_inf2 = [] + ui.dem_inf3 = [] + ui.com_inf3 = [] for (let s = 0; s <= last_space; ++s) { let info = spaces[s] @@ -440,6 +442,12 @@ function create_ui() { com_e2.style.top = yc + 12 - 25 + INF_DY + "px" ui.com_inf2[s] = com_e2 + let com_e3 = document.createElement("div") + com_e3.className = "marker comInfl hide" + com_e3.style.left = xc + 32 - 25 + 5 + INF_DX + "px" + com_e3.style.top = yc + 12 - 25 + 5 + INF_DY + "px" + ui.com_inf3[s] = com_e3 + let dem_e = document.createElement("div") dem_e.className = "marker demInfl hide" dem_e.style.left = xc - 32 - 25 + "px" @@ -452,11 +460,19 @@ function create_ui() { dem_e2.style.top = yc + 12 - 25 + INF_DY + "px" ui.dem_inf2[s] = dem_e2 + let dem_e3 = document.createElement("div") + dem_e3.className = "marker demInfl hide" + dem_e3.style.left = xc - 32 - 25 - 5 - INF_DX + "px" + dem_e3.style.top = yc + 12 - 25 + 5 + INF_DY + "px" + ui.dem_inf3[s] = dem_e3 + document.getElementById("spaces").append(space_e) document.getElementById("markers").appendChild(com_e) document.getElementById("markers").appendChild(com_e2) + document.getElementById("markers").appendChild(com_e3) document.getElementById("markers").appendChild(dem_e) document.getElementById("markers").appendChild(dem_e2) + document.getElementById("markers").appendChild(dem_e3) } ui.cards = [] @@ -579,18 +595,26 @@ function layout_country(id) { } } -function layout_inf_markers(cn, one, two, v, ctl) { +function layout_inf_markers(cn, one, two, three, v, ctl) { if (ctl) cn += " ctl" - if (v > 8) { + if (v > 16) { + one.className = cn + " v" + 8 + two.className = cn + " v" + 8 + three.className = cn + " v" + (v - 16) + } + else if (v > 8) { one.className = cn + " v" + 8 two.className = cn + " v" + (v - 8) + three.className = "hide" } else if (v > 0) { one.className = cn + " v" + v two.className = "hide" + three.className = "hide" } else { one.className = "hide" two.className = "hide" + three.className = "hide" } } @@ -659,8 +683,8 @@ function on_update() { for (let s = 0; s <= last_space; ++s) { const demInfl = view.demInfl[s] const comInfl = view.comInfl[s] - layout_inf_markers("marker demInfl", ui.dem_inf[s], ui.dem_inf2[s], demInfl, demInfl - comInfl >= spaces[s].stability) - layout_inf_markers("marker comInfl", ui.com_inf[s], ui.com_inf2[s], comInfl, comInfl - demInfl >= spaces[s].stability) + layout_inf_markers("marker demInfl", ui.dem_inf[s], ui.dem_inf2[s], ui.dem_inf3[s], demInfl, demInfl - comInfl >= spaces[s].stability) + layout_inf_markers("marker comInfl", ui.com_inf[s], ui.com_inf2[s], ui.com_inf3[s], comInfl, comInfl - demInfl >= spaces[s].stability) } // UPDATE COUNTRY MARKERS |