Merge branch 'develop' into 'master'

30th August 2021 release

Closes #24, #21, #22, and #23

See merge request scicomp/scidev_team/dd-code!2

web/package.json

@@ -6,6 +6,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "build:serve": "serve dist",
+    "build-dev": "vue-cli-service build --mode development",
     "lint": "vue-cli-service lint",
     "deploy": "cd dist && rsync -arvP --del * moon@ddcode-srv1:\"/home/local/web/\"",
     "deploy-dev": "cd dist && rsync -arvP --del * moon@ddcode-srv1:\"/home/ddcode-dev/web/\""

web/src/components/CondensateDetailPage.vue

@@ -37,6 +37,12 @@
                                                 {{response.data.species_name}}
                                             </div>
                                         </div>
+                                        <div class="row">
+                                            <div class="text col-sm-3">Description</div>
+                                            <div class="col-sm-9">
+                                                {{response.data.description}}
+                                            </div>
+                                        </div>
                                         <!--<div class="row">-->
                                           <!--<div class="text col-sm-3">Evidence Stars</div>-->
                                           <!--<div class="col-sm-9 tooltipped tooltipped-w"-->
@@ -73,6 +79,8 @@
                                     <th>pH value</th>
                                     <th>Morphology</th>
                                     <th>PubMed</th>
+                                    <th>Solute Concentration</th>
+                                    <th>Temperature</th>
                                     <th>Salts</th>
                                   </tr>
                                   </thead>
@@ -98,6 +106,11 @@
                                           </template>
                                         </fetch-pub-med>
                                     </td>
+                                    <td v-html="tokenize(item.solute_concentrations, ';')">
+                                    </td>
+                                    <td>
+                                      {{item.temperature}}
+                                    </td>
                                     <td>
                                       <ul v-for="(item, index) in item.salts" v-bind:key="index">
                                         <li v-for="(value, key, index) in item" v-bind:key="index">
@@ -194,6 +207,9 @@
       getTitleAuthors(title, data) {
         return `${title}\n\n${_.map(data, a => a.name).join(', ')}`
       },
+      tokenize(input, token) {
+        return input.replaceAll(token, '<br/>')
+      },
       getRating(data) {
         const scoreMap = {'hungarian': 5, 'blue': 5, 'pink': 1, 'grey': 1}
 

web/src/components/LandingPage.vue

 <template>
     <div id="page-content-wrapper" class="main">
-        <h2>Dresden Condensate Database and Encyclopedia</h2>
+        <h2>Dresden Condensate Database and Encyclopedia {{isDev?'(Dev version)':''}}</h2>
         <p>
             <b>
               DD-CODE is a comprehensive, manually curated database of biomolecular condensates and an encyclopedia of the scientific terms used to describe and characterize those condensates.

web/src/components/LlpsTable.vue

@@ -18,9 +18,11 @@
     'http://db.phasep.pro/browse/highthroughput/': 2,
     'http://db.phasep.pro/browse/reviewed/': 4,
     'http://db.phasep.pro/browse/uniprotreviewed/': 4,
-    'http://bio-comp.ucas.ac.cn/': 4,
+    'http://bio-comp.org.cn/llpsdb/': 4,
     'https://phasepro.elte.hu/': 4,
-    'https://pubmed.ncbi.nlm.nih.gov/': 4 }
+    'https://pubmed.ncbi.nlm.nih.gov/': 4,
+    'https://ddcode.org/': 5,
+  }
 
   function getStartWith(url) {
     let ret = ''