vendor-app/src/app/widgets-holder/widgets-holder.component.ts

import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';

@Component({
	selector: 'app-widgets-holder',
	templateUrl: './widgets-holder.component.html',
	styleUrls: ['./widgets-holder.component.scss']
})
export class WidgetsHolderComponent implements OnInit {
	selected_nav: {
        name: string,
        params: any
    } = {
        name: 'orders',
        params: ''
    };
    vendor_info: any;

	constructor(
        private router: Router
    ) { }

	ngOnInit() {
        let data = JSON.parse(localStorage.vendor_info);
        this.vendor_info = data['Info Info'];
	}

	getNavPage(page: string) {
		this.selected_nav.name = page;
	}

    getWidgetsEvents(event: any) {
        if (event.nav === 'orders') {
            this.selected_nav.name = 'orders'
            this.selected_nav.params = {
                filterType: event.type
            };
        }
    }

    logout() {
        localStorage.clear();
        this.router.navigate(['/']);
    }

}