Ghost/ghost/admin/app/components/settings/navigation/nav-item.js

63 lines
1.6 KiB
JavaScript
Raw Normal View History

import Component from '@ember/component';
import ValidationState from 'ghost-admin/mixins/validation-state';
import boundOneWay from 'ghost-admin/utils/bound-one-way';
import {computed} from '@ember/object';
import {readOnly} from '@ember/object/computed';
import {run} from '@ember/runloop';
export default Component.extend(ValidationState, {
classNames: 'gh-blognav-item',
classNameBindings: ['errorClass', 'navItem.isNew::gh-blognav-item--sortable'],
new: false,
// closure actions
addItem() {},
deleteItem() {},
updateUrl() {},
updateLabel() {},
label: boundOneWay('navItem.label'),
url: boundOneWay('navItem.url'),
2016-01-19 16:03:27 +03:00
errors: readOnly('navItem.errors'),
errorClass: computed('hasError', function () {
return this.hasError ? 'gh-blognav-item--error' : '';
}),
actions: {
addItem(item) {
this.addItem(item);
},
deleteItem(item) {
this.deleteItem(item);
},
updateUrl(value) {
return this.updateUrl(value, this.navItem);
},
updateLabel(value) {
this.set('label', value);
return this.updateLabel(value, this.navItem);
},
clearLabelErrors() {
this.get('navItem.errors').remove('label');
},
clearUrlErrors() {
this.get('navItem.errors').remove('url');
}
},
keyPress(event) {
// enter key
if (event.keyCode === 13 && this.get('navItem.isNew')) {
event.preventDefault();
run.scheduleOnce('actions', this, this.send, 'addItem', this.navItem);
}
}
});