Changeset View
Changeset View
Standalone View
Standalone View
src/resources/vue/Widgets/Menu.vue
| Show All 29 Lines | <nav :id="mode + '-menu'" :class="'navbar navbar-light navbar-expand-' + (mode == 'header' ? 'lg' : 'sm')"> | ||||
| <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'}">{{ $t('menu.logout') }}</router-link> | <router-link class="nav-link menulogin link-logout" active-class="active" :to="{name: 'logout'}">{{ $t('menu.logout') }}</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-login" :to="{name: 'login'}">{{ $t('menu.login') }}</router-link> | <router-link class="nav-link menulogin link-login" :to="{name: 'login'}">{{ $t('menu.login') }}</router-link> | ||||
| </li> | </li> | ||||
| <li v-if="languages.length > 1 && mode == 'header'" id="language-selector" class="nav-item dropdown"> | <li v-if="languages.length > 1 && mode == 'header'" id="language-selector" class="nav-item dropdown"> | ||||
| <a href="#" class="nav-link link-lang dropdown-toggle" role="button" data-bs-toggle="dropdown">{{ getLang().toUpperCase() }}</a> | <a href="#" class="nav-link link-lang dropdown-toggle" role="button" data-bs-toggle="dropdown">{{ getLang().toUpperCase() }}</a> | ||||
| <div class="dropdown-menu dropdown-menu-right mb-2"> | <div class="dropdown-menu dropdown-menu-end mb-2"> | ||||
| <a class="dropdown-item" href="#" v-for="lang in languages" :key="lang" @click="setLang(lang)"> | <a class="dropdown-item" href="#" v-for="lang in languages" :key="lang" @click="setLang(lang)"> | ||||
| {{ lang.toUpperCase() }} - {{ $t('lang.' + lang) }} | {{ lang.toUpperCase() }} - {{ $t('lang.' + lang) }} | ||||
| </a> | </a> | ||||
| </div> | </div> | ||||
| </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, {{ buildYear }}</div> | <div id="footer-copyright">@ Apheleia IT AG, {{ buildYear }}</div> | ||||
| ▲ Show 20 Lines • Show All 76 Lines • Show Last 20 Lines | |||||