TutoBlazer/Pages/List.razor

@@ -1,28 +1,5 @@
 @page "/list"
-@using Models
 
 <h3>List</h3>
 
-<DataGrid TItem="Item"
+
-          Data="@items"
-          ReadData="@OnReadData"
-          TotalItems="@totalItem"
-          PageSize="10"
-          ShowPager
-          Responsive>
-    <DataGridColumn TItem="Item" Field="@nameof(Item.Id)" Caption="#" />
-    <DataGridColumn TItem="Item" Field="@nameof(Item.DisplayName)" Caption="Display name" />
-    <DataGridColumn TItem="Item" Field="@nameof(Item.StackSize)" Caption="Stack size" />
-    <DataGridColumn TItem="Item" Field="@nameof(Item.MaxDurability)" Caption="Maximum durability" />
-    <DataGridColumn TItem="Item" Field="@nameof(Item.EnchantCategories)" Caption="Enchant categories">
-        <DisplayTemplate>
-            @(string.Join(", ", ((Item)context).EnchantCategories))
-        </DisplayTemplate>
-    </DataGridColumn>
-    <DataGridColumn TItem="Item" Field="@nameof(Item.RepairWith)" Caption="Repair with">
-        <DisplayTemplate>
-            @(string.Join(", ", ((Item)context).RepairWith))
-        </DisplayTemplate>
-    </DataGridColumn>
-    <DataGridColumn TItem="Item" Field="@nameof(Item.CreatedDate)" Caption="Created date" DisplayFormat="{0:d}" DisplayFormatProvider="@System.Globalization.CultureInfo.GetCultureInfo("fr-FR")" />
-</DataGrid>

TutoBlazer/Pages/List.razor.cs

@@ -1,37 +1,6 @@
-using Blazorise.DataGrid;
+namespace TutoBlazer.Pages
-using Microsoft.AspNetCore.Components;
-using TutoBlazer.Models;
-
-namespace TutoBlazer.Pages
 {
     public partial class List
     {
-        private List<Item> items;
-
-        private int totalItem;
-
-        [Inject]
-        public HttpClient Http { get; set; }
-
-        [Inject]
-        public NavigationManager NavigationManager { get; set; }
-
-        private async Task OnReadData(DataGridReadDataEventArgs<Item> e)
-        {
-            if (e.CancellationToken.IsCancellationRequested)
-            {
-                return;
-            }
-
-            // When you use a real API, we use this follow code
-            //var response = await Http.GetJsonAsync<Item[]>( $"http://my-api/api/data?page={e.Page}&pageSize={e.PageSize}" );
-            var response = (await Http.GetFromJsonAsync<Item[]>($"{NavigationManager.BaseUri}fake-data.json")).Skip((e.Page - 1) * e.PageSize).Take(e.PageSize).ToList();
-
-            if (!e.CancellationToken.IsCancellationRequested)
-            {
-                totalItem = (await Http.GetFromJsonAsync<List<Item>>($"{NavigationManager.BaseUri}fake-data.json")).Count;
-                items = new List<Item>(response); // an actual data for the current page
-            }
-        }
     }
 }

TutoBlazer/Pages/_Layout.cshtml

@@ -28,10 +28,5 @@
     </div>
 
     <script src="_framework/blazor.server.js"></script>
-
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
-
-    <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
-    <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
 </body>
 </html>

TutoBlazer/Program.cs

@@ -1,6 +1,3 @@
-using Blazorise;
-using Blazorise.Bootstrap;
-using Blazorise.Icons.FontAwesome;
 using Microsoft.AspNetCore.Components;
 using Microsoft.AspNetCore.Components.Web;
 using TutoBlazer.Data;
@@ -12,10 +9,6 @@ builder.Services.AddRazorPages();
 builder.Services.AddServerSideBlazor();
 builder.Services.AddSingleton<WeatherForecastService>();
 builder.Services.AddHttpClient();
-builder.Services
-   .AddBlazorise()
-   .AddBootstrapProviders()
-   .AddFontAwesomeIcons();
 
 var app = builder.Build();
 

TutoBlazer/TutoBlazer.csproj

@@ -6,10 +6,4 @@
     <ImplicitUsings>enable</ImplicitUsings>
   </PropertyGroup>
 
-  <ItemGroup>
-    <PackageReference Include="Blazorise.Bootstrap" Version="1.1.2" />
-    <PackageReference Include="Blazorise.DataGrid" Version="1.1.2" />
-    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.1.2" />
-  </ItemGroup>
-
 </Project>

TutoBlazer/TutoBlazer.sln

@@ -1,25 +0,0 @@
-
-Microsoft Visual Studio Solution File, Format Version 12.00
-# Visual Studio Version 17
-VisualStudioVersion = 17.2.32616.157
-MinimumVisualStudioVersion = 10.0.40219.1
-Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "TutoBlazer", "TutoBlazer.csproj", "{7CD1577B-C2D9-4882-A7F7-F97BD66B4977}"
-EndProject
-Global
-	GlobalSection(SolutionConfigurationPlatforms) = preSolution
-		Debug|Any CPU = Debug|Any CPU
-		Release|Any CPU = Release|Any CPU
-	EndGlobalSection
-	GlobalSection(ProjectConfigurationPlatforms) = postSolution
-		{7CD1577B-C2D9-4882-A7F7-F97BD66B4977}.Debug|Any CPU.ActiveCfg = Debug|Any CPU
-		{7CD1577B-C2D9-4882-A7F7-F97BD66B4977}.Debug|Any CPU.Build.0 = Debug|Any CPU
-		{7CD1577B-C2D9-4882-A7F7-F97BD66B4977}.Release|Any CPU.ActiveCfg = Release|Any CPU
-		{7CD1577B-C2D9-4882-A7F7-F97BD66B4977}.Release|Any CPU.Build.0 = Release|Any CPU
-	EndGlobalSection
-	GlobalSection(SolutionProperties) = preSolution
-		HideSolutionNode = FALSE
-	EndGlobalSection
-	GlobalSection(ExtensibilityGlobals) = postSolution
-		SolutionGuid = {40DBD66E-A2AD-48B0-937B-2D07E4875D39}
-	EndGlobalSection
-EndGlobal

TutoBlazer/_Imports.razor

@@ -8,4 +8,3 @@
 @using Microsoft.JSInterop
 @using TutoBlazer
 @using TutoBlazer.Shared
-@using Blazorise.DataGrid