Skip to content
Snippets Groups Projects
Commit ebfc9a99 authored by fibasile's avatar fibasile
Browse files

added toolbar categories link

parent d4abcf1d
No related branches found
No related tags found
No related merge requests found
<template>
<q-toolbar
class="bg-white text-grey-6 no-border"
flat
>
<q-btn
flat
dense
round
@click="toogleDrawer"
aria-label="Menu"
v-if="hasDrawer"
>
<q-toolbar class="bg-white text-grey-6 no-border" flat>
<q-btn flat dense round @click="toogleDrawer" aria-label="Menu" v-if="hasDrawer">
<q-icon name="menu" />
</q-btn>
<q-toolbar-title>
<div class="flex items-center">
<router-link to="/">
<q-img
src="/statics/600x600fabr.png"
class="logo-img"
/>
<q-img src="/statics/600x600fabr.png" class="logo-img" />
</router-link>
<div class="text-logo">
<span class="text-open">Open&nbsp;-&nbsp;source</span>
......@@ -29,45 +16,20 @@
</div>
</q-toolbar-title>
<q-space />
<q-btn
flat
label="Browse"
icon-right="arrow_drop_down"
class="q-ml-md gt-sm"
>
<q-btn flat label="Browse" icon-right="arrow_drop_down" class="q-ml-md gt-sm">
<q-menu>
<q-list style="min-width: 80px">
<q-item
clickable
v-close-popup
v-for="cat,idx in categories"
:key="idx"
>
<q-item clickable v-close-popup v-for="cat,idx in categories" :key="idx">
<q-item-section>{{cat.label}}</q-item-section>
</q-item>
</q-list>
</q-menu>
</q-btn>
<q-btn
flat
to="/collections"
class="gt-sm"
>Collections</q-btn>
<q-btn
flat
to="/account/projects/new"
class="gt-sm"
>Upload a project</q-btn>
<q-btn flat to="/collections" class="gt-sm">Collections</q-btn>
<q-btn flat to="/account/projects/new" class="gt-sm">Upload a project</q-btn>
<q-btn
to="/login"
flat
v-if="!user"
>Sign in</q-btn>
<UserPopupMenu
@logout="handleLogout"
:user="user"
/>
<q-btn to="/login" flat v-if="!user">Sign in</q-btn>
<UserPopupMenu @logout="handleLogout" :user="user" />
<!-- <div>Quasar v{{ $q.version }}</div> -->
</q-toolbar>
</template>
......@@ -81,17 +43,20 @@ export default {
UserPopupMenu
},
props: ["hasDrawer", "user"],
data () {
data() {
return {};
},
methods: {
...mapActions({ loadCategories: "categories/loadAll" }),
toogleDrawer () {
toogleDrawer() {
this.$emit("toggle");
},
handleLogout () {
handleLogout() {
this.$emit("logout");
}
},
computed: {
...mapGetters({ categories: "categories/categories" })
}
};
</script>
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment