beenull/Moonlight
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved ux for ticket popup

Browse source
This commit is contained in:
Marcel Baumgartner 2024-02-13 22:46:31 +01:00
parent 068858f3a1
commit 6ec86fdc25
1 changed files with 24 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
Moonlight/Features/Ticketing/UI/Components/TicketPopupMain.razor
View file

@ -1,36 +1,37 @@
@using Moonlight.Features.Ticketing.Entities
<div class="mb-4 me-4 d-flex justify-content-end fixed-bottom" style="pointer-events: none;">
<CascadingValue Value="this">
@if (ViewIndex == 0)
{
<button @onclick="() => SetViewIndex(1)" class="btn btn-lg btn-icon btn-rounded-circle bg-secondary btn-white border border-2 border-warning" style="pointer-events: all">
<i class="bx bg-lg bx-chat"></i>
</button>
}
else
{
<div class="card border border-2 border-warning" style="pointer-events: all; height: 70vh">
@if (ViewIndex == 1)
{
<TicketPopupOverview />
}
else if (ViewIndex == 2)
{
<TicketPopupView />
}
else if (ViewIndex == 3)
{
<TicketPopupCreate />
}
</div>
}
{
<button @onclick="() => SetViewIndex(1)" class="btn btn-lg btn-icon btn-rounded-circle bg-secondary btn-white border border-2 border-warning hover-scale opacity-50 opacity-100-hover" style="pointer-events: all">
<i class="bx bg-lg bx-chat"></i>
</button>
}
else
{
<div class="card border border-2 border-warning" style="pointer-events: all; height: 70vh">
@if (ViewIndex == 1)
{
<TicketPopupOverview/>
}
else if (ViewIndex == 2)
{
<TicketPopupView/>
}
else if (ViewIndex == 3)
{
<TicketPopupCreate/>
}
</div>
}
</CascadingValue>
</div>
@code
{
private int ViewIndex = 0;
public Ticket CurrentTicket { get; private set; }
public async Task SetViewIndex(int index)