flaschengeist-frontend/src/components/TitleBar.vue

<template>
  <v-app-bar app clipped-left clipped-right hide-on-scroll color="blue accent-4" class="elevation-4" dark>
    <v-btn icon>
      <v-img src="@/assets/logo-big.png" contain height="40"></v-img>
    </v-btn>
    <v-toolbar-title>WU5-Dashboard</v-toolbar-title>
    <v-spacer />
    <v-btn icon v-if="isFinanzer" href="finanzer">
      <v-icon>attach_money</v-icon>
    </v-btn>
    <v-btn icon v-if="isBar">
      <v-icon>local_bar</v-icon>
    </v-btn>
    <v-btn icon v-if="isUser">
      <v-icon>person</v-icon>
    </v-btn>
  </v-app-bar>
</template>

<script>
import { mapActions, mapGetters } from 'vuex'

export default {
  name: 'TitleBar',
  computed: {
    ...mapGetters(['isBar', 'isFinanzer', 'isUser', 'isLoggedIn'])
  },
  methods: {
    ...mapActions(['logout'])
  },

}
</script>

<style scoped>
</style>