Skip to content

GitLab

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

minor changes titles in the charts

parent 5afc200a
Hide whitespace changes
Inline Side-by-side
Showing with 67 additions and 67 deletions
src/components/landingpage/StatisticsDetails.vue
View file @ e337402f
......@@ -6,7 +6,7 @@
<Col span="20">
<div class="visualization-wrapper">
<Card>
<p slot="title">Tree</p>
<p slot="title">Submissions properties tree</p>
<!--
<p slot="extra">
<Tooltip>
......@@ -15,14 +15,14 @@
Species distribution for all the PSMs within the cluster.
</div>
</Tooltip>
</p>
-->
<div class="card-content-pie">
<Spin fix v-if="sunburstPrideShow"></Spin>
<TreetPride></TreetPride>
</div>
</Card>
</div>
</Col>
......@@ -31,36 +31,36 @@
<Col span="10">
<div class="visualization-wrapper">
<Card>
<p slot="title">SUBMISSIONS</p>
<p slot="title">Public submissions</p>
<p slot="extra">
<a class="submission-options" @click="queryLine('year')">Year</a> <a class="submission-options" @click="queryLine('month')">Month</a>
</p>
<div class="card-content-pie">
<Spin fix v-if="linePrideShow"></Spin>
<LinePride></LinePride>
</div>
</Card>
</div>
</Col>
<Col span="10">
<div class="visualization-wrapper">
<Card>
<p slot="title">Facets</p>
<p slot="title">Submissions properties</p>
<p slot="extra">
<Select v-model="facetsType" size="small" style="width:125px" @on-change="facetsTypeChange">
<Option v-for="item in facetsTypeList" :value="item" :key="item">{{ item }}</Option>
</Select>
</p>
<div class="card-content-pie">
<Spin fix v-if="piePrideShow"></Spin>
<PiePride></PiePride>
</div>
</Card>
</div>
</Col>
......@@ -69,7 +69,7 @@
<Col span="20">
<div class="visualization-wrapper">
<Card>
<p slot="title">Map</p>
<p slot="title">Submissions per country</p>
<!--
<p slot="extra">
<Tooltip>
......@@ -197,8 +197,8 @@
});
}
},
computed:{
computed:{
},
mounted: function(){
this.queryTree();
......@@ -273,20 +273,20 @@
.submission-options{
border-bottom-style:none !important;
}
@media (max-width: 700px) {
.item{
@media (max-width: 700px) {
.item{
width: calc((100% - 0px) / 1 - 1px);
margin-left: 0 !important;
margin-right: 0 !important;
}
}
@media (max-width: 1015px) and (min-width: 701px){
.item{
@media (max-width: 1015px) and (min-width: 701px){
.item{
width: calc((100% - 60px) / 2 - 1px);
}
}
@media (max-width: 1510px) and (min-width: 1016px){
.item{
@media (max-width: 1510px) and (min-width: 1016px){
.item{
width: calc((100% - 90px) / 3 - 1px);
}
.button-wrapper a{
......@@ -297,13 +297,13 @@
}
}
@media (max-width: 1910px) and (min-width: 1511px){
.item{
@media (max-width: 1910px) and (min-width: 1511px){
.item{
width: calc((100% - 120px) / 4 - 1px);
}
}
@media (min-width: 1911px){
.item{
@media (min-width: 1911px){
.item{
width: calc((100% - 150px) / 5 - 1px);
}
}
......@@ -331,4 +331,4 @@
.peptide-detail-table .ivu-tooltip-inner{
white-space:normal;
}
</style>
\ No newline at end of file
</style>
src/components/landingpage/statistics_chart/LineSimple.vue
View file @ e337402f
......@@ -2,18 +2,18 @@
<div>
<chart class="line-simple" :options="options" :auto-resize="true"></chart>
</div>
</template>
<script>
export default {
data: function () {
//let data =
//let data =
return {
lineYearApi:'http://ves-pg-41:9020/stats/SUBMISSIONS_PER_YEAR',
lineMonthApi:'http://ves-pg-41:9020/stats/SUBMISSIONS_PER_MONTH',
options: {
title: {
text: 'Submission',
text: 'Public submission',
textStyle:{
fontSize:14,
fontWeight:'normal',
......@@ -146,4 +146,4 @@ export default {
height: 400px !important;
width: auto !important;
}
</style>
\ No newline at end of file
</style>
src/components/landingpage/statistics_chart/MapSimple.vue
View file @ e337402f
......@@ -23,7 +23,7 @@ export default {
options: {
backgroundColor: 'white', //'#404a59',
title: {
text: 'Distribution',
text: 'Submissions per country',
textStyle:{
fontSize:14,
fontWeight:'normal',
......@@ -118,7 +118,7 @@ export default {
this.showMapdata.push(item);
break;
}
}
}
this.options.series[0].data = this.showMapdata;
......@@ -138,4 +138,4 @@ export default {
height: 400px !important;
width: auto !important;
}
</style>
\ No newline at end of file
</style>
src/components/landingpage/statistics_chart/TreeSimple.vue
View file @ e337402f
......@@ -44,12 +44,12 @@ export default {
name: '',
children: [
]
},
},
];
return {
options: {
title: {
text: 'Facets',
text: 'Submission properties tree',
textStyle:{
fontSize:14,
fontWeight:'normal',
......@@ -121,62 +121,62 @@ export default {
if(param.data.name.split('(')[0] == 'brain')
return '{brain|' + param.data.name + '}'
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')
return '{epithelial|' + param.data.name + '}'
return '{epithelial|' + param.data.name + '}'
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')
return '{lymphoma|' + param.data.name + '}'
return '{lymphoma|' + param.data.name + '}'
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')
return '{breast|' + param.data.name + '}'
return '{breast|' + param.data.name + '}'
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')
return '{Wounds|' + param.data.name + '}'
return '{Wounds|' + param.data.name + '}'
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')
return '{Parkinson|' + param.data.name + '}'
return '{Parkinson|' + param.data.name + '}'
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')
return '{Oxidation|' + param.data.name + '}'
return '{Oxidation|' + param.data.name + '}'
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')
return '{Hypusine|' + param.data.name + '}'
return '{Hypusine|' + param.data.name + '}'
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')
return '{acetylated|' + param.data.name + '}'
return '{acetylated|' + param.data.name + '}'
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')
return '{S|' + param.data.name + '}'
return '{S|' + param.data.name + '}'
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')
return '{iodoacetamide|' + param.data.name + '}'
return '{iodoacetamide|' + param.data.name + '}'
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')
return '{Carbamidomethyl|' + param.data.name + '}'
return '{Carbamidomethyl|' + param.data.name + '}'
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')
return '{TMT6plex|' + param.data.name + '}'
return '{TMT6plex|' + param.data.name + '}'
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')
return '{Acetyl|' + param.data.name + '}'
return '{Acetyl|' + param.data.name + '}'
else if(param.data.name.split('(')[0] == 'methylthiolated residue')
return '{methylthiolated|' + param.data.name + '}'
else
return param.data.name;
},
else
return param.data.name;
},
rich:{
brain:{
color: matchColor['brain']
......@@ -287,7 +287,7 @@ export default {
level++;
if(data.length==0)
return data;
data.sort((a,b)=>{
return b.category.value-a.category.value;
})
......@@ -328,7 +328,7 @@ export default {
}
newData.push(item);
}
return newData
},
setOptions(data){
......@@ -358,7 +358,7 @@ export default {
if(data1[i].subCategories.length!=0){
let data2 = this.dataProcess(data1[i]);
//for(let j=0; j<data1.length; j++)
//console.log('newData',newData);
}
//nonRecursiveWidthFirstTraversal(sortedData[i])
......@@ -405,4 +405,4 @@ export default {
.tree-container .tooltip-content{
text-align: left;
}
</style>
\ No newline at end of file
</style>
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