Verax
/
Blazor_SAE
13
0
Fork 0
Code Issues Pull Requests 1 Packages Projects Releases Wiki Activity

vue liste utilisateurs finie

Browse Source
listeUtilisateursVue
NoaSlld 1 year ago
parent 6773736997
commit 585b91a7b6
5 changed files with 85 additions and 20 deletions
Show Stats Download Patch File Download Diff File

40
VeraxShield/VeraxShield/composants/affichages/utilisateurs/DatagridUtilisateurs.razor
Unescape View File

@ -2,6 +2,10 @@
@using Microsoft.AspNetCore.Components; @using Microsoft.AspNetCore.Components;
@using VeraxShield.composants.modals; @using VeraxShield.composants.modals;
<head>
<link rel="stylesheet" href="css/composants/affichages/utilisateurs/datagridUtilisateurs.css">
</head>
<DataGrid TItem="Utilisateur" <DataGrid TItem="Utilisateur"
Data="@Utilisateurs" Data="@Utilisateurs"
@bind-SelectedRow="@utilisateurSelectionne" @bind-SelectedRow="@utilisateurSelectionne"
@ -19,7 +23,8 @@
<DataGridColumn Field="@nameof(Utilisateur.Pseudo)" Caption="Pseudo" Sortable="false" /> <DataGridColumn Field="@nameof(Utilisateur.Pseudo)" Caption="Pseudo" Sortable="false" />
<DataGridColumn Field="@nameof(Utilisateur.Prenom)" Caption="Prenom" Editable /> <DataGridColumn Field="@nameof(Utilisateur.Prenom)" Caption="Prenom" Editable />
<DataGridColumn Field="@nameof(Utilisateur.Nom)" Caption="Nom" Editable /> <DataGridColumn Field="@nameof(Utilisateur.Nom)" Caption="Nom" Editable />
<DataGridColumn Field="@nameof(Utilisateur.IsBan)" Caption="Banissement" Editable> <DataGridColumn Field="@nameof(Utilisateur.IsBan)" Caption="Banissement" Editable >
<DisplayTemplate> <DisplayTemplate>
@if (context.IsBan) @if (context.IsBan)
@ -33,11 +38,13 @@
</DisplayTemplate> </DisplayTemplate>
</DataGridColumn> </DataGridColumn>
<DataGridColumn Field="@nameof(Utilisateur.Role)" Caption="role" Editable />
<DataGridColumn Field="@nameof(Utilisateur.Mail)" Caption="mail" Editable />
<DataGridColumn Field="@nameof(Utilisateur.Pseudo)" Caption="Gerer"> <DataGridColumn Field="@nameof(Utilisateur.Pseudo)" Caption="Gerer">
<DisplayTemplate> <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 editButton" @onclick="() => onClickBoutonSuppression(context.Pseudo)"><i class="fa fa-trash"></i> </button>
<button type="button" class="btn btn-primary" @onclick="() => onClickBoutonModification(context.Pseudo)"><i class="fa fa-edit"></i> Modifier</button> <button type="button" class="btn btn-primary editButton" @onclick="() => onClickBoutonModification(context.Pseudo)"><i class="fa fa-edit"></i> </button>
</DisplayTemplate> </DisplayTemplate>
</DataGridColumn> </DataGridColumn>
@ -45,18 +52,21 @@
<PageButtonTemplate> <PageButtonTemplate>
<Span TextColor="TextColor.Success"> <Span class="darkBlue">
@context.PageNumber @context.PageNumber
</Span> </Span>
</PageButtonTemplate> </PageButtonTemplate>
<NextPageButtonTemplate><Icon Name="IconName.StepForward" TextColor="TextColor.Success" /></NextPageButtonTemplate> <NextPageButtonTemplate><Icon Name="IconName.StepForward" class="darkBlue" /></NextPageButtonTemplate>
<PreviousPageButtonTemplate><Icon Name="IconName.StepBackward" TextColor="TextColor.Success" /></PreviousPageButtonTemplate> <PreviousPageButtonTemplate><Icon Name="IconName.StepBackward" class="darkBlue" /></PreviousPageButtonTemplate>
<LastPageButtonTemplate><Icon Name="IconName.Forward" TextColor="TextColor.Success" /></LastPageButtonTemplate> <LastPageButtonTemplate><Icon Name="IconName.Forward" class="darkBlue" /></LastPageButtonTemplate>
<FirstPageButtonTemplate><Icon Name="IconName.Backward" TextColor="TextColor.Success" /></FirstPageButtonTemplate> <FirstPageButtonTemplate><Icon Name="IconName.Backward" class="darkBlue" /></FirstPageButtonTemplate>
<TotalItemsTemplate><Badge Color="Color.Success">@context.TotalItems total items</Badge></TotalItemsTemplate> <TotalItemsTemplate><Badge class="darkBlue">@context.TotalItems utilisateurs</Badge></TotalItemsTemplate>
<TotalItemsShortTemplate><Badge Color="Color.Success">@context.TotalItems</Badge></TotalItemsShortTemplate> <TotalItemsShortTemplate><Badge class="darkBlue">@context.TotalItems</Badge></TotalItemsShortTemplate>
<ButtonRowTemplate>
<Button Class="editButton biggest" Clicked="boutonclick">+</Button>
</ButtonRowTemplate>
<ItemsPerPageTemplate></ItemsPerPageTemplate> <ItemsPerPageTemplate></ItemsPerPageTemplate>
<PageSelectorTemplate> <PageSelectorTemplate>
@ -71,7 +81,7 @@
</PageSelectorTemplate> </PageSelectorTemplate>
<PageSizesTemplate> <PageSizesTemplate>
<Select TextColor="TextColor.Success" @bind-SelectedValue="@context.CurrentPageSize" Size="Size.Small"> <Select class="darkBlue" @bind-SelectedValue="@context.CurrentPageSize" Size="Size.Small">
@foreach (var curPageSize in context.PageSizes) @foreach (var curPageSize in context.PageSizes)
{ {
<SelectItem Value="@curPageSize">@curPageSize</SelectItem> <SelectItem Value="@curPageSize">@curPageSize</SelectItem>
@ -80,12 +90,6 @@
</PageSizesTemplate> </PageSizesTemplate>
</DataGrid> </DataGrid>
<div>
<NavLink class="btn btn-primary" href="/utilisateurs/ajouter" Match="NavLinkMatch.All">
<i class="fa fa-plus"></i> Ajouter
</NavLink>
</div>
<div> <div>
<ModalSuppressionUtilisateur <ModalSuppressionUtilisateur
utilisateur="@utilisateurSelectionne" utilisateur="@utilisateurSelectionne"

5
VeraxShield/VeraxShield/composants/affichages/utilisateurs/DatagridUtilisateurs.razor.cs
Unescape View File

@ -78,5 +78,10 @@ namespace VeraxShield.composants.affichages.utilisateurs
this.utilisateurSelectionne = await this.utilisateursDataService.getUtilisateurFromPseudo(Pseudo); this.utilisateurSelectionne = await this.utilisateursDataService.getUtilisateurFromPseudo(Pseudo);
this.modifierUtilisateur(); this.modifierUtilisateur();
} }
public async Task boutonclick()
{
NavigationManager.NavigateTo("/utilisateurs/ajouter");
}
} }
} }

