Skip to content
Snippets Groups Projects
Commit bd65b916 authored by Alexander Reifschneider's avatar Alexander Reifschneider
Browse files

OZG-7474 Replace wiedervorlage create button

parent 1976861f
Branches
Tags
1 merge request!49Ozg 7474 weiterleiten button
...@@ -23,28 +23,24 @@ ...@@ -23,28 +23,24 @@
unter der Lizenz sind dem Lizenztext zu entnehmen. unter der Lizenz sind dem Lizenztext zu entnehmen.
--> -->
<ng-container *ngIf="wiedervorlageListStateResource?.resource as wiedervorlageListResource">
<div
class="create-button"
*ngIf="wiedervorlageListResource | hasLink: wiedervorlageListLinkRel.CREATE_WIEDERVORLAGE"
>
<a [routerLink]="'wiedervorlage/' + wiedervorlageRoute.NEW" tabindex="-1">
<ozgcloud-stroked-button-with-spinner
*ngIf="!showAsIconButton"
data-test-id="create-wiedervorlage"
class="create-button"
text="Wiedervorlage"
icon="add"
>
</ozgcloud-stroked-button-with-spinner>
<ozgcloud-icon-button-with-spinner @if (wiedervorlageListStateResource?.resource; as wiedervorlageListResource) {
*ngIf="showAsIconButton" @if (wiedervorlageListResource | hasLink: wiedervorlageListLinkRel.CREATE_WIEDERVORLAGE) {
<a [routerLink]="'wiedervorlage/' + wiedervorlageRoute.NEW" tabindex="-1">
@if (showAsIconButton) {
<ods-button-with-spinner
data-test-id="create-wiedervorlage-icon-button" data-test-id="create-wiedervorlage-icon-button"
icon="update" variant="icon"
toolTip="Wiedervorlage erstellen" size="fit"
tooltip="Wiedervorlage erstellen"
> >
</ozgcloud-icon-button-with-spinner> <ods-update-icon icon class="fill-text" />
</ods-button-with-spinner>
} @else {
<ods-button-with-spinner data-test-id="create-wiedervorlage" text="Wiedervorlage" variant="outline">
<ods-plus-icon icon />
</ods-button-with-spinner>
}
</a> </a>
</div> }
</ng-container> }
...@@ -21,14 +21,12 @@ ...@@ -21,14 +21,12 @@
* Die sprachspezifischen Genehmigungen und Beschränkungen * Die sprachspezifischen Genehmigungen und Beschränkungen
* unter der Lizenz sind dem Lizenztext zu entnehmen. * unter der Lizenz sind dem Lizenztext zu entnehmen.
*/ */
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { HasLinkPipe, createStateResource } from '@alfa-client/tech-shared'; import { HasLinkPipe, createStateResource } from '@alfa-client/tech-shared';
import {
IconButtonWithSpinnerComponent,
OzgcloudStrokedButtonWithSpinnerComponent,
} from '@alfa-client/ui';
import { WiedervorlageListLinkRel } from '@alfa-client/wiedervorlage-shared'; import { WiedervorlageListLinkRel } from '@alfa-client/wiedervorlage-shared';
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { RouterTestingModule } from '@angular/router/testing';
import { ButtonWithSpinnerComponent } from '@ods/component';
import { PlusIconComponent, UpdateIconComponent } from '@ods/system';
import { getDataTestIdOf } from 'libs/tech-shared/test/data-test'; import { getDataTestIdOf } from 'libs/tech-shared/test/data-test';
import { createWiedervorlageListResource } from 'libs/wiedervorlage-shared/test/wiedervorlage'; import { createWiedervorlageListResource } from 'libs/wiedervorlage-shared/test/wiedervorlage';
import { MockComponent } from 'ng-mocks'; import { MockComponent } from 'ng-mocks';
...@@ -45,8 +43,9 @@ describe('WiedervorlageCreateButtonComponent', () => { ...@@ -45,8 +43,9 @@ describe('WiedervorlageCreateButtonComponent', () => {
declarations: [ declarations: [
WiedervorlageCreateButtonComponent, WiedervorlageCreateButtonComponent,
HasLinkPipe, HasLinkPipe,
MockComponent(OzgcloudStrokedButtonWithSpinnerComponent), MockComponent(ButtonWithSpinnerComponent),
MockComponent(IconButtonWithSpinnerComponent), MockComponent(PlusIconComponent),
MockComponent(UpdateIconComponent),
], ],
imports: [RouterTestingModule], imports: [RouterTestingModule],
}).compileComponents(); }).compileComponents();
...@@ -55,9 +54,7 @@ describe('WiedervorlageCreateButtonComponent', () => { ...@@ -55,9 +54,7 @@ describe('WiedervorlageCreateButtonComponent', () => {
beforeEach(() => { beforeEach(() => {
fixture = TestBed.createComponent(WiedervorlageCreateButtonComponent); fixture = TestBed.createComponent(WiedervorlageCreateButtonComponent);
component = fixture.componentInstance; component = fixture.componentInstance;
component.wiedervorlageListStateResource = createStateResource( component.wiedervorlageListStateResource = createStateResource(createWiedervorlageListResource());
createWiedervorlageListResource(),
);
fixture.detectChanges(); fixture.detectChanges();
}); });
...@@ -78,9 +75,7 @@ describe('WiedervorlageCreateButtonComponent', () => { ...@@ -78,9 +75,7 @@ describe('WiedervorlageCreateButtonComponent', () => {
}); });
it('should be hidden', () => { it('should be hidden', () => {
component.wiedervorlageListStateResource = createStateResource( component.wiedervorlageListStateResource = createStateResource(createWiedervorlageListResource());
createWiedervorlageListResource(),
);
fixture.detectChanges(); fixture.detectChanges();
const button = fixture.nativeElement.querySelector(wiedervorlageButton); const button = fixture.nativeElement.querySelector(wiedervorlageButton);
......
...@@ -30,7 +30,9 @@ import { VorgangSharedUiModule } from '@alfa-client/vorgang-shared-ui'; ...@@ -30,7 +30,9 @@ import { VorgangSharedUiModule } from '@alfa-client/vorgang-shared-ui';
import { CommonModule, DatePipe } from '@angular/common'; import { CommonModule, DatePipe } from '@angular/common';
import { NgModule } from '@angular/core'; import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router'; import { RouterModule, Routes } from '@angular/router';
import { TooltipDirective } from '@ods/system'; import { ButtonWithSpinnerComponent } from '@ods/component';
import { PlusIconComponent, TooltipDirective } from '@ods/system';
import { UpdateIconComponent } from '../../../design-system/src/lib/icons/update-icon/update-icon.component';
import { CreateWiedervorlageButtonContainerComponent } from './create-wiedervorlage-button-container/create-wiedervorlage-button-container.component'; import { CreateWiedervorlageButtonContainerComponent } from './create-wiedervorlage-button-container/create-wiedervorlage-button-container.component';
import { ErledigenButtonContainerComponent } from './erledigen-button-container/erledigen-button-container.component'; import { ErledigenButtonContainerComponent } from './erledigen-button-container/erledigen-button-container.component';
import { SubmitWiedervorlageButtonComponent } from './submit-wiedervorlage-button/submit-wiedervorlage-button.component'; import { SubmitWiedervorlageButtonComponent } from './submit-wiedervorlage-button/submit-wiedervorlage-button.component';
...@@ -70,7 +72,10 @@ const routes: Routes = [ ...@@ -70,7 +72,10 @@ const routes: Routes = [
VorgangSharedUiModule, VorgangSharedUiModule,
BinaryFileModule, BinaryFileModule,
UserProfileModule, UserProfileModule,
ButtonWithSpinnerComponent,
TooltipDirective, TooltipDirective,
UpdateIconComponent,
PlusIconComponent,
], ],
declarations: [ declarations: [
WiedervorlagePageComponent, WiedervorlagePageComponent,
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment