From 0d98e81a8f5d1b2b847d2397bb6f20490dda7eb7 Mon Sep 17 00:00:00 2001
From: Michael Shabanov <shabanov.mikhail@gmail.com>
Date: Wed, 20 Jul 2022 18:37:42 +0200
Subject: [PATCH] feat: tanks tree tank card base info

---
 .../Pages/PlayerInfoTanksTree.razor           | 38 +++++++++++++------
 .../Pages/PlayerInfoTanksTreeBase.cs          |  8 ++--
 2 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksTree.razor b/WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksTree.razor
index 3b2d406..ff79a7d 100644
--- a/WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksTree.razor
+++ b/WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksTree.razor
@@ -1,32 +1,48 @@
-@inherits PlayerInfoTanksTreeBase;
+@using WotBlitzStatisticsPro.Blazor.Helpers
+@inherits PlayerInfoTanksTreeBase;
 <div style="overflow-y: auto; overflow-x: auto;">
     <svg 
         xmlns="http://www.w3.org/2000/svg" 
-        xmlns:xlink="http://www.w3.org/1999/xlink"
         width="1400" 
         height="@FrameHeigth" 
         style="background-color: darkcyan; ">
     @for (int i = 0; i < 3; i++)
         {
-            <svg x="20"
-                y="@(i * (120 + 20) + 20)"
-                width="200"
-                height="120">
+            <svg 
+                xmlns="http://www.w3.org/2000/svg" 
+                x="20"
+                y="@(i * (CardWidth + 20) + 20)"
+                width="@CardWidth"
+                height="@CardHeigth">
                 <g>
+                    <!--Rect fill = #275950 - researched, #2E353B - unresearched, #66502b - prem--> 
                     <rect
                         x="0"
                         y="0"
-                        width="200"
-                        height="120"
+                        width="@CardWidth"
+                        height="@CardHeigth"
                         rx="10"
                         ry="10"
-                        fill="#275950"
+                        fill="@(i == 0 ? "#275950" : (i == 1 ? "#2E353B" : "#66502b"))"
                         stroke="#4a8777">
                     </rect>
-                    <text x="5" y="5" fill="white" text-anchor="start" alignment-baseline="before-edge">
+
+                    <!--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">
+                        @TanksList.ToArray()[i].Tier.RomanNumber()
+                    </text>
+                    <!--TankImage-->
+                    <image x="@((CardWidth - 95) / 2)" y="@((CardHeigth - 70) / 2)" width="95" height="70" href="@TanksList.ToArray()[i].PreviewImage"/>
+                    <!--TankName-->
+                    <text x="33" y="@(CardHeigth - 25)" fill="@(i == 2 ? @Constants.ClanTagColor : "white")" text-anchor="start" alignment-baseline="before-edge" font-family="Segoe UI" font-size="12">
                         @TanksList.ToArray()[i].Name
                     </text>
-                    <image x="20" y="20" width="95" height="70" xlink:href="@TanksList.ToArray()[i].PreviewImage"/>
+
+                    <!--TODO: Split for researched and unresearched info-->
+                    <!--Researched: Mastery, Winrate, Wn7, Battles, LastBattle-->
+                    <!--Unresearched: XP, Credits-->
                 </g>
             </svg>
         }
diff --git a/WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksTreeBase.cs b/WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksTreeBase.cs
index f65fbaf..995781f 100644
--- a/WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksTreeBase.cs
+++ b/WotBlitzStatisticsPro.Blazor/Pages/PlayerInfoTanksTreeBase.cs
@@ -23,9 +23,11 @@ namespace WotBlitzStatisticsPro.Blazor.Pages
         [Inject]
         public IMediaQueriesService MediaQueriesService { get; set; }
 
-        public int FrameWidth { get; set; }
         public int FrameHeigth { get; set; }
 
+        public int CardWidth { get; } = 200;
+        public int CardHeigth { get; } = 120;
+
         public string FrameStyle
         {
             get
@@ -36,10 +38,10 @@ namespace WotBlitzStatisticsPro.Blazor.Pages
 
         protected async override Task OnInitializedAsync()
         {
-            var screenWidth = await MediaQueriesService.WindowWidth();
+            //var screenWidth = await MediaQueriesService.WindowWidth();
             var screenHeight = await MediaQueriesService.WindowHeight();
 
-            FrameWidth = Convert.ToInt32(((decimal)screenWidth) * 0.94m);
+            //FrameWidth = Convert.ToInt32(((decimal)screenWidth) * 0.94m);
             FrameHeigth = screenHeight - 390;
         }