| AppHeader.vue (d388a28b478bf0224e37e292f8bc30fabe2c7059) | AppHeader.vue (965cf673ec7179d5cc09c656f5508eee4fc71712) |
|---|---|
| 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 --- 19 unchanged lines hidden (view full) --- 28 <img 29 class="header-logo" 30 src="@/assets/images/logo-header.svg" 31 :alt="altLogo" 32 /> 33 </b-navbar-nav> 34 <!-- Right aligned nav items --> 35 <b-navbar-nav class="ml-auto helper-menu"> | 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 --- 19 unchanged lines hidden (view full) --- 28 <img 29 class="header-logo" 30 src="@/assets/images/logo-header.svg" 31 :alt="altLogo" 32 /> 33 </b-navbar-nav> 34 <!-- Right aligned nav items --> 35 <b-navbar-nav class="ml-auto helper-menu"> |
| 36 <b-nav-item to="/health/event-logs"> | 36 <b-nav-item 37 to="/health/event-logs" 38 data-test-id="appHeader-container-health" 39 > |
| 37 <status-icon :status="healthStatusIcon" /> 38 {{ $t('appHeader.health') }} 39 </b-nav-item> | 40 <status-icon :status="healthStatusIcon" /> 41 {{ $t('appHeader.health') }} 42 </b-nav-item> |
| 40 <b-nav-item to="/control/server-power-operations"> | 43 <b-nav-item 44 to="/control/server-power-operations" 45 data-test-id="appHeader-container-power" 46 > |
| 41 <status-icon :status="hostStatusIcon" /> 42 {{ $t('appHeader.power') }} 43 </b-nav-item> 44 <!-- Using LI elements instead of b-nav-item to support semantic button elements --> 45 <li class="nav-item"> | 47 <status-icon :status="hostStatusIcon" /> 48 {{ $t('appHeader.power') }} 49 </b-nav-item> 50 <!-- Using LI elements instead of b-nav-item to support semantic button elements --> 51 <li class="nav-item"> |
| 46 <b-button id="app-header-refresh" variant="link" @click="refresh"> | 52 <b-button 53 id="app-header-refresh" 54 variant="link" 55 data-test-id="appHeader-button-refresh" 56 @click="refresh" 57 > |
| 47 <icon-renew /> 48 <span class="responsive-text">{{ $t('appHeader.refresh') }}</span> 49 </b-button> 50 </li> 51 <li class="nav-item"> | 58 <icon-renew /> 59 <span class="responsive-text">{{ $t('appHeader.refresh') }}</span> 60 </b-button> 61 </li> 62 <li class="nav-item"> |
| 52 <b-dropdown id="app-header-user" variant="link" right> | 63 <b-dropdown 64 id="app-header-user" 65 variant="link" 66 right 67 data-test-id="appHeader-container-user" 68 > |
| 53 <template v-slot:button-content> 54 <icon-avatar /> 55 <span class="responsive-text">{{ username }}</span> 56 </template> | 69 <template v-slot:button-content> 70 <icon-avatar /> 71 <span class="responsive-text">{{ username }}</span> 72 </template> |
| 57 <b-dropdown-item to="/profile-settings" | 73 <b-dropdown-item 74 to="/profile-settings" 75 data-test-id="appHeader-link-profile" |
| 58 >{{ $t('appHeader.profileSettings') }} 59 </b-dropdown-item> | 76 >{{ $t('appHeader.profileSettings') }} 77 </b-dropdown-item> |
| 60 <b-dropdown-item @click="logout">{{ 61 $t('appHeader.logOut') 62 }}</b-dropdown-item> | 78 <b-dropdown-item 79 data-test-id="appHeader-link-logout" 80 @click="logout" 81 > 82 {{ $t('appHeader.logOut') }} 83 </b-dropdown-item> |
| 63 </b-dropdown> 64 </li> 65 </b-navbar-nav> 66 </b-navbar> 67 </header> 68 <loading-bar /> 69 </div> 70</template> --- 197 unchanged lines hidden --- | 84 </b-dropdown> 85 </li> 86 </b-navbar-nav> 87 </b-navbar> 88 </header> 89 <loading-bar /> 90 </div> 91</template> --- 197 unchanged lines hidden --- |