Added image deletion functionality to product creation #20
@@ -1,6 +1,4 @@
|
||||
using LiteCharms.Features.S3.Abstractions;
|
||||
using Microsoft.AspNetCore.Components.Forms;
|
||||
using System.ComponentModel.DataAnnotations;
|
||||
using static LiteCharms.Features.S3.Constants;
|
||||
|
||||
namespace ShopAdmin.Components;
|
||||
@@ -16,6 +14,8 @@ public partial class CreateProduct([FromKeyedServices(BookshopBucketName)] IS3Se
|
||||
|
||||
private const long MaxAllowedFileSize = 1024 * 1024 * 5;
|
||||
|
||||
private readonly Func<string, string> GetFileKeyFromUrl = url => url.Split('/').Last();
|
||||
|
||||
protected override void OnInitialized()
|
||||
{
|
||||
base.OnInitialized();
|
||||
@@ -26,15 +26,11 @@ public partial class CreateProduct([FromKeyedServices(BookshopBucketName)] IS3Se
|
||||
ProductModel.Thumbnails = [.. Enumerable.Repeat(string.Empty, 5)];
|
||||
}
|
||||
|
||||
// Your saving logic goes here when the ledger button is clicked
|
||||
public Task HandleValidSubmit() => Task.CompletedTask;
|
||||
|
||||
// Checks if a valid URL asset exists at the specified position
|
||||
public bool HasAssetAt(int index) => ProductModel?.Thumbnails == null || index >= ProductModel.Thumbnails.Count
|
||||
? false
|
||||
: !string.IsNullOrWhiteSpace(ProductModel.Thumbnails[index]);
|
||||
public bool HasAssetAt(int index) => (ProductModel?.Thumbnails) != null && index < ProductModel.Thumbnails.Count &&
|
||||
!string.IsNullOrWhiteSpace(ProductModel.Thumbnails[index]);
|
||||
|
||||
// Handles uploading the primary image node
|
||||
private async Task HandleMainImageUpload(InputFileChangeEventArgs e)
|
||||
{
|
||||
try
|
||||
@@ -47,6 +43,8 @@ public partial class CreateProduct([FromKeyedServices(BookshopBucketName)] IS3Se
|
||||
|
||||
await file.OpenReadStream(MaxAllowedFileSize).CopyToAsync(stream, cancellationToken);
|
||||
|
||||
stream.Seek(0, SeekOrigin.Begin);
|
||||
|
||||
var result = await s3Service.UploadFileAsync(file.Name, stream,
|
||||
MimeTypes.GetMimeType(file.Name), cancellationToken);
|
||||
|
||||
@@ -65,20 +63,20 @@ public partial class CreateProduct([FromKeyedServices(BookshopBucketName)] IS3Se
|
||||
|
||||
public void SetPreviewActive(string? url)
|
||||
{
|
||||
if (!string.IsNullOrWhiteSpace(url))
|
||||
{
|
||||
if (string.IsNullOrWhiteSpace(url)) return;
|
||||
|
||||
ActivePreviewUrl = url;
|
||||
|
||||
StateHasChanged();
|
||||
}
|
||||
}
|
||||
|
||||
public void ClosePreviewDrawer()
|
||||
{
|
||||
ActivePreviewUrl = null;
|
||||
|
||||
StateHasChanged();
|
||||
}
|
||||
|
||||
// Handles uploading a thumbnail image into its specific slot index
|
||||
private async Task HandleThumbnailUpload(InputFileChangeEventArgs e, int index)
|
||||
{
|
||||
try
|
||||
@@ -91,6 +89,8 @@ public partial class CreateProduct([FromKeyedServices(BookshopBucketName)] IS3Se
|
||||
|
||||
await file.OpenReadStream(MaxAllowedFileSize, cancellationToken).CopyToAsync(stream, cancellationToken);
|
||||
|
||||
stream.Seek(0, SeekOrigin.Begin);
|
||||
|
||||
var result = await s3Service.UploadFileAsync(file.Name, stream,
|
||||
MimeTypes.GetMimeType(file.Name), cancellationToken);
|
||||
|
||||
@@ -107,25 +107,42 @@ public partial class CreateProduct([FromKeyedServices(BookshopBucketName)] IS3Se
|
||||
}
|
||||
}
|
||||
|
||||
public void ClearMainImage()
|
||||
public async Task ClearMainImage()
|
||||
{
|
||||
if (ActivePreviewUrl == ProductModel.ImageUrl)
|
||||
{
|
||||
ActivePreviewUrl = null;
|
||||
}
|
||||
if (string.IsNullOrEmpty(ProductModel.ImageUrl)) return;
|
||||
|
||||
var targetUrl = ProductModel.ImageUrl;
|
||||
|
||||
if (ActivePreviewUrl == targetUrl) ActivePreviewUrl = null;
|
||||
|
||||
ProductModel.ImageUrl = null;
|
||||
|
||||
StateHasChanged();
|
||||
|
||||
var result = await s3Service.DeleteFileAsync(GetFileKeyFromUrl(targetUrl));
|
||||
|
||||
if (!result.IsSuccess)
|
||||
Console.WriteLine($"[S3 Orphan Cleanup Failure]: {result.Errors[0].Message}");
|
||||
}
|
||||
|
||||
public void RemoveThumbnailAt(int index)
|
||||
public async Task RemoveThumbnailAt(int index)
|
||||
{
|
||||
if (index >= 0 && index < ProductModel.Thumbnails.Count)
|
||||
{
|
||||
if (ActivePreviewUrl == ProductModel.Thumbnails[index])
|
||||
{
|
||||
ActivePreviewUrl = null;
|
||||
}
|
||||
if (index < 0 || index >= ProductModel.Thumbnails.Count) return;
|
||||
|
||||
var targetUrl = ProductModel.Thumbnails[index];
|
||||
|
||||
if (string.IsNullOrEmpty(targetUrl)) return;
|
||||
|
||||
if (ActivePreviewUrl == targetUrl) ActivePreviewUrl = null;
|
||||
|
||||
ProductModel.Thumbnails[index] = string.Empty;
|
||||
}
|
||||
|
||||
StateHasChanged();
|
||||
|
||||
var result = await s3Service.DeleteFileAsync(GetFileKeyFromUrl(targetUrl));
|
||||
|
||||
if (result.IsFailed)
|
||||
Console.WriteLine($"[S3 Thumbnail Cleanup Failure]: {result.Errors[0].Message}");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
@@ -16,7 +16,7 @@
|
||||
</ItemGroup>
|
||||
|
||||
<ItemGroup>
|
||||
<PackageReference Include="LiteCharms.Features" Version="1.39.0" />
|
||||
<PackageReference Include="LiteCharms.Features" Version="1.40.0" />
|
||||
<PackageReference Include="Microsoft.AspNetCore.Components.QuickGrid" Version="10.0.8" />
|
||||
<PackageReference Include="Polly" Version="8.6.6" />
|
||||
</ItemGroup>
|
||||
@@ -59,6 +59,8 @@
|
||||
<!-- Shared Global Usings -->
|
||||
<ItemGroup>
|
||||
<Using Include="MimeKit" />
|
||||
<Using Include="System.ComponentModel.DataAnnotations" />
|
||||
<Using Include="Microsoft.AspNetCore.Components.Forms" />
|
||||
<Using Include="Microsoft.AspNetCore.Components.QuickGrid" />
|
||||
<Using Include="Microsoft.AspNetCore.HttpOverrides" />
|
||||
<Using Include="Microsoft.AspNetCore.Authentication" />
|
||||
|
||||
Reference in New Issue
Block a user