debian-mirror-gitlab/app/assets/javascripts/lib/utils/rails_ujs.js

Ignoring revisions in .git-blame-ignore-revs. Click here to bypass and see the normal blame view.

60 lines
1.9 KiB
JavaScript
Raw Normal View History

2021-01-03 14:25:43 +05:30
import Rails from '@rails/ujs';
2021-12-11 22:18:48 +05:30
import { confirmViaGlModal } from './confirm_via_gl_modal/confirm_via_gl_modal';
2022-05-07 20:08:51 +05:30
import { ignoreWhilePending } from './ignore_while_pending';
2021-12-11 22:18:48 +05:30
function monkeyPatchConfirmModal() {
/**
* This function is used to replace the `Rails.confirm` which uses `window.confirm`
*
* This function opens a confirmation modal which will resolve in a promise.
* Because the `Rails.confirm` API is synchronous, we go with a little hack here:
*
* 1. User clicks on something with `data-confirm`
* 2. We open the modal and return `false`, ending the "Rails" event chain
* 3. If the modal is closed and the user "confirmed" the action
* 1. replace the `Rails.confirm` with a function that always returns `true`
* 2. click the same element programmatically
*
* @param message {String} Message to be shown in the modal
* @param element {HTMLElement} Element that was clicked on
* @returns {boolean}
*/
2022-05-07 20:08:51 +05:30
const safeConfirm = ignoreWhilePending(confirmViaGlModal);
2021-12-11 22:18:48 +05:30
function confirmViaModal(message, element) {
2022-05-07 20:08:51 +05:30
safeConfirm(message, element)
2021-12-11 22:18:48 +05:30
.then((confirmed) => {
if (confirmed) {
Rails.confirm = () => true;
element.click();
Rails.confirm = confirmViaModal;
}
})
.catch(() => {});
return false;
}
Rails.confirm = confirmViaModal;
}
2022-07-23 23:45:48 +05:30
monkeyPatchConfirmModal();
2021-01-03 14:25:43 +05:30
export const initRails = () => {
// eslint-disable-next-line no-underscore-dangle
if (!window._rails_loaded) {
Rails.start();
// Count XHR requests for tests. See spec/support/helpers/wait_for_requests.rb
window.pendingRailsUJSRequests = 0;
document.body.addEventListener('ajax:complete', () => {
window.pendingRailsUJSRequests -= 1;
});
document.body.addEventListener('ajax:beforeSend', () => {
window.pendingRailsUJSRequests += 1;
});
}
};
export { Rails };