Merge branch 'master' into authentificationJean

authentificationJean
Siwa12100 1 year ago
commit 347f6fceca

@ -2,6 +2,10 @@
@using Microsoft.AspNetCore.Components;
@using VeraxShield.composants.modals;
<head>
<link rel="stylesheet" href="css/composants/affichages/utilisateurs/datagridUtilisateurs.css">
</head>
<DataGrid TItem="Utilisateur"
Data="@Utilisateurs"
@bind-SelectedRow="@utilisateurSelectionne"
@ -19,38 +23,48 @@
<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.IsBan)" Caption="Banissement" Editable >
<DisplayTemplate>
@if (context.IsBan)
{
<Badge Color="Color.Danger" Pill>Ban</Badge>
} else
{
<Badge Color="Color.Success" Pill>Valide</Badge>
}
@if (context.IsBan) {
<Badge Color="Color.Danger" Pill>Ban</Badge>
} else {
<Badge Color="Color.Success" Pill>Valide</Badge>
}
</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">
<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-pencil"></i> Modifier</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 editButton" @onclick="() => onClickBoutonModification(context.Pseudo)"><i class="fa fa-edit"></i> </button>
</DisplayTemplate>
</DataGridColumn>
</DataGridColumns>
<PageButtonTemplate>
<Span TextColor="TextColor.Success">
<Span class="darkBlue">
@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>
<NextPageButtonTemplate><Icon Name="IconName.StepForward" class="darkBlue" /></NextPageButtonTemplate>
<PreviousPageButtonTemplate><Icon Name="IconName.StepBackward" class="darkBlue" /></PreviousPageButtonTemplate>
<LastPageButtonTemplate><Icon Name="IconName.Forward" class="darkBlue" /></LastPageButtonTemplate>
<FirstPageButtonTemplate><Icon Name="IconName.Backward" class="darkBlue" /></FirstPageButtonTemplate>
<TotalItemsTemplate><Badge class="darkBlue">@context.TotalItems utilisateurs</Badge></TotalItemsTemplate>
<TotalItemsShortTemplate><Badge class="darkBlue">@context.TotalItems</Badge></TotalItemsShortTemplate>
<ButtonRowTemplate>
<Button Class="editButton biggest" Clicked="boutonclick">+</Button>
</ButtonRowTemplate>
<ItemsPerPageTemplate></ItemsPerPageTemplate>
@ -66,7 +80,7 @@
</PageSelectorTemplate>
<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)
{
<SelectItem Value="@curPageSize">@curPageSize</SelectItem>
@ -75,12 +89,6 @@
</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"

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

@ -1,5 +1,6 @@
@page "/"
<!--
<h1>VeraxShield</h1>
<button type="button" class="btn btn-link ml-md-auto" @onclick="@SeConnecter">Connexion</button>
@ -9,7 +10,58 @@
<h1> Adiu : @context.User.Identity.Name!</h1>
<p>Podètz veire aquest contengut solament se sètz autentificat ! </p>
<NavLink href="/utilisateurs/liste"> --> Liste des utilisateurs</NavLink>
<NavLink href="/utilisateurs/liste"> -> Liste des utilisateurs</NavLink>
<button type="button" class="btn btn-link ml-md-auto" @onclick="@SeDeconnecter">Deconnexion</button>
</AuthorizeView>
-->
<head>
<link rel="stylesheet" href="css/index.css">
</head
<AuthorizeView>
<NotAuthorized>
<body>
<header>
<h1>VeraxShield</h1>
</header>
<main>
<div class="center-box">
<div class="button-container">
<button type="button" class="btn btn-link" @onclick="@SeConnecter">Connexion</button>
</div>
<div class="button-container">
<button type="button" class="btn btn-link" @onclick="@RetourVerax">Retourner sur Verax</button>
</div>
</div>
</main>
</body>
</NotAuthorized>
<Authorized>
<body>
<header>
<h1>VeraxShield</h1>
</header>
<nav class="navbar">
<div class="container">
<NavLink class="btn-navbar" href="/utilisateurs/liste">Liste des utilisateurs</NavLink>
<button type="button" class="btn btn-navbar ml-md-auto" @onclick="@SeDeconnecter">Deconnexion</button>
</div>
</nav>
<main>
<div class="home-center-box">
<h1> Adiu : @context.User.Identity.Name!</h1>
<p>Podètz veire aquest contengut solament se sètz autentificat ! </p>
</div>
</main>
</body>
</Authorized>
</AuthorizeView>

@ -19,5 +19,10 @@ namespace VeraxShield.pages
{
NavigationManager.NavigateTo("/connexion");
}
private void RetourVerax()
{
NavigationManager.NavigateTo("https://www.verax.com");
}
}
}

@ -4,9 +4,22 @@
@page "/utilisateurs/liste"
@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/>

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

@ -0,0 +1,71 @@
/*Not Authorized
---------------------------------------------------
*/
body {
background-color: #afc1db;
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
width: 100%;
}
header {
color: #053679;
text-align: center;
padding: 10px;
margin: 0;
background-color:white;
}
main {
display: flex;
justify-content: center;
align-items: center;
height: 80vh;
margin-top:10vh;
}
.center-box {
background-color: white;
padding: 20px;
text-align: center;
border-radius: 10px;
}
.button-container {
margin-top: 10px;
}
.btn-link {
color: white;
background-color: #053679;
margin: 5px;
padding: 10px;
border: none;
border-radius: 5px;
display: block;
cursor: pointer;
}
/*Authorized
---------------------------------------------------
*/
.navbar {
background-color: #053679;
}
.btn-navbar {
color: white;
background-color: none;
}
.home-center-box {
background-color: white;
padding: 40px;
text-align: center;
border-radius: 10px;
width: 80%;
}

@ -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;
}
Loading…
Cancel
Save