From f0b32049feed3b42cd999852832cd2338595ce08 Mon Sep 17 00:00:00 2001
From: Alexis DRAI <alexis.drai@etu.uca.fr>
Date: Wed, 22 Feb 2023 22:21:42 +0100
Subject: [PATCH 1/4] :truck: Wire up and route to Inventory

---
 blazor_lab/Pages/Inventory.razor    | 29 +++++++++++++++++++++++++++++
 blazor_lab/Pages/Inventory.razor.cs |  6 ++++++
 blazor_lab/Shared/NavMenu.razor     |  6 +++++-
 blazor_lab/_Imports.razor           |  4 +++-
 4 files changed, 43 insertions(+), 2 deletions(-)
 create mode 100644 blazor_lab/Pages/Inventory.razor
 create mode 100644 blazor_lab/Pages/Inventory.razor.cs

diff --git a/blazor_lab/Pages/Inventory.razor b/blazor_lab/Pages/Inventory.razor
new file mode 100644
index 0000000..3e00518
--- /dev/null
+++ b/blazor_lab/Pages/Inventory.razor
@@ -0,0 +1,29 @@
+@page "/inventory"
+@using blazor_lab.Models
+
+<h1>Inventory</h1>
+
+<div class="row">
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+</div>
+<div class="row">
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+</div>
+<div class="row">
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
+</div>
diff --git a/blazor_lab/Pages/Inventory.razor.cs b/blazor_lab/Pages/Inventory.razor.cs
new file mode 100644
index 0000000..0905619
--- /dev/null
+++ b/blazor_lab/Pages/Inventory.razor.cs
@@ -0,0 +1,6 @@
+namespace blazor_lab.Pages
+{
+    public partial class Inventory
+    { 
+    }
+}
diff --git a/blazor_lab/Shared/NavMenu.razor b/blazor_lab/Shared/NavMenu.razor
index 8c9d622..8bc586a 100644
--- a/blazor_lab/Shared/NavMenu.razor
+++ b/blazor_lab/Shared/NavMenu.razor
@@ -14,7 +14,11 @@
                 <span class="oi oi-list-rich" aria-hidden="true"/> List
             </NavLink>
         </div>
-
+        <div class="nav-item px-3">
+            <NavLink class="nav-link" href="inventory" Match="NavLinkMatch.All">
+                <span class="fa fa-shopping-bag" aria-hidden="true"></span>  Inventory
+            </NavLink>
+        </div>
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
                 <span class="oi oi-home" aria-hidden="true"></span> Home
diff --git a/blazor_lab/_Imports.razor b/blazor_lab/_Imports.razor
index 3f34174..edae36d 100644
--- a/blazor_lab/_Imports.razor
+++ b/blazor_lab/_Imports.razor
@@ -8,6 +8,8 @@
 @using Microsoft.JSInterop
 @using blazor_lab
 @using blazor_lab.Shared
+@using blazor_lab.Pages
 @using Blazorise.DataGrid
 @using Blazored.Modal
-@using Blazored.Modal.Services
\ No newline at end of file
+@using Blazored.Modal.Services
+@using Blazorise.Icons.FontAwesome
\ No newline at end of file
-- 
2.36.3


From 4c3f7e02742901e4a67538abfd625042a14f7516 Mon Sep 17 00:00:00 2001
From: Alexis DRAI <alexis.drai@etu.uca.fr>
Date: Sat, 25 Feb 2023 14:45:27 +0100
Subject: [PATCH 2/4] :lipstick:

---
 blazor_lab/Shared/NavMenu.razor | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/blazor_lab/Shared/NavMenu.razor b/blazor_lab/Shared/NavMenu.razor
index 8bc586a..c5f2153 100644
--- a/blazor_lab/Shared/NavMenu.razor
+++ b/blazor_lab/Shared/NavMenu.razor
@@ -16,7 +16,7 @@
         </div>
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="inventory" Match="NavLinkMatch.All">
-                <span class="fa fa-shopping-bag" aria-hidden="true"></span>  Inventory
+                <span class="oi fa fa-shopping-bag" aria-hidden="true"></span>  Inventory
             </NavLink>
         </div>
         <div class="nav-item px-3">
