Skip to content

B
beasy-front-angular
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 @@
_ngcontent-ng-c3352625633=""
class="flex align-items-center justify-content-center bg-blue-100 border-round"
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>
......
src/app/admin-test/admin-test.component.scss
......@@ -135,7 +135,7 @@ mat-card-title{
background-color: #f7e6ff;
}
.border-round {
border-radius: 10px;
border-radius: 0;
}
.p-3 {
padding: 1rem;
......
src/app/assistances/assistance/view-service/view-service.component.scss
......@@ -7,4 +7,13 @@
.Ftext {
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 -->
<div class="page-title" style="margin-bottom: 10px">
<h4>Reversements</h4>
</div>
<!-- <div class="row" style="margin-top: 40px">
<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">
<label style="visibility: hidden">Recherche</label>
<div class="card-title">
<button class="btn btn-primary btn-sm">
Recherche <i class="fa fa-search"></i>
</button>
</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>
<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">
<div class="content sm-gutter">
<div class="row justify-content-center">
<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 d-flex justify-content-center">
<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 d-flex align-items-end">
<button
style="border-radius: 15px"
class="btn btn-primary btn-sm"
......@@ -99,85 +47,79 @@
</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 -->
<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>
<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">
<!-- 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">
<mat-header-cell *matHeaderCellDef class="bold-text">
Date demande
</mat-header-cell>
<mat-cell *matCellDef="let element"> {{ element.dateDemande }} </mat-cell>
</ng-container>
<ng-container matColumnDef="dateDemande">
<mat-header-cell *matHeaderCellDef class="bold-text">
Date demande
</mat-header-cell>
<mat-cell *matCellDef="let element">
{{ element.dateDemande }}
</mat-cell>
</ng-container>
<ng-container matColumnDef="montant">
<mat-header-cell *matHeaderCellDef class="bold-text">
Montant
</mat-header-cell>
<mat-cell *matCellDef="let element"> {{ element.montant }} </mat-cell>
</ng-container>
<ng-container matColumnDef="montant">
<mat-header-cell *matHeaderCellDef class="bold-text">
Montant
</mat-header-cell>
<mat-cell *matCellDef="let element"> {{ element.montant }} </mat-cell>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="moyenPaiement">
<mat-header-cell *matHeaderCellDef class="bold-text">
Moyen reversement
</mat-header-cell>
<mat-cell *matCellDef="let element">
{{ element.moyenPaiement }}
</mat-cell>
</ng-container>
<!-- Name Column -->
<ng-container matColumnDef="moyenPaiement">
<mat-header-cell *matHeaderCellDef class="bold-text">
Moyen reversement
</mat-header-cell>
<mat-cell *matCellDef="let element">
{{ element.moyenPaiement }}
</mat-cell>
</ng-container>
<!-- Weight Column -->
<ng-container matColumnDef="status">
<mat-header-cell *matHeaderCellDef class="bold-text">
Statuts
</mat-header-cell>
<mat-cell *matCellDef="let element"> {{ element.status }} </mat-cell>
</ng-container>
<!-- Weight Column -->
<ng-container matColumnDef="status">
<mat-header-cell *matHeaderCellDef class="bold-text">
Statuts
</mat-header-cell>
<mat-cell *matCellDef="let element"> {{ element.status }} </mat-cell>
</ng-container>
<!-- Symbol Column -->
<!-- Symbol Column -->
<!-- Symbol Column -->
<!-- Symbol Column -->
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
</mat-table>
<mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
<mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
</mat-table>
<mat-paginator
#paginator
[pageSize]="5"
[pageSizeOptions]="[5, 10, 20]"
[showFirstLastButtons]="true">
</mat-paginator>
<mat-paginator
#paginator
[pageSize]="5"
[pageSizeOptions]="[5, 10, 20]"
[showFirstLastButtons]="true">
</mat-paginator>
</div>
</div>
src/app/reversements/reversement/reversement/reversement.component.scss
......@@ -8,7 +8,7 @@
// }
.bold-text{
color:blue;
color:blue;
font-weight: bold;
font-size: 16px; /* Ajustez la taille de la police selon vos besoins */
}
......@@ -24,4 +24,13 @@
.p-4{
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 @@
<h4>Paiements</h4>
</div>
<div class="content sm-gutter">
<!-- <div class="content sm-gutter">
<div class="row">
<div class="col-md-12 col-vlg-12 m-b-10">
<div class="row-fluid">
......@@ -87,6 +87,76 @@
</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 class="example-container mat-elevation-z8" style="margin-top: 40px">
......
src/app/trafics/transactions/suivi-paiement/suivi-paiement.component.scss
......@@ -33,4 +33,12 @@
padding: 5px;
background-color:rgb(211, 54, 42);
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 @@
id="services"
[(ngModel)]="selectedService"
name="selectedService">
<option value="">choisir un service</option>
<option value="">choisir un ser</option>
<option
*ngFor="let service of services"
[ngValue]="service">
......
src/app/trafics/transactions/suivi-transaction/suivi-transaction.component.scss
......@@ -35,7 +35,12 @@ table {
color: white;
}
.card {
border-radius:0 !important;
--bs-card-bg: #ffffff61;
}
.success-status {
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