Merge pull request 'OZG-4994 OZG-5078 add navi element with number of Vorgänge...

Merge pull request 'OZG-4994 OZG-5078 add navi element with number of Vorgänge with unread messages' (#423) from OZG-4994-5078-add-ungelesene-nachrichten-navi into OZG-4994-ansicht-vorgaenge-mit-ungelesene-nachrichten

Reviewed-on: https://git.ozg-sh.de/ozgcloud-app/alfa/pulls/423

alfa-client/libs/api-root-shared/src/lib/api-root.linkrel.ts

@@ -51,6 +51,9 @@ export enum ApiRootLinkRel {
   ALL_WIEDERVORLAGEN = 'vorgaenge_wiedervorlagen_all',
   MY_WIEDERVORLAGEN = 'vorgaenge_wiedervorlagen_my',
   UNASSIGNED_WIEDERVORLAGEN = 'vorgaenge_wiedervorlagen_unassigned',
+  ALL_UNGELESENE_NACHRICHTEN = 'vorgaenge_ungelesene_nachrichten_all',
+  MY_UNGELESENE_NACHRICHTEN = 'vorgaenge_ungelesene_nachrichten_my',
+  UNASSIGNED_UNGELESENE_NACHRICHTEN = 'vorgaenge_ungelesene_nachrichten_unassigned',
   ALLE_VORGAENGE_ZU_LOESCHEN = 'vorgaenge_zu_loeschen_all',
   MEINE_VORGAENGE_ZU_LOESCHEN = 'vorgaenge_zu_loeschen_my',
   UNASSIGNED_ZU_LOESCHEN = 'vorgaenge_zu_loeschen_unassigned',

alfa-client/libs/vorgang-shared/src/lib/+state/vorgang.reducer.ts

@@ -143,6 +143,7 @@ function createEmptyVorgangStatistic(): VorgangStatistic {
     },
     wiedervorlagen: null,
     existsWiedervorlageOverdue: false,
+    ungeleseneNachrichten: 0,
   };
 }
 

alfa-client/libs/vorgang-shared/src/lib/vorgang.model.ts

@@ -109,6 +109,7 @@ export interface VorgangStatistic {
   byStatus: ByStatus;
   wiedervorlagen: number;
   existsWiedervorlageOverdue: boolean;
+  ungeleseneNachrichten: number;
 }
 
 export interface ByStatus {
@@ -163,6 +164,7 @@ export enum VorgangView {
   WIEDERVORLAGEN,
   SEARCH,
   ZU_LOESCHEN,
+  UNGELESENE_NACHRICHTEN,
 }
 
 export interface StatusCommandMap {

alfa-client/libs/vorgang-shared/test/vorgang.ts

@@ -145,6 +145,7 @@ export function createVorgangStatistic(): VorgangStatistic {
     byStatus: createByStatus(),
     wiedervorlagen: faker.datatype.number(),
     existsWiedervorlageOverdue: false,
+    ungeleseneNachrichten: faker.datatype.number(),
   };
 }
 

alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-views-menu/vorgang-views-menu.component.html

@@ -130,6 +130,22 @@
     >
       <div class="dot zu-loeschen"></div>
     </alfa-vorgang-view-item-container>
+    <alfa-vorgang-view-item-container
+      *ngIf="
+        apiRootResource
+          | hasAnyLink
+            : apiRootLinkRel.ALL_UNGELESENE_NACHRICHTEN
+            : apiRootLinkRel.MY_UNGELESENE_NACHRICHTEN
+            : apiRootLinkRel.UNASSIGNED_UNGELESENE_NACHRICHTEN
+      "
+      data-test-id="vorgang-ungelesene-nachrichten-view"
+      label="Ungelesen"
+      [view]="vorgangView.UNGELESENE_NACHRICHTEN"
+      [count]="statistic.ungeleseneNachrichten"
+      class="top-border"
+    >
+      <ozgcloud-postfach-icon [showBadge]="true"></ozgcloud-postfach-icon>
+    </alfa-vorgang-view-item-container>
     <alfa-vorgang-view-item-container
       *ngIf="
         apiRootResource
@@ -142,7 +158,6 @@
       label="Wiedervorlagen"
       [view]="vorgangView.WIEDERVORLAGEN"
       [count]="statistic.wiedervorlagen"
-      class="top-border"
     >
       <alfa-wiedervorlage-icon
         [isOverdue]="statistic.existsWiedervorlageOverdue"

alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-views-menu/vorgang-views-menu.component.scss

@@ -70,6 +70,7 @@ body.dark :host {
   }
 }
 
-ozgcloud-icon {
+ozgcloud-icon,
+ozgcloud-postfach-icon {
   margin-right: 6px;
 }

alfa-client/libs/vorgang/src/lib/vorgang-list-page-container/vorgang-list-page/vorgang-views-menu/vorgang-views-menu.component.spec.ts

@@ -25,7 +25,7 @@ import { ComponentFixture, TestBed } from '@angular/core/testing';
 import { ApiRootLinkRel } from '@alfa-client/api-root-shared';
 import { HasLinkPipe, createStateResource } from '@alfa-client/tech-shared';
 import { existsAsHtmlElement, notExistsAsHtmlElement } from '@alfa-client/test-utils';
-import { OzgcloudIconComponent } from '@alfa-client/ui';
+import { OzgcloudIconComponent, PostfachIconComponent } from '@alfa-client/ui';
 import { createApiRootResource } from 'libs/api-root-shared/test/api-root';
 import { HasAnyLinkPipe } from 'libs/tech-shared/src/lib/pipe/has-any-link.pipe';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
@@ -48,6 +48,7 @@ describe('VorgangViewsMenuComponent', () => {
   const abgeschlossenView: string = getDataTestIdOf('vorgang-abgeschlossen-view');
   const verworfenView: string = getDataTestIdOf('vorgang-verworfen-view');
   const wiedervorlagenView: string = getDataTestIdOf('vorgang-wiedervorlagen-view');
+  const ungeleseneNachrichtenView: string = getDataTestIdOf('vorgang-ungelesene-nachrichten-view');
   const vorgangListView: string = getDataTestIdOf('vorgang-vorgang-list-view');
   const searchView: string = getDataTestIdOf('vorgang-search-view');
 
@@ -62,6 +63,7 @@ describe('VorgangViewsMenuComponent', () => {
         MockComponent(VorgangViewItemComponent),
         MockComponent(VorgangSearchViewItemContainerComponent),
         MockComponent(OzgcloudIconComponent),
+        MockComponent(PostfachIconComponent),
       ],
     }).compileComponents();
 
@@ -215,6 +217,26 @@ describe('VorgangViewsMenuComponent', () => {
     });
   });
 
+  describe('ungelesene nachrichten view', () => {
+    it.each([
+      ApiRootLinkRel.ALL_UNGELESENE_NACHRICHTEN,
+      ApiRootLinkRel.MY_UNGELESENE_NACHRICHTEN,
+      ApiRootLinkRel.UNASSIGNED_UNGELESENE_NACHRICHTEN,
+    ])('should show if %s link exists', (linkRel: string) => {
+      component.apiRootResource = createApiRootResource([linkRel]);
+      fixture.detectChanges();
+
+      existsAsHtmlElement(fixture, ungeleseneNachrichtenView);
+    });
+
+    it('should hide if link not exists', () => {
+      component.apiRootResource = createApiRootResource();
+      fixture.detectChanges();
+
+      notExistsAsHtmlElement(fixture, ungeleseneNachrichtenView);
+    });
+  });
+
   describe('vorgangList view', () => {
     it.each([
       ApiRootLinkRel.ALLE_VORGAENGE,