From 7b3fe332974363df16d46515fb7cb32bed5bafd9 Mon Sep 17 00:00:00 2001 From: Theo RENAUD Date: Fri, 28 Oct 2022 16:20:39 +0200 Subject: [PATCH] add an item fini --- BlazorApp1/BlazorApp1.csproj | 1 + BlazorApp1/Models/{Items.cs => Item.cs} | 2 +- BlazorApp1/Models/ItemModel.cs | 37 +++++++ BlazorApp1/Pages/Add.razor | 69 +++++++++++++ BlazorApp1/Pages/Add.razor.cs | 125 ++++++++++++++++++++++++ BlazorApp1/Pages/BlazorRoute.razor | 4 + BlazorApp1/Pages/List.razor | 40 +++++--- BlazorApp1/Pages/list.razor.cs | 38 +++++-- BlazorApp1/Program.cs | 4 +- BlazorApp1/_Imports.razor | 2 +- BlazorApp1/wwwroot/images/default.png | Bin 0 -> 3524 bytes BlazorApp1/wwwroot/images/emeraude.png | Bin 0 -> 2499 bytes 12 files changed, 302 insertions(+), 20 deletions(-) rename BlazorApp1/Models/{Items.cs => Item.cs} (95%) create mode 100644 BlazorApp1/Models/ItemModel.cs create mode 100644 BlazorApp1/Pages/Add.razor create mode 100644 BlazorApp1/Pages/Add.razor.cs create mode 100644 BlazorApp1/Pages/BlazorRoute.razor create mode 100644 BlazorApp1/wwwroot/images/default.png create mode 100644 BlazorApp1/wwwroot/images/emeraude.png diff --git a/BlazorApp1/BlazorApp1.csproj b/BlazorApp1/BlazorApp1.csproj index 3656a14..c0eacf6 100644 --- a/BlazorApp1/BlazorApp1.csproj +++ b/BlazorApp1/BlazorApp1.csproj @@ -7,6 +7,7 @@ + diff --git a/BlazorApp1/Models/Items.cs b/BlazorApp1/Models/Item.cs similarity index 95% rename from BlazorApp1/Models/Items.cs rename to BlazorApp1/Models/Item.cs index fa46fc6..4f47361 100644 --- a/BlazorApp1/Models/Items.cs +++ b/BlazorApp1/Models/Item.cs @@ -1,6 +1,6 @@ namespace BlazorApp1.Models { - public class Items + public class Item { public int Id { get; set; } public string DisplayName { get; set; } diff --git a/BlazorApp1/Models/ItemModel.cs b/BlazorApp1/Models/ItemModel.cs new file mode 100644 index 0000000..770ecf9 --- /dev/null +++ b/BlazorApp1/Models/ItemModel.cs @@ -0,0 +1,37 @@ +using System.ComponentModel.DataAnnotations; + +namespace BlazorApp1.Models +{ + public class ItemModel + { + public int Id { get; set; } + + [Required] + [StringLength(50, ErrorMessage = "The display name must not exceed 50 characters.")] + public string DisplayName { get; set; } + + [Required] + [StringLength(50, ErrorMessage = "The name must not exceed 50 characters.")] + [RegularExpression(@"^[a-z''-'\s]{1,40}$", ErrorMessage = "Only lowercase characters are accepted.")] + public string Name { get; set; } + + [Required] + [Range(1, 64)] + public int StackSize { get; set; } + + [Required] + [Range(1, 125)] + public int MaxDurability { get; set; } + + public List EnchantCategories { get; set; } + + public List RepairWith { get; set; } + + [Required] + [Range(typeof(bool), "true", "true", ErrorMessage = "You must agree to the terms.")] + public bool AcceptCondition { get; set; } + + [Required(ErrorMessage = "The image of the item is mandatory!")] + public byte[] ImageContent { get; set; } + } +} diff --git a/BlazorApp1/Pages/Add.razor b/BlazorApp1/Pages/Add.razor new file mode 100644 index 0000000..64b1710 --- /dev/null +++ b/BlazorApp1/Pages/Add.razor @@ -0,0 +1,69 @@ +@page "/add" + +

Add

+ + + + + +

+ +

+

+ +

+

+ +

+

+ +

+

+ Enchant categories: +

+ @foreach (var item in enchantCategories) + { + + } +
+

+

+ Repair with: +

+ @foreach (var item in repairWith) + { + + } +
+

+

+ +

+

+ +

+ + + \ No newline at end of file diff --git a/BlazorApp1/Pages/Add.razor.cs b/BlazorApp1/Pages/Add.razor.cs new file mode 100644 index 0000000..68c51af --- /dev/null +++ b/BlazorApp1/Pages/Add.razor.cs @@ -0,0 +1,125 @@ +using BlazorApp1.Models; +using Blazored.LocalStorage; +using Microsoft.AspNetCore.Components; +using Microsoft.AspNetCore.Components.Forms; + +namespace BlazorApp1.Pages +{ + public partial class Add + { + [Inject] + public ILocalStorageService LocalStorage { get; set; } + + [Inject] + public NavigationManager NavigationManager { get; set; } + + [Inject] + public IWebHostEnvironment WebHostEnvironment { get; set; } + + /// + /// The default enchant categories. + /// + private List enchantCategories = new List() { "armor", "armor_head", "armor_chest", "weapon", "digger", "breakable", "vanishable" }; + + /// + /// The default repair with. + /// + private List repairWith = new List() { "oak_planks", "spruce_planks", "birch_planks", "jungle_planks", "acacia_planks", "dark_oak_planks", "crimson_planks", "warped_planks" }; + + /// + /// The current item model + /// + private ItemModel itemModel = new() + { + EnchantCategories = new List(), + RepairWith = new List() + }; + + private async void HandleValidSubmit() + { + // Get the current data + var currentData = await LocalStorage.GetItemAsync>("data"); + + // Simulate the Id + itemModel.Id = currentData.Max(s => s.Id) + 1; + + // Add the item to the current data + currentData.Add(new Item + { + Id = itemModel.Id, + DisplayName = itemModel.DisplayName, + Name = itemModel.Name, + RepairWith = itemModel.RepairWith, + EnchantCategories = itemModel.EnchantCategories, + MaxDurability = itemModel.MaxDurability, + StackSize = itemModel.StackSize, + CreatedDate = DateTime.Now + }); + + // Save the image + var imagePathInfo = new DirectoryInfo($"{WebHostEnvironment.WebRootPath}/images"); + + // Check if the folder "images" exist + if (!imagePathInfo.Exists) + { + imagePathInfo.Create(); + } + + // Determine the image name + var fileName = new FileInfo($"{imagePathInfo}/{itemModel.Name}.png"); + + // Write the file content + await File.WriteAllBytesAsync(fileName.FullName, itemModel.ImageContent); + + // Save the data + await LocalStorage.SetItemAsync("data", currentData); + NavigationManager.NavigateTo("list"); + } + + private async Task LoadImage(InputFileChangeEventArgs e) + { + // Set the content of the image to the model + using (var memoryStream = new MemoryStream()) + { + await e.File.OpenReadStream().CopyToAsync(memoryStream); + itemModel.ImageContent = memoryStream.ToArray(); + } + } + + private void OnEnchantCategoriesChange(string item, object checkedValue) + { + if ((bool)checkedValue) + { + if (!itemModel.EnchantCategories.Contains(item)) + { + itemModel.EnchantCategories.Add(item); + } + + return; + } + + if (itemModel.EnchantCategories.Contains(item)) + { + itemModel.EnchantCategories.Remove(item); + } + } + + private void OnRepairWithChange(string item, object checkedValue) + { + if ((bool)checkedValue) + { + if (!itemModel.RepairWith.Contains(item)) + { + itemModel.RepairWith.Add(item); + } + + return; + } + + if (itemModel.RepairWith.Contains(item)) + { + itemModel.RepairWith.Remove(item); + } + } + } +} diff --git a/BlazorApp1/Pages/BlazorRoute.razor b/BlazorApp1/Pages/BlazorRoute.razor new file mode 100644 index 0000000..40307dd --- /dev/null +++ b/BlazorApp1/Pages/BlazorRoute.razor @@ -0,0 +1,4 @@ +@page "/BlazorRoute" +@page "/DifferentBlazorRoute" + +

Blazor routing

\ No newline at end of file diff --git a/BlazorApp1/Pages/List.razor b/BlazorApp1/Pages/List.razor index 7e0a6db..5ec4d95 100644 --- a/BlazorApp1/Pages/List.razor +++ b/BlazorApp1/Pages/List.razor @@ -3,26 +3,44 @@

List

- + + Ajouter + + + + - - - - - + + + + @if (File.Exists($"{WebHostEnvironment.WebRootPath}/images/{context.Name}.png")) + { + @context.DisplayName + } + else + { + @context.DisplayName + } + + + + + + - @(string.Join(", ", ((Items)context).EnchantCategories)) + @(string.Join(", ", ((Item)context).EnchantCategories)) - + - @(string.Join(", ", ((Items)context).RepairWith)) + @(string.Join(", ", ((Item)context).RepairWith)) - + \ No newline at end of file diff --git a/BlazorApp1/Pages/list.razor.cs b/BlazorApp1/Pages/list.razor.cs index 030589e..9d9a230 100644 --- a/BlazorApp1/Pages/list.razor.cs +++ b/BlazorApp1/Pages/list.razor.cs @@ -1,4 +1,5 @@ using BlazorApp1.Models; +using Blazored.LocalStorage; using Blazorise.DataGrid; using Microsoft.AspNetCore.Components; @@ -6,17 +7,42 @@ namespace BlazorApp1.Pages { public partial class List { - private List items; + private List items; private int totalItem; [Inject] public HttpClient Http { get; set; } + [Inject] + public ILocalStorageService LocalStorage { get; set; } + + [Inject] + public IWebHostEnvironment WebHostEnvironment { get; set; } + [Inject] public NavigationManager NavigationManager { get; set; } - private async Task OnReadData(DataGridReadDataEventArgs e) + protected override async Task OnAfterRenderAsync(bool firstRender) + { + // Do not treat this action if is not the first render + if (!firstRender) + { + return; + } + + var currentData = await LocalStorage.GetItemAsync("data"); + + // Check if data exist in the local storage + if (currentData == null) + { + // this code add in the local storage the fake data (we load the data sync for initialize the data before load the OnReadData method) + var originalData = Http.GetFromJsonAsync($"{NavigationManager.BaseUri}fake-data.json").Result; + await LocalStorage.SetItemAsync("data", originalData); + } + } + + private async Task OnReadData(DataGridReadDataEventArgs e) { if (e.CancellationToken.IsCancellationRequested) { @@ -24,13 +50,13 @@ namespace BlazorApp1.Pages } // When you use a real API, we use this follow code - //var response = await Http.GetJsonAsync( $"http://my-api/api/data?page={e.Page}&pageSize={e.PageSize}" ); - var response = (await Http.GetFromJsonAsync($"{NavigationManager.BaseUri}fake-data.json")).Skip((e.Page - 1) * e.PageSize).Take(e.PageSize).ToList(); + //var response = await Http.GetJsonAsync( $"http://my-api/api/data?page={e.Page}&pageSize={e.PageSize}" ); + var response = (await LocalStorage.GetItemAsync("data")).Skip((e.Page - 1) * e.PageSize).Take(e.PageSize).ToList(); if (!e.CancellationToken.IsCancellationRequested) { - totalItem = (await Http.GetFromJsonAsync>($"{NavigationManager.BaseUri}fake-data.json")).Count; - items = new List(response); // an actual data for the current page + totalItem = (await LocalStorage.GetItemAsync>("data")).Count; + items = new List(response); // an actual data for the current page } } } diff --git a/BlazorApp1/Program.cs b/BlazorApp1/Program.cs index daf28f7..7f683e4 100644 --- a/BlazorApp1/Program.cs +++ b/BlazorApp1/Program.cs @@ -1,4 +1,5 @@ using BlazorApp1.Data; +using Blazored.LocalStorage; using Blazorise; using Blazorise.Bootstrap; using Blazorise.Icons.FontAwesome; @@ -16,8 +17,9 @@ builder.Services .AddBlazorise() .AddBootstrapProviders() .AddFontAwesomeIcons(); +builder.Services.AddBlazoredLocalStorage(); -var app = builder.Build(); +var app = builder.Build(); // Configure the HTTP request pipeline. if (!app.Environment.IsDevelopment()) diff --git a/BlazorApp1/_Imports.razor b/BlazorApp1/_Imports.razor index 01cb17b..6ccf59e 100644 --- a/BlazorApp1/_Imports.razor +++ b/BlazorApp1/_Imports.razor @@ -8,4 +8,4 @@ @using Microsoft.JSInterop @using BlazorApp1 @using BlazorApp1.Shared -@using Blazorise.DataGrid +@using Blazorise.DataGrid \ No newline at end of file diff --git a/BlazorApp1/wwwroot/images/default.png b/BlazorApp1/wwwroot/images/default.png new file mode 100644 index 0000000000000000000000000000000000000000..756dc18d3c81ecff1c1d68993a5c93e887277868 GIT binary patch literal 3524 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 LX9_LSae4QDGg`Ts literal 0 HcmV?d00001