Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Widgets/Menu.vue
| <template> | <template> | ||||
| <nav :id="mode + '-menu'" class="navbar navbar-expand-lg navbar-light"> | <nav :id="mode + '-menu'" class="navbar navbar-expand-lg navbar-light" v-if="!menuHidden"> | ||||
| <div class="container"> | <div class="container"> | ||||
| <router-link class="navbar-brand" to="/"> | <router-link class="navbar-brand" to="/"> | ||||
| <img :src="appUrl + themeDir + '/images/logo_' + mode + '.png'" :alt="appName"> | <img :src="appUrl + themeDir + '/images/logo_' + mode + '.png'" :alt="appName"> | ||||
| </router-link> | </router-link> | ||||
| <button v-if="mode == 'header'" class="navbar-toggler" type="button" | <button v-if="mode == 'header'" class="navbar-toggler" type="button" | ||||
| data-toggle="collapse" :data-target="'#' + mode + '-menu-navbar'" | data-toggle="collapse" :data-target="'#' + mode + '-menu-navbar'" | ||||
| aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation" | aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation" | ||||
| > | > | ||||
| ▲ Show 20 Lines • Show All 44 Lines • ▼ Show 20 Lines | export default { | ||||
| return { | return { | ||||
| appName: window.config['app.name'], | appName: window.config['app.name'], | ||||
| appUrl: window.config['app.url'], | appUrl: window.config['app.url'], | ||||
| themeDir: '/themes/' + window.config['app.theme'] | themeDir: '/themes/' + window.config['app.theme'] | ||||
| } | } | ||||
| }, | }, | ||||
| computed: { | computed: { | ||||
| loggedIn() { return this.$store.state.isLoggedIn }, | loggedIn() { return this.$store.state.isLoggedIn }, | ||||
| route() { return this.$route.name } | route() { return this.$route.name }, | ||||
| menuHidden() { return this.$route.name == "room" } | |||||
| }, | }, | ||||
| mounted() { | mounted() { | ||||
| // On mobile close the menu when the menu item is clicked | // On mobile close the menu when the menu item is clicked | ||||
| if (this.mode == 'header') { | if (this.mode == 'header') { | ||||
| $('#header-menu .navbar').on('click', function() { $(this).removeClass('show') }) | $('#header-menu .navbar').on('click', function() { $(this).removeClass('show') }) | ||||
| } | } | ||||
| }, | }, | ||||
| methods: { | methods: { | ||||
| Show All 37 Lines | |||||