-- 
2.36.3


From da9ad2516ede1330eb9c4ed2480aa196615e3c41 Mon Sep 17 00:00:00 2001
From: Alexis DRAI <alexis.drai@etu.uca.fr>
Date: Sat, 25 Feb 2023 14:46:22 +0100
Subject: [PATCH 3/4] =?UTF-8?q?=F0=9F=94=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 blazor_lab.sln               | 3 +++
 blazor_lab/appsettings.json  | 6 +++++-
 blazor_lab/blazor_lab.csproj | 4 ++++
 3 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/blazor_lab.sln b/blazor_lab.sln
index 6816149..79728d6 100644
--- a/blazor_lab.sln
+++ b/blazor_lab.sln
@@ -4,6 +4,9 @@ Microsoft Visual Studio Solution File, Format Version 12.00
 VisualStudioVersion = 17.2.32616.157
 MinimumVisualStudioVersion = 10.0.40219.1
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "blazor_lab", "blazor_lab\blazor_lab.csproj", "{7B8F9C82-6399-47FC-A996-8140F39484D6}"
+	ProjectSection(ProjectDependencies) = postProject
+		{F89D34E2-0DBC-4E98-BC77-E4CB00A33D19} = {F89D34E2-0DBC-4E98-BC77-E4CB00A33D19}
+	EndProjectSection
 EndProject
 Project("{9A19103F-16F7-4668-BE54-9A1E7A4F7556}") = "Minecraft.Crafting.Api", "Minecraft.Crafting.Api\Minecraft.Crafting.Api.csproj", "{F89D34E2-0DBC-4E98-BC77-E4CB00A33D19}"
 EndProject
diff --git a/blazor_lab/appsettings.json b/blazor_lab/appsettings.json
index 4d56694..2334eaa 100644
--- a/blazor_lab/appsettings.json
+++ b/blazor_lab/appsettings.json
@@ -5,5 +5,9 @@
       "Microsoft.AspNetCore": "Warning"
     }
   },
-  "AllowedHosts": "*"
+  "AllowedHosts": "*",
+  "CraftingApi": {
+    "BaseUrl": "https://localhost:7234"
+  }
+
 }
diff --git a/blazor_lab/blazor_lab.csproj b/blazor_lab/blazor_lab.csproj
index f97257d..b9ae0e1 100644
--- a/blazor_lab/blazor_lab.csproj
+++ b/blazor_lab/blazor_lab.csproj
@@ -18,4 +18,8 @@
     <Folder Include="wwwroot\_content\" />
   </ItemGroup>
 
+  <ItemGroup>
+    <ProjectReference Include="..\Minecraft.Crafting.Api\Minecraft.Crafting.Api.csproj" />
+  </ItemGroup>
+
 </Project>
-- 
2.36.3


From 58acd62bd5c0089efb84221a0ca2ee18bf6db84d Mon Sep 17 00:00:00 2001
From: Alexis DRAI <alexis.drai@etu.uca.fr>
Date: Sat, 25 Feb 2023 14:47:04 +0100
Subject: [PATCH 4/4] :sparkles: Set up basic inventory grid

---
 blazor_lab/Components/InventoryGrid.razor     | 21 ++++++++++
 blazor_lab/Components/InventoryGrid.razor.cs  | 38 +++++++++++++++++++
 blazor_lab/Components/InventoryGrid.razor.css | 25 ++++++++++++
 blazor_lab/Pages/Inventory.razor              | 28 ++------------
 blazor_lab/Pages/Inventory.razor.cs           |  7 +++-
 5 files changed, 92 insertions(+), 27 deletions(-)
 create mode 100644 blazor_lab/Components/InventoryGrid.razor
 create mode 100644 blazor_lab/Components/InventoryGrid.razor.cs
 create mode 100644 blazor_lab/Components/InventoryGrid.razor.css

