import {Component, ElementRef, OnInit} from '@angular/core';
import {Router} from "@angular/router";
import SiteRouterService from "@common/modules/manage/services/siteRouter";
import ViewEditForm, {ViewEditFormContext} from "@common/modules/manage/modals/viewEditForm";
import UtilService from "@common/services/util";

declare const $: any;

@Component({
    selector: 'manageSiteNavBar',
    templateUrl: './template.html',
    styleUrls: ['./style.less']
})
export default class ManageSiteNavBar implements OnInit {
    private element: any;
    private siteMainNav: any;
    private index: number;

    constructor(private router: Router,
                private utilService: UtilService,
                private siteRouterService: SiteRouterService) {
        this.siteMainNav = this.siteRouterService.siteMainNav;
        this.siteRouterService.siteMainNavEvent.subscribe(value => {
            this.siteMainNav = value;
        });

        this.index = this.siteRouterService.currentMainNavIndex;
        this.siteRouterService.currentMainNavIndexEvent.subscribe(value => {
            this.index = value;
        });
    }

    ngOnInit(): void {

    }

    switchIndex(index) {
        this.siteRouterService.setMainNavIndex(index);
    }


    addNavItem() {
        this.utilService.showModal(ViewEditForm, ViewEditFormContext)
    }
}