File
Implements
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
|
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">Transfer In Process</p>
</div>
<div class="pop-up-ctn-body" (click)="stopPropagation($event)">
<p>We are currently getting everything ready to transfer funds as you have requested. This process can take up to a few
minutes to complete. You can verify the status of your transfer at any time in the "View Transfers" section.</p>
<a class="no-print" [routerLink]="['/payments']">
<button id="viewTransfersButton" type="button" class="action-button">
<p class="button-inside">Go To View Transfers</p>
</button>
</a>
</div>
</div>
</div>
.faq-title {
color: #3393a1;
margin-bottom: 5px;
font-weight: bold;
}
.pop-up-ctn-body {
text-align: left;
}
.action-button {
margin: 5px auto 0px auto;
}
Legend
Html element with directive