[Issue Tracker] jQuery cleanup

Author: laemtl

.eslintrc.json

@@ -127,7 +127,6 @@
     {
       "files": [
         "modules/media/**",
-        "modules/issue_tracker/**",
         "modules/candidate_parameters/**",
         "modules/conflict_resolver/**",
         "modules/bvl_feedback/**",

modules/issue_tracker/jsx/IssueForm.js

@@ -348,39 +348,46 @@ class IssueForm extends Component {
    * Creates an ajax request and sets the state with the result
    */
   getFormData() {
-    $.ajax(this.props.DataURL, {
-      dataType: 'json',
-      success: function(data) {
-        let newIssue = !data.issueData.issueID;
-        let formData = data.issueData;
-        // ensure that if the user is at multiple sites and
-        // its a new issue, the centerID (which is a dropdown)
-        // is set to the empty option instead of an array of
-        // the user's sites.
-        if (newIssue) {
-          formData.centerID = null;
-        } else {
-          // if we edit an issue
-          // a NULL centerID (= All Sites) is converted to the ALL Sites option
-          if (formData.centerID == null) {
-            formData.centerID = 'all';
+    fetch(this.props.DataURL, {
+      method: 'GET',
+    }).then((response) => {
+      if (response.status !== 200) {
+        console.error(response.status);
+        return;
+      }
+
+      response.json().then(
+        (data) => {
+          let newIssue = !data.issueData.issueID;
+          let formData = data.issueData;
+          // ensure that if the user is at multiple sites and
+          // its a new issue, the centerID (which is a dropdown)
+          // is set to the empty option instead of an array of
+          // the user's sites.
+          if (newIssue) {
+            formData.centerID = null;
+          } else {
+            // if we edit an issue
+            // a NULL centerID (= All Sites) is converted to the ALL Sites option
+            if (formData.centerID == null) {
+              formData.centerID = 'all';
+            }
           }
-        }
 
-        this.setState({
-          Data: data,
-          isLoaded: true,
-          issueData: data.issueData,
-          formData: formData,
-          isNewIssue: !data.issueData.issueID,
-        });
-      }.bind(this),
-      error: function(err) {
-        this.setState({
-          error: 'An error occurred when loading the form!\n Error: ' +
-          err.status + ' (' + err.statusText + ')',
-        });
-      }.bind(this),
+          this.setState({
+            Data: data,
+            isLoaded: true,
+            issueData: data.issueData,
+            formData: formData,
+            isNewIssue: !data.issueData.issueID,
+          });
+        }
+      );
+    }).catch((error) => {
+      console.error(error);
+      this.setState({
+        loadError: 'An error occurred when loading the form!',
+      });
     });
   }
 
@@ -415,15 +422,16 @@ class IssueForm extends Component {
       }
     }
 
-    $.ajax({
-      type: 'POST',
-      url: this.props.action,
-      data: formData,
-      cache: false,
-      dataType: 'json',
-      contentType: false,
-      processData: false,
-      success: function(data) {
+    fetch(this.props.action, {
+      method: 'POST',
+      body: formData,
+    }).then((response) => {
+      if (response.status !== 200) {
+        console.error(response.status);
+        return;
+      }
+
+      response.json().then((data) => {
         let msgType = 'success';
         let message = this.state.isNewIssue ?
           'You will be redirected to main page in 2 seconds!' :
@@ -433,15 +441,14 @@ class IssueForm extends Component {
           submissionResult: 'success',
           issueID: data.issueID,
         });
-      }.bind(this),
-      error: function(err) {
-        console.error(err);
-        this.setState({submissionResult: 'error'});
-        let msgType = 'error';
-        let message = err.responseJSON.message || 'Failed to submit issue :(';
-
-        this.showAlertMessage(msgType, message);
-      }.bind(this),
+      });
+    }).catch((error) => {
+      console.error(error);
+
+      this.setState({submissionResult: 'error'});
+      let msgType = 'error';
+      let message = 'Failed to submit issue :(';
+      this.showAlertMessage(msgType, message);
     });
   }