[DQT] Fix for Manage Saved Queries Tab (#5807)

Fixes a bug of when clicking on the "Manage Saved Queries" tab, then clicking on other tabs and then trying to click the Managed Saved Queries tab. The bug wouldn't let you view the content of the "Managed Saved Queries" tab again. Resolves #5806
aces · Nov 29, 2019 · 646687f · 646687f
1 parent 01e5692
commit 646687f
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/modules/dataquery/jsx/react.app.js b/modules/dataquery/jsx/react.app.js
@@ -77,7 +77,7 @@ class SavedQueriesList extends Component {
             {globalSaved}
           </ul>
         </li>
-        <li role='presentation'><a href='#SavedQueriesTab' data-toggle='tab'>Manage Saved Queries</a></li>
+        <li role='presentation' id='presentationMSQ'><a href='#SavedQueriesTab' data-toggle='tab'>Manage Saved Queries</a></li>
       </ul>
     );
   }
@@ -148,6 +148,14 @@ class DataQueryApp extends Component {
     this.updateFilter = this.updateFilter.bind(this);
   }
 
+  onTabChangeHandler(e) {
+    if (e.target.innerHTML !== 'Manage Saved Queries') {
+      document.getElementById(
+        'presentationMSQ'
+      ).classList.remove('active');
+    }
+  }
+
   componentDidMount() {
     // Before the dataquery is loaded into the window, this function is called to gather
     // any data that was not passed in the initial load.
@@ -1033,11 +1041,11 @@ class DataQueryApp extends Component {
       <div className={widthClass}>
         <nav className='nav nav-tabs'>
           <ul className='nav nav-tabs navbar-left' data-tabs='tabs'>
-            <li role='presentation' className='active'><a href='#Info' data-toggle='tab'>Info</a></li>
-            <li role='presentation'><a href='#DefineFields' data-toggle='tab'>Define Fields</a></li>
-            <li role='presentation'><a href='#DefineFilters' data-toggle='tab'>Define Filters</a></li>
-            <li role='presentation'><a href='#ViewData' data-toggle='tab'>View Data</a></li>
-            <li role='presentation'><a href='#Statistics' data-toggle='tab'>Statistical Analysis</a></li>
+            <li role='presentation' onClick={this.onTabChangeHandler} className='active'><a href='#Info' data-toggle='tab'>Info</a></li>
+            <li role='presentation' onClick={this.onTabChangeHandler}><a href='#DefineFields' data-toggle='tab'>Define Fields</a></li>
+            <li role='presentation' onClick={this.onTabChangeHandler}><a href='#DefineFilters' data-toggle='tab'>Define Filters</a></li>
+            <li role='presentation' onClick={this.onTabChangeHandler}><a href='#ViewData' data-toggle='tab'>View Data</a></li>
+            <li role='presentation' onClick={this.onTabChangeHandler}><a href='#Statistics' data-toggle='tab'>Statistical Analysis</a></li>
           </ul>
           <SavedQueriesList
             userQueries={this.state.queryIDs.User}