projects/storefrontlib/cms-structure/pwa/components/add-to-home-screen-banner/add-to-home-screen-banner.component.ts
| selector | cx-add-to-home-screen-banner |
| templateUrl | ./add-to-home-screen-banner.component.html |
Properties |
Methods |
constructor(addToHomeScreenService: AddToHomeScreenService)
|
||||||
|
Parameters :
|
| ngOnInit |
ngOnInit()
|
|
Inherited from
AddToHomeScreenComponent
|
|
Defined in
AddToHomeScreenComponent:11
|
|
Returns :
void
|
| prompt |
prompt()
|
|
Inherited from
AddToHomeScreenComponent
|
|
Defined in
AddToHomeScreenComponent:15
|
|
Returns :
void
|
| canPrompt$ |
Type : Observable<boolean>
|
|
Inherited from
AddToHomeScreenComponent
|
|
Defined in
AddToHomeScreenComponent:8
|
import { Component } from '@angular/core';
import { AddToHomeScreenService } from '../../services/add-to-home-screen.service';
import { AddToHomeScreenComponent } from '../add-to-home-screen.component';
@Component({
selector: 'cx-add-to-home-screen-banner',
templateUrl: './add-to-home-screen-banner.component.html',
})
export class AddToHomeScreenBannerComponent extends AddToHomeScreenComponent {
constructor(protected addToHomeScreenService: AddToHomeScreenService) {
super(addToHomeScreenService);
}
}
<div *ngIf="canPrompt$ | async">
<div class="cx-add-to-home-screen-banner">
<div class="cx-add-to-home-screen-banner-inner">
<p>
{{ 'pwa.addToHomeScreenDescription' | cxTranslate }}
</p>
<ul>
<li>{{ 'pwa.noInstallationNeeded' | cxTranslate }}</li>
<li>{{ 'pwa.fastAccessToApplication' | cxTranslate }}</li>
</ul>
<button (click)="prompt()" class="btn btn-primary">
{{ 'pwa.addToHomeScreen' | cxTranslate }}
</button>
</div>
</div>
</div>