From 0297629f041c98e3bf1940af9ba1c1d7c4b29ef8 Mon Sep 17 00:00:00 2001
From: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
Date: Mon, 5 Jan 2026 17:44:58 +0530
Subject: [PATCH 1/6] [MOSIP-44045] - Bulk Upload Error Message Fix

Signed-off-by: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
---
 .../bulkupload/masterdataupload/create/create.component.ts    | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.ts b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.ts
index 2b22fc33..278bd561 100644
--- a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.ts
+++ b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.ts
@@ -142,6 +142,10 @@ export class CreateComponent {
   }
 
   submit(){
+    if (this.uploadForm.invalid) {
+    this.uploadForm.markAllAsTouched();
+    return;
+    }
     if (this.uploadForm.valid) {
       this.auditService.audit(24, 'ADM-333', 'Master Data Upload Form');
       let data = {};

From b2044f62f142ee2ac4600df3ca9aabdea267a26a Mon Sep 17 00:00:00 2001
From: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
Date: Mon, 5 Jan 2026 18:42:31 +0530
Subject: [PATCH 2/6] Added validation for Uploadfile

Signed-off-by: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
---
 .../create/create.component.html              |  3 +-
 .../create/create.component.ts                | 56 ++++++-------------
 2 files changed, 20 insertions(+), 39 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 7489267f..d222c9ce 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
@@ -63,7 +63,8 @@ <h3>{{labelanddatas.title |translate}}</h3>
               </mat-error>  
             </div> -->     
             <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">
+              <div class="fileuploadcontainer" appDnd (fileDropped)="onFileDropped($event)" id="fileName">
+              <mat-error *ngIf="uploadForm.controls.fileName.invalid && uploadForm.controls.fileName.touched">{{ 'genericerror.fieldValidation' | translate }} </mat-error>
               <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">
                 <svg id="upload_icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24.042"
diff --git a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.ts b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.ts
index 278bd561..5639283b 100644
--- a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.ts
+++ b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.ts
@@ -24,7 +24,6 @@ export class CreateComponent {
   labelanddatas:any;
   subscribed: any;
   popupMessages:any;
-  fileNameError:boolean = false;
   buttonalignment = 'ltr';
   serverError:any;
   tableName: string;
@@ -132,7 +131,6 @@ export class CreateComponent {
       this.uploadForm.get('files').setValue(file);
       this.uploadForm.get('fileName').setValue(file.name);
       //document.getElementById("fileName").classList.remove('addredborder');
-      this.fileNameError = false;
     }
   }
 
@@ -146,43 +144,25 @@ export class CreateComponent {
     this.uploadForm.markAllAsTouched();
     return;
     }
-    if (this.uploadForm.valid) {
-      this.auditService.audit(24, 'ADM-333', 'Master Data Upload Form');
-      let data = {};
-      data = {
-        case: 'CONFIRMATION',       
-        title: this.popupMessages['popup1'].title,
-        message: this.popupMessages['popup1'].message[0] + this.uploadForm.get('operation').value + this.popupMessages['popup1'].message[1] + this.uploadForm.get('tableName').value + this.popupMessages['popup1'].message[2],
-        yesBtnTxt: this.popupMessages['popup1'].yesBtnText,
-        noBtnTxt: this.popupMessages['popup1'].noBtnText
-      };
-      const dialogRef = this.dialog.open(DialogComponent, {
-        width: '650px',
-        data
-      });
-      dialogRef.afterClosed().subscribe(response => {   
-        if(response){
-          this.auditService.audit(18, 'ADM-334', 'Master Data Upload Form');
-          this.saveData();
-        }      
-      });  
-    } else {
-      for (const i in this.uploadForm.controls) {
-        if (this.uploadForm.controls[i]) {
-          if(i === "fileName"){
-            if(!this.uploadForm.get('fileName').value){
-              document.getElementById("fileName").classList.add('addredborder');
-              this.fileNameError = true;
-            }else{
-              console.log("this.uploadForm.get('fileName').value>>>"+this.uploadForm.get('fileName').value);
-            }
-          }else{
-            this.uploadForm.controls[i].markAsTouched();
-          }
-          
-        }
+    this.auditService.audit(24, 'ADM-333', 'Master Data Upload Form');
+    let data = {};
+    data = {
+      case: 'CONFIRMATION',
+      title: this.popupMessages['popup1'].title,
+      message: this.popupMessages['popup1'].message[0] + this.uploadForm.get('operation').value + this.popupMessages['popup1'].message[1] + this.uploadForm.get('tableName').value + this.popupMessages['popup1'].message[2],
+      yesBtnTxt: this.popupMessages['popup1'].yesBtnText,
+      noBtnTxt: this.popupMessages['popup1'].noBtnText
+    };
+    const dialogRef = this.dialog.open(DialogComponent, {
+      width: '650px',
+      data
+    });
+    dialogRef.afterClosed().subscribe(response => {
+      if(response){
+        this.auditService.audit(18, 'ADM-334', 'Master Data Upload Form');
+        this.saveData();
       }
-    }  
+    });
   }
 
   saveData(){

From 2a45f1a039cdfa97a83f34997b8a109e7b5c3aed Mon Sep 17 00:00:00 2001
From: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
Date: Thu, 8 Jan 2026 12:15:56 +0530
Subject: [PATCH 3/6] Update create.component.css

Signed-off-by: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
---
 .../bulkupload/masterdataupload/create/create.component.css     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.css b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.css
index 2e9961b0..e05007f5 100644
--- a/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.css
+++ b/admin-ui/src/app/features/bulkupload/masterdataupload/create/create.component.css
@@ -82,7 +82,7 @@
    .fileuploadcontainer label {
       color: #FF4081;
       width: 148px;
-      height: 44px;
+      height: 52px;
       border-radius: 5px;
       background: #FFFFFF;
       padding: 10px;

From 6bcd96340c86fa219b4f9c34cf452fd3f5fe9f7f Mon Sep 17 00:00:00 2001
From: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
Date: Fri, 9 Jan 2026 13:14:59 +0530
Subject: [PATCH 4/6] Added proper validation messages

Signed-off-by: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
---
 .../masterdataupload/create/create.component.html    | 12 ++++++------
 admin-ui/src/assets/i18n/ara.json                    | 11 +++++++++++
 admin-ui/src/assets/i18n/eng.json                    | 11 +++++++++++
 admin-ui/src/assets/i18n/es.json                     | 11 +++++++++++
 admin-ui/src/assets/i18n/fra.json                    | 11 +++++++++++
 admin-ui/src/assets/i18n/hin.json                    | 11 +++++++++++
 admin-ui/src/assets/i18n/kan.json                    | 11 +++++++++++
 admin-ui/src/assets/i18n/tam.json                    | 11 +++++++++++
 8 files changed, 83 insertions(+), 6 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 d222c9ce..7e6ed854 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
@@ -29,8 +29,8 @@ <h3>{{labelanddatas.title |translate}}</h3>
                   {{data.label | translate }}
                 </mat-option>
               </mat-select>
-              <mat-error *ngIf="uploadForm.controls.operation.touched">
-                {{"genericerror.fieldValidation" | translate}}
+              <mat-error *ngIf="uploadForm.controls.operation.touched  && uploadForm.controls.operation.hasError('required')">
+                {{'bulkUpload.validationMessages.operation.required' | translate}}
               </mat-error>
             </mat-form-field>
             <div style="width:100%;display:inline">
@@ -45,9 +45,9 @@ <h3>{{labelanddatas.title |translate}}</h3>
                     {{data.value | translate }}
                   </mat-option>
                 </mat-select>
-                <mat-error *ngIf="uploadForm.controls.tableName.touched && !showDownloadBtn">
-                  {{'genericerror.fieldValidation' | translate}}
-                </mat-error>              
+                <mat-error *ngIf="uploadForm.controls.tableName.touched && uploadForm.controls.tableName.hasError('required') && !showDownloadBtn">
+                  {{'bulkUpload.validationMessages.tableName.required' | translate}}
+                </mat-error>
               </mat-form-field>                
               <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>
@@ -64,7 +64,7 @@ <h3>{{labelanddatas.title |translate}}</h3>
             </div> -->     
             <label class="labelfileupload" for="fileInput">{{'uploadcertificate.uploadYourFile' | translate}} <span style="color:red;">*</span></label>
               <div class="fileuploadcontainer" appDnd (fileDropped)="onFileDropped($event)" id="fileName">
-              <mat-error *ngIf="uploadForm.controls.fileName.invalid && uploadForm.controls.fileName.touched">{{ 'genericerror.fieldValidation' | translate }} </mat-error>
+              <mat-error  *ngIf="uploadForm.controls.fileName.touched && uploadForm.controls.fileName.hasError('required')">{{ 'bulkUpload.validationMessages.file.required' | translate }}</mat-error>
               <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">
                 <svg id="upload_icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24.042"
diff --git a/admin-ui/src/assets/i18n/ara.json b/admin-ui/src/assets/i18n/ara.json
index 7f7139ed..9f615997 100644
--- a/admin-ui/src/assets/i18n/ara.json
+++ b/admin-ui/src/assets/i18n/ara.json
@@ -662,6 +662,17 @@
         "upload": "تحميل",
         "cancel": "يلغي",
         "tableNames":[{"id":"applicant_valid_document","value":"وثيقة مقدم الطلب سارية المفعول"},{"id":"biometric_attribute","value":"السمة البيومترية"},{"id":"biometric_type","value":"البيومترية"},{"id":"blocklisted_words","value":"الكلمات المحظورة"},{"id":"daysofweek_list","value":"ايام الاسبوع"},{"id":"device_master","value":"جهاز"},{"id":"device_spec","value":"الجهاز"},{"id":"device_type","value":"نوع الجهاز"},{"id":"doc_category","value":"فئة الوثيقة"},{"id":"doc_type","value":"نوع الوثيقة"},{"id":"dynamic_field","value":"مجال ديناميكي"},{"id":"reg_exceptional_holiday","value":"استثنائي"},{"id":"gender","value":"جنس تذكير أو تأنيث"},{"id":"loc_holiday","value":"عطلة"},{"id":"id_type","value":"نوع المعرف"},{"id":"individual_type","value":"النوع الفردي"},{"id":"language","value":"لغة"},{"id":"location","value":"موقع"},{"id":"loc_hierarchy_list","value":"التسلسل الهرمي"},{"id":"machine_master","value":"آلة"},{"id":"machine_spec","value":"آلةالمواصفات"},{"id":"machine_type","value":"نوع الآلة"},{"id":"module_detail","value":"الوحدة النمطية"},{"id":"reason_category","value":"السببالفئة"},{"id":"reason_list","value":"قائمة الأسباب"},{"id":"reg_exceptional_holiday","value":"عطلة رسمية"},{"id":"registration_center","value":"مركز التسجيل"},{"id":"reg_center_type","value":"نوع التسجيل"},{"id":"reg_working_nonworking","value":"ريج العمل غير العامل"},{"id":"template","value":"نموذج"},{"id":"template_file_format","value":"تنسيق ملف القالب"},{"id":"template_type","value":"نوع النموذج"},{"id":"title","value":"عنوان"},{"id":"user_detail","value":"بيانات المستخدم"},{"id":"valid_document","value":"مستند صالح"},{"id":"zone","value":"منطقة"},{"id":"zone_user","value":"مستخدم المنطقة"}],
+        "validationMessages": {
+            "operation": {
+                "required": "العملية مطلوبة"
+            },
+            "tableName": {
+                "required": "اسم الجدول مطلوب"
+            },
+            "file": {
+                "required": "الملف مطلوب"
+            }
+        },
         "popupMessages": {
             "popup1": {
                 "title": "تأكيد تحميل البيانات الرئيسية المجمعة",
diff --git a/admin-ui/src/assets/i18n/eng.json b/admin-ui/src/assets/i18n/eng.json
index 4fdec794..f7654bfa 100644
--- a/admin-ui/src/assets/i18n/eng.json
+++ b/admin-ui/src/assets/i18n/eng.json
@@ -663,6 +663,17 @@
         "upload": "UPLOAD",
         "cancel": "Cancel",
         "tableNames":[{"id":"applicant_valid_document","value":"Applicant Valid Document"},{"id":"biometric_attribute","value":"BiometricAttribute"},{"id":"biometric_type","value":"BiometricType"},{"id":"blocklisted_words","value":"BlocklistedWords"},{"id":"daysofweek_list","value":"DaysOfWeek"},{"id":"device_master","value":"Device"},{"id":"device_spec","value":"DeviceSpecification"},{"id":"device_type","value":"DeviceType"},{"id":"doc_category","value":"DocumentCategory"},{"id":"doc_type","value":"DocumentType"},{"id":"dynamic_field","value":"DynamicField"},{"id":"reg_exceptional_holiday","value":"ExceptionalHoliday"},{"id":"gender","value":"Gender"},{"id":"loc_holiday","value":"Holiday"},{"id":"id_type","value":"IdType"},{"id":"individual_type","value":"IndividualType"},{"id":"language","value":"Language"},{"id":"location","value":"Location"},{"id":"loc_hierarchy_list","value":"LocationHierarchy"},{"id":"machine_master","value":"Machine"},{"id":"machine_spec","value":"MachineSpecification"},{"id":"machine_type","value":"MachineType"},{"id":"module_detail","value":"ModuleDetail"},{"id":"reason_category","value":"ReasonCategory"},{"id":"reason_list","value":"ReasonList"},{"id":"reg_exceptional_holiday","value":"RegExceptionalHoliday"},{"id":"registration_center","value":"RegistrationCenter"},{"id":"reg_center_type","value":"RegistrationCenterType"},{"id":"reg_working_nonworking","value":"RegWorkingNonWorking"},{"id":"template","value":"Template"},{"id":"template_file_format","value":"TemplateFileFormat"},{"id":"template_type","value":"TemplateType"},{"id":"title","value":"Title"},{"id":"user_detail","value":"UserDetails"},{"id":"valid_document","value":"ValidDocument"},{"id":"zone","value":"Zone"},{"id":"zone_user","value":"ZoneUser"}],
+        "validationMessages": {
+            "operation": {
+                "required": "Operation is required"
+            },
+            "tableName": {
+                "required": "Table Name is required"
+            },
+            "file": {
+                "required": "File is required"
+            }
+        },
         "popupMessages": {
             "popup1": {
                 "title": "Confirm Bulk Master Data Upload",
diff --git a/admin-ui/src/assets/i18n/es.json b/admin-ui/src/assets/i18n/es.json
index d2d04e11..5bc99c0d 100644
--- a/admin-ui/src/assets/i18n/es.json
+++ b/admin-ui/src/assets/i18n/es.json
@@ -705,6 +705,17 @@
             { "id": "zone", "value": "Zona" },
             { "id": "zone_user", "value": "Usuario de zona" }
         ],
+        "validationMessages": {
+            "operation": {
+                "required": "La operación es requerida"
+            },
+            "tableName": {
+                "required": "El nombre de la tabla es requerido"
+            },
+            "file": {
+                "required": "El archivo es requerido"
+            }
+        },
         "popupMessages": {
             "popup1": {
                 "title": "Confirmar carga masiva de datos maestros",
diff --git a/admin-ui/src/assets/i18n/fra.json b/admin-ui/src/assets/i18n/fra.json
index a1cd6963..a0649731 100644
--- a/admin-ui/src/assets/i18n/fra.json
+++ b/admin-ui/src/assets/i18n/fra.json
@@ -921,6 +921,17 @@
 				"value": "ZoneUtilisateur"
 			}
 		],
+		"validationMessages": {
+            "operation": {
+                "required": "L'opération est requise"
+            },
+            "tableName": {
+                "required": "Le nom de la table est requis"
+            },
+            "file": {
+                "required": "Le fichier est requis"
+            }
+        },
 		"popupMessages": {
 			"popup1": {
 				"title": "Confirmer le téléchargement en bloc des données de base",
diff --git a/admin-ui/src/assets/i18n/hin.json b/admin-ui/src/assets/i18n/hin.json
index 031998d9..a4b7b164 100644
--- a/admin-ui/src/assets/i18n/hin.json
+++ b/admin-ui/src/assets/i18n/hin.json
@@ -781,6 +781,17 @@
 			"id": "zone_user",
 			"value": "क्षेत्र उपयोगकर्ता "
 		}],
+		"validationMessages": {
+            "operation": {
+                "required": "कार्य आवश्यक है"
+            },
+            "tableName": {
+                "required": "तालिका का नाम आवश्यक है"
+            },
+            "file": {
+                "required": "फ़ाइल आवश्यक है"
+            }
+        },
 		"popupMessages": {
 			"popup1": {
 				"title": "बल्क मास्टर डेटा अपलोड की पुष्टि करें",
diff --git a/admin-ui/src/assets/i18n/kan.json b/admin-ui/src/assets/i18n/kan.json
index dfeac54b..24010cdf 100644
--- a/admin-ui/src/assets/i18n/kan.json
+++ b/admin-ui/src/assets/i18n/kan.json
@@ -788,6 +788,17 @@
 			"id": "zone_user",
 			"value": "ವಲಯ ಬಳಕೆದಾರ"
 		}],
+		"validationMessages": {
+            "operation": {
+                "required": "ಕಾರ್ಯಾಚರಣೆ ಅಗತ್ಯ"
+            },
+            "tableName": {
+                "required": "ಅட்டಿಯ ಹೆಸರು ಅಗತ್ಯ"
+            },
+            "file": {
+                "required": "파일್ ಅಗತ್ಯ"
+            }
+        },
 		"popupMessages": {
 			"popup1": {
 				"title": "ಬೃಹತ್ ಮಾಸ್ಟರ್ ಡೇಟಾ ಅಪ್‌ಲೋಡ್ ಅನ್ನು ದೃirೀಕರಿಸಿ",
diff --git a/admin-ui/src/assets/i18n/tam.json b/admin-ui/src/assets/i18n/tam.json
index a4f3dd66..76d1a905 100644
--- a/admin-ui/src/assets/i18n/tam.json
+++ b/admin-ui/src/assets/i18n/tam.json
@@ -789,6 +789,17 @@
             "id": "zone_user",
             "value": "மண்டல பயனர் "
         }],
+        "validationMessages": {
+            "operation": {
+                "required": "செயல்பாடு தேவை"
+            },
+            "tableName": {
+                "required": "அட்டவணை தேவை"
+            },
+            "file": {
+                "required": "கோப்பு தேவை"
+            }
+        },
         "popupMessages": {
             "popup1": {
                 "title": "மொத்த முதன்மை தரவு பதிவேற்றத்தை உறுதிப்படுத்தவும்",

From a7519dd13d267e5f910057ff9bf618c1f0377dd9 Mon Sep 17 00:00:00 2001
From: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
Date: Fri, 9 Jan 2026 13:20:09 +0530
Subject: [PATCH 5/6] Corrected error message

Signed-off-by: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
---
 admin-ui/src/assets/i18n/kan.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/admin-ui/src/assets/i18n/kan.json b/admin-ui/src/assets/i18n/kan.json
index 24010cdf..c811add7 100644
--- a/admin-ui/src/assets/i18n/kan.json
+++ b/admin-ui/src/assets/i18n/kan.json
@@ -796,7 +796,7 @@
                 "required": "ಅட்டಿಯ ಹೆಸರು ಅಗತ್ಯ"
             },
             "file": {
-                "required": "파일್ ಅಗತ್ಯ"
+                "required": "ಫೈಲ್ ಅಗತ್ಯವಿದೆ"
             }
         },
 		"popupMessages": {

From a19c5a91ec6eac28dd596f377efbd04b2f936094 Mon Sep 17 00:00:00 2001
From: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
Date: Tue, 13 Jan 2026 12:27:26 +0530
Subject: [PATCH 6/6] Corrected Upload File Label

Signed-off-by: GOKULRAJ136 <110164849+GOKULRAJ136@users.noreply.github.com>
---
 .../bulkupload/masterdataupload/create/create.component.html    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 7e6ed854..c0db7af7 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
@@ -62,7 +62,7 @@ <h3>{{labelanddatas.title |translate}}</h3>
                 {{'genericerror.fieldValidation' | translate}}
               </mat-error>  
             </div> -->     
-            <label class="labelfileupload" for="fileInput">{{'uploadcertificate.uploadYourFile' | translate}} <span style="color:red;">*</span></label>
+            <label class="labelfileupload" for="fileInput" [style.color]="uploadForm.controls.fileName.touched && uploadForm.controls.fileName.hasError('required') ? 'red' : 'rgba(0, 0, 0, 0.54)'">{{'uploadcertificate.uploadYourFile' | translate}} <span style="color:red;">*</span></label>
               <div class="fileuploadcontainer" appDnd (fileDropped)="onFileDropped($event)" id="fileName">
               <mat-error  *ngIf="uploadForm.controls.fileName.touched && uploadForm.controls.fileName.hasError('required')">{{ 'bulkUpload.validationMessages.file.required' | translate }}</mat-error>
               <input (click)="$event.target.value=null" type="file" accept=".xlsx, .xls, .csv" #fileInput id="fileInput" (change)="onFileSelect($event)"/>