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

const capitalize = require('lodash/capitalize');

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

import {LocaleService, SettingsService, LocaleSubject} from "corifeus-web";

import {extractTitle} from '../../utils/extrac-title';

import {Layout} from "../cory-layout";

import { Subscription } from 'rxjs'

@Component({
    selector: 'cory-layout-header',
    templateUrl: 'cory-layout-header.html',

})
export class Header implements OnDestroy {

    subscriptions$: Array<Subscription> = []

    header: string;

    i18n: any;
    settings: any;

    extractTitle = extractTitle;

    constructor(

        private router: Router,
        protected locale: LocaleService,
        protected settingsAll: SettingsService,
        public parent: Layout,
    ) {
        this.settings = settingsAll.data.pages;

        this.subscriptions$.push(
            this.locale.subscribe((data: LocaleSubject) => {
                this.i18n = data.locale.data;
            })
        )

        this.header = capitalize(this.settings.github.repoNames);
    }


    linkExternal(link: string) {
        return link.startsWith('http');
    }

    navigateMenu(link: string) {
        if (this.linkExternal(link)) {
            return window.open(link);
        }
        this.parent.navigate('github/' + this.parent.currentRepo + '/' + link);
    }

    generateIcon() {
        return `<i class="${this.parent.icon}"></i>`;
    }

    extractTitleWithStars(pkg: any) {
        return this.parent.extractTitleWithStars(pkg);
    }

    ngOnDestroy(): void {
        this.subscriptions$.forEach(subs$ => subs$.unsubscribe())
    }
}