diff options
| author | Kjetil Orbekk <kj@orbekk.com> | 2022-12-26 22:19:34 -0500 |
|---|---|---|
| committer | Kjetil Orbekk <kj@orbekk.com> | 2022-12-26 22:19:44 -0500 |
| commit | 3cac865e0bf1e5d7b6a5b37ff64fa08e66880eb8 (patch) | |
| tree | 0fc9a619aeed8022d7549927a462c7ad9ad82bce /webapp/src/components | |
| parent | f081bf262e648f86a4e42aa848ff9e64d878cefd (diff) | |
Display game context info in sidebar during play
Diffstat (limited to 'webapp/src/components')
| -rw-r--r-- | webapp/src/components/table.rs | 32 |
1 files changed, 24 insertions, 8 deletions
diff --git a/webapp/src/components/table.rs b/webapp/src/components/table.rs index 3bc52a3..403ee8d 100644 --- a/webapp/src/components/table.rs +++ b/webapp/src/components/table.rs @@ -178,6 +178,10 @@ pub fn bidding_view( ) -> Html { html! { <> + <div class="sidebar"> + <h2>{ "Table view" }</h2> + <pre>{ format!("{:#?}", bidding) }</pre> + </div> <div class="center"> <BiddingTable bidding={bidding.bidding.clone()} /> <BiddingBox current_bid={bidding.bidding.highest_bid().clone()} on_bid={ on_bid } /> @@ -186,8 +190,6 @@ pub fn bidding_view( <div class="hand south"> <Hand cards={ bidding.hand.clone() } on_card_clicked={ Callback::from(|_| {}) } /> </div> - <h2>{ "Table view" }</h2> - <pre>{ format!("{:#?}", bidding) }</pre> </> } } @@ -209,17 +211,31 @@ pub fn playing_view( html! { <> + <div class="sidebar"> + <div> + <h2>{"Contract"}</h2> + <p>{format!("{}", playing.contract)}</p> + </div> + <div> + <h2>{"Bidding"}</h2> + <BiddingTable bidding={playing.bidding.clone()} /> + </div> + <div> + <h2>{"Trick Count"}</h2> + <p>{format!("Declarer: {}", playing.declarer_tricks)}</p> + </div> + if let Some(previous_trick) = &playing.previous_trick { + <div> + <h2>{"Previous Trick"}</h2> + <TrickInPlay trick={previous_trick.clone()}/> + </div> + } + </div> <div class="center"> <div class="playing-center-layout"> <div class="current-trick"> <TrickInPlay trick={playing.current_trick.trick.clone()}/> </div> - <div class="previous-trick"> - <p>{"Last trick"}</p> - if let Some(previous_trick) = &playing.previous_trick { - <TrickInPlay trick={previous_trick.clone()}/> - } - </div> </div> </div> <div class="hand north"> |