sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-28 22:42:11 +01:00
Code Issues Packages Projects Releases Wiki Activity

[HIMA-911] Article detail page: auto-scroll to top on product selection change implementation

Browse Source
This commit is contained in:
Mikuta Aleksandras
2020-03-31 10:46:09 +02:00
parent 426ec519ec
commit d9c531a065
2 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
apps/sales/src/app/modules/product/pages/product-details/product-details.component.html
View File

@@ -1,6 +1,7 @@
<div
id="product-detail-container"
class="product-detail-container"
#productDetailContainer
*ngIf="product"
[@shrinkMainCard]="expanded"
(scroll)="scrollHandler($event)"

7
apps/sales/src/app/modules/product/pages/product-details/product-details.component.ts
View File

@@ -43,6 +43,7 @@ import { allowedAvailabilityStatusCodes } from 'apps/sales/src/app/core/utils/pr
animations: [shrinkTitleAnimation, shrinkSecondaryAnimation, shrinkMainCard]
})
export class ProductDetailsComponent implements OnInit, OnDestroy {
@ViewChild('productDetailContainer', { read: ElementRef }) private productDetailContainer: ElementRef<any>;
@ViewChild('checkout') checkoutDialog: ProductCheckoutComponent;
@ViewChild('photoGallery') photoGallery: PhotoGalleryComponent;
@ViewChild('productReview') productReview: ProductReviewComponent;
@@ -306,6 +307,9 @@ export class ProductDetailsComponent implements OnInit, OnDestroy {
takeUntil(this.destroy$)
)
.subscribe((item: ItemDTO) => {
if (this.productDetailContainer) {
this.productDetailContainer.nativeElement.scrollTop = 0;
}
if (item) {
this.availability = [];
this.addSelectedItemToProcessIfMissingOrChanged(item);
@@ -351,6 +355,9 @@ export class ProductDetailsComponent implements OnInit, OnDestroy {
filter(item => !isNullOrUndefined(item))
)
.subscribe((item: ItemDTO) => {
if (this.productDetailContainer) {
this.productDetailContainer.nativeElement.scrollTop = 0;
}
this.item = item;
this.product = this.productDetailMapper(item);
this.product.fullDescription =