Added Localization fixes (#290)

Co-authored-by: manasa <manasa.mashetty@in.pega.com>

Author: 4manasa

packages/angular-sdk-components/src/lib/_components/template/list-view/list-view.component.html

@@ -180,7 +180,9 @@ <h3 *ngIf="label" class="label" style="font-weight: bold">
               <tr mat-header-row *matHeaderRowDef="displayedColumns$"></tr>
             </table>
           </div>
-          <div class="psdk-no-records" *ngIf="repeatListData?.length === 0">No Records Found.</div>
+          <div class="psdk-no-records" *ngIf="repeatListData?.length === 0">
+            {{ utils.getGenericFieldsLocalizedValue('CosmosFields.fields.lists', 'No records found.') }}
+          </div>
         </div>
       </div>
     </div>

packages/angular-sdk-components/src/lib/_components/template/list-view/list-view.component.ts

@@ -165,7 +165,7 @@ export class ListViewComponent implements OnInit, OnDestroy {
 
   constructor(
     private psService: ProgressSpinnerService,
-    private utils: Utils
+    public utils: Utils
   ) {}
 
   ngOnInit(): void {

packages/angular-sdk-components/src/lib/_components/template/simple-table-manual/simple-table-manual.component.html

@@ -57,7 +57,9 @@ <h3 *ngIf="label" className="label" style="font-weight: bold">
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
       <tr class="mat-row psdk-no-records" *matNoDataRow>
-        <td class="mat-cell" [attr.colspan]="displayedColumns.length">No Records Found.</td>
+        <td class="mat-cell" [attr.colspan]="displayedColumns.length">
+          {{ utils.getGenericFieldsLocalizedValue('CosmosFields.fields.lists', 'No records found.') }}
+        </td>
       </tr>
     </table>
     <table *ngIf="editableMode && !allowEditingInModal" mat-table [dataSource]="elementsData" class="mat-elevation-z8" id="editable-table">
@@ -87,11 +89,15 @@ <h3 *ngIf="label" className="label" style="font-weight: bold">
       <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
       <tr mat-row *matRowDef="let row; columns: displayedColumns"></tr>
       <tr class="mat-row psdk-no-records" *matNoDataRow>
-        <td class="mat-cell" [attr.colspan]="displayedColumns.length">No Records Found.</td>
+        <td class="mat-cell" [attr.colspan]="displayedColumns.length">
+          {{ utils.getGenericFieldsLocalizedValue('CosmosFields.fields.lists', 'No records found.') }}
+        </td>
       </tr>
     </table>
   </div>
-  <button *ngIf="showAddRowButton" mat-button color="primary" style="font-size: 16px" (click)="addRecord()">+ Add</button>
+  <button *ngIf="showAddRowButton" mat-button color="primary" style="font-size: 16px" (click)="addRecord()">
+    + {{ localizedVal('Add', localeCategory) }}
+  </button>
 </ng-container>
 
 <!-- pop overs for filters-->

packages/angular-sdk-components/src/lib/_components/template/simple-table-manual/simple-table-manual.component.ts

@@ -160,10 +160,11 @@ export class SimpleTableManualComponent implements OnInit, OnDestroy {
 
   isInitialized = false;
   targetClassLabel: string;
-
+  localizedVal = PCore.getLocaleUtils().getLocaleValue;
+  localeCategory = 'SimpleTable';
   constructor(
     private angularPConnect: AngularPConnectService,
-    private utils: Utils,
+    public utils: Utils,
     private dataPageService: DatapageService
   ) {}
 

packages/angular-sdk-components/src/lib/_helpers/utils.ts

@@ -427,4 +427,28 @@ export class Utils {
   static isEmptyObject(obj: Object): boolean {
     return Object.keys(obj).length === 0;
   }
+
+  /**
+   * Get a localized value from the Generic Fields
+   * @param path - The path within Generic Fields (e.g., 'CosmosFields.fields.lists')
+   * @param key - The key of the string to localize
+   * @returns The localized string or the key itself if no translation is found
+   */
+  getGenericFieldsLocalizedValue(path: string, key: string): string {
+    const GENERIC_BUNDLE_KEY = PCore.getLocaleUtils().GENERIC_BUNDLE_KEY;
+    const localeStore = PCore.getLocaleUtils().localeStore[GENERIC_BUNDLE_KEY];
+
+    if (!localeStore) return key;
+
+    // Split the path and traverse the object
+    const pathParts = path.split('.');
+    let currentObj = localeStore;
+
+    for (const part of pathParts) {
+      if (!currentObj[part]) return key;
+      currentObj = currentObj[part];
+    }
+
+    return currentObj[key] || key;
+  }
 }