parent
6d0a62b0da
commit
bffb1baee2
@ -0,0 +1,51 @@
|
|||||||
|
<CascadingValue Value="@this">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-6">
|
||||||
|
|
||||||
|
<div>Available items:</div>
|
||||||
|
<div>
|
||||||
|
<div class="css-grid">
|
||||||
|
|
||||||
|
@foreach (var item in Items)
|
||||||
|
{
|
||||||
|
<CraftingItem Item="item" NoDrop="true"/>
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-6">
|
||||||
|
<div>Recipe</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<div class="css-recipe">
|
||||||
|
<CraftingItem Index="0"/>
|
||||||
|
<CraftingItem Index="1"/>
|
||||||
|
<CraftingItem Index="2"/>
|
||||||
|
<CraftingItem Index="3"/>
|
||||||
|
<CraftingItem Index="4"/>
|
||||||
|
<CraftingItem Index="5"/>
|
||||||
|
<CraftingItem Index="6"/>
|
||||||
|
<CraftingItem Index="7"/>
|
||||||
|
<CraftingItem Index="8"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>Result</div>
|
||||||
|
<div>
|
||||||
|
<CraftingItem Item="RecipeResult"/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-12">
|
||||||
|
<div>Actions</div>
|
||||||
|
<div class="actions" id="actions">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</CascadingValue>
|
||||||
@ -0,0 +1,77 @@
|
|||||||
|
using System.Collections.ObjectModel;
|
||||||
|
using System.Collections.Specialized;
|
||||||
|
using Microsoft.JSInterop;
|
||||||
|
|
||||||
|
namespace TP_Blazor.Components;
|
||||||
|
|
||||||
|
public partial class Crafting
|
||||||
|
{
|
||||||
|
private Item _recipeResult;
|
||||||
|
|
||||||
|
public Crafting()
|
||||||
|
{
|
||||||
|
Actions = new ObservableCollection<CraftingAction>();
|
||||||
|
Actions.CollectionChanged += OnActionsCollectionChanged;
|
||||||
|
this.RecipeItems = new List<Item> { null, null, null, null, null, null, null, null, null };
|
||||||
|
}
|
||||||
|
|
||||||
|
public ObservableCollection<CraftingAction> Actions { get; set; }
|
||||||
|
public Item CurrentDragItem { get; set; }
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public List<Item> Items { get; set; }
|
||||||
|
|
||||||
|
public List<Item> RecipeItems { get; set; }
|
||||||
|
|
||||||
|
public Item RecipeResult
|
||||||
|
{
|
||||||
|
get => this._recipeResult;
|
||||||
|
set
|
||||||
|
{
|
||||||
|
if (this._recipeResult == value)
|
||||||
|
{
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this._recipeResult = value;
|
||||||
|
this.StateHasChanged();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public List<CraftingRecipe> Recipes { get; set; }
|
||||||
|
|
||||||
|
/// <summary>
|
||||||
|
/// Gets or sets the java script runtime.
|
||||||
|
/// </summary>
|
||||||
|
[Inject]
|
||||||
|
internal IJSRuntime JavaScriptRuntime { get; set; }
|
||||||
|
|
||||||
|
public void CheckRecipe()
|
||||||
|
{
|
||||||
|
RecipeResult = null;
|
||||||
|
|
||||||
|
// Get the current model
|
||||||
|
var currentModel = string.Join("|", this.RecipeItems.Select(s => s != null ? s.Name : string.Empty));
|
||||||
|
|
||||||
|
this.Actions.Add(new CraftingAction { Action = $"Items : {currentModel}" });
|
||||||
|
|
||||||
|
foreach (var craftingRecipe in Recipes)
|
||||||
|
{
|
||||||
|
// Get the recipe model
|
||||||
|
var recipeModel = string.Join("|", craftingRecipe.Have.SelectMany(s => s));
|
||||||
|
|
||||||
|
this.Actions.Add(new CraftingAction { Action = $"Recipe model : {recipeModel}" });
|
||||||
|
|
||||||
|
if (currentModel == recipeModel)
|
||||||
|
{
|
||||||
|
RecipeResult = craftingRecipe.Give;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
private void OnActionsCollectionChanged(object? sender, NotifyCollectionChangedEventArgs e)
|
||||||
|
{
|
||||||
|
JavaScriptRuntime.InvokeVoidAsync("Crafting.AddActions", e.NewItems);
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,19 @@
|
|||||||
|
.css-grid {
|
||||||
|
grid-template-columns: repeat(4,minmax(0,1fr));
|
||||||
|
gap: 10px;
|
||||||
|
display: grid;
|
||||||
|
width: 286px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.css-recipe {
|
||||||
|
grid-template-columns: repeat(3,minmax(0,1fr));
|
||||||
|
gap: 10px;
|
||||||
|
display: grid;
|
||||||
|
width: 212px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actions {
|
||||||
|
border: 1px solid black;
|
||||||
|
height: 250px;
|
||||||
|
overflow: scroll;
|
||||||
|
}
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
window.Crafting =
|
||||||
|
{
|
||||||
|
AddActions: function (data) {
|
||||||
|
|
||||||
|
data.forEach(element => {
|
||||||
|
var div = document.createElement('div');
|
||||||
|
div.innerHTML = 'Action: ' + element.action + ' - Index: ' + element.index;
|
||||||
|
|
||||||
|
if (element.item) {
|
||||||
|
div.innerHTML += ' - Item Name: ' + element.item.name;
|
||||||
|
}
|
||||||
|
|
||||||
|
document.getElementById('actions').appendChild(div);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,8 @@
|
|||||||
|
namespace TP_Blazor.Components;
|
||||||
|
|
||||||
|
public class CraftingAction
|
||||||
|
{
|
||||||
|
public string Action { get; set; }
|
||||||
|
public int Index { get; set; }
|
||||||
|
public Item Item { get; set; }
|
||||||
|
}
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
<div
|
||||||
|
class="item"
|
||||||
|
ondragover="event.preventDefault();"
|
||||||
|
draggable="true"
|
||||||
|
@ondragstart="@OnDragStart"
|
||||||
|
@ondrop="@OnDrop"
|
||||||
|
@ondragenter="@OnDragEnter"
|
||||||
|
@ondragleave="@OnDragLeave">
|
||||||
|
|
||||||
|
@if (Item != null)
|
||||||
|
{
|
||||||
|
@Item.DisplayName
|
||||||
|
}
|
||||||
|
</div>
|
||||||
@ -0,0 +1,59 @@
|
|||||||
|
namespace TP_Blazor.Components;
|
||||||
|
|
||||||
|
public partial class CraftingItem
|
||||||
|
{
|
||||||
|
[Parameter]
|
||||||
|
public int Index { get; set; }
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public Item Item { get; set; }
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public bool NoDrop { get; set; }
|
||||||
|
|
||||||
|
[CascadingParameter]
|
||||||
|
public Crafting Parent { get; set; }
|
||||||
|
|
||||||
|
internal void OnDragEnter()
|
||||||
|
{
|
||||||
|
if (NoDrop)
|
||||||
|
{
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
Parent.Actions.Add(new CraftingAction { Action = "Drag Enter", Item = this.Item, Index = this.Index });
|
||||||
|
}
|
||||||
|
|
||||||
|
internal void OnDragLeave()
|
||||||
|
{
|
||||||
|
if (NoDrop)
|
||||||
|
{
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
Parent.Actions.Add(new CraftingAction { Action = "Drag Leave", Item = this.Item, Index = this.Index });
|
||||||
|
}
|
||||||
|
|
||||||
|
internal void OnDrop()
|
||||||
|
{
|
||||||
|
if (NoDrop)
|
||||||
|
{
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
this.Item = Parent.CurrentDragItem;
|
||||||
|
Parent.RecipeItems[this.Index] = this.Item;
|
||||||
|
|
||||||
|
Parent.Actions.Add(new CraftingAction { Action = "Drop", Item = this.Item, Index = this.Index });
|
||||||
|
|
||||||
|
// Check recipe
|
||||||
|
Parent.CheckRecipe();
|
||||||
|
}
|
||||||
|
|
||||||
|
private void OnDragStart()
|
||||||
|
{
|
||||||
|
Parent.CurrentDragItem = this.Item;
|
||||||
|
|
||||||
|
Parent.Actions.Add(new CraftingAction { Action = "Drag Start", Item = this.Item, Index = this.Index });
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,6 @@
|
|||||||
|
.item {
|
||||||
|
width: 64px;
|
||||||
|
height: 64px;
|
||||||
|
border: 1px solid;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
@ -0,0 +1,7 @@
|
|||||||
|
namespace TP_Blazor.Components;
|
||||||
|
|
||||||
|
public class CraftingRecipe
|
||||||
|
{
|
||||||
|
public Item Give { get; set; }
|
||||||
|
public List<List<string>> Have { get; set; }
|
||||||
|
}
|
||||||
@ -0,0 +1,12 @@
|
|||||||
|
@using TP_Blazor.Models
|
||||||
|
@typeparam TItem
|
||||||
|
|
||||||
|
<div>
|
||||||
|
@if ((Items?.Count ?? 0) != 0)
|
||||||
|
{
|
||||||
|
@foreach (var item in Items)
|
||||||
|
{
|
||||||
|
@ShowTemplate(item)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</div>
|
||||||
@ -0,0 +1,9 @@
|
|||||||
|
namespace TP_Blazor.Components;
|
||||||
|
|
||||||
|
public partial class ShowItems<TItem>
|
||||||
|
{
|
||||||
|
[Parameter]
|
||||||
|
public List<TItem> Items { get; set; }
|
||||||
|
[Parameter]
|
||||||
|
public RenderFragment<TItem> ShowTemplate { get; set; }
|
||||||
|
}
|
||||||
@ -1,13 +1,84 @@
|
|||||||
|
using TP_Blazor.Components;
|
||||||
using TP_Blazor.Models;
|
using TP_Blazor.Models;
|
||||||
|
|
||||||
namespace TP_Blazor.Pages;
|
namespace TP_Blazor.Pages;
|
||||||
|
|
||||||
public partial class Index
|
public partial class Index
|
||||||
{
|
{
|
||||||
private Cake CakeItem = new Cake
|
/* private Cake CakeItem = new Cake
|
||||||
{
|
{
|
||||||
Id = 1,
|
Id = 1,
|
||||||
Name = "Black Forest",
|
Name = "Black Forest",
|
||||||
Cost = 50
|
Cost = 50
|
||||||
};
|
};
|
||||||
|
|
||||||
|
public List<Cake> Cakes { get; set; }
|
||||||
|
|
||||||
|
protected override Task OnAfterRenderAsync(bool firstRender)
|
||||||
|
{
|
||||||
|
LoadCakes();
|
||||||
|
StateHasChanged();
|
||||||
|
return base.OnAfterRenderAsync(firstRender);
|
||||||
|
}
|
||||||
|
|
||||||
|
public void LoadCakes()
|
||||||
|
{
|
||||||
|
Cakes = new List<Cake>
|
||||||
|
{
|
||||||
|
new Cake
|
||||||
|
{
|
||||||
|
Id = 1,
|
||||||
|
Name = "Red Velvet",
|
||||||
|
Cost = 60
|
||||||
|
},
|
||||||
|
new Cake
|
||||||
|
{
|
||||||
|
Id = 2,
|
||||||
|
Name = "Chocolate",
|
||||||
|
Cost = 70
|
||||||
|
},
|
||||||
|
new Cake
|
||||||
|
{
|
||||||
|
Id = 3,
|
||||||
|
Name = "Vanilla",
|
||||||
|
Cost = 80
|
||||||
|
},
|
||||||
|
new Cake
|
||||||
|
{
|
||||||
|
Id = 4,
|
||||||
|
Name = "Strawberry",
|
||||||
|
Cost = 90
|
||||||
|
},
|
||||||
|
new Cake
|
||||||
|
{
|
||||||
|
Id = 5,
|
||||||
|
Name = "Blueberry",
|
||||||
|
Cost = 100
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
|
||||||
|
}*/
|
||||||
|
|
||||||
|
[Inject]
|
||||||
|
public IDataService DataService { get; set; }
|
||||||
|
|
||||||
|
public List<Item> Items { get; set; } = new List<Item>();
|
||||||
|
|
||||||
|
private List<CraftingRecipe> Recipes { get; set; } = new List<CraftingRecipe>();
|
||||||
|
|
||||||
|
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||||
|
{
|
||||||
|
base.OnAfterRenderAsync(firstRender);
|
||||||
|
|
||||||
|
if (!firstRender)
|
||||||
|
{
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
Items = await DataService.List(0, await DataService.Count());
|
||||||
|
Recipes = await DataService.GetRecipes();
|
||||||
|
|
||||||
|
StateHasChanged();
|
||||||
|
}
|
||||||
}
|
}
|
||||||
@ -0,0 +1,14 @@
|
|||||||
|
@page "/pets1"
|
||||||
|
|
||||||
|
<h1>Pets</h1>
|
||||||
|
|
||||||
|
<TableTemplate Items="pets" Context="pet">
|
||||||
|
<TableHeader>
|
||||||
|
<th>ID</th>
|
||||||
|
<th>Name</th>
|
||||||
|
</TableHeader>
|
||||||
|
<RowTemplate>
|
||||||
|
<td>@pet.PetId</td>
|
||||||
|
<td>@pet.Name</td>
|
||||||
|
</RowTemplate>
|
||||||
|
</TableTemplate>
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
namespace TP_Blazor.Pages;
|
||||||
|
|
||||||
|
public partial class Pets1
|
||||||
|
{
|
||||||
|
private List<Pet> pets = new()
|
||||||
|
{
|
||||||
|
new Pet { PetId = 2, Name = "Mr. Bigglesworth" },
|
||||||
|
new Pet { PetId = 4, Name = "Salem Saberhagen" },
|
||||||
|
new Pet { PetId = 7, Name = "K-9" }
|
||||||
|
};
|
||||||
|
|
||||||
|
private class Pet
|
||||||
|
{
|
||||||
|
public int PetId { get; set; }
|
||||||
|
public string? Name { get; set; }
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,20 @@
|
|||||||
|
<root>
|
||||||
|
<resheader name="resmimetype">
|
||||||
|
<value>text/microsoft-resx</value>
|
||||||
|
</resheader>
|
||||||
|
<resheader name="version">
|
||||||
|
<value>1.3</value>
|
||||||
|
</resheader>
|
||||||
|
<resheader name="reader">
|
||||||
|
<value>System.Resources.ResXResourceReader, System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
|
||||||
|
</resheader>
|
||||||
|
<resheader name="writer">
|
||||||
|
<value>System.Resources.ResXResourceWriter, System.Windows.Forms, Version=2.0.0.0, Culture=neutral, PublicKeyToken=b77a5c561934e089</value>
|
||||||
|
</resheader>
|
||||||
|
<data name="btnTitle" xml:space="preserve">
|
||||||
|
<value>Valider</value>
|
||||||
|
</data>
|
||||||
|
<data name="Title" xml:space="preserve">
|
||||||
|
<value>Titre</value>
|
||||||
|
</data>
|
||||||
|
</root>
|
||||||
@ -0,0 +1,57 @@
|
|||||||
|
using TP_Blazor.Components;
|
||||||
|
using TP_Blazor.Factories;
|
||||||
|
|
||||||
|
namespace TP_Blazor.Services;
|
||||||
|
|
||||||
|
public class DataApiService : IDataService
|
||||||
|
{
|
||||||
|
private readonly HttpClient _http;
|
||||||
|
|
||||||
|
public DataApiService(
|
||||||
|
HttpClient http)
|
||||||
|
{
|
||||||
|
_http = http;
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task Add(ItemModel model)
|
||||||
|
{
|
||||||
|
// Get the item
|
||||||
|
var item = ItemFactory.Create(model);
|
||||||
|
|
||||||
|
// Save the data
|
||||||
|
await _http.PostAsJsonAsync("https://localhost:7234/api/Crafting/", item);
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task<int> Count()
|
||||||
|
{
|
||||||
|
return await _http.GetFromJsonAsync<int>("https://localhost:7234/api/Crafting/count");
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task<List<Item>> List(int currentPage, int pageSize)
|
||||||
|
{
|
||||||
|
return await _http.GetFromJsonAsync<List<Item>>($"https://localhost:7234/api/Crafting/?currentPage={currentPage}&pageSize={pageSize}");
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task<Item> GetById(int id)
|
||||||
|
{
|
||||||
|
return await _http.GetFromJsonAsync<Item>($"https://localhost:7234/api/Crafting/{id}");
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task Update(int id, ItemModel model)
|
||||||
|
{
|
||||||
|
// Get the item
|
||||||
|
var item = ItemFactory.Create(model);
|
||||||
|
|
||||||
|
await _http.PutAsJsonAsync($"https://localhost:7234/api/Crafting/{id}", item);
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task Delete(int id)
|
||||||
|
{
|
||||||
|
await _http.DeleteAsync($"https://localhost:7234/api/Crafting/{id}");
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task<List<CraftingRecipe>> GetRecipes()
|
||||||
|
{
|
||||||
|
return await _http.GetFromJsonAsync<List<CraftingRecipe>>("https://localhost:7234/api/Crafting/recipe");
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -0,0 +1,17 @@
|
|||||||
|
@typeparam TItem
|
||||||
|
@using System.Diagnostics.CodeAnalysis
|
||||||
|
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>@TableHeader</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
@foreach (var item in Items)
|
||||||
|
{
|
||||||
|
if (RowTemplate is not null)
|
||||||
|
{
|
||||||
|
<tr>@RowTemplate(item)</tr>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
@ -0,0 +1,16 @@
|
|||||||
|
using System.Diagnostics.CodeAnalysis;
|
||||||
|
using Microsoft.AspNetCore.Components;
|
||||||
|
|
||||||
|
namespace TP_Blazor.Shared;
|
||||||
|
|
||||||
|
public partial class TableTemplate<TItem>
|
||||||
|
{
|
||||||
|
[Parameter]
|
||||||
|
public RenderFragment? TableHeader { get; set; }
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public RenderFragment<TItem>? RowTemplate { get; set; }
|
||||||
|
|
||||||
|
[Parameter, AllowNull]
|
||||||
|
public IReadOnlyList<TItem> Items { get; set; }
|
||||||
|
}
|
||||||
@ -0,0 +1,10 @@
|
|||||||
|
global using TP_Blazor.Models;
|
||||||
|
global using TP_Blazor.Services;
|
||||||
|
global using TP_Blazor.Data;
|
||||||
|
global using System;
|
||||||
|
global using System.Collections.Generic;
|
||||||
|
global using System.Linq;
|
||||||
|
global using System.Threading.Tasks;
|
||||||
|
global using Microsoft.AspNetCore.Components;
|
||||||
|
global using Microsoft.Extensions.DependencyInjection;
|
||||||
|
global using Microsoft.Extensions.Logging;
|
||||||
Loading…
Reference in new issue