17
VeraxShield/VeraxShield/pages/utilisateurs/ListeUtilisateurs.razor
Unescape View File

@ -4,9 +4,22 @@
@page "/utilisateurs/liste" @page "/utilisateurs/liste"
@attribute [Authorize(Roles = "admin, modo")] @attribute [Authorize(Roles = "admin, modo")]
<h1>Utilisateurs de Verax</h1> <head>
<link rel="stylesheet" href="css/pages/utilisateurs/listeUtilisateurs.css">
</head
<body
<div class="center-box lightBlueBG">
<h1> Utilisateurs de Verax</h1>
<p class="margin10">Vous retrouverez ici les utilisateurs de Verax ainsi que les actions associées </p>
</div>
<div class="dataGrid"><DatagridUtilisateurs/></div>
</body>
<DatagridUtilisateurs/>

16
VeraxShield/VeraxShield/wwwroot/css/composants/affichages/utilisateurs/datagridUtilisateurs.css
Unescape View File

@ -0,0 +1,16 @@
.darkBlue {
color: #053679;
}
.editButton {
background-color: #053679;
border: none;
color: white;
}
.biggest{
font-weight: bold;
font-size:120%;
}

27
VeraxShield/VeraxShield/wwwroot/css/pages/utilisateurs/listeUtilisateurs.css
Unescape View File

@ -0,0 +1,27 @@
.h1{
text-align:center;
margin: 50px;
}
.margin10{
margin: 10px;
}
.center-box {
padding: 20px;
margin: 20px auto;
text-align: center;
border-radius: 10px;
background-color: #afc1db;
width: 80%;
}
.dataGrid {
margin: 10px auto;
width: 80%;
}
.btn:hover {
background-color: #afc1db;
color: #053679;
}
Write Preview
Loading…
Cancel
Save