mirror of https://github.com/Squidex/squidex.git
Sebastian Stehle
9 years ago
20 changed files with 268 additions and 67 deletions
|
Before Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 65 KiB |
|
Before Width: | Height: | Size: 65 KiB |
@ -0,0 +1,107 @@ |
|||
// ==========================================================================
|
|||
// AssetContentController.cs
|
|||
// Squidex Headless CMS
|
|||
// ==========================================================================
|
|||
// Copyright (c) Squidex Group
|
|||
// All rights reserved.
|
|||
// ==========================================================================
|
|||
|
|||
using System; |
|||
using System.IO; |
|||
using System.Threading.Tasks; |
|||
using Microsoft.AspNetCore.Mvc; |
|||
using NSwag.Annotations; |
|||
using Squidex.Infrastructure.Assets; |
|||
using Squidex.Infrastructure.CQRS.Commands; |
|||
using Squidex.Pipeline; |
|||
using Squidex.Read.Assets.Repositories; |
|||
|
|||
#pragma warning disable 1573
|
|||
|
|||
namespace Squidex.Controllers.Api.Assets |
|||
{ |
|||
/// <summary>
|
|||
/// Uploads and retrieves assets.
|
|||
/// </summary>
|
|||
[ApiExceptionFilter] |
|||
[ServiceFilter(typeof(AppFilterAttribute))] |
|||
[SwaggerTag("Assets")] |
|||
public class AssetContentController : ControllerBase |
|||
{ |
|||
private readonly IAssetStore assetStorage; |
|||
private readonly IAssetRepository assetRepository; |
|||
private readonly IAssetThumbnailGenerator assetThumbnailGenerator; |
|||
|
|||
public AssetContentController( |
|||
ICommandBus commandBus, |
|||
IAssetStore assetStorage, |
|||
IAssetRepository assetRepository, |
|||
IAssetThumbnailGenerator assetThumbnailGenerator) |
|||
: base(commandBus) |
|||
{ |
|||
this.assetStorage = assetStorage; |
|||
this.assetRepository = assetRepository; |
|||
this.assetThumbnailGenerator = assetThumbnailGenerator; |
|||
} |
|||
|
|||
/// <summary>
|
|||
/// Gets the content of the asset.
|
|||
/// </summary>
|
|||
/// <param name="app">The name of the app.</param>
|
|||
/// <param name="id">The id of the asset.</param>
|
|||
/// <param name="mode">The resize mode.</param>
|
|||
/// <param name="width">The target width of the image.</param>
|
|||
/// <param name="height">The target width of the image.</param>
|
|||
/// <returns>
|
|||
/// 200 => Asset content returned.
|
|||
/// 404 => App or Asset not found.
|
|||
/// </returns>
|
|||
[HttpGet] |
|||
[Route("assets/{id}/")] |
|||
public async Task<IActionResult> GetAssetContent(string app, Guid id, [FromQuery] int? width = null, [FromQuery] int? height = null, [FromQuery] string mode = null) |
|||
{ |
|||
var asset = await assetRepository.FindAssetAsync(id); |
|||
|
|||
if (asset == null) |
|||
{ |
|||
return NotFound(); |
|||
} |
|||
|
|||
Stream content; |
|||
|
|||
if (asset.IsImage && (width.HasValue || height.HasValue)) |
|||
{ |
|||
var name = $"{asset.Id}_{asset.Version}_{width}_{height}_{mode}"; |
|||
|
|||
content = await assetStorage.GetAssetAsync(name); |
|||
|
|||
if (content == null) |
|||
{ |
|||
var fullSizeContent = await assetStorage.GetAssetAsync($"{asset.Id}_{asset.Version}"); |
|||
|
|||
if (fullSizeContent == null) |
|||
{ |
|||
return NotFound(); |
|||
} |
|||
|
|||
content = await assetThumbnailGenerator.CreateThumbnailAsync(fullSizeContent, width, height, mode); |
|||
|
|||
await assetStorage.UploadAssetAsync(name, content); |
|||
|
|||
content.Position = 0; |
|||
} |
|||
} |
|||
else |
|||
{ |
|||
content = await assetStorage.GetAssetAsync($"{asset.Id}_{asset.Version}"); |
|||
} |
|||
|
|||
if (content == null) |
|||
{ |
|||
return NotFound(); |
|||
} |
|||
|
|||
return new FileStreamResult(content, asset.MimeType); |
|||
} |
|||
} |
|||
} |
|||
@ -1,7 +1,12 @@ |
|||
<div class="card"> |
|||
<div class="card-block"> |
|||
</div> |
|||
<div class="card-footer"> |
|||
{{fileInfo}} |
|||
<div class="asset"> |
|||
<div class="card"> |
|||
<div class="card-block"> |
|||
<div *ngIf="asset && asset.isImage"> |
|||
<img [attr.src]="previewUrl | async"> |
|||
</div> |
|||
</div> |
|||
<div class="card-footer"> |
|||
{{fileInfo}} |
|||
</div> |
|||
</div> |
|||
</div> |
|||
@ -1,11 +1,25 @@ |
|||
@import '_vars'; |
|||
@import '_mixins'; |
|||
|
|||
$card-size: 16rem; |
|||
$card-size: 240px; |
|||
|
|||
:host { |
|||
padding-bottom: 1rem; |
|||
} |
|||
|
|||
.card { |
|||
width: $card-size; |
|||
height: $card-size; |
|||
margin-right: 1rem; |
|||
margin-bottom: 1rem; |
|||
& { |
|||
height: $card-size; |
|||
} |
|||
|
|||
&-block { |
|||
padding: .8rem .8rem 0; |
|||
} |
|||
|
|||
&-footer { |
|||
border: 0; |
|||
font-size: .8rem; |
|||
font-weight: normal; |
|||
padding: .8rem; |
|||
} |
|||
} |
|||
Loading…
Reference in new issue