Taiko_Stuff/TaikoLocalServer
1
0
Fork 0
mirror of synced 2025-02-25 14:34:49 +01:00
Code Releases Activity

Change tabs from genre to difficulty, add genre column

Browse Source
This commit is contained in:
shiibe 2022-09-10 15:43:01 -04:00
parent 3b1f8e120e
commit 00eecb8ebd
1 changed files with 90 additions and 50 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
TaikoWebUI/Pages/PlayResults.razor
View File

@ -26,61 +26,64 @@
else else
{ {
<MudItem xs="12"> <MudItem xs="12">
<MudTabs Elevation="2" Rounded="true" ApplyEffectsToContainer="true" PanelClass="pa-6"> <MudTabs Elevation="0" Border="true" Rounded="true" ApplyEffectsToContainer="true" PanelClass="py-6">
@foreach (var genre in Enum.GetValues<SongGenre>()) @foreach (var difficulty in Enum.GetValues<Difficulty>())
{ {
<MudTabPanel Text="@genre.ToString()"> @if (difficulty is not Difficulty.None)
<MudDataGrid Items="@response.SongBestData.Where(data => GameDataService.GetMusicGenreBySongId(data.SongId) == genre)" {
<MudTabPanel Text="@difficulty.ToString()" Icon="@getDifficultyIcon(difficulty)">
<MudDataGrid Items="@response.SongBestData.Where(data => data.Difficulty == difficulty)"
ColumnResizeMode="ResizeMode.Container"> ColumnResizeMode="ResizeMode.Container">
<Columns> <Columns>
<Column T="SongBestData" Field="@nameof(SongBestData.SongId)" Title="Song" StickyLeft="true" Class="clm-row-large"> <Column T="SongBestData" Field="@nameof(SongBestData.SongId)" Title="Song" StickyLeft="true" Class="clm-row-large">
<CellTemplate> <CellTemplate>
<MudGrid Justify="Justify.Center"> <MudGrid Justify="Justify.Center">
<MudItem xs="10"> <MudItem xs="10">
<MudStack Spacing="0"> <MudStack Spacing="0">
<MudText Typo="Typo.body2" Style="font-weight:bold">@GameDataService.GetMusicNameBySongId(context.Item.SongId)</MudText> <MudText Typo="Typo.body2" Style="font-weight:bold">@GameDataService.GetMusicNameBySongId(context.Item.SongId)</MudText>
<MudText Typo="Typo.caption">@GameDataService.GetMusicArtistBySongId(context.Item.SongId)</MudText> <MudText Typo="Typo.caption">@GameDataService.GetMusicArtistBySongId(context.Item.SongId)</MudText>
</MudStack> </MudStack>
</MudItem> </MudItem>
<MudItem xs="2"> <MudItem xs="2">
<MudStack Justify="Justify.Center" AlignItems="AlignItems.End" Style="height:100%"> <MudStack Justify="Justify.Center" AlignItems="AlignItems.End" Style="height:100%">
<MudTooltip Text="@(context.Item.IsFavorite ? "Remove from favorites" : "Add to favorites")" Arrow="true" Placement="Placement.Top"> <MudTooltip Text="@(context.Item.IsFavorite ? "Remove from favorites" : "Add to favorites")" Arrow="true" Placement="Placement.Top">
<MudToggleIconButton Toggled="@context.Item.IsFavorite" <MudToggleIconButton Toggled="@context.Item.IsFavorite"
ToggledChanged="@(async () => await OnFavoriteToggled(context.Item))" ToggledChanged="@(async () => await OnFavoriteToggled(context.Item))"
Icon="@Icons.Material.Filled.FavoriteBorder" Color="@Color.Secondary" Icon="@Icons.Material.Filled.FavoriteBorder" Color="@Color.Secondary"
ToggledIcon="@Icons.Material.Filled.Favorite" ToggledColor="@Color.Secondary" ToggledIcon="@Icons.Material.Filled.Favorite" ToggledColor="@Color.Secondary"
Size="Size.Small" Size="Size.Small"
ToggledSize="Size.Small"/> ToggledSize="Size.Small"/>
</MudTooltip> </MudTooltip>
</MudStack> </MudStack>
</MudItem> </MudItem>
</MudGrid> </MudGrid>
</CellTemplate> </CellTemplate>
</Column> </Column>
<Column T="SongBestData" Field="@nameof(SongBestData.Difficulty)" Title="Course"> <Column T="SongBestData" Field="@nameof(SongBestData.SongId)" Title="Genre">
<CellTemplate> <CellTemplate>
<MudTooltip Text="@(context.Item.Difficulty.ToString())" Arrow="true" Placement="Placement.Top"> <MudChip Style="@getGenreStyle(GameDataService.GetMusicGenreBySongId(context.Item.SongId))"
<img src="@($"/images/{context.Item.Difficulty}.png")" alt="@(context.Item.Difficulty)" style="@ICON_STYLE"/> Size="Size.Small">
</MudTooltip> @getGenreTitle(GameDataService.GetMusicGenreBySongId(context.Item.SongId))
</CellTemplate> </MudChip>
</Column> </CellTemplate>
<Column T="SongBestData" Field="@nameof(SongBestData.BestScore)" Title="Best Score"/> </Column>
<Column T="SongBestData" Field="@nameof(SongBestData.BestCrown)" Title="Best Crown"> <Column T="SongBestData" Field="@nameof(SongBestData.BestScore)" Title="Best Score"/>
<CellTemplate> <Column T="SongBestData" Field="@nameof(SongBestData.BestCrown)" Title="Best Crown">
<MudTooltip Text="@(GetCrownText(context.Item.BestCrown))" Arrow="true" Placement="Placement.Top"> <CellTemplate>
<img src="@($"/images/crown_{context.Item.BestCrown}.png")" alt="@(context.Item.BestCrown)" style="@ICON_STYLE"/> <MudTooltip Text="@(GetCrownText(context.Item.BestCrown))" Arrow="true" Placement="Placement.Top">
</MudTooltip> <img src="@($"/images/crown_{context.Item.BestCrown}.png")" alt="@(context.Item.BestCrown)" style="@ICON_STYLE"/>
</CellTemplate>
</Column>
<Column T="SongBestData" Field="@nameof(SongBestData.BestScoreRank)" Title="Best Rank">
<CellTemplate>
@if (context.Item.BestScoreRank is not ScoreRank.None)
{
<MudTooltip Text="@(getRankText(context.Item.BestScoreRank))" Arrow="true" Placement="Placement.Top">
<img src="@($"/images/rank_{context.Item.BestScoreRank}.png")" alt="@(context.Item.BestScoreRank)" style="@ICON_STYLE"/>
</MudTooltip> </MudTooltip>
} </CellTemplate>
</CellTemplate> </Column>
<Column T="SongBestData" Field="@nameof(SongBestData.BestScoreRank)" Title="Best Rank">
<CellTemplate>
@if (context.Item.BestScoreRank is not ScoreRank.None)
{
<MudTooltip Text="@(getRankText(context.Item.BestScoreRank))" Arrow="true" Placement="Placement.Top">
<img src="@($"/images/rank_{context.Item.BestScoreRank}.png")" alt="@(context.Item.BestScoreRank)" style="@ICON_STYLE"/>
</MudTooltip>
}
</CellTemplate>
</Column> </Column>
<Column T="SongBestData" Field="@nameof(SongBestData.GoodCount)" Title="Good" Sortable="false"/> <Column T="SongBestData" Field="@nameof(SongBestData.GoodCount)" Title="Good" Sortable="false"/>
<Column T="SongBestData" Field="@nameof(SongBestData.OkCount)" Title="Ok" Sortable="false"/> <Column T="SongBestData" Field="@nameof(SongBestData.OkCount)" Title="Ok" Sortable="false"/>
@ -94,6 +97,7 @@
</PagerContent> </PagerContent>
</MudDataGrid> </MudDataGrid>
</MudTabPanel> </MudTabPanel>
}
} }
</MudTabs> </MudTabs>
</MudItem> </MudItem>
@ -108,7 +112,7 @@
private SongBestResponse? response; private SongBestResponse? response;
private const string ICON_STYLE = "width:25px; height:25px;"; private const string ICON_STYLE = "width:25px; height:25px;";
private readonly List<BreadcrumbItem> breadcrumbs = new() private readonly List<BreadcrumbItem> breadcrumbs = new()
{ {
@ -154,7 +158,7 @@
CrownType.Gold => "Full Combo", CrownType.Gold => "Full Combo",
CrownType.Dondaful => "Donderful Combo", CrownType.Dondaful => "Donderful Combo",
_ => "" _ => ""
}; };
} }
private string getRankText(ScoreRank rank) private string getRankText(ScoreRank rank)
@ -170,7 +174,43 @@
ScoreRank.Purple => "Graceful (Purple)", ScoreRank.Purple => "Graceful (Purple)",
ScoreRank.Dondaful => "Top Class (Donderful)", ScoreRank.Dondaful => "Top Class (Donderful)",
_ => "" _ => ""
}; };
} }
private string getDifficultyIcon(Difficulty difficulty)
{
return $"<image href='/images/{difficulty}.png' alt='{difficulty}' width='24' height='24'/>";
}
private string getGenreTitle(SongGenre genre)
{
return genre switch
{
SongGenre.Pop => "Pop",
SongGenre.Anime => "Anime",
SongGenre.Kids => "Kids",
SongGenre.Vocaloid => "Vocaloid",
SongGenre.GameMusic => "Game Music",
SongGenre.NamcoOriginal => "NAMCO Original",
SongGenre.Variety => "Variety",
SongGenre.Classical => "Classical",
_ => ""
};
}
private string getGenreStyle(SongGenre genre)
{
return genre switch
{
SongGenre.Pop => "background: #42c0d2; color: #fff",
SongGenre.Anime => "background: #ff90d3; color: #fff",
SongGenre.Kids => "background: #fec000; color: #fff",
SongGenre.Vocaloid => "background: #ddd",
SongGenre.GameMusic => "background: #cc8aea; color: #fff",
SongGenre.NamcoOriginal => "background: #ff7027; color: #fff",
SongGenre.Variety => "background: #1dc83b; color: #fff",
SongGenre.Classical => "background: #bfa356",
_ => ""
};
}
} }