Differential D1447 Diff 5026 src/resources/vue/Widgets/Menu.vue

Changeset 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="{ name: 'dashboard' }">			<router-link class="navbar-brand" :to="{ name: 'dashboard' }">
	<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">			<li class="nav-item" v-if="!loggedIn">
	<router-link v-if="!$root.isAdmin" class="nav-link link-signup" active-class="active" :to="{name: 'signup'}">Signup</router-link>			<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>			<a v-else class="nav-link link-signup" :href="appUrl + '/signup'">Signup</a>
	</li>			</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">			<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">			<li class="nav-item" v-if="!loggedIn && route != 'room'">
	<router-link class="nav-link menulogin link-login" active-class="active" :to="{name: 'login'}">Login</router-link>			<router-link class="nav-link menulogin link-login" active-class="active" :to="{name: 'login'}">Login</router-link>
	</li>			</li>
				<li class="nav-item" v-if="!loggedIn && route == 'room'">
				<a class="nav-link menulogin link-login" :href="app_url + '/login'">Login</a>
				</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>
	</nav>			</nav>
	▲ Show 20 Lines • Show All 63 Lines • Show Last 20 Lines