`);
+ if (err === true) {
+ $formConfirmation.find('.kn-form-reload').hide();
+ } else {
+ $formConfirmation.find('.kn-form-reload').show();
+ }
+ }
+
+ function clearMessages() {
+ // Form messages come from Knack JS - they know the form is still visible. form-confirm is used
+ // when form might have been hidden
+ $formConfirmation.find('.kn-message').remove();
+ $form.find('.kn-message').remove();
+ $formConfirmation.hide();
+ }
+
+ function handleFormSubmit(event) {
+ event.preventDefault();
+
+ // Show progress and prevent an impatient click
+ Knack.showSpinner();
+ $formSubmitBtn.addClass("is-loading");
+ $formSubmitBtn.prop('disabled', true);
+
+ // Grab all other data items from the form into a simple key-value object
+ var formData = $form.serializeArray().reduce(function (output, value) {
+ var field = value.name.split('-').pop(); // Not sure why but multichoice does `view_id-field_id`
+ output[field] = value.value
+ return output
+ }, {});
+
+ var targetUrl = `${Knack.api_url}/v1/pages/${sceneId}/views/${viewId}/records`
+
+ const upload = file => new Promise((res, rej) => {
+ // Add the one file we are submitting to the existing form data
+ formDataClone = { ...formData };
+ formDataClone[fieldId] = file.responseText.id;
+
+ var jqXHR = $.ajax({
+ type: 'POST',
+ url: targetUrl,
+ headers: knackHeaders,
+ data: formDataClone,
+ enctype: 'multipart/form-data'
+ });
+
+ // Mark uploaded file with record created
+ // TODO - should we just remove it from the dropzone? That might be
+ // simpler than maintaining a list in memory
+ jqXHR.done(() => {
+ file['knackRecordCreated'] = true;
+ res();
+ });
+
+ jqXHR.fail((xhr, textStatus, errorThrown) => {
+ let json = JSON.parse(xhr.responseText);
+ let errMsg = "Unknown Error";
+ if (json && json.errors) {
+ errMsg = json.errors.reduce((acc, cur) => acc + `
${cur.message}
`, "");
+ }
+ rej(errMsg);
+ });
+ });
+
+ clearMessages();
+ // TODO handle HTTP 429 events
+ // TODO try #s > 2 to see how well it works
+ asyncPool(2, files, upload)
+ .then(() => {
+ console.log("success");
+ $form.hide();
+ history.back(); // go back to parent page
+ //showMessage(false, "Form submitted"); // reload form
+ })
+ .catch((errors) => {
+ log("errors");
+ console.log(errors);
+ $formSubmitBtn.removeClass("is-loading");
+ Knack.hideSpinner();
+ showMessage(true, errors);
+ $formSubmitBtn.prop('disabled', false);
+ });
+ }
+});
+
+function asyncPool(poolLimit, array, iteratorFn) {
+ let i = 0;
+ const ret = [];
+ const executing = [];
+ const enqueue = function() {
+ if (i === array.length) {
+ return Promise.resolve();
+ }
+ const item = array[i++];
+ const p = Promise.resolve().then(() => iteratorFn(item, array));
+ ret.push(p);
+
+ let r = Promise.resolve();
+
+ if (poolLimit <= array.length) {
+ const e = p.then(() => executing.splice(executing.indexOf(e), 1));
+ executing.push(e);
+ if (executing.length >= poolLimit) {
+ r = Promise.race(executing);
+ }
+ }
+ return r.then(() => enqueue());
+ };
+ return enqueue().then(() => Promise.all(ret));
+}
\ No newline at end of file