diff --git a/blazor_lab/Components/InventoryGrid.razor b/blazor_lab/Components/InventoryGrid.razor
new file mode 100644
index 0000000..8ce7449
--- /dev/null
+++ b/blazor_lab/Components/InventoryGrid.razor
@@ -0,0 +1,21 @@
+<div class="inventory-grid">
+    @for (int row = 0; row < 3; row++)
+    {
+        <div class="inventory-row">
+            @for (int col = 0; col < 6; col++)
+            {
+                <div class="inventory-slot">
+                    @if (Inventory != null && Inventory.Count > (row * 6 + col))
+                    {
+                        var slot = Inventory[row * 6 + col];
+                        @if (slot.NumberItem > 0)
+                        {
+                            <img src="@($"data:image/png;base64,{GetItemImageBase64(@slot.ItemName)}")" alt="@slot.ItemName" />
+                            <div class="slot-count">@slot.NumberItem</div>
+                        }
+                    }
+                </div>
+            }
+        </div>
+    }
+</div>
\ No newline at end of file
diff --git a/blazor_lab/Components/InventoryGrid.razor.cs b/blazor_lab/Components/InventoryGrid.razor.cs
new file mode 100644
index 0000000..87a879b
--- /dev/null
+++ b/blazor_lab/Components/InventoryGrid.razor.cs
@@ -0,0 +1,38 @@
+using Microsoft.AspNetCore.Components;
+using Minecraft.Crafting.Api.Models;
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Net.Http;
+using System.Net.Http.Json;
+using System.Threading.Tasks;
+
+
+namespace blazor_lab.Components
+{
+
+    public partial class InventoryGrid
+    {
+        [Parameter]
+        public List<InventoryModel> Inventory { get; set; }
+
+        public List<Item> Items { get; set; } = new List<Item>();
+
+        [Inject]
+        public HttpClient HttpClient { get; set; }
+
+        [Inject]
+        public IConfiguration Config { get; set; }
+
+        protected override async Task OnInitializedAsync()
+        {
+            Items = await HttpClient.GetFromJsonAsync<List<Item>>($"{Config["CraftingApi:BaseUrl"]}/api/Crafting/all");
+        }
+
+        public string GetItemImageBase64(string displayName)
+        {
+            var item = Items.FirstOrDefault(i => i.DisplayName == displayName);
+            return item?.ImageBase64;
+        }
+    }
+}
diff --git a/blazor_lab/Components/InventoryGrid.razor.css b/blazor_lab/Components/InventoryGrid.razor.css
new file mode 100644
index 0000000..155b226
--- /dev/null
+++ b/blazor_lab/Components/InventoryGrid.razor.css
@@ -0,0 +1,25 @@
+.inventory-grid {
+    display: flex;
+    flex-direction: column;
+}
+
+.inventory-row {
+    display: flex;
+    flex-direction: row;
+}
+
+.inventory-slot {
+    width: 64px;
+    height: 64px;
+    border: 1px solid;
+    margin: 5px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    overflow: hidden;
+}
+
+
+.item-count {
+    margin-top: 5px;
+}
diff --git a/blazor_lab/Pages/Inventory.razor b/blazor_lab/Pages/Inventory.razor
index 3e00518..6837b6b 100644
--- a/blazor_lab/Pages/Inventory.razor
+++ b/blazor_lab/Pages/Inventory.razor
@@ -1,29 +1,7 @@
 @page "/inventory"
-@using blazor_lab.Models
+@using Minecraft.Crafting.Api.Models
+@using blazor_lab.Components
 
 <h1>Inventory</h1>
 
-<div class="row">
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-</div>
-<div class="row">
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-</div>
-<div class="row">
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-    <div class="col-md-2" style="border: 1px solid black; height: 150px;"></div>
-</div>
+<InventoryGrid Inventory="Stuff" />
\ No newline at end of file
diff --git a/blazor_lab/Pages/Inventory.razor.cs b/blazor_lab/Pages/Inventory.razor.cs
index 0905619..b5b367f 100644
--- a/blazor_lab/Pages/Inventory.razor.cs
+++ b/blazor_lab/Pages/Inventory.razor.cs
@@ -1,6 +1,9 @@
-namespace blazor_lab.Pages
+using Minecraft.Crafting.Api.Models;
+
+namespace blazor_lab.Pages
 {
     public partial class Inventory
-    { 
+    {
+        private List<InventoryModel> Stuff = Enumerable.Range(1, 18).Select(_ => new InventoryModel()).ToList();
     }
 }
-- 
2.36.3