Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Metagenomics
metagenedb
Commits
af72cfdc
Commit
af72cfdc
authored
Jun 25, 2019
by
Kenzo-Hugo Hillion
♻
Browse files
add range to select the gene size window
parent
69a2ca55
Pipeline
#12803
passed with stage
in 1 minute and 8 seconds
Changes
2
Pipelines
1
Hide whitespace changes
Inline
Side-by-side
frontend/src/components/Histogram.vue
View file @
af72cfdc
<
template
>
<div
v-if=
"geneLengthData.counts"
id=
"app"
>
<h1>
Gene Length Distribution
</h1>
<canvas
id=
"histogram"
></canvas>
</div>
</
template
>
...
...
frontend/src/views/Home.vue
View file @
af72cfdc
...
...
@@ -7,7 +7,17 @@
<h4>
{{
gene
.
gene_id
}}
</h4>
<p>
Gene length:
{{
gene
.
gene_length
}}
{{
gene
.
functions
}}
</p>
</div>
<histogram
v-bind:geneLengthData=
"geneLengthData"
></histogram>
<div
class=
"card"
>
<div
class=
"card-header"
>
Gene length distribution
</div>
<div
class=
"card-body"
>
<histogram
v-bind:geneLengthData=
"geneLengthData"
></histogram>
<label
for=
"geneLengthWindowSize"
>
Gene size window
</label>
<input
type=
"range"
class=
"custom-range"
min=
"1000"
max=
"20000"
step=
"1000"
v-model=
"geneLengthWindowSize"
v-on:input=
"fetchGeneLength(geneLengthWindowSize)"
debounce=
"500"
>
{{
geneLengthWindowSize
}}
</div>
</div>
</div>
</
template
>
...
...
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new 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