open-nomad/ui/app/components/two-step-button.js

import Component from '@ember/component';
import { equal } from '@ember/object/computed';
import RSVP from 'rsvp';

export default Component.extend({
  classNames: ['two-step-button'],

  idleText: '',
  cancelText: '',
  confirmText: '',
  confirmationMessage: '',
  awaitingConfirmation: false,
  onConfirm() {},
  onCancel() {},

  state: 'idle',
  isIdle: equal('state', 'idle'),
  isPendingConfirmation: equal('state', 'prompt'),

  actions: {
    setToIdle() {
      this.set('state', 'idle');
    },
    promptForConfirmation() {
      this.set('state', 'prompt');
    },
    confirm() {
      RSVP.resolve(this.get('onConfirm')()).then(() => {
        this.send('setToIdle');
      });
    },
  },
});