catalog-ui/src/app/ng2/components/hierarchy-navigtion/hierarchy-navigation.component.ts


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28

import {Component, Input, Output, EventEmitter} from '@angular/core';
import {HierarchyDisplayOptions} from './hierarchy-display-options';


@Component({
    selector: 'hierarchy-navigation',
    templateUrl: './hierarchy-navigation.component.html',
    styleUrls: ['./hierarchy-navigation.component.less']
})

export class HierarchyNavigationComponent {
    @Input() displayData: Array<any>;
    @Input() selectedItem: any;
    @Input() displayOptions: HierarchyDisplayOptions;

    @Output() updateSelected:EventEmitter<any> =  new EventEmitter();

    onClick = ($event, item) => {
        $event.stopPropagation();
        this.selectedItem = item;
        this.updateSelected.emit(item);
    };

    onSelectedUpdate = ($event) => {
        this.selectedItem = $event;
        this.updateSelected.emit($event);
    }
}