ui/app/components/settings/theme-toggle/component.js

29 lines
654 B
JavaScript

import { computed } from '@ember/object';
import { inject as service } from '@ember/service';
import Component from '@ember/component';
import C from 'ui/utils/constants';
import layout from './template';
export default Component.extend({
prefs: service(),
userTheme: service('user-theme'),
layout,
actions: {
changeTheme(theme) {
var userTheme = this.get('userTheme');
var currentTheme = userTheme.getTheme();
if (theme !== currentTheme) {
userTheme.setTheme(theme);
}
}
},
theme: computed(`prefs.${ C.PREFS.THEME }`, function() {
return this.get(`prefs.${ C.PREFS.THEME }`);
}),
});