added ver_1.10

package.json

@@ -30,6 +30,7 @@
     "protvista-sequence": "^2.10.0",
     "protvista-tooltip": "^2.12.0",
     "protvista-track": "^2.12.0",
+    "query-string": "^7.0.1",
     "react": "^16.13.1",
     "react-bootstrap": "^1.0.0-beta.16",
     "react-bootstrap-table-next": "^3.3.3",

public/downloads/citation/30715201.bib

@@ -0,0 +1,10 @@
+@article{mehta2019glad,
+ title={GLAD: GLycan Array Dashboard, a visual analytics tool for glycan microarrays},
+ author={Mehta, Akul Y and Cummings, Richard D},
+ journal={Bioinformatics},
+ volume={35},
+ number={18},
+ pages={3536--3537},
+ year={2019},
+ publisher={Oxford University Press}
+}

public/downloads/citation/31616925.bib

@@ -0,0 +1,14 @@
+@article{york2020glygen,
+ title={GlyGen: computational and informatics resources for
+glycoscience},
+ author={York, William S and Mazumder, Raja and Ranzinger, Rene
+and Edwards, Nathan and Kahsay, Robel and Aoki-Kinoshita, Kiyoko
+F and Campbell, Matthew P and Cummings, Richard D and Feizi, Ten
+and Martin, Maria and others},
+ journal={Glycobiology},
+ volume={30},
+ number={2},
+ pages={72--73},
+ year={2020},
+ publisher={Oxford University Press}
+}

public/downloads/citation/31841142.bib

@@ -0,0 +1,11 @@
+@article{cao2020glymdb,
+ title={GlyMDB: Glycan Microarray Database and analysis toolset},
+ author={Cao, Yiwei and Park, Sang-Jun and Mehta, Akul Y and Cummings, Richard D and Im,
+Wonpil},
+ journal={Bioinformatics},
+ volume={36},
+ number={8},
+ pages={2438--2442},
+ year={2020},
+ publisher={Oxford University Press}
+}

public/downloads/citation/32170934.bib

@@ -0,0 +1,10 @@
+@article{mehta2020glycoglyph,
+ title={GlycoGlyph: a glycan visualizing, drawing and naming application},
+ author={Mehta, Akul Y and Cummings, Richard D},
+ journal={Bioinformatics},
+ volume={36},
+ number={11},
+ pages={3613--3614},
+ year={2020},
+ publisher={Oxford University Press}
+}

public/downloads/citation/32324859.bib

@@ -0,0 +1,8 @@
+@article{kahsay2020glygen,
+ title={GlyGen data model and processing workflow},
+ author={Kahsay, Robel and Vora, Jeet and Navelkar, Rahi and Mousavi, Reza
+and Fochtman, Brian and Holmes, Xavier and Pattabiraman, Nagarajan and
+Ranzinger, Rene and Mahadik, Rupali and Williamson, Tatiana and others},
+ journal={Bioinformatics},
+ year={2020}
+}

src/App.css

@@ -759,6 +759,18 @@ ul.office-details {
   border-radius: 4px;
   margin: 5px !important;
 }
