sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

#3688 PopUp mit Irrläufern - Navigation disabled

Browse Source
This commit is contained in:
Lorenz Hilpert
2023-04-13 14:10:48 +02:00
parent 2dbeec831e
commit 3eea3b913d
4 changed files with 19 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
apps/page/package-inspection/src/lib/components/package-list/package-list.component.css
View File

@@ -5,3 +5,8 @@
.package-count {
height: 53px;
}
a.read-only {
pointer-events: none;
cursor: default;
}

3
apps/page/package-inspection/src/lib/components/package-list/package-list.component.html
View File

@@ -8,8 +8,9 @@
class="h-[calc(100vh-420px)] scroll-bar"
(scrolledIndexChange)="scrollIndexChange.emit($event)"
>
<a [routerLink]="[package.id]" *cdkVirtualFor="let package of packages; trackBy: trackByFn">
<a [routerLink]="[package.id]" *cdkVirtualFor="let package of packages; trackBy: trackByFn" [class.read-only]="!navigationEnabled">
<page-package-list-item class="pt-px-2" [package]="package"></page-package-list-item>
</a>
<page-package-list-item-loader *ngIf="fetching"> </page-package-list-item-loader>
</cdk-virtual-scroll-viewport>

11
apps/page/package-inspection/src/lib/components/package-list/package-list.component.ts
View File

@@ -15,6 +15,7 @@ import { PackageDTO2 } from '@swagger/wws';
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
import { asapScheduler, Subject } from 'rxjs';
import { debounceTime, first, takeUntil } from 'rxjs/operators';
import { BooleanInput, coerceBooleanProperty } from '@angular/cdk/coercion';
@Component({
selector: 'page-package-list',
@@ -51,6 +52,16 @@ export class PackageListComponent implements AfterViewInit, OnDestroy {
@ViewChild(CdkVirtualScrollViewport, { static: true, read: CdkVirtualScrollViewport })
cdkVirtualScrollViewport: CdkVirtualScrollViewport;
private _navigationEnabled: BooleanInput = true;
@Input()
get navigationEnabled(): BooleanInput {
return coerceBooleanProperty(this._navigationEnabled);
}
set navigationEnabled(value: BooleanInput) {
this._navigationEnabled = value;
}
private _onDestroy$ = new Subject<void>();
constructor() {}

2
apps/page/package-inspection/src/lib/components/wrong-destination-modal/wrong-destination-modal.component.html
View File

@@ -3,7 +3,7 @@
Stellen Sie diese Packstücke für die anderen Filialen bereit. <br />
Der Spediteur holt Sie zum nächstmöglichsten Zeitpunkt ab.
</p>
<page-package-list [packages]="packages" [showHeader]="false"></page-package-list>
<page-package-list [packages]="packages" [showHeader]="false" navigationEnabled="false"></page-package-list>
<div class="text-center my-7">
<button class="isa-cta-button" (click)="close()">Später</button>
<button class="isa-cta-button isa-button-primary ml-6" (click)="done()">Erledigt</button>