You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.4 KiB
96 lines
2.4 KiB
<template>
|
|
<nav class="navbar navbar-light">
|
|
<div class="container">
|
|
<router-link class="navbar-brand" :to="{ name: 'home' }">
|
|
conduit
|
|
</router-link>
|
|
<ul v-if="!isAuthenticated" class="nav navbar-nav pull-xs-right">
|
|
<li class="nav-item">
|
|
<router-link
|
|
class="nav-link"
|
|
active-class="active"
|
|
exact
|
|
:to="{ name: 'home' }"
|
|
>
|
|
Home
|
|
</router-link>
|
|
</li>
|
|
<li class="nav-item">
|
|
<router-link
|
|
class="nav-link"
|
|
active-class="active"
|
|
exact
|
|
:to="{ name: 'login' }"
|
|
>
|
|
<i class="ion-compose"></i>Sign in
|
|
</router-link>
|
|
</li>
|
|
<li class="nav-item">
|
|
<router-link
|
|
class="nav-link"
|
|
active-class="active"
|
|
exact
|
|
:to="{ name: 'register' }"
|
|
>
|
|
<i class="ion-compose"></i>Sign up
|
|
</router-link>
|
|
</li>
|
|
</ul>
|
|
<ul v-else class="nav navbar-nav pull-xs-right">
|
|
<li class="nav-item">
|
|
<router-link
|
|
class="nav-link"
|
|
active-class="active"
|
|
exact
|
|
:to="{ name: 'home' }"
|
|
>
|
|
Home
|
|
</router-link>
|
|
</li>
|
|
<li class="nav-item">
|
|
<router-link
|
|
class="nav-link"
|
|
active-class="active"
|
|
:to="{ name: 'article-edit' }"
|
|
>
|
|
<i class="ion-compose"></i> New Article
|
|
</router-link>
|
|
</li>
|
|
<li class="nav-item">
|
|
<router-link
|
|
class="nav-link"
|
|
active-class="active"
|
|
exact
|
|
:to="{ name: 'settings' }"
|
|
>
|
|
<i class="ion-gear-a"></i> Settings
|
|
</router-link>
|
|
</li>
|
|
<li class="nav-item" v-if="currentUser.username">
|
|
<router-link
|
|
class="nav-link"
|
|
active-class="active"
|
|
exact
|
|
:to="{
|
|
name: 'profile',
|
|
params: { username: currentUser.username }
|
|
}"
|
|
>
|
|
{{ currentUser.username }}
|
|
</router-link>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</nav>
|
|
</template>
|
|
|
|
<script>
|
|
import { mapGetters } from "vuex";
|
|
|
|
export default {
|
|
name: "RwvHeader",
|
|
computed: {
|
|
...mapGetters(["currentUser", "isAuthenticated"])
|
|
}
|
|
};
|
|
</script>
|