Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
Yasset Perez
pride-web
Commits
e337402f
Commit
e337402f
authored
Sep 12, 2018
by
Yasset Perez-Riverol
Browse files
minor changes titles in the charts
parent
5afc200a
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
67 additions
and
67 deletions
+67
-67
src/components/landingpage/StatisticsDetails.vue
src/components/landingpage/StatisticsDetails.vue
+25
-25
src/components/landingpage/statistics_chart/LineSimple.vue
src/components/landingpage/statistics_chart/LineSimple.vue
+4
-4
src/components/landingpage/statistics_chart/MapSimple.vue
src/components/landingpage/statistics_chart/MapSimple.vue
+3
-3
src/components/landingpage/statistics_chart/TreeSimple.vue
src/components/landingpage/statistics_chart/TreeSimple.vue
+35
-35
No files found.
src/components/landingpage/StatisticsDetails.vue
View file @
e337402f
...
...
@@ -6,7 +6,7 @@
<Col
span=
"20"
>
<div
class=
"visualization-wrapper"
>
<Card>
<p
slot=
"title"
>
T
ree
</p>
<p
slot=
"title"
>
Submissions properties t
ree
</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"
>
Facet
s
</p>
<p
slot=
"title"
>
Submissions propertie
s
</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
:
'
S
ubmission
'
,
text
:
'
Public s
ubmission
'
,
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
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment