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.
141 lines
3.7 KiB
141 lines
3.7 KiB
<template>
|
|
<b-navbar
|
|
toggleable="sm"
|
|
type="dark"
|
|
variant="primary"
|
|
fixed="top"
|
|
>
|
|
<button
|
|
v-b-toggle.sidebar-1
|
|
type="button"
|
|
aria-label="Toggle navigation"
|
|
class="navbar-toggler mr-3"
|
|
aria-controls="sidebar-1"
|
|
>
|
|
<span class="navbar-toggler-icon" />
|
|
</button>
|
|
|
|
<b-navbar-brand
|
|
href="/"
|
|
class="mr-auto mr-sm-0"
|
|
>
|
|
Chamilo
|
|
</b-navbar-brand>
|
|
|
|
<b-collapse
|
|
id="nav-collapse"
|
|
is-nav
|
|
>
|
|
<b-navbar-nav>
|
|
<!-- <b-nav-item href="#">-->
|
|
<!-- Link-->
|
|
<!-- </b-nav-item>-->
|
|
<!-- <b-nav-item-->
|
|
<!-- href="#"-->
|
|
<!-- disabled-->
|
|
<!-- >-->
|
|
<!-- Disabled-->
|
|
<!-- </b-nav-item>-->
|
|
</b-navbar-nav>
|
|
|
|
<!-- Right aligned nav items -->
|
|
<b-navbar-nav class="ml-auto">
|
|
<b-navbar-nav v-if="!isAuthenticated">
|
|
<b-nav-item :to="'/login'">
|
|
Login
|
|
</b-nav-item>
|
|
<b-nav-item :to="'/register'">
|
|
Register
|
|
</b-nav-item>
|
|
</b-navbar-nav>
|
|
|
|
<!-- <b-nav-form>-->
|
|
<!-- <b-form-input-->
|
|
<!-- size="sm"-->
|
|
<!-- class="mr-sm-2"-->
|
|
<!-- placeholder="Search"-->
|
|
<!-- />-->
|
|
<!-- <b-button-->
|
|
<!-- size="sm"-->
|
|
<!-- class="my-2 my-sm-0"-->
|
|
<!-- type="submit"-->
|
|
<!-- >-->
|
|
<!-- Search-->
|
|
<!-- </b-button>-->
|
|
<!-- </b-nav-form>-->
|
|
|
|
<!-- <b-nav-item-dropdown-->
|
|
<!-- text="Lang"-->
|
|
<!-- right-->
|
|
<!-- >-->
|
|
<!-- <b-dropdown-item href="#">-->
|
|
<!-- EN-->
|
|
<!-- </b-dropdown-item>-->
|
|
<!-- <b-dropdown-item href="#">-->
|
|
<!-- ES-->
|
|
<!-- </b-dropdown-item>-->
|
|
<!-- <b-dropdown-item href="#">-->
|
|
<!-- RU-->
|
|
<!-- </b-dropdown-item>-->
|
|
<!-- <b-dropdown-item href="#">-->
|
|
<!-- FA-->
|
|
<!-- </b-dropdown-item>-->
|
|
<!-- </b-nav-item-dropdown>-->
|
|
|
|
<b-nav-item-dropdown
|
|
v-if="isAuthenticated"
|
|
right
|
|
no-caret
|
|
toggle-class="p-0"
|
|
>
|
|
<!-- Using 'button-content' slot -->
|
|
<template v-slot:button-content>
|
|
<b-avatar variant="light" />
|
|
</template>
|
|
<b-dropdown-text style="width: 240px;">
|
|
{{ currentUser.username }}
|
|
</b-dropdown-text>
|
|
<b-dropdown-divider />
|
|
<b-dropdown-item href="/main/messages/inbox.php">
|
|
Inbox
|
|
</b-dropdown-item>
|
|
<b-dropdown-item href="/account/home">
|
|
Profile
|
|
</b-dropdown-item>
|
|
<b-dropdown-item href="/logout">
|
|
Logout
|
|
</b-dropdown-item>
|
|
</b-nav-item-dropdown>
|
|
</b-navbar-nav>
|
|
</b-collapse>
|
|
</b-navbar>
|
|
</template>
|
|
<script>
|
|
import { mapGetters } from 'vuex';
|
|
|
|
export default {
|
|
components: {},
|
|
props: {
|
|
type: {
|
|
type: String,
|
|
default: 'default', // default|light
|
|
description: 'Look of the dashboard navbar. Default (Green) or light (gray)'
|
|
}
|
|
},
|
|
data() {
|
|
return {
|
|
activeNotifications: false,
|
|
showMenu: false,
|
|
searchModalVisible: false,
|
|
searchQuery: ''
|
|
};
|
|
},
|
|
computed: {
|
|
...mapGetters({
|
|
'isAuthenticated': 'security/isAuthenticated',
|
|
'currentUser': 'security/getUser',
|
|
}),
|
|
},
|
|
methods: {}
|
|
};
|
|
</script>
|
|
|