import BufferedContent from 'discourse/mixins/buffered-content'; import SiteSetting from 'admin/models/site-setting'; const CustomTypes = ['bool', 'enum', 'list', 'url_list']; export default Ember.Component.extend(BufferedContent, Discourse.ScrollTop, { classNameBindings: [':row', ':setting', 'setting.overridden', 'typeClass'], content: Ember.computed.alias('setting'), dirty: Discourse.computed.propertyNotEqual('buffered.value', 'setting.value'), validationMessage: null, preview: function() { const preview = this.get('setting.preview'); if (preview) { return new Handlebars.SafeString("
" + preview.replace("{{value}}", this.get('buffered.value')) + "
"); } }.property('buffered.value'), typeClass: function() { return this.get('partialType').replace("_", "-"); }.property('partialType'), enabled: function(key, value) { if (arguments.length > 1) { this.set('buffered.value', value ? 'true' : 'false'); } const bufferedValue = this.get('buffered.value'); if (Ember.isEmpty(bufferedValue)) { return false; } return bufferedValue === 'true'; }.property('buffered.value'), settingName: function() { return this.get('setting.setting').replace(/\_/g, ' '); }.property('setting.setting'), partialType: function() { let type = this.get('setting.type'); return (CustomTypes.indexOf(type) !== -1) ? type : 'string'; }.property('setting.type'), partialName: function() { return 'admin/templates/site-settings/' + this.get('partialType'); }.property('partialType'), _watchEnterKey: function() { const self = this; this.$().on("keydown.site-setting-enter", ".input-setting-string", function (e) { if (e.keyCode === 13) { // enter key self._save(); } }); }.on('didInsertElement'), _removeBindings: function() { this.$().off("keydown.site-setting-enter"); }.on("willDestroyElement"), _save() { const setting = this.get('buffered'); const self = this; SiteSetting.update(setting.get('setting'), setting.get('value')).then(function() { self.set('validationMessage', null); self.commitBuffer(); }).catch(function(e) { if (e.responseJSON && e.responseJSON.errors) { self.set('validationMessage', e.responseJSON.errors[0]); } else { self.set('validationMessage', I18n.t('generic_error')); } }); }, actions: { save() { this._save(); }, resetDefault() { this.set('buffered.value', this.get('setting.default')); this._save(); }, cancel() { this.rollbackBuffer(); } } });