[ADF-5178] - add translation for filters (#5843)

demo-shell/src/app.config.json

@@ -451,7 +451,7 @@
     "categories": [
       {
         "id": "queryName",
-        "name": "Name",
+        "name": "SEARCH.SEARCH_HEADER.FILTERS.NAME.TITLE",
         "columnKey": "name",
         "enabled": true,
         "component": {
@@ -459,14 +459,14 @@
           "settings": {
             "pattern": "cm:name:'(.*?)'",
             "field": "cm:name",
-            "placeholder": "Enter the name",
+            "placeholder": "SEARCH.SEARCH_HEADER.FILTERS.NAME.PLACEHOLDER",
             "searchSuffix" : "*"
           }
         }
       },
       {
         "id": "checkList",
-        "name": "Check List",
+        "name": "SEARCH.SEARCH_HEADER.FILTERS.TYPE.TITLE",
         "columnKey":"$thumbnail",
         "enabled": true,
         "component": {
@@ -476,32 +476,20 @@
             "operator": "OR",
             "options": [
               {
-                "name": "Folder",
+                "name": "SEARCH.SEARCH_HEADER.FILTERS.TYPE.FOLDER",
                 "value": "TYPE:'cm:folder'"
               },
               {
-                "name": "Document",
+                "name": "SEARCH.SEARCH_HEADER.FILTERS.TYPE.DOCUMENT",
                 "value": "TYPE:'cm:content'"
               }
             ]
           }
         }
       },
-      {
-        "id": "contentSizeRange",
-        "name": "Content Size (range)",
-        "enabled": true,
-        "component": {
-          "selector": "number-range",
-          "settings": {
-            "field": "cm:content.size",
-            "format": "[{FROM} TO {TO}]"
-          }
-        }
-      },
       {
         "id": "contentSize",
-        "name": "SEARCH.CATEGORIES.SIZE",
+        "name": "SEARCH.SEARCH_HEADER.FILTERS.SIZE.TITLE",
         "columnKey":"content.sizeInBytes",
         "enabled": true,
         "component": {
@@ -509,19 +497,19 @@
           "settings": {
             "options": [
               {
-                "name": "Small",
+                "name": "SEARCH.SEARCH_HEADER.FILTERS.SIZE.SMALL",
                 "value": "content.size:[0 TO 1048576>"
               },
               {
-                "name": "Medium",
+                "name": "SEARCH.SEARCH_HEADER.FILTERS.SIZE.MEDIUM",
                 "value": "content.size:[1048576 TO 52428800]"
               },
               {
-                "name": "Large",
+                "name": "SEARCH.SEARCH_HEADER.FILTERS.SIZE.LARGE",
                 "value": "content.size:<52428800 TO 524288000]"
               },
               {
-                "name": "Huge",
+                "name": "SEARCH.SEARCH_HEADER.FILTERS.SIZE.HUGE",
                 "value": "content.size:<524288000 TO MAX]"
               }
             ]
@@ -530,7 +518,7 @@
       },
       {
         "id": "createdDateRange",
-        "name": "Created Date (range)",
+        "name": "SEARCH.SEARCH_HEADER.FILTERS.DATE.TITLE",
         "columnKey": "createdAt",
         "enabled": true,
         "component": {

lib/content-services/src/lib/i18n/en.json

@@ -290,7 +290,28 @@
       "TYPE": "Type",
       "FILTER_BY": "Filter by {{ category }}",
       "CLEAR": "Clear",
-      "APPLY": "Apply"
+      "APPLY": "Apply",
+      "FILTERS" : {
+        "NAME" : {
+          "TITLE": "Name",
+          "PLACEHOLDER": "Enter the name"
+        },
+        "TYPE": {
+          "TITLE": "Check type",
+          "FOLDER": "Folder",
+          "DOCUMENT": "Document"
+        },
+        "SIZE": {
+          "TITLE" : "Content Size (range)",
+          "SMALL": "Small",
+          "MEDIUM": "Medium",
+          "LARGE": "Large",
+          "HUGE": "Huge"
+        },
+        "DATE" :{
+          "TITLE" : "Created Date (range)"
+        }
+      }
     }
   },
   "PERMISSION": {

lib/content-services/src/lib/search/components/search-header/search-header.component.html

@@ -15,7 +15,7 @@
 
         <mat-menu #filter="matMenu" class="adf-filter-menu">
             <div (click)="onMenuClick($event)" class="adf-filter-container">
-                <div class="adf-filter-title">{{ 'SEARCH.SEARCH_HEADER.TITLE' | translate }}</div>
+                <div class="adf-filter-title">{{ category?.name | translate }}</div>
                 <adf-search-widget-container
                     (keydown.enter)="onApply()"
                     [id]="category?.id"

lib/content-services/src/lib/search/components/search-text/search-text.component.html

@@ -1,7 +1,7 @@
 <mat-form-field>
     <input
         matInput
-        [placeholder]="settings?.placeholder"
+        placeholder="{{ settings?.placeholder | translate }}"
         [(ngModel)]="value"
         (change)="onChangedHandler($event)">
     <button mat-button *ngIf="value" matSuffix mat-icon-button (click)="reset()">