Set data-path attribute on inputs #3488

enonic · May 21, 2024 · ad17642 · ad17642
1 parent c300177
commit ad17642
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/main/resources/assets/admin/common/js/form/inputtype/support/InputOccurrenceView.ts b/src/main/resources/assets/admin/common/js/form/inputtype/support/InputOccurrenceView.ts
@@ -162,6 +162,10 @@ export class InputOccurrenceView
             }
         };
 
+        const updatePathCall = setInterval(() => {
+            this.updateInputElDataPath();
+        }, 1000);
+
         this.onRemoved(() => {
             if (this.property) {
                 this.property.unPropertyValueChanged(this.propertyValueChangedHandler);
@@ -170,6 +174,8 @@ export class InputOccurrenceView
             if (this.inputTypeView) {
                 this.inputTypeView.unOccurrenceValueChanged(this.occurrenceValueChangedHandler);
             }
+
+            clearInterval(updatePathCall);
         });
 
         this.removeButtonEl.onClicked((event: MouseEvent) => {
@@ -203,4 +209,9 @@ export class InputOccurrenceView
         this.validationErrorBlock.setHtml(errorMessage);
         this.toggleClass('invalid', !!errorMessage);
     }
+
+    private updateInputElDataPath(): void {
+        this.inputElement.getEl().setAttribute('data-path', this.getDataPath()?.toString().replace(/\./g, '/'));
+    }
+
 }