File
Implements
Metadata
| selector |
app-payment-in-flight-explain |
| styleUrls |
payment-in-flight-explain.component.css |
| templateUrl |
./payment-in-flight-explain.component.html |
Index
Properties
|
|
|
Methods
|
|
|
Outputs
|
|
|
Methods
|
stopPropagation
|
stopPropagation(event: Event)
|
|
|
Parameters :
| Name |
Type |
Optional |
| event |
Event
|
no
|
|
|
togglePaymentInFlightExplain
|
togglePaymentInFlightExplain(event: Event)
|
|
|
Parameters :
| Name |
Type |
Optional |
| event |
Event
|
no
|
|
|
reminderToggle
|
reminderToggle:
|
Default value : false
|
|
|
import { Component, EventEmitter, OnInit, Output } from '@angular/core';
@Component({
selector: 'app-payment-in-flight-explain',
templateUrl: './payment-in-flight-explain.component.html',
styleUrls: ['./payment-in-flight-explain.component.css']
})
export class PaymentInFlightExplainComponent implements OnInit {
@Output()
closePaymentInFlightExplain = new EventEmitter();
reminderToggle = false;
constructor() {}
ngOnInit() {}
togglePaymentInFlightExplain(event: Event) {
this.closePaymentInFlightExplain.emit();
}
stopPropagation(event: Event) {
event.stopPropagation();
}
}
<div class="overlay scroller" (click)="togglePaymentInFlightExplain($event)">
<div class="pop-up-ctn">
<div class="close-ctn" (click)="stopPropagation($event)">
<a id="closeButton" (click)="togglePaymentInFlightExplain($event)"><i class="material-icons">close</i></a>
</div>
<div class="pop-up-ctn-header" (click)="stopPropagation($event)">
<p class="header-text">Payment Still Under Construction</p>
</div>
<div class="pop-up-ctn-body" (click)="stopPropagation($event)">
<p>We are currently getting everything ready to send your payment as you have requested. This process can take up to a few
minutes to complete. You can verify the status of your payment at any time in the "View Payment" section.</p>
<a class="no-print" [routerLink]="['/payments']">
<button type="button" class="action-button">
<p class="button-inside">Go To View Payments</p>
</button>
</a>
</div>
</div>
</div>
Legend
Html element with directive