Commit e337402f authored by Yasset Perez-Riverol's avatar Yasset Perez-Riverol
Browse files

minor changes titles in the charts

parent 5afc200a
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<Col span="20"> <Col span="20">
<div class="visualization-wrapper"> <div class="visualization-wrapper">
<Card> <Card>
<p slot="title">Tree</p> <p slot="title">Submissions properties tree</p>
<!-- <!--
<p slot="extra"> <p slot="extra">
<Tooltip> <Tooltip>
...@@ -15,14 +15,14 @@ ...@@ -15,14 +15,14 @@
Species distribution for all the PSMs within the cluster. Species distribution for all the PSMs within the cluster.
</div> </div>
</Tooltip> </Tooltip>
</p> </p>
--> -->
<div class="card-content-pie"> <div class="card-content-pie">
<Spin fix v-if="sunburstPrideShow"></Spin> <Spin fix v-if="sunburstPrideShow"></Spin>
<TreetPride></TreetPride> <TreetPride></TreetPride>
</div> </div>
</Card> </Card>
</div> </div>
</Col> </Col>
...@@ -31,36 +31,36 @@ ...@@ -31,36 +31,36 @@
<Col span="10"> <Col span="10">
<div class="visualization-wrapper"> <div class="visualization-wrapper">
<Card> <Card>
<p slot="title">SUBMISSIONS</p> <p slot="title">Public submissions</p>
<p slot="extra"> <p slot="extra">
<a class="submission-options" @click="queryLine('year')">Year</a> <a class="submission-options" @click="queryLine('month')">Month</a> <a class="submission-options" @click="queryLine('year')">Year</a> <a class="submission-options" @click="queryLine('month')">Month</a>
</p> </p>
<div class="card-content-pie"> <div class="card-content-pie">
<Spin fix v-if="linePrideShow"></Spin> <Spin fix v-if="linePrideShow"></Spin>
<LinePride></LinePride> <LinePride></LinePride>
</div> </div>
</Card> </Card>
</div> </div>
</Col> </Col>
<Col span="10"> <Col span="10">
<div class="visualization-wrapper"> <div class="visualization-wrapper">
<Card> <Card>
<p slot="title">Facets</p> <p slot="title">Submissions properties</p>
<p slot="extra"> <p slot="extra">
<Select v-model="facetsType" size="small" style="width:125px" @on-change="facetsTypeChange"> <Select v-model="facetsType" size="small" style="width:125px" @on-change="facetsTypeChange">
<Option v-for="item in facetsTypeList" :value="item" :key="item">{{ item }}</Option> <Option v-for="item in facetsTypeList" :value="item" :key="item">{{ item }}</Option>
</Select> </Select>
</p> </p>
<div class="card-content-pie"> <div class="card-content-pie">
<Spin fix v-if="piePrideShow"></Spin> <Spin fix v-if="piePrideShow"></Spin>
<PiePride></PiePride> <PiePride></PiePride>
</div> </div>
</Card> </Card>
</div> </div>
</Col> </Col>
...@@ -69,7 +69,7 @@ ...@@ -69,7 +69,7 @@
<Col span="20"> <Col span="20">
<div class="visualization-wrapper"> <div class="visualization-wrapper">
<Card> <Card>
<p slot="title">Map</p> <p slot="title">Submissions per country</p>
<!-- <!--
<p slot="extra"> <p slot="extra">
<Tooltip> <Tooltip>
...@@ -197,8 +197,8 @@ ...@@ -197,8 +197,8 @@
}); });
} }
}, },
computed:{ computed:{
}, },
mounted: function(){ mounted: function(){
this.queryTree(); this.queryTree();
...@@ -273,20 +273,20 @@ ...@@ -273,20 +273,20 @@
.submission-options{ .submission-options{
border-bottom-style:none !important; border-bottom-style:none !important;
} }
@media (max-width: 700px) { @media (max-width: 700px) {
.item{ .item{
width: calc((100% - 0px) / 1 - 1px); width: calc((100% - 0px) / 1 - 1px);
margin-left: 0 !important; margin-left: 0 !important;
margin-right: 0 !important; margin-right: 0 !important;
} }
} }
@media (max-width: 1015px) and (min-width: 701px){ @media (max-width: 1015px) and (min-width: 701px){
.item{ .item{
width: calc((100% - 60px) / 2 - 1px); width: calc((100% - 60px) / 2 - 1px);
} }
} }
@media (max-width: 1510px) and (min-width: 1016px){ @media (max-width: 1510px) and (min-width: 1016px){
.item{ .item{
width: calc((100% - 90px) / 3 - 1px); width: calc((100% - 90px) / 3 - 1px);
} }
.button-wrapper a{ .button-wrapper a{
...@@ -297,13 +297,13 @@ ...@@ -297,13 +297,13 @@
} }
} }
@media (max-width: 1910px) and (min-width: 1511px){ @media (max-width: 1910px) and (min-width: 1511px){
.item{ .item{
width: calc((100% - 120px) / 4 - 1px); width: calc((100% - 120px) / 4 - 1px);
} }
} }
@media (min-width: 1911px){ @media (min-width: 1911px){
.item{ .item{
width: calc((100% - 150px) / 5 - 1px); width: calc((100% - 150px) / 5 - 1px);
} }
} }
...@@ -331,4 +331,4 @@ ...@@ -331,4 +331,4 @@
.peptide-detail-table .ivu-tooltip-inner{ .peptide-detail-table .ivu-tooltip-inner{
white-space:normal; white-space:normal;
} }
</style> </style>
\ No newline at end of file
...@@ -2,18 +2,18 @@ ...@@ -2,18 +2,18 @@
<div> <div>
<chart class="line-simple" :options="options" :auto-resize="true"></chart> <chart class="line-simple" :options="options" :auto-resize="true"></chart>
</div> </div>
</template> </template>
<script> <script>
export default { export default {
data: function () { data: function () {
//let data = //let data =
return { return {
lineYearApi:'http://ves-pg-41:9020/stats/SUBMISSIONS_PER_YEAR', lineYearApi:'http://ves-pg-41:9020/stats/SUBMISSIONS_PER_YEAR',
lineMonthApi:'http://ves-pg-41:9020/stats/SUBMISSIONS_PER_MONTH', lineMonthApi:'http://ves-pg-41:9020/stats/SUBMISSIONS_PER_MONTH',
options: { options: {
title: { title: {
text: 'Submission', text: 'Public submission',
textStyle:{ textStyle:{
fontSize:14, fontSize:14,
fontWeight:'normal', fontWeight:'normal',
...@@ -146,4 +146,4 @@ export default { ...@@ -146,4 +146,4 @@ export default {
height: 400px !important; height: 400px !important;
width: auto !important; width: auto !important;
} }
</style> </style>
\ No newline at end of file
...@@ -23,7 +23,7 @@ export default { ...@@ -23,7 +23,7 @@ export default {
options: { options: {
backgroundColor: 'white', //'#404a59', backgroundColor: 'white', //'#404a59',
title: { title: {
text: 'Distribution', text: 'Submissions per country',
textStyle:{ textStyle:{
fontSize:14, fontSize:14,
fontWeight:'normal', fontWeight:'normal',
...@@ -118,7 +118,7 @@ export default { ...@@ -118,7 +118,7 @@ export default {
this.showMapdata.push(item); this.showMapdata.push(item);
break; break;
} }
} }
} }
this.options.series[0].data = this.showMapdata; this.options.series[0].data = this.showMapdata;
...@@ -138,4 +138,4 @@ export default { ...@@ -138,4 +138,4 @@ export default {
height: 400px !important; height: 400px !important;
width: auto !important; width: auto !important;
} }
</style> </style>
\ No newline at end of file
...@@ -44,12 +44,12 @@ export default { ...@@ -44,12 +44,12 @@ export default {
name: '', name: '',
children: [ children: [
] ]
}, },
]; ];
return { return {
options: { options: {
title: { title: {
text: 'Facets', text: 'Submission properties tree',
textStyle:{ textStyle:{
fontSize:14, fontSize:14,
fontWeight:'normal', fontWeight:'normal',
...@@ -121,62 +121,62 @@ export default { ...@@ -121,62 +121,62 @@ export default {
if(param.data.name.split('(')[0] == 'brain') if(param.data.name.split('(')[0] == 'brain')
return '{brain|' + param.data.name + '}' return '{brain|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'cell culture') else if(param.data.name.split('(')[0] == 'cell culture')
return '{cell|' + param.data.name + '}' return '{cell|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'epithelial cell') else if(param.data.name.split('(')[0] == 'epithelial cell')
return '{epithelial|' + param.data.name + '}' return '{epithelial|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'disease free') else if(param.data.name.split('(')[0] == 'disease free')
return '{disease|' + param.data.name + '}' return '{disease|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'lymphoma') else if(param.data.name.split('(')[0] == 'lymphoma')
return '{lymphoma|' + param.data.name + '}' return '{lymphoma|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'acute leukemia') else if(param.data.name.split('(')[0] == 'acute leukemia')
return '{acute|' + param.data.name + '}' return '{acute|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'breast cancer') else if(param.data.name.split('(')[0] == 'breast cancer')
return '{breast|' + param.data.name + '}' return '{breast|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'FTDALS1') else if(param.data.name.split('(')[0] == 'FTDALS1')
return '{FTDALS1|' + param.data.name + '}' return '{FTDALS1|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'Wounds and Injuries') else if(param.data.name.split('(')[0] == 'Wounds and Injuries')
return '{Wounds|' + param.data.name + '}' return '{Wounds|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'mixed disorder as reaction to stress') else if(param.data.name.split('(')[0] == 'mixed disorder as reaction to stress')
return '{mixed|' + param.data.name + '}' return '{mixed|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'Parkinson disease') else if(param.data.name.split('(')[0] == 'Parkinson disease')
return '{Parkinson|' + param.data.name + '}' return '{Parkinson|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'Cervix carcinoma') else if(param.data.name.split('(')[0] == 'Cervix carcinoma')
return '{Cervix|' + param.data.name + '}' return '{Cervix|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'Oxidation') else if(param.data.name.split('(')[0] == 'Oxidation')
return '{Oxidation|' + param.data.name + '}' return '{Oxidation|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'No PTMs are included in the dataset') else if(param.data.name.split('(')[0] == 'No PTMs are included in the dataset')
return '{No|' + param.data.name + '}' return '{No|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'Hypusine') else if(param.data.name.split('(')[0] == 'Hypusine')
return '{Hypusine|' + param.data.name + '}' return '{Hypusine|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'iTRAQ8plex-116 reporter+balance reagent acylated residue') else if(param.data.name.split('(')[0] == 'iTRAQ8plex-116 reporter+balance reagent acylated residue')
return '{iTRAQ8plex|' + param.data.name + '}' return '{iTRAQ8plex|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'acetylated residue') else if(param.data.name.split('(')[0] == 'acetylated residue')
return '{acetylated|' + param.data.name + '}' return '{acetylated|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'deamidated residue') else if(param.data.name.split('(')[0] == 'deamidated residue')
return '{deamidated|' + param.data.name + '}' return '{deamidated|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'S-carboxamidoethyl-L-cysteine') else if(param.data.name.split('(')[0] == 'S-carboxamidoethyl-L-cysteine')
return '{S|' + param.data.name + '}' return '{S|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'monohydroxylated residue') else if(param.data.name.split('(')[0] == 'monohydroxylated residue')
return '{monohydroxylated|' + param.data.name + '}' return '{monohydroxylated|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'iodoacetamide derivatized residue') else if(param.data.name.split('(')[0] == 'iodoacetamide derivatized residue')
return '{iodoacetamide|' + param.data.name + '}' return '{iodoacetamide|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'phosphorylated residue') else if(param.data.name.split('(')[0] == 'phosphorylated residue')
return '{phosphorylated|' + param.data.name + '}' return '{phosphorylated|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'Carbamidomethyl') else if(param.data.name.split('(')[0] == 'Carbamidomethyl')
return '{Carbamidomethyl|' + param.data.name + '}' return '{Carbamidomethyl|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'N-ethylmaleimide derivatized cysteine') else if(param.data.name.split('(')[0] == 'N-ethylmaleimide derivatized cysteine')
return '{N|' + param.data.name + '}' return '{N|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'TMT6plex-126 reporter+balance reagent acylated residue') else if(param.data.name.split('(')[0] == 'TMT6plex-126 reporter+balance reagent acylated residue')
return '{TMT6plex|' + param.data.name + '}' return '{TMT6plex|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'dimethylated residue') else if(param.data.name.split('(')[0] == 'dimethylated residue')
return '{dimethylated|' + param.data.name + '}' return '{dimethylated|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'Acetyl') else if(param.data.name.split('(')[0] == 'Acetyl')
return '{Acetyl|' + param.data.name + '}' return '{Acetyl|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'methylthiolated residue') else if(param.data.name.split('(')[0] == 'methylthiolated residue')
return '{methylthiolated|' + param.data.name + '}' return '{methylthiolated|' + param.data.name + '}'
else else
return param.data.name; return param.data.name;
}, },
rich:{ rich:{
brain:{ brain:{
color: matchColor['brain'] color: matchColor['brain']
...@@ -287,7 +287,7 @@ export default { ...@@ -287,7 +287,7 @@ export default {
level++; level++;
if(data.length==0) if(data.length==0)
return data; return data;
data.sort((a,b)=>{ data.sort((a,b)=>{
return b.category.value-a.category.value; return b.category.value-a.category.value;
}) })
...@@ -328,7 +328,7 @@ export default { ...@@ -328,7 +328,7 @@ export default {
} }
newData.push(item); newData.push(item);
} }
return newData return newData
}, },
setOptions(data){ setOptions(data){
...@@ -358,7 +358,7 @@ export default { ...@@ -358,7 +358,7 @@ export default {
if(data1[i].subCategories.length!=0){ if(data1[i].subCategories.length!=0){
let data2 = this.dataProcess(data1[i]); let data2 = this.dataProcess(data1[i]);
//for(let j=0; j<data1.length; j++) //for(let j=0; j<data1.length; j++)
//console.log('newData',newData); //console.log('newData',newData);
} }
//nonRecursiveWidthFirstTraversal(sortedData[i]) //nonRecursiveWidthFirstTraversal(sortedData[i])
...@@ -405,4 +405,4 @@ export default { ...@@ -405,4 +405,4 @@ export default {
.tree-container .tooltip-content{ .tree-container .tooltip-content{
text-align: left; text-align: left;
} }
</style> </style>
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment