diff options
| -rw-r--r-- | play.html | 9 | ||||
| -rw-r--r-- | play.js | 10 |
2 files changed, 13 insertions, 6 deletions
@@ -108,7 +108,14 @@ <!-- EVENTS IN PLAY -->
<section id = "sec_events">
<div id="events_panel" class="panel hide">
- <div id="events_header" class="panel_header">Events in Play</div>
+ <div id="events_header" class="panel_header">Event Markers</div>
+ <div id="events" class="panel_body"></div>
+ </div>
+</section>
+
+<section id = "sec_table_cards">
+ <div id="table_panel" class="panel hide">
+ <div id="events_header" class="panel_header">Cards on the Table</div>
<div id="events" class="panel_body"></div>
</div>
</section>
@@ -239,7 +239,7 @@ let ui = { dem_hand_count: document.getElementById("role_stat_dem"),
com_hand_count: document.getElementById("role_stat_com"),
played_card: 0,
- events_panel: document.getElementById("events_panel"),
+ table_panel: document.getElementById("table_panel"),
hand_panel: document.getElementById("hand_panel"),
turn: document.getElementById("turn-tracker"),
round: document.getElementById("action-round-tracker"),
@@ -402,18 +402,18 @@ if (view.played_card > 0) { document.getElementById("played_card_panel").classList.add("hide")
}
-// EVENTS PANEL
+// TABLE CARDS PANEL
document.getElementById("events").replaceChildren()
if (view.table_cards.length > 0) {
- document.getElementById("events_panel").classList.remove("hide")
+ document.getElementById("table_panel").classList.remove("hide")
for (let c of view.table_cards) {
let card = ui.cards[c]
- document.getElementById("events").appendChild(card);
+ document.getElementById("table_cards").appendChild(card);
card.classList.remove("hand_card")
card.classList.add('event_card');
}
} else {
- document.getElementById("events_panel").classList.add("hide")
+ document.getElementById("table_panel").classList.add("hide")
}
// OPPONENT HAND
|