OZG-6989 7278 archive menue item

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-archive-container/vorgang-archive-container.component.html

+<ozgcloud-button-with-spinner
+  dataTestId="archive-vorgang"
+  [showSpinner]="(archiveStateResource$ | async)?.loading"
+  (clickEmitter)="archive()"
+  text="Herunterladen"
+  icon="save_alt"
+/>
\ No newline at end of file

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-archive-container/vorgang-archive-container.component.spec.ts

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { createEmptyStateResource, createStateResource, StateResource } from '@alfa-client/tech-shared';
+import { mock } from '@alfa-client/test-utils';
+import { OzgcloudButtonWithSpinnerComponent } from '@alfa-client/ui';
+import { VorgangService } from '@alfa-client/vorgang-shared';
+import { MockComponent } from 'ng-mocks';
+import { describe } from 'node:test';
+import { of } from 'rxjs';
+import { VorgangArchiveContainerComponent } from './vorgang-archive-container.component';
+
+describe('VorgangArchiveContainerComponent', () => {
+  let component: VorgangArchiveContainerComponent;
+  let fixture: ComponentFixture<VorgangArchiveContainerComponent>;
+
+  const vorgangArchiveState: StateResource<boolean> = createStateResource(true);
+  const vorgangService = {
+    ...mock(VorgangService),
+    getVorgangArchive: jest.fn().mockReturnValue(of(createStateResource(vorgangArchiveState))),
+  };
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [VorgangArchiveContainerComponent, MockComponent(OzgcloudButtonWithSpinnerComponent)],
+      providers: [
+        {
+          provide: VorgangService,
+          useValue: vorgangService,
+        },
+      ],
+    }).compileComponents();
+
+    fixture = TestBed.createComponent(VorgangArchiveContainerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+
+  describe('component', () => {
+    describe('ngOnInit', () => {
+      it('should get archive', () => {
+        vorgangService.getVorgangArchive.mockReturnValueOnce(of(createEmptyStateResource<boolean>()));
+        component.ngOnInit();
+
+        expect(vorgangService.getVorgangArchive).toHaveBeenCalled();
+      });
+    });
+
+    describe('archiveDoneHandler', () => {
+      it('should closeMenu if archive is done', () => {
+        jest.spyOn(component.closeMenu, 'emit');
+        component.archiveDoneHandler(vorgangArchiveState);
+
+        expect(component.closeMenu.emit).toHaveBeenCalled();
+      });
+    });
+
+    describe('archive', () => {
+      it('should call archive', () => {
+        component.archive();
+
+        expect(vorgangService.archive).toHaveBeenCalled();
+      });
+    });
+  });
+});

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-archive-container/vorgang-archive-container.component.ts

+import { StateResource } from '@alfa-client/tech-shared';
+import { VorgangService, VorgangWithEingangResource } from '@alfa-client/vorgang-shared';
+import { Component, EventEmitter, inject, Input, OnInit, Output } from '@angular/core';
+import { Observable, tap } from 'rxjs';
+
+@Component({
+  selector: 'alfa-vorgang-archive-container',
+  templateUrl: './vorgang-archive-container.component.html',
+})
+export class VorgangArchiveContainerComponent implements OnInit {
+  private vorgangService = inject(VorgangService);
+
+  @Input() vorgangWithEingang: VorgangWithEingangResource;
+
+  @Output() public closeMenu: EventEmitter<void> = new EventEmitter();
+
+  public archiveStateResource$: Observable<StateResource<boolean>>;
+
+  ngOnInit(): void {
+    this.archiveStateResource$ = this.vorgangService
+      .getVorgangArchive()
+      .pipe(tap((vorgangArchiveStateResource) => this.archiveDoneHandler(vorgangArchiveStateResource)));
+  }
+
+  archiveDoneHandler(vorgangArchiveStateResource: StateResource<boolean>): void {
+    if (vorgangArchiveStateResource.resource) this.closeMenu.emit();
+  }
+
+  public archive(): void {
+    this.vorgangService.archive(this.vorgangWithEingang);
+  }
+}

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.html

@@ -8,6 +8,20 @@
   <ozgcloud-icon icon="more_horiz"></ozgcloud-icon>
 </button>
 <ozgcloud-menu #moreMenu data-test-id="more-menu">
