leon/knifer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add colors for perround overview to more clearly mark T/CT wins

Browse Source
This commit is contained in:
Lol3rrr
2024-10-10 22:05:59 +02:00
parent 53d7f72943
commit 60a70f1905
1 changed files with 46 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
frontend/src/demo/perround.rs
View File

@@ -68,6 +68,16 @@ pub fn per_round() -> impl leptos::IntoView {
p.round_entry { p.round_entry {
margin: 0px; margin: 0px;
} }
.won.ct_won {
background-color: #1111ff77;
}
.won.t_won {
background-color: #dd111177;
}
.lose {
background-color: #22222277;
}
}; };
let (round, set_round) = create_signal(0); let (round, set_round) = create_signal(0);
@@ -99,28 +109,52 @@ pub fn per_round() -> impl leptos::IntoView {
let round = perround_resource.get().map(|rs| rs.get(r).cloned()).flatten(); let round = perround_resource.get().map(|rs| rs.get(r).cloned()).flatten();
let reason = round.map(|r| r.reason); let reason = round.map(|r| r.reason);
// Upper is CT by default and lower is T by default let (ct_won, t_won) = match &reason {
let mut upper_symbol = match &reason { Some(common::demo_analysis::RoundWinReason::TKilled) => (true, false),
Some(common::demo_analysis::RoundWinReason::TKilled) => view! { <span>Killed Ts</span> }.into_view(), Some(common::demo_analysis::RoundWinReason::BombDefused) => (true, false),
Some(common::demo_analysis::RoundWinReason::BombDefused) => view! { <span>Defused</span> }.into_view(), Some(common::demo_analysis::RoundWinReason::TimeRanOut) => (true, false),
Some(common::demo_analysis::RoundWinReason::TimeRanOut) => view! { <span>Out of Time</span> }.into_view(), Some(common::demo_analysis::RoundWinReason::CTKilled) => (false, true),
_ => view! {}.into_view(), Some(common::demo_analysis::RoundWinReason::BombExploded) => (false, true),
_ => (false, false)
}; };
let mut lower_symbol = match &reason {
Some(common::demo_analysis::RoundWinReason::CTKilled) => view! { <span>Killed CTs</span> }.into_view(), // Upper is CT by default and lower is T by default
Some(common::demo_analysis::RoundWinReason::BombExploded) => view! { <span>Exploded</span> }.into_view(), let (mut upper_symbol, mut upper_won) = match &reason {
_ => view! {}.into_view(), Some(common::demo_analysis::RoundWinReason::TKilled) => (view! { <span>Killed Ts</span> }.into_view(), true),
Some(common::demo_analysis::RoundWinReason::BombDefused) => (view! { <span>Defused</span> }.into_view(), true),
Some(common::demo_analysis::RoundWinReason::TimeRanOut) => (view! { <span>Out of Time</span> }.into_view(), true),
_ => (view! {}.into_view(), false),
};
let (mut lower_symbol, mut lower_won) = match &reason {
Some(common::demo_analysis::RoundWinReason::CTKilled) => (view! { <span>Killed CTs</span> }.into_view(), true),
Some(common::demo_analysis::RoundWinReason::BombExploded) => (view! { <span>Exploded</span> }.into_view(), true),
_ => (view! {}.into_view(), false),
}; };
if (12..27).contains(&r) { if (12..27).contains(&r) {
core::mem::swap(&mut upper_symbol, &mut lower_symbol); core::mem::swap(&mut upper_symbol, &mut lower_symbol);
core::mem::swap(&mut upper_won, &mut lower_won);
} }
view! { view! {
class=style, class=style,
<div class="round_entry" style=format!("grid-column: {}; grid-row: 1", to_coloumn(r))> { upper_symbol } </div> <div
class="round_entry"
style=format!("grid-column: {}; grid-row: 1", to_coloumn(r))
class:ct_won=move || ct_won
class:t_won=move || t_won
class:won=move || upper_won
class:lose=move || !upper_won
>{ upper_symbol } </div>
<p on:click=set_round class="round_entry round_number" style=format!("grid-column: {}; grid-row: 2", to_coloumn(r))>{ r + 1 }</p> <p on:click=set_round class="round_entry round_number" style=format!("grid-column: {}; grid-row: 2", to_coloumn(r))>{ r + 1 }</p>
<div class="round_entry" style=format!("grid-column: {}; grid-row: 3", to_coloumn(r))> { lower_symbol } </div> <div
class="round_entry"
style=format!("grid-column: {}; grid-row: 3", to_coloumn(r))
class:ct_won=move || ct_won
class:t_won=move || t_won
class:won=move || lower_won
class:lose=move || !lower_won
> { lower_symbol } </div>
} }
}).collect::<Vec<_>>() }).collect::<Vec<_>>()
}; };