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

Some minor styles and add very basic sorting support

Browse Source
This commit is contained in:
Lol3rrr
2024-10-10 16:35:35 +02:00
parent 6c23e72ac5
commit 8e3758c254
2 changed files with 35 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
frontend/src/demo/scoreboard.rs
View File

@@ -24,14 +24,29 @@ pub fn scoreboard() -> impl leptos::IntoView {
<Suspense
fallback=move || view! { <p>Loading Scoreboard data</p> }
>
<TeamScoreboard info=scoreboard_resource team_name="Team 1".to_string() part=|s| s.team1 />
<TeamScoreboard info=scoreboard_resource team_name="Team 2".to_string() part=|s| s.team2 />
<TeamScoreboard info=scoreboard_resource team_name="Team 1".to_string() part=|s| s.team1 />
<TeamScoreboard info=scoreboard_resource team_name="Team 2".to_string() part=|s| s.team2 />
</Suspense>
}
}
fn damage_sorting(p1: &common::demo_analysis::ScoreBoardPlayer, p2: &common::demo_analysis::ScoreBoardPlayer) -> core::cmp::Ordering {
p2.damage.cmp(&p1.damage)
}
fn kill_sorting(p1: &common::demo_analysis::ScoreBoardPlayer, p2: &common::demo_analysis::ScoreBoardPlayer) -> core::cmp::Ordering {
p2.kills.cmp(&p1.kills)
}
fn assists_sorting(p1: &common::demo_analysis::ScoreBoardPlayer, p2: &common::demo_analysis::ScoreBoardPlayer) -> core::cmp::Ordering {
p2.assists.cmp(&p1.assists)
}
fn deaths_sorting(p1: &common::demo_analysis::ScoreBoardPlayer, p2: &common::demo_analysis::ScoreBoardPlayer) -> core::cmp::Ordering {
p2.deaths.cmp(&p1.deaths)
}
#[leptos::component]
fn team_scoreboard(info: Resource<leptos_router::ParamsMap, common::demo_analysis::ScoreBoard>, team_name: String, part: fn(common::demo_analysis::ScoreBoard) -> Vec<common::demo_analysis::ScoreBoardPlayer>) -> impl IntoView {
let (ordering, set_ordering) = create_signal::<fn(&common::demo_analysis::ScoreBoardPlayer, &common::demo_analysis::ScoreBoardPlayer) -> core::cmp::Ordering>(damage_sorting);
let style = stylers::style! {
"Team-Scoreboard",
tr:nth-child(even) {
@@ -54,15 +69,27 @@ fn team_scoreboard(info: Resource<leptos_router::ParamsMap, common::demo_analysi
<table>
<tr>
<th>Name</th>
<th>Kills</th>
<th>Assists</th>
<th>Deaths</th>
<th>Damage</th>
<th on:click=move |_| {
set_ordering(kill_sorting);
}>Kills</th>
<th on:click=move |_| {
set_ordering(assists_sorting);
}>Assists</th>
<th on:click=move |_| {
set_ordering(deaths_sorting);
}>Deaths</th>
<th on:click=move |_| {
set_ordering(damage_sorting);
}>Damage</th>
</tr>
{
move || {
let value = info.get().map(|v| part(v));
(value).into_iter().flat_map(|v| v).map(|s| {
let mut players: Vec<_> = value.into_iter().flat_map(|v| v).collect();
let sorting = ordering.get();
players.sort_unstable_by(|p1, p2| sorting(p1, p2));
players.into_iter().map(|s| {
view! {
class=style,
<tr><td>{ s.name }</td><td>{ s.kills }</td><td>{ s.assists }</td><td>{ s.deaths }</td><td>{ s.damage }</td></tr>