Ghost/ghost/admin/app/components/gh-token-input/trigger.js
Kevin Ansfield 3cc10bfa83 Updated members routes/controllers with Octane idioms
no issue

- ran [`ember-native-class-codemod`](https://github.com/ember-codemods/ember-native-class-codemod) on members-related files
- updated files to remove need for `@classic` decorator where possible
    - switched to tracked properties
    - removed usage of `this.get/set/toggleProperty` etc
- swapped usage of `{{action 'foo'}}` for `{{this.foo}}`
2020-05-20 16:39:31 +01:00

67 lines
2.7 KiB
JavaScript

import EmberPowerSelectMultipleTrigger from 'ember-power-select/components/power-select-multiple/trigger';
import {action, get} from '@ember/object';
import {assert} from '@ember/debug';
import {isBlank} from '@ember/utils';
export default class Trigger extends EmberPowerSelectMultipleTrigger {
@action
handleOptionMouseDown(event) {
if (!event.target.closest('[data-selected-index]')) {
let optionMouseDown = this.args.extra.optionMouseDown;
if (optionMouseDown) {
return optionMouseDown(event);
}
}
return this.chooseOption(event);
}
@action
handleOptionTouchStart(event) {
let optionTouchStart = this.args.extra.optionTouchStart;
if (optionTouchStart) {
return optionTouchStart(event);
}
}
@action
reorderItems() {
// ember-drag-drop's sortable-objects has two-way bindings and will
// update EPS' selected value directly. We have to create a copy
// after sorting in order to force the onchange action to be triggered
let selectedCopy = this.args.select.selected.slice();
this.args.select.actions.select(selectedCopy);
}
// copied directly from EPS, the default behaviour of stopping propagation
// of keydown events prevents our shortcuts from being triggered
@action
handleKeydown(e) {
if (this.args.onKeydown && this.args.onKeydown(e) === false) {
e.stopPropagation();
return false;
}
if (e.keyCode === 8) {
e.stopPropagation();
if (isBlank(e.target.value)) {
let lastSelection = this.args.select.selected[this.args.select.selected.length - 1];
if (lastSelection) {
this.args.select.actions.select(this.args.buildSelection(lastSelection, this.args.select), e);
if (typeof lastSelection === 'string') {
this.args.select.actions.search(lastSelection);
} else {
let searchField = this.searchField;
assert('`{{power-select-multiple}}` requires a `searchField` when the options are not strings to remove options using backspace', searchField);
this.args.select.actions.search(get(lastSelection, searchField));
}
this.args.select.actions.open(e);
}
}
}
// Disable the propagation cancellation so that our shortcuts still work
// } else if (e.keyCode >= 48 && e.keyCode <= 90 || e.keyCode === 32) { // Keys 0-9, a-z or SPACE
// e.stopPropagation();
// }
}
}