Skip to content

B
beasy-front-angular
Commit 024de6ae by zadi francice
Options

mise ajour du 12/06/2024

parent 818181b3
Showing with 466 additions and 453 deletions
src/app/admin-test/admin-test.component.html
...@@ -42,9 +42,6 @@ ...@@ -42,9 +42,6 @@
_ngcontent-ng-c3352625633="" _ngcontent-ng-c3352625633=""
class="flex align-items-center justify-content-center bg-blue-100 border-round" class="flex align-items-center justify-content-center bg-blue-100 border-round"
style="width: 2.5rem; height: 2.5rem"> style="width: 2.5rem; height: 2.5rem">
<!-- <i
class="fal fa-gem position-absolute pos-right pos-bottom opacity-15 mb-n1 mr-n4"
style="font-size: 6rem"></i> -->
</div> </div>
</div> </div>
</div> </div>
......
src/app/admin-test/admin-test.component.scss
...@@ -135,7 +135,7 @@ mat-card-title{ ...@@ -135,7 +135,7 @@ mat-card-title{
background-color: #f7e6ff; background-color: #f7e6ff;
} }
.border-round { .border-round {
border-radius: 10px; border-radius: 0;
} }
.p-3 { .p-3 {
padding: 1rem; padding: 1rem;
......
src/app/assistances/assistance/view-service/view-service.component.html
...@@ -4,126 +4,115 @@ ...@@ -4,126 +4,115 @@
<div class="row-fluid"> <div class="row-fluid">
<div class="span12"> <div class="span12">
<div class="grid simple"> <div class="grid simple">
<div class="card"> <div class="card-title">
<div class="card-title"> <div class="card-body m-3">
<div class="card-body m-3"> <h4 class="mb-3">Liste des services</h4>
<h4 class="mb-3">Liste des services</h4> <div class="page-title d-flex justify-content-between">
<div class="page-title d-flex justify-content-between"> <div class="col-m-5 text-right">
<div class="col-m-5 text-right"> <button
<button class="btn btn-secondary m-5"
class="btn btn-secondary m-5" style="border-radius: 15px">
style="border-radius: 15px"> Exporter <i class="fa fa-download"></i>
Exporter <i class="fa fa-download"></i> </button>
</button>
</div>
<a
style="border-radius: 15px"
[routerLink]="['/assistances/create-service']"
class="btn btn-sl btn-success m-5">
Nouveau
</a>
</div> </div>
<div <a
class="example-container mat-elevation-z8" style="border-radius: 15px"
style="margin-top: 40px"> [routerLink]="['/assistances/create-service']"
<mat-form-field> class="btn btn-sl btn-success m-5">
<mat-label>Filter</mat-label> Nouveau
<input </a>
matInput </div>
(keyup)="applyFilter($event)" <div
placeholder="Ex. ium" class="example-container mat-elevation-z8"
#input /> style="margin-top: 40px">
</mat-form-field> <mat-form-field>
<mat-label>Filter</mat-label>
<input
matInput
(keyup)="applyFilter($event)"
placeholder="Ex. ium"
#input />
</mat-form-field>
<mat-table <mat-table [dataSource]="dataSource" class="mat-elevation-z8">
[dataSource]="dataSource" <ng-container matColumnDef="service_id">
class="mat-elevation-z8"> <mat-header-cell *matHeaderCellDef class="text"
<!-- Nom Column --> >ID</mat-header-cell
<ng-container matColumnDef="service_id"> >
<mat-header-cell *matHeaderCellDef class="text" <mat-cell *matCellDef="let service">{{
>ID</mat-header-cell service.service_id
> }}</mat-cell>
<mat-cell *matCellDef="let service">{{ </ng-container>
service.service_id
}}</mat-cell>
</ng-container>
<ng-container matColumnDef="nom_service"> <ng-container matColumnDef="nom_service">
<mat-header-cell *matHeaderCellDef class="text" <mat-header-cell *matHeaderCellDef class="text"
>Nom</mat-header-cell >Nom</mat-header-cell
> >
<mat-cell *matCellDef="let service">{{ <mat-cell *matCellDef="let service">{{
service.nom_service service.nom_service
}}</mat-cell> }}</mat-cell>
</ng-container> </ng-container>
<!-- Description Column --> <ng-container matColumnDef="description">
<ng-container matColumnDef="description"> <mat-header-cell *matHeaderCellDef class="text"
<mat-header-cell *matHeaderCellDef class="text" >Description</mat-header-cell
>Description</mat-header-cell >
> <mat-cell *matCellDef="let service">{{
<mat-cell *matCellDef="let service">{{ service.description
service.description }}</mat-cell>
}}</mat-cell> </ng-container>
</ng-container>
<!-- Marchand Column --> <ng-container matColumnDef="marchand">
<ng-container matColumnDef="marchand"> <mat-header-cell *matHeaderCellDef class="text"
<mat-header-cell *matHeaderCellDef class="text" >Marchand</mat-header-cell
>Marchand</mat-header-cell >
> <mat-cell *matCellDef="let service">{{
<mat-cell *matCellDef="let service">{{ service.marchand
service.marchand }}</mat-cell>
}}</mat-cell> </ng-container>
</ng-container>
<!-- Actions Column --> <ng-container matColumnDef="actions">
<ng-container matColumnDef="actions"> <mat-header-cell *matHeaderCellDef class="text"
<mat-header-cell *matHeaderCellDef class="text" >Actions</mat-header-cell
>Actions</mat-header-cell >
> <mat-cell
<mat-cell *matCellDef="let service"
*matCellDef="let service" style="text-align: right">
style="text-align: right"> <a
<a href="#"
href="#" class="m-2"
class="m-2" [routerLink]="[
[routerLink]="[ '/assistances/edit-service',
'/assistances/edit-service', service.service_id
service.service_id ]">
]"> <mat-icon style="color: green" title="Modifier"
<mat-icon style="color: green" title="Modifier" >edit</mat-icon
>edit</mat-icon >
> </a>
</a> <a
<a href="#"
href="#" class="m-2"
class="m-2" (click)="onDelete(service.service_id)"
(click)="onDelete(service.service_id)" [routerLink]="['/assistances/view-service']">
[routerLink]="['/assistances/view-service']"> <mat-icon style="color: red" title="Supprimer"
<mat-icon style="color: red" title="Supprimer" >delete_sweep</mat-icon
>delete_sweep</mat-icon >
> </a>
</a> </mat-cell>
</mat-cell> </ng-container>
</ng-container>
<mat-header-row <mat-header-row
*matHeaderRowDef="displayedColumns"></mat-header-row> *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row <mat-row
*matRowDef=" *matRowDef="let row; columns: displayedColumns"></mat-row>
let row; </mat-table>
columns: displayedColumns
"></mat-row>
</mat-table>
<mat-paginator <mat-paginator
#paginator #paginator
[pageSize]="5" [pageSize]="5"
[pageSizeOptions]="[5, 10, 20]" [pageSizeOptions]="[5, 10, 20]"
[showFirstLastButtons]="true"> [showFirstLastButtons]="true">
</mat-paginator> </mat-paginator>
</div>
</div> </div>
</div> </div>
</div> </div>
......
src/app/assistances/assistance/view-service/view-service.component.scss
...@@ -7,4 +7,13 @@ ...@@ -7,4 +7,13 @@
.Ftext { .Ftext {
font-size: 16px; /* Ajustez la taille de la police selon vos besoins */ font-size: 16px; /* Ajustez la taille de la police selon vos besoins */
}
.card {
border-radius:0 !important;
--bs-card-bg: #ffffff61;
} }
\ No newline at end of file
src/app/reversements/reversement/demande/demande.component.scss
.card {
border-radius:0 !important;
--bs-card-bg: #ffffff61;
}
\ No newline at end of file
src/app/reversements/reversement/reversement/reversement.component.html
<!-- eslint-disable @angular-eslint/template/label-has-associated-control --> <!-- eslint-disable @angular-eslint/template/label-has-associated-control -->
<div class="page-title" style="margin-bottom: 10px"> <div class="page-title" style="margin-bottom: 10px">
<h4>Reversements</h4> <h4>Reversements</h4>
</div> <div class="content sm-gutter">
<!-- <div class="row" style="margin-top: 40px"> <div class="row justify-content-center">
<div class="col-md-3"> <div class="col-md-12 col-vlg-12 m-b-10">
<label for="debut">De</label> <div class="row-fluid">
<input <div class="span12">
type="date" <div class="grid simple">
value="2024-04-16" <div class="card">
required="" <div class="card-title">
name="debut" <div class="card-body m-3">
class="form-control form-control-sm" /> <div class="row d-flex justify-content-center">
</div> <div class="col-md-3">
<div class="col-md-3"> <label for="debut">De</label>
<label for="fin">À</label> <input
<input type="date"
type="date" [(ngModel)]="startDate"
value="2024-04-16" required
required="" name="debut"
name="fin" class="form-control form-control-sm" />
class="form-control form-control-sm" /> </div>
</div> <div class="col-md-3">
<div class="col-md-2"> <label for="fin">À</label>
<label style="visibility: hidden">Recherche</label> <input
<div class="card-title"> type="date"
<button class="btn btn-primary btn-sm"> [(ngModel)]="endDate"
Recherche <i class="fa fa-search"></i> required
</button> name="fin"
</div> class="form-control form-control-sm" />
</div> </div>
</div> --> <div class="col-md-2 d-flex align-items-end">
<div class="content sm-gutter">
<div class="row">
<div class="col-md-12 col-vlg-12 m-b-10">
<div class="row-fluid">
<div class="span12">
<div class="grid simple">
<div class="card">
<div class="card-title">
<div class="card-body m-3">
<div class="row" style="margin: auto">
<!-- <div class="col-md-2">
<label for="operateurs">Opérateurs</label>
<select
class="form-control filtre"
[(ngModel)]="selectedOperateur"
id="operateurs"
placeholder="operateur"
style="width: 100%">
<option
*ngFor="let operateur of operateurs"
[value]="operateur.code">
{{ operateur.code }}
</option>
</select>
</div> -->
<!-- <div class="col-md-2">
<label for="services">Services</label>
<select class="form-control filtre" style="width: 100%">
<option value="">Tout</option>
</select>
</div> -->
<div class="col-md-3">
<label for="debut">De</label>
<input
type="date"
[(ngModel)]="startDate"
required
name="debut"
class="form-control form-control-sm" />
</div>
<div class="col-md-3">
<label for="fin">À</label>
<input
type="date"
[(ngModel)]="endDate"
required
name="fin"
class="form-control form-control-sm" />
</div>
<div class="col-md-2">
<label style="visibility: hidden">Recherche</label>
<div class="card-title">
<button <button
style="border-radius: 15px" style="border-radius: 15px"
class="btn btn-primary btn-sm" class="btn btn-primary btn-sm"
...@@ -99,85 +47,79 @@ ...@@ -99,85 +47,79 @@
</div> </div>
</div> </div>
</div> </div>
</div>
<div class="example-container mat-elevation-z8" style="margin-top: 40px">
<mat-form-field
style="
border: 1px;
border-radius: 5px;
background-color: rgba(158, 188, 212, 0.404);
">
<mat-label>Filter</mat-label>
<input
matInput
(keyup)="applyFilter($event)"
placeholder="Ex. ium"
#input />
</mat-form-field>
<mat-table #table [dataSource]="dataSource">
<!-- <ng-container matColumnDef="numReversement">
<mat-header-cell *matHeaderCellDef class="bold-text">
N°REVERSEMENT
</mat-header-cell>
<mat-cell *matCellDef="let element">
{{ element.numReversement }}
</mat-cell>
</ng-container> -->
<!-- Position Column --> <div class="example-container mat-elevation-z8" style="margin-top: 40px">
<ng-container matColumnDef="dateReversement"> <mat-form-field
<mat-header-cell *matHeaderCellDef class="bold-text"> style="
Date reversement border: 1px;
</mat-header-cell> border-radius: 5px;
<mat-cell *matCellDef="let element"> background-color: rgba(158, 188, 212, 0.404);
{{ element.dateReversement }} ">
</mat-cell> <mat-label>Filter</mat-label>
</ng-container> <input
matInput
(keyup)="applyFilter($event)"
placeholder="Ex. ium"
#input />
</mat-form-field>
<mat-table #table [dataSource]="dataSource">
<!-- Position Column -->
<ng-container matColumnDef="dateReversement">
<mat-header-cell *matHeaderCellDef class="bold-text">
Date reversement
</mat-header-cell>
<mat-cell *matCellDef="let element">
{{ element.dateReversement }}
</mat-cell>
</ng-container>
<ng-container matColumnDef="dateDemande"> <ng-container matColumnDef="dateDemande">
<mat-header-cell *matHeaderCellDef class="bold-text"> <mat-header-cell *matHeaderCellDef class="bold-text">
Date demande Date demande
</mat-header-cell> </mat-header-cell>
<mat-cell *matCellDef="let element"> {{ element.dateDemande }} </mat-cell> <mat-cell *matCellDef="let element">
</ng-container> {{ element.dateDemande }}
</mat-cell>
</ng-container>
<ng-container matColumnDef="montant"> <ng-container matColumnDef="montant">
<mat-header-cell *matHeaderCellDef class="bold-text"> <mat-header-cell *matHeaderCellDef class="bold-text">
Montant Montant
</mat-header-cell> </mat-header-cell>
<mat-cell *matCellDef="let element"> {{ element.montant }} </mat-cell> <mat-cell *matCellDef="let element"> {{ element.montant }} </mat-cell>
</ng-container> </ng-container>
<!-- Name Column --> <!-- Name Column -->
<ng-container matColumnDef="moyenPaiement"> <ng-container matColumnDef="moyenPaiement">
<mat-header-cell *matHeaderCellDef class="bold-text"> <mat-header-cell *matHeaderCellDef class="bold-text">
Moyen reversement Moyen reversement
</mat-header-cell> </mat-header-cell>
<mat-cell *matCellDef="let element"> <mat-cell *matCellDef="let element">
{{ element.moyenPaiement }} {{ element.moyenPaiement }}
</mat-cell> </mat-cell>
</ng-container> </ng-container>
<!-- Weight Column --> <!-- Weight Column -->
<ng-container matColumnDef="status"> <ng-container matColumnDef="status">
<mat-header-cell *matHeaderCellDef class="bold-text"> <mat-header-cell *matHeaderCellDef class="bold-text">
Statuts Statuts
</mat-header-cell> </mat-header-cell>
<mat-cell *matCellDef="let element"> {{ element.status }} </mat-cell> <mat-cell *matCellDef="let element"> {{ element.status }} </mat-cell>
</ng-container> </ng-container>
<!-- Symbol Column --> <!-- Symbol Column -->
<!-- Symbol Column --> <!-- Symbol Column -->
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row> <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
</mat-table> </mat-table>
<mat-paginator <mat-paginator
#paginator #paginator
[pageSize]="5" [pageSize]="5"
[pageSizeOptions]="[5, 10, 20]" [pageSizeOptions]="[5, 10, 20]"
[showFirstLastButtons]="true"> [showFirstLastButtons]="true">
</mat-paginator> </mat-paginator>
</div>
</div> </div>
src/app/reversements/reversement/reversement/reversement.component.scss
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
// } // }
.bold-text{ .bold-text{
color:blue; color:blue;
font-weight: bold; font-weight: bold;
font-size: 16px; /* Ajustez la taille de la police selon vos besoins */ font-size: 16px; /* Ajustez la taille de la police selon vos besoins */
} }
...@@ -24,4 +24,13 @@ ...@@ -24,4 +24,13 @@
.p-4{ .p-4{
color: white; color: white;
}
.card {
border-radius:0 !important;
--bs-card-bg: #ffffff61;
} }
\ No newline at end of file
src/app/trafics/transactions/suivi-paiement/suivi-paiement.component.html
...@@ -20,7 +20,7 @@ ...@@ -20,7 +20,7 @@
<h4>Paiements</h4> <h4>Paiements</h4>
</div> </div>
<div class="content sm-gutter"> <!-- <div class="content sm-gutter">
<div class="row"> <div class="row">
<div class="col-md-12 col-vlg-12 m-b-10"> <div class="col-md-12 col-vlg-12 m-b-10">
<div class="row-fluid"> <div class="row-fluid">
...@@ -87,6 +87,76 @@ ...@@ -87,6 +87,76 @@
</div> </div>
</div> </div>
</div> </div>
</div> -->
<div class="content sm-gutter">
<div class="row">
<div class="col-md-12 col-vlg-12 m-b-10">
<div class="row-fluid">
<div class="span12">
<div class="grid simple">
<div class="card">
<div class="card-title">
<div class="card-body m-3">
<div class="row" style="margin: auto">
<div class="col-md-2">
<label for="operateurs">Opérateurs</label>
<!-- Add [(ngModel)]="selectedOperateur" to bind the selected value -->
<select
class="form-control filtre"
id="operateurs"
style="width: 100%"
[(ngModel)]="selectedOperateur">
<option
*ngFor="let operateur of operateurs"
[value]="operateur.code">
{{ operateur.code }}
</option>
</select>
</div>
<div class="col-md-2">
<label for="services">Services</label>
<select class="form-control filtre" style="width: 100%">
<option value="">Tout</option>
</select>
</div>
<div class="col-md-3">
<label for="debut">De</label>
<input
type="date"
value="2024-04-16"
required=""
name="debut"
class="form-control form-control-sm" />
</div>
<div class="col-md-3">
<label for="fin">À</label>
<input
type="date"
value="2024-04-16"
required=""
name="fin"
class="form-control form-control-sm" />
</div>
<div class="col-md-2">
<!-- Removed the hidden label -->
<!-- Wrapped the button in a div with class card-title -->
<div class="card-title">
<button
class="btn btn-primary btn-sm"
style="border-radius: 15px; box-sizing: border-box">
Recherche <i class="fa fa-search m-1"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<div class="example-container mat-elevation-z8" style="margin-top: 40px"> <div class="example-container mat-elevation-z8" style="margin-top: 40px">
......
src/app/trafics/transactions/suivi-paiement/suivi-paiement.component.scss
...@@ -33,4 +33,12 @@ ...@@ -33,4 +33,12 @@
padding: 5px; padding: 5px;
background-color:rgb(211, 54, 42); background-color:rgb(211, 54, 42);
border-radius:15px border-radius:15px
}
.card {
border-radius:0 !important;
--bs-card-bg: #ffffff61;
} }
\ No newline at end of file
src/app/trafics/transactions/suivi-transaction/suivi-transaction.component.html
...@@ -120,7 +120,7 @@ ...@@ -120,7 +120,7 @@
id="services" id="services"
[(ngModel)]="selectedService" [(ngModel)]="selectedService"
name="selectedService"> name="selectedService">
<option value="">choisir un service</option> <option value="">choisir un ser</option>
<option <option
*ngFor="let service of services" *ngFor="let service of services"
[ngValue]="service"> [ngValue]="service">
......
src/app/trafics/transactions/suivi-transaction/suivi-transaction.component.scss
...@@ -35,7 +35,12 @@ table { ...@@ -35,7 +35,12 @@ table {
color: white; color: white;
} }
.card {
border-radius:0 !important;
--bs-card-bg: #ffffff61;
}
.success-status { .success-status {
color: rgb(255, 255, 255); color: rgb(255, 255, 255);
......
src/app/utilisateurs/view-user/view-user.component.html
<!-- eslint-disable prettier/prettier -->
<!-- eslint-disable @angular-eslint/template/label-has-associated-control -->
<div class="content sm-gutter"> <div class="content sm-gutter">
<div class="mb-4">
<h4>Liste des utilisateurs</h4>
</div>
<div class="col-md-2"></div>
<div class="row"> <div class="row">
<div class="col-md-12 col-vlg-12 m-b-10"> <div class="col-md-12 col-vlg-12 m-b-10">
<div class="row-fluid"> <div class="row-fluid">
<div class="span12"> <div class="span12">
<div class="grid simple"> <div class="grid simple">
<div class="card"> <div class="card-title"></div>
<div class="card-title"> <div class="content sm-gutter">
<div class="card-body m-3"> <div class="mb-4">
<div class="row" style="margin: auto"> <h4>Liste des utilisateurs</h4>
<div class="col-md-2">
<label for="operateurs">Opérateurs</label>
<select
class="form-control filtre"
[(ngModel)]="selectedOperateur"
id="operateurs"
placeholder="operateur"
style="width: 100%">
<option
*ngFor="let operateur of operateurs"
[value]="operateur.code">
{{ operateur.code }}
</option>
</select>
</div>
<div class="col-md-2">
<label for="services">Services</label>
<select class="form-control filtre" style="width: 100%">
<option value="">Tout</option>
</select>
</div>
<div class="col-md-3">
<label for="debut">De</label>
<input
type="date"
[(ngModel)]="startDate"
required
name="debut"
class="form-control form-control-sm" />
</div>
<div class="col-md-3">
<label for="fin">À</label>
<input
type="date"
[(ngModel)]="endDate"
required
name="fin"
class="form-control form-control-sm" />
</div>
<div class="col-md-2">
<label style="visibility: hidden">Recherche</label>
<div class="card-title">
<button
style="border-radius: 15px"
class="btn btn-primary btn-sm"
(click)="onSearch()">
Recherche <i class="fa fa-search m-1"></i>
</button>
</div>
</div>
</div>
</div>
</div> </div>
<div class="col-md-2"></div>
</div> </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="page-title d-flex justify-content-between"> <div class="page-title d-flex justify-content-between">
<div class="col-m-5 text-right"> <div class="col-m-5 text-right">
<button class="btn btn-secondary m-5" style="border-radius: 15px"> <button
Exporter <i class="fa fa-download m-1"></i> class="btn btn-secondary m-5"
</button> style="border-radius: 15px">
</div> Exporter <i class="fa fa-download m-1"></i>
<a </button>
style="border-radius: 15px" </div>
[routerLink]="['/utilisateurs/create-users']" <a
class="btn btn-sl btn-success m-5"> style="border-radius: 15px"
Ajouter [routerLink]="['/utilisateurs/create-users']"
</a> class="btn btn-sl btn-success m-5">
</div> Ajouter
<div class="example-container mat-elevation-z8" style="margin-top: 40px"> </a>
<!-- <mat-form-field> </div>
<mat-label>Filter</mat-label> <div
<input class="example-container mat-elevation-z8"
class="textFilter" style="margin-top: 40px">
matInput <mat-form-field>
(keyup)="applyFilter($event)" <mat-label>Filter</mat-label>
placeholder="Ex. ium" <input
#input /> matInput
</mat-form-field> --> (keyup)="applyFilter($event)"
<mat-form-field> placeholder="Ex. ium"
<mat-label>Filter</mat-label> #input />
<input </mat-form-field>
matInput
(keyup)="applyFilter($event)"
placeholder="Ex. ium"
#input />
</mat-form-field>
<mat-table [dataSource]="dataSource" matSort> <mat-table [dataSource]="dataSource" matSort>
<ng-container matColumnDef="id"> <ng-container matColumnDef="id">
<mat-header-cell *matHeaderCellDef mat-sort-header class="bold-text" <mat-header-cell
>ID</mat-header-cell *matHeaderCellDef
> mat-sort-header
<mat-cell *matCellDef="let user">{{ user.id }}</mat-cell> class="bold-text"
</ng-container> >ID</mat-header-cell
>
<mat-cell *matCellDef="let user">{{ user.id }}</mat-cell>
</ng-container>
<ng-container matColumnDef="first_name"> <ng-container matColumnDef="first_name">
<mat-header-cell *matHeaderCellDef mat-sort-header class="bold-text" <mat-header-cell
>Nom</mat-header-cell *matHeaderCellDef
> mat-sort-header
<mat-cell *matCellDef="let user">{{ user.first_name }}</mat-cell> class="bold-text"
</ng-container> >Nom</mat-header-cell
>
<mat-cell *matCellDef="let user">{{
user.first_name
}}</mat-cell>
</ng-container>
<ng-container matColumnDef="last_name"> <ng-container matColumnDef="last_name">
<mat-header-cell *matHeaderCellDef mat-sort-header class="bold-text" <mat-header-cell
>Prénoms</mat-header-cell *matHeaderCellDef
> mat-sort-header
<mat-cell *matCellDef="let user">{{ user.last_name }}</mat-cell> class="bold-text"
</ng-container> >Prénoms</mat-header-cell
>
<mat-cell *matCellDef="let user">{{
user.last_name
}}</mat-cell>
</ng-container>
<ng-container matColumnDef="username"> <ng-container matColumnDef="username">
<mat-header-cell *matHeaderCellDef mat-sort-header class="bold-text" <mat-header-cell
>Nom utilisateur</mat-header-cell *matHeaderCellDef
> mat-sort-header
<mat-cell *matCellDef="let user">{{ user.username }}</mat-cell> class="bold-text"
</ng-container> >Nom utilisateur</mat-header-cell
>
<mat-cell *matCellDef="let user">{{
user.username
}}</mat-cell>
</ng-container>
<ng-container matColumnDef="email"> <ng-container matColumnDef="email">
<mat-header-cell *matHeaderCellDef mat-sort-header class="bold-text" <mat-header-cell
>Email</mat-header-cell *matHeaderCellDef
> mat-sort-header
<mat-cell *matCellDef="let user">{{ user.email }}</mat-cell> class="bold-text"
</ng-container> >Email</mat-header-cell
>
<mat-cell *matCellDef="let user">{{ user.email }}</mat-cell>
</ng-container>
<ng-container matColumnDef="role"> <ng-container matColumnDef="role">
<mat-header-cell *matHeaderCellDef mat-sort-header class="bold-text" <mat-header-cell
>Rôle</mat-header-cell *matHeaderCellDef
> mat-sort-header
<mat-cell *matCellDef="let user">{{ user.role }}</mat-cell> class="bold-text"
</ng-container> >Rôle</mat-header-cell
>
<mat-cell *matCellDef="let user">{{ user.role }}</mat-cell>
</ng-container>
<ng-container matColumnDef="profile_photo"> <ng-container matColumnDef="profile_photo">
<mat-header-cell *matHeaderCellDef mat-sort-header class="bold-text" <mat-header-cell
>Photo profil</mat-header-cell *matHeaderCellDef
> mat-sort-header
<mat-cell *matCellDef="let user"> class="bold-text"
<img >Photo profil</mat-header-cell
[src]="user.profile_photo" >
alt="Photo de profil" <mat-cell *matCellDef="let user">
width="50" <img
height="50" /> [src]="user.profile_photo"
</mat-cell> alt="Photo de profil"
</ng-container> width="50"
height="50" />
</mat-cell>
</ng-container>
<ng-container matColumnDef="actions"> <ng-container matColumnDef="actions">
<mat-header-cell *matHeaderCellDef mat-sort-header class="bold-text" <mat-header-cell
>Actions</mat-header-cell *matHeaderCellDef
> mat-sort-header
<mat-cell *matCellDef="let user" style="text-align: right"> class="bold-text"
<a href="#" class="m-2" [routerLink]="['view-user']" >Actions</mat-header-cell
><mat-icon style="color: blue" title="Voir" >
>remove_red_eye</mat-icon <mat-cell *matCellDef="let user" style="text-align: right">
></a <a href="#" class="m-2" [routerLink]="['view-user']"
> ><mat-icon style="color: blue" title="Voir"
<a >remove_red_eye</mat-icon
href="#" ></a
class="m-2" >
[routerLink]="['/utilisateurs/edit-user', user.id]" <a
><mat-icon style="color: green" title="Modifier">edit</mat-icon></a href="#"
> class="m-2"
<!-- <a [routerLink]="['/utilisateurs/edit-user', user.id]"
href="#" ><mat-icon style="color: green" title="Modifier"
class="m-2" >edit</mat-icon
(click)="onDelete(user.id)" ></a
[routerLink]="['/utilisateurs/view-user']"> >
<mat-icon style="color: red" title="Supprimer">delete_sweep</mat-icon> </mat-cell>
</a> --> </ng-container>
</mat-cell>
</ng-container>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row> <mat-header-row
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row> *matHeaderRowDef="displayedColumns"></mat-header-row>
</mat-table> <mat-row
<mat-paginator *matRowDef="let row; columns: displayedColumns"></mat-row>
[pageSize]="5" </mat-table>
[pageSizeOptions]="[5, 10, 20, 40, 60, 70, 80, 90, 100]" <mat-paginator
[showFirstLastButtons]="true"></mat-paginator> [pageSize]="5"
[pageSizeOptions]="[5, 10, 20, 40, 60, 70, 80, 90, 100]"
[showFirstLastButtons]="true"></mat-paginator>
</div>
</div>
</div>
</div>
</div>
</div>
</div> </div>
<!-- </div> -->
src/app/utilisateurs/view-user/view-user.component.scss
.card {
border-radius:0 !important;
--bs-card-bg: #ffffff61;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment