@c8y/ngx-components 1023.48.3 → 1023.52.0

package/fesm2022/c8y-ngx-components-datapoint-explorer-view.mjs

@@ -10,6 +10,7 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i2$1 from '@angular/forms';
 import { FormBuilder, FormsModule, ReactiveFormsModule, FormControl, FormGroup, Validators } from '@angular/forms';
 import { Router, ActivatedRoute, NavigationStart } from '@angular/router';
+import { InventoryService, MeasurementService } from '@c8y/client';
 import * as i4$1 from '@c8y/ngx-components/alarm-event-selector';
 import { AlarmEventSelectorModule } from '@c8y/ngx-components/alarm-event-selector';
 import * as i1 from '@c8y/ngx-components/context-dashboard';
@@ -28,8 +29,7 @@ import { PopoverModule } from 'ngx-bootstrap/popover';
 import { INTERVALS } from '@c8y/ngx-components/interval-picker';
 import { TimeContextComponent } from '@c8y/ngx-components/time-context';
 import { BsModalService } from 'ngx-bootstrap/modal';
-import { firstValueFrom, merge, of, map as map$1 } from 'rxjs';
-import { InventoryService } from '@c8y/client';
+import { firstValueFrom, merge, of, map as map$1, filter, take } from 'rxjs';
 import * as i3 from '@angular/common';
 import { ReportDashboardModule, ReportDashboardService } from '@c8y/ngx-components/report-dashboard';
 import { map } from 'rxjs/operators';
@@ -813,7 +813,8 @@ class DatapointExplorerComponent {
         this.canAddReport = false;
         this.datapointSelectDefaultFormOptions = {
             showRange: true,
-            showChart: true
+            showChart: true,
+            showAdvancedChartOptions: false
         };
         /** Flag to skip onTimeContextChange during zoom handling */
         this.isHandlingZoom = false;
@@ -835,6 +836,7 @@ class DatapointExplorerComponent {
         this.chartHelpersService = inject(ChartHelpersService);
         this.gainsightService = inject(GainsightService);
         this.datapointSyncService = inject(DatapointSyncService);
+        this.measurementService = inject(MeasurementService);
         this.formGroup = this.initForm();
         this.settings$ = this.activatedRoute.data.pipe(map$1(data => data.settings));
     }
@@ -857,6 +859,13 @@ class DatapointExplorerComponent {
                 aggregation: this.config.aggregation
             };
         }
+        this.formGroup.controls.datapoints.valueChanges
+            .pipe(takeUntilDestroyed(this.#destroyRef), filter(value => value.length > 0), take(1))
+            .subscribe(async (value) => {
+            const isMigrated = await this.detectTimeSeriesMigration(value[0]);
+            this.datapointSelectDefaultFormOptions.showAdvancedChartOptions = isMigrated;
+            this.formGroup.patchValue({ showAdvancedChartOptions: isMigrated }, { emitEvent: false });
+        });
         this.formGroup.valueChanges
             .pipe(takeUntilDestroyed(this.#destroyRef))
             .subscribe(configChange => {
@@ -1103,6 +1112,25 @@ class DatapointExplorerComponent {
             // else: modal was closed
         }
     }
+    /**
+     * DEPRECATED: to be removed when there is another way to identify time series migration.
+     * This method checks if the tenant is migrated to time series by making a call to measurement detail endpoint.
+     * If the endpoint returns 405, it means the tenant is migrated. This is a workaround for now until we have a
+     * better way to identify time series migration.
+     */
+    async detectTimeSeriesMigration(firstDp) {
+        const targetId = firstDp?.__target?.id;
+        if (!targetId) {
+            return false;
+        }
+        try {
+            await this.measurementService.detail(targetId);
+            return false;
+        }
+        catch (err) {
+            return err?.res?.status === 405;
+        }
+    }
     isActualDate(val) {
         if (!val)
             return false;
@@ -1188,7 +1216,8 @@ class DatapointExplorerComponent {
             displayDateSelection: [false, []],
             yAxisSplitLines: [false],
             xAxisSplitLines: [false],
-            numberOfDecimalPlaces: [2, [Validators.required, Validators.min(0), Validators.max(10)]]
+            numberOfDecimalPlaces: [2, [Validators.required, Validators.min(0), Validators.max(10)]],
+            showAdvancedChartOptions: [false]
         });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DatapointExplorerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }