Skip to content

B
beasy-front-angular
You need to sign in or sign up before continuing.
Commit 024de6ae by zadi francice
Options

mise ajour du 12/06/2024

parent 818181b3
Showing with 320 additions and 273 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.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.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