✨ Introduce redirection and images

blazor_lab/Pages/List.razor

@@ -20,6 +20,18 @@
           Responsive>
 
         <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
+        <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="Image">
+            <DisplayTemplate>
+                @if (File.Exists($"{WebHostEnvironment.WebRootPath}/images/{context.Name}.png"))
+                {
+                    <img src="images/@(context.Name).png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 150px" />
+                }
+                else
+                {
+                    <img src="images/default.png" class="img-thumbnail" title="@context.DisplayName" alt="@context.DisplayName" style="max-width: 150px" />
+                }
+            </DisplayTemplate>
+        </DataGridColumn>
         <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Displayed name" />
         <DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="Stack size" />
         <DataGridColumn TItem="Item" Field="@nameof(Item.MaxDurability)" Caption="Max durability" />

blazor_lab/Pages/List.razor.cs

@@ -20,6 +20,9 @@ namespace blazor_lab.Pages
         [Inject]
         public NavigationManager NavigationManager { get; set; }
 
+        [Inject]
+        public IWebHostEnvironment WebHostEnvironment { get; set; } 
+
         protected override async Task OnAfterRenderAsync(bool firstRender)
         {
             // Do not treat this action if is not the first render

blazor_lab/blazor_lab.csproj

@@ -13,4 +13,8 @@
     <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.5" />
   </ItemGroup>
 
+  <ItemGroup>
+    <Folder Include="wwwroot\images\" />
+  </ItemGroup>
+
 </Project>