93 lines
3 KiB
Vue
93 lines
3 KiB
Vue
<template lang="pug">
|
|
v-app-bar(app aria-label='Menu' height=64)
|
|
|
|
//- logo, title and description
|
|
v-list-item(:to='$route.name==="index"?"/about":"/"')
|
|
v-list-item-avatar(tile)
|
|
v-img(src='/logo.png' alt='home')
|
|
v-list-item-content.d-none.d-sm-flex
|
|
v-list-item-title
|
|
h2 {{settings.title}}
|
|
v-list-item-subtitle {{settings.description}}
|
|
|
|
v-spacer
|
|
v-btn(v-if='$auth.loggedIn || settings.allow_anon_event' icon nuxt to='/add' :aria-label='$t("common.add_event")' :title='$t("common.add_event")')
|
|
v-icon(large color='primary' v-text='mdiPlus')
|
|
|
|
v-btn(icon nuxt to='/export' :title='$t("common.share")' :aria-label='$t("common.share")')
|
|
v-icon(v-text='mdiShareVariant')
|
|
|
|
v-btn(v-if='!$auth.loggedIn' icon nuxt to='/login' :title='$t("common.login")' :aria-label='$t("common.login")')
|
|
v-icon(v-text='mdiLogin')
|
|
|
|
client-only
|
|
v-menu(v-if='$auth.loggedIn' offset-y)
|
|
template(v-slot:activator="{ on, attrs }")
|
|
v-btn(icon v-bind='attrs' v-on='on' title='Menu' aria-label='Menu')
|
|
v-icon(v-text='mdiDotsVertical')
|
|
v-list
|
|
v-list-item(nuxt to='/settings')
|
|
v-list-item-icon
|
|
v-icon(v-text='mdiCog')
|
|
v-list-item-content
|
|
v-list-item-title {{$t('common.settings')}}
|
|
|
|
v-list-item(v-if='$auth.user.is_admin' nuxt to='/admin')
|
|
v-list-item-icon
|
|
v-icon(v-text='mdiAccount')
|
|
v-list-item-content
|
|
v-list-item-title {{$t('common.admin')}}
|
|
|
|
v-list-item(@click='logout')
|
|
v-list-item-icon
|
|
v-icon(v-text='mdiLogout')
|
|
v-list-item-content
|
|
v-list-item-title {{$t('common.logout')}}
|
|
template(#placeholder)
|
|
v-btn(v-if='$auth.loggedIn' icon aria-label='Menu' title='Menu')
|
|
v-icon(v-text='mdiDotsVertical')
|
|
|
|
|
|
v-btn(icon target='_blank' :href='feedLink' title='RSS' aria-label='RSS')
|
|
v-icon(color='orange' v-text='mdiRss')
|
|
|
|
</template>
|
|
<script>
|
|
import { mapState } from 'vuex'
|
|
import clipboard from '../assets/clipboard'
|
|
import { mdiPlus, mdiShareVariant, mdiLogin, mdiDotsVertical, mdiLogout, mdiAccount, mdiCog, mdiRss } from '@mdi/js'
|
|
|
|
|
|
export default {
|
|
name: 'Nav',
|
|
data () {
|
|
return { mdiPlus, mdiShareVariant, mdiLogout, mdiLogin, mdiDotsVertical, mdiAccount, mdiCog, mdiRss }
|
|
},
|
|
mixins: [clipboard],
|
|
computed: {
|
|
...mapState(['filters', 'settings']),
|
|
feedLink () {
|
|
const tags = this.filters.tags && this.filters.tags.map(encodeURIComponent).join(',')
|
|
const places = this.filters.places && this.filters.places.join(',')
|
|
let query = ''
|
|
if (tags || places) {
|
|
query = '?'
|
|
if (tags) {
|
|
query += 'tags=' + tags
|
|
if (places) { query += '&places=' + places }
|
|
} else {
|
|
query += 'places=' + places
|
|
}
|
|
}
|
|
|
|
return `${this.settings.baseurl}/feed/rss${query}`
|
|
},
|
|
},
|
|
methods: {
|
|
logout () {
|
|
this.$root.$message('common.logout_ok')
|
|
this.$auth.logout()
|
|
}
|
|
}
|
|
}
|
|
</script>
|