Refactor chart asset filter

apache · Jan 27, 2025 · 187fb35 · 187fb35
1 parent 80761ce
commit 187fb35
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 5 deletions.
diff --git a/...omponents/overview/data-explorer-overview-table/data-explorer-overview-table.component.ts b/...omponents/overview/data-explorer-overview-table/data-explorer-overview-table.component.ts
@@ -16,10 +16,11 @@
  *
  */
 
-import { Component } from '@angular/core';
+import { Component, EventEmitter, Output } from '@angular/core';
 import { SpDataExplorerOverviewDirective } from '../data-explorer-overview.directive';
 import { MatTableDataSource } from '@angular/material/table';
 import {
+    Dashboard,
     DataExplorerWidgetModel,
     DataViewDataExplorerService,
 } from '@streampipes/platform-services';
@@ -41,6 +42,11 @@ import { MatDialog } from '@angular/material/dialog';
 export class SpDataExplorerDataViewOverviewComponent extends SpDataExplorerOverviewDirective {
     dataSource = new MatTableDataSource<DataExplorerWidgetModel>();
     displayedColumns: string[] = [];
+    charts: DataExplorerWidgetModel[] = [];
+    filteredCharts: DataExplorerWidgetModel[] = [];
+
+    @Output()
+    resourceCountEmitter: EventEmitter<number> = new EventEmitter();
 
     constructor(
         private dataViewService: DataViewDataExplorerService,
@@ -61,12 +67,13 @@ export class SpDataExplorerDataViewOverviewComponent extends SpDataExplorerOverv
 
     getDataViews(): void {
         this.dataViewService.getAllWidgets().subscribe(widgets => {
-            widgets = widgets.sort((a, b) =>
+            this.charts = widgets.sort((a, b) =>
                 a.baseAppearanceConfig.widgetTitle.localeCompare(
                     b.baseAppearanceConfig.widgetTitle,
                 ),
             );
-            this.dataSource.data = widgets;
+            this.resourceCountEmitter.emit(this.charts.length);
+            this.applyChartFilters();
         });
     }
 
@@ -110,4 +117,15 @@ export class SpDataExplorerDataViewOverviewComponent extends SpDataExplorerOverv
             }
         });
     }
+
+    applyChartFilters(elementIds: Set<string> = new Set<string>()): void {
+        this.filteredCharts = this.charts.filter(a => {
+            if (elementIds.size === 0) {
+                return true;
+            } else {
+                return elementIds.has(a.elementId);
+            }
+        });
+        this.dataSource.data = this.filteredCharts;
+    }
 }
diff --git a/ui/src/app/data-explorer/components/overview/data-explorer-overview.component.html b/ui/src/app/data-explorer/components/overview/data-explorer-overview.component.html
@@ -17,7 +17,7 @@
   -->
 
 <sp-asset-browser
-    filteredAssetLinkType="data-view"
+    filteredAssetLinkType="chart"
     allResourcesAlias="Charts"
     [resourceCount]="resourceCount"
     (filterIdsEmitter)="applyChartFilters($event)"
@@ -44,7 +44,9 @@
             </button>
         </div>
         <div fxFlex="100" fxLayout="column">
-            <sp-data-explorer-overview-table></sp-data-explorer-overview-table>
+            <sp-data-explorer-overview-table
+                (resourceCountEmitter)="resourceCount = $event"
+            ></sp-data-explorer-overview-table>
         </div>
     </sp-basic-view>
 </sp-asset-browser>