working-spinner.component.ts

import {Component, OnInit, OnDestroy} from "@angular/core";
import {LoadingEventListener} from "../../services/LoadingEventListener";
import {VFeedbackService} from "../../services/vfeedback.service";
import {_keyValueDiffersFactory} from "@angular/core/src/application_module";

@Component({
    selector: 'app-working-spinner',
    template: `<md-progress-spinner mode="indeterminate" *ngIf="_visible">`,
    styleUrls: ['working-spinner.component.scss']
})
export class WorkingSpinnerComponent extends LoadingEventListener implements OnInit, OnDestroy {

    private _visible: boolean;

    constructor(public vfeedbackService: VFeedbackService) {
        super();
    }

    onLoading() {
        this._visible = true;
    }

    onLoadingComplete() {
        this._visible = false;
    }

    ngOnInit() {
        this.vfeedbackService.addListener(this);
    }

    ngOnDestroy(): void {
        this.vfeedbackService.removeListener(this);
    }
}