@if (string.IsNullOrWhiteSpace(Data.Poster))
{
@@ -14,17 +14,34 @@
}
+ @if (IsSelected)
+ {
+
+
+
+ }
-
+
- @if (AddToCollectionClicked.HasDelegate)
+ @if (SelectClicked.HasDelegate)
+ {
+
+ }
+ @if (AddToCollectionClicked.HasDelegate && !IsSelectMode)
{
}
- @if (DeleteClicked.HasDelegate)
+ @if (DeleteClicked.HasDelegate && !IsSelectMode)
{
AddToCollectionClicked { get; set; }
+ [Parameter]
+ public EventCallback SelectClicked { get; set; }
+
+ [Parameter]
+ public bool IsSelectMode { get; set; }
+
+ [Parameter]
+ public bool IsSelected { get; set; }
+
private string GetPlaceholder(string sortTitle)
{
if (Placeholder != null)
diff --git a/ErsatzTV/wwwroot/css/site.css b/ErsatzTV/wwwroot/css/site.css
index 8a0726b75..64e0a4d4b 100644
--- a/ErsatzTV/wwwroot/css/site.css
+++ b/ErsatzTV/wwwroot/css/site.css
@@ -18,6 +18,10 @@
width: 152px;
}
+.media-card-selected {
+ box-shadow: 0 0 0 3px #00c000, 0 0 4px rgba(0, 0, 0, 0.3);
+}
+
.media-card-episode { width: 392px; }
.media-card:hover { /*filter: brightness(75%);*/ }