New: Many UI Updates and Performance Tweaks

frontend/src/Store/Actions/Settings/delayProfiles.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
-import $ from 'jquery';
 import { createAction } from 'redux-actions';
+import createAjaxRequest from 'Utilities/createAjaxRequest';
 import { createThunk } from 'Store/thunks';
 import createSetSettingValueReducer from 'Store/Actions/Creators/Reducers/createSetSettingValueReducer';
 import createFetchHandler from 'Store/Actions/Creators/createFetchHandler';
@@ -82,10 +82,10 @@ export default {
       const after = moveIndex > 0 ? _.find(delayProfiles, { order: moveIndex }) : null;
       const afterQueryParam = after ? `after=${after.id}` : '';
 
-      const promise = $.ajax({
+      const promise = createAjaxRequest({
         method: 'PUT',
         url: `/delayprofile/reorder/${id}?${afterQueryParam}`
-      });
+      }).request;
 
       promise.done((data) => {
         dispatch(update({ section, data }));

frontend/src/Store/Actions/Settings/namingExamples.js

@@ -1,5 +1,5 @@
-import $ from 'jquery';
 import { batchActions } from 'redux-batched-actions';
+import createAjaxRequest from 'Utilities/createAjaxRequest';
 import { createThunk } from 'Store/thunks';
 import { set, update } from 'Store/Actions/baseActions';
 
@@ -42,10 +42,10 @@ export default {
 
       const naming = getState().settings.naming;
 
-      const promise = $.ajax({
+      const promise = createAjaxRequest({
         url: '/config/naming/examples',
         data: Object.assign({}, naming.item, naming.pendingChanges)
-      });
+      }).request;
 
       promise.done((data) => {
         dispatch(batchActions([

frontend/src/Store/Actions/Settings/qualityDefinitions.js

@@ -1,7 +1,7 @@
 import _ from 'lodash';
-import $ from 'jquery';
 import { createAction } from 'redux-actions';
 import { batchActions } from 'redux-batched-actions';
+import createAjaxRequest from 'Utilities/createAjaxRequest';
 import getSectionState from 'Utilities/State/getSectionState';
 import updateSectionState from 'Utilities/State/updateSectionState';
 import { createThunk } from 'Store/thunks';
@@ -75,11 +75,11 @@ export default {
         isSaving: true
       }));
 
-      const promise = $.ajax({
+      const promise = createAjaxRequest({
         method: 'PUT',
         url: '/qualityDefinition/update',
         data: JSON.stringify(upatedDefinitions)
-      });
+      }).request;
 
       promise.done((data) => {
         dispatch(batchActions([