139 lines
4.2 KiB
Plaintext
139 lines
4.2 KiB
Plaintext
@inherits ComponentBase
|
|
@using Interfaces
|
|
@implements Interfaces.IReportUI
|
|
@inject IReportingHandler ReportingHandler
|
|
|
|
<button class="btn btn-warning btn-lg px-4" @onclick="ShowReportModal">
|
|
<i class="oi oi-warning me-2"></i> Melden
|
|
</button>
|
|
|
|
@if (_showReportModal)
|
|
{
|
|
<div class="modal fade show" style="display: block; background: rgba(0,0,0,0.5); z-index: 1050;" tabindex="-1">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title">Eintrag melden</h5>
|
|
<button type="button" class="btn-close" @onclick="CloseReportModal"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>Warum möchtest du diesen Eintrag melden?</p>
|
|
<textarea class="form-control" @bind="_reportReason" rows="3" placeholder="Grund für die Meldung..."></textarea>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" @onclick="CloseReportModal">Abbrechen</button>
|
|
<button type="button" class="btn btn-danger" @onclick="ReportEntry">Melden</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
}
|
|
|
|
<style>
|
|
.hall-of-fame-details .card {
|
|
background: #ffffff;
|
|
}
|
|
.hall-of-fame-details .breadcrumb-item a {
|
|
text-decoration: none;
|
|
color: var(--primary);
|
|
}
|
|
|
|
@@media print {
|
|
.no-print, header, footer, nav, .app-sidebar, .breadcrumb, .btn-link, .app-navbar {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Reset containers for printing */
|
|
html, body, .app-viewport, .app-main, .app-container, main, .hall-of-fame-details, .container {
|
|
height: auto !important;
|
|
min-height: auto !important;
|
|
overflow: visible !important;
|
|
position: static !important;
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
width: 100% !important;
|
|
}
|
|
|
|
body {
|
|
background-color: white !important;
|
|
}
|
|
|
|
.card {
|
|
box-shadow: none !important;
|
|
border: none !important;
|
|
position: relative !important;
|
|
display: block !important; /* Force block instead of flex for better printing */
|
|
}
|
|
|
|
.row {
|
|
display: block !important; /* Stack columns vertically for print if needed, or keeping it but ensuring it doesn't clip */
|
|
}
|
|
|
|
.col-lg-5, .col-lg-7 {
|
|
width: 100% !important;
|
|
display: block !important;
|
|
float: none !important;
|
|
}
|
|
|
|
.hall-of-fame-details {
|
|
margin-top: 0 !important;
|
|
}
|
|
|
|
img {
|
|
max-width: 100% !important;
|
|
page-break-inside: avoid;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
@code {
|
|
public Type ReportType => typeof(ReportComponent);
|
|
|
|
[Parameter]
|
|
public IReportable ReportableEntity { get; set; }
|
|
|
|
private bool _showReportModal = false;
|
|
private string _reportReason = "";
|
|
|
|
private class ReportEntityTest : IReportable
|
|
{
|
|
public int EntityID { get; set; }
|
|
public string ModuleName { get; set; }
|
|
public int ModuleID { get; set; }
|
|
}
|
|
|
|
protected override Task OnInitializedAsync()
|
|
{
|
|
ReportableEntity = new ReportEntityTest { EntityID = 1, ModuleID = 2, ModuleName = "TestModule" };
|
|
return base.OnInitializedAsync();
|
|
}
|
|
|
|
private void ShowReportModal()
|
|
{
|
|
_reportReason = "";
|
|
_showReportModal = true;
|
|
}
|
|
|
|
private void CloseReportModal()
|
|
{
|
|
_showReportModal = false;
|
|
}
|
|
|
|
private void ReportEntry()
|
|
{
|
|
ReportingHandler.Report(ReportableEntity, _reportReason);
|
|
Console.WriteLine($"Eintrag gemeldet mit Grund: {_reportReason}");
|
|
CloseReportModal();
|
|
}
|
|
|
|
public override Task SetParametersAsync(ParameterView parameters)
|
|
{
|
|
Console.WriteLine("ParameterView received in ReportComponent:");
|
|
foreach (var parameter in parameters)
|
|
{
|
|
Console.WriteLine(parameter.Name + "name - value" + parameter.Value);
|
|
}
|
|
return base.SetParametersAsync(parameters);
|
|
}
|
|
|
|
} |