diff options
| -rw-r--r-- | play.html | 44 | ||||
| -rw-r--r-- | play.js | 14 |
2 files changed, 28 insertions, 30 deletions
@@ -65,6 +65,28 @@ </div> </div> + <!-- Political Display --> + + <div id="political_panel" class="panel"> + <div id="political_header" class="panel_header">Political Display</div> + <div id="political_body"> + <div id="political_display"> + <div id="pol_tracks"></div> + <div class="pc_pile card_pile" id="placed_prussia"></div> + <div class="pc_pile card_pile" id="placed_france"></div> + <div class="pc_pile card_pile" id="placed_pragmatic"></div> + <div class="pc_pile card_pile" id="placed_austria"></div> + </div> + <div style="display:flex;flex-wrap:wrap;gap:18px;margin:18px;"> + <div id="pc_deck" class="card_pile"></div> + <div id="pc_show" style="display:flex;flex-wrap:wrap;gap:18px;"> + </div> + </div> + <div class="deal" id="active_deal_list"></div> + <div class="deal" id="proposed_deal_list"></div> + </div> + </div> + <div id="power_panel_list"> <!-- Louis XV --> @@ -109,28 +131,6 @@ </div> </div> - <!-- Political Display --> - - <div id="political_panel" class="panel"> - <div id="political_header" class="panel_header">Political Display</div> - <div id="political_body"> - <div id="political_display"> - <div id="pol_tracks"></div> - <div class="pc_pile card_pile" id="placed_prussia"></div> - <div class="pc_pile card_pile" id="placed_france"></div> - <div class="pc_pile card_pile" id="placed_pragmatic"></div> - <div class="pc_pile card_pile" id="placed_austria"></div> - </div> - <div style="display:flex;flex-wrap:wrap;gap:18px;margin:18px;"> - <div id="pc_deck" class="card_pile"></div> - <div id="pc_show" style="display:flex;flex-wrap:wrap;gap:18px;"> - </div> - </div> - <div class="deal" id="active_deal_list"></div> - <div class="deal" id="proposed_deal_list"></div> - </div> - </div> - </div> <div id="discard_pile_panel" class="panel"> @@ -504,23 +504,21 @@ function sort_power_panel(animate) { let start = panel_start[params.role] | 0 if (animate) - for (let i = 0; i < 7; ++i) + for (let i = 0; i < 6; ++i) remember_position(ui.power_panel[i]) ui.power_panel_list.replaceChildren() - for (let i = 0; i < 7; ++i) { - let p = panel_order[(i + start) % 7] + for (let i = 0; i < 6; ++i) { + let p = panel_order[(i + start) % 6] ui.power_panel_list.appendChild(ui.power_panel[p]) } if (view && view.actions) ui.power_panel_list.prepend(ui.power_panel[view.power]) - if (view && (view.political || (view.actions && view.actions.shift))) - ui.power_panel_list.prepend(ui.power_panel[6]) if (animate) - for (let i = 0; i < 7; ++i) + for (let i = 0; i < 6; ++i) animate_position(ui.power_panel[i]) } @@ -535,6 +533,7 @@ const ui = { pieces_element: document.getElementById("pieces"), markers_element: document.getElementById("markers"), pol_tracks: document.getElementById("pol_tracks"), + political_display: document.getElementById("political_panel"), pc_deck: document.getElementById("pc_deck"), pc_show: document.getElementById("pc_show"), pc_placed: [ @@ -566,7 +565,6 @@ const ui = { document.getElementById("hand_austria_panel"), document.getElementById("hand_bavaria_panel"), document.getElementById("hand_saxony_panel"), - document.getElementById("political_panel"), ], hand: [ document.getElementById("hand_france"), @@ -1432,7 +1430,7 @@ function on_update() { sort_power_panel(true) if (is_intro()) { ui.power_panel[P_PRAGMATIC].style.display = "none" - ui.power_panel[6].style.display = "none" + ui.political_display.style.display = "none" } for (let p = 0; p < 20; ++p) |