Diplomarbeit-Absolventenverein/Module.PremiumArea
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Desgin überarbeitet

Browse Source
This commit is contained in:
Florian Edlmayer
2026-04-10 09:24:16 +02:00
parent 206b974ab3
commit e490f973bb
6 changed files with 784 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
Client/Modules/SZUAbsolventenverein.Module.PremiumArea/ApplicationList.razor
View File

@@ -8,7 +8,7 @@
@if (Oqtane.Security.UserSecurity.IsAuthorized(PageState.User, RoleNames.Admin) || Oqtane.Security.UserSecurity.IsAuthorized(PageState.User, "Premium Member"))
{
<h3>Ingenieur-Anträge</h3>
<h3 class="pa-section-title">Ingenieur-Anträge</h3>
@if (_applications == null)
{
@@ -16,8 +16,8 @@
}
else if (_applications.Count == 0)
{
<div class="alert alert-warning">
Keine Anträge gefunden.
<div class="pa-alert pa-alert-warning">
⚠ Keine Anträge gefunden.
</div>
}
else
@@ -26,45 +26,44 @@
@foreach (var app in _applications)
{
<div class="col-md-4 mb-3">
<div class="card h-100">
<div class="card-body">
<div class="pa-app-card">
<div class="pa-app-card-body">
<div class="d-flex justify-content-between align-items-start">
<h5 class="card-title mb-0">@(string.IsNullOrEmpty(app.Title) ? "Ingenieur-Antrag" : app.Title)</h5>
<div class="pa-app-card-title">@(string.IsNullOrEmpty(app.Title) ? "Ingenieur-Antrag" : app.Title)</div>
@if (Oqtane.Security.UserSecurity.IsAuthorized(PageState.User, RoleNames.Admin))
{
@if (_confirmDeleteId == app.ApplicationId)
{
<div class="d-flex gap-1">
<button class="btn btn-danger btn-sm" @onclick="@(() => DeleteApp(app))" title="Bestätigen">
<div class="pa-d-flex pa-gap-2">
<button class="pa-btn pa-btn-danger pa-btn-sm" @onclick="@(() => DeleteApp(app))" title="Bestätigen">
<span class="oi oi-check"></span>
</button>
<button class="btn btn-secondary btn-sm" @onclick="@(() => _confirmDeleteId = -1)" title="Abbrechen">
<button class="pa-btn pa-btn-secondary pa-btn-sm" @onclick="@(() => _confirmDeleteId = -1)" title="Abbrechen">
<span class="oi oi-x"></span>
</button>
</div>
}
else
{
<button class="btn btn-outline-danger btn-sm" @onclick="@(() => _confirmDeleteId = app.ApplicationId)" title="Antrag löschen">
<button class="pa-btn pa-btn-outline-danger pa-btn-sm" @onclick="@(() => _confirmDeleteId = app.ApplicationId)" title="Antrag löschen">
<span class="oi oi-trash"></span>
</button>
}
}
</div>
<h6 class="card-subtitle mb-2 text-muted mt-1">von @GetUserName(app.UserId)</h6>
<div class="pa-app-card-author">von @GetUserName(app.UserId)</div>
@if (!string.IsNullOrEmpty(app.ShortDescription))
{
<p class="card-text">@app.ShortDescription</p>
<div class="pa-app-card-desc">@app.ShortDescription</div>
}
<p class="card-text text-muted">
<small>
<strong>Datum:</strong> @(app.ApprovedOn?.ToShortDateString() ?? app.CreatedOn.ToShortDateString())
</small>
</p>
<div class="d-flex gap-2">
<button class="btn btn-primary btn-sm" @onclick="@(async () => ShowDetail(app))">PDF ansehen</button>
<a href="@(PageState.Alias.Path == "" ? "" : "/" + PageState.Alias.Path)/api/file/download/@(app.FileId)/attach" target="_blank" class="btn btn-outline-secondary btn-sm">Herunterladen</a>
<button class="btn btn-outline-danger btn-sm" @onclick="@(() => InitReport(app))">Melden</button>
<div class="pa-app-card-meta">
<span class="oi oi-calendar"></span>
<span>@(app.ApprovedOn?.ToShortDateString() ?? app.CreatedOn.ToShortDateString())</span>
</div>
<div class="pa-app-card-actions">
<button class="pa-btn pa-btn-primary pa-btn-sm" @onclick="@(async () => ShowDetail(app))">PDF ansehen</button>
<a href="@(PageState.Alias.Path == "" ? "" : "/" + PageState.Alias.Path)/api/file/download/@(app.FileId)/attach" target="_blank" class="pa-btn pa-btn-outline-secondary pa-btn-sm">Herunterladen</a>
<button class="pa-btn pa-btn-outline-danger pa-btn-sm" @onclick="@(() => InitReport(app))">Melden</button>
</div>
</div>
</div>
@@ -75,8 +74,8 @@
}
else
{
<div class="alert alert-warning">
Sie müssen Premium Kunde sein um diese Funktion zu nutzen.
<div class="pa-alert pa-alert-warning">
⚠ Sie müssen Premium Kunde sein um diese Funktion zu nutzen.
</div>
}
@@ -84,18 +83,18 @@ else
{
<div class="modal d-block" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<div class="modal-content pa-modal-content">
<div class="modal-header pa-modal-header">
<h5 class="modal-title">Antrags-PDF</h5>
<button type="button" class="btn-close" @onclick="@(() => _selectedApp = null)"></button>
</div>
<div class="modal-body p-0">
<div class="modal-body pa-modal-body" style="padding: 0 !important;">
<div style="min-height: 600px; height: 75vh;">
<iframe src="@(PageState.Alias.Path == "" ? "" : "/" + PageState.Alias.Path)/api/file/download/@(_selectedApp.FileId)" style="width: 100%; height: 100%; border: none;" allowfullscreen></iframe>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" @onclick="@(() => _selectedApp = null)">Schließen</button>
<div class="modal-footer pa-modal-footer">
<button type="button" class="pa-btn pa-btn-secondary" @onclick="@(() => _selectedApp = null)">Schließen</button>
</div>
</div>
</div>
@@ -107,18 +106,18 @@ else
{
<div class="modal d-block" tabindex="-1">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<div class="modal-content pa-modal-content">
<div class="modal-header pa-modal-header">
<h5 class="modal-title">Antrag melden</h5>
<button type="button" class="btn-close" @onclick="@(() => _reportApp = null)"></button>
</div>
<div class="modal-body">
<div class="modal-body pa-modal-body">
<p>Bitte geben Sie einen Grund an, warum Sie diesen Antrag melden (von @GetUserName(_reportApp.UserId)).</p>
<textarea class="form-control" rows="3" @bind="_reportReason" placeholder="Grund..."></textarea>
<textarea class="pa-form-control" rows="3" style="width: 100%;" @bind="_reportReason" placeholder="Grund..."></textarea>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" @onclick="@(() => _reportApp = null)">Abbrechen</button>
<button type="button" class="btn btn-danger" @onclick="SubmitReport">Meldung absenden</button>
<div class="modal-footer pa-modal-footer">
<button type="button" class="pa-btn pa-btn-secondary" @onclick="@(() => _reportApp = null)">Abbrechen</button>
<button type="button" class="pa-btn pa-btn-danger" @onclick="SubmitReport">Meldung absenden</button>
</div>
</div>
</div>
@@ -129,6 +128,11 @@ else
@code {
public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.View;
public override List<Resource> Resources => new List<Resource>()
{
new Stylesheet("_content/SZUAbsolventenverein.Module.PremiumArea/Module.css")
};
private List<EngineerApplication> _applications;
private EngineerApplication _selectedApp;
private EngineerApplication _reportApp;