diff --git a/web/package.json b/web/package.json index dc85d45e62536ddeaadab2da7ae1540a40b5d93d..a7010e5b096257fcf8ab80216286bc4188cd7cf7 100644 --- a/web/package.json +++ b/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/\"" diff --git a/web/src/components/CondensateDetailPage.vue b/web/src/components/CondensateDetailPage.vue index 8bb55b56bb90fe053bc52c4b7ec6eb45df5302dd..8b8829d9eb389143f969b6989cd211c05ee5c791 100644 --- a/web/src/components/CondensateDetailPage.vue +++ b/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} diff --git a/web/src/components/LandingPage.vue b/web/src/components/LandingPage.vue index e7481e3d3fac41f7a8ad4fe7c384adde4203f9e4..245c507fe3a28693f4609041f5e75cb498e713d2 100644 --- a/web/src/components/LandingPage.vue +++ b/web/src/components/LandingPage.vue @@ -1,6 +1,6 @@ <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. diff --git a/web/src/components/LlpsTable.vue b/web/src/components/LlpsTable.vue index 2ef0a7abd59f827599c04a8ce07c40d47738839c..ce13a7ebefcd3e969085626e50f5648313b004f4 100644 --- a/web/src/components/LlpsTable.vue +++ b/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 = ''