Added ortoo Id generation to the confirmation dialog

OrtooApps · Jan 11, 2022 · b283f97 · b283f97
1 parent 0916a86
commit b283f97
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/framework/default/ortoo-core/default/lwc/confirmationDialog/confirmationDialog.html b/framework/default/ortoo-core/default/lwc/confirmationDialog/confirmationDialog.html
@@ -2,6 +2,7 @@
     <c-modal
         visible={visible}
         oncancel={handleCancel}
+        data-ortoo-elem-id={modalId}
     >
 
         <div slot="title">
@@ -15,20 +16,18 @@
         <div slot="footer">
 
             <lightning-button
+                data-ortoo-elem-id={cancelId}
                 class="slds-p-around_xxx-small"
                 variant="neutral"
-                name="cancel"
-                data-name="cancel"
                 label={cancelLabel}
                 title={cancelLabel}
                 onclick={handleCancel}
             ></lightning-button>
 
             <lightning-button
+                data-ortoo-elem-id={confirmId}
                 class="slds-p-around_xxx-small"
                 variant="brand"
-                name="confirm"
-                data-name="confirm"
                 label={confirmLabel}
                 title={confirmLabel}
                 onclick={handleConfirm}

diff --git a/framework/default/ortoo-core/default/lwc/confirmationDialog/confirmationDialog.js b/framework/default/ortoo-core/default/lwc/confirmationDialog/confirmationDialog.js
@@ -1,4 +1,5 @@
 import { LightningElement, api } from 'lwc';
+import configureElementIdGenerator from 'c/elementIdGenerator';
 
 import CONFIRM_LABEL from '@salesforce/label/c.ortoo_core_confirm';
 import CANCEL_LABEL from '@salesforce/label/c.ortoo_core_cancel';
@@ -70,7 +71,16 @@ export default class ConfirmationDialog extends LightningElement {
 
     @api visible;
 
+    @api ortooElemIdPrefix = 'confirmation';
+
+    ortooIdConfiguration = {
+        modalId: '',
+        cancelId: 'cancel',
+        confirmId: 'confirm',
+    }
+
     connectedCallback() {
+        configureElementIdGenerator( this );
         this.confirmLabel = this.confirmLabel ? this.confirmLabel : buttonLabels[ this.type ].confirm;
         this.cancelLabel = this.cancelLabel ? this.cancelLabel : buttonLabels[ this.type ].cancel;
     }