mirror of
https://github.com/DrMboga/WotBlitzStatisticsBlazor.git
synced 2026-10-24 03:40:07 +02:00
feat: tank tree svg cards ready
This commit is contained in:
1 parent
0d98e81a8f
commit
8c490edcc6
9 files changed
+139
-4
No files matched your search
@@ -30,7 +30,7 @@
|
||||
<!--Tank type-->
|
||||
<image x="7" y="7" width="25" height="25" href="@TanksList.ToArray()[i].TankTypeId.TankTypeAsset(i == 2)"/>
|
||||
<!--Tank tier-->
|
||||
<text x="33" y="7" fill="@(i == 2 ? @Constants.ClanTagColor : "white")" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="19">
|
||||
<text x="33" y="4" fill="@(i == 2 ? @Constants.ClanTagColor : "white")" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="19">
|
||||
@TanksList.ToArray()[i].Tier.RomanNumber()
|
||||
</text>
|
||||
<!--TankImage-->
|
||||
@@ -40,9 +40,51 @@
|
||||
@TanksList.ToArray()[i].Name
|
||||
</text>
|
||||
|
||||
<!--TODO: Split for researched and unresearched info-->
|
||||
<!--Researched: Mastery, Winrate, Wn7, Battles, LastBattle-->
|
||||
<!--Researched: Mastery, Winrate, AvgDmg, Battles, LastBattle-->
|
||||
@if(i == 0 || i == 2)
|
||||
{
|
||||
<g>
|
||||
<!--Mastery-->
|
||||
<image x="7" y="@(CardHeigth - 26)" width="20" height="20" href="@TanksList.ToArray()[i].MarkOfMastery.IconAsset()"/>
|
||||
<!--Winrate-->
|
||||
<image x="7" y="40" width="20" height="20" href="icons/details.wins.scale-200.png"/>
|
||||
<text x="32" y="40" fill="white" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="12">
|
||||
@(TanksList.ToArray()[i].WinRate.ToString("N0"))%
|
||||
</text>
|
||||
<line x1="8" y1="60" x2="58" y2="60" style="@($"stroke:{TanksList.ToArray()[i].WinRate.ScaleColor()};stroke-width:3")" />
|
||||
<!--AvgDmg-->
|
||||
<image x="@(CardWidth - 62)" y="40" width="20" height="20" href="icons/damage.scale-200.png"/>
|
||||
<text x="@(CardWidth - 37)" y="40" fill="white" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="12">
|
||||
@TanksList.ToArray()[i].AvgDamage.ToString("N0")
|
||||
</text>
|
||||
<!--Battles-->
|
||||
<image x="@(CardWidth - 62)" y="9" width="20" height="20" href="icons/details.battles.scale-200.png"/>
|
||||
<text x="@(CardWidth - 37)" y="9" fill="white" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="12">
|
||||
@TanksList.ToArray()[i].Battles.ToString("N0")
|
||||
</text>
|
||||
<!--Last battle-->
|
||||
<image x="@(CardWidth - 83)" y="@(CardHeigth - 23)" width="16" height="16" href="icons/calendar.scale-200.png"/>
|
||||
<text x="@(CardWidth - 60)" y="@(CardHeigth - 23)" fill="white" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="12">
|
||||
@TanksList.ToArray()[i].LastBattleTime.ToString("d")
|
||||
</text>
|
||||
</g>
|
||||
}
|
||||
<!--Unresearched: XP, Credits-->
|
||||
@if(i == 1)
|
||||
{
|
||||
<g>
|
||||
<!--XP-->
|
||||
<image x="@(CardWidth - 84)" y="9" width="20" height="20" href="icons/xp.avg.scale-200.png"/>
|
||||
<text x="@(CardWidth - 60)" y="9" fill="white" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="12">
|
||||
203.5 K
|
||||
</text>
|
||||
<!--Credits-->
|
||||
<image x="@(CardWidth - 84)" y="@(CardHeigth - 23)" width="20" height="20" href="icons/encyclopedia.vehicle.credits.scale-200.png"/>
|
||||
<text x="@(CardWidth - 60)" y="@(CardHeigth - 23)" fill="white" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="12">
|
||||
8 500 K
|
||||
</text>
|
||||
</g>
|
||||
}
|
||||
</g>
|
||||
</svg>
|
||||
}
|
||||
|
||||
@@ -3,8 +3,10 @@ using Microsoft.AspNetCore.Components;
|
||||
using Microsoft.Extensions.Localization;
|
||||
using System;
|
||||
using System.Collections.Generic;
|
||||
using System.Linq;
|
||||
using System.Threading.Tasks;
|
||||
using WotBlitzStatisticsPro.Blazor.GraphQl;
|
||||
using WotBlitzStatisticsPro.Blazor.Model;
|
||||
using WotBlitzStatisticsPro.Blazor.Services;
|
||||
|
||||
namespace WotBlitzStatisticsPro.Blazor.Pages
|
||||
@@ -23,11 +25,17 @@ namespace WotBlitzStatisticsPro.Blazor.Pages
|
||||
[Inject]
|
||||
public IMediaQueriesService MediaQueriesService { get; set; }
|
||||
|
||||
[Inject]
|
||||
public ISvgHelper SvgHelper { get; set; }
|
||||
|
||||
public int FrameHeigth { get; set; }
|
||||
|
||||
public int CardWidth { get; } = 200;
|
||||
public int CardHeigth { get; } = 120;
|
||||
|
||||
//[Obsolete("Just temporary. In the future, add this into tankTree DTO")]
|
||||
//public ElementDimensions[] BattlesTextSize { get; set; }
|
||||
|
||||
public string FrameStyle
|
||||
{
|
||||
get
|
||||
@@ -43,8 +51,22 @@ namespace WotBlitzStatisticsPro.Blazor.Pages
|
||||
|
||||
//FrameWidth = Convert.ToInt32(((decimal)screenWidth) * 0.94m);
|
||||
FrameHeigth = screenHeight - 390;
|
||||
// TODO: This is temporary
|
||||
//var dd = new List<ElementDimensions>();
|
||||
//var tt = TanksList.ToArray();
|
||||
//for (int i = 0; i < 3; i++)
|
||||
//{
|
||||
// var d = await SvgHelper.CalculateTextBlockSizeAsync(tt[i].Battles.ToString("N0"), "Segoe UI", 12);
|
||||
// dd.Add(d);
|
||||
//}
|
||||
//BattlesTextSize = dd.ToArray();
|
||||
//---
|
||||
|
||||
}
|
||||
|
||||
|
||||
public int GetTextWidth(string text, string fontFace, int fontSize)
|
||||
{
|
||||
return SvgHelper.CalculateTextBlockSize(text, fontFace, fontSize).Width;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user