fraport/fradrive-old
Archived
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix async forms in modals

Browse Source
This commit is contained in:
Felix Hamann 2019-04-09 22:14:35 +02:00
parent 09a5ab94dd
commit 1824b12ae2
1 changed files with 13 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
static/js/utils/asyncForm.js
View File

@ -21,7 +21,10 @@
var ASYNC_FORM_RESPONSE_CLASS = 'async-form__response'; var ASYNC_FORM_RESPONSE_CLASS = 'async-form__response';
var ASYNC_FORM_LOADING_CLASS = 'async-form--loading'; var ASYNC_FORM_LOADING_CLASS = 'async-form--loading';
var ASYNC_FORM_MIN_DELAY = 600; var ASYNC_FORM_MIN_DELAY = 600;
var ASYNC_FORM_DEFAULT_FAILURE_MESSAGE = 'The response we received from the server did not match what we expected. Please let us know this happened via the help widget in the top navigation.';
var MODAL_SELECTOR = '.modal';
var MODAL_HEADER_KEY = 'Is-Modal';
var MODAL_HEADER_VALUE = 'True';
var asyncFormUtil = function(element) { var asyncFormUtil = function(element) {
@ -72,6 +75,10 @@
function submitHandler(event) { function submitHandler(event) {
event.preventDefault(); event.preventDefault();
if (!HttpClient) {
throw new Error('HttpClient not found! Can\'t fetch submit form asynchronously!');
}
element.classList.add(ASYNC_FORM_LOADING_CLASS) element.classList.add(ASYNC_FORM_LOADING_CLASS)
lastRequestTimestamp = Date.now(); lastRequestTimestamp = Date.now();
@ -79,13 +86,12 @@
var headers = { }; var headers = { };
var body = new FormData(element); var body = new FormData(element);
if (options && options.headers) { var isModal = element.closest(MODAL_SELECTOR);
Object.keys(options.headers).forEach(function(headerKey) { if (!!isModal) {
headers[headerKey] = options.headers[headerKey]; headers[MODAL_HEADER_KEY] = MODAL_HEADER_VALUE;
});
} }
window.utils.httpClient.post(url, headers, body) HttpClient.post(url, headers, body)
.then(function(response) { .then(function(response) {
if (response.headers.get("content-type").indexOf("application/json") !== -1) {// checking response header if (response.headers.get("content-type").indexOf("application/json") !== -1) {// checking response header
return response.json(); return response.json();
@ -95,10 +101,7 @@
}).then(function(response) { }).then(function(response) {
processResponse(response[0]); processResponse(response[0]);
}).catch(function(error) { }).catch(function(error) {
var failureMessage = ASYNC_FORM_DEFAULT_FAILURE_MESSAGE; var failureMessage = I18n.get('asyncFormFailure');
if (options.i18n && options.i18n.asyncFormFailure) {
failureMessage = options.i18n.asyncFormFailure;
}
processResponse({ content: failureMessage }); processResponse({ content: failureMessage });
element.classList.remove(ASYNC_FORM_LOADING_CLASS); element.classList.remove(ASYNC_FORM_LOADING_CLASS);