const editButton = document.getElementById('enable-edit-mode')

const saveChangesButton = document.getElementById('save-changes');

const cancelChangesButton = document.getElementById('cancel-save-changes');

​

const enableEditModeStream = Rx.Observable.fromEvent(editButton, 'click')

.do(() => {

  editButton.setAttribute('disabled','disabled')

  saveChangesButton.removeAttribute('disabled');

  cancelChangesButton.removeAttribute('disabled');

});

​

const saveChangesStream = Rx.Observable.fromEvent(saveChangesButton, 'click')

  .do(() => {

    console.log('saving changes')

  });

const cancelChangesStream = Rx.Observable.fromEvent(cancelChangesButton, 'click');

​

const saveCancelEditModeStream = Rx.Observable.merge(

  saveChangesStream,

  cancelChangesStream

)

.do(() => {

  editButton.removeAttribute('disabled');

  saveChangesButton.setAttribute('disabled','disabled')

  cancelChangesButton.setAttribute('disabled','disabled')

});

​

Rx.Observable.merge(

  enableEditModeStream,

  saveCancelEditModeStream

)

.subscribe();

​