File
Implements
Metadata
| selector |
app-what-is-secret-word |
| styleUrls |
what-is-secret-word.component.css |
| templateUrl |
./what-is-secret-word.component.html |
Methods
|
stopPropagation
|
stopPropagation(event: Event)
|
|
|
Parameters :
| Name |
Type |
Optional |
| event |
Event
|
no
|
|
|
toggleWhatIsSW
|
toggleWhatIsSW(event: Event)
|
|
|
Parameters :
| Name |
Type |
Optional |
| event |
Event
|
no
|
|
import { Component, OnInit, Output, EventEmitter } from '@angular/core';
@Component({
selector: 'app-what-is-secret-word',
templateUrl: './what-is-secret-word.component.html',
styleUrls: ['./what-is-secret-word.component.css']
})
export class WhatIsSecretWordComponent implements OnInit {
@Output() closeWhatIsSW = new EventEmitter();
constructor() {}
ngOnInit() {}
toggleWhatIsSW(event: Event) {
this.closeWhatIsSW.emit();
}
stopPropagation(event: Event) {
event.stopPropagation();
}
}
<div class="overlay scroller" (click)="toggleWhatIsSW($event)">
<div class="pop-up-ctn" id="whatIsThis">
<div class="close-ctn" (click)="stopPropagation($event)">
<a id="closeButton" (click)="toggleWhatIsSW($event)"><i class="material-icons">close</i></a>
</div>
<div class="pop-up-ctn-header" (click)="stopPropagation($event)">
<p class="header-text">What is a Secret Word</p>
</div>
<div class="pop-up-ctn-body" (click)="stopPropagation($event)">
<p>The secret word is a unique word that you create for each recipient. They then will use that secret word to
collect the money that you send them.</p>
<p><span class="bold-text">Example:</span> secretword!</p>
<p class="faq-title">Frequently Asked Questions</p>
<p><span class="bold-text">Are Secret Word case sensitive?</span> <br />
No. The secret word is not case sensitive.</p>
<p><span class="bold-text">Are secret words re-usable?</span> <br />
Secret words are re-usable. Although we strongly advise you use a different secret word for every recipient.</p>
</div>
</div>
</div>
Legend
Html element with directive