style: change ux filter destination and language

Add language for international Add class bootstrap for ux Reviewed-by: andriac
andriacap · Jan 31, 2024 · af217b7 · af217b7
1 parent ffd0243
commit af217b7
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/frontend/src/app/modules/imports/components/import_list/import-list.component.html b/frontend/src/app/modules/imports/components/import_list/import-list.component.html
@@ -4,18 +4,23 @@
             <h5 class="card-title mb-0">Liste des imports</h5>
         </div>
         <div class="card-body">
-            <div *ngIf="!empty">
-              <pnx-destinations label="{{ 'Import.Destinations' | translate }}" [parentFormControl]="selectDestinationForm">
+            <div *ngIf="!empty" >
+            <div class="d-flex  mb-2">
+              <pnx-destinations label="{{'Form.Filter'  | translate }} {{ 'By'   | translate | lowercase}} {{ 'Import.Destinations' | translate | lowercase }}" [parentFormControl]="selectDestinationForm" class="flex-fill pr-1">
               </pnx-destinations>
+              <div class="flex-fill">
+              <label for="search" class="mb-0"><small>{{ 'Form.OtherFilters' | translate}}</small></label>
                 <input
                     [formControl]="search"
                     id="search"
                     type="text"
                     class="form-control"
-                    placeholder="Search"
+                    placeholder="{{'Search' | translate}}"
                     aria-label="Search"
                     aria-describedby="basic-addon1"
                 />
+            </div>
+            </div>
                 <ngx-datatable
                     #table
                     class="material striped"

diff --git a/frontend/src/assets/i18n/en.json b/frontend/src/assets/i18n/en.json
@@ -50,7 +50,8 @@
     "RefreshFilters": "Refresh filters",
     "AdvancedFilters": "Filtres avancés",
     "OtherFilters": "Other filter",
-    "Organism": "Organism(s)"
+    "Organism": "Organism(s)",
+    "Filter":"Filtrer"
   },
   "List": {
     "Columns": "Columns",

diff --git a/frontend/src/assets/i18n/fr.json b/frontend/src/assets/i18n/fr.json
@@ -59,7 +59,8 @@
     "RefreshFilters": "Rafraichir les filtres",
     "AdvancedFilters": "Filtres avancés",
     "OtherFilters": "Autres filtres",
-    "Organism": "Organisme(s)"
+    "Organism": "Organisme(s)",
+    "Filter":"Filtrer"
   },
   "List": {
     "Columns": "Colonnes",