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
7f30478a
Commit
7f30478a
authored
Jun 28, 2019
by
Kenzo-Hugo Hillion
♻
Browse files
make component for drawer
parent
a57dd0f5
Changes
4
Hide whitespace changes
Inline
Side-by-side
frontend/src/App.vue
View file @
7f30478a
<
template
>
<v-app>
<Navbar
/>
<Navbar/>
<v-content>
<router-view></router-view>
...
...
frontend/src/components/Drawer.vue
0 → 100644
View file @
7f30478a
<
template
>
<v-navigation-drawer
v-bind:value=
"value"
v-on:input=
"$emit('input', $event)"
app
width=
200
class=
"primary"
dark
>
<v-toolbar
flat
class=
"primary"
>
<v-list>
<v-list-tile>
<v-list-tile-title>
Browse
</v-list-tile-title>
</v-list-tile>
</v-list>
</v-toolbar>
<v-divider></v-divider>
<v-list
dense
class=
"pt-0"
>
<v-list-tile
v-for=
"item in items"
:key=
"item.title"
@
click=
""
>
<v-list-tile-action>
<v-icon>
{{
item
.
icon
}}
</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>
{{
item
.
title
}}
</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-navigation-drawer>
</
template
>
<
script
>
export
default
{
props
:
{
items
:
{
type
:
Array
,
required
:
true
,
},
value
:
{
type
:
Boolean
,
default
:
false
,
},
},
};
</
script
>
frontend/src/components/Navbar.vue
View file @
7f30478a
<
template
>
<nav>
<v-toolbar
flat
app
dark
height=
"50"
class=
"
blue-grey darken-4
"
>
<v-toolbar-side-icon
@
click=
"drawer = !drawer"
></v-toolbar-side-icon>
<v-toolbar-title
class=
"headline"
>
<span
class=
"font-weight-light"
>
Metagene
</span>
<span>
DB
</span>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn
flat
>
<span>
Sign in
</span>
<v-icon
right
>
exit_to_app
</v-icon>
</v-btn>
<v-btn
flat
>
<span>
Help
</span>
<v-icon
right
>
help
</v-icon>
</v-btn>
</v-toolbar>
<nav>
<v-toolbar
flat
app
dark
height=
"50"
class=
"
primary
"
>
<v-toolbar-side-icon
@
click=
"drawer = !drawer"
></v-toolbar-side-icon>
<v-toolbar-title
class=
"headline"
>
<span
class=
"font-weight-light"
>
Metagene
</span>
<span>
DB
</span>
</v-toolbar-title>
<v-spacer></v-spacer>
<v-btn
flat
>
<span>
Sign in
</span>
<v-icon
right
>
exit_to_app
</v-icon>
</v-btn>
<v-btn
flat
>
<span>
Help
</span>
<v-icon
right
>
help
</v-icon>
</v-btn>
</v-toolbar>
<v-navigation-drawer
v-model=
"drawer"
app
width=
200
class=
"blue-grey darken-4"
>
<v-toolbar
flat
dark
class=
"blue-grey darken-4"
>
<v-list>
<v-list-tile>
<v-list-tile-title>
Browse
</v-list-tile-title>
</v-list-tile>
</v-list>
</v-toolbar>
<Drawer
:items=
"items"
v-model=
"drawer"
/>
<v-divider
dark
></v-divider>
<v-list
dense
dark
class=
"pt-0"
>
<v-list-tile
v-for=
"item in items"
:key=
"item.title"
@
click=
""
>
<v-list-tile-action>
<v-icon>
{{
item
.
icon
}}
</v-icon>
</v-list-tile-action>
<v-list-tile-content>
<v-list-tile-title>
{{
item
.
title
}}
</v-list-tile-title>
</v-list-tile-content>
</v-list-tile>
</v-list>
</v-navigation-drawer>
</nav>
</nav>
</
template
>
<
script
>
import
Drawer
from
'
@/components/Drawer.vue
'
;
export
default
{
components
:
{
Drawer
},
data
()
{
return
{
drawer
:
false
,
items
:
[
{
title
:
'
Home
'
,
icon
:
'
home
'
},
{
title
:
'
Catalog Statistics
'
,
icon
:
'
bar_chart
'
},
{
title
:
'
Genes
'
,
icon
:
'
list
'
},
{
title
:
'
About
'
,
icon
:
'
contact_support
'
}
],
{
title
:
'
Home
'
,
icon
:
'
home
'
},
{
title
:
'
Catalog Statistics
'
,
icon
:
'
bar_chart
'
},
{
title
:
'
Genes
'
,
icon
:
'
list
'
},
{
title
:
'
About
'
,
icon
:
'
contact_support
'
}
,
],
right
:
null
,
}
}
};
},
};
</
script
>
frontend/src/main.js
View file @
7f30478a
...
...
@@ -7,7 +7,11 @@ import './registerServiceWorker';
import
'
vuetify/dist/vuetify.min.css
'
;
Vue
.
config
.
productionTip
=
false
;
Vue
.
use
(
Vuetify
);
Vue
.
use
(
Vuetify
,
{
theme
:
{
primary
:
'
#042630
'
,
},
});
new
Vue
({
router
,
...
...
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