SNRGY-3650 fix ngControl error in chart widget edit dialog

SENERGY-Platform · Dec 2, 2024 · 115b4ef · 115b4ef
1 parent ba51ec1
commit 115b4ef
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/app/core/directives/matError.directive.ts b/src/app/core/directives/matError.directive.ts
@@ -51,7 +51,13 @@ export class MatErrorMessagesDirective implements AfterViewInit, OnDestroy {
         const container = this._inj.get(MatFormField);
         this.inputRef = container._control;
         if (this.formControl == null) {
-            this.formControl = this.inputRef.ngControl.control;
+            try {
+                this.formControl = this.inputRef.ngControl.control;
+            } catch (e) {
+                throw new Error('FormControl must be provided to mat-error with label: ' + this.label + '\n This ' +
+                    'can be done by using formControlName, formControl, or ngModel in the relevant mat-form-field. ' +
+                    'If there is no FormControl needed for the mat-form-field, then the mat-error is redundant, too.');
+            }
         }
 
         //console.log(this.label, ' inputRef: ', this.inputRef);

diff --git a/src/app/widgets/charts/export/dialog/charts-export-edit-dialog.component.html b/src/app/widgets/charts/export/dialog/charts-export-edit-dialog.component.html
@@ -75,7 +75,6 @@ <h2>Configure Chart</h2>
                         <mat-form-field color="accent" appearance="outline" class="full-width">
                             <mat-label>X-Axis</mat-label>
                             <input type="text" matInput value="time" disabled>
-                            <mat-error senergyError label="X-Axis"></mat-error>
                         </mat-form-field>
                     </td>
                     <td>