Change LLPS to Proteins in condensateDetailPage

web/src/components/CondensateDetailPage.vue

@@ -45,8 +45,11 @@
                                 </div>
                             </div>
 
-                            <h4 class="round">LLPS ptms</h4>
-                            <llps-table id="llps-table" :data="response.data.llps_ptms">
+<!--                            <h4 class="round">Experiments</h4>-->
+<!--                            {{response.data.experiments}}-->
+
+                            <h4 class="round">Proteins</h4>
+                            <llps-table id="protein-table" :data="response.data.proteins">
                             </llps-table>
 
                             <!--<div class="panel panel-default">-->

web/src/components/DataTable.vue

@@ -110,7 +110,9 @@
             data: 'proteins',
             fnCreatedCell: (nTd, sData, oData) => {
               // console.log(sData)
-              $(nTd).html(sData.length > 10 ? sData.splice(0, 10) + '...' : sData);
+              if(sData) {
+                $(nTd).html(sData.length > 10 ? sData.splice(0, 10) + '...' : sData);
+              }
             },
           },
           {

web/src/components/LandingPage.vue

@@ -20,7 +20,7 @@
                             <div v-else>
                                 <select class="form-control input-sm" id="species" v-model="species">
                                     <option v-for="item in response.data" :key="item.tax_id">
-                                        {{item._id}} ({{item.tax_id}})</option>
+                                        {{item._id ? `${item._id} (${item.tax_id})`:'All'}}</option>
                                 </select>
                             </div>
                         </template>
@@ -55,9 +55,9 @@
             <Search ref="search" >
                 <template slot-scope="{response, loading}">
                     <div v-if="loading">Loading...</div>
-                    <div v-else-if="response.count === 0">No results!</div>
-                    <div v-else>
-                        <data-table id='dataTable' :category="pick" :data='response.data' :keyword='keyword'/>
+                    <div v-else-if="response">
+                      <div v-show="response.count === 0">No results!</div>
+                      <data-table v-show="response.count > 0" id='dataTable' :category="pick" :data='response.data' :keyword='keyword'/>
                     </div>
                 </template>
             </Search>
@@ -115,9 +115,10 @@
 
         const host = vm.isDev? require('./js/const').devHost : require('./js/const').host;
         // console.log(/\((\d+)\)$/gm.exec(vm.species))
-        const taxId = /\((\d+)\)$/gm.exec(vm.species)[1]
+        // console.log(vm.species);
+        const taxId = vm.species === 'All' ? null : /\((\d+)\)$/gm.exec(vm.species)[1];
         const page = 1;
-        console.log(`http://${host}/proteins?query=${vm.keyword}&species_tax_id=${taxId}&page=${page}`)
+        // console.log(`http://${host}/proteins?query=${vm.keyword}&species_tax_id=${taxId}&page=${page}`)
         vm.searchKeyword = vm.keyword
         // console.log(vm.pick)