Desgin überarbeitet
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user