+.gg-tooltip-hitscore {
+  background-color: #fff !important;
+  color: rgba(0, 0, 0, 0.87) !important;
+  font-size: 16px !important;
+  border: 1px solid #eee !important;
+  -webkit-box-shadow: 5px 10px 40px 0 rgba(0, 0, 0, 0.2);
+  box-shadow: 5px 10px 40px 0 rgba(0, 0, 0, 0.2);
+  border-radius: 4px;
+  margin: 5px !important;
+  padding: 15px !important;
+  max-width: 700px !important;
+}
 .gg-helpicon {
   margin-right: 8px !important;
   font-size: large !important;
@@ -1196,6 +1208,13 @@ sub {
   justify-content: space-between;
 }
 
+.alert-text {
+  overflow: auto;
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre-line;
+}
+
 /*! does not work on Firefox */
 
 /*! Other Browser */

src/components/ClientTable.js

@@ -0,0 +1,55 @@
+import React from "react";
+import "bootstrap/dist/css/bootstrap.min.css";
+import "react-bootstrap-table-next/dist/react-bootstrap-table2.min.css";
+import Table from 'react-bootstrap/Table'
+
+/**
+ * ClientTable component with no pagination support. Supports footer for total.
+ */
+const ClientTable = ({
+  data,
+  columns,
+  totalName,
+  totalColspan,
+  total
+}) => {
+
+  return (
+    <div>
+      <Table striped bordered hover responsive size="sm">
+        <thead style={{
+          backgroundColor: "#4B85B6",
+          color: "#FFFFFF",
+          height: "35px"
+        }}>
+          <tr>
+            {columns && (
+            columns.map((item) =>
+              <th>{item.name}</th>
+            )
+            )} 
+          </tr>
+        </thead>
+        <tbody>                
+          {data && (
+            data.map((dataItem) => 
+              <tr>
+                  {columns && (
+                  columns.map((item) =>
+                    <td>{dataItem[item.dataField]}</td>
+                  )
+                  )}
+              </tr>
+            ) 
+          )}
+          <tr>
+            <th colSpan={totalColspan}>{totalName}</th>
+            <th>{total}</th> 
+          </tr>
+        </tbody>
+      </Table>
+    </div>
+  );
+};
+
+export default ClientTable;

src/components/FeedbackWidget.js

@@ -9,7 +9,7 @@ import { FaRegLightbulb } from "react-icons/fa";
 import { AiFillQuestionCircle } from "react-icons/ai";
 import { AiFillBug } from "react-icons/ai";
 import { postTo } from "../data/api";
-import { validateEmail } from "../utils/common";
+import { validateEmail, replaceSpecialCharacters } from "../utils/common";
 import { Typography } from "@material-ui/core";
 import CloseIcon from "@material-ui/icons/Close";
 
@@ -45,15 +45,27 @@ const FeedbackWidget = (props) => {
 
   const handleSubmit = (e) => {
     e.preventDefault();
+    setContactUsResponseMessage();
+    setContactUsErrorMessage();
+
+    let firstName = fname;
+    let lastName = "not given";
+
+    let temp = fname.trim();
+    let index = temp.indexOf(" ");
+    if (index > 0){
+      firstName = temp.substring(0, index);
+      lastName = temp.substring(index+1).trim();
+    }
 
     const formData = {
-      fname: fname,
-      lname: "not given",
+      fname: firstName,
+      lname: lastName,
       email: email,
-      page: window.location.href,
+      page:  escape(replaceSpecialCharacters(window.location.href)),
       // page: window.location.href.split("?")[0],
       subject: "Feedback Form " + subject,
-      message: message,
+      message:  escape(replaceSpecialCharacters(message)),
     };
 
     const url = `/auth/contact?query=${JSON.stringify(formData)}`;
@@ -62,15 +74,14 @@ const FeedbackWidget = (props) => {
     };
     postTo(url, myHeaders)
       .then((response) => {
-        setContactUsResponseMessage(response.data.message);
+        setContactUsResponseMessage("We have received your message and will make every effort to respond to you within a reasonable amount of time.");
+        resetForm();
       })
       .catch((error) => {
         setContactUsErrorMessage(
           "Oops, something went wrong! We did not receive your message. Please try again later."
         );
       });
-
-    resetForm();
   };
 
   const resetForm = () => {
@@ -93,7 +104,7 @@ const FeedbackWidget = (props) => {
   };
 
   const onlyText = (e) => {
-    e.target.value = e.target.value.replace(/[^a-zA-Z-]/g, "");
+    e.target.value = e.target.value.replace(/[^a-zA-Z- ]/g, "");
   };
 
   return (
@@ -129,7 +140,11 @@ const FeedbackWidget = (props) => {
                 >
                   <span
                     className={subject === "Problem" ? "active" : ""}
-                    onClick={() => setSubject("Problem")}
+                    onClick={() => {
+                      setSubject("Problem")
+                      setContactUsResponseMessage();
+                      setContactUsErrorMessage();
+                    }}
                   >
                     <AiFillBug /> Problem{" "}
                   </span>
@@ -145,7 +160,11 @@ const FeedbackWidget = (props) => {
                 >
                   <span
                     className={subject === "Question" ? "active" : ""}
-                    onClick={() => setSubject("Question")}
+                    onClick={() => {
+                      setSubject("Question")
+                      setContactUsResponseMessage();
+                      setContactUsErrorMessage();
+                    }}
                   >
                     <AiFillQuestionCircle /> Question
                   </span>
@@ -160,7 +179,11 @@ const FeedbackWidget = (props) => {
                 >
                   <span
                     className={subject === "Suggestion" ? "active" : " "}
-                    onClick={() => setSubject("Suggestion")}
+                    onClick={() => {
+                      setSubject("Suggestion")
+                      setContactUsResponseMessage();
+                      setContactUsErrorMessage();
+                    }}
                   >
                     <FaRegLightbulb /> Suggestion
                   </span>
@@ -182,7 +205,7 @@ const FeedbackWidget = (props) => {
                     placeholder="Your Feedback."
                     error={
                       (formValidated || messageValidated) &&
-                      (message === "" || message.length < 5 || message.length > messageMaxLen)
+                      (message.trim() === "" || message.length < 5 || message.length > messageMaxLen)
                     }
                     onChange={(e) => {
                       setMessage(e.target.value);
@@ -193,7 +216,7 @@ const FeedbackWidget = (props) => {
                     onBlur={() => setMessageValidated(true)}
                     helperText={
                       (formValidated || messageValidated) &&
-                      ((message === "" && "Please leave us a message.") ||
+                      ((message.trim() === "" && "Please leave us a message.") ||
                         ((message.length < 5 || message.length > messageMaxLen) &&
                           `Message should be between 5 to ${messageMaxLen} characters`))
                     }
@@ -228,15 +251,15 @@ const FeedbackWidget = (props) => {
                     name="fname"
                     value={fname}
                     placeholder="Your Name (will not be published)"
-                    error={(formValidated || fNameValidated) && fname === ""}
+                    error={(formValidated || fNameValidated) && fname.trim() === ""}
                     onChange={(e) => {
                       setFName(e.target.value);
                       setContactUsResponseMessage();
                       setContactUsErrorMessage();
                     }}
                     onBlur={() => setFNameValidated(true)}
                     helperText={
-                      (formValidated || fNameValidated) && fname === "" && "First name is required."
+                      (formValidated || fNameValidated) && fname.trim() === "" && "Name is required."
                     }
                     onInput={(e) => onlyText(e)}
                     style={{ margin: "5px 0 15px 0" }}