app.service.ts

import {Injectable} from '@angular/core';
import {BehaviorSubject, Subscription} from 'rxjs';

@Injectable()
export class AppService {

    private themeSource: BehaviorSubject<string> = new BehaviorSubject('white');
    public theme = this.themeSource.asObservable();

    private contentHeightSource: BehaviorSubject<string> = new BehaviorSubject('');
    public contentHeight = this.contentHeightSource.asObservable();

    private CollapseSource: BehaviorSubject<boolean> = new BehaviorSubject(false);
    public Collapse = this.CollapseSource.asObservable();

    private InfoResouceSource: BehaviorSubject<string> = new BehaviorSubject(null);
    public InfoResouce = this.InfoResouceSource.asObservable();

    public setTheme(value: string) {
        this.themeSource.next(value);
    }

    public setContentHeight(value: string) {
        this.contentHeightSource.next(value);
    }

    public setCollapse(value: boolean) {
        this.CollapseSource.next(value);
    }

    public setInfoResource(value: string) {
        this.InfoResouceSource.next(value);
    }
}