Creata pagina login con Syncfusion
This commit is contained in:
265
SmartDB/Components/Admin/Pages/Users.razor
Normal file
265
SmartDB/Components/Admin/Pages/Users.razor
Normal file
@@ -0,0 +1,265 @@
|
||||
@page "/admin/users"
|
||||
@using Microsoft.AspNetCore.Authorization
|
||||
@using SmartDB.Components.Admin.Dtos
|
||||
@using SmartDB.Components.Admin.Services
|
||||
@using SmartDB.Data
|
||||
@attribute [Authorize(Policy = "AdminOnly")]
|
||||
|
||||
@inject IUserManagementService UserService
|
||||
@inject ILogger<Users> Logger
|
||||
|
||||
<PageTitle>Gestione Utenti - Admin</PageTitle>
|
||||
|
||||
<h1>Gestione Utenti</h1>
|
||||
|
||||
@if (!string.IsNullOrEmpty(successMessage))
|
||||
{
|
||||
<div class="alert alert-success alert-dismissible fade show" role="alert">
|
||||
@successMessage
|
||||
<button type="button" class="btn-close" @onclick="@(() => successMessage = string.Empty)" aria-label="Close"></button>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (!string.IsNullOrEmpty(errorMessage))
|
||||
{
|
||||
<div class="alert alert-danger alert-dismissible fade show" role="alert">
|
||||
@errorMessage
|
||||
<button type="button" class="btn-close" @onclick="@(() => errorMessage = string.Empty)" aria-label="Close"></button>
|
||||
</div>
|
||||
}
|
||||
|
||||
<ul class="nav nav-tabs mb-3" role="tablist">
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link @(activeTab == "list" ? "active" : "")" @onclick="@(() => activeTab = "list")" type="button" role="tab" aria-selected="@(activeTab == "list")">
|
||||
Elenco Utenti
|
||||
</button>
|
||||
</li>
|
||||
<li class="nav-item" role="presentation">
|
||||
<button class="nav-link @(activeTab == "create" ? "active" : "")" @onclick="@(() => activeTab = "create")" type="button" role="tab" aria-selected="@(activeTab == "create")">
|
||||
Aggiungi Utente
|
||||
</button>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="tab-content">
|
||||
@if (activeTab == "list")
|
||||
{
|
||||
<div class="tab-pane fade show active">
|
||||
<div class="table-responsive">
|
||||
<table class="table table-striped table-hover">
|
||||
<thead class="table-dark">
|
||||
<tr>
|
||||
<th>Email</th>
|
||||
<th>Nome</th>
|
||||
<th>Cognome</th>
|
||||
<th>Ruolo</th>
|
||||
<th>Stato</th>
|
||||
<th>Data Creazione</th>
|
||||
<th>Azioni</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
@if (users != null && users.Any())
|
||||
{
|
||||
@foreach (var user in users)
|
||||
{
|
||||
<tr>
|
||||
<td>@user.Email</td>
|
||||
<td>@user.FirstName</td>
|
||||
<td>@user.LastName</td>
|
||||
<td>
|
||||
<span class="badge bg-info">@GetUserRole(user.Id)</span>
|
||||
</td>
|
||||
<td>
|
||||
@if (user.IsActive)
|
||||
{
|
||||
<span class="badge bg-success">Attivo</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span class="badge bg-danger">Disattivo</span>
|
||||
}
|
||||
</td>
|
||||
<td>@user.CreatedAt.ToShortDateString()</td>
|
||||
<td>
|
||||
<button class="btn btn-sm btn-warning" @onclick="@(() => ToggleUserStatus(user.Id))" title="Cambia stato">
|
||||
@(user.IsActive ? "Disabilita" : "Abilita")
|
||||
</button>
|
||||
<button class="btn btn-sm btn-danger" @onclick="@(() => DeleteUser(user.Id))" title="Elimina">
|
||||
Elimina
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
<tr>
|
||||
<td colspan="7" class="text-center">Nessun utente trovato</td>
|
||||
</tr>
|
||||
}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
|
||||
@if (activeTab == "create")
|
||||
{
|
||||
<div class="tab-pane fade show active">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h3>Aggiungi Nuovo Utente</h3>
|
||||
<EditForm Model="newUser" OnValidSubmit="HandleCreateUser">
|
||||
<DataAnnotationsValidator />
|
||||
<ValidationSummary class="text-danger" />
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="email" class="form-label">Email</label>
|
||||
<InputText id="email" class="form-control" @bind-Value="newUser.Email" placeholder="utente@example.com" />
|
||||
<ValidationMessage For="@(() => newUser.Email)" />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="firstName" class="form-label">Nome</label>
|
||||
<InputText id="firstName" class="form-control" @bind-Value="newUser.FirstName" placeholder="Mario" />
|
||||
<ValidationMessage For="@(() => newUser.FirstName)" />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="lastName" class="form-label">Cognome</label>
|
||||
<InputText id="lastName" class="form-control" @bind-Value="newUser.LastName" placeholder="Rossi" />
|
||||
<ValidationMessage For="@(() => newUser.LastName)" />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="password" class="form-label">Password Temporanea</label>
|
||||
<InputText type="password" id="password" class="form-control" @bind-Value="newUser.Password" placeholder="Min 6 caratteri" />
|
||||
<ValidationMessage For="@(() => newUser.Password)" />
|
||||
</div>
|
||||
|
||||
<div class="mb-3">
|
||||
<label for="role" class="form-label">Ruolo</label>
|
||||
<InputSelect id="role" class="form-control" @bind-Value="newUser.Role">
|
||||
<option value="User">Utente</option>
|
||||
<option value="Admin">Amministratore</option>
|
||||
</InputSelect>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary" disabled="@isSubmitting">
|
||||
@if (isSubmitting)
|
||||
{
|
||||
<span class="spinner-border spinner-border-sm me-2" role="status" aria-hidden="true"></span>
|
||||
<span>Creazione in corso...</span>
|
||||
}
|
||||
else
|
||||
{
|
||||
<span>Crea Utente</span>
|
||||
}
|
||||
</button>
|
||||
</EditForm>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
}
|
||||
</div>
|
||||
|
||||
@code {
|
||||
private string activeTab = "list";
|
||||
private List<ApplicationUser>? users;
|
||||
private CreateUserDto newUser = new();
|
||||
private string successMessage = string.Empty;
|
||||
private string errorMessage = string.Empty;
|
||||
private bool isSubmitting = false;
|
||||
private Dictionary<string, string> userRoles = new();
|
||||
|
||||
protected override async Task OnInitializedAsync()
|
||||
{
|
||||
await LoadUsers();
|
||||
}
|
||||
|
||||
private async Task LoadUsers()
|
||||
{
|
||||
try
|
||||
{
|
||||
users = await UserService.GetAllUsersAsync();
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Logger.LogError(ex, "Errore nel caricamento degli utenti");
|
||||
errorMessage = "Errore nel caricamento degli utenti";
|
||||
}
|
||||
}
|
||||
|
||||
private async Task HandleCreateUser()
|
||||
{
|
||||
isSubmitting = true;
|
||||
try
|
||||
{
|
||||
var (success, message) = await UserService.CreateUserAsync(newUser);
|
||||
if (success)
|
||||
{
|
||||
successMessage = message;
|
||||
newUser = new();
|
||||
await LoadUsers();
|
||||
activeTab = "list";
|
||||
}
|
||||
else
|
||||
{
|
||||
errorMessage = message;
|
||||
}
|
||||
}
|
||||
catch (Exception ex)
|
||||
{
|
||||
Logger.LogError(ex, "Errore nella creazione dell'utente");
|
||||
errorMessage = "Errore nella creazione dell'utente";
|
||||
}
|
||||
finally
|
||||
{
|
||||
isSubmitting = false;
|
||||
}
|
||||
}
|
||||
|
||||
private async Task DeleteUser(string userId)
|
||||
{
|
||||
if (await JsConfirm("Sei sicuro di voler eliminare questo utente?"))
|
||||
{
|
||||
var (success, message) = await UserService.DeleteUserAsync(userId);
|
||||
if (success)
|
||||
{
|
||||
successMessage = message;
|
||||
await LoadUsers();
|
||||
}
|
||||
else
|
||||
{
|
||||
errorMessage = message;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private async Task ToggleUserStatus(string userId)
|
||||
{
|
||||
var (success, message) = await UserService.ToggleUserStatusAsync(userId);
|
||||
if (success)
|
||||
{
|
||||
successMessage = message;
|
||||
await LoadUsers();
|
||||
}
|
||||
else
|
||||
{
|
||||
errorMessage = message;
|
||||
}
|
||||
}
|
||||
|
||||
private string GetUserRole(string userId)
|
||||
{
|
||||
// Per ora returniamo "User" - in futuro implementeremo la logica per recuperare i ruoli
|
||||
return "User";
|
||||
}
|
||||
|
||||
private async Task<bool> JsConfirm(string message)
|
||||
{
|
||||
// Placeholder - in un componente reale userebbero JS interop
|
||||
return true;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user