-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Showing
7 changed files
with
140 additions
and
92 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,60 +1,70 @@ | ||
@page "/management" | ||
@using EventulaEntranceClient.Pages.Components | ||
@using static Microsoft.AspNetCore.Components.Web.RenderMode | ||
|
||
@rendermode InteractiveServer | ||
@implements IDisposable | ||
|
||
<div class="@AnimationClass" onmousemove="@(() => ResetTimerInterval())" onkeypress="@(() => ResetTimerInterval())"> | ||
|
||
<audio id="newParticipantSound" src="/audio/mixkit-elevator-tone-2863.wav" /> | ||
<audio id="revokedParticipantSound" src="/audio/mixkit-arcade-space-shooter-dead-notification-272.wav" /> | ||
|
||
<div class="row"> | ||
<div class="col-8 col-md-9 col-lg-10"> | ||
<div class="row"> | ||
@foreach (var signInPlace in ParticipantSignInPlaces) | ||
{ | ||
<div class="col-12 col-lg-6 col-xl-4 mb-3"> | ||
<ParticipantSignInPlaceComponent SignInPlace="@signInPlace"></ParticipantSignInPlaceComponent> | ||
</div> | ||
} | ||
</div> | ||
</div> | ||
<div class="col-4 col-md-3 col-lg-2"> | ||
<div class="d-grid gap-1"> | ||
<button type="button" class="btn btn-outline-primary btn-sm" onclick="@(() => GoBack())"> | ||
<i class="oi oi-arrow-left text-primary"></i> Go back | ||
</button> | ||
@if (@IsRunningElectron) | ||
{ | ||
<button type="button" class="btn btn-outline-primary btn-sm" onclick="@(() => CloseApp())"> | ||
<i class="oi oi-circle-x text-primary"></i> Close app | ||
</button> | ||
} | ||
</div> | ||
<hr /> | ||
<video id="videoFeed" width="1920" height="1080" /> | ||
<div>@LastTicketNr</div> | ||
<hr /> | ||
<div class="d-grid gap-1"> | ||
@foreach (var participant in Participants) | ||
{ | ||
<button class="btn btn-outline-primary" type="button" onclick="@(() => AddToSignInPlace(participant))"> | ||
<div class="d-flex justify-content-start"> | ||
<div class="flex-shrink-0"> | ||
<img class="card-img" src="@participant.User.Avatar" alt="@participant.User.Steamname" width="64" height="64"> | ||
</div> | ||
<div class="flex-grow-1 text-start m-2"> | ||
<p class="m-0 text-break">@participant.User.Firstname @participant.User.Surname</p> | ||
<p class="m-0 text-muted text-break">@@@participant.User.Steamname</p> | ||
</div> | ||
</div> | ||
</button> | ||
} | ||
</div> | ||
</div> | ||
</div> | ||
<audio id="newParticipantSound" src="/audio/mixkit-elevator-tone-2863.wav" /> | ||
<audio id="revokedParticipantSound" src="/audio/mixkit-arcade-space-shooter-dead-notification-272.wav" /> | ||
|
||
<div class="row"> | ||
<div class="col-8 col-md-9 col-lg-10"> | ||
<div class="row"> | ||
@foreach (var signInPlace in ParticipantSignInPlaces) | ||
{ | ||
<div class="col-12 col-lg-6 col-xl-4 mb-3"> | ||
<ParticipantSignInPlaceComponent SignInPlace="@signInPlace"></ParticipantSignInPlaceComponent> | ||
</div> | ||
} | ||
</div> | ||
</div> | ||
<div class="col-4 col-md-3 col-lg-2"> | ||
<div class="d-grid gap-1"> | ||
<button type="button" class="btn btn-outline-primary btn-sm" onclick="@(() => GoBack())"> | ||
<i class="oi oi-arrow-left text-primary"></i> Go back | ||
</button> | ||
@if (@IsRunningElectron) | ||
{ | ||
<button type="button" class="btn btn-outline-primary btn-sm" onclick="@(() => CloseApp())"> | ||
<i class="oi oi-circle-x text-primary"></i> Close app | ||
</button> | ||
} | ||
</div> | ||
<hr /> | ||
<video id="videoFeed" width="1920" height="1080" /> | ||
<div>@LastTicketNr</div> | ||
<hr /> | ||
<div class="d-grid gap-1"> | ||
@foreach (var participant in Participants) | ||
{ | ||
<button class="btn btn-outline-primary @(participant.Revoked != 0 ? "btn-outline-danger": string.Empty)" type="button" @onclick="()=>AddToSignInPlace(participant)"> | ||
<div class="d-flex justify-content-start"> | ||
|
||
@if (participant.Revoked != 0) | ||
{ | ||
<div class="position-absolute align-self-center"><p class="m-0 fs-3 p-2 rounded-4 rotate-30" style="color: var(--bs-btn-hover-color);border: 2px var(--bs-btn-hover-color) solid;background: var(--bs-btn-color);">Revoked!</p></div> | ||
} | ||
|
||
<div class="flex-shrink-0"> | ||
<img class="card-img" src="@participant.User.Avatar" alt="@participant.User.Steamname" width="64" height="64"> | ||
</div> | ||
|
||
<div class="flex-grow-1 text-start m-2"> | ||
|
||
<p class="m-0 text-break">@participant.User.Firstname @participant.User.Surname</p> | ||
<p class="m-0 text-muted text-break">@@@participant.User.Steamname</p> | ||
</div> | ||
</div> | ||
</button> | ||
} | ||
</div> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<footer class="fixed-bottom text-center footer"> | ||
<a href="settings/?ac=@AccessCode">Settings</a> | ||
<a href="settings/?ac=@AccessCode">Settings</a> | ||
</footer> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -141,4 +141,9 @@ video { | |
100% { | ||
box-shadow: 0 0 50px rgba(50, 160, 50, 1); | ||
} | ||
} | ||
} | ||
|
||
|
||
.rotate-30 { | ||
transform: rotate(30deg); | ||
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters