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
cb10e841
Commit
cb10e841
authored
Jun 25, 2019
by
Kenzo-Hugo Hillion
♻
Browse files
add bootstrap-vue bootstrap chartjs to package for npm
parent
af72cfdc
Pipeline
#12809
passed with stage
in 1 minute and 18 seconds
Changes
5
Pipelines
1
Expand all
Hide whitespace changes
Inline
Side-by-side
frontend/package-lock.json
View file @
cb10e841
This diff is collapsed.
Click to expand it.
frontend/package.json
View file @
cb10e841
...
...
@@ -10,6 +10,9 @@
"test:unit"
:
"vue-cli-service test:unit"
},
"dependencies"
:
{
"bootstrap"
:
"^4.3.1"
,
"bootstrap-vue"
:
"^2.0.0-rc.24"
,
"chart.js"
:
"^2.8.0"
,
"core-js"
:
"^2.6.5"
,
"register-service-worker"
:
"^1.6.2"
,
"vue"
:
"^2.6.10"
,
...
...
frontend/src/App.vue
View file @
cb10e841
<
template
>
<div
id=
"app"
>
<div
id=
"nav"
>
<router-link
to=
"/"
>
Home
</router-link>
|
<router-link
to=
"/about"
>
About
</router-link>
</div>
<div>
<b-navbar
toggleable=
"lg"
type=
"dark"
variant=
"dark"
>
<b-navbar-brand
to=
"/"
>
MetageneDB
</b-navbar-brand>
<b-navbar-toggle
target=
"nav-collapse"
></b-navbar-toggle>
<b-collapse
id=
"nav-collapse"
is-nav
>
<b-navbar-nav>
<b-nav-item
to=
"/"
>
Home
</b-nav-item>
<b-nav-item
to=
"/about"
>
About
</b-nav-item>
</b-navbar-nav>
</b-collapse>
</b-navbar>
<router-view/>
</div>
</
template
>
<
style
lang=
"scss"
>
@import
'./assets/bootstrap/css/bootstrap.min.css'
;
#app
{
font-family
:
'Avenir'
,
Helvetica
,
Arial
,
sans-serif
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
text-align
:
center
;
color
:
#2c3e50
;
}
#nav
{
padding
:
30px
;
a
{
font-weight
:
bold
;
color
:
#2c3e50
;
&
.router-link-exact-active
{
color
:
#42b983
;
}
}
}
</
style
>
\ No newline at end of file
</
style
>
frontend/src/main.js
View file @
cb10e841
import
Vue
from
'
vue
'
;
import
BootstrapVue
from
'
bootstrap-vue
'
;
import
App
from
'
./App.vue
'
;
import
router
from
'
./router
'
;
import
store
from
'
./store
'
;
import
'
./registerServiceWorker
'
;
import
'
bootstrap/dist/css/bootstrap.css
'
;
import
'
bootstrap-vue/dist/bootstrap-vue.css
'
;
Vue
.
config
.
productionTip
=
false
;
Vue
.
use
(
BootstrapVue
);
new
Vue
({
router
,
...
...
frontend/src/views/Home.vue
View file @
cb10e841
<
template
>
<div
class=
"jumbotron"
>
<img
alt=
"Vue logo"
src=
"../assets/logo.png"
>
<h3>
Genes
</h3>
<p>
The catalog currently contains
<span
class=
"badge badge-secondary"
>
{{
count
}}
</span>
genes.
</p>
<div
v-for=
"(gene, i) in genes"
:key=
"i"
>
...
...
@@ -14,7 +13,7 @@
<div
class=
"card-body"
>
<histogram
v-bind:geneLengthData=
"geneLengthData"
></histogram>
<label
for=
"geneLengthWindowSize"
>
Gene size window
</label>
<input
type=
"range"
class=
"custom-range"
min=
"
10
00"
max=
"
2
0000"
step=
"
10
00"
v-model=
"geneLengthWindowSize"
v-on:input=
"fetchGeneLength(geneLengthWindowSize)"
debounce=
"500"
>
<input
type=
"range"
class=
"custom-range"
min=
"
2
00"
max=
"
1
0000"
step=
"
2
00"
v-model=
"geneLengthWindowSize"
v-on:input=
"fetchGeneLength(geneLengthWindowSize)"
debounce=
"500"
>
{{
geneLengthWindowSize
}}
</div>
</div>
...
...
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