Move default refresh interval settings to time selection service

apache · Nov 25, 2024 · cf46c32 · cf46c32
1 parent 25ab4b6
commit cf46c32
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 46 deletions.
diff --git a/...components/time-selector/refresh-interval-settings/refresh-interval-settings.component.ts b/...components/time-selector/refresh-interval-settings/refresh-interval-settings.component.ts
@@ -30,52 +30,8 @@ export class DataExplorerRefreshIntervalSettingsComponent implements OnInit {
     intervalSettingsChangedEmitter: EventEmitter<DashboardLiveSettings> =
         new EventEmitter<DashboardLiveSettings>();
 
-    availableOptions: DashboardLiveSettings[] = [
-        {
-            label: 'Off',
-            refreshModeActive: false,
-        },
-        {
-            label: '1 sec',
-            refreshModeActive: true,
-            refreshIntervalInSeconds: 1,
-        },
-        {
-            label: '2 sec',
-            refreshModeActive: true,
-            refreshIntervalInSeconds: 2,
-        },
-        {
-            label: '5 sec',
-            refreshModeActive: true,
-            refreshIntervalInSeconds: 5,
-        },
-        {
-            label: '10 sec',
-            refreshModeActive: true,
-            refreshIntervalInSeconds: 10,
-        },
-        {
-            label: '30 sec',
-            refreshModeActive: true,
-            refreshIntervalInSeconds: 30,
-        },
-        {
-            label: '1 min',
-            refreshModeActive: true,
-            refreshIntervalInSeconds: 60,
-        },
-        {
-            label: '5 min',
-            refreshModeActive: true,
-            refreshIntervalInSeconds: 300,
-        },
-        {
-            label: '30 min',
-            refreshModeActive: true,
-            refreshIntervalInSeconds: 60 * 30,
-        },
-    ];
+    @Input()
+    availableOptions: DashboardLiveSettings[];
 
     ngOnInit() {
         if (!this.liveSettings?.label) {

diff --git a/...streampipes/shared-ui/src/lib/components/time-selector/time-range-selector.component.html b/...streampipes/shared-ui/src/lib/components/time-selector/time-range-selector.component.html
@@ -93,6 +93,7 @@
             (intervalSettingsChangedEmitter)="
                 intervalSettingsChangedEmitter.emit($event)
             "
+            [availableOptions]="availableOptions"
         >
         </sp-data-explorer-refresh-interval-settings-component>
     </div>

diff --git a/...s/streampipes/shared-ui/src/lib/components/time-selector/time-range-selector.component.ts b/...s/streampipes/shared-ui/src/lib/components/time-selector/time-range-selector.component.ts
@@ -74,6 +74,9 @@ export class TimeRangeSelectorComponent implements OnInit, OnChanges {
     @Input()
     quickSelections: QuickTimeSelection[];
 
+    @Input()
+    availableOptions: DashboardLiveSettings[];
+
     @Input()
     labels: TimeSelectorLabel;
 
@@ -93,6 +96,8 @@ export class TimeRangeSelectorComponent implements OnInit, OnChanges {
         this.quickSelections ??=
             this.timeSelectionService.defaultQuickTimeSelections;
         this.labels ??= this.timeSelectionService.defaultLabels;
+        this.availableOptions ??=
+            this.timeSelectionService.defaultAvailableLiveSettingsOptions;
         this.createDateString();
     }
 

diff --git a/ui/projects/streampipes/shared-ui/src/lib/services/time-selection.service.ts b/ui/projects/streampipes/shared-ui/src/lib/services/time-selection.service.ts
@@ -19,6 +19,7 @@
 import { Injectable } from '@angular/core';
 import { Subject } from 'rxjs';
 import {
+    DashboardLiveSettings,
     DateRange,
     QuickTimeSelection,
     TimeSelectionConstants,
@@ -128,6 +129,53 @@ export class TimeSelectionService {
         },
     ];
 
+    defaultAvailableLiveSettingsOptions: DashboardLiveSettings[] = [
+        {
+            label: 'Off',
+            refreshModeActive: false,
+        },
+        {
+            label: '1 sec',
+            refreshModeActive: true,
+            refreshIntervalInSeconds: 1,
+        },
+        {
+            label: '2 sec',
+            refreshModeActive: true,
+            refreshIntervalInSeconds: 2,
+        },
+        {
+            label: '5 sec',
+            refreshModeActive: true,
+            refreshIntervalInSeconds: 5,
+        },
+        {
+            label: '10 sec',
+            refreshModeActive: true,
+            refreshIntervalInSeconds: 10,
+        },
+        {
+            label: '30 sec',
+            refreshModeActive: true,
+            refreshIntervalInSeconds: 30,
+        },
+        {
+            label: '1 min',
+            refreshModeActive: true,
+            refreshIntervalInSeconds: 60,
+        },
+        {
+            label: '5 min',
+            refreshModeActive: true,
+            refreshIntervalInSeconds: 300,
+        },
+        {
+            label: '30 min',
+            refreshModeActive: true,
+            refreshIntervalInSeconds: 60 * 30,
+        },
+    ];
+
     public getDateRange(quickSelection: QuickTimeSelection): DateRange {
         const now = new Date();
         return {