|
1
|
import {Component, Input} from "@angular/core";
|
|
2
|
|
|
3
|
@Component({
|
|
4
|
selector: 'loading',
|
|
5
|
template: `
|
|
6
|
<div class="uk-flex uk-flex-center uk-margin-small-top">
|
|
7
|
<span class="portal-color uk-icon uk-spinner">
|
|
8
|
<svg width="60" height="60" viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" data-svg="spinner"><circle
|
|
9
|
fill="none" stroke="#000" cx="15" cy="15" r="14" style="stroke-width: 2px;"></circle></svg>
|
|
10
|
</span>
|
|
11
|
</div>`
|
|
12
|
})
|
|
13
|
export class LoadingComponent {
|
|
14
|
/**
|
|
15
|
* Possible values '': blue, 'success': green, 'warning': orange and 'danger': red
|
|
16
|
*/
|
|
17
|
@Input() color: 'success' | 'warning' | 'danger' = null;
|
|
18
|
|
|
19
|
constructor() {
|
|
20
|
}
|
|
21
|
}
|