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

@Component({
    selector: 'display',
    templateUrl: './template.html',
    styleUrls: ['./style.less']
})
export default class Display implements OnInit {
    private otherData: any = {};
    private siteNavBarBgColor: string;
    private siteMenuBar: string;
    private siteNavBarColumnDisplayBgColor: boolean;
    private siteContabsDisplay: string;
    private siteMenuBarTheme: any = {};
    private siteMenuBarThemes: any = [{
        name: '深色主题',
        value: 'dark'
    }, {
        name: '浅色主题',
        value: 'light'
    }];

    constructor(private settingService: SettingService) {
        this.siteNavBarBgColor = this.settingService.siteNavBarBgColor;
        this.siteNavBarColumnDisplayBgColor = this.settingService.siteNavBarColumnDisplayBgColor;
        this.siteMenuBar = this.settingService.siteMenuBar;
        this.siteContabsDisplay = this.settingService.siteContabsDisplay ? '1' : '0';

        for (let i = 0; i < this.siteMenuBarThemes.length; i++) {
            if (this.siteMenuBarThemes[i].value == this.settingService.siteMenuBarTheme) {
                this.siteMenuBarTheme = this.siteMenuBarThemes[i];
                break;
            }
        }
    }

    ngOnInit(): void {
    }

    changeBgColor(value) {
        this.siteNavBarBgColor = value;
        this.settingService.setSiteNavBarBgColor(value);
    }

    changeSiteNavDisplay($event) {
        this.siteNavBarColumnDisplayBgColor = $event;
        this.settingService.setSiteNavBarColumnDisplayBgColor($event);
    }

    setSiteMenuBarTheme(item) {
        this.siteMenuBarTheme = item;
        this.settingService.setSiteMenuBarTheme(item.value);
    }

    changeSiteMenuBar(value) {
        this.siteMenuBar = value;
        this.settingService.setMenuBarFoldOrNot(value);
    }

    changeSiteContabsDisplay(value) {
        this.siteContabsDisplay = value;
        this.settingService.setSiteContabsDisplay(value == '1');
    }

    submit() {
        this.otherData.loading = true;
    }
}