2020-01-18 10:13:50 +01:00
|
|
|
import classic from 'ember-classic-decorator';
|
|
|
|
import { classNames, tagName } from '@ember-decorators/component';
|
2018-12-29 01:27:37 +01:00
|
|
|
import { inject as service } from '@ember/service';
|
|
|
|
import Component from '@ember/component';
|
2016-06-20 19:28:10 +02:00
|
|
|
import localesMeta from 'croodle/locales/meta';
|
2015-11-20 02:18:19 +01:00
|
|
|
|
2020-01-18 10:13:50 +01:00
|
|
|
@classic
|
|
|
|
@tagName('select')
|
|
|
|
@classNames('language-select')
|
|
|
|
export default class LanguageSelect extends Component {
|
|
|
|
@service
|
2020-01-30 00:23:12 +01:00
|
|
|
intl;
|
2019-01-20 15:20:54 +01:00
|
|
|
|
2020-01-18 10:13:50 +01:00
|
|
|
@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-09-21 12:30:14 +02:00
|
|
|
change(event) {
|
|
|
|
const locale = event.target.value;
|
2018-12-29 20:35:04 +01:00
|
|
|
|
2020-01-30 00:23:12 +01:00
|
|
|
this.intl.set('locale', locale.includes('-') ? [locale, locale.split('-')[0]] : [locale]);
|
2019-01-20 15:20:54 +01:00
|
|
|
this.powerCalendar.set('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
|
|
|
}
|