Implement stop query functionality. (#2387)

* Implement stop query functionality.

* Address comments

superset/assets/javascripts/SqlLab/actions.js

@@ -142,6 +142,24 @@ export function runQuery(query) {
   };
 }
 
+export function postStopQuery(query) {
+  return function (dispatch) {
+    const stopQueryUrl = '/superset/stop_query/';
+    const stopQueryRequestData = { client_id: query.id };
+    $.ajax({
+      type: 'POST',
+      dataType: 'json',
+      url: stopQueryUrl,
+      data: stopQueryRequestData,
+      success() {
+        if (!query.runAsync) {
+          dispatch(stopQuery(query));
+        }
+      },
+    });
+  };
+}
+
 export function setDatabases(databases) {
   return { type: SET_DATABASES, databases };
 }

superset/assets/javascripts/SqlLab/components/SqlEditor.jsx

@@ -83,7 +83,7 @@ class SqlEditor extends React.PureComponent {
     this.props.actions.setActiveSouthPaneTab('Results');
   }
   stopQuery() {
-    this.props.actions.stopQuery(this.props.latestQuery);
+    this.props.actions.postStopQuery(this.props.latestQuery);
   }
   createTableAs() {
     this.startQuery(true, true);