leaf-framework/src/language-selector/language-selector.component.js

Light Everis Angular Frontend Framework

import { Component, Input } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';
import { LanguageService } from './language.service';
var LanguageSelectorComponent = /** @class */ (function () {
    function LanguageSelectorComponent(languageService, translate) {
        this.languageService = languageService;
        this.translate = translate;
        this.languageSelected = localStorage['language'] || 'en';
    }
    LanguageSelectorComponent.prototype.ngOnInit = function () {
        var _this = this;
        if (!this.languages || this.languages.length === 0) {
            this.languageService.getData().subscribe(function (data) {
                _this.languages = data;
            });
        }
    };
    LanguageSelectorComponent.prototype.onLanguageChange = function (language) {
        console.log('... language changed to: ' + language);
        this.translate.use(language);
        if (localStorage) {
            localStorage['language'] = language;
        }
        this.languageSelected = language;
    };
    LanguageSelectorComponent.decorators = [
        { type: Component, args: [{
                    selector: 'leaf-language-selector',
                    template: "\n  <select class=\"form-control\" id=\"languages\" [(ngModel)]=\"languageSelected\" (change)=\"onLanguageChange($event.target.value)\">\n    <option *ngFor=\"let lang of languages\" [value]=\"lang.id\">{{lang.title}}</option>\n  </select>\n  "
                },] },
    ];
    /** @nocollapse */
    LanguageSelectorComponent.ctorParameters = function () { return [
        { type: LanguageService, },
        { type: TranslateService, },
    ]; };
    LanguageSelectorComponent.propDecorators = {
        'languages': [{ type: Input },],
    };
    return LanguageSelectorComponent;
}());
export { LanguageSelectorComponent };
//# sourceMappingURL=language-selector.component.js.map