File

libs/common/frame/src/frame-parts/offer-code/offer-code.component.ts

Implements

OnInit

Metadata

Index

Properties
Inputs

Constructor

constructor(talyPageDataService: TalyPageDataService)
Parameters :
Name Type Optional
talyPageDataService TalyPageDataService No

Inputs

offerCode$
Type : Observable<string | undefined>

Properties

pageId$
Type : Observable<string>
import { TalyPageDataService } from '@allianz/taly-core';
import { Component, Input, OnInit } from '@angular/core';
import { Observable } from 'rxjs';

@Component({
  selector: 'frame-offer-code',
  templateUrl: './offer-code.component.html',
  styleUrls: ['./offer-code.component.scss'],
  standalone: false
})
export class OfferCodeComponent implements OnInit {
  @Input() offerCode$!: Observable<string | undefined>;
  pageId$!: Observable<string>;

  constructor(private readonly talyPageDataService: TalyPageDataService) {}

  ngOnInit(): void {
    this.pageId$ = this.talyPageDataService.pageId$;
  }
}
<p
  nxCopytext
  data-testid="offerCode"
  class="offer-code"
  *aclTag="(pageId$ | async) + '/offer-code'"
>
  <span class="nx-font-weight-semibold" i18n="@@frame.offer-code">Your proposal code is:</span>
  {{ offerCode$ | async }}
</p>

./offer-code.component.scss

@use '../../../styles/breakpoints.scss' as *;

:host {
  display: flex;
  justify-content: center;
}

.offer-code {
  margin-bottom: var(--vertical-outer-section-spacing);
}
Legend
Html element
Component
Html element with directive

results matching ""

    No results matching ""