managing modal dialogs with promises

1.js

orgChart = {

  addNewEmployee: function(){
    var employeeDetail = this.getEmployeeDetail();
    
    employeeDetail.on("cancel", () => {
      // the modal was cancelled... 
      // go back to previous UI / step / whatever
    });
    
    employeeDetail.on("complete", (detail) => {
      // the detail was entered. use it wherever
      // and then move the UI forward to the next step
    });
    
  },

  getEmployeeDetail: function(){
    var form = new EmployeeDetailForm();
    form.render();
    
    // use a modal dialog, here
    $("#my-modal").modal(form.el);
    
    return form;
  }
}

2.js

orgChart = {

  addNewEmployee: function(){
    var employeeDetail = this.getEmployeeDetail();
    
    employeeDetail.on("close", (result) => {
      if (result.cancelled) {

        // the modal was cancelled... 
        // go back to previous UI / step / whatever
        
      } else {
        
        // it was completed
        // pass any data needed as "result.data" and
        // use that data wherever it is needed
        // then move the UI forward to the next step
        
      }
    });
    
  },

  getEmployeeDetail: function(){
    var form = new EmployeeDetailForm();
    form.render();
    
    // use a modal dialog, here
    $("#my-modal").modal(form.el);
    
    return form;
  }
}

3.js

new Promise((resolve, reject) => {
  // some work was done
  resolve(result);
  
  //or
  
  // the work failed
  reject(reason);
});

4.js

var p = new Promise(function(resolve, reject){
  reject("some reason");
});

function onReject(reason){
  console.log(reason);
}

p.then(undefined, onReject)
p.catch(onReject);

5.js

var p = new Promise(function(resolve, reject){
  throw new Error("some error");
});

function onReject(reason){
  console.log(reason);
}

p.then(undefined, onReject);
p.catch(onReject);

6.js

orgChart = {

  addNewEmployee: function(){
    var employeeDetail = this.getEmployeeDetail();
    
    employeeDetail.then((result) => {
      if (result.cancelled) {

        // the modal was cancelled... 
        // go back to previous UI / step / whatever
        
      } else {
        
        // it was completed
        // pass any data needed as "result.data" and
        // use that data wherever it is needed
        // then move the UI forward to the next step
        
      }
    });
  },

  getEmployeeDetail: function(){
    var formP = ... // some code to get a promise from the dialog
    return formP;
  }
}