sequenceserver 1.1.0.beta3 → 1.1.0.beta4

data/public/js/errormodal.js

@@ -1,11 +1,21 @@
 import React from 'react';
 
+/**
+ * Takes errorData object with title, message, and more_info keys as props. The
+ * component displays a bootstrap modal when mounted. errorData.title is used
+ * to set modal title. errorData.message is inserted as HTML text in modal
+ * body. And errorData.more_info is shown using a pre tag in modal body.
+ *
+ * The component is stateless. The displayed modal dialog cannot be dismissed.
+ * The user must close the tab or press back button to go back to search form.
+ */
 class ErrorModal extends React.Component {
 
     constructor(props) {
         super(props);
     }
 
+    // HTML for Bootstrap modal.
     render() {
         return (
             <div
@@ -37,19 +47,21 @@ class ErrorModal extends React.Component {
         );
     }
 
+    // Show the modal once the component is mounted.
     componentDidMount() {
-        $(React.findDOMNode(this.refs.errorModal)).modal('show');
+        // Caller can specify an amount of time to wait for before showing the
+        // modal. This is helpful if the caller wants to finish some work
+        // before showing error modal.
+        setTimeout(function () {
+            $(React.findDOMNode(this.refs.errorModal)).modal('show');
+        }.bind(this), this.props.beforeShow || 0);
     }
 }
 
+/**
+ * Renders ErrorModal.
+ */
 export default function showErrorModal (errorData, beforeShow) {
-    if (!beforeShow) {
-        beforeShow = function () {};
-    }
-
-    setTimeout(function () {
-        beforeShow();
-        React.render(<ErrorModal errorData={errorData}/>,
-            document.getElementById('view'));
-    }, 500);
+    React.render(<ErrorModal errorData={errorData}
+        beforeShow={beforeShow}/>, document.getElementById('view'));
 }

data/public/js/search.js

@@ -366,11 +366,13 @@ var Query = React.createClass({
                 <div
                     className="sequence">
                     <textarea
-                        className="form-control text-monospace" id="sequence"
-                        rows="10" spellCheck="false" autoFocus="true"
-                        name="sequence"   value={this.state.value}
-                        ref="textarea" onChange={this.handleInput}
-                        placeholder="Paste query sequence(s) or drag file containing query sequence(s) in FASTA format here ..." >
+                        id="sequence" ref="textarea"
+                        className="form-control text-monospace"
+                        name="sequence" value={this.state.value}
+                        placeholder="Paste query sequence(s) or drag file
+                        containing query sequence(s) in FASTA format here ..."
+                        spellCheck="false" autoFocus="true"
+                        onChange={this.handleInput}>
                     </textarea>
                 </div>
                 <div