111 lines
3.8 KiB
Plaintext
111 lines
3.8 KiB
Plaintext
@using JSMR.Application.VoiceWorks.Queries.Search
|
|
@using JSMR.UI.Blazor.Services
|
|
@using System.Globalization
|
|
|
|
<div class="j-card j-voice-work-card">
|
|
<div class="j-voice-work-image-container">
|
|
<JImage OverlayClass="j-voice-work-image-overlay" ImageClass="j-voice-work-image" Source="@ImageUrlProvider.GetImageUrl(Product, "main")"></JImage>
|
|
</div>
|
|
<div class="j-voice-work-content">
|
|
<div class="j-product-title">
|
|
<a href="@Product.ProductUrl" target="_blank">@Product.ProductName</a>
|
|
</div>
|
|
<div class="j-product-contributors">
|
|
<span class="j-circle">
|
|
<MudChip T="string"
|
|
Href=@($"https://www.dlsite.com/maniax/circle/profile/=/maker_id/{Product.MakerId}.html")
|
|
Target="_blank"
|
|
Variant="Variant.Filled"
|
|
Icon="@Icons.Material.Outlined.Circle">@Product.Maker</MudChip>
|
|
@foreach (var creator in Product.Creators)
|
|
{
|
|
<MudChip T="string"
|
|
Href=@($"https://www.dlsite.com/maniax/fsr/=/keyword_creater/{creator.Name}")
|
|
Target="_blank"
|
|
Variant="Variant.Filled"
|
|
Icon="@Icons.Material.Filled.Person">@creator.Name</MudChip>
|
|
}
|
|
</span>
|
|
</div>
|
|
<div class="j-product-description">@Product.Description</div>
|
|
<div class="j-tags">
|
|
@foreach (var tag in Product.Tags)
|
|
{
|
|
<div class="j-tag">@tag.Name</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
<div class="j-voice-work-info">
|
|
<div class="j-release-date-container">
|
|
<span class="j-icon j-icon-calendar"></span>
|
|
<span>@GetReleaseDateText(Product)</span>
|
|
</div>
|
|
<div class="j-wishlist-container">
|
|
<span class="j-icon j-icon-star j-icon-color-yellow"></span>
|
|
<span>@((Product.WishlistCount ?? 0).ToString("n0"))</span>
|
|
</div>
|
|
@if (Product.SalesDate is not null)
|
|
{
|
|
<div class="j-downloads-container">
|
|
<span class="j-icon j-icon-bag-fill j-icon-color-green"></span>
|
|
<span>@((Product.Downloads ?? 0).ToString("n0"))</span>
|
|
</div>
|
|
}
|
|
@* <div class="j-icon-2 j-icon-2-flag-@GetFlagClassSuffix(Product)"></div> *@
|
|
<div class="j-spacer"></div>
|
|
@if (Product.HasTrial || Product.HasChobit)
|
|
{
|
|
<div class="j-trial-container">
|
|
<div class="j-icon j-icon-headphones"></div>
|
|
</div>
|
|
}
|
|
</div>
|
|
</div>
|
|
|
|
@code {
|
|
[Parameter]
|
|
public required VoiceWorkSearchResult Product { get; set; }
|
|
|
|
private string GetReleaseDateText(VoiceWorkSearchResult voiceWork)
|
|
{
|
|
if (voiceWork.SalesDate.HasValue)
|
|
{
|
|
return voiceWork.SalesDate.Value.ToString("MMMM d, yyyy", CultureInfo.CurrentCulture);
|
|
}
|
|
|
|
if (voiceWork.PlannedReleaseDate.HasValue)
|
|
{
|
|
return voiceWork.PlannedReleaseDate.Value.ToString("MMMM d, yyyy", CultureInfo.CurrentCulture);
|
|
}
|
|
|
|
if (voiceWork.ExpectedDate.HasValue)
|
|
{
|
|
string part = voiceWork.ExpectedDate.Value.Day switch
|
|
{
|
|
21 => "Late",
|
|
11 => "Middle",
|
|
_ => "Early"
|
|
};
|
|
|
|
return $"{part} {voiceWork.ExpectedDate.Value.ToString("MMMM yyyy")}";
|
|
}
|
|
|
|
return "Unknown";
|
|
}
|
|
|
|
private string GetFlagClassSuffix(VoiceWorkSearchResult voiceWork)
|
|
{
|
|
switch (voiceWork.SubtitleLanguage)
|
|
{
|
|
case 1:
|
|
return "us";
|
|
case 2:
|
|
return "cn";
|
|
case 3:
|
|
return "kr";
|
|
default:
|
|
return "jp";
|
|
}
|
|
}
|
|
}
|