+  <ozgcloud-menu-item
+    *ngIf="vorgangWithEingang | hasLink: vorgangWithEingangLinkRel.ARCHIVE"
+    data-test-id="vorgang-archive-button"
+    headline="Vorgang im DMS archivieren"
+    text="Alle Informationen und Anhänge werden zur Archivierung ins DMS gesendet. Der Vorgang wird nach der Archivierung in Alfa gelöscht."
+    icon="xdomea_file"
+    [iconSizeBig]="true"
+    (click)="$event.stopPropagation()"
+  >
+    <alfa-vorgang-archive-container
+      [vorgangWithEingang]="vorgangWithEingang"
+      (closeMenu)="closeMenu()"
+    ></alfa-vorgang-archive-container>
+  </ozgcloud-menu-item>
   <ozgcloud-menu-item
     data-test-id="vorgang-exportieren-button"
     headline="Vorgang exportieren"

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component.spec.ts

-import {
-  getElementFromDomRoot,
-  getElementFromFixture,
-  getMockComponent,
-  getMockComponents,
-} from '@alfa-client/test-utils';
+import { getElementFromDomRoot, getElementFromFixture, getMockComponent, getMockComponents } from '@alfa-client/test-utils';
 import { MenuItemComponent, OzgcloudIconComponent, UiModule } from '@alfa-client/ui';
 import { VorgangWithEingangLinkRel, VorgangWithEingangResource } from '@alfa-client/vorgang-shared';
 import { ChangeDetectorRef, SimpleChanges } from '@angular/core';
@@ -12,6 +7,7 @@ import { NoopAnimationsModule } from '@angular/platform-browser/animations';
 import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
 import { createVorgangWithEingangResource } from 'libs/vorgang-shared/test/vorgang';
 import { MockComponent } from 'ng-mocks';
+import { VorgangArchiveContainerComponent } from './vorgang-archive-container/vorgang-archive-container.component';
 import { VorgangDetailMoreMenuComponent } from './vorgang-detail-more-menu.component';
 import { VorgangExportContainerComponent } from './vorgang-export-container/vorgang-export-container.component';
 import { ProcessVorgangContainerComponent } from './vorgang-process-vorgang-container/vorgang-process-vorgang-container.component';
