wabbajack/Wabbajack.App.Blazor/Components/ModlistItem.razor

32 lines
1.1 KiB
Plaintext

@namespace Wabbajack.App.Blazor.Components
@using Wabbajack.App.Blazor.Store
@using Wabbajack.RateLimiter
@inherits Fluxor.Blazor.Web.Components.FluxorComponent
<div class="item">
<div class="display">
<img src="@Metadata.Links.ImageUri" loading="lazy" class="image" alt="@Metadata.Title Image">
<div class="interaction">
@if (_downloadState.Value.CurrentDownloadState == DownloadState.DownloadStateEnum.Downloading)
{
<img src="images/icons/install.svg" class="install hidden" alt="Install">
}
else
{
<img src="images/icons/install.svg" class="install" alt="Install" @onclick="Download">
}
<img src="images/icons/info.svg" class="more" alt="Information">
</div>
</div>
@if (DownloadProgress != Percent.Zero)
{
<ProgressBar Percentage=@DownloadProgress></ProgressBar>
}
<div class="info">
<div class="title">@Metadata.Title</div>
<div class="author">@Metadata.Author</div>
<div class="description">@Metadata.Description</div>
</div>
<div class="tags"></div>
</div>