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"> | ||||
| <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" | ||||
| > | > | ||||
| <span class="navbar-toggler-icon"></span> | <span class="navbar-toggler-icon"></span> | ||||
| </button> | </button> | ||||
| <div :id="mode + '-menu-navbar'" :class="'navbar' + (mode == 'header' ? ' collapse navbar-collapse' : '')"> | <div :id="mode + '-menu-navbar'" :class="'navbar' + (mode == 'header' ? ' collapse navbar-collapse' : '')"> | ||||
| <ul class="navbar-nav"> | <ul class="navbar-nav"> | ||||
| <li class="nav-item" v-if="!loggedIn"> | |||||
| <router-link v-if="!$root.isAdmin && $root.hasRoute('signup')" class="nav-link link-signup" active-class="active" :to="{name: 'signup'}">Signup</router-link> | |||||
| <a v-else class="nav-link link-signup" :href="appUrl + '/signup'">Signup</a> | |||||
| </li> | |||||
| <li class="nav-item" v-for="item in menu()" :key="item.index"> | <li class="nav-item" v-for="item in menu()" :key="item.index"> | ||||
| <a v-if="item.href" :class="'nav-link link-' + item.index" :href="item.href">{{ item.title }}</a> | <a v-if="item.href" :class="'nav-link link-' + item.index" :href="item.href">{{ item.title }}</a> | ||||
| <router-link v-if="item.to" | <router-link v-if="item.to" | ||||
| :class="'nav-link link-' + item.index" | :class="'nav-link link-' + item.index" | ||||
| active-class="active" | active-class="active" | ||||
| :to="item.to" | :to="item.to" | ||||
| :exact="item.exact" | :exact="item.exact" | ||||
| > | > | ||||
| {{ item.title }} | {{ item.title }} | ||||
| </router-link> | </router-link> | ||||
| </li> | </li> | ||||
| <li class="nav-item" v-if="!loggedIn"> | |||||
| <router-link v-if="!$root.isAdmin && $root.hasRoute('signup')" class="nav-link link-signup" active-class="active" :to="{name: 'signup'}">Signup</router-link> | |||||
| <a v-else class="nav-link link-signup" :href="appUrl + '/signup'">Signup</a> | |||||
| </li> | |||||
| <li class="nav-item" v-if="loggedIn"> | <li class="nav-item" v-if="loggedIn"> | ||||
| <router-link class="nav-link link-dashboard" active-class="active" :to="{name: 'dashboard'}">Cockpit</router-link> | <router-link class="nav-link link-dashboard" active-class="active" :to="{name: 'dashboard'}">Cockpit</router-link> | ||||
| </li> | </li> | ||||
| <li class="nav-item" v-if="loggedIn"> | <li class="nav-item" v-if="loggedIn"> | ||||
| <router-link class="nav-link menulogin link-logout" active-class="active" :to="{name: 'logout'}">Logout</router-link> | <router-link class="nav-link menulogin link-logout" active-class="active" :to="{name: 'logout'}">Logout</router-link> | ||||
| </li> | </li> | ||||
| <li class="nav-item" v-if="!loggedIn && route != 'room'"> | <li class="nav-item" v-if="!loggedIn"> | ||||
| <a class="nav-link menulogin link-login" :href="webmailURL">Login</a> | <a class="nav-link menulogin link-login" :href="appUrl + '/login'">Login</a> | ||||
| </li> | |||||
| <li class="nav-item" v-if="!loggedIn && route == 'room'"> | |||||
| <a class="nav-link menulogin link-login" :href="app_url + '/login'">Login</a> | |||||
| </li> | </li> | ||||
| </ul> | </ul> | ||||
| <div v-if="mode == 'footer'" class="footer"> | <div v-if="mode == 'footer'" class="footer"> | ||||
| <div id="footer-copyright">@ Apheleia IT AG, 2020</div> | <div id="footer-copyright">@ Apheleia IT AG, 2020</div> | ||||
| <div v-if="footer" id="footer-company">{{ footer }}</div> | <div v-if="footer" id="footer-company">{{ footer }}</div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| </div> | </div> | ||||
| ▲ Show 20 Lines • Show All 65 Lines • Show Last 20 Lines | |||||