gramene-search 1.2.79 → 1.2.81

package/.parcel-cache/2126881b633272fa.txt

@@ -1,2 +1,2 @@
-411207239
-1698676733984303000
+412207113
+1698694476766638000

package/dist/index.js

@@ -1804,12 +1804,92 @@ var $541b8b0d8c5501d2$export$2e2bcd8739ae039 = (0, $gXNCa$reduxbundlerreact.conn
 
 
 
+const $9e29a4f60318db7a$var$ImageLoader = (props)=>{
+    const [loading, setLoading] = (0, $gXNCa$react.useState)(true);
+    (0, $gXNCa$react.useEffect)(()=>{
+        const image = new Image();
+        image.src = props.url;
+        image.onload = ()=>{
+            setLoading(false);
+        };
+    }, []);
+    return /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+        className: "BAR-container",
+        children: [
+            loading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("img", {
+                src: "https://www.sorghumbase.org/static/images/dna_spinner.svg",
+                alt: "Loading..."
+            }),
+            !loading && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("img", {
+                style: {
+                    "max-width": "100%"
+                },
+                src: props.url
+            })
+        ]
+    });
+};
 const $9e29a4f60318db7a$var$Detail = (props)=>{
     const gene = props.geneDocs[props.searchResult.id];
     let paralogs_url;
-    let efp_browser;
+    let efp_browser = {
+        show: false
+    };
     let gene_url = `/static/atlasWidget.html?reference=0&genes=${gene.atlas_id || gene._id}`;
-    gene.taxon_id;
+    if (gene.system_name === "sorghum_bicolor") {
+        efp_browser.show = true;
+        efp_browser.options = [
+            {
+                value: "Developmental_Atlas",
+                label: "Developmental Atlas"
+            },
+            {
+                value: "Stress_Atlas",
+                label: "Stress Atlas"
+            }
+        ];
+        efp_browser.gene = gene._id.replace("SORBI_3", "Sobic.");
+        efp_browser.path = `https://bar.utoronto.ca/api/efp_image/efp_sorghum`;
+        efp_browser.bar = "https://bar.utoronto.ca/~asher/efp_sorghum/cgi-bin/efpWeb.cgi?";
+    // efp_browser = `https://bar.utoronto.ca/api/efp_image/efp_sorghum/Stress_Atlas/Absolute/${gene._id.replace('SORBI_3','Sobic.')}`
+    // efp_browser = `https://bar.utoronto.ca/api/efp_image/efp_sorghum/`
+    // efp_browser = `https://bar.utoronto.ca/~asher/efp_sorghum/cgi-bin/efpWeb.cgi?dataSource=Developmental_Atlas&mode=Absolute&primaryGene=${gene._id.replace('SORBI_3','Sobic.')}`
+    }
+    if (efp_browser.show) {
+        const [selectedStudy, setSelectedStudy] = (0, $gXNCa$react.useState)(efp_browser.options[0].value);
+        const handleSelectChange = (event)=>{
+            setSelectedStudy(event.target.value);
+        };
+        efp_browser.content = /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+            children: [
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("label", {
+                    children: "Select a study:"
+                }),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("select", {
+                    value: selectedStudy,
+                    onChange: handleSelectChange,
+                    children: efp_browser.options.map((o)=>/*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("option", {
+                            value: o.value,
+                            children: o.label
+                        }))
+                }),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("br", {}),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)($9e29a4f60318db7a$var$ImageLoader, {
+                    url: `${efp_browser.path}/${selectedStudy}/Absolute/${efp_browser.gene}`
+                }),
+                /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("a", {
+                    href: `${efp_browser.bar}?dataSource=${selectedStudy}&mode=Absolute&primaryGene=${efp_browser.gene}`,
+                    children: [
+                        "Powered by ",
+                        /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("img", {
+                            src: "https://bar.utoronto.ca/bbc_logo_small.gif"
+                        }),
+                        " BAR Webservices"
+                    ]
+                })
+            ]
+        });
+    }
     if (props.paralogExpression && props.paralogExpression[gene._id]) {
         let paralogs = props.paralogExpression[gene._id].map((p)=>p.atlas_id || p.id);
         if (paralogs.length > 1) paralogs_url = `/static/atlasWidget.html?reference=1&genes=${paralogs.join(" ")}`;
@@ -1836,9 +1916,10 @@ const $9e29a4f60318db7a$var$Detail = (props)=>{
                     height: "500px"
                 })
             }),
-            efp_browser && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Tab), {
+            efp_browser.show && /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)((0, $gXNCa$reactbootstrap.Tab), {
                 eventKey: "eFP",
-                title: "eFP browser (BAR)"
+                title: "eFP browser (BAR)",
+                children: efp_browser.content
             })
         ]
     });
@@ -4300,6 +4381,28 @@ const $693dd8c7a5607c3a$var$ViewsCmp = (props)=>/*#__PURE__*/ (0, $gXNCa$reactjs
                         },
                         children: view.name
                     }, idx))
+            }),
+            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("div", {
+                children: [
+                    "\xa0Key:",
+                    /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsxs)("ul", {
+                        className: "gramene-view",
+                        children: [
+                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("li", {
+                                className: "gramene-view-on",
+                                children: "On"
+                            }),
+                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("li", {
+                                className: "gramene-view-off",
+                                children: "Off"
+                            }),
+                            /*#__PURE__*/ (0, $gXNCa$reactjsxruntime.jsx)("li", {
+                                className: "gramene-view-disabled",
+                                children: "Disabled"
+                            })
+                        ]
+                    })
+                ]
             })
         ]
     });