AppHeader.vue (61859097d8a129de1d8292f3ebde5e9228d82838) AppHeader.vue (dd6aa0aa8f12426c681f5991f2e9a21b379e86c3)
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 type="dark" :aria-label="$t('appHeader.applicationHeader')">

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

89 </b-navbar-nav>
90 </b-navbar>
91 </header>
92 <loading-bar />
93 </div>
94</template>
95
96<script>
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 type="dark" :aria-label="$t('appHeader.applicationHeader')">

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

89 </b-navbar-nav>
90 </b-navbar>
91 </header>
92 <loading-bar />
93 </div>
94</template>
95
96<script>
97import BVToastMixin from '@/components/Mixins/BVToastMixin';
97import IconAvatar from '@carbon/icons-vue/es/user--avatar/20';
98import IconClose from '@carbon/icons-vue/es/close/20';
99import IconMenu from '@carbon/icons-vue/es/menu/20';
100import IconRenew from '@carbon/icons-vue/es/renew/20';
101import StatusIcon from '@/components/Global/StatusIcon';
102import LoadingBar from '@/components/Global/LoadingBar';
103
104export default {
105 name: 'AppHeader',
106 components: {
107 IconAvatar,
108 IconClose,
109 IconMenu,
110 IconRenew,
111 StatusIcon,
112 LoadingBar
113 },
98import IconAvatar from '@carbon/icons-vue/es/user--avatar/20';
99import IconClose from '@carbon/icons-vue/es/close/20';
100import IconMenu from '@carbon/icons-vue/es/menu/20';
101import IconRenew from '@carbon/icons-vue/es/renew/20';
102import StatusIcon from '@/components/Global/StatusIcon';
103import LoadingBar from '@/components/Global/LoadingBar';
104
105export default {
106 name: 'AppHeader',
107 components: {
108 IconAvatar,
109 IconClose,
110 IconMenu,
111 IconRenew,
112 StatusIcon,
113 LoadingBar
114 },
115 mixins: [BVToastMixin],
114 data() {
115 return {
116 isNavigationOpen: false,
117 altLogo: `${process.env.VUE_APP_COMPANY_NAME} logo`
118 };
119 },
120 computed: {
116 data() {
117 return {
118 isNavigationOpen: false,
119 altLogo: `${process.env.VUE_APP_COMPANY_NAME} logo`
120 };
121 },
122 computed: {
123 isAuthorized() {
124 return this.$store.getters['global/isAuthorized'];
125 },
121 hostStatus() {
122 return this.$store.getters['global/hostStatus'];
123 },
124 healthStatus() {
125 return this.$store.getters['eventLog/healthStatus'];
126 },
127 hostStatusIcon() {
128 switch (this.hostStatus) {

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

148 default:
149 return 'secondary';
150 }
151 },
152 username() {
153 return this.$store.getters['global/username'];
154 }
155 },
126 hostStatus() {
127 return this.$store.getters['global/hostStatus'];
128 },
129 healthStatus() {
130 return this.$store.getters['eventLog/healthStatus'];
131 },
132 hostStatusIcon() {
133 switch (this.hostStatus) {

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

153 default:
154 return 'secondary';
155 }
156 },
157 username() {
158 return this.$store.getters['global/username'];
159 }
160 },
161 watch: {
162 isAuthorized(value) {
163 if (value === false) {
164 this.errorToast(
165 this.$t('global.toast.unAuthDescription'),
166 this.$t('global.toast.unAuthTitle')
167 );
168 }
169 }
170 },
156 created() {
157 this.getHostInfo();
158 this.getEvents();
159 },
160 mounted() {
161 this.$root.$on(
162 'change:isNavigationOpen',
163 isNavigationOpen => (this.isNavigationOpen = isNavigationOpen)

--- 129 unchanged lines hidden --- 		171 created() {
172 this.getHostInfo();
173 this.getEvents();
174 },
175 mounted() {
176 this.$root.$on(
177 'change:isNavigationOpen',
178 isNavigationOpen => (this.isNavigationOpen = isNavigationOpen)

--- 129 unchanged lines hidden ---