Added details in ticket view. Renamed mail verify button

This commit is contained in:
Marcel Baumgartner
2023-11-09 14:09:23 +01:00
parent 332937f964
commit b492d65efb
3 changed files with 109 additions and 93 deletions

View File

@@ -44,20 +44,4 @@
<PackageReference Include="Serilog" Version="3.1.0-dev-02078" /> <PackageReference Include="Serilog" Version="3.1.0-dev-02078" />
<PackageReference Include="Serilog.Sinks.Console" Version="5.0.0-dev-00923" /> <PackageReference Include="Serilog.Sinks.Console" Version="5.0.0-dev-00923" />
</ItemGroup> </ItemGroup>
<ItemGroup>
<_ContentIncludedByDefault Remove="storage\config.json" />
<_ContentIncludedByDefault Remove="Shared\Components\Partials\TicketPopup\LiveChatCreate.razor" />
<_ContentIncludedByDefault Remove="Shared\Components\Partials\TicketPopup\LiveChatMain.razor" />
<_ContentIncludedByDefault Remove="Shared\Components\Partials\TicketPopup\LiveChatOverview.razor" />
<_ContentIncludedByDefault Remove="Shared\Components\Partials\TicketPopup\LiveChatView.razor" />
</ItemGroup>
<ItemGroup>
<AdditionalFiles Include="Shared\Components\TicketPopup\LiveChatCreate.razor" />
<AdditionalFiles Include="Shared\Components\TicketPopup\LiveChatMain.razor" />
<AdditionalFiles Include="Shared\Components\TicketPopup\LiveChatOverview.razor" />
<AdditionalFiles Include="Shared\Components\TicketPopup\LiveChatView.razor" />
</ItemGroup>
</Project> </Project>

View File

@@ -28,7 +28,7 @@
</div> </div>
</div> </div>
<WButton OnClick="Send" Text="Continue" CssClasses="btn btn-primary me-2 flex-shrink-0" /> <WButton OnClick="Send" Text="Send verification email" CssClasses="btn btn-primary me-2 flex-shrink-0" />
} }
</div> </div>
</div> </div>

View File

@@ -30,85 +30,110 @@
<div class="card-header"> <div class="card-header">
<ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold"> <ul class="nav nav-stretch nav-line-tabs nav-line-tabs-2x border-transparent fs-5 fw-bold">
<li class="nav-item mt-2"> <li class="nav-item mt-2">
<a class="nav-link text-active-primary ms-0 me-10 py-5 @(0 == 0 ? "active" : "")" href="/account"> <a class="nav-link text-active-primary ms-0 me-10 py-5 @(ShowDetails ? "" : "active")" @onclick="() => SetShowDetails(false)" @onclick:preventDefault href="#">
Request General
</a> </a>
</li> </li>
<li class="nav-item mt-2"> <li class="nav-item mt-2">
<a class="nav-link text-active-primary ms-0 me-10 py-5 @(0 == 1 ? "active" : "")" href="/account/security"> <a class="nav-link text-active-primary ms-0 me-10 py-5 @(ShowDetails ? "active" : "")" @onclick="() => SetShowDetails(true)" @onclick:preventDefault href="#">
Details Details
</a> </a>
</li> </li>
</ul> </ul>
</div> </div>
<div class="card-body"> <div class="card-body">
<div class="table-responsive"> @if (ShowDetails)
<table class="table table-borderless align-middle mb-0 fs-5"> {
<tbody> <div class="mb-4 pb-2 g-3">
<tr> <span class="fs-2 fw-bold">@(Ticket.Name)</span>
<th> </div>
<span>Ticket ID</span>
</th> <span class="fs-4">
<td>@(Ticket.Id)</td> Description
</tr> </span>
<tr>
<th> <p class="fs-5 text-muted">
<span>User</span> @(Formatter.FormatLineBreaks(Ticket.Description))
</th> </p>
<td>
<a href="/admin/users/view/@(Ticket.Creator.Id)">@(Ticket.Creator.Username)</a> <span class="fs-4">
</td> Tries:
</tr> </span>
<tr>
<th> <p class="fs-5 text-muted">
<span>Service</span> @(Formatter.FormatLineBreaks(Ticket.Tries))
</th> </p>
<td> }
@if (Ticket.Service == null) else
{ {
<span>None</span> <div class="table-responsive">
} <table class="table table-borderless align-middle mb-0 fs-5">
else <tbody>
{ <tr>
<a href="/service/@(Ticket.Service.Id)">@(Ticket.Service.Nickname ?? $"Service {Ticket.Service.Id}")</a> <th>
} <span>Ticket ID</span>
</td> </th>
</tr> <td>@(Ticket.Id)</td>
<tr> </tr>
<th> <tr>
<span>Status</span> <th>
</th> <span>User</span>
<td> </th>
<div class="form-check"> <td>
<input class="form-check-input" type="checkbox" @bind="EditOpen"/> <a href="/admin/users/view/@(Ticket.Creator.Id)">@(Ticket.Creator.Username)</a>
</div> </td>
</td> </tr>
</tr> <tr>
<tr> <th>
<th> <span>Service</span>
<span>Priority</span> </th>
</th> <td>
<td> @if (Ticket.Service == null)
<SmartEnumSelect @bind-Value="EditPriority"/> {
</td> <span>None</span>
</tr> }
<tr> else
<th> {
<span>Created at</span> <a href="/service/@(Ticket.Service.Id)">@(Ticket.Service.Nickname ?? $"Service {Ticket.Service.Id}")</a>
</th> }
<td> </td>
<span>@(Formatter.FormatDate(Ticket.CreatedAt))</span> </tr>
</td> <tr>
</tr> <th>
<tr> <span>Status</span>
<th></th> </th>
<td> <td>
<WButton OnClick="Save" Text="Save" CssClasses="btn-primary" /> <div class="form-check">
</td> <input class="form-check-input" type="checkbox" @bind="EditOpen"/>
</tr> </div>
</tbody> </td>
</table> </tr>
</div> <tr>
<th>
<span>Priority</span>
</th>
<td>
<SmartEnumSelect @bind-Value="EditPriority"/>
</td>
</tr>
<tr>
<th>
<span>Created at</span>
</th>
<td>
<span>@(Formatter.FormatDate(Ticket.CreatedAt))</span>
</td>
</tr>
<tr>
<th></th>
<td>
<WButton OnClick="Save" Text="Save" CssClasses="btn-primary"/>
</td>
</tr>
</tbody>
</table>
</div>
}
</div> </div>
</div> </div>
</div> </div>
@@ -188,6 +213,7 @@
private Ticket? Ticket; private Ticket? Ticket;
private bool HasStarted = false; private bool HasStarted = false;
private bool ShowDetails = false;
// Message compose cache // Message compose cache
private ChatFileSelect FileSelect; private ChatFileSelect FileSelect;
@@ -256,9 +282,15 @@
await ToastService.Success("Successfully updated ticket"); await ToastService.Success("Successfully updated ticket");
} }
private async Task SetShowDetails(bool b)
{
ShowDetails = b;
await InvokeAsync(StateHasChanged);
}
private async Task OnUpdate() private async Task OnUpdate()
{ {
// Overwrite current cached data // Overwrite current cached data
EditOpen = TicketService.Chat.Ticket.Open; EditOpen = TicketService.Chat.Ticket.Open;
EditPriority = TicketService.Chat.Ticket.Priority; EditPriority = TicketService.Chat.Ticket.Priority;