File
Index
Properties
|
|
|
Methods
|
|
|
Outputs
|
|
|
Methods
|
addAnExternalAccount
|
addAnExternalAccount()
|
|
|
|
|
|
stopPropagation
|
stopPropagation(event: Event)
|
|
|
Parameters :
| Name |
Type |
Optional |
| event |
Event
|
No
|
|
import { Component, EventEmitter, Output } from '@angular/core';
import { Router } from '@angular/router';
import { filter } from 'rxjs/operators';
import { SessionStore } from '../../providers';
@Component({
selector: 'app-no-external-accounts',
templateUrl: './no-external-accounts.component.html',
styleUrls: ['./no-external-accounts.component.css'],
})
export class NoExternalAccountsComponent {
domain: any;
@Output() cancelNoExternal = new EventEmitter();
@Output() addAnAccount = new EventEmitter();
constructor(private router: Router, private sessionStore: SessionStore) {}
ngOnInit() {
this.sessionStore.session$
.pipe(filter((session) => !!session && !!session.domain))
.subscribe((session) => {
console.log('session.domain', session.domain);
this.domain = session.domain.toLowerCase();
});
}
cancel() {
this.cancelNoExternal.emit();
}
addAnExternalAccount() {
this.addAnAccount.emit();
}
stopPropagation(event: Event) {
event.stopPropagation();
}
}
<div class="overlay" (click)="cancel()">
<div class="pop-up-ctn" id="deleteAccountConfirmation">
<div class="close-ctn" (click)="stopPropagation($event)">
<a id="closeButton" (click)="cancel()">
<i class="material-icons">close</i>
</a>
</div>
<div class="pop-up-ctn-header" (click)="stopPropagation($event)">
<p id="welcomeHeader" class="header-text">
Welcome
</p>
</div>
<div class="pop-up-ctn-body text-left" (click)="stopPropagation($event)">
<p class="text-center">To get started you need to add an account.</p>
<p *ngIf="domain === 'phfcu'" class="text-center phfcu-message">
Some of your A2A external accounts may have been removed in error. We apologize for the
inconvenience and ask you to re-submit any missing accounts.
</p>
<button id="addExternalAccountButton" type="button" class="action-button" (click)="addAnExternalAccount()">
<p class="button-inside">Let's Go</p>
</button>
</div>
</div>
</div>
#deleteAccountConfirmation .delete-options {
color: #dc8e49;
margin-bottom: 0px;
text-align: right;
}
#deleteAccountConfirmation .delete-option {
margin-right: 15px;
cursor: pointer;
}
.para-dark {
margin-bottom: 0px;
}
.text-center {
margin-bottom: 0px;
line-height: 20px;
}
.delete-account .st1 {
fill: #39474f !important;
}
.phfcu-message {
margin: 10px 0px 0px 0px;
padding: 10px;
background-color: #fffbe5;
border: 1px solid #fff5c2;
border-radius: 3px;
}
Legend
Html element with directive