[incubator-superset] branch master updated: #6588 Clear all other query tabs (#6617)

[graceguo]

This is an automated email from the ASF dual-hosted git repository.

graceguo pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/incubator-superset.git


The following commit(s) were added to refs/heads/master by this push:
     new b143b16  #6588 Clear all other query tabs (#6617)
b143b16 is described below

commit b143b16dff6e92e32e0f10f4e1b9d114af210a31
Author: Yongjie Zhao <yongjie.z...@gmail.com>
AuthorDate: Sat Jan 12 08:35:53 2019 +0800

    #6588 Clear all other query tabs (#6617)
    
    * #6588 Clear all other query tabs
    
    * Improve SQLEditor methods bind
    
    * Update loop syntax
---
 .../src/SqlLab/components/TabbedSqlEditors.jsx     | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/superset/assets/src/SqlLab/components/TabbedSqlEditors.jsx 
b/superset/assets/src/SqlLab/components/TabbedSqlEditors.jsx
index da0d9d1..73c7448 100644
--- a/superset/assets/src/SqlLab/components/TabbedSqlEditors.jsx
+++ b/superset/assets/src/SqlLab/components/TabbedSqlEditors.jsx
@@ -41,6 +41,10 @@ class TabbedSqlEditors extends React.PureComponent {
       dataPreviewQueries: [],
       hideLeftBar: false,
     };
+    this.removeQueryEditor = this.removeQueryEditor.bind(this);
+    this.renameTab = this.renameTab.bind(this);
+    this.toggleLeftBar = this.toggleLeftBar.bind(this);
+    this.removeAllOtherQueryEditors = 
this.removeAllOtherQueryEditors.bind(this);
   }
   componentDidMount() {
     const query = URI(window.location).search(true);
@@ -152,6 +156,10 @@ class TabbedSqlEditors extends React.PureComponent {
   removeQueryEditor(qe) {
     this.props.actions.removeQueryEditor(qe);
   }
+  removeAllOtherQueryEditors(cqe) {
+    this.props.queryEditors
+      .forEach(qe => qe !== cqe && this.removeQueryEditor(qe));
+  }
   toggleLeftBar() {
     this.setState({ hideLeftBar: !this.state.hideLeftBar });
   }
@@ -171,7 +179,7 @@ class TabbedSqlEditors extends React.PureComponent {
 
       const tabTitle = (
         <div>
-          <TabStatusIcon onClose={this.removeQueryEditor.bind(this, qe)} 
tabState={state} />{' '}
+          <TabStatusIcon onClose={() => this.removeQueryEditor(qe)} 
tabState={state} />{' '}
           {qe.title}{' '}
           <DropdownButton
             bsSize="small"
@@ -179,24 +187,30 @@ class TabbedSqlEditors extends React.PureComponent {
             className="ddbtn-tab"
             title=""
           >
-            <MenuItem eventKey="1" onClick={this.removeQueryEditor.bind(this, 
qe)}>
+            <MenuItem eventKey="1" onClick={() => this.removeQueryEditor(qe)}>
               <div className="icon-container">
                 <i className="fa fa-close" />
               </div>
               {t('Close tab')}
             </MenuItem>
-            <MenuItem eventKey="2" onClick={this.renameTab.bind(this, qe)}>
+            <MenuItem eventKey="2" onClick={() => this.renameTab(qe)}>
               <div className="icon-container">
                 <i className="fa fa-i-cursor" />
               </div>
               {t('Rename tab')}
             </MenuItem>
-            <MenuItem eventKey="3" onClick={this.toggleLeftBar.bind(this)}>
+            <MenuItem eventKey="3" onClick={this.toggleLeftBar}>
               <div className="icon-container">
                 <i className="fa fa-cogs" />
               </div>
               {this.state.hideLeftBar ? t('Expand tool bar') : t('Hide tool 
bar')}
             </MenuItem>
+            <MenuItem eventKey="4" onClick={() => 
this.removeAllOtherQueryEditors(qe)}>
+              <div className="icon-container">
+                <i className="fa fa-times-circle-o" />
+              </div>
+              {t('Close all other tabs')}
+            </MenuItem>
           </DropdownButton>
         </div>
       );