feat: added tanks winrate tooltip and tank last battle with time

This commit is contained in:
Mikhail Shabanov committed 2021-11-24 14:59:10 +01:00
1 parent 644a841709
commit b205961d76
3 files changed
+26 -23

No files matched your search

@@ -4,7 +4,6 @@
<RadzenProgressBar Value="100" ShowValue="false" Mode="ProgressBarMode.Indeterminate" <RadzenProgressBar Value="100" ShowValue="false" Mode="ProgressBarMode.Indeterminate"
Visible="@(AccountInfo == null)" Visible="@(AccountInfo == null)"
Style="width: 100%; margin-top: 10px;" /> Style="width: 100%; margin-top: 10px;" />
SmallScreen = @SmallScreen
@if (AccountInfo != null) @if (AccountInfo != null)
{ {
<h1> <h1>
@@ -30,6 +29,7 @@ SmallScreen = @SmallScreen
<PlayerInfoStatistics TanksList="@AccountInfo.Tanks"></PlayerInfoStatistics> <PlayerInfoStatistics TanksList="@AccountInfo.Tanks"></PlayerInfoStatistics>
</RadzenTabsItem> </RadzenTabsItem>
<RadzenTabsItem Icon="agriculture"> <RadzenTabsItem Icon="agriculture">
@*TODO: In case of @SmallScreen == true, then show new tanks list component - mobile version *@
<PlayerInfoTanksList TanksList="@AccountInfo.Tanks"></PlayerInfoTanksList> <PlayerInfoTanksList TanksList="@AccountInfo.Tanks"></PlayerInfoTanksList>
</RadzenTabsItem> </RadzenTabsItem>
<RadzenTabsItem Icon="military_tech"> <RadzenTabsItem Icon="military_tech">
@@ -83,7 +83,7 @@
</RadzenDataGridColumn> </RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ITank" Title="" Sortable="false" Filterable="false" Width="55px"> <RadzenDataGridColumn TItem="ITank" Title="" Sortable="false" Filterable="false" Width="55px">
<Template Context="data"> <Template Context="data">
<RadzenImage Path="@data.PreviewImage" style="width: 50px; height: 40px; border-radius: 8px;" <RadzenImage Path="@data.PreviewImage" style="width: 50px; height: 40px; border-radius: 8px;"
MouseEnter="@(args => ShowTankTooltip(args, data.PreviewImage, data.TankNationId, new TooltipOptions(){ Style = "background-color:#2F3D43" }) )" /> MouseEnter="@(args => ShowTankTooltip(args, data.PreviewImage, data.TankNationId, new TooltipOptions(){ Style = "background-color:#2F3D43" }) )" />
</Template> </Template>
</RadzenDataGridColumn> </RadzenDataGridColumn>
@@ -94,7 +94,7 @@
</RadzenDataGridColumn> </RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ITank" Property="Battles" Filterable="false" Sortable="true" Title="⚔" Frozen="false" Width="70px" TextAlign="TextAlign.Center"> <RadzenDataGridColumn TItem="ITank" Property="Battles" Filterable="false" Sortable="true" Title="⚔" Frozen="false" Width="70px" TextAlign="TextAlign.Center">
<FooterTemplate> <FooterTemplate>
<b>@TotalBattles.ToString("N0")</b> <b>@TotalBattles.ToString("N0")</b>
</FooterTemplate> </FooterTemplate>
</RadzenDataGridColumn> </RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ITank" Property="WinRate" <RadzenDataGridColumn TItem="ITank" Property="WinRate"
@@ -105,7 +105,7 @@
Width="50px" Width="50px"
TextAlign="TextAlign.Center"> TextAlign="TextAlign.Center">
<Template Context="data"> <Template Context="data">
@data.WinRate.ToString("N0")% <span title="@($"{data.Wins:N0} / {data.Battles:N0}")">@data.WinRate.ToString("N0")%</span>
<div style="background-color: @data.WinRate.ScaleColor(); width: 100%; height: 5px; margin-left: 2px; margin-right: 2px;"></div> <div style="background-color: @data.WinRate.ScaleColor(); width: 100%; height: 5px; margin-left: 2px; margin-right: 2px;"></div>
</Template> </Template>
<FooterTemplate> <FooterTemplate>
@@ -119,8 +119,7 @@
Title="@Localize["Wn7"]" Title="@Localize["Wn7"]"
Frozen="false" Frozen="false"
Width="80px" Width="80px"
TextAlign="TextAlign.Center" TextAlign="TextAlign.Center">
>
<Template Context="data"> <Template Context="data">
@data.Wn7.ToString("N0") @data.Wn7.ToString("N0")
<div style="background-color: @data.Wn7.Wn7ScaleColor(); width: 100%; height: 5px; margin-left: 2px; margin-right: 2px;"></div> <div style="background-color: @data.Wn7.Wn7ScaleColor(); width: 100%; height: 5px; margin-left: 2px; margin-right: 2px;"></div>
@@ -154,14 +153,14 @@
<b>∼@AvgTotalXp.ToString("N0")</b> <b>∼@AvgTotalXp.ToString("N0")</b>
</FooterTemplate> </FooterTemplate>
</RadzenDataGridColumn> </RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ITank" Property="MaxXp" <RadzenDataGridColumn TItem="ITank" Property="MaxXp"
Filterable="false" Filterable="false"
Sortable="true" Sortable="true"
Title="🌟" Title="🌟"
Frozen="false" Frozen="false"
Width="80px" Width="80px"
TextAlign="TextAlign.Center" TextAlign="TextAlign.Center"
FormatString="{0:N0}"/> FormatString="{0:N0}" />
<RadzenDataGridColumn TItem="ITank" Property="SurvivalRate" <RadzenDataGridColumn TItem="ITank" Property="SurvivalRate"
Filterable="false" Filterable="false"
Sortable="true" Sortable="true"
@@ -174,15 +173,19 @@
<b>∼@AvgSurvivalRate.ToString("N0")%</b> <b>∼@AvgSurvivalRate.ToString("N0")%</b>
</FooterTemplate> </FooterTemplate>
</RadzenDataGridColumn> </RadzenDataGridColumn>
<RadzenDataGridColumn TItem="ITank" Property="LastBattleTime" <RadzenDataGridColumn TItem="ITank" Property="LastBattleTime"
Filterable="false" Filterable="false"
Sortable="true" Sortable="true"
Title="⌚" Title="⌚"
Frozen="false" Frozen="false"
Width="100px" Width="100px"
TextAlign="TextAlign.Center" TextAlign="TextAlign.Center"
FormatString="{0:d}" FormatString="{0:d}"
SortOrder="SortOrder.Descending"/> SortOrder="SortOrder.Descending">
<Template Context="data">
@data.LastBattleTime.ConvertToLocalTime().ToString("g")
</Template>
</RadzenDataGridColumn>
</Columns> </Columns>
</RadzenDataGrid> </RadzenDataGrid>
+2 -2
View File
@@ -52,11 +52,11 @@ namespace WotBlitzStatisticsPro.Blazor
//var useMock = Environment.GetEnvironmentVariable("USE_GRAPH_QL_MOCK"); //var useMock = Environment.GetEnvironmentVariable("USE_GRAPH_QL_MOCK");
//if (useMock != null && useMock == "true") //if (useMock != null && useMock == "true")
//{ //{
builder.Services.AddTransient<IGraphQlBackendService, GraphQlBackendMockService>(); //builder.Services.AddTransient<IGraphQlBackendService, GraphQlBackendMockService>();
//} //}
//else //else
//{ //{
//builder.Services.AddTransient<IGraphQlBackendService, GraphQlBackendService>(); builder.Services.AddTransient<IGraphQlBackendService, GraphQlBackendService>();
//} //}
var host = builder.Build(); var host = builder.Build();