#116: all the 5 task completed.

web/src/components/Datatable/ProteinDataTable.vue

@@ -90,23 +90,28 @@ export default {
             }
             $(nTd).html(`${n}`);
           },
-        },
-        {
-          title: 'Functional Type',
-          data: 'functional_type',
-          searchable: true,
-          render: function (data, type, row, meta) {
-            return data;
-          },
         },
          {
-          title: 'Presence in Biomolecular condensates',
+          title: 'Verified in Biomolecular Condensates',
           data: 'biomolecular_condensate_count',
           className: 'whitespace-normal break-words',
           render: function (data, type, row, meta) {
             return data ;
           },
         },
+        {
+          title: 'Verified in Synthetic Condensates',
+          data: 'synthetic_condensate_count',
+          className: 'whitespace-normal break-words',
+          render: function (data, type, row, meta) {
+            if(data > 0){
+              return "Yes"
+            }else{
+              return "No"
+            }
+            
+          },
+        },
         {
           title: 'Species',
           data: 'species_name',
@@ -244,13 +249,13 @@ export default {
           : '');
 
       let url =
-        `${host}/proteins?fields=ensembl_gene_id,ensembl_id,biomolecular_condensate_count,functional_type,gene_name,name,species_name,species_tax_id,uniprot_id,uniprot_readable_id&size=50&page=${page}` +
+        `${host}/proteins?fields=ensembl_gene_id,ensembl_id,biomolecular_condensate_count,synthetic_condensate_count,functional_type,gene_name,name,species_name,species_tax_id,uniprot_id,uniprot_readable_id&size=50&page=${page}` +
         (order.length > 0 ? `&sort=${order.join(',')}` : '') +
         (search ? `&query=${search}` : '') +
         (functionalType.search.value
           ? `&functional_type=${functionalType.search.value}`
           : '');
-
+      
       try {
         const res = await this.axios.get(url, {
           headers: {

web/src/components/ProteinDetailPage.vue

@@ -158,7 +158,7 @@
                         </div>
                       </div>
                     </div>
-                    <div class="row text-2xl">
+                    <!-- <div class="row text-2xl">
                       <div class="text col-sm-3">
                         Functional Type
                         <a
@@ -205,15 +205,8 @@
                           @close="closeUpdateFunctionalType"
                         />
                       </div>
-                    </div>
-                    <!-- <div class="row">
-                      <div class="text col-sm-3">
-                        Primary Datasource
-                      </div>
-                      <div class="col-sm-9">
-                        {{ response.data.source_db_tags.join(", ") }}
-                      </div>
                     </div> -->
+                
                     <div
                       v-if="response.data.pubmed_ids"
                       class="row text-2xl"
@@ -308,6 +301,14 @@
                         </div>
                       </div>
                     </div>
+                    <div class="row text-2xl">
+                      <div class="text col-sm-3">
+                        Verified in Biomolecular condensates
+                      </div>
+                      <div class="col-sm-9">
+                        {{ response.data.biomolecular_condensate_count }}
+                      </div>
+                    </div>
                     <div
                       v-if="response.data.sequence"
                       class="row text-2xl"
@@ -346,14 +347,7 @@
                         </div>
                       </div>
                     </div>
-                    <div class="row text-2xl">
-                      <div class="text col-sm-3">
-                        Presence in Biomolecular condensates
-                      </div>
-                      <div class="col-sm-9">
-                        {{ response.data.biomolecular_condensate_count }}
-                      </div>
-                    </div>
+                   
                   </div>
                 </div>
               </div>
@@ -569,7 +563,7 @@
 import fetchProtein from '@/components/DDCODE/fetchProtein.vue';
 import IuPred2Chart from '@/components/IUPred2Chart';
 import BarcodePlot from '@/components/BarcodePlot';
-import UpdateFunctionalType from './CMS/updateFunctionalType.vue';
+// import UpdateFunctionalType from './CMS/updateFunctionalType.vue';
 import AddDeletePubmed from './CMS/addDeletePubmed.vue';
 
 import ProteinUpdateItemTable from './ProteinUpdateItemTable.vue';
@@ -590,7 +584,7 @@ export default {
     fetchProtein,
     IuPred2Chart,
     BarcodePlot,
-    UpdateFunctionalType,
+    // UpdateFunctionalType,
     AddDeletePubmed,
     ProteinUpdateItemTable,
     ContributorListTable,