app/assets/javascripts/pages/projects/merge_requests/edit/check_form_state.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

import { serializeForm } from '~/lib/utils/forms';

const findForm = () => document.querySelector('.merge-request-form');
const serializeFormData = () => JSON.stringify(serializeForm(findForm()));

export default () => {
  const oldFormData = serializeFormData();

  const compareFormData = (e) => {
    const newFormData = serializeFormData();

    if (oldFormData !== newFormData) {
      e.preventDefault();
      // eslint-disable-next-line no-param-reassign
      e.returnValue = ''; // Chrome requires returnValue to be set
    }
  };

  window.addEventListener('beforeunload', compareFormData);

  findForm().addEventListener('submit', () =>
    window.removeEventListener('beforeunload', compareFormData),
  );
};