2017-08-22 09:53:26 +02:00
|
|
|
import Component from '@ember/component';
|
2017-04-05 19:45:35 +02:00
|
|
|
import moment from 'moment';
|
2017-08-22 09:53:26 +02:00
|
|
|
import {computed} from '@ember/object';
|
|
|
|
import {mapBy} from '@ember/object/computed';
|
2017-10-30 10:38:01 +01:00
|
|
|
import {inject as service} from '@ember/service';
|
2016-07-26 12:24:37 +02:00
|
|
|
|
|
|
|
export default Component.extend({
|
2018-01-11 18:43:23 +01:00
|
|
|
clock: service(),
|
|
|
|
|
2016-07-26 12:24:37 +02:00
|
|
|
classNames: ['form-group', 'for-select'],
|
|
|
|
|
|
|
|
activeTimezone: null,
|
|
|
|
availableTimezones: null,
|
|
|
|
|
2018-03-20 15:57:59 +01:00
|
|
|
// Allowed actions
|
|
|
|
update: () => {},
|
|
|
|
|
2016-07-26 12:24:37 +02:00
|
|
|
availableTimezoneNames: mapBy('availableTimezones', 'name'),
|
|
|
|
|
|
|
|
hasTimezoneOverride: computed('activeTimezone', 'availableTimezoneNames', function () {
|
2019-03-06 14:53:54 +01:00
|
|
|
let activeTimezone = this.activeTimezone;
|
|
|
|
let availableTimezoneNames = this.availableTimezoneNames;
|
2016-07-26 12:24:37 +02:00
|
|
|
|
2016-09-24 17:48:06 +02:00
|
|
|
return !availableTimezoneNames.includes(activeTimezone);
|
2016-07-26 12:24:37 +02:00
|
|
|
}),
|
|
|
|
|
|
|
|
selectedTimezone: computed('activeTimezone', 'availableTimezones', 'hasTimezoneOverride', function () {
|
2019-03-06 14:53:54 +01:00
|
|
|
let hasTimezoneOverride = this.hasTimezoneOverride;
|
|
|
|
let activeTimezone = this.activeTimezone;
|
|
|
|
let availableTimezones = this.availableTimezones;
|
2016-07-26 12:24:37 +02:00
|
|
|
|
|
|
|
if (hasTimezoneOverride) {
|
|
|
|
return {name: '', label: ''};
|
|
|
|
}
|
|
|
|
|
|
|
|
return availableTimezones
|
|
|
|
.filterBy('name', activeTimezone)
|
|
|
|
.get('firstObject');
|
|
|
|
}),
|
|
|
|
|
|
|
|
selectableTimezones: computed('availableTimezones', 'hasTimezoneOverride', function () {
|
2019-03-06 14:53:54 +01:00
|
|
|
let hasTimezoneOverride = this.hasTimezoneOverride;
|
|
|
|
let availableTimezones = this.availableTimezones;
|
2016-07-26 12:24:37 +02:00
|
|
|
|
|
|
|
if (hasTimezoneOverride) {
|
|
|
|
return [{name: '', label: ''}, ...availableTimezones];
|
|
|
|
}
|
|
|
|
|
|
|
|
return availableTimezones;
|
|
|
|
}),
|
|
|
|
|
|
|
|
localTime: computed('hasTimezoneOverride', 'activeTimezone', 'selectedTimezone', 'clock.second', function () {
|
2019-03-06 14:53:54 +01:00
|
|
|
let hasTimezoneOverride = this.hasTimezoneOverride;
|
|
|
|
let timezone = hasTimezoneOverride ? this.activeTimezone : this.get('selectedTimezone.name');
|
2016-07-26 12:24:37 +02:00
|
|
|
|
|
|
|
this.get('clock.second');
|
|
|
|
return timezone ? moment().tz(timezone).format('HH:mm:ss') : moment().utc().format('HH:mm:ss');
|
|
|
|
}),
|
|
|
|
|
|
|
|
actions: {
|
|
|
|
setTimezone(timezone) {
|
2018-03-20 15:57:59 +01:00
|
|
|
this.update(timezone);
|
2016-07-26 12:24:37 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|