text: /* eslint-disable ghost/ember/alias-model-in-controller */
  import Controller from '@ember/controller';
  import {alias} from '@ember/object/computed';
  import {inject as service} from '@ember/service';
  import {task} from 'ember-concurrency';
  
  export default Controller.extend({
      notifications: service(),
      settings: service(),
  
      dirtyAttributes: null,
      rollbackValue: null,
      leaveSettingsTransition: null,
  
      unsplashSettings: alias('settings.unsplash'),
  
      actions: {
          save() {
              this.save.perform();
          },
  
          update(value) {
              if (!this.dirtyAttributes) {
                  this.set('rollbackValue', this.get('unsplashSettings.isActive'));
              }
              this.set('unsplashSettings.isActive', value);
              this.set('dirtyAttributes', true);
          },
  
          toggleLeaveSettingsModal(transition) {
              let leaveTransition = this.leaveSettingsTransition;
  
              if (!transition && this.showLeaveSettingsModal) {
                  this.set('leaveSettingsTransition', null);
                  this.set('showLeaveSettingsModal', false);
                  return;
              }
  
              if (!leaveTransition || transition.targetName === leaveTransition.targetName) {
                  this.set('leaveSettingsTransition', transition);
  
                  // if a save is running, wait for it to finish then transition
                  if (this.get('save.isRunning')) {
                      return this.get('save.last').then(() => {
                          transition.retry();
                      });
                  }
  
                  // we genuinely have unsaved data, show the modal
                  this.set('showLeaveSettingsModal', true);
              }
          },
  
          leaveSettings() {
              let transition = this.leaveSettingsTransition;
  
              if (!transition) {
                  this.notifications.showAlert('Sorry, there was an error in the application. Please let the Ghost team know what happened.', {type: 'error'});
                  return;
              }
  
              // roll back changes on model props
              this.set('unsplashSettings.isActive', this.rollbackValue);
              this.set('dirtyAttributes', false);
              this.set('rollbackValue', null);
  
              return transition.retry();
          }
      },
  
      save: task(function* () {
          let unsplash = this.unsplashSettings;
          let settings = this.settings;
  
          try {
              settings.set('unsplash', unsplash);
              this.set('dirtyAttributes', false);
              this.set('rollbackValue', null);
              return yield settings.save();
          } catch (error) {
              if (error) {
                  this.notifications.showAPIError(error);
                  throw error;
              }
          }
      }).drop()
  });
  