dynamic field

frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/chart-config/chart-config-manager.component.ts

@@ -609,23 +609,12 @@ export class ChartConfigManagerComponent implements OnInit {
 
     this.dynamicFieldLoadingState = ClrLoadingState.LOADING;
     
-    // Create a complete chartType object with only the ID
+    // Remove the chartType from the dynamic field data since we're passing it as a parameter
-    const chartTypeWithId = { 
+    const dynamicFieldData = { ...this.newDynamicField };
-      id: this.selectedChartType.id,
+    // Remove chartType property if it exists
-      name: '',
+    delete (dynamicFieldData as any).chartType;
-      displayName: '',
-      description: '',
-      isActive: true,
-      createdAt: '',
-      updatedAt: ''
-    };
 
-    const dynamicFieldData = {
+    this.dynamicFieldService.createDynamicField(dynamicFieldData, this.selectedChartType.id).subscribe({
-      ...this.newDynamicField,
-      chartType: chartTypeWithId
-    };
-
-    this.dynamicFieldService.createDynamicField(dynamicFieldData).subscribe({
       next: (data) => {
         this.dynamicFields.push(data);
         this.newDynamicField = {};

frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/chart-config/dynamic-field.service.ts

@@ -23,9 +23,13 @@ export class DynamicFieldService {
     return this.apiRequest.get(url);
   }
 
-  // Create new dynamic field
+  // Create new dynamic field with optional chart type ID as parameter
-  createDynamicField(dynamicField: Partial<DynamicField>): Observable<DynamicField> {
+  createDynamicField(dynamicField: Partial<DynamicField>, chartTypeId?: number): Observable<DynamicField> {
-    return this.apiRequest.post(this.dynamicFieldsUrl, dynamicField);
+    let url = this.dynamicFieldsUrl;
+    if (chartTypeId) {
+      url = `${this.dynamicFieldsUrl}?chartTypeId=${chartTypeId}`;
+    }
+    return this.apiRequest.post(url, dynamicField);
   }
 
   // Update dynamic field

frontend/angular-clarity-master/src/app/modules/main/builder/dashboardnew/chart-type-manager/chart-type-fields.component.ts

@@ -105,7 +105,7 @@ export class ChartTypeFieldsComponent implements OnInit {
     };
 
     this.loadingState = ClrLoadingState.LOADING;
-    this.dynamicFieldService.createDynamicField(fieldData).subscribe({
+    this.dynamicFieldService.createDynamicField(fieldData, this.chartType.id).subscribe({
       next: (data) => {
         this.dynamicFields.push(data);
         this.newDynamicField = { isRequired: false, showInUi: true };