set datasetid

src/app/portal-manage/dashboard-management/dashboard-management.component.html

@@ -85,6 +85,7 @@
           </option>
         </select>
         <app-dataset-picker
+          [selectedDatasetId]="dashboardData?.datasetId"
           (datasetSelected)="onDatasetSelected($event)"
         ></app-dataset-picker>
         <div *ngIf="dashboardData" class="relative flex items-center">

src/app/portal-manage/dashboard-management/dashboard-management.component.ts

@@ -643,6 +643,7 @@ export class DashboardManagementComponent implements OnInit {
   }
 
   saveLayout(): void {
+    console.log('saveLayout called. Dashboard data to save:', this.dashboardData);
     if (!this.dashboardData) return;
 
     const dataFetchTasks: Observable<any>[] = this.dashboardData.widgets
@@ -777,8 +778,10 @@ export class DashboardManagementComponent implements OnInit {
   }
 
   onPanelChange(args: any): void {
+    console.log('onPanelChange triggered:', args);
     if (this.dashboardData && args.changedPanels) {
       args.changedPanels.forEach((changedPanel: PanelModel) => {
+        console.log('Panel changed:', changedPanel);
         const widgetIndex = this.dashboardData!.widgets.findIndex(w => w.widgetId === changedPanel.id);
         if (widgetIndex > -1) {
           const updatedWidget = { ...this.dashboardData!.widgets[widgetIndex] };
@@ -787,10 +790,12 @@ export class DashboardManagementComponent implements OnInit {
           updatedWidget.x = changedPanel.col!;
           updatedWidget.y = changedPanel.row!;
           this.dashboardData!.widgets[widgetIndex] = updatedWidget;
+          console.log('Updated widget data:', updatedWidget);
         }
       });
+      console.log('Current dashboard data after change:', this.dashboardData);
       // Save the updated dashboard after all panels have been processed
-      this.dashboardDataService.saveDashboard(this.dashboardData!).subscribe();
+      // this.dashboardDataService.saveDashboard(this.dashboardData!).subscribe();
     }
   }
 }

src/app/portal-manage/dashboard-management/dataset-picker.component.html

 <div class="dataset-picker-container">
   <label for="dataset-select">Select Dataset:</label>
-  <select id="dataset-select" (change)="onDatasetChange($event)">
+  <select id="dataset-select" [ngModel]="selectedDatasetId" (change)="onDatasetChange($event)">
     <option value="">-- Please choose a dataset --</option>
     <option *ngFor="let dataset of datasets$ | async" [value]="dataset.id">
       {{ dataset.name }}

src/app/portal-manage/dashboard-management/dataset-picker.component.ts

 
-import { Component, OnInit, Output, EventEmitter } from '@angular/core';
+import { Component, OnInit, Output, EventEmitter, Input } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { FormsModule } from '@angular/forms';
 import { Observable } from 'rxjs';
@@ -17,6 +17,7 @@ import { DatasetService } from '../services/dataset.service';
 export class DatasetPickerComponent implements OnInit {
 
   datasets$: Observable<DatasetModel[]>;
+  @Input() selectedDatasetId: string | null | undefined;
   @Output() datasetSelected = new EventEmitter<string>();
 
   constructor(private datasetService: DatasetService) { }