Change form actions to fetch for submit review box (#25219)
Co-author: @wxiaoguang
Close #25096
The way to fix it in this PR is to change form submit to fetch using
formData, and add flags to avoid post repeatedly.
Should be able to apply to more forms that have the same issue after
this PR.
In the demo below, 'approve' is clicked several times, and then
'comment' is clicked several time after 'request changes' clicked.
After:
beabeb1d
-fe66-4b76-b048-4f022b4e83a0
Update: screenshots from /devtest
>

>
>

>
>

---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
This commit is contained in:
parent
6348823eab
commit
a43ea22479
14 changed files with 208 additions and 36 deletions
|
@ -1,17 +1,24 @@
|
|||
import $ from 'jquery';
|
||||
|
||||
export function handleGlobalEnterQuickSubmit(target) {
|
||||
const $target = $(target);
|
||||
const $form = $(target).closest('form');
|
||||
if ($form.length) {
|
||||
const form = target.closest('form');
|
||||
if (form) {
|
||||
if (!form.checkValidity()) {
|
||||
form.reportValidity();
|
||||
return;
|
||||
}
|
||||
|
||||
if (form.classList.contains('form-fetch-action')) {
|
||||
form.dispatchEvent(new SubmitEvent('submit', {bubbles: true, cancelable: true}));
|
||||
return;
|
||||
}
|
||||
|
||||
// here use the event to trigger the submit event (instead of calling `submit()` method directly)
|
||||
// otherwise the `areYouSure` handler won't be executed, then there will be an annoying "confirm to leave" dialog
|
||||
if ($form[0].checkValidity()) {
|
||||
$form.trigger('submit');
|
||||
}
|
||||
$(form).trigger('submit');
|
||||
} else {
|
||||
// if no form, then the editor is for an AJAX request, dispatch an event to the target, let the target's event handler to do the AJAX request.
|
||||
// the 'ce-' prefix means this is a CustomEvent
|
||||
$target.trigger('ce-quick-submit');
|
||||
target.dispatchEvent(new CustomEvent('ce-quick-submit', {bubbles: true}));
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue