Merge branch 'master' into authentificationJean

authentificationJean
Siwa12100 1 year ago
commit 347f6fceca

@ -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"
@ -20,37 +24,47 @@
<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>
@if (context.IsBan) {
<DisplayTemplate>
@if (context.IsBan)
{
<Badge Color="Color.Danger" Pill>Ban</Badge> <Badge Color="Color.Danger" Pill>Ban</Badge>
} else { } else
{
<Badge Color="Color.Success" Pill>Valide</Badge> <Badge Color="Color.Success" Pill>Valide</Badge>
} }
</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-pencil"></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>
</DataGridColumns> </DataGridColumns>
<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>
@ -66,7 +80,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>
@ -75,12 +89,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"

@ -84,5 +84,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");
}
} }
} }

@ -1,5 +1,6 @@
@page "/" @page "/"
<!--
<h1>VeraxShield</h1> <h1>VeraxShield</h1>
<button type="button" class="btn btn-link ml-md-auto" @onclick="@SeConnecter">Connexion</button> <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> <h1> Adiu : @context.User.Identity.Name!</h1>
<p>Podètz veire aquest contengut solament se sètz autentificat ! </p> <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> <button type="button" class="btn btn-link ml-md-auto" @onclick="@SeDeconnecter">Deconnexion</button>
</AuthorizeView> </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"); NavigationManager.NavigateTo("/connexion");
} }
private void RetourVerax()
{
NavigationManager.NavigateTo("https://www.verax.com");
}
} }
} }

@ -4,9 +4,22 @@
@page "/utilisateurs/liste" @page "/utilisateurs/liste"
@attribute [Authorize(Roles = "admin, modo")] @attribute [Authorize(Roles = "admin, modo")]
<head>
<link rel="stylesheet" href="css/pages/utilisateurs/listeUtilisateurs.css">
</head
<body
<div class="center-box lightBlueBG">
<h1> Utilisateurs de Verax</h1> <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