From 89ac7278e146742e8bc1cddaefb22fcba6dc27dc Mon Sep 17 00:00:00 2001 From: "t.ruspekhofer" Date: Thu, 17 Mar 2022 23:36:21 +0100 Subject: [PATCH] added status icons (signed up, not signed up, full) --- Lieb/Pages/Raids/RaidDetails.razor | 26 +++++++++++++++-- Lieb/Pages/Raids/RaidDetails.razor.css | 39 ++++++++++++++++++++++++++ 2 files changed, 63 insertions(+), 2 deletions(-) diff --git a/Lieb/Pages/Raids/RaidDetails.razor b/Lieb/Pages/Raids/RaidDetails.razor index 33a66ee..e071f6c 100644 --- a/Lieb/Pages/Raids/RaidDetails.razor +++ b/Lieb/Pages/Raids/RaidDetails.razor @@ -10,9 +10,31 @@ - + + +
@_raid.Title +@if (_user != null && _isRaidSignUpAllowed) +{ +
+ @if(_raid.SignUps.Where(s => s.LiebUserId == _user.LiebUserId).Any()) + { + + You are signed up + } + else if(_raid.SignUps.Where(s => s.SignUpType == SignUpType.SignedUp).Count() < _raid.Roles.Sum(r => r.Spots)) + { + + You can sign up + } + else + { + + The raid is full + } +
+} +
-
@_raid.Title
diff --git a/Lieb/Pages/Raids/RaidDetails.razor.css b/Lieb/Pages/Raids/RaidDetails.razor.css index e833368..8107303 100644 --- a/Lieb/Pages/Raids/RaidDetails.razor.css +++ b/Lieb/Pages/Raids/RaidDetails.razor.css @@ -38,4 +38,43 @@ h5 { table { column-width: auto; color: lightgray; +} + +.errormessage{ + color:red; +} + +.signUpStatusTooltip { + position: relative; + display: inline-block; + margin-left: 150px; +} + +.signUpStatusTooltip .tooltiptext { + visibility: hidden; + width: 120px; + background-color: black; + color: #fff; + text-align: center; + border-radius: 6px; + padding: 5px 0; + position: absolute; + z-index: 1; + top: -5px; + right: 110%; +} + +.signUpStatusTooltip .tooltiptext::after { + content: ""; + position: absolute; + top: 50%; + left: 100%; + margin-top: -5px; + border-width: 5px; + border-style: solid; + border-color: transparent transparent transparent black; +} + +.signUpStatusTooltip:hover .tooltiptext { + visibility: visible; } \ No newline at end of file