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;

37
Client/Modules/SZUAbsolventenverein.Module.PremiumArea/Apply.razor
View File

@@ -9,17 +9,17 @@
<div class="row">
<div class="col-md-12">
<h3>@Localizer["Ingenieur Antrag"]</h3>
<h3 class="pa-section-title">@Localizer["Ingenieur Antrag"]</h3>
@if (!string.IsNullOrEmpty(_message))
{
<div class="alert alert-info">@_message</div>
<div class="pa-alert pa-alert-info">@_message</div>
}
</div>
</div>
@if (_showForm)
{
<div class="card p-3">
<div class="pa-card"><div class="pa-card-body">
<p>Bitte laden Sie Ihren Ingenieur-Antrag als PDF-Datei hoch.</p>
<div class="mb-3">
@@ -41,23 +41,23 @@
<FileManager OnSelectFile="@OnSelectFile" ShowProgress="true" ShowSuccess="true"/>
<div class="mt-2">
<button class="btn btn-primary" @onclick="SubmitApplication" disabled="@(_existingApp?.FileId == 0)">
<div class="pa-d-flex pa-gap-2 pa-mt-3">
<button class="pa-btn pa-btn-primary" @onclick="SubmitApplication" disabled="@(_existingApp?.FileId == 0)">
@(_existingApp.ApplicationId > 0 ? "Antrag aktualisieren" : "Antrag hochladen")
</button>
<button class="btn btn-secondary" @onclick="Cancel">Abbrechen</button>
<button class="pa-btn pa-btn-secondary" @onclick="Cancel">Abbrechen</button>
</div>
</div>
</div></div>
}
else
{
@if (_existingApp.FileId > 0)
{
<div class="card">
<div class="card-header">Ihr Antrag</div>
<div class="card-body">
<div class="pa-card">
<div class="pa-card-header">Ihr Antrag</div>
<div class="pa-card-body">
<p>
<strong>Status:</strong> <span class="badge bg-success">Veröffentlicht</span>
<strong>Status:</strong> <span class="pa-badge pa-badge-success">✓ Veröffentlicht</span>
</p>
@if (!string.IsNullOrEmpty(_existingApp.Title))
{
@@ -74,16 +74,16 @@ else
<p>
<strong>Datum:</strong> @_existingApp.CreatedOn.ToShortDateString()
</p>
<div class="d-flex gap-2">
<button class="btn btn-primary" @onclick="EditApp">Antrag aktualisieren</button>
<div class="pa-d-flex pa-gap-2 pa-flex-wrap">
<button class="pa-btn pa-btn-primary" @onclick="EditApp">Antrag aktualisieren</button>
@if (!_confirmDelete)
{
<button class="btn btn-outline-danger" @onclick="() => _confirmDelete = true">Antrag löschen</button>
<button class="pa-btn pa-btn-outline-danger" @onclick="() => _confirmDelete = true">Antrag löschen</button>
}
else
{
<button class="btn btn-danger" @onclick="DeleteApp">Wirklich löschen?</button>
<button class="btn btn-secondary" @onclick="() => _confirmDelete = false">Abbrechen</button>
<button class="pa-btn pa-btn-danger" @onclick="DeleteApp">Wirklich löschen?</button>
<button class="pa-btn pa-btn-secondary" @onclick="() => _confirmDelete = false">Abbrechen</button>
}
</div>
</div>
@@ -94,6 +94,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 EngineerApplication _existingApp = new EngineerApplication();
private bool _showForm = true;
private bool _confirmDelete = false;

6
Client/Modules/SZUAbsolventenverein.Module.PremiumArea/Edit.razor
View File

@@ -17,8 +17,10 @@
</div>
</div>
</div>
<button type="button" class="btn btn-success" @onclick="Save">@Localizer["Save"]</button>
<NavLink class="btn btn-secondary" href="@NavigateUrl()">@Localizer["Cancel"]</NavLink>
<div class="pa-d-flex pa-gap-2 pa-mt-3">
<button type="button" class="pa-btn pa-btn-success" @onclick="Save">@Localizer["Save"]</button>
<NavLink class="pa-btn pa-btn-secondary" href="@NavigateUrl()">@Localizer["Cancel"]</NavLink>
</div>
<br /><br />
@if (PageState.Action == "Edit")
{

38
Client/Modules/SZUAbsolventenverein.Module.PremiumArea/Index.razor
View File

@@ -9,10 +9,40 @@
@inject NavigationManager NavigationManager
@inject IStringLocalizer<Index> Localizer
<div class="mb-3">
<ActionLink Action="Apply" Text="Ingenieur Antrag hochladen"/>
<ActionLink Action="UserSearch" Text="Mitglieder finden"/>
<ActionLink Action="ApplicationList" Text="Alle Ingenieur-Anträge"/>
<div class="premium-area-wrapper">
<div class="premium-area-header">
<h2>Premium Bereich</h2>
<p>Verwalten Sie Ihre Ingenieur-Anträge und vernetzen Sie sich mit anderen Mitgliedern.</p>
</div>
<div class="pa-nav-grid">
<a class="pa-nav-card pa-nav-card--apply" href="@EditUrl("Apply")">
<div class="pa-nav-icon">
<span class="oi oi-cloud-upload"></span>
</div>
<div class="pa-nav-title">Ingenieur Antrag</div>
<div class="pa-nav-desc">Laden Sie Ihren Ingenieur-Antrag hoch und verwalten Sie Ihre Einreichungen.</div>
<div class="pa-nav-arrow">Jetzt starten →</div>
</a>
<a class="pa-nav-card pa-nav-card--search" href="@EditUrl("UserSearch")">
<div class="pa-nav-icon">
<span class="oi oi-people"></span>
</div>
<div class="pa-nav-title">Mitglieder finden</div>
<div class="pa-nav-desc">Suchen Sie nach anderen Mitgliedern und treten Sie in Kontakt.</div>
<div class="pa-nav-arrow">Suche starten →</div>
</a>
<a class="pa-nav-card pa-nav-card--list" href="@EditUrl("ApplicationList")">
<div class="pa-nav-icon">
<span class="oi oi-list-rich"></span>
</div>
<div class="pa-nav-title">Alle Anträge</div>
<div class="pa-nav-desc">Durchsuchen Sie alle veröffentlichten Ingenieur-Anträge der Community.</div>
<div class="pa-nav-arrow">Anträge ansehen →</div>
</a>
</div>
</div>
@code {

50
Client/Modules/SZUAbsolventenverein.Module.PremiumArea/UserSearch.razor
View File

@@ -7,11 +7,11 @@
@if (Oqtane.Security.UserSecurity.IsAuthorized(PageState.User, RoleNames.Admin) || Oqtane.Security.UserSecurity.IsAuthorized(PageState.User, "Premium Member"))
{
<h3>Mitglieder Suche</h3>
<h3 class="pa-section-title">Mitglieder Suche</h3>
<div class="input-group mb-3">
<input type="text" class="form-control" placeholder="Mitglieder suchen (min 3 Zeichen)..." @bind="_query" @onkeyup="@(e => { if (e.Key == "Enter") Search(); })" />
<button class="btn btn-primary" @onclick="Search">Suchen</button>
<div class="pa-search-group pa-mb-3">
<input type="text" placeholder="Mitglieder suchen (min 3 Zeichen)..." @bind="_query" @onkeyup="@(e => { if (e.Key == "Enter") Search(); })" />
<button @onclick="Search">Suchen</button>
</div>
@if (_searchResults != null)
@@ -22,35 +22,38 @@
}
else
{
<ul class="list-group">
<div>
@foreach (var user in _searchResults)
{
<li class="list-group-item d-flex justify-content-between align-items-center">
<div class="pa-user-item">
<span>
<strong>@user.DisplayName</strong> <small class="text-muted">(@user.Username)</small>
<span class="pa-user-name">@user.DisplayName</span>
<span class="pa-user-username">(@user.Username)</span>
</span>
<button class="btn btn-sm btn-outline-info" @onclick="@(() => InitContact(user))">Kontaktieren</button>
</li>
<button class="pa-btn pa-btn-outline-info pa-btn-sm" @onclick="@(() => InitContact(user))">Kontaktieren</button>
</div>
}
</ul>
</div>
}
}
@if (_selectedUser != null)
{
<div class="card mt-4">
<div class="card-header">Nachricht an: @_selectedUser.DisplayName</div>
<div class="card-body">
<div class="mb-3">
<label>Nachricht</label>
<textarea class="form-control" rows="3" @bind="_messageBody"></textarea>
<div class="pa-card pa-mt-4">
<div class="pa-card-header">Nachricht an: @_selectedUser.DisplayName</div>
<div class="pa-card-body">
<div class="pa-mb-3">
<label class="pa-form-label">Nachricht</label>
<textarea class="pa-form-control" rows="3" style="width: 100%;" @bind="_messageBody"></textarea>
</div>
<div class="pa-d-flex pa-gap-2">
<button class="pa-btn pa-btn-primary" @onclick="Send">Nachricht senden</button>
<button class="pa-btn pa-btn-secondary" @onclick="@(() => _selectedUser = null)">Abbrechen</button>
</div>
<button class="btn btn-primary" @onclick="Send">Nachricht senden</button>
<button class="btn btn-secondary" @onclick="@(() => _selectedUser = null)">Abbrechen</button>
@if (!string.IsNullOrEmpty(_statusMsg))
{
<div class="alert alert-info mt-2">@_statusMsg</div>
<div class="pa-alert pa-alert-success pa-mt-3">@_statusMsg</div>
}
</div>
</div>
@@ -58,14 +61,19 @@
}
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>
}
@code {
public override SecurityAccessLevel SecurityAccessLevel => SecurityAccessLevel.View;
public override List<Resource> Resources => new List<Resource>()
{
new Stylesheet("_content/SZUAbsolventenverein.Module.PremiumArea/Module.css")
};
private string _query;
private List<User> _searchResults;
private User _selectedUser;