import {Component, ElementRef, OnInit} from '@angular/core';
import SettingService from "@common/services/setting";

declare const $: any;

@Component({
    selector: 'deviceFitContainer',
    templateUrl: './template.html',
    styleUrls: ['./style.less']
})
export default class DeviceFitContainer implements OnInit {
    private siteMenuBar: string = '';
    private deviceWidthType: string = 'lg';
    private siteNavBarCollapseShow: boolean;
    private siteContabsDisplay: boolean;

    constructor(private settingService: SettingService, private el: ElementRef) {
        this.siteMenuBar = this.settingService.siteMenuBar;
        this.settingService.toggleMenuBarEvent.subscribe(value => {
            this.siteMenuBar = value;
        });

        this.siteNavBarCollapseShow = this.settingService.siteNavBarCollapseShow;
        this.settingService.siteNavBarCollapseShowEvent.subscribe(value => {
            this.siteNavBarCollapseShow = value;
        });

        this.deviceWidthType = this.settingService.deviceWidthType;
        this.settingService.deviceWidthTypeEvent.subscribe(value => {
            this.deviceWidthType = value;
        });

        this.siteContabsDisplay = this.settingService.siteContabsDisplay;
        this.settingService.siteContabsDisplayEvent.subscribe(value => {
            this.siteContabsDisplay = value;
        });
    }

    ngOnInit(): void {
    }
}