From 1e432488b346aeaf53800931a5c2d29fa3a60c8d Mon Sep 17 00:00:00 2001
From: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
Date: Tue, 7 Jan 2025 17:49:08 +0530
Subject: [PATCH 1/2] resolved reliability and security hotspots

Signed-off-by: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
---
 .../masterdataupload/create/create.component.html    |  6 +++---
 .../packetdataupload/create/create.component.html    |  2 +-
 .../download-card/download-card.component.html       |  8 ++++----
 .../download-card/download-card.component.ts         |  3 ++-
 .../document-category-mapping.component.html         |  6 +++---
 .../master-data/master-data.component.html           | 12 ++++++------
 .../mater-data-common-body.component.html            |  4 ++++
 .../packet-status/packet-status.component.html       |  4 ++--
 .../resources/center/create/create.component.html    |  5 +++--
 .../resources/center/edit/edit.component.html        |  8 +++++---
 .../resources/devices/create/create.component.html   |  2 +-
 .../resources/machines/create/create.component.html  |  1 +
 .../resources/users/create/create.component.html     |  2 +-
 .../users/users-header/users-header.component.html   |  2 +-
 .../resources/users/view/view.component.html         |  2 +-
 .../rid-status/rid-status/rid-status.component.html  |  2 +-
 admin-ui/src/app/shared/dialog/dialog.component.html |  4 ++--
 admin-ui/src/app/shared/table/table.component.html   |  3 +++
 .../src/app/shared/toolbar/toolbar.component.html    |  2 +-
 19 files changed, 45 insertions(+), 33 deletions(-)

diff --git a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.html b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.html
index bd7e00b1..f1c342da 100644
--- a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.html
+++ b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.html
@@ -49,8 +49,8 @@ <h3>{{labelanddatas.title |translate}}</h3>
                   {{'genericerror.fieldValidation' | translate}}
                 </mat-error>              
               </mat-form-field>                
-              <mat-label style="width:2%" *ngIf="showDownloadBtn" (click)="downloadCSV()"><img src="assets/images/download-csv.png" alt="Download CSV" height="18px" width="18px" style="cursor:pointer;" /></mat-label>
-              <mat-label style="width:2%" *ngIf="showDownloadBtn" (click)="downloadExcel()"><img src="assets/images/download-excel.png" alt="Download Excel" height="18px" width="18px" style="cursor:pointer;" /></mat-label>
+              <mat-label style="width:2%" *ngIf="showDownloadBtn" (click)="downloadCSV()" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><img src="assets/images/download-csv.png" alt="Download CSV" height="18px" width="18px" style="cursor:pointer;" /></mat-label>
+              <mat-label style="width:2%" *ngIf="showDownloadBtn" (click)="downloadExcel()" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><img src="assets/images/download-excel.png" alt="Download Excel" height="18px" width="18px" style="cursor:pointer;" /></mat-label>
             </div>
             <!-- <div class="custom-file-input">    
               <input type="button" *ngIf="buttonalignment === 'rtl'" value="{{labelanddatas.chooseFile | translate }}" class="browseInput">           
@@ -62,7 +62,7 @@ <h3>{{labelanddatas.title |translate}}</h3>
                 {{'genericerror.fieldValidation' | translate}}
               </mat-error>  
             </div> -->     
-            <label class="labelfileupload">{{'uploadcertificate.uploadYourFile' | translate}} <span style="color:red;">*</span></label>
+            <label class="labelfileupload" for="fileInput">{{'uploadcertificate.uploadYourFile' | translate}} <span style="color:red;">*</span></label>
               <div class="fileuploadcontainer" appDnd (fileDropped)="onFileDropped($event)" id="custom-file-input">
               <input (click)="$event.target.value=null" type="file" accept=".xlsx, .xls, .csv" #fileInput id="fileInput" (change)="onFileSelect($event)"/>
               <label style="margin-right: 1rem;display: flex;" for="fileInput">
diff --git a/admin-ui/src/app/features/bulkupload/packetdataupload/create/create.component.html b/admin-ui/src/app/features/bulkupload/packetdataupload/create/create.component.html
index 5ec336ff..d8f92726 100644
--- a/admin-ui/src/app/features/bulkupload/packetdataupload/create/create.component.html
+++ b/admin-ui/src/app/features/bulkupload/packetdataupload/create/create.component.html
@@ -83,7 +83,7 @@ <h3>{{'packet-upload.header' | translate}}</h3>
                 {{'genericerror.fieldValidation' | translate}}
               </mat-error>
             </mat-form-field>
-            <label class="labelfileupload">{{'uploadcertificate.uploadYourFile' | translate}} <span style="color:red;">*</span></label>
+            <label class="labelfileupload" for="fileInput">{{'uploadcertificate.uploadYourFile' | translate}} <span style="color:red;">*</span></label>
               <div class="fileuploadcontainer" appDnd (fileDropped)="onFileDropped($event)" id="custom-file-input">
               <input (click)="$event.target.value=null" type="file" #fileInput id="fileInput" (change)="onFileSelect($event)"/>
               <label style="margin-right: 1rem;display: flex;" for="fileInput">
diff --git a/admin-ui/src/app/features/download-card/download-card/download-card.component.html b/admin-ui/src/app/features/download-card/download-card/download-card.component.html
index d9f155bb..8e41f84e 100644
--- a/admin-ui/src/app/features/download-card/download-card/download-card.component.html
+++ b/admin-ui/src/app/features/download-card/download-card/download-card.component.html
@@ -22,7 +22,7 @@
         <mat-form-field class="packet-status__input-placer">
             <input matInput placeholder="Enter Registration ID" [(ngModel)]="id"/>
         </mat-form-field>
-        <img src="./assets/images/search.png" (click)="search()" alt="search" class="packet-status__image-placer" height="20px" width="20px">
+        <img src="./assets/images/search.png" (click)="search()" alt="search" class="packet-status__image-placer" height="20px" width="20px" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
         <mat-error style="margin-left: 30px ;font-size: 9.5px" *ngIf="error">{{'download-card.error' | translate}}</mat-error>
     </mat-card>
     <mat-card *ngIf="showDetails" style="border-radius: 0;margin-top: 20px;">
@@ -37,7 +37,7 @@
                         </tr>
                     </thead>
                     <tr>
-                        <td><img style="width: 150px;height: 200px;" [src]="applicantPhoto" alt="Applicant Photo"></td>
+                        <td><img style="width: 150px;height: 200px;" [src]="applicantPhoto" alt="Applicant"></td>
                         <td>
                             <table>
                                 <caption>Download Card Details</caption>
