feat: grid area overview - status filter

Energinet-DataHub · Oct 24, 2024 · 5e015f3 · 5e015f3
1 parent 805ad99
commit 5e015f3
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 4 deletions.
diff --git a/libs/dh/globalization/assets-localization/src/assets/i18n/da.json b/libs/dh/globalization/assets-localization/src/assets/i18n/da.json
@@ -771,6 +771,7 @@
         "Dk2": "DK2"
       },
       "areaTypePlaceholder": "Vælg type",
+      "statusTypePlaceholder": "Vælg status",
       "status": {
         "Created": "Oprettet",
         "Active": "Aktiv",

diff --git a/libs/dh/globalization/assets-localization/src/assets/i18n/en.json b/libs/dh/globalization/assets-localization/src/assets/i18n/en.json
@@ -772,6 +772,7 @@
         "Dk2": "DK2"
       },
       "areaTypePlaceholder": "Choose type",
+      "statusTypePlaceholder": "Choolse status",
       "status": {
         "Created": "Created",
         "Active": "Active",

diff --git a/...cipant/grid-areas/overview/src/lib/dh-market-participant-gridarea-overview.component.html b/...cipant/grid-areas/overview/src/lib/dh-market-participant-gridarea-overview.component.html
@@ -29,7 +29,7 @@ <h3>{{ t("topBarTitle") }}</h3>
       }}</watt-button>
     </vater-stack>
 
-    <vater-stack align="flex-start" gap="m">
+    <vater-stack direction="row" align="flex-start" gap="m">
       <watt-dropdown
         sortDirection="asc"
         dhDropdownTranslator
@@ -39,6 +39,16 @@ <h3>{{ t("topBarTitle") }}</h3>
         [(ngModel)]="selectedGridAreaType"
         [placeholder]="t('areaTypePlaceholder')"
       />
+      <watt-dropdown
+        sortDirection="asc"
+        dhDropdownTranslator
+        translateKey="marketParticipant.gridAreas.status"
+        [options]="gridAreaStatusOptions"
+        [multiple]="true"
+        [chipMode]="true"
+        [(ngModel)]="selectedGridAreaStatusOptions"
+        [placeholder]="t('statusTypePlaceholder')"
+      />
     </vater-stack>
     <vater-flex fill="vertical" scrollable>
       <watt-table

diff --git a/...ticipant/grid-areas/overview/src/lib/dh-market-participant-gridarea-overview.component.ts b/...ticipant/grid-areas/overview/src/lib/dh-market-participant-gridarea-overview.component.ts
@@ -118,15 +118,25 @@ export class DhMarketParticipantGridAreaOverviewComponent {
 
   gridAreaTypeOptions = dhEnumToWattDropdownOptions(GridAreaType, [GridAreaType.NotSet]);
 
+  gridAreaStatusOptions = Object.keys(GridAreaStatus).map((key) => ({
+    displayValue: key,
+    value: key,
+  }));
+
+  selectedGridAreaStatusOptions = signal<GridAreaStatus[] | null>([GridAreaStatus.Active]);
+
   selectedGridAreaType = signal<GridAreaType | null>(null);
 
   readonly dataSource = new WattTableDataSource<GridAreaOverviewRow>();
 
   constructor() {
     effect(() => {
-      this.dataSource.data = this.gridAreas()?.filter(
-        (x) => x.type === this.selectedGridAreaType() || this.selectedGridAreaType() === null
-      );
+      const statuses = this.selectedGridAreaStatusOptions();
+      return (this.dataSource.data = this.gridAreas()?.filter(
+        (x) =>
+          (x.type === this.selectedGridAreaType() || this.selectedGridAreaType() === null) &&
+          (statuses === null || statuses.includes(x.status))
+      ));
     });
   }