Ghost/ghost/admin/app/components/gh-search-input-trigger.js
Kevin Ansfield 352c4af1d7 Refactored usage of .get('property') with es5 getters
no issue
- ran [es5-getter-ember-codemod](https://github.com/rondale-sc/es5-getter-ember-codemod)
- [es5 getters RFC](https://github.com/emberjs/rfcs/blob/master/text/0281-es5-getters.md)
- updates the majority of `object.get('property')` with `object.property` with exceptions:
  - `.get('nested.property')` - it's not possible to determine if this is relying on "safe" path chaining for when `nested` doesn't exist
  - `.get('config.x')` and `.get('settings.x')` - both our `config` and `settings` services are proxy objects which do not support es5 getters
- this PR is not exhaustive, there are still a number of places where `.get('service.foo')` and similar could be replaced but it gets us a long way there in a quick and automated fashion
2019-03-06 13:54:14 +00:00

55 lines
1.3 KiB
JavaScript

import Component from '@ember/component';
import {isBlank} from '@ember/utils';
export default Component.extend({
actions: {
captureMouseDown(e) {
e.stopPropagation();
},
search(term) {
// open dropdown if not open and term is present
// close dropdown if open and term is blank
if (isBlank(term) === this.get('select.isOpen')) {
isBlank(term) ? this.close() : this.open();
// ensure focus isn't lost when dropdown is closed
if (isBlank(term)) {
this._focusInput();
}
}
this.select.actions.search(term);
},
focusInput() {
this._focusInput();
},
resetInput() {
this.$('input').val('');
},
handleKeydown(e) {
let select = this.select;
// TODO: remove keycode check once EPS is updated to 1.0
if (!select.isOpen || e.keyCode === 32) {
e.stopPropagation();
}
}
},
open() {
this.get('select.actions').open();
},
close() {
this.get('select.actions').close();
},
_focusInput() {
this.$('input')[0].focus();
}
});