|
1
|
import { Component, EventEmitter, Output } from '@angular/core';
|
|
2
|
|
|
3
|
@Component({
|
|
4
|
selector: 'fab',
|
|
5
|
template: `
|
|
6
|
<div (click)="onClick()" class=" uk-float-right " style="z-index: 100; bottom: 45px; position: fixed; right: 45px;">
|
|
7
|
<a style="padding: 30px;" class=" uk-icon-button uk-button-danger ">
|
|
8
|
<span class="uk-icon" uk-icon="icon: plus; ratio: 1.5">
|
|
9
|
</span>
|
|
10
|
</a>
|
|
11
|
</div>
|
|
12
|
`
|
|
13
|
})
|
|
14
|
|
|
15
|
export class FABComponent {
|
|
16
|
@Output() public clicked:EventEmitter<any> = new EventEmitter();
|
|
17
|
|
|
18
|
constructor () {}
|
|
19
|
|
|
20
|
public ngOnInit() {}
|
|
21
|
|
|
22
|
public onClick() {
|
|
23
|
this.clicked.emit(true);
|
|
24
|
}
|
|
25
|
|
|
26
|
}
|