Revise New and Edit search buttons (#386)

Two things: First, clear sessionStorage before sending to search form,
thus fixing a bug in the implementation. Second, clear query string
when search form is reloaded similar to sessionStorage (#481).

Signed-off-by: Anurag Priyam <anurag08priyam@gmail.com>

Author: yeban

public/js/search.js

@@ -12,6 +12,7 @@ $.webshims.polyfill('forms');
 */
 if (performance.navigation.type == performance.navigation.TYPE_RELOAD) {
     sessionStorage.clear();
+    history.replaceState(null, '', location.href.split('?')[0]);
 }
 
 var Page = React.createClass({

public/js/sidebar.js

@@ -9,6 +9,15 @@ import AlignmentExporter from './alignment_exporter'; // to download textual ali
  * Renders links for navigating to each query.
  */
 export default React.createClass({
+    /**
+     * Clear sessionStorage - useful to initiate a new search in the same tab.
+     * Passing sessionStorage.clear directly as onclick callback didn't work
+     * (on macOS Chrome).
+    */
+    clearSession: function () {
+        sessionStorage.clear();
+    },
+
     /**
      * Event-handler for downloading fasta of all hits.
      */
@@ -92,8 +101,11 @@ export default React.createClass({
 
     topPanelJSX: function () {
         var path = location.pathname.split('/');
+        // Get job id.
         var job_id = path.pop();
-        path = path.join('/');
+        // Deriving rootURL this way is required for subURI deployments
+        // - we cannot just send to '/'.
+        var rootURL = path.join('/');
 
         return (
             <div className="sidebar-top-panel">
@@ -103,11 +115,12 @@ export default React.createClass({
                     </h4>
                 </div>
                 <div>
-                    <a href={`${path}/?job_id=${job_id}`}>
+                    <a href={`${rootURL}/?job_id=${job_id}`}>
                         <i className="fa fa-pencil"></i> Edit search
                     </a>
                     <span className="line">|</span>
-                    <a href={`${path}/`}>
+                    <a href={`${rootURL}/`}
+                        onClick={this.clearSession}>
                         <i className="fa fa-file-o"></i> New search
                     </a>
                 </div>