@@ -21,6 +17,7 @@ describe('VorgangDetailMoreMenuComponent', () => {
   let fixture: ComponentFixture<VorgangDetailMoreMenuComponent>;
 
   const moreMenuButton: string = getDataTestIdOf('more-menu-button');
+  const archiveMenuItem: string = getDataTestIdOf('vorgang-archive-button');
   const exportMenuItem: string = getDataTestIdOf('vorgang-exportieren-button');
   const processVorgangMenuItem: string = getDataTestIdOf('vorgang-process-vorgang-button');
 
@@ -32,6 +29,7 @@ describe('VorgangDetailMoreMenuComponent', () => {
         MockComponent(OzgcloudIconComponent),
         MockComponent(VorgangExportContainerComponent),
         MockComponent(ProcessVorgangContainerComponent),
+        MockComponent(VorgangArchiveContainerComponent),
       ],
       imports: [UiModule, NoopAnimationsModule],
     }).compileComponents();
@@ -114,9 +112,7 @@ describe('VorgangDetailMoreMenuComponent', () => {
   });
 
   describe('export menu item', () => {
-    const vorgangWithEingang: VorgangWithEingangResource = createVorgangWithEingangResource([
-      VorgangWithEingangLinkRel.EXPORT,
-    ]);
+    const vorgangWithEingang: VorgangWithEingangResource = createVorgangWithEingangResource([VorgangWithEingangLinkRel.EXPORT]);
 
     beforeEach(() => {
       component.buttonEnabled = true;
@@ -142,7 +138,7 @@ describe('VorgangDetailMoreMenuComponent', () => {
       it('should contains headline', () => {
         getElementFromFixture(fixture, moreMenuButton).click();
 
-        const menuItem: MenuItemComponent = getMockComponent(fixture, MenuItemComponent);
+        const menuItem: MenuItemComponent = getMockComponents(fixture, MenuItemComponent)[0];
 
         expect(menuItem.headline).toBe('Vorgang exportieren');
       });
@@ -150,17 +146,15 @@ describe('VorgangDetailMoreMenuComponent', () => {
       it('should contains text', () => {
         getElementFromFixture(fixture, moreMenuButton).click();
 
-        const menuItem: MenuItemComponent = getMockComponent(fixture, MenuItemComponent);
+        const menuItem: MenuItemComponent = getMockComponents(fixture, MenuItemComponent)[0];
 
-        expect(menuItem.text).toBe(
-          'Alle Informationen und Anhänge des Vorgangs zur Archivierung im DMS.',
-        );
+        expect(menuItem.text).toBe('Alle Informationen und Anhänge des Vorgangs zur Archivierung im DMS.');
       });
 
       it('should contains icon', () => {
         getElementFromFixture(fixture, moreMenuButton).click();
 
-        const menuItem: MenuItemComponent = getMockComponent(fixture, MenuItemComponent);
+        const menuItem: MenuItemComponent = getMockComponents(fixture, MenuItemComponent)[0];
 
         expect(menuItem.icon).toBe('xdomea_file');
       });
@@ -168,19 +162,70 @@ describe('VorgangDetailMoreMenuComponent', () => {
       it('should contains iconSizeBig', () => {
         getElementFromFixture(fixture, moreMenuButton).click();
 
-        const menuItem: MenuItemComponent = getMockComponent(fixture, MenuItemComponent);
+        const menuItem: MenuItemComponent = getMockComponents(fixture, MenuItemComponent)[0];
 
         expect(menuItem.iconSizeBig).toBeTruthy();
       });
-
       describe('for button', () => {
         it.skip('should contains vorgangWithEingang', () => {
           getElementFromFixture(fixture, moreMenuButton).click();
 
-          const button: ProcessVorgangContainerComponent = getMockComponent(
-            fixture,
-            ProcessVorgangContainerComponent,
+          const button: VorgangExportContainerComponent = getMockComponent(fixture, VorgangExportContainerComponent);
+
+          expect(button.vorgangWithEingang).toBe(vorgangWithEingang);
+        });
+      });
+    });
+  });
+
+  describe('archive menu item', () => {
+    const vorgangWithEingang: VorgangWithEingangResource = createVorgangWithEingangResource([VorgangWithEingangLinkRel.ARCHIVE]);
+
+    beforeEach(() => {
+      component.buttonEnabled = true;
+      component.vorgangWithEingang = vorgangWithEingang;
+      fixture.detectChanges();
+      getElementFromFixture(fixture, moreMenuButton).click();
+      fixture.detectChanges();
+    });
+
+    it('should be visible', () => {
+      const archiveElement: HTMLElement = getElementFromDomRoot(fixture, archiveMenuItem);
+
+      expect(archiveElement).toBeInTheDocument();
+    });
+
+    describe('input', () => {
+      let menuItem: MenuItemComponent;
+
+      beforeEach(() => {
+        menuItem = getMockComponent(fixture, MenuItemComponent);
+      });
+
+      it('should contains headline', () => {
+        expect(menuItem.headline).toBe('Vorgang im DMS archivieren');
+      });
+
+      it('should contains text', () => {
+        expect(menuItem.text).toBe(
+          'Alle Informationen und Anhänge werden zur Archivierung ins DMS gesendet. Der Vorgang wird nach der Archivierung in Alfa gelöscht.',
         );
+      });
+
+      it('should contains icon', () => {
+        // TODO: change icon
+        expect(menuItem.icon).toBe('xdomea_file');
+      });
+
+      it('should contains iconSizeBig', () => {
+        expect(menuItem.iconSizeBig).toBeTruthy();
+      });
+
+      describe('for button', () => {
+        it.skip('should contains vorgangWithEingang', () => {
+          getElementFromFixture(fixture, moreMenuButton).click();
+
+          const button: VorgangArchiveContainerComponent = getMockComponent(fixture, VorgangArchiveContainerComponent);
 
           expect(button.vorgangWithEingang).toBe(vorgangWithEingang);
         });
@@ -237,9 +282,7 @@ describe('VorgangDetailMoreMenuComponent', () => {
 
         const menuItem: MenuItemComponent = getMockComponents(fixture, MenuItemComponent)[1];
 
-        expect(menuItem.text).toBe(
-          'Eine Vorprüfung wird durchgeführt. Das Ergebnis wird als Kommentar hinzugefügt.',
-        );
+        expect(menuItem.text).toBe('Eine Vorprüfung wird durchgeführt. Das Ergebnis wird als Kommentar hinzugefügt.');
       });
 
       it('should contains icon', () => {
@@ -262,10 +305,7 @@ describe('VorgangDetailMoreMenuComponent', () => {
         it.skip('should contains vorgangWithEingang', () => {
           getElementFromFixture(fixture, moreMenuButton).click();
 
-          const button: VorgangExportContainerComponent = getMockComponent(
-            fixture,
-            VorgangExportContainerComponent,
-          );
+          const button: ProcessVorgangContainerComponent = getMockComponent(fixture, ProcessVorgangContainerComponent);
 
           expect(button.vorgangWithEingang).toBe(vorgangWithEingang);
         });

alfa-client/libs/vorgang-detail/src/lib/vorgang-detail.module.ts

@@ -110,6 +110,7 @@ import { VorgangDetailBescheidenUeberspringenDialogComponent } from './vorgang-d
 import { VorgangDetailBescheidenStepsComponent } from './vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-steps.component';
 import { VorgangDetailBescheidenWeiterButtonComponent } from './vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden-steps/vorgang-detail-bescheiden-weiter-button/vorgang-detail-bescheiden-weiter-button.component';
 import { VorgangDetailBescheidenComponent } from './vorgang-detail-page/vorgang-detail-bescheiden/vorgang-detail-bescheiden.component';
+import { VorgangArchiveContainerComponent } from './vorgang-detail-page/vorgang-detail-more-menu/vorgang-archive-container/vorgang-archive-container.component';
 import { VorgangDetailMoreMenuComponent } from './vorgang-detail-page/vorgang-detail-more-menu/vorgang-detail-more-menu.component';
 import { VorgangExportContainerComponent } from './vorgang-detail-page/vorgang-detail-more-menu/vorgang-export-container/vorgang-export-container.component';
 import { ProcessVorgangContainerComponent } from './vorgang-detail-page/vorgang-detail-more-menu/vorgang-process-vorgang-container/vorgang-process-vorgang-container.component';
@@ -214,11 +215,8 @@ const routes: Routes = [
     VorgangDetailBescheidenBescheidVersendenComponent,
     VorgangDetailBescheidenResultNachrichtComponent,
     VorgangDetailDateienContainerComponent,
+    VorgangArchiveContainerComponent,
   ],
-  exports: [
-    VorgangDetailAntragstellerComponent,
-    VorgangDetailAntragDataComponent,
-    VorgangDetailBescheidenComponent,
-  ],
+  exports: [VorgangDetailAntragstellerComponent, VorgangDetailAntragDataComponent, VorgangDetailBescheidenComponent],
 })
 export class VorgangDetailModule {}

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

@@ -56,6 +56,7 @@ export enum VorgangWithEingangLinkRel {
   HISTORIE = 'historie',
   SEARCH_USER_PROFILES = 'search-user-profiles',
   EXPORT = 'export',
+  ARCHIVE = 'archive',
   CREATE_BESCHEID_DRAFT = 'createBescheidDraft',
   PROCESS_VORGANG = 'processVorgang',
 

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

@@ -32,15 +32,10 @@ import {
 } from '@alfa-client/command-shared';
 import { ENVIRONMENT_CONFIG, Environment } from '@alfa-client/environment-shared';
 import { NavigationService } from '@alfa-client/navigation-shared';
-import {
-  StateResource,
-  createEmptyStateResource,
-  doIfLoadingRequired,
-  isNotNull,
-} from '@alfa-client/tech-shared';
+import { StateResource, createEmptyStateResource, doIfLoadingRequired, isNotNull } from '@alfa-client/tech-shared';
 import { Inject, Injectable } from '@angular/core';
 import { ResourceUri, hasLink } from '@ngxp/rest';
-import { Observable, combineLatest } from 'rxjs';
+import { Observable, combineLatest, of } from 'rxjs';
 import { filter, map, startWith, tap, withLatestFrom } from 'rxjs/operators';
 import { VorgangFacade } from './+state/vorgang.facade';
 import { buildLinkRelFromPathSegments } from './vorgang-navigation.util';
@@ -61,15 +56,10 @@ export class VorgangService {
   ) {}
 
   public getVorgangWithEingang(): Observable<StateResource<VorgangWithEingangResource>> {
-    return combineLatest([
-      this.facade.getVorgangWithEingang(),
-      this.apiRootService.getApiRoot(),
-    ]).pipe(
+    return combineLatest([this.facade.getVorgangWithEingang(), this.apiRootService.getApiRoot()]).pipe(
       tap(([vorgangWithEingang, apiRoot]) => {
         if (isNotNull(apiRoot.resource))
-          doIfLoadingRequired(vorgangWithEingang, () =>
-            this.facade.loadVorgangWithEingang(this.getVorgangWithEingangUri()),
-          );
+          doIfLoadingRequired(vorgangWithEingang, () => this.facade.loadVorgangWithEingang(this.getVorgangWithEingangUri()));
       }),
       map(([vorgangWithEingang]) => vorgangWithEingang),
       startWith(createEmptyStateResource<VorgangWithEingangResource>(true)),
@@ -80,9 +70,7 @@ export class VorgangService {
     return this.facade.getAttachmentList().pipe(
       withLatestFrom(this.facade.getVorgangWithEingang()),
       tap(([attachmentList, vorgangWithEingang]) =>
-        doIfLoadingRequired(attachmentList, () =>
-          this.facade.loadAttachmentList(vorgangWithEingang.resource),
-        ),
+        doIfLoadingRequired(attachmentList, () => this.facade.loadAttachmentList(vorgangWithEingang.resource)),
       ),
       map(([attachmentList]) => attachmentList),
       startWith(createEmptyStateResource<BinaryFileListResource>(true)),
@@ -93,9 +81,7 @@ export class VorgangService {
     return this.facade.getRepresentationList().pipe(
       withLatestFrom(this.facade.getVorgangWithEingang()),
       tap(([representationList, vorgangWithEingang]) =>
-        doIfLoadingRequired(representationList, () =>
-          this.facade.loadRepresentationList(vorgangWithEingang.resource),
-        ),
+        doIfLoadingRequired(representationList, () => this.facade.loadRepresentationList(vorgangWithEingang.resource)),
       ),
       map(([representationList]) => representationList),
       startWith(createEmptyStateResource<BinaryFileListResource>(true)),
@@ -131,10 +117,7 @@ export class VorgangService {
   }
 
   public reloadCurrentVorgangWithAddtionalActions(additionalActions: AdditionalActions): void {
-    this.facade.loadVorgangWithEingangWithAdditionalActions(
-      this.getVorgangWithEingangUri(),
-      additionalActions,
-    );
+    this.facade.loadVorgangWithEingangWithAdditionalActions(this.getVorgangWithEingangUri(), additionalActions);
   }
 
   getVorgangWithEingangUri(): ResourceUri {
@@ -185,17 +168,17 @@ export class VorgangService {
     this.facade.export(vorgangWithEingang);
   }
 
-  public processVorgang(
-    vorgangWithEingang: VorgangWithEingangResource,
-  ): Observable<StateResource<CommandResource>> {
-    return this.commandService.createCommandByProps(
-      this.createProcessVorgangCommandProps(vorgangWithEingang),
-    );
+  public getVorgangArchive(): Observable<StateResource<boolean>> {
+    return of(createEmptyStateResource<boolean>());
   }
 
-  private createProcessVorgangCommandProps(
-    vorgangWithEingang: VorgangWithEingangResource,
-  ): CreateCommandProps {
+  public archive(vorgangWithEingang: VorgangWithEingangResource): void {}
+
+  public processVorgang(vorgangWithEingang: VorgangWithEingangResource): Observable<StateResource<CommandResource>> {
+    return this.commandService.createCommandByProps(this.createProcessVorgangCommandProps(vorgangWithEingang));
+  }
+
+  private createProcessVorgangCommandProps(vorgangWithEingang: VorgangWithEingangResource): CreateCommandProps {
     return {
       resource: vorgangWithEingang,
       linkRel: VorgangWithEingangLinkRel.PROCESS_VORGANG,
@@ -204,15 +187,8 @@ export class VorgangService {
     };
   }
 
-  public setAktenzeichen(
-    vorgang: VorgangWithEingangResource,
-    aktenzeichen: string,
-  ): Observable<StateResource<CommandResource>> {
+  public setAktenzeichen(vorgang: VorgangWithEingangResource, aktenzeichen: string): Observable<StateResource<CommandResource>> {
     const createCommand = { order: CommandOrder.SET_AKTENZEICHEN, body: { aktenzeichen } };
-    return this.commandService.createCommand(
-      vorgang,
-      VorgangWithEingangLinkRel.SET_AKTENZEICHEN,
-      createCommand,
-    );
+    return this.commandService.createCommand(vorgang, VorgangWithEingangLinkRel.SET_AKTENZEICHEN, createCommand);
   }
 }