// NG2
import { Component, Input, ChangeDetectionStrategy } from '@angular/core';
import { DomSanitizer } from '@angular/platform-browser';

@Component({
    selector: 'multi-code-snippet',
    template: `
        <br/>
        <div *ngFor="let section of _sections">
            <label>{{ section }}</label>
            <pre><code [innerHtml]="getHighlight(_map[section])"></code></pre>
        </div>
    `,
    changeDetection: ChangeDetectionStrategy.OnPush
})
export class MultiCodeSnippet {
    _sections: string[] = [];
    _map: any = {};

    constructor(private sanitizer: DomSanitizer) {
    }

    @Input()
    set code(code) {
        this._sections = Object.keys(code);
        this._map = Object.assign({}, code);
    }

    getHighlight(code) {
        return this.sanitizer.bypassSecurityTrustHtml(hljs.highlightAuto(code).value);
    }
}