mirror of https://github.com/rancher/ui.git
81 lines
1.9 KiB
JavaScript
81 lines
1.9 KiB
JavaScript
import { alias } from '@ember/object/computed';
|
|
import { next } from '@ember/runloop';
|
|
import { inject as service } from '@ember/service';
|
|
import Component from '@ember/component';
|
|
import { normalizeName } from 'shared/settings/service';
|
|
import ModalBase from 'shared/mixins/modal-base';
|
|
import layout from './template';
|
|
|
|
const cmOpts = {
|
|
autofocus: true,
|
|
gutters: ['CodeMirror-lint-markers'],
|
|
lineNumbers: true,
|
|
lineWrapping: true,
|
|
lint: true,
|
|
mode: {
|
|
name: 'javascript',
|
|
json: true,
|
|
},
|
|
theme: 'monokai',
|
|
viewportMargin: Infinity,
|
|
};
|
|
|
|
export default Component.extend(ModalBase, {
|
|
settings: service(),
|
|
growl: service(),
|
|
layout,
|
|
classNames: ['modal-edit-setting', 'span-8', 'offset-2'],
|
|
|
|
codeMirrorOptions: cmOpts,
|
|
value: null,
|
|
formattedValue: null,
|
|
removing: false,
|
|
|
|
model: alias('modalService.modalOpts'),
|
|
|
|
init() {
|
|
this._super(...arguments);
|
|
|
|
if (this.get('model.kind') === 'json') {
|
|
this.set('formattedValue', JSON.stringify(JSON.parse(this.get('model.obj.value')), undefined, 2));
|
|
} else {
|
|
this.set('value', this.get('model.obj.value') || '');
|
|
}
|
|
},
|
|
|
|
didInsertElement() {
|
|
next(() => {
|
|
if ( this.isDestroyed || this.isDestroying ) {
|
|
return;
|
|
}
|
|
|
|
const elem = this.$('.form-control')[0]
|
|
|
|
if ( elem ) {
|
|
setTimeout(() => {
|
|
elem.focus();
|
|
}, 250);
|
|
}
|
|
});
|
|
},
|
|
|
|
actions: {
|
|
save(btnCb) {
|
|
this.get('settings').set(normalizeName(this.get('model.key')), this.get('value'));
|
|
this.get('settings').one('settingsPromisesResolved', () => {
|
|
btnCb(true);
|
|
this.send('done');
|
|
});
|
|
},
|
|
|
|
done() {
|
|
this.send('cancel');
|
|
window.location.href = window.location.href;
|
|
},
|
|
|
|
updateJson(json) {
|
|
this.set('value', json);
|
|
}
|
|
},
|
|
});
|