@@ -59,8 +59,8 @@
                                 <tr>
                                     <td>
                                         <mat-button-toggle-group name="favoriteColor" aria-label="Favorite Color">
-                                          <mat-button-toggle  (click)="captureSelection('true')" value="true"><mat-icon style="color: green;">check</mat-icon>&nbsp;&nbsp;{{'download-card.verifyanddownload' | translate}}</mat-button-toggle>
-                                          <mat-button-toggle  (click)="captureSelection('false')" value="flase"><mat-icon style="color:red;">clear</mat-icon>&nbsp;&nbsp;{{'download-card.reject' | translate}}</mat-button-toggle>
+                                          <mat-button-toggle  (click)="captureSelection('true')" value="true"  (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><mat-icon style="color: green;">check</mat-icon>&nbsp;&nbsp;{{'download-card.verifyanddownload' | translate}}</mat-button-toggle>
+                                          <mat-button-toggle  (click)="captureSelection('false')" value="flase"  (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><mat-icon style="color:red;">clear</mat-icon>&nbsp;&nbsp;{{'download-card.reject' | translate}}</mat-button-toggle>
                                         </mat-button-toggle-group>
                                     </td>
                                     <th id="actionHeader">Action</th>
diff --git a/admin-ui/src/app/features/download-card/download-card/download-card.component.ts b/admin-ui/src/app/features/download-card/download-card/download-card.component.ts
index 1d516ef4..4b9c4377 100644
--- a/admin-ui/src/app/features/download-card/download-card/download-card.component.ts
+++ b/admin-ui/src/app/features/download-card/download-card/download-card.component.ts
@@ -81,7 +81,8 @@ export class DownloadCardComponent implements OnInit {
   }
 
   renderImage(){
-    this.applicantPhoto = this.sanitizer.bypassSecurityTrustUrl(this.data.applicantPhoto);
+    const trustedUrl = this.sanitizer.bypassSecurityTrustResourceUrl(this.data.applicantPhoto);
+    this.applicantPhoto = trustedUrl;
   }  
 
   search() {    
diff --git a/admin-ui/src/app/features/masterdata/document-category-mapping/document-category-mapping.component.html b/admin-ui/src/app/features/masterdata/document-category-mapping/document-category-mapping.component.html
index 624f2634..e9e75169 100644
--- a/admin-ui/src/app/features/masterdata/document-category-mapping/document-category-mapping.component.html
+++ b/admin-ui/src/app/features/masterdata/document-category-mapping/document-category-mapping.component.html
@@ -30,7 +30,7 @@ <h4>{{'masterData.doc-category-mapping'|translate}}<span></span></h4>
                             <ul class="unOrderList">
                                 <ng-container *ngFor="let categoryList of allDocCategoryList; let i = index">
                                     <li class="list" [ngClass]="{'active': selectedItem === categoryList?.code}"
-                                        (click)="onCategory(categoryList)">
+                                        (click)="onCategory(categoryList)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                         <span>{{categoryList?.name}}({{categoryList?.code}})</span>
                                         <span><em class="material-icons">
                                                 keyboard_arrow_right
@@ -47,7 +47,7 @@ <h4>{{'masterData.doc-category-mapping'|translate}}<span></span></h4>
                                 <ng-container *ngFor="let mappedItem of mappedDocList; let i = index">
                                     <li class="list">
                                         <span>{{mappedItem?.name}}</span>
-                                        <span><em class="material-icons" (click)="onClose(mappedItem, i)">
+                                        <span><em class="material-icons" (click)="onClose(mappedItem, i)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                                 close
                                         </em></span></li>
                                 </ng-container>
@@ -62,7 +62,7 @@ <h4>{{'masterData.doc-category-mapping'|translate}}<span></span></h4>
                                 <ng-container *ngFor="let unMappedItem of unMappedDocList; let i = index">
                                     <li class="list">
                                         <span>{{unMappedItem?.name}}</span>
-                                        <span><em class="material-icons" (click)="onAdd(unMappedItem, i)">
+                                        <span><em class="material-icons" (click)="onAdd(unMappedItem, i)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                                 add
                                         </em></span></li>
                                 </ng-container>
diff --git a/admin-ui/src/app/features/masterdata/master-data/master-data.component.html b/admin-ui/src/app/features/masterdata/master-data/master-data.component.html
index a1df5a03..ab68723e 100644
--- a/admin-ui/src/app/features/masterdata/master-data/master-data.component.html
+++ b/admin-ui/src/app/features/masterdata/master-data/master-data.component.html
@@ -12,7 +12,7 @@
                             <strong>{{'masterData.common' | translate}}</strong>
                         </mat-card-header>
                         <ng-container *ngFor="let itemList of masterDataCommonList; let i = index">
-                            <mat-card-content class="content" [style.marginTop.px]="i === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}">
+                            <mat-card-content class="content" [style.marginTop.px]="i === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                 <span style="margin-top: 5px; margin-left: 5px;">{{itemList?.label[primaryLang]}}</span>
                                 <span style="text-align: right"><em class="material-icons">
                                         {{arrowDirection}}
@@ -27,7 +27,7 @@
                             <strong>{{'masterData.dynamicField' | translate}}</strong>
                         </mat-card-header>
                         <ng-container>
-                            <mat-card-content class="content" (click)="dynamicFeildAdd()" id="createDynamicField">
+                            <mat-card-content class="content" (click)="dynamicFeildAdd()" id="createDynamicField" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                 <span style="margin-top: 5px; margin-left: 5px;"><strong>{{'masterData.createDynamicField' | translate}}</strong></span>
                                 <span style="text-align: right"><em class="material-icons">
                                         add
@@ -35,7 +35,7 @@
                             </mat-card-content>
                         </ng-container>
                         <ng-container *ngFor="let itemList of dynamicfieldDistinctValue; let i = index">
-                            <mat-card-content class="content" [style.marginTop.px]="i === 0 ? 10:0" (click)="dynamicFeildNavigate(itemList)" id="{{itemList.description}}">
+                            <mat-card-content class="content" [style.marginTop.px]="i === 0 ? 10:0" (click)="dynamicFeildNavigate(itemList)" id="{{itemList.description}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                 <span style="margin-top: 5px; margin-left: 5px;">                                    
                                     <span *ngIf="itemList.description">{{itemList.description}}</span>
                                     <span *ngIf="!itemList.description">{{itemList.name}}</span>
@@ -57,7 +57,7 @@
                             <strong>{{'masterData.device-definition' | translate}}</strong>
                         </mat-card-header>
                         <ng-container *ngFor="let itemList of masterDataDeviceList; let j = index">
-                            <mat-card-content class="content" [style.marginTop.px]="j === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}">
+                            <mat-card-content class="content" [style.marginTop.px]="j === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                 <span style="margin-top: 5px; margin-left: 5px;">{{itemList?.label[primaryLang]}}</span>
                                 <span style="text-align: right"><em class="material-icons">
                                         {{arrowDirection}}
@@ -72,7 +72,7 @@
                             <strong>{{'masterData.machine-definition' | translate}}</strong>
                         </mat-card-header>
                         <ng-container *ngFor="let itemList of masterDataMachineList; let k = index">
-                            <mat-card-content class="content" [style.marginTop.px]="k === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}">
+                            <mat-card-content class="content" [style.marginTop.px]="k === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                 <span style="margin-top: 5px; margin-left: 5px;">{{itemList?.label[primaryLang]}}</span>
                                 <span style="text-align: right"><em class="material-icons">
                                         {{arrowDirection}}
@@ -87,7 +87,7 @@
                             <strong>{{'masterData.document-definition' | translate}}</strong>
                         </mat-card-header>
                         <ng-container *ngFor="let itemList of masterDataDocumentList; let l = index">
-                            <mat-card-content class="content" [style.marginTop.px]="l === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}">
+                            <mat-card-content class="content" [style.marginTop.px]="l === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                                 <span style="margin-top: 5px; margin-left: 5px;">{{itemList?.label[primaryLang]}}</span>
                                 <span style="text-align: right"><em class="material-icons">
                                         {{arrowDirection}}
diff --git a/admin-ui/src/app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html b/admin-ui/src/app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html
index e88b122a..535ce39b 100644
--- a/admin-ui/src/app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html
+++ b/admin-ui/src/app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html
@@ -10,6 +10,7 @@
                   (click)="openKeyboard('primary', primaryData.langCode)"
                   style="color: grey; cursor: pointer;"
                   [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"
+                  (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
                   ><em class="material-icons">keyboard</em></span
                 >
                 <hr />
@@ -442,6 +443,7 @@
                   (click)="openKeyboard('secondary', '')"
                   style="color: grey; cursor: pointer;"
                   [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"
+                  (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
                   ><em class="material-icons">keyboard</em></span
                 >
                 <hr  [ngStyle]="isPrimaryLangRTL ? {'margin-top': '17px'} : {'margin-top': '0px'}"   />
@@ -780,6 +782,7 @@
               matTooltip="{{ 'center.keyboard-tooltip' | translate }}"
               (click)="openKeyboard('primary','')"
               style="float: right; color: grey; cursor: pointer;"
+              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
               ><em class="material-icons">keyboard</em></span
             >
             <hr />
@@ -810,6 +813,7 @@
               matTooltip="{{languageNames['keyboard-tooltip'] | translate }}"
               (click)="openKeyboard('secondary', '')"
               style="float: right; color: grey; cursor: pointer;"
+              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
               ><em class="material-icons">keyboard</em></span
             >
             <hr />
diff --git a/admin-ui/src/app/features/packet-status/packet-status/packet-status.component.html b/admin-ui/src/app/features/packet-status/packet-status/packet-status.component.html
index 560eba2f..20a2cc22 100644
--- a/admin-ui/src/app/features/packet-status/packet-status/packet-status.component.html
+++ b/admin-ui/src/app/features/packet-status/packet-status/packet-status.component.html
@@ -6,7 +6,7 @@
         <mat-form-field class="packet-status__input-placer">
             <input matInput placeholder="{{'packet-status.input-text' | translate}}" [(ngModel)]="id"/>
         </mat-form-field>
-        <img src="./assets/images/search.png" (click)="search()" alt="search" class="packet-status__image-placer" height="20px" width="20px">
+        <img src="./assets/images/search.png" (click)="search()" alt="search" class="packet-status__image-placer" height="20px" width="20px" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
         <mat-error style="margin-left: 30px ;font-size: 9.5px" *ngIf="error">{{errorMessage | translate}}</mat-error>
     </mat-card>
     <mat-card *ngIf="showDetails" style="border-radius: 0;">
@@ -28,7 +28,7 @@
             <div>
                 <table>
                     <caption>Timeline</caption>
-                    <tr (click)="viewMore()">
+                    <tr (click)="viewMore()" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                         <th id="viewMore" *ngIf="!showTimeline">{{'packet-status.viewMore' | translate}}</th>
                         <th id="viewLess" *ngIf="showTimeline">{{'packet-status.viewLess' | translate}}</th>
                         <td>
diff --git a/admin-ui/src/app/features/resources/center/create/create.component.html b/admin-ui/src/app/features/resources/center/create/create.component.html
index f57ce5eb..007fd945 100644
--- a/admin-ui/src/app/features/resources/center/create/create.component.html
+++ b/admin-ui/src/app/features/resources/center/create/create.component.html
@@ -14,7 +14,8 @@
             <span *ngIf="!disableForms" matTooltip="{{ 'center.keyboard-tooltip' | translate }}"
               (click)="openKeyboard('primary')" 
               style="color: grey; cursor: pointer;"
-              [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}">
+              [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"
+              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
               <em class="material-icons">keyboard</em></span>
             <hr />
             <br /><br />
@@ -504,7 +505,7 @@ <h3>{{ "center.operational-details" | translate }}</h3>
                   style="height: 30px;width: 100px;border: 1px solid #FF4081;border-radius: 30px;padding: 7px;margin: 15px;cursor: pointer;font-size: 11px;"
                   *ngIf="primary.exceptionalHolidays.value.length>=0 && data.exceptionHolidayDate!==null">
                   <span>{{ data.exceptionHolidayDate }}</span>
-                  <div style="position: absolute; margin-left: 65px;margin-top: -18px;cursor: pointer;color: #FF4081;" (click)="deleteHoliday(i)">
+                  <div style="position: absolute; margin-left: 65px;margin-top: -18px;cursor: pointer;color: #FF4081;" (click)="deleteHoliday(i)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                     <em class="material-icons" [ngClass]="isPrimaryLangRTL ? 'icon-padding-right' : 'icon-padding-left'">cancel</em>
                   </div>
                 </div>
diff --git a/admin-ui/src/app/features/resources/center/edit/edit.component.html b/admin-ui/src/app/features/resources/center/edit/edit.component.html
index ee1c0b87..3ff9d880 100644
--- a/admin-ui/src/app/features/resources/center/edit/edit.component.html
+++ b/admin-ui/src/app/features/resources/center/edit/edit.component.html
@@ -16,7 +16,8 @@
             <span *ngIf="!disablePrimaryForm" matTooltip="{{ 'center.keyboard-tooltip' | translate }}"
               (click)="openKeyboard('primary')" 
               style="color: grey; cursor: pointer;"
-              [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}">
+              [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"
+              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
               <em class="material-icons">keyboard</em></span>
             <hr />
             <h3>{{ "center.center-details" | translate }}</h3>
@@ -132,7 +133,8 @@ <h3>{{ "center.location-details" | translate }}</h3>
             <span *ngIf="!disableSecondaryForm" matTooltip="{{ secondaryLanguageLabels['keyboard-tooltip'] }}"
               (click)="openKeyboard('secondary')"
               style="color: grey; cursor: pointer;"
-              [ngStyle]="isSecondaryLangRTL ? {'float':'left'} : {'float':'right'}">
+              [ngStyle]="isSecondaryLangRTL ? {'float':'left'} : {'float':'right'}"
+              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
               <em class="material-icons">keyboard</em></span>
             <hr />
             <h3>{{ secondaryLanguageLabels["center-details"] }}</h3>
@@ -677,7 +679,7 @@ <h3>{{ "center.operational-details" | translate }}</h3>
                   style="height: 30px;width: 100px;border: 1px solid #FF4081;border-radius: 30px;padding: 7px;margin: 15px;cursor: pointer;font-size: 11px;"
                   *ngIf="common.exceptionalHolidays.value.length>=0 && data.exceptionHolidayDate!==null">
                   <span>{{ data.exceptionHolidayDate }}</span>
-                  <div style="position: absolute;margin-left: 65px;margin-top: -18px;cursor: pointer;color: #FF4081;" (click)="deleteHoliday(i)">
+                  <div style="position: absolute;margin-left: 65px;margin-top: -18px;cursor: pointer;color: #FF4081;" (click)="deleteHoliday(i)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
                     <em class="material-icons" [ngClass]="isPrimaryLangRTL ? 'icon-padding-right' : 'icon-padding-left'">cancel</em>
                   </div>
                 </div>
diff --git a/admin-ui/src/app/features/resources/devices/create/create.component.html b/admin-ui/src/app/features/resources/devices/create/create.component.html
index 2dc895ef..8c860da8 100644
--- a/admin-ui/src/app/features/resources/devices/create/create.component.html
+++ b/admin-ui/src/app/features/resources/devices/create/create.component.html
@@ -11,7 +11,7 @@ <h3>{{ 'devices.header' | translate }}</h3>
             <strong class="title">{{ 'devices.language' | translate }}</strong>
             <span *ngIf="!disableForms" matTooltip="{{ 'devices.keyboard-tooltip' | translate }}"
               (click)="openKeyboard('primary')"  style="color: grey; cursor: pointer;"
-              [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"><em
+              [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><em
                 class="material-icons">keyboard</em></span>
             <hr />
             <br /><br />
diff --git a/admin-ui/src/app/features/resources/machines/create/create.component.html b/admin-ui/src/app/features/resources/machines/create/create.component.html
index 77f6ff07..f714892f 100644
--- a/admin-ui/src/app/features/resources/machines/create/create.component.html
+++ b/admin-ui/src/app/features/resources/machines/create/create.component.html
@@ -14,6 +14,7 @@ <h3>{{ 'machines.header' | translate }}</h3>
                       matTooltip="{{ 'machines.keyboard-tooltip' | translate }}"
                       (click)="openKeyboard('primary')"
                       style="float: right; color: grey; cursor: pointer;"
+                      (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
                       ><em class="material-icons">keyboard</em></span
                     >
                     <hr />
diff --git a/admin-ui/src/app/features/resources/users/create/create.component.html b/admin-ui/src/app/features/resources/users/create/create.component.html
index 936f2f0c..b15be705 100644
--- a/admin-ui/src/app/features/resources/users/create/create.component.html
+++ b/admin-ui/src/app/features/resources/users/create/create.component.html
@@ -1,5 +1,5 @@
 <div id="flex-single-view" style="padding-top: 12px;">
-  <h3></h3>
+  <h3>{{'users.details' | translate}}</h3>
   <div class="flex-container">
     <div class="flex-header" style="width: 100%;">
       <app-users-header *ngIf="headerObject" [data]="data[0]" [headerData]="headerObject"></app-users-header>
diff --git a/admin-ui/src/app/features/resources/users/users-header/users-header.component.html b/admin-ui/src/app/features/resources/users/users-header/users-header.component.html
index 73757f99..d2ac8fbf 100644
--- a/admin-ui/src/app/features/resources/users/users-header/users-header.component.html
+++ b/admin-ui/src/app/features/resources/users/users-header/users-header.component.html
@@ -6,7 +6,7 @@
             </div>
         </div>
         <div class="item2" *ngIf="router.indexOf('map') === -1">
-            <h4></h4>
+            <h4>{{'center.details' | translate}}</h4>
         </div>
         <mat-divider [vertical]="true" [inset]="true" *ngIf="router.indexOf('map') === -1"></mat-divider>
         <div class="item3" *ngIf="router.indexOf('map') === -1">
diff --git a/admin-ui/src/app/features/resources/users/view/view.component.html b/admin-ui/src/app/features/resources/users/view/view.component.html
index c5b8adc8..570f2168 100644
--- a/admin-ui/src/app/features/resources/users/view/view.component.html
+++ b/admin-ui/src/app/features/resources/users/view/view.component.html
@@ -4,7 +4,7 @@
 </span> -->
 
 <ng-container>
-<span><h3 class="header"></h3></span>
+<span><h3 class="header">{{ 'users.list' | translate }}</h3></span>
 <mat-card class="mat-elevation-z5">
   <app-toolbar
     *ngIf="
diff --git a/admin-ui/src/app/features/rid-status/rid-status/rid-status.component.html b/admin-ui/src/app/features/rid-status/rid-status/rid-status.component.html
index c2c939dc..517ce0d2 100644
--- a/admin-ui/src/app/features/rid-status/rid-status/rid-status.component.html
+++ b/admin-ui/src/app/features/rid-status/rid-status/rid-status.component.html
@@ -1,5 +1,5 @@
 <ng-container>
-<span><h3 class="header"></h3></span>
+<span><h3 class="header">{{ 'data.list' | translate }}</h3></span>
 <mat-card class="mat-elevation-z5">
   <app-toolbar
     *ngIf="
diff --git a/admin-ui/src/app/shared/dialog/dialog.component.html b/admin-ui/src/app/shared/dialog/dialog.component.html
index 9f2de502..248c4e70 100644
--- a/admin-ui/src/app/shared/dialog/dialog.component.html
+++ b/admin-ui/src/app/shared/dialog/dialog.component.html
@@ -12,8 +12,8 @@ <h2 class="filter-heading">{{ input.title[primaryLangCode] }}</h2>
         </th>
       </tr>
       <tr *ngFor="let data of missingData; index as i" class="mat-header-row">
-        <td id="data{{i}}" (click)="navigateToItem(data)" class="mat-cell">{{data.id}}</td>
-        <td  (click)="navigateToItem(data)" class="mat-cell">{{data.fieldValue}}</td>
+        <td id="data{{i}}" (click)="navigateToItem(data)" class="mat-cell" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">{{data.id}}</td>
+        <td  (click)="navigateToItem(data)" class="mat-cell" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">{{data.fieldValue}}</td>
       </tr>
     </table>
     <p *ngIf="noMissingDataFlag" style="text-align: center">{{'center.popupMessages.noData.message' | translate}}</p>
diff --git a/admin-ui/src/app/shared/table/table.component.html b/admin-ui/src/app/shared/table/table.component.html
index 8896f327..01603ebc 100644
--- a/admin-ui/src/app/shared/table/table.component.html
+++ b/admin-ui/src/app/shared/table/table.component.html
@@ -19,6 +19,7 @@
           <span
             *ngIf="!columnName.noSort"
             (click)="sortColumn(columnName.name, i)"
+            (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
             ><img
               *ngIf="sortIconTrackerArray[i] === 0"
               src="assets/images/icon_table_sort_both.png"
@@ -49,6 +50,7 @@
           name="radios"
           id="radio1"
           (click)="selectedCenter(data, button)"
+          (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
         />
       </td>
       <td
@@ -56,6 +58,7 @@
         class="mat-cell"
         (click)="getTableRowData(data, i, item)"
         [ngClass]="{ 'text-alignment': item === 'name' && imageSource }"
+        (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
       >
         <span class="flex-display" [ngStyle]="tableStyle(i, data[item], item)"
           ><span *ngIf="item === 'fieldVal' && data[item]"
diff --git a/admin-ui/src/app/shared/toolbar/toolbar.component.html b/admin-ui/src/app/shared/toolbar/toolbar.component.html
index 96dd1f96..ec91057d 100644
--- a/admin-ui/src/app/shared/toolbar/toolbar.component.html
+++ b/admin-ui/src/app/shared/toolbar/toolbar.component.html
@@ -12,7 +12,7 @@
           'filter-button-style': button.buttonName.eng === 'Filter'
         }"
       >
-      <img [src]="button.imagePath" alt="img"/>
+      <img *ngIf="button.imagePath" [src]="button.imagePath" alt="{{ button.buttonName[lang] }} Button"/>
       <span class="button-name">{{ button.buttonName[lang]}}</span>
         <span class="filter-placer" *ngIf="button.buttonName.eng === 'Filter' && filtersAppliedFlag">
           <em style="font-size: 16px;" class="material-icons">fiber_manual_record</em>

From 0ba1e89b80cd5076858f3dbd3a68355702285ca7 Mon Sep 17 00:00:00 2001
From: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
Date: Thu, 9 Jan 2025 12:50:30 +0530
Subject: [PATCH 2/2] added proper keypress values

Signed-off-by: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
---
 .../masterdataupload/create/create.component.html    |  4 ++--
 .../download-card/download-card.component.html       |  6 +++---
 .../document-category-mapping.component.html         |  6 +++---
 .../master-data/master-data.component.html           | 12 ++++++------
 .../mater-data-common-body.component.html            |  8 ++++----
 .../packet-status/packet-status.component.html       |  4 ++--
 .../resources/center/create/create.component.html    |  4 ++--
 .../resources/center/edit/edit.component.html        |  6 +++---
 .../resources/devices/create/create.component.html   |  2 +-
 .../resources/machines/create/create.component.html  |  2 +-
 admin-ui/src/app/shared/dialog/dialog.component.html |  4 ++--
 admin-ui/src/app/shared/table/table.component.html   |  6 +++---
 12 files changed, 32 insertions(+), 32 deletions(-)

diff --git a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.html b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.html
index f1c342da..7489267f 100644
--- a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.html
+++ b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.html
@@ -49,8 +49,8 @@ <h3>{{labelanddatas.title |translate}}</h3>
                   {{'genericerror.fieldValidation' | translate}}
                 </mat-error>              
               </mat-form-field>                
-              <mat-label style="width:2%" *ngIf="showDownloadBtn" (click)="downloadCSV()" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><img src="assets/images/download-csv.png" alt="Download CSV" height="18px" width="18px" style="cursor:pointer;" /></mat-label>
-              <mat-label style="width:2%" *ngIf="showDownloadBtn" (click)="downloadExcel()" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><img src="assets/images/download-excel.png" alt="Download Excel" height="18px" width="18px" style="cursor:pointer;" /></mat-label>
+              <mat-label style="width:2%" *ngIf="showDownloadBtn" (click)="downloadCSV()" (keypress)="downloadCSV()"><img src="assets/images/download-csv.png" alt="Download CSV" height="18px" width="18px" style="cursor:pointer;" /></mat-label>
+              <mat-label style="width:2%" *ngIf="showDownloadBtn" (click)="downloadExcel()" (keypress)="downloadExcel()"><img src="assets/images/download-excel.png" alt="Download Excel" height="18px" width="18px" style="cursor:pointer;" /></mat-label>
             </div>
             <!-- <div class="custom-file-input">    
               <input type="button" *ngIf="buttonalignment === 'rtl'" value="{{labelanddatas.chooseFile | translate }}" class="browseInput">           
diff --git a/admin-ui/src/app/features/download-card/download-card/download-card.component.html b/admin-ui/src/app/features/download-card/download-card/download-card.component.html
index 8e41f84e..7decdf01 100644
--- a/admin-ui/src/app/features/download-card/download-card/download-card.component.html
+++ b/admin-ui/src/app/features/download-card/download-card/download-card.component.html
@@ -22,7 +22,7 @@
         <mat-form-field class="packet-status__input-placer">
             <input matInput placeholder="Enter Registration ID" [(ngModel)]="id"/>
         </mat-form-field>
-        <img src="./assets/images/search.png" (click)="search()" alt="search" class="packet-status__image-placer" height="20px" width="20px" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+        <img src="./assets/images/search.png" (click)="search()" alt="search" class="packet-status__image-placer" height="20px" width="20px" (keypress)="search()">
         <mat-error style="margin-left: 30px ;font-size: 9.5px" *ngIf="error">{{'download-card.error' | translate}}</mat-error>
     </mat-card>
     <mat-card *ngIf="showDetails" style="border-radius: 0;margin-top: 20px;">
@@ -59,8 +59,8 @@
                                 <tr>
                                     <td>
                                         <mat-button-toggle-group name="favoriteColor" aria-label="Favorite Color">
-                                          <mat-button-toggle  (click)="captureSelection('true')" value="true"  (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><mat-icon style="color: green;">check</mat-icon>&nbsp;&nbsp;{{'download-card.verifyanddownload' | translate}}</mat-button-toggle>
-                                          <mat-button-toggle  (click)="captureSelection('false')" value="flase"  (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><mat-icon style="color:red;">clear</mat-icon>&nbsp;&nbsp;{{'download-card.reject' | translate}}</mat-button-toggle>
+                                          <mat-button-toggle  (click)="captureSelection('true')" value="true"  (keypress)="captureSelection('true')"><mat-icon style="color: green;">check</mat-icon>&nbsp;&nbsp;{{'download-card.verifyanddownload' | translate}}</mat-button-toggle>
+                                          <mat-button-toggle  (click)="captureSelection('false')" value="false"  (keypress)="captureSelection('false')"><mat-icon style="color:red;">clear</mat-icon>&nbsp;&nbsp;{{'download-card.reject' | translate}}</mat-button-toggle>
                                         </mat-button-toggle-group>
                                     </td>
                                     <th id="actionHeader">Action</th>
diff --git a/admin-ui/src/app/features/masterdata/document-category-mapping/document-category-mapping.component.html b/admin-ui/src/app/features/masterdata/document-category-mapping/document-category-mapping.component.html
index e9e75169..c7a6c649 100644
--- a/admin-ui/src/app/features/masterdata/document-category-mapping/document-category-mapping.component.html
+++ b/admin-ui/src/app/features/masterdata/document-category-mapping/document-category-mapping.component.html
@@ -30,7 +30,7 @@ <h4>{{'masterData.doc-category-mapping'|translate}}<span></span></h4>
                             <ul class="unOrderList">
                                 <ng-container *ngFor="let categoryList of allDocCategoryList; let i = index">
                                     <li class="list" [ngClass]="{'active': selectedItem === categoryList?.code}"
-                                        (click)="onCategory(categoryList)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                                        (click)="onCategory(categoryList)" (keypress)="onCategory(categoryList)">
                                         <span>{{categoryList?.name}}({{categoryList?.code}})</span>
                                         <span><em class="material-icons">
                                                 keyboard_arrow_right
@@ -47,7 +47,7 @@ <h4>{{'masterData.doc-category-mapping'|translate}}<span></span></h4>
                                 <ng-container *ngFor="let mappedItem of mappedDocList; let i = index">
                                     <li class="list">
                                         <span>{{mappedItem?.name}}</span>
-                                        <span><em class="material-icons" (click)="onClose(mappedItem, i)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                                        <span><em class="material-icons" (click)="onClose(mappedItem, i)" (keypress)="onClose(mappedItem, i)">
                                                 close
                                         </em></span></li>
                                 </ng-container>
@@ -62,7 +62,7 @@ <h4>{{'masterData.doc-category-mapping'|translate}}<span></span></h4>
                                 <ng-container *ngFor="let unMappedItem of unMappedDocList; let i = index">
                                     <li class="list">
                                         <span>{{unMappedItem?.name}}</span>
-                                        <span><em class="material-icons" (click)="onAdd(unMappedItem, i)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                                        <span><em class="material-icons" (click)="onAdd(unMappedItem, i)" (keypress)="onAdd(unMappedItem, i)">
                                                 add
                                         </em></span></li>
                                 </ng-container>
diff --git a/admin-ui/src/app/features/masterdata/master-data/master-data.component.html b/admin-ui/src/app/features/masterdata/master-data/master-data.component.html
index ab68723e..7d16b19a 100644
--- a/admin-ui/src/app/features/masterdata/master-data/master-data.component.html
+++ b/admin-ui/src/app/features/masterdata/master-data/master-data.component.html
@@ -12,7 +12,7 @@
                             <strong>{{'masterData.common' | translate}}</strong>
                         </mat-card-header>
                         <ng-container *ngFor="let itemList of masterDataCommonList; let i = index">
-                            <mat-card-content class="content" [style.marginTop.px]="i === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                            <mat-card-content class="content" [style.marginTop.px]="i === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="onList(itemList)">
                                 <span style="margin-top: 5px; margin-left: 5px;">{{itemList?.label[primaryLang]}}</span>
                                 <span style="text-align: right"><em class="material-icons">
                                         {{arrowDirection}}
@@ -27,7 +27,7 @@
                             <strong>{{'masterData.dynamicField' | translate}}</strong>
                         </mat-card-header>
                         <ng-container>
-                            <mat-card-content class="content" (click)="dynamicFeildAdd()" id="createDynamicField" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                            <mat-card-content class="content" (click)="dynamicFeildAdd()" id="createDynamicField" (keypress)="dynamicFeildAdd()">
                                 <span style="margin-top: 5px; margin-left: 5px;"><strong>{{'masterData.createDynamicField' | translate}}</strong></span>
                                 <span style="text-align: right"><em class="material-icons">
                                         add
@@ -35,7 +35,7 @@
                             </mat-card-content>
                         </ng-container>
                         <ng-container *ngFor="let itemList of dynamicfieldDistinctValue; let i = index">
-                            <mat-card-content class="content" [style.marginTop.px]="i === 0 ? 10:0" (click)="dynamicFeildNavigate(itemList)" id="{{itemList.description}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                            <mat-card-content class="content" [style.marginTop.px]="i === 0 ? 10:0" (click)="dynamicFeildNavigate(itemList)" id="{{itemList.description}}" (keypress)="dynamicFeildNavigate(itemList)">
                                 <span style="margin-top: 5px; margin-left: 5px;">                                    
                                     <span *ngIf="itemList.description">{{itemList.description}}</span>
                                     <span *ngIf="!itemList.description">{{itemList.name}}</span>
@@ -57,7 +57,7 @@
                             <strong>{{'masterData.device-definition' | translate}}</strong>
                         </mat-card-header>
                         <ng-container *ngFor="let itemList of masterDataDeviceList; let j = index">
-                            <mat-card-content class="content" [style.marginTop.px]="j === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                            <mat-card-content class="content" [style.marginTop.px]="j === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="onList(itemList)">
                                 <span style="margin-top: 5px; margin-left: 5px;">{{itemList?.label[primaryLang]}}</span>
                                 <span style="text-align: right"><em class="material-icons">
                                         {{arrowDirection}}
@@ -72,7 +72,7 @@
                             <strong>{{'masterData.machine-definition' | translate}}</strong>
                         </mat-card-header>
                         <ng-container *ngFor="let itemList of masterDataMachineList; let k = index">
-                            <mat-card-content class="content" [style.marginTop.px]="k === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                            <mat-card-content class="content" [style.marginTop.px]="k === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="onList(itemList)">
                                 <span style="margin-top: 5px; margin-left: 5px;">{{itemList?.label[primaryLang]}}</span>
                                 <span style="text-align: right"><em class="material-icons">
                                         {{arrowDirection}}
@@ -87,7 +87,7 @@
                             <strong>{{'masterData.document-definition' | translate}}</strong>
                         </mat-card-header>
                         <ng-container *ngFor="let itemList of masterDataDocumentList; let l = index">
-                            <mat-card-content class="content" [style.marginTop.px]="l === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                            <mat-card-content class="content" [style.marginTop.px]="l === 0 ? 10:0" (click)="onList(itemList)" id="{{itemList.actionURL}}" (keypress)="onList(itemList)">
                                 <span style="margin-top: 5px; margin-left: 5px;">{{itemList?.label[primaryLang]}}</span>
                                 <span style="text-align: right"><em class="material-icons">
                                         {{arrowDirection}}
diff --git a/admin-ui/src/app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html b/admin-ui/src/app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html
index 535ce39b..f9c6db44 100644
--- a/admin-ui/src/app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html
+++ b/admin-ui/src/app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html
@@ -10,7 +10,7 @@
                   (click)="openKeyboard('primary', primaryData.langCode)"
                   style="color: grey; cursor: pointer;"
                   [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"
-                  (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
+                  (keypress)="openKeyboard('primary', primaryData.langCode)"
                   ><em class="material-icons">keyboard</em></span
                 >
                 <hr />
@@ -443,7 +443,7 @@
                   (click)="openKeyboard('secondary', '')"
                   style="color: grey; cursor: pointer;"
                   [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"
-                  (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
+                  (keypress)="openKeyboard('secondary', '')"
                   ><em class="material-icons">keyboard</em></span
                 >
                 <hr  [ngStyle]="isPrimaryLangRTL ? {'margin-top': '17px'} : {'margin-top': '0px'}"   />
@@ -782,7 +782,7 @@
               matTooltip="{{ 'center.keyboard-tooltip' | translate }}"
               (click)="openKeyboard('primary','')"
               style="float: right; color: grey; cursor: pointer;"
-              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
+              (keypress)="openKeyboard('primary','')"
               ><em class="material-icons">keyboard</em></span
             >
             <hr />
@@ -813,7 +813,7 @@
               matTooltip="{{languageNames['keyboard-tooltip'] | translate }}"
               (click)="openKeyboard('secondary', '')"
               style="float: right; color: grey; cursor: pointer;"
-              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
+              (keypress)="openKeyboard('primary','')"
               ><em class="material-icons">keyboard</em></span
             >
             <hr />
diff --git a/admin-ui/src/app/features/packet-status/packet-status/packet-status.component.html b/admin-ui/src/app/features/packet-status/packet-status/packet-status.component.html
index 20a2cc22..6be3936a 100644
--- a/admin-ui/src/app/features/packet-status/packet-status/packet-status.component.html
+++ b/admin-ui/src/app/features/packet-status/packet-status/packet-status.component.html
@@ -6,7 +6,7 @@
         <mat-form-field class="packet-status__input-placer">
             <input matInput placeholder="{{'packet-status.input-text' | translate}}" [(ngModel)]="id"/>
         </mat-form-field>
-        <img src="./assets/images/search.png" (click)="search()" alt="search" class="packet-status__image-placer" height="20px" width="20px" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+        <img src="./assets/images/search.png" (click)="search()" alt="search" class="packet-status__image-placer" height="20px" width="20px" (keypress)="search()">
         <mat-error style="margin-left: 30px ;font-size: 9.5px" *ngIf="error">{{errorMessage | translate}}</mat-error>
     </mat-card>
     <mat-card *ngIf="showDetails" style="border-radius: 0;">
@@ -28,7 +28,7 @@
             <div>
                 <table>
                     <caption>Timeline</caption>
-                    <tr (click)="viewMore()" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                    <tr (click)="viewMore()" (keypress)="viewMore()">
                         <th id="viewMore" *ngIf="!showTimeline">{{'packet-status.viewMore' | translate}}</th>
                         <th id="viewLess" *ngIf="showTimeline">{{'packet-status.viewLess' | translate}}</th>
                         <td>
diff --git a/admin-ui/src/app/features/resources/center/create/create.component.html b/admin-ui/src/app/features/resources/center/create/create.component.html
index 007fd945..f5fa158a 100644
--- a/admin-ui/src/app/features/resources/center/create/create.component.html
+++ b/admin-ui/src/app/features/resources/center/create/create.component.html
@@ -15,7 +15,7 @@
               (click)="openKeyboard('primary')" 
               style="color: grey; cursor: pointer;"
               [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"
-              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+              (keypress)="openKeyboard('primary')">
               <em class="material-icons">keyboard</em></span>
             <hr />
             <br /><br />
@@ -505,7 +505,7 @@ <h3>{{ "center.operational-details" | translate }}</h3>
                   style="height: 30px;width: 100px;border: 1px solid #FF4081;border-radius: 30px;padding: 7px;margin: 15px;cursor: pointer;font-size: 11px;"
                   *ngIf="primary.exceptionalHolidays.value.length>=0 && data.exceptionHolidayDate!==null">
                   <span>{{ data.exceptionHolidayDate }}</span>
-                  <div style="position: absolute; margin-left: 65px;margin-top: -18px;cursor: pointer;color: #FF4081;" (click)="deleteHoliday(i)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                  <div style="position: absolute; margin-left: 65px;margin-top: -18px;cursor: pointer;color: #FF4081;" (click)="deleteHoliday(i)" (keypress)="deleteHoliday(i)">
                     <em class="material-icons" [ngClass]="isPrimaryLangRTL ? 'icon-padding-right' : 'icon-padding-left'">cancel</em>
                   </div>
                 </div>
diff --git a/admin-ui/src/app/features/resources/center/edit/edit.component.html b/admin-ui/src/app/features/resources/center/edit/edit.component.html
index 3ff9d880..8e4d9fdd 100644
--- a/admin-ui/src/app/features/resources/center/edit/edit.component.html
+++ b/admin-ui/src/app/features/resources/center/edit/edit.component.html
@@ -17,7 +17,7 @@
               (click)="openKeyboard('primary')" 
               style="color: grey; cursor: pointer;"
               [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}"
-              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+              (keypress)="openKeyboard('primary')">
               <em class="material-icons">keyboard</em></span>
             <hr />
             <h3>{{ "center.center-details" | translate }}</h3>
@@ -134,7 +134,7 @@ <h3>{{ "center.location-details" | translate }}</h3>
               (click)="openKeyboard('secondary')"
               style="color: grey; cursor: pointer;"
               [ngStyle]="isSecondaryLangRTL ? {'float':'left'} : {'float':'right'}"
-              (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+              (keypress)="openKeyboard('secondary')">
               <em class="material-icons">keyboard</em></span>
             <hr />
             <h3>{{ secondaryLanguageLabels["center-details"] }}</h3>
@@ -679,7 +679,7 @@ <h3>{{ "center.operational-details" | translate }}</h3>
                   style="height: 30px;width: 100px;border: 1px solid #FF4081;border-radius: 30px;padding: 7px;margin: 15px;cursor: pointer;font-size: 11px;"
                   *ngIf="common.exceptionalHolidays.value.length>=0 && data.exceptionHolidayDate!==null">
                   <span>{{ data.exceptionHolidayDate }}</span>
-                  <div style="position: absolute;margin-left: 65px;margin-top: -18px;cursor: pointer;color: #FF4081;" (click)="deleteHoliday(i)" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">
+                  <div style="position: absolute;margin-left: 65px;margin-top: -18px;cursor: pointer;color: #FF4081;" (click)="deleteHoliday(i)" (keypress)="deleteHoliday(i)">
                     <em class="material-icons" [ngClass]="isPrimaryLangRTL ? 'icon-padding-right' : 'icon-padding-left'">cancel</em>
                   </div>
                 </div>
diff --git a/admin-ui/src/app/features/resources/devices/create/create.component.html b/admin-ui/src/app/features/resources/devices/create/create.component.html
index 8c860da8..669f97be 100644
--- a/admin-ui/src/app/features/resources/devices/create/create.component.html
+++ b/admin-ui/src/app/features/resources/devices/create/create.component.html
@@ -11,7 +11,7 @@ <h3>{{ 'devices.header' | translate }}</h3>
             <strong class="title">{{ 'devices.language' | translate }}</strong>
             <span *ngIf="!disableForms" matTooltip="{{ 'devices.keyboard-tooltip' | translate }}"
               (click)="openKeyboard('primary')"  style="color: grey; cursor: pointer;"
-              [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"><em
+              [ngStyle]="isPrimaryLangRTL ? {'float':'left'} : {'float':'right'}" (keypress)="openKeyboard('primary')"><em
                 class="material-icons">keyboard</em></span>
             <hr />
             <br /><br />
diff --git a/admin-ui/src/app/features/resources/machines/create/create.component.html b/admin-ui/src/app/features/resources/machines/create/create.component.html
index f714892f..9de0b05f 100644
--- a/admin-ui/src/app/features/resources/machines/create/create.component.html
+++ b/admin-ui/src/app/features/resources/machines/create/create.component.html
@@ -14,7 +14,7 @@ <h3>{{ 'machines.header' | translate }}</h3>
                       matTooltip="{{ 'machines.keyboard-tooltip' | translate }}"
                       (click)="openKeyboard('primary')"
                       style="float: right; color: grey; cursor: pointer;"
-                      (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
+                      (keypress)="openKeyboard('primary')"
                       ><em class="material-icons">keyboard</em></span
                     >
                     <hr />
diff --git a/admin-ui/src/app/shared/dialog/dialog.component.html b/admin-ui/src/app/shared/dialog/dialog.component.html
index 248c4e70..bd88ea83 100644
--- a/admin-ui/src/app/shared/dialog/dialog.component.html
+++ b/admin-ui/src/app/shared/dialog/dialog.component.html
@@ -12,8 +12,8 @@ <h2 class="filter-heading">{{ input.title[primaryLangCode] }}</h2>
         </th>
       </tr>
       <tr *ngFor="let data of missingData; index as i" class="mat-header-row">
-        <td id="data{{i}}" (click)="navigateToItem(data)" class="mat-cell" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">{{data.id}}</td>
-        <td  (click)="navigateToItem(data)" class="mat-cell" (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)">{{data.fieldValue}}</td>
+        <td id="data{{i}}" (click)="navigateToItem(data)" class="mat-cell" (keypress)="navigateToItem(data)">{{data.id}}</td>
+        <td  (click)="navigateToItem(data)" class="mat-cell" (keypress)="navigateToItem(data)">{{data.fieldValue}}</td>
       </tr>
     </table>
     <p *ngIf="noMissingDataFlag" style="text-align: center">{{'center.popupMessages.noData.message' | translate}}</p>
diff --git a/admin-ui/src/app/shared/table/table.component.html b/admin-ui/src/app/shared/table/table.component.html
index 01603ebc..f14ddd0d 100644
--- a/admin-ui/src/app/shared/table/table.component.html
+++ b/admin-ui/src/app/shared/table/table.component.html
@@ -19,7 +19,7 @@
           <span
             *ngIf="!columnName.noSort"
             (click)="sortColumn(columnName.name, i)"
-            (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
+            (keypress)="sortColumn(columnName.name, i)"
             ><img
               *ngIf="sortIconTrackerArray[i] === 0"
               src="assets/images/icon_table_sort_both.png"
@@ -50,7 +50,7 @@
           name="radios"
           id="radio1"
           (click)="selectedCenter(data, button)"
-          (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
+          (keypress)="selectedCenter(data, button)"
         />
       </td>
       <td
@@ -58,7 +58,7 @@
         class="mat-cell"
         (click)="getTableRowData(data, i, item)"
         [ngClass]="{ 'text-alignment': item === 'name' && imageSource }"
-        (keypress)="handleKeyPress($event)" (keydown)="handleKeyDown($event)" (keyup)="handleKeyUp($event)"
+        (keypress)="getTableRowData(data, i, item)"
       >
         <span class="flex-display" [ngStyle]="tableStyle(i, data[item], item)"
           ><span *ngIf="item === 'fieldVal' && data[item]"