All files / src/app/pages/product/product-detail-info product-detail-info.component.ts

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
2x
2x
2x
 
2x
2x
2x
 
 
2x
 
 
 
 
 
 
 
2x
 
 
 
 
3x
 
3x
3x
 
 
3x
3x
 
3x
 
 
3x
 
3x
 
3x
 
 
3x
 
3x
 
 
 
3x
 
 
3x
 
 
 
import { ChangeDetectionStrategy, Component, DestroyRef, OnInit, inject } from '@angular/core';
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
import { Observable, map } from 'rxjs';
 
import { ProductContextFacade } from 'ish-core/facades/product-context.facade';
import { AttributeGroupTypes, GeoAttributes } from 'ish-core/models/attribute-group/attribute-group.types';
import { AttributeHelper } from 'ish-core/models/attribute/attribute.helper';
import { Attribute } from 'ish-core/models/attribute/attribute.model';
import { ProductView } from 'ish-core/models/product-view/product-view.model';
import { ProductHelper } from 'ish-core/models/product/product.helper';
 
@Component({
  selector: 'ish-product-detail-info',
  standalone: false,
  templateUrl: './product-detail-info.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class ProductDetailInfoComponent implements OnInit {
  product$: Observable<ProductView>;
  isVariationMaster$: Observable<boolean>;
  hasFaq$: Observable<boolean>;
  hasHowTo$: Observable<boolean>;
  active = 'DESCRIPTION'; // default product tab
 
  private destroyRef = inject(DestroyRef);
  private context = inject(ProductContextFacade);
 
  ngOnInit() {
    this.product$ = this.context.select('product');
    this.isVariationMaster$ = this.context.select('product').pipe(map(ProductHelper.isMasterProduct));
 
    this.hasFaq$ = this.context.select('product').pipe(
      map(
        product =>
          ProductHelper.getAttributesOfGroup(product, AttributeGroupTypes.ProductGeoAttributes) as Attribute<string>[]
      ),
      map(geo => !!AttributeHelper.getAttributeByAttributeName(geo, GeoAttributes.GeoFaq))
    );
    this.hasHowTo$ = this.context.select('product').pipe(
      map(
        product =>
          ProductHelper.getAttributesOfGroup(product, AttributeGroupTypes.ProductGeoAttributes) as Attribute<string>[]
      ),
      map(geo => !!AttributeHelper.getAttributeByAttributeName(geo, GeoAttributes.GeoHowTo))
    );
 
    // when routing between products reset the opened product tab to the default tab
    this.context
      .select('sku')
      .pipe(takeUntilDestroyed(this.destroyRef))
      .subscribe(() => (this.active = 'DESCRIPTION'));
  }
}