mgoetz/basta-frontend
Archived
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Update top nav

Browse Source
This commit is contained in:
Michael Götz 2018-04-01 17:39:06 +02:00
parent aa81f861d9
commit 3c45c0bb2d
1 changed files with 72 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
basta/src/components/nav/AccountMenu.vue Normal file
View File

@ -0,0 +1,72 @@
<template>
<div>
<div v-if="isAuthenticated()">
<b-nav pills>
<b-nav-item-dropdown id="nav7_ddown" text="Account" extra-toggle-classes="nav-link-custom" right>
<b-dropdown-item>
<router-link :to="{name: 'account'}" class="dropdown-item">
<icon :name="'user'" :scale="1"></icon>
Profile
</router-link>
</b-dropdown-item>
<b-dropdown-divider></b-dropdown-divider>
<b-dropdown-item>
<router-link :to="{name:'logout'}" class="dropdown-item">
<icon :name="'sign-out'" :scale="1"></icon>
Logout
</router-link>
</b-dropdown-item>
</b-nav-item-dropdown>
</b-nav>
</div>
<div v-else>
<router-link :to="{name:'login'}" class="dropdown-item">
<icon :name="'sign-in'" :scale="1"></icon>
Login
</router-link>
</div>
</div>
<!--<div class="dropdown">-->
<!--<button class="btn btn-primary dropdown-toggle" type="button" id="dropdownMenuButton"-->
<!--data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">-->
<!--<i class="fa fa-user" aria-hidden="true"></i>-->
<!--</button>-->
<!--<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">-->
<!--<router-link :to="{name: 'login'}" class="dropdown-item">-->
<!--<i class="fa fa-user" aria-hidden="true"></i>-->
<!--Profile-->
<!--</router-link>-->
<!--<router-link :to="{name:'logout'}" class="dropdown-item">-->
<!--<i class="fa fa-sign-out" aria-hidden="true"></i>-->
<!--Logout-->
<!--</router-link>-->
<!--</div>-->
<!--</div>-->
<!--{% else %}-->
<!--<a href="{{ url('login') }}"><i class="fa fa-sign-in" aria-hidden="true"></i></a>-->
</template>
<script>
import Icon from 'vue-awesome/components/Icon'
import 'vue-awesome/icons/user';
import authentication from "../../authentication";
export default {
name: "AccountMenu",
components: {Icon},
data() {
return {
auth: authentication.user.authenticated,
};
},
methods: {
isAuthenticated: function () {
return authentication.authenticated();
}
},
}
</script>
<style scoped>
</style>