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-expand-lg navbar-light"> | ||||
<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"> | ||||
<router-link class="nav-link menulogin link-login" :to="{name: 'login'}">Login</router-link> | <router-link class="nav-link menulogin link-login" :to="{name: 'login'}">Login</router-link> | ||||
</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, {{ buildYear }}</div> | ||||
vanmeeuwen: The company name is always Apheleia IT AG, though. | |||||
<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> | ||||
</template> | </template> | ||||
<script> | <script> | ||||
import buildDate from '../../js/ts.js' | |||||
export default { | export default { | ||||
data() { | |||||
return { | |||||
buildYear: buildDate.getFullYear() | |||||
} | |||||
}, | |||||
props: { | props: { | ||||
mode: { type: String, default: 'header' }, | mode: { type: String, default: 'header' }, | ||||
footer: { type: String, default: '' } | footer: { type: String, default: '' } | ||||
}, | }, | ||||
computed: { | computed: { | ||||
loggedIn() { return this.$store.state.isLoggedIn }, | loggedIn() { return this.$store.state.isLoggedIn }, | ||||
route() { return this.$route.name } | route() { return this.$route.name } | ||||
}, | }, | ||||
▲ Show 20 Lines • Show All 44 Lines • Show Last 20 Lines |
The company name is always Apheleia IT AG, though.