Commit 6e81d9c6 by zadi francice

mise a jour des tables

parent 1323b7bc
...@@ -57,7 +57,7 @@ ...@@ -57,7 +57,7 @@
</div> </div>
</div> </div>
<div <div
class="flex align-items-center justify-content-center bg-orange-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 <i
class="pi pi-arrow-right-arrow-left text-orange-500 text-xl" class="pi pi-arrow-right-arrow-left text-orange-500 text-xl"
...@@ -136,7 +136,7 @@ ...@@ -136,7 +136,7 @@
[matMenuTriggerFor]="menu" [matMenuTriggerFor]="menu"
class="link link-light link-sm"> class="link link-light link-sm">
Semaine Semaine
<mat-icon>arrow_drop_down</mat-icon> <i></i>
</button> </button>
<mat-menu #menu="matMenu"> <mat-menu #menu="matMenu">
<button mat-menu-item>Jour</button> <button mat-menu-item>Jour</button>
...@@ -171,7 +171,7 @@ ...@@ -171,7 +171,7 @@
[matMenuTriggerFor]="menu2" [matMenuTriggerFor]="menu2"
class="link link-light link-sm"> class="link link-light link-sm">
30 Jours 30 Jours
<mat-icon>arrow_drop_down</mat-icon> <mat-icon></mat-icon>
</button> </button>
<mat-menu #menu2="matMenu"> <mat-menu #menu2="matMenu">
<button mat-menu-item>15 Jours</button> <button mat-menu-item>15 Jours</button>
......
*{ *{
font-family: 'Roboto'; font-family: 'Roboto';
}
button{
border-radius:0px !important
} }
\ No newline at end of file
...@@ -20,3 +20,8 @@ ...@@ -20,3 +20,8 @@
} }
button{
border-radius:0px !important
}
\ No newline at end of file
button{
border-radius:0px !important
}
\ No newline at end of file
button{
border-radius:0px !important
}
\ No newline at end of file
...@@ -15,12 +15,12 @@ ...@@ -15,12 +15,12 @@
Exporter <i class="fa fa-download"></i> Exporter <i class="fa fa-download"></i>
</button> </button>
</div> </div>
<a <button
style="border-radius: 15px" style="border-radius: 15px"
[routerLink]="['/assistances/create-service']" [routerLink]="['/assistances/create-service']"
class="btn btn-sl btn-success m-5"> class="btn btn-sl btn-success m-5">
Nouveau Nouveau
</a> </button>
</div> </div>
<div <div
class="example-container mat-elevation-z8" class="example-container mat-elevation-z8"
......
...@@ -15,4 +15,9 @@ ...@@ -15,4 +15,9 @@
border-radius:0 !important; border-radius:0 !important;
background-color: #ffffff61; background-color: #ffffff61;
}
button{
border-radius:0px !important
} }
\ No newline at end of file
button{
border-radius:0px !important
}
\ No newline at end of file
...@@ -3,4 +3,8 @@ ...@@ -3,4 +3,8 @@
border-radius:0 !important; border-radius:0 !important;
--bs-card-bg: #ffffff61; --bs-card-bg: #ffffff61;
}
button{
border-radius:0px !important
} }
\ No newline at end of file
...@@ -17,4 +17,8 @@ ...@@ -17,4 +17,8 @@
color:rgb(0, 0, 0); color:rgb(0, 0, 0);
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 */
}
button{
border-radius:0px !important
} }
\ No newline at end of file
...@@ -42,3 +42,8 @@ ...@@ -42,3 +42,8 @@
} }
button{
border-radius:0px !important
}
\ No newline at end of file
*{ *{
font-family: 'Roboto'; font-family: 'Roboto';
}
button{
border-radius:0px !important
} }
\ No newline at end of file
<div class="container"> <!-- <div class="container" style="border-radius: 1 solid blue">
<div class="row justify-content-center"> <div class="row justify-content-center">
<div class="col-md-8"> <div class="col-md-8">
<form <form
...@@ -88,6 +88,102 @@ ...@@ -88,6 +88,102 @@
</form> </form>
</div> </div>
</div> </div>
</div> -->
<div class="container" style="border-radius: 1 solid blue">
<h2 style="text-align: center; margin: 35px 35px">
Historique des transactions
</h2>
<div class="row justify-content-center">
<div class="col-md-8">
<form
[formGroup]="firstForm"
(ngSubmit)="onFirstFormSubmit()"
class="custom-form">
<div class="row">
<div class="col-md-6 form-field">
<mat-form-field
appearance="outline"
class="full-width"
style="width: 100%">
<mat-label>Pays</mat-label>
<mat-select formControlName="pays" required>
<mat-option
*ngFor="let country of countries"
[value]="country"
>{{ country }}</mat-option
>
</mat-select>
</mat-form-field>
</div>
<div class="col-md-6 form-field">
<mat-form-field
appearance="outline"
class="full-width"
style="width: 100%">
<mat-label>Opérateur</mat-label>
<mat-select formControlName="operateur" required>
<mat-option
*ngFor="let operateur of operateurs"
[value]="operateur"
>{{ operateur }}</mat-option
>
</mat-select>
</mat-form-field>
</div>
</div>
<div class="row">
<div class="col-md-6 form-field">
<mat-form-field
appearance="outline"
class="full-width"
style="width: 100%">
<mat-label>Numéro de Téléphone</mat-label>
<mat-icon matSuffix>phone</mat-icon>
<input matInput formControlName="telephone" required />
</mat-form-field>
</div>
<div class="col-md-6 form-field">
<mat-form-field
appearance="outline"
class="full-width"
style="width: 100%">
<mat-label>Transaction ID</mat-label>
<input matInput formControlName="transactionId" required />
</mat-form-field>
</div>
</div>
<div class="row">
<div class="col-md-6 form-field">
<mat-form-field
appearance="outline"
class="full-width"
style="width: 100%">
<mat-label>Type d'Opération</mat-label>
<mat-select formControlName="typeOperation" required>
<mat-option
*ngFor="let type of operationTypes"
[value]="type"
>{{ type }}</mat-option
>
</mat-select>
</mat-form-field>
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<button
mat-raised-button
color="primary"
type="submit"
style="width: 100%">
Rechercher une transaction
</button>
</div>
</div>
</form>
</div>
</div>
</div> </div>
<!-- --> <!-- -->
......
...@@ -3,3 +3,12 @@ ...@@ -3,3 +3,12 @@
} }
button{
border-radius:0px !important
}
mat-row:hover {
background-color: #f5f5f5; /* Couleur de fond lors du survol */
cursor: pointer; /* Changer le curseur pour indiquer que la ligne est interactable */
}
\ No newline at end of file
button{
border-radius:0px !important
}
\ No newline at end of file
...@@ -48,3 +48,8 @@ ...@@ -48,3 +48,8 @@
background-color: #ffffff61; background-color: #ffffff61;
} }
button{
border-radius:0px !important
}
\ No newline at end of file
...@@ -69,3 +69,7 @@ table { ...@@ -69,3 +69,7 @@ table {
box-sizing:border-box; box-sizing:border-box;
} }
button{
border-radius:0px !important
}
\ No newline at end of file
...@@ -14,3 +14,8 @@ ...@@ -14,3 +14,8 @@
align-items: center; align-items: center;
justify-content:center; justify-content:center;
} }
button{
border-radius:0px !important
}
\ No newline at end of file
button{
border-radius:0px !important
}
\ No newline at end of file
button{
border-radius:0px !important
}
\ No newline at end of file
...@@ -20,12 +20,12 @@ ...@@ -20,12 +20,12 @@
Exporter <i class="fa fa-download m-1"></i> Exporter <i class="fa fa-download m-1"></i>
</button> </button>
</div> </div>
<a <button
style="border-radius: 15px" style="border-radius: 15px"
[routerLink]="['/utilisateurs/create-users']" [routerLink]="['/utilisateurs/create-users']"
class="btn btn-sl btn-success m-5"> class="btn btn-sl btn-success m-5">
Ajouter Ajouter
</a> </button>
</div> </div>
<div <div
class="example-container mat-elevation-z8" class="example-container mat-elevation-z8"
......
...@@ -17,4 +17,9 @@ ...@@ -17,4 +17,9 @@
color:rgb(0, 0, 0); color:rgb(0, 0, 0);
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 */
}
button{
border-radius:0px !important
} }
\ No newline at end of file
...@@ -746,3 +746,7 @@ bgui-loader[bgui-loader] { ...@@ -746,3 +746,7 @@ bgui-loader[bgui-loader] {
} }
mat-row:hover {
background-color: #f5f5f5 !important; /* Couleur de fond lors du survol */
cursor: pointer !important; /* Changer le curseur pour indiquer que la ligne est interactable */
}
\ 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