gramene-search 1.2.91 → 1.2.94

package/src/components/results/TaxDist.js

@@ -31,7 +31,7 @@ class TaxDist extends React.Component {
       })
     }
     else {
-      selectedTaxa = this.props.grameneGenomes.active;
+      selectedTaxa = this.props.grameneGenomes.active
     }
     return (
       <div className="results-vis big-vis">

package/src/components/results/expression.css

@@ -0,0 +1,6 @@
+.accordion-button {
+    padding:0.4rem!important;
+}
+.accordion-button:hover {
+    background-color: #dbe8f3;
+}

package/src/components/styles.css

@@ -1,13 +1,21 @@
 .gramene-sidebar {
     position: fixed;
-    background-color: dimgray;
+    background-color: #557b74;
+    padding-left: 8px;
+    padding-right: 8px;
+    padding-bottom: 8px;
+    max-width: 16.67%;
+}
+.sorghumbase-sidebar {
+    position: fixed;
+    background-color: #a03e34;
     padding-left: 8px;
     padding-right: 8px;
     padding-bottom: 8px;
     max-width: 16.67%;
 }
 .gramene-filter-container {
-    background-color: #cfb5e6;
+    background-color: #9bbf6d;
     padding-left: 4px;
     padding-bottom: 4px;
 }
@@ -55,8 +63,21 @@
     background-color: #feff96;
 }
 
+.gramene-view-header {
+    width: 100%;
+    display: flex;
+    flex-wrap: nowrap;
+    justify-content: space-evenly;
+    font-size: larger;
+    font-weight: bold;
+    background-color: #fff3a96e;
+    border-top: solid;
+    border-top-color: #557b74;
+    color: #a03e34;
+}
+
 .gramene-view-container {
-    background-color: lightblue;
+    background-color: #fff3a9;
     padding-left: 4px;
     padding-right: 4px;
     padding-bottom: 4px;
@@ -67,6 +88,18 @@
     margin-bottom: 0;
     background-color: white;
 }
+.gramene-view-span-on {
+    padding-left: 5px;
+    cursor: pointer;
+    vertical-align: text-bottom;
+    color: #a03e34;
+}
+.gramene-view-span-off {
+    padding-left: 5px;
+    /*cursor: pointer;*/
+    vertical-align: text-bottom;
+    color: darkgray;
+}
 .gramene-view li {
     display: block;
     cursor: pointer;

package/src/demo.js

@@ -135,6 +135,10 @@ const panSites = [
         29760020: 1
       }
     },
+    hideGenomes: {
+      3702:'arabidopsis',
+      4558:'sorghum'
+    },
     targetTaxonId: 29760020,
     alertText: 'Grapevine site',
     panSite : {
@@ -214,10 +218,10 @@ const GeneSearchUI = (store) => (
     </div>
   </Provider>
 );
-const SearchViews = props => (
+const SearchViewsCmp = props => (
     <div className="row no-margin no-padding">
       <div className="col-md-2 no-padding">
-        <div className="gramene-sidebar">
+        <div className={props.id === 'sorghum' ? 'sorghumbase-sidebar' : 'gramene-sidebar'}>
           <Status/>
           <Filters/>
           <Views/>
@@ -228,6 +232,10 @@ const SearchViews = props => (
       </div>
     </div>
 );
+const SearchViews = connect(
+  'selectConfiguration',
+  SearchViewsCmp
+);
 
 const handleKey = (e, props) => {
   if (e.key === "Escape") {
@@ -423,7 +431,22 @@ cache.getAll().then(initialData => {
   const store = getStore(initialData);
   const config = store.selectConfiguration();
   ReactGA.initialize(config.ga);
-
+  if (initialData.hasOwnProperty('grameneMaps')) {
+    // check for hidden genomes
+    let notHidden = {};
+    let haveHidden = false;
+    Object.values(initialData.grameneMaps.data).forEach(m => {
+      if (m.hidden) {
+        haveHidden=true;
+      }
+      else {
+        notHidden[m.taxon_id]=true;
+      }
+    })
+    if (haveHidden) {
+      store.doInitializeGrameneGenomes(notHidden)
+    }
+  }
   let element = document.getElementById('demo');
   element && render(demo(store), element);