PersonRolesEditCreatorComponent added
This commit is contained in:
@@ -0,0 +1,151 @@
|
||||
@using Blazorise.Extensions
|
||||
@using Blazorise.Components
|
||||
|
||||
|
||||
|
||||
<div class="rounded-3 panel panel-regular p-3 @(Class)">
|
||||
@if (_loaded)
|
||||
{
|
||||
<div class="vstack gap-3">
|
||||
<div class="container-grid">
|
||||
<div class="row gx-2">
|
||||
<div class="col align-self-center">
|
||||
<h3 class="m-0"><strong>Actor roles</strong></h3>
|
||||
</div>
|
||||
@if (!_editingMode)
|
||||
{
|
||||
<div class="col-auto">
|
||||
<button type="button" class="btn btn-secondary" disabled="@(!Id.HasValue)" @onclick="@(() => ActivateEdit())">Add</button>
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
if (!string.IsNullOrWhiteSpace(_error))
|
||||
{
|
||||
<div class="col-auto align-self-center">
|
||||
<span class="text-danger">@(_error)</span>
|
||||
</div>
|
||||
}
|
||||
<div class="col-auto">
|
||||
<button type="button" class="btn btn-secondary" @onclick="@(CancelEdit)">Cancel</button>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<button type="submit" class="btn btn-secondary" disabled="@(_saving)" @onclick="@(SaveEdit)">
|
||||
@if (!_saving)
|
||||
{
|
||||
<span>Save</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
|
||||
<span>Saving...</span>
|
||||
}
|
||||
</button>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
</div>
|
||||
@if (!_editingMode)
|
||||
{
|
||||
if (_roles.IsNullOrEmpty())
|
||||
{
|
||||
<span class="text-center">No items</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<table class="table table-sm table-transparent">
|
||||
<thead>
|
||||
<tr>
|
||||
<th scope="col">
|
||||
Media name
|
||||
</th>
|
||||
<th scope="col">
|
||||
Media type
|
||||
</th>
|
||||
<th scope="col">
|
||||
Role type
|
||||
</th>
|
||||
<th scope="col">
|
||||
Role name
|
||||
</th>
|
||||
<th class="table-cell-fit" scope="col">
|
||||
Actions
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="table-group-divider">
|
||||
@foreach (Guid roleId in _roles.Keys)
|
||||
{
|
||||
<tr>
|
||||
<td class="align-middle">
|
||||
@(Media[_roles[roleId].Data.MediaId].Title)@(Media[_roles[roleId].Data.MediaId].ReleaseDate.HasValue ? $" ({Media[_roles[roleId].Data.MediaId].ReleaseDate!.Value.Year})" : string.Empty)
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
@(Media[_roles[roleId].Data.MediaId].Type == MediaType.Movie ? $"Movie" : "TV Series")
|
||||
</td>
|
||||
<td class="align-middle">
|
||||
@(_roleTypes[_roles[roleId].Data.TypeId])
|
||||
</td>
|
||||
<td class="align-middle table-cell-fit">
|
||||
<div class="hstack gap-1">
|
||||
<button class="btn btn-outline-secondary btn-sm" type="button" disabled="@(!Id.HasValue || _roles[roleId].Deleting)" @onclick="@(() => ActivateEdit(roleId))"><i class="fas fa-edit"></i></button>
|
||||
<button class="btn btn-outline-danger btn-sm" type="button" disabled="@(!Id.HasValue || _roles[roleId].Deleting)" @onclick="@(() => Delete(roleId))">
|
||||
@if (_roles[roleId].Deleting)
|
||||
{
|
||||
<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<i class="fa-solid fa-trash"></i>
|
||||
}
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
<EditForm Model="@(_editedModel)">
|
||||
<AntiforgeryToken/>
|
||||
<div class="container-grid">
|
||||
<div class="row form-group mb-1">
|
||||
<label for="creatorFormMedia" class="col-1 col-form-label">Media:</label>
|
||||
<div class="col">
|
||||
<Autocomplete ElementId="creatorFormMedia"
|
||||
TItem="MediaResponse"
|
||||
TValue="long"
|
||||
Data="@(Media.Values)"
|
||||
TextField="@(item => item.ReleaseDate.HasValue ? $"{item.Title} ({item.ReleaseDate.Value.Year})" : item.Title)"
|
||||
ValueField="@(item => item.Id)"
|
||||
@bind-SelectedValue="@(_editedModel.MediaId)"
|
||||
Placeholder="Search..."
|
||||
Filter="AutocompleteFilter.Contains">
|
||||
<NotFoundContent Context="not_found_context"> Sorry... @not_found_context was not found</NotFoundContent>
|
||||
</Autocomplete>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row form-group my-1">
|
||||
<label for="creatorFormType" class="col-1 col-form-label">Type:</label>
|
||||
<div class="col">
|
||||
<InputSelect id="creatorFormType" class="form-control" TValue="short" @bind-Value="@(_editedModel.TypeId)">
|
||||
@foreach (KeyValuePair<short, string> type in _roleTypes)
|
||||
{
|
||||
<option value="@(type.Key)">@(type.Value)</option>
|
||||
}
|
||||
</InputSelect>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</EditForm>
|
||||
}
|
||||
</div>
|
||||
}
|
||||
else
|
||||
{
|
||||
<LoadingComponent Color="white"/>
|
||||
}
|
||||
</div>
|
||||
@@ -0,0 +1,149 @@
|
||||
using Microsoft.AspNetCore.Components;
|
||||
using WatchIt.Common.Model.Media;
|
||||
using WatchIt.Common.Model.Roles;
|
||||
using WatchIt.Website.Services.WebAPI.Media;
|
||||
using WatchIt.Website.Services.WebAPI.Persons;
|
||||
using WatchIt.Website.Services.WebAPI.Roles;
|
||||
|
||||
namespace WatchIt.Website.Components.PersonEditPage;
|
||||
|
||||
public partial class PersonRolesEditCreatorComponent : ComponentBase
|
||||
{
|
||||
#region SERVICES
|
||||
|
||||
[Inject] private IPersonsWebAPIService PersonsWebAPIService { get; set; } = default!;
|
||||
[Inject] private IMediaWebAPIService MediaWebAPIService { get; set; } = default!;
|
||||
[Inject] private IRolesWebAPIService RolesWebAPIService { get; set; } = default!;
|
||||
|
||||
#endregion
|
||||
|
||||
|
||||
|
||||
#region PARAMETERS
|
||||
|
||||
[Parameter] public required long? Id { get; set; }
|
||||
[Parameter] public required Dictionary<long, MediaResponse> Media { get; set; }
|
||||
[Parameter] public string Class { get; set; } = string.Empty;
|
||||
|
||||
#endregion
|
||||
|
||||
|
||||
|
||||
#region FIELDS
|
||||
|
||||
private bool _loaded;
|
||||
private string? _error;
|
||||
|
||||
private Dictionary<Guid, (CreatorRoleResponse Data, bool Deleting)> _roles = [];
|
||||
private Dictionary<short, string> _roleTypes = [];
|
||||
|
||||
|
||||
private Guid? _editedId;
|
||||
private ICreatorRolePersonRequest? _editedModel;
|
||||
|
||||
private bool _editingMode;
|
||||
private bool _saving;
|
||||
|
||||
#endregion
|
||||
|
||||
|
||||
|
||||
#region PUBLIC METHODS
|
||||
|
||||
protected override async Task OnAfterRenderAsync(bool firstRender)
|
||||
{
|
||||
if (firstRender)
|
||||
{
|
||||
List<Task> endTasks = new List<Task>();
|
||||
|
||||
// STEP 0
|
||||
if (Id.HasValue)
|
||||
{
|
||||
endTasks.AddRange(
|
||||
[
|
||||
PersonsWebAPIService.GetPersonAllCreatorRoles(Id.Value, successAction: data => _roles = data.ToDictionary(x => x.Id, x => (x, false))),
|
||||
RolesWebAPIService.GetAllCreatorRoleTypes(successAction: data => _roleTypes = data.ToDictionary(x => x.Id, x => x.Name)),
|
||||
]);
|
||||
}
|
||||
|
||||
// END
|
||||
await Task.WhenAll(endTasks);
|
||||
_roles = _roles.OrderBy(x => Media.First(y => y.Key == x.Value.Data.MediaId).Value.ReleaseDate).ToDictionary(x => x.Key, x => x.Value);
|
||||
|
||||
_loaded = true;
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
private void CancelEdit()
|
||||
{
|
||||
_error = null;
|
||||
_editingMode = false;
|
||||
}
|
||||
|
||||
private async Task SaveEdit()
|
||||
{
|
||||
void SuccessPost(CreatorRoleResponse data)
|
||||
{
|
||||
_roles[data.Id] = (data, false);
|
||||
_roles = _roles.OrderBy(x => Media.First(y => y.Key == x.Value.Data.MediaId).Value.ReleaseDate).ToDictionary(x => x.Key, x => x.Value);
|
||||
|
||||
_saving = false;
|
||||
_editingMode = false;
|
||||
}
|
||||
|
||||
void SuccessPut()
|
||||
{
|
||||
CreatorRoleResponse temp = _roles[_editedId!.Value].Data;
|
||||
temp.MediaId = _editedModel.MediaId;
|
||||
temp.TypeId = _editedModel.TypeId;
|
||||
|
||||
_roles[_editedId!.Value] = (temp, false);
|
||||
_roles = _roles.OrderBy(x => Media.First(y => y.Key == x.Value.Data.MediaId).Value.ReleaseDate).ToDictionary(x => x.Key, x => x.Value);
|
||||
|
||||
_saving = false;
|
||||
_editingMode = false;
|
||||
}
|
||||
|
||||
void BadRequest(IDictionary<string, string[]> errors)
|
||||
{
|
||||
_error = errors.SelectMany(x => x.Value).FirstOrDefault() ?? "Unknown error";
|
||||
_saving = false;
|
||||
}
|
||||
|
||||
void Unauthorized()
|
||||
{
|
||||
_error = "You do not have permission to do this";
|
||||
_saving = false;
|
||||
}
|
||||
|
||||
_error = null;
|
||||
_saving = true;
|
||||
if (_editedId.HasValue)
|
||||
{
|
||||
await RolesWebAPIService.PutCreatorRole(_editedId.Value, _editedModel as CreatorRoleUniversalRequest, SuccessPut, BadRequest, Unauthorized);
|
||||
}
|
||||
else
|
||||
{
|
||||
await PersonsWebAPIService.PostPersonCreatorRole(Id!.Value, _editedModel as CreatorRolePersonRequest, SuccessPost, BadRequest, Unauthorized);
|
||||
}
|
||||
}
|
||||
|
||||
private void ActivateEdit(Guid? id = null)
|
||||
{
|
||||
_editedId = id;
|
||||
_editedModel = id.HasValue ? new CreatorRoleUniversalRequest(_roles[id.Value].Data) : new CreatorRolePersonRequest()
|
||||
{
|
||||
TypeId = _roleTypes.Keys.First()
|
||||
};
|
||||
_editingMode = true;
|
||||
}
|
||||
|
||||
private async Task Delete(Guid id)
|
||||
{
|
||||
_roles[id] = (_roles[id].Data, true);
|
||||
await RolesWebAPIService.DeleteCreatorRole(id, () => _roles.Remove(id));
|
||||
}
|
||||
|
||||
#endregion
|
||||
}
|
||||
Reference in New Issue
Block a user