Sarah/Lieb-Website
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity

made Raids collapsable

Browse source
This commit is contained in:
t.ruspekhofer 2022-03-17 23:44:25 +01:00
parent 89ac7278e1
commit 3b2e0cf3cb
1 changed files with 70 additions and 63 deletions
Download patch file Download diff file Expand all files Collapse all files

133
Lieb/Pages/Raids/RaidDetails.razor
View file

@ -10,76 +10,81 @@
<body> <body>
<label class="errormessage">@_errorMessage</label> <div @onclick="() => _isCollapsed = !_isCollapsed">
<label class="errormessage">@_errorMessage</label>
<h5>@_raid.Title <h5>@_raid.Title
@if (_user != null && _isRaidSignUpAllowed) @if (_user != null && _isRaidSignUpAllowed)
{ {
<div class="signUpStatusTooltip"> <div class="signUpStatusTooltip">
@if(_raid.SignUps.Where(s => s.LiebUserId == _user.LiebUserId).Any()) @if(_raid.SignUps.Where(s => s.LiebUserId == _user.LiebUserId).Any())
{ {
<span class="oi oi-badge" style="color:green"></span> <span class="oi oi-badge" style="color:green"></span>
<span class="tooltiptext">You are signed up</span> <span class="tooltiptext">You are signed up</span>
} }
else if(_raid.SignUps.Where(s => s.SignUpType == SignUpType.SignedUp).Count() < _raid.Roles.Sum(r => r.Spots)) else if(_raid.SignUps.Where(s => s.SignUpType == SignUpType.SignedUp).Count() < _raid.Roles.Sum(r => r.Spots))
{ {
<span class="oi oi-aperture nametooltip"></span> <span class="oi oi-aperture nametooltip"></span>
<span class="tooltiptext">You can sign up</span> <span class="tooltiptext">You can sign up</span>
} }
else else
{ {
<span class="oi oi-ban nametooltip" style="color:red"></span> <span class="oi oi-ban nametooltip" style="color:red"></span>
<span class="tooltiptext">The raid is full</span> <span class="tooltiptext">The raid is full</span>
} }
</div> </div>
} }
</h5> </h5>
<label style="white-space: pre-line">@_raid.Description</label> <label style="white-space: pre-line">@_raid.Description</label>
<span class="timesblock"> <span class="timesblock">
<span class="times"> <span class="times">
<h5>Date</h5> <h5>Date</h5>
<p>@_startTime.DateTime.ToLongDateString()</p> <p>@_startTime.DateTime.ToLongDateString()</p>
</span>
<span class="times">
<h5>Time</h5>
<p>from: @_startTime.DateTime.ToShortTimeString() to: @_endTime.DateTime.ToShortTimeString()</p>
</span>
</span> </span>
<span class="times">
<h5>Time</h5>
<p>from: @_startTime.DateTime.ToShortTimeString() to: @_endTime.DateTime.ToShortTimeString()</p>
</span>
</span>
<span class="detailsblock">
<span class="details">
<h5>Organizer</h5>
<p>@_raid.Organizer</p>
</span>
<span class="details">
<h5>Guild</h5>
<p>@_raid.Guild</p>
</span>
<span class="details">
<h5>Voice chat</h5>
<p>@_raid.VoiceChat</p>
</span>
</span>
<RaidRoles _raid=@_raid _user=@_user _isRaidSignUpAllowed=@_isRaidSignUpAllowed/>
<div>
<AuthorizeView>
<button class="controlButton" @onclick="() => SignOffClicked()">Sign Off</button>
</AuthorizeView>
<AuthorizeView Policy="@Constants.Roles.RaidLead">
<button class="controlButton" @onclick="() => EditClicked()">Edit</button>
@if(_raid.RaidType != RaidType.Planned)
{
<button class="controlButton" type=button @onclick="() => RandomizeClicked()">Randomize</button>
}
</AuthorizeView>
</div> </div>
@if (!_isCollapsed)
{
<span class="detailsblock">
<span class="details">
<h5>Organizer</h5>
<p>@_raid.Organizer</p>
</span>
<span class="details">
<h5>Guild</h5>
<p>@_raid.Guild</p>
</span>
<span class="details">
<h5>Voice chat</h5>
<p>@_raid.VoiceChat</p>
</span>
</span>
<RaidRoles _raid=@_raid _user=@_user _isRaidSignUpAllowed=@_isRaidSignUpAllowed/>
<div>
<AuthorizeView>
<button class="controlButton" @onclick="() => SignOffClicked()">Sign Off</button>
</AuthorizeView>
<AuthorizeView Policy="@Constants.Roles.RaidLead">
<button class="controlButton" @onclick="() => EditClicked()">Edit</button>
@if (_raid.RaidType != RaidType.Planned)
{
<button class="controlButton" type=button @onclick="() => RandomizeClicked()">Randomize</button>
}
</AuthorizeView>
</div>
}
</body> </body>
@code { @code {
@ -97,6 +102,8 @@
private DateTimeOffset _endTime; private DateTimeOffset _endTime;
private DateTimeOffset _freeForAllTime; private DateTimeOffset _freeForAllTime;
bool _isCollapsed = true;
protected override async Task OnParametersSetAsync() protected override async Task OnParametersSetAsync()
{ {
_isRaidSignUpAllowed = _user != null && RaidService.IsRaidSignUpAllowed(_user.LiebUserId, _raid.RaidId, out _errorMessage); _isRaidSignUpAllowed = _user != null && RaidService.IsRaidSignUpAllowed(_user.LiebUserId, _raid.RaidId, out _errorMessage);