Files
WatchIt/WatchIt.Website/WatchIt.Website/Components/ListItemComponent.razor
2024-09-29 13:20:30 +02:00

26 lines
1.3 KiB
Plaintext

<div class="container-grid">
<div class="row">
<div class="col-auto">
<img id="picture" class="rounded-2 shadow object-fit-cover picture-aspect-ratio" src="@(_picture is not null ? _picture.ToString() : "assets/poster.png")" alt="picture" height="@(PictureHeight)"/>
</div>
<div class="col">
<div class="d-flex align-items-start flex-column h-100">
<div class="mb-auto">
<span id="nameText">
<strong>@(Name)</strong>@(string.IsNullOrWhiteSpace(AdditionalNameInfo) ? string.Empty : AdditionalNameInfo)
</span>
</div>
<div class="d-inline-flex gap-2">
<span id="ratingStar">★</span>
<div class="d-inline-flex flex-column justify-content-center">
<span id="ratingValue">@(_rating is not null && _rating.RatingCount > 0 ? _rating.RatingAverage : "--")/10</span>
@if (_rating is not null && _rating.RatingCount > 0)
{
<span id="ratingCount">@(_rating.RatingCount)</span>
}
</div>
</div>
</div>
</div>
</div>
</div>