AppHeader.vue (6859203cebe3b6a31d23d55a3555bf36d6c73242) AppHeader.vue (3be801aa07ed85c8a90eb6f53a807a1cc57cdaa9)
1<template>
2 <div>
3 <header id="page-header">
4 <a role="link" class="link-skip-nav btn btn-light" href="#main-content">
5 {{ $t('appHeader.skipToContent') }}
6 </a>
7
8 <b-navbar

--- 38 unchanged lines hidden (view full) ---

47 <b-button id="app-header-logout" variant="link" @click="logout">
48 {{ $t('appHeader.logOut') }}
49 <icon-avatar />
50 </b-button>
51 </li>
52 </b-navbar-nav>
53 </b-navbar>
54 </header>
1<template>
2 <div>
3 <header id="page-header">
4 <a role="link" class="link-skip-nav btn btn-light" href="#main-content">
5 {{ $t('appHeader.skipToContent') }}
6 </a>
7
8 <b-navbar

--- 38 unchanged lines hidden (view full) ---

47 <b-button id="app-header-logout" variant="link" @click="logout">
48 {{ $t('appHeader.logOut') }}
49 <icon-avatar />
50 </b-button>
51 </li>
52 </b-navbar-nav>
53 </b-navbar>
54 </header>
55 <loading-bar />
55 </div>
56</template>
57
58<script>
59import IconAvatar from '@carbon/icons-vue/es/user--avatar/20';
60import IconClose from '@carbon/icons-vue/es/close/20';
61import IconMenu from '@carbon/icons-vue/es/menu/20';
62import IconRenew from '@carbon/icons-vue/es/renew/20';
63import StatusIcon from '../Global/StatusIcon';
56 </div>
57</template>
58
59<script>
60import IconAvatar from '@carbon/icons-vue/es/user--avatar/20';
61import IconClose from '@carbon/icons-vue/es/close/20';
62import IconMenu from '@carbon/icons-vue/es/menu/20';
63import IconRenew from '@carbon/icons-vue/es/renew/20';
64import StatusIcon from '../Global/StatusIcon';
65import LoadingBar from '../Global/LoadingBar';
64
65export default {
66 name: 'AppHeader',
66
67export default {
68 name: 'AppHeader',
67 components: { IconAvatar, IconClose, IconMenu, IconRenew, StatusIcon },
69 components: {
70 IconAvatar,
71 IconClose,
72 IconMenu,
73 IconRenew,
74 StatusIcon,
75 LoadingBar
76 },
68 data() {
69 return {
70 isNavigationOpen: false
71 };
72 },
73 computed: {
74 hostStatus() {
75 return this.$store.getters['global/hostStatus'];

--- 117 unchanged lines hidden --- 		77 data() {
78 return {
79 isNavigationOpen: false
80 };
81 },
82 computed: {
83 hostStatus() {
84 return this.$store.getters['global/hostStatus'];

--- 117 unchanged lines hidden ---