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

import { Keymap } from '../../config-serializer/config-items/Keymap';
import { UhkConfigurationService } from '../../services/uhk-configuration.service';
import { Macro } from '../../config-serializer/config-items/Macro';

@Component({
    selector: 'side-menu',
    template: require('./side-menu.component.html'),
    styles: [require('./side-menu.component.scss')]
})
export class SideMenuComponent implements OnInit {
    private keymaps: Keymap[];
    private macros: Macro[];

    constructor(private uhkConfigurationService: UhkConfigurationService) { }

    ngOnInit() {
        this.keymaps = this.uhkConfigurationService.getUhkConfiguration().keymaps.elements;
        this.macros = this.uhkConfigurationService.getUhkConfiguration().macros.elements;
    }

    /* tslint:disable:no-unused-variable: This function is used in the template */
    private toggleHide(event: Event, view: Element) {
        /* tslint:enable:no-unused-variable */
        let header: DOMTokenList = (<Element> event.target).classList;

        view.classList.toggle('slide-up');
        header.toggle('fa-chevron-up');
        header.toggle('fa-chevron-down');
    }
}