diff options
Diffstat (limited to 'app/common/directives/app-header.html')
-rw-r--r-- | app/common/directives/app-header.html | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/app/common/directives/app-header.html b/app/common/directives/app-header.html new file mode 100644 index 0000000..5b2de3d --- /dev/null +++ b/app/common/directives/app-header.html @@ -0,0 +1,19 @@ +<div id="header__wrapper"> +<!-- HEADER --> +<!-- Class of status-light__good has 3 states: status-light__good, status-light__error, status-light__disabled --> +<!-- Server Power buttton links to 'server power operations' page; Server Status may link to event log page. TBD.--> +<header id="header"> + <span class="app__version float-left">{{dataService.app_version}}</span> + <a href="" class="header__logout" ng-click="logout()">Log out</a> +</header> +<div class="header__functions-wrapper" role="heading"> + <div class="logo__wrapper"><img src="assets/images/logo.svg" id="header__logo" alt="company logo"/></div> + <button id="header__server-name">{{dataService.server_id}}</button> + <div class="header__functions"> + <a href="" id="header__server-health">Server health<span class="status-light__error">{{dataService.server_health}}</span></a> + <a href="#/overview/power-operations" class="header__server-power" role="button">Server power<span ng-class="{'status-light__error': dataService.server_state == 'Off', 'status-light__disabled': dataService.server_state == 'Unreachable', 'status-light__good': dataService.server_state == 'Running', 'status-light__warn': dataService.server_state == 'Quiesced'}">{{dataService.server_state}}</span></a> + <p class="header__refresh">Page last refreshed <span>{{dataService.last_updated |date:'h:mm:ss MMM dd yyyy'}}</span></p> + <button class="header__page-refresh" ng-click="refresh()"><img src="assets/images/icon-refresh-white.svg" alt="refresh page" role="button"/></button> + </div> +</div> +</div> |