Merge pull request #270 from Madhuravas/develop

MOSIP-15281 added confirmation popup for create/update contact type
mosip · Feb 6, 2024 · ce390e1 · ce390e1
2 parents 3439745 + 1b419a3
commit ce390e1
Show file tree

Hide file tree

Showing 9 changed files with 121 additions and 15 deletions.
diff --git a/...p/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html b/...p/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.html
@@ -412,7 +412,7 @@
                 </div>
             </div>
             <mat-divider [vertical]="true" [inset]="true"></mat-divider>
-              <div *ngIf="showSecondaryForm" class="secondary-form" [ngStyle]="{'text-align': (secondaryLang==='ara') ? 'right' : 'left'}">
+              <div *ngIf="showSecondaryForm" class="secondary-form" [dir]="secondaryLang==='ara' ? 'rtl' : 'ltr'">
                 <mat-form-field style="padding-bottom: 10px;">
                 <mat-label><b>{{ "center.selectLanguage" | translate }}</b></mat-label>
                   <mat-select
@@ -428,7 +428,7 @@
                     </mat-option>
                   </mat-select>
                 </mat-form-field>
-                <strong class="title" [ngStyle]="isPrimaryLangRTL ? {'float':'right'} : {'float':'left'}">{{ secondaryLangDisplay }}</strong>
+                <strong class="title" >{{ secondaryLangDisplay }}</strong>
                 <span
                   *ngIf="!disableForms"
                   matTooltip="{{languageNames['keyboard-tooltip'] | translate }}"

