mirror of
https://framagit.org/les/gancio.git
synced 2025-02-01 00:52:01 +01:00
122 lines
3.4 KiB
Vue
122 lines
3.4 KiB
Vue
<template lang="pug">
|
|
div#nav
|
|
nuxt-link#logo(:to='$route.name==="index"?"/about":"/"')
|
|
img(src='/favicon.ico')
|
|
span.ml-1.hidden-xs-only {{settings.title}}
|
|
small.hidden-sm-only {{settings.description}}
|
|
|
|
el-menu#menu(mode='horizontal' router )
|
|
el-menu-item(v-if='could_add' index='/add')
|
|
i.el-icon-plus
|
|
span.hidden-xs-only {{$t('common.add_event')}}
|
|
|
|
//- nuxt-link(to='/export')
|
|
el-menu-item(index='/export')
|
|
i.el-icon-share
|
|
span.hidden-xs-only {{$t('common.share')}}
|
|
|
|
el-submenu(v-if='settings.enable_trusted_instances && settings.trusted_instances && settings.trusted_instances.length' index=4)
|
|
template(slot='title')
|
|
i.el-icon-guide
|
|
span.hidden-xs-only {{$t('common.places')}}
|
|
el-menu-item(v-for='instance in settings.trusted_instances' :key='instance.name')
|
|
a(:href='instance.url' target='_link')
|
|
img.mr-1(:src='`${instance.url}/favicon.ico`' style='height: 25px;')
|
|
span.ml-1 {{instance.label || instance.name}}
|
|
|
|
el-menu-item(v-if='!$auth.loggedIn' index='/login')
|
|
i.el-icon-user
|
|
span.hidden-xs-only {{$t('common.login')}}
|
|
|
|
el-submenu(v-if='$auth.loggedIn' index=3)
|
|
template(slot='title')
|
|
i.el-icon-user
|
|
span.hidden-xs-only {{$t('common.user')}}
|
|
el-menu-item(divided index='/settings')
|
|
i.el-icon-s-tools
|
|
span {{$t('common.settings')}}
|
|
el-menu-item(v-if='$auth.user.is_admin' index='/admin')
|
|
i.el-icon-s-operation
|
|
span {{$t('common.admin')}}
|
|
el-menu-item(@click='logout')
|
|
i.el-icon-switch-button
|
|
span {{$t('common.logout')}}
|
|
|
|
el-menu-item(type='text' v-clipboard:copy='`${settings.baseurl}/feed/rss`' v-clipboard:success='copyLink')
|
|
v-icon(color='orange' name='rss')
|
|
|
|
</template>
|
|
<script>
|
|
import { Message } from 'element-ui'
|
|
import { mapState } from 'vuex'
|
|
|
|
export default {
|
|
name: 'Nav',
|
|
computed: {
|
|
could_add () {
|
|
return (this.$auth.loggedIn || this.settings.allow_anon_event)
|
|
},
|
|
...mapState(['filters', 'settings'])
|
|
},
|
|
methods: {
|
|
copyLink () {
|
|
Message({ message: this.$t('common.feed_url_copied'), type: 'success', showClose: true })
|
|
},
|
|
logout () {
|
|
Message({ showClose: true, message: this.$t('common.logout_ok'), type: 'success' })
|
|
this.$auth.logout()
|
|
},
|
|
async createTrustedInstance () {
|
|
let url = this.instance_url
|
|
if (!url.match(/^https?:\/\//)) {
|
|
url = `https://${url}`
|
|
}
|
|
try {
|
|
const instance = await this.$axios.$get(`${url}/.well-known/nodeinfo/2.0`)
|
|
const trusted_instance = {
|
|
url,
|
|
name: instance.metadata.nodeName,
|
|
description: instance.metadata.nodeDescription,
|
|
place: instance.metadata.placeDescription
|
|
}
|
|
this.setSetting({ key: 'trusted_instances', value: this.settings.trusted_instances.concat(trusted_instance) })
|
|
} catch (e) {
|
|
console.error(e)
|
|
Message({
|
|
showClose: true,
|
|
type: 'error',
|
|
message: e
|
|
})
|
|
}
|
|
},
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang='less'>
|
|
|
|
#logo {
|
|
img {
|
|
max-height: 60px;
|
|
}
|
|
line-height: 60px;
|
|
float: left;
|
|
color: white;
|
|
font-size: 1.5em;
|
|
font-weight: 600;
|
|
text-decoration: none;
|
|
small {
|
|
font-size: 0.5em;
|
|
}
|
|
}
|
|
|
|
#menu {
|
|
float: right;
|
|
border-bottom: none;
|
|
|
|
.el-menu-item {
|
|
padding: 0px 15px;
|
|
}
|
|
}
|
|
|
|
</style>
|