2023-10-15 19:11:08 +02:00
|
|
|
import Component from '@glimmer/component';
|
2018-12-29 01:27:37 +01:00
|
|
|
import { inject as service } from '@ember/service';
|
2016-06-20 19:28:10 +02:00
|
|
|
import localesMeta from 'croodle/locales/meta';
|
2023-10-15 19:11:08 +02:00
|
|
|
import { action } from '@ember/object';
|
2015-11-20 02:18:19 +01:00
|
|
|
|
2020-01-18 10:13:50 +01:00
|
|
|
export default class LanguageSelect extends Component {
|
2023-10-15 19:11:08 +02:00
|
|
|
@service intl;
|
|
|
|
@service powerCalendar;
|
2015-11-20 02:18:19 +01:00
|
|
|
|
2023-09-21 12:30:14 +02:00
|
|
|
get currentLocale() {
|
|
|
|
return this.intl.primaryLocale;
|
|
|
|
}
|
2020-01-18 10:13:50 +01:00
|
|
|
|
|
|
|
get locales() {
|
2023-09-21 12:30:14 +02:00
|
|
|
return localesMeta;
|
2020-01-18 10:13:50 +01:00
|
|
|
}
|
2015-11-20 02:18:19 +01:00
|
|
|
|
2023-10-15 19:11:08 +02:00
|
|
|
@action
|
|
|
|
handleChange(event) {
|
2023-09-21 12:30:14 +02:00
|
|
|
const locale = event.target.value;
|
2018-12-29 20:35:04 +01:00
|
|
|
|
2023-10-15 20:37:03 +02:00
|
|
|
this.intl.locale = locale.includes('-')
|
|
|
|
? [locale, locale.split('-')[0]]
|
|
|
|
: [locale];
|
2023-10-15 19:11:08 +02:00
|
|
|
this.powerCalendar.locale = locale;
|
2018-12-29 20:35:04 +01:00
|
|
|
|
|
|
|
if (window.localStorage) {
|
|
|
|
window.localStorage.setItem('locale', locale);
|
|
|
|
}
|
2015-11-20 02:18:19 +01:00
|
|
|
}
|
2020-01-18 10:13:50 +01:00
|
|
|
}
|