import ceph nautilus 14.2.2

[ceph.git] / ceph / src / pybind / mgr / dashboard / frontend / src / app / shared / components / language-selector / language-selector.component.ts

import { Component, Input, OnInit } from '@angular/core';\r
\r
import { defineLocale } from 'ngx-bootstrap/chronos';\r
import { BsLocaleService } from 'ngx-bootstrap/datepicker';\r
\r
import { LocaleHelper } from '../../../locale.helper';\r
import { languageBootstrapMapping, SupportedLanguages } from './supported-languages.enum';\r
\r
@Component({\r
  selector: 'cd-language-selector',\r
  templateUrl: './language-selector.component.html',\r
  styleUrls: ['./language-selector.component.scss']\r
})\r
export class LanguageSelectorComponent implements OnInit {\r
  @Input()\r
  isDropdown = true;\r
\r
  supportedLanguages = SupportedLanguages;\r
  selectedLanguage: string;\r
\r
  constructor(private localeService: BsLocaleService) {}\r
\r
  ngOnInit() {\r
    this.selectedLanguage = LocaleHelper.getLocale();\r
    this.defineUsedLanguage();\r
  }\r
\r
  /**\r
   * Sets ngx-bootstrap local based on the current language selection\r
   *\r
   * ngx-bootstrap locals documentation:\r
   * https://valor-software.com/ngx-bootstrap/#/datepicker#locales\r
   */\r
  private defineUsedLanguage() {\r
    const lang = this.selectedLanguage.slice(0, 2);\r
    if (lang in languageBootstrapMapping) {\r
      defineLocale(lang, languageBootstrapMapping[lang]);\r
      this.localeService.use(lang);\r
    }\r
  }\r
\r
  changeLanguage(lang: string) {\r
    LocaleHelper.setLocale(lang);\r
    window.location.reload();\r
  }\r
}\r