diff --git a/...app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.ts b/...app/features/masterdata/shared/mater-data-common-body/mater-data-common-body.component.ts
@@ -88,6 +88,7 @@ export class MaterDataCommonBodyComponent implements OnInit {
   isPrimaryLangRTL:boolean = false;
   searchResult:any;
   appConfig:any;
+  confirmationPopupMessage:any;
 
   constructor(
     private location: Location,
@@ -142,6 +143,7 @@ export class MaterDataCommonBodyComponent implements OnInit {
       .subscribe(response => {
         this.popupMessages = response;
         this.serverError = response.serverError;
+        this.confirmationPopupMessage = response.masterData.centerType;
       });
     let supportedLanguages = this.appConfigService.getConfig()['supportedLanguages'].split(',');
     let self = this;
@@ -779,7 +781,7 @@ export class MaterDataCommonBodyComponent implements OnInit {
         this.showErrorPopup(mandatoryFieldLabel[i]+this.popupMessages.genericerror.fieldNameValidation);
         break;
       }else if(len === (i+1)){
-        self.executeAPI();
+        this.isCreateForm ? this.showConfirmationMsg("create") : this.showConfirmationMsg("update")
       }
     }
   }
@@ -1132,6 +1134,26 @@ export class MaterDataCommonBodyComponent implements OnInit {
     return dialogRef;
   }
 
+  showConfirmationMsg(type:any){
+    let data = {};
+    data = {
+      case: 'CONFIRMATION',
+      title: this.confirmationPopupMessage[type].title,
+      message: this.confirmationPopupMessage[type].message,
+      yesBtnTxt: this.confirmationPopupMessage[type].yesBtnText,
+      noBtnTxt: this.confirmationPopupMessage[type].noBtnText
+    };
+    const dialogRef = this.dialog.open(DialogComponent, {
+      width: '650px',
+      data
+    });
+    dialogRef.afterClosed().subscribe(response => {
+      if (response) {
+        this.executeAPI();
+      } else if (!response) {}
+    });
+  }
+
   showErrorPopup(message: string) {
     this.dialog
       .open(DialogComponent, {

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
@@ -104,10 +104,10 @@ <h3>{{ "center.location-details" | translate }}</h3>
               </mat-form-field>
             </div>
             <mat-card-actions class="action-buttons">
-              <button id="createButton" mat-raised-button *ngIf="data.length != 0" (click)="submitPrimaryPanel()">
+              <button [disabled]="!primaryForm.dirty" id="createButton" mat-raised-button *ngIf="data.length != 0" (click)="submitPrimaryPanel()">
                 {{ "center.update" | translate }}
               </button>
-              <button id="createButton" mat-raised-button *ngIf="data.length == 0" (click)="submitPrimaryPanel()">
+              <button [disabled]="!primaryForm.dirty" id="createButton" mat-raised-button *ngIf="data.length == 0" (click)="submitPrimaryPanel()">
                 {{ "center.create" | translate }}
               </button>
               <button mat-raised-button id="cancel" (click)="cancel()" *ngIf="secondaryLang">
@@ -117,7 +117,7 @@ <h3>{{ "center.location-details" | translate }}</h3>
           </div>
           <mat-divider [vertical]="true" [inset]="true"></mat-divider>
           <div *ngIf="secondaryLanguageLabels && secondaryLang && showSecondaryForm" [formGroup]="secondaryForm"
-            [ngClass]="isSecondaryLangRTL ? 'secondary-form' : 'secondary-form-ltr'">
+            [ngClass]="isSecondaryLangRTL ? 'secondary-form' : 'secondary-form-ltr'" [dir]="isSecondaryLangRTL ? 'rtl' : 'ltl'">
             <mat-form-field style="padding-bottom: 10px;">
               <mat-label><b>{{ "center.selectLanguage" | translate }}</b></mat-label>
               <mat-select formControlName="selectLanguage" id="selectLanguage"
@@ -257,11 +257,11 @@ <h3>{{ secondaryLanguageLabels["location-details"] }}</h3>
               </mat-form-field>
             </div>
             <mat-card-actions class="action-buttons">
-              <button id="createButton" mat-raised-button *ngIf="showUpdateButton"
+              <button [disabled]="!secondaryForm.dirty" id="createButton" mat-raised-button *ngIf="showUpdateButton"
                 (click)="submitSecondaryPanel()">
                 {{ "center.update" | translate }}
               </button>
-              <button id="createButton" mat-raised-button *ngIf="!showUpdateButton"
+              <button [disabled]="!secondaryForm.dirty"  id="createButton" mat-raised-button *ngIf="!showUpdateButton"
                 (click)="submitSecondaryPanel()">
                 {{ "center.create" | translate }}
               </button>
@@ -687,7 +687,7 @@ <h3>{{ "center.operational-details" | translate }}</h3>
           <mat-divider [vertical]="true" [inset]="true"></mat-divider>
         </mat-card-content>
         <mat-card-actions class="action-buttons">
-          <button id="createButton" mat-raised-button (click)="submitCommonPanel()">
+          <button [disabled]="!commonForm.dirty" id="createButton" mat-raised-button (click)="submitCommonPanel()">
             {{ "center.update" | translate }}
           </button>
           <button mat-raised-button id="cancel" (click)="cancel()">

diff --git a/admin-ui/src/assets/i18n/ara.json b/admin-ui/src/assets/i18n/ara.json
@@ -439,7 +439,21 @@
         "unmapped-documents": "المستندات غير المعينة",
         "masterDataTypes": "أنواع البيانات الرئيسية",
         "dynamicField": "مجال ديناميكي",
-        "createDynamicField": "إنشاء حقل ديناميكي جديد"
+        "createDynamicField": "إنشاء حقل ديناميكي جديد",
+        "centerType":{
+            "create":{
+                "title": "تأكيد",
+                "message": "أنت على وشك إنشاء نوع المركز. \n الرجاء التأكد من صحة كافة المعلومات. سيتم إنشاء معرف المركز بمجرد التأكيد.",
+                "yesBtnText": "يتأكد",
+                "noBtnText": "يلغي"
+            },
+            "update":{
+                "title": "تأكيد",
+                "message": "أنت على وشك تحديث نوع المركز. \n الرجاء التأكد من صحة كافة المعلومات. سيتم تحديث تفاصيل المركز بمجرد التأكيد.",
+                "yesBtnText": "يتأكد",
+                "noBtnText": "يلغي"
+            }
+        }
     },
     "masterdataupload": {
         "title": "تحميل البيانات الرئيسية"

diff --git a/admin-ui/src/assets/i18n/eng.json b/admin-ui/src/assets/i18n/eng.json
@@ -242,7 +242,21 @@
         "unmapped-documents": "Unmapped Documents",
         "masterDataTypes": "Masterdata Types",
         "dynamicField": "Dynamic Field",
-        "createDynamicField": "Create New Dynamic Field"
+        "createDynamicField": "Create New Dynamic Field",
+        "centerType":{
+            "create":{
+                "title": "Confirmation",
+                "message": "You are about to create a Center Type. \n Please ensure that all the information is correct. Center ID will be generated once you Confirm.",
+                "yesBtnText": "Confirm",
+                "noBtnText": "Cancel"
+            },
+            "update":{
+                "title": "Confirmation",
+                "message": "You are about to update a Center Type. \n Please ensure that all the information is correct. Center details will be update once you Confirm.",
+                "yesBtnText": "Confirm",
+                "noBtnText": "Cancel"
+            }
+        }
     },
     "masterdataupload": {
         "title": "Master Data Upload"

diff --git a/admin-ui/src/assets/i18n/fra.json b/admin-ui/src/assets/i18n/fra.json
@@ -464,7 +464,21 @@
 		"unmapped-documents": "Documents non mappés",
 		"masterDataTypes": "Types de données maîtres",
 		"dynamicField": "Champ dynamique",
-		"createDynamicField": "Créer un nouveau champ dynamique"
+		"createDynamicField": "Créer un nouveau champ dynamique",
+		"centerType":{
+            "create":{
+                "title": "Confirmation",
+                "message": "Vous êtes sur le point de créer un type de centre. \n Veuillez vous assurer que toutes les informations sont correctes. L'ID du centre sera généré une fois que vous aurez confirmé.",
+                "yesBtnText": "Confirmer",
+                "noBtnText": "Annuler"
+            },
+            "update":{
+                "title": "Confirmation",
+                "message": "Vous êtes sur le point de mettre à jour un type de centre. \n Veuillez vous assurer que toutes les informations sont correctes. Les détails du centre seront mis à jour une fois que vous aurez confirmé.",
+                "yesBtnText": "Confirmer",
+                "noBtnText": "Annuler"
+            }
+        }
 	},
 	"masterdataupload": {
 		"title": "Téléchargement des données de base"

diff --git a/admin-ui/src/assets/i18n/hin.json b/admin-ui/src/assets/i18n/hin.json
@@ -236,7 +236,21 @@
 		"unmapped-documents": "अनमैप्ड डॉक्यूमेंट्स",
 		"masterDataTypes": "मास्टरडेटा प्रकार",
 		"dynamicField": "डायनेमिक फील्ड",
-		"createDynamicField": "नया गतिशील क्षेत्र बनाएँ"
+		"createDynamicField": "नया गतिशील क्षेत्र बनाएँ",
+		"centerType":{
+            "create":{
+                "title": "पुष्टीकरण",
+                "message": "आप एक केंद्र प्रकार बनाने वाले हैं. \nकृपया सुनिश्चित करें कि सभी जानकारी सही है। पुष्टि करते ही सेंटर आईडी जनरेट हो जाएगी।",
+                "yesBtnText": "पुष्टि करना",
+                "noBtnText": "रद्द करना"
+            },
+            "update":{
+                "title": "पुष्टीकरण",
+                "message": "आप एक केंद्र प्रकार अपडेट करने वाले हैं. \nकृपया सुनिश्चित करें कि सभी जानकारी सही है। आपके पुष्टि करते ही केंद्र का विवरण अपडेट कर दिया जाएगा।",
+                "yesBtnText": "पुष्टि करना",
+                "noBtnText": "रद्द करना"
+            }
+        }
 	},
 	"masterdataupload": {
 		"title": "मास्टर डेटा अपलोड"

diff --git a/admin-ui/src/assets/i18n/kan.json b/admin-ui/src/assets/i18n/kan.json
@@ -236,7 +236,21 @@
 		"unmapped-documents": "ಅನ್‌ಮ್ಯಾಪ್ಡ್ ಡಾಕ್ಯುಮೆಂಟ್ಸ್",
 		"masterDataTypes": "ಮಾಸ್ಟರ್‌ಡೇಟಾ ಪ್ರಕಾರಗಳು",
 		"dynamicField": "ಡೈನಾಮಿಕ್ ಫೀಲ್ಡ್",
-		"createDynamicField": "ಹೊಸ ಡೈನಾಮಿಕ್ ಕ್ಷೇತ್ರವನ್ನು ರಚಿಸಿ"
+		"createDynamicField": "ಹೊಸ ಡೈನಾಮಿಕ್ ಕ್ಷೇತ್ರವನ್ನು ರಚಿಸಿ",
+		"centerType":{
+            "create":{
+                "title": "ದೃಢೀಕರಣ",
+                "message": "ನೀವು ಕೇಂದ್ರ ಪ್ರಕಾರವನ್ನು ರಚಿಸಲಿರುವಿರಿ. \n ದಯವಿಟ್ಟು ಎಲ್ಲಾ ಮಾಹಿತಿ ಸರಿಯಾಗಿದೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ನೀವು ದೃಢೀಕರಿಸಿದ ನಂತರ ಕೇಂದ್ರ ಐಡಿಯನ್ನು ರಚಿಸಲಾಗುತ್ತದೆ.",
+                "yesBtnText": "ದೃಢೀಕರಿಸಿ",
+                "noBtnText": "ರದ್ದುಮಾಡು"
+            },
+            "update":{
+                "title": "ದೃಢೀಕರಣ",
+                "message": "ನೀವು ಕೇಂದ್ರ ಪ್ರಕಾರವನ್ನು ನವೀಕರಿಸಲಿರುವಿರಿ. \n ದಯವಿಟ್ಟು ಎಲ್ಲಾ ಮಾಹಿತಿ ಸರಿಯಾಗಿದೆಯೇ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ನೀವು ದೃಢೀಕರಿಸಿದ ನಂತರ ಕೇಂದ್ರದ ವಿವರಗಳನ್ನು ನವೀಕರಿಸಲಾಗುತ್ತದೆ.",
+                "yesBtnText": "ದೃಢೀಕರಿಸಿ",
+                "noBtnText": "ರದ್ದುಮಾಡು"
+            }
+        }
 	},
 	"masterdataupload": {
 		"title": "ಮಾಸ್ಟರ್ ಡೇಟಾ ಅಪ್‌ಲೋಡ್"

diff --git a/admin-ui/src/assets/i18n/tam.json b/admin-ui/src/assets/i18n/tam.json
@@ -236,7 +236,21 @@
         "unmapped-documents": "மாற்றப்படாத ஆவணங்கள்",
         "masterDataTypes": "மாஸ்டர்டேட்டா வகைகள்",
         "dynamicField": "டைனமிக் புலம்",
-        "createDynamicField": "புதிய டைனமிக் புலம் உருவாக்கவும்"
+        "createDynamicField": "புதிய டைனமிக் புலம் உருவாக்கவும்",
+        "centerType":{
+            "create":{
+                "title": "உறுதிப்படுத்தல்",
+                "message": "நீங்கள் ஒரு மைய வகையை உருவாக்க உள்ளீர்கள். \n அனைத்து தகவல்களும் சரியானவை என்பதை உறுதிப்படுத்தவும். நீங்கள் உறுதிசெய்தவுடன் மைய ஐடி உருவாக்கப்படும்.",
+                "yesBtnText": "உறுதிப்படுத்தவும்",
+                "noBtnText": "ரத்து செய்"
+            },
+            "update":{
+                "title": "உறுதிப்படுத்தல்",
+                "message": "மைய வகையைப் புதுப்பிக்க உள்ளீர்கள். \n அனைத்து தகவல்களும் சரியானவை என்பதை உறுதிப்படுத்தவும். நீங்கள் உறுதிப்படுத்தியவுடன் மைய விவரங்கள் புதுப்பிக்கப்படும்.",
+                "yesBtnText": "உறுதிப்படுத்தவும்",
+                "noBtnText": "ரத்து செய்"
+            }
+        }
     },
     "masterdataupload": {
         "title": "முதன்மை தரவு பதிவேற்றம்"