import 15.2.0 Octopus source

[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 * as _ from 'lodash';\r
import { defineLocale } from 'ngx-bootstrap/chronos';\r
import { BsLocaleService } from 'ngx-bootstrap/datepicker';\r
\r
import { LanguageService } from '../../services/language.service';\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: Record<string, any> = SupportedLanguages;\r
  selectedLanguage: string;\r
\r
  constructor(private localeService: BsLocaleService, private languageService: LanguageService) {}\r
\r
  ngOnInit() {\r
    this.selectedLanguage = this.languageService.getLocale();\r
    this.defineUsedLanguage();\r
\r
    this.languageService.getLanguages().subscribe((langs) => {\r
      this.supportedLanguages = _.pick(this.supportedLanguages, langs) as Object;\r
    });\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
  /**\r
   * Jest is being more restricted regarding spying on the reload method.\r
   * This will allow us to spyOn this method instead.\r
   */\r
  reloadWindow() {\r
    window.location.reload();\r
  }\r
\r
  changeLanguage(lang: string) {\r
    this.languageService.setLocale(lang);\r
    this.reloadWindow();\r
  }\r
}\r