Solve Blazor SSR EditForm issues

frank-liu-toronto · Jun 6, 2024 · 04d688e · 04d688e
1 parent 9c60501
commit 04d688e
Show file tree

Hide file tree

Showing 3 changed files with 52 additions and 5 deletions.
diff --git a/IMS.WebApp/Components/Pages/Inventories/AddInventory.razor b/IMS.WebApp/Components/Pages/Inventories/AddInventory.razor
@@ -46,11 +46,19 @@
 @code {
 
     [SupplyParameterFromForm]
-    private Inventory inventory { get; set; } = new Inventory();
+    private InventoryViewModel inventory { get; set; } = new InventoryViewModel();
 
     private async Task Save()
     {
-        await AddInventoryUseCase.ExecuteAsync(inventory);
+        var inv = new Inventory
+        {
+                InventoryId = inventory.InventoryId,
+                InventoryName = inventory.InventoryName,
+                Price = inventory.Price,
+                Quantity = inventory.Quantity
+        };
+
+        await AddInventoryUseCase.ExecuteAsync(inv);
 
         NavigationManager.NavigateTo("/inventories");
     }

diff --git a/IMS.WebApp/Components/Pages/Inventories/EditInventory.razor b/IMS.WebApp/Components/Pages/Inventories/EditInventory.razor
@@ -53,18 +53,37 @@
     public int InvId { get; set; }
 
     [SupplyParameterFromForm]
-    private Inventory? inventory { get; set; }
+    private InventoryViewModel? inventory { get; set; }
 
     protected override async Task OnParametersSetAsync()
     {
-        this.inventory ??= await ViewInventoryByIdUseCase.ExecuteAsync(this.InvId);
+        if (this.inventory is null)
+        {
+            var inv = await ViewInventoryByIdUseCase.ExecuteAsync(this.InvId);
+            inventory = new InventoryViewModel
+            {
+                    InventoryId = inv.InventoryId,
+                    InventoryName = inv.InventoryName,
+                    Price = inv.Price,
+                    Quantity = inv.Quantity
+            };
+        }
+
     }
 
     private async Task Update()
     {
         if (inventory is not null)
         {
-            await EditInventoryUseCase.ExecuteAsync(inventory);
+            var inv = new Inventory
+            {
+                    InventoryId = inventory.InventoryId,
+                    InventoryName = inventory.InventoryName,
+                    Price = inventory.Price,
+                    Quantity = inventory.Quantity
+            };
+
+            await EditInventoryUseCase.ExecuteAsync(inv);
             NavigationManager.NavigateTo("/inventories");
         }        
     }

diff --git a/IMS.WebApp/ViewModels/InventoryViewModel.cs b/IMS.WebApp/ViewModels/InventoryViewModel.cs
@@ -0,0 +1,20 @@
+using System.ComponentModel.DataAnnotations;
+
+namespace IMS.CoreBusiness
+{
+    public class InventoryViewModel
+    {
+        public int InventoryId { get; set; }
+
+        [Required]
+        [StringLength(150)]
+        public string InventoryName { get; set; } = string.Empty;
+
+        [Range(0, int.MaxValue, ErrorMessage = "Quantity must be greator or equal to 0.")]
+        public int Quantity { get; set; }
+
+        [Range(0, int.MaxValue, ErrorMessage = "Price must be greator or equal to 0.")]
+        public double Price { get; set; }
+
+    }
+}