89136cbf6a
Manual interventions: • decorators on the same line for service and controller injections and most computed property macros • preserving import order when possible, both per-line and intra-line • moving new imports to the bottom • removal of classic decorator for trivial cases • conversion of init to constructor when appropriate
59 lines
1.4 KiB
JavaScript
59 lines
1.4 KiB
JavaScript
import Component from '@ember/component';
|
|
import { action } from '@ember/object';
|
|
import { next } from '@ember/runloop';
|
|
import { equal } from '@ember/object/computed';
|
|
import { task, waitForEvent } from 'ember-concurrency';
|
|
import RSVP from 'rsvp';
|
|
import { classNames } from '@ember-decorators/component';
|
|
import classic from 'ember-classic-decorator';
|
|
|
|
@classic
|
|
@classNames('two-step-button')
|
|
export default class TwoStepButton extends Component {
|
|
idleText = '';
|
|
cancelText = '';
|
|
confirmText = '';
|
|
confirmationMessage = '';
|
|
awaitingConfirmation = false;
|
|
disabled = false;
|
|
alignRight = false;
|
|
isInfoAction = false;
|
|
onConfirm() {}
|
|
onCancel() {}
|
|
|
|
state = 'idle';
|
|
@equal('state', 'idle') isIdle;
|
|
@equal('state', 'prompt') isPendingConfirmation;
|
|
|
|
@task(function*() {
|
|
while (true) {
|
|
let ev = yield waitForEvent(document.body, 'click');
|
|
if (!this.element.contains(ev.target) && !this.awaitingConfirmation) {
|
|
this.send('setToIdle');
|
|
}
|
|
}
|
|
})
|
|
cancelOnClickOutside;
|
|
|
|
@action
|
|
setToIdle() {
|
|
this.set('state', 'idle');
|
|
this.cancelOnClickOutside.cancelAll();
|
|
}
|
|
|
|
@action
|
|
promptForConfirmation() {
|
|
this.set('state', 'prompt');
|
|
next(() => {
|
|
this.cancelOnClickOutside.perform();
|
|
});
|
|
}
|
|
|
|
@action
|
|
confirm() {
|
|
RSVP.resolve(this.onConfirm()).then(() => {
|
|
this.send('setToIdle');
|
|
});
|
|
}
|
|
}
|