Siwa12100
2 years ago
parent
f4b15139f5
commit
9d2e07af6d
@ -0,0 +1,82 @@
|
|||||||
|
@using VeraxShield.modele.utilisateurs;
|
||||||
|
@using Microsoft.AspNetCore.Components;
|
||||||
|
@using VeraxShield.composants.modals;
|
||||||
|
|
||||||
|
<DataGrid TItem="Utilisateur"
|
||||||
|
Data="@Utilisateurs"
|
||||||
|
@bind-SelectedRow="@utilisateurSelectionne"
|
||||||
|
Responsive
|
||||||
|
ShowPager
|
||||||
|
ShowPageSizes
|
||||||
|
PagerPosition="DataGridPagerPosition.TopAndBottom"
|
||||||
|
PagerOptions="new(){ ButtonSize=Size.Small }"
|
||||||
|
OnUtilisateurSupprime="HandleUtilisateurSupprime">
|
||||||
|
|
||||||
|
<DataGridColumns>
|
||||||
|
|
||||||
|
<DataGridCommandColumn />
|
||||||
|
|
||||||
|
<DataGridColumn Field="@nameof(Utilisateur.Pseudo)" Caption="Pseudo" Sortable="false" />
|
||||||
|
<DataGridColumn Field="@nameof(Utilisateur.Prenom)" Caption="Prenom" Editable />
|
||||||
|
<DataGridColumn Field="@nameof(Utilisateur.Nom)" Caption="Nom" Editable />
|
||||||
|
<DataGridColumn Field="@nameof(Utilisateur.IsBan)" Caption="Banissement" Editable />
|
||||||
|
|
||||||
|
<DataGridColumn Field="@nameof(Utilisateur.Pseudo)" Caption="Gerer">
|
||||||
|
<DisplayTemplate>
|
||||||
|
<button type="button" class="btn btn-primary" @onclick="() => onClickBoutonSuppression(context.Pseudo)"><i class="fa fa-trash"></i> Supprimer</button>
|
||||||
|
<button type="button" class="btn btn-primary" @onclick="() => onClickBoutonModification(context.Pseudo)"><i class="fa fa-trash"></i> Modifier</button>
|
||||||
|
</DisplayTemplate>
|
||||||
|
</DataGridColumn>
|
||||||
|
|
||||||
|
</DataGridColumns>
|
||||||
|
|
||||||
|
<PageButtonTemplate>
|
||||||
|
|
||||||
|
<Span TextColor="TextColor.Success">
|
||||||
|
@context.PageNumber
|
||||||
|
</Span>
|
||||||
|
</PageButtonTemplate>
|
||||||
|
|
||||||
|
<NextPageButtonTemplate><Icon Name="IconName.StepForward" TextColor="TextColor.Success" /></NextPageButtonTemplate>
|
||||||
|
<PreviousPageButtonTemplate><Icon Name="IconName.StepBackward" TextColor="TextColor.Success" /></PreviousPageButtonTemplate>
|
||||||
|
<LastPageButtonTemplate><Icon Name="IconName.Forward" TextColor="TextColor.Success" /></LastPageButtonTemplate>
|
||||||
|
<FirstPageButtonTemplate><Icon Name="IconName.Backward" TextColor="TextColor.Success" /></FirstPageButtonTemplate>
|
||||||
|
<TotalItemsTemplate><Badge Color="Color.Success">@context.TotalItems total items</Badge></TotalItemsTemplate>
|
||||||
|
<TotalItemsShortTemplate><Badge Color="Color.Success">@context.TotalItems</Badge></TotalItemsShortTemplate>
|
||||||
|
|
||||||
|
<ItemsPerPageTemplate></ItemsPerPageTemplate>
|
||||||
|
|
||||||
|
<PageSelectorTemplate>
|
||||||
|
|
||||||
|
<Select TextColor="TextColor.Success" @bind-SelectedValue="@context.CurrentPage" Size="Size.Small">
|
||||||
|
@for (int i = context.FirstVisiblePage; i <= context.LastVisiblePage; ++i)
|
||||||
|
{
|
||||||
|
var pageNumber = i;
|
||||||
|
<SelectItem Value="@pageNumber">@pageNumber</SelectItem>
|
||||||
|
}
|
||||||
|
</Select>
|
||||||
|
</PageSelectorTemplate>
|
||||||
|
|
||||||
|
<PageSizesTemplate>
|
||||||
|
<Select TextColor="TextColor.Success" @bind-SelectedValue="@context.CurrentPageSize" Size="Size.Small">
|
||||||
|
@foreach (var curPageSize in context.PageSizes)
|
||||||
|
{
|
||||||
|
<SelectItem Value="@curPageSize">@curPageSize</SelectItem>
|
||||||
|
}
|
||||||
|
</Select>
|
||||||
|
</PageSizesTemplate>
|
||||||
|
</DataGrid>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<NavLink class="btn btn-primary" href="/utilisateurs/ajouter" Match="NavLinkMatch.All">
|
||||||
|
<i class="fa fa-plus"></i> Ajouter
|
||||||
|
</NavLink>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<ModalSuppressionUtilisateur
|
||||||
|
utilisateur="@utilisateurSelectionne"
|
||||||
|
@ref="Modal"
|
||||||
|
modalFerme="fermetureModal" />
|
||||||
|
</div>
|
||||||
|
|
||||||
@ -0,0 +1,82 @@
|
|||||||
|
using Microsoft.AspNetCore.Components;
|
||||||
|
using VeraxShield.composants.formulaires.modeles;
|
||||||
|
using VeraxShield.factories;
|
||||||
|
using VeraxShield.modele.utilisateurs;
|
||||||
|
using VeraxShield.services.UtilisateursDataService;
|
||||||
|
using VeraxShield.composants.modals;
|
||||||
|
|
||||||
|
namespace VeraxShield.composants.affichages.utilisateurs
|
||||||
|
{
|
||||||
|
public partial class DatagridUtilisateurs
|
||||||
|
{
|
||||||
|
[Inject]
|
||||||
|
private IUtilisateursDataService utilisateursDataService { get; set; }
|
||||||
|
|
||||||
|
public List<Utilisateur> Utilisateurs { get; set; }
|
||||||
|
|
||||||
|
[Inject]
|
||||||
|
private NavigationManager NavigationManager { get; set; }
|
||||||
|
|
||||||
|
private Utilisateur? utilisateurSelectionne;
|
||||||
|
|
||||||
|
[Parameter]
|
||||||
|
public ModalSuppressionUtilisateur Modal {get; set;}
|
||||||
|
|
||||||
|
protected override async Task OnInitializedAsync()
|
||||||
|
{
|
||||||
|
//await this.utilisateursDataService.resetDataUtilisateurs();
|
||||||
|
|
||||||
|
this.utilisateurSelectionne = null;
|
||||||
|
this.Utilisateurs = await this.utilisateursDataService.getAllUtilisateurs();
|
||||||
|
await base.OnInitializedAsync();
|
||||||
|
}
|
||||||
|
|
||||||
|
private async Task HandleUtilisateurSupprime()
|
||||||
|
{
|
||||||
|
this.Utilisateurs = await this.utilisateursDataService.getAllUtilisateurs();
|
||||||
|
StateHasChanged(); // Actualiser la vue
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task fermetureModal(bool val) {
|
||||||
|
|
||||||
|
if (val) {
|
||||||
|
await this.supprimerUtilisateur(this.utilisateurSelectionne);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task supprimerUtilisateur(Utilisateur u)
|
||||||
|
{
|
||||||
|
await this.utilisateursDataService.SupprimerUtilisateur(u);
|
||||||
|
this.Utilisateurs = await this.utilisateursDataService.getAllUtilisateurs();
|
||||||
|
|
||||||
|
this.NavigationManager.NavigateTo("/utilisateurs/liste");
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task afficherModal()
|
||||||
|
{
|
||||||
|
if (this.Modal != null) {
|
||||||
|
await this.Modal.afficher();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public void modifierUtilisateur()
|
||||||
|
{
|
||||||
|
if (this.utilisateurSelectionne != null)
|
||||||
|
{
|
||||||
|
this.NavigationManager.NavigateTo("/utilisateurs/modifier/" + utilisateurSelectionne.Pseudo);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task onClickBoutonSuppression(String Pseudo)
|
||||||
|
{
|
||||||
|
this.utilisateurSelectionne = await this.utilisateursDataService.getUtilisateurFromPseudo(Pseudo);
|
||||||
|
await this.afficherModal();
|
||||||
|
}
|
||||||
|
|
||||||
|
public async Task onClickBoutonModification(String Pseudo)
|
||||||
|
{
|
||||||
|
this.utilisateurSelectionne = await this.utilisateursDataService.getUtilisateurFromPseudo(Pseudo);
|
||||||
|
this.modifierUtilisateur();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
@ -1,3 +1,4 @@
|
|||||||
@using VeraxShield.composants
|
@using VeraxShield.composants
|
||||||
@using VeraxShield.composants.modals
|
@using VeraxShield.composants.modals
|
||||||
@using VeraxShield.composants.formulaires
|
@using VeraxShield.composants.formulaires
|
||||||
|
@using VeraxShield.composants.affichages
|
||||||
@ -1,85 +1,11 @@
|
|||||||
@using VeraxShield.modele.utilisateurs;
|
@using VeraxShield.composants.affichages.utilisateurs;
|
||||||
|
|
||||||
@page "/utilisateurs/liste"
|
@page "/utilisateurs/liste"
|
||||||
<h1>Utilisateurs de Verax</h1>
|
<h1>Utilisateurs de Verax</h1>
|
||||||
|
|
||||||
<DataGrid TItem="Utilisateur"
|
<DatagridUtilisateurs/>
|
||||||
Data="@Utilisateurs"
|
|
||||||
@bind-SelectedRow="@utilisateurSelectionne"
|
|
||||||
Responsive
|
|
||||||
ShowPager
|
|
||||||
ShowPageSizes
|
|
||||||
PagerPosition="DataGridPagerPosition.TopAndBottom"
|
|
||||||
PagerOptions="new(){ ButtonSize=Size.Small }"
|
|
||||||
OnUtilisateurSupprime="HandleUtilisateurSupprime">
|
|
||||||
|
|
||||||
<DataGridColumns>
|
|
||||||
|
|
||||||
<DataGridCommandColumn />
|
|
||||||
|
|
||||||
<DataGridColumn Field="@nameof(Utilisateur.Pseudo)" Caption="Pseudo" Sortable="false" />
|
|
||||||
<DataGridColumn Field="@nameof(Utilisateur.Prenom)" Caption="Prenom" Editable />
|
|
||||||
<DataGridColumn Field="@nameof(Utilisateur.Nom)" Caption="Nom" Editable />
|
|
||||||
<DataGridColumn Field="@nameof(Utilisateur.IsBan)" Caption="Banissement" Editable />
|
|
||||||
</DataGridColumns>
|
|
||||||
|
|
||||||
<PageButtonTemplate>
|
|
||||||
|
|
||||||
<Span TextColor="TextColor.Success">
|
|
||||||
@context.PageNumber
|
|
||||||
</Span>
|
|
||||||
</PageButtonTemplate>
|
|
||||||
|
|
||||||
<NextPageButtonTemplate><Icon Name="IconName.StepForward" TextColor="TextColor.Success" /></NextPageButtonTemplate>
|
|
||||||
<PreviousPageButtonTemplate><Icon Name="IconName.StepBackward" TextColor="TextColor.Success" /></PreviousPageButtonTemplate>
|
|
||||||
<LastPageButtonTemplate><Icon Name="IconName.Forward" TextColor="TextColor.Success" /></LastPageButtonTemplate>
|
|
||||||
<FirstPageButtonTemplate><Icon Name="IconName.Backward" TextColor="TextColor.Success" /></FirstPageButtonTemplate>
|
|
||||||
<TotalItemsTemplate><Badge Color="Color.Success">@context.TotalItems total items</Badge></TotalItemsTemplate>
|
|
||||||
<TotalItemsShortTemplate><Badge Color="Color.Success">@context.TotalItems</Badge></TotalItemsShortTemplate>
|
|
||||||
|
|
||||||
<ItemsPerPageTemplate></ItemsPerPageTemplate>
|
|
||||||
|
|
||||||
<PageSelectorTemplate>
|
|
||||||
|
|
||||||
<Select TextColor="TextColor.Success" @bind-SelectedValue="@context.CurrentPage" Size="Size.Small">
|
|
||||||
@for (int i = context.FirstVisiblePage; i <= context.LastVisiblePage; ++i)
|
|
||||||
{
|
|
||||||
var pageNumber = i;
|
|
||||||
<SelectItem Value="@pageNumber">@pageNumber</SelectItem>
|
|
||||||
}
|
|
||||||
</Select>
|
|
||||||
</PageSelectorTemplate>
|
|
||||||
|
|
||||||
<PageSizesTemplate>
|
|
||||||
<Select TextColor="TextColor.Success" @bind-SelectedValue="@context.CurrentPageSize" Size="Size.Small">
|
|
||||||
@foreach (var curPageSize in context.PageSizes)
|
|
||||||
{
|
|
||||||
<SelectItem Value="@curPageSize">@curPageSize</SelectItem>
|
|
||||||
}
|
|
||||||
</Select>
|
|
||||||
</PageSizesTemplate>
|
|
||||||
</DataGrid>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<NavLink class="btn btn-primary" href="/utilisateurs/ajouter" Match="NavLinkMatch.All">
|
|
||||||
<i class="fa fa-plus"></i> Ajouter
|
|
||||||
</NavLink>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<Button Color="Color.Primary" Clicked="@modifierUtilisateur">Modifier</Button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<Button Color="Color.Primary" Clicked="@afficherModal">Supprimer</Button>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div>
|
|
||||||
<ModalSuppressionUtilisateur
|
|
||||||
@ref ="Modal"
|
|
||||||
utilisateur="@utilisateurSelectionne"
|
|
||||||
modalFerme="fermetureModal"/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in new issue