Page MenuHomePhorge
Files F117886139

Menu.vue
No OneTemporary
Actions

Authored By
Unknown
Size
3 KB
Referenced Files
None
Subscribers
None

Menu.vue
View Options

<template>
<nav id="primary-menu" class="navbar navbar-expand-lg navbar-light fixed-top">
<div class="container">
<a :href="app_url" class="navbar-brand" :title="app_name"><img src="/images/logo_header.png" :alt="app_name"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar" class="collapse navbar-collapse justify-content-end">
<ul class="navbar-nav">
<li class="nav-item" v-if="!logged_in">
<router-link class="nav-link link-signup" active-class="active" :to="{name: 'signup'}">Signup</router-link>
</li>
<li class="nav-item" v-if="!logged_in">
<a class="nav-link link-explore" href="https://kolabnow.com">Explore</a>
</li>
<li class="nav-item" v-if="!logged_in">
<a class="nav-link link-blog" href="https://blogs.kolabnow.com">Blog</a>
</li>
<li class="nav-item">
<a class="nav-link link-support" href="https://kolabnow.com/support">Support</a>
</li>
<li class="nav-item" v-if="logged_in">
<a class="nav-link link-contact" href="https://kolabnow.com/contact">Contact</a>
</li>
<li class="nav-item" v-if="logged_in">
<a class="nav-link menulogin link-webmail" href="https://kolabnow.com/apps" target="_blank">Webmail</a>
</li>
<li class="nav-item" v-if="logged_in">
<router-link class="nav-link menulogin link-logout" active-class="active" :to="{name: 'logout'}">Logout</router-link>
</li>
<li class="nav-item" v-if="!logged_in && route == 'login'">
<a class="nav-link menulogin link-webmail" href="https://kolabnow.com/apps" target="_blank">Webmail</a>
</li>
<li class="nav-item" v-if="!logged_in && (!route || route == 'signup')">
<router-link class="nav-link menulogin link-login" active-class="active" :to="{name: 'login'}">Login</router-link>
</li>
</ul>
</div>
</div>
</nav>
</template>
<script>
export default {
data() {
return {
app_name: window.config['app.name'],
app_url: window.config['app.url'],
}
},
mounted() {
// On mobile close the menu when the menu item is clicked
$('#navbar').on('click', function() { $(this).removeClass('show') })
},
computed: {
logged_in() { return this.$store.state.isLoggedIn },
route() { return this.$route.name }
}
}
</script>

File Metadata

Mime Type
text/html
Expires
Mon, Apr 6, 2:24 AM (1 w, 4 d ago)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
18832020
Default Alt Text
Menu.vue (3 KB)

Event Timeline