1<loader loading="loading"></loader>
2<div class="overview">
3  <div class="row column">
4    <h1 class="inline">{{dataService.hostname}}</h1>
5    <button class="link" ng-click="edit_hostname = !edit_hostname">Edit</button><!-- this is default name. Will show custom server name if set -->
6  </div>
7  <section class="row">
8    <div class="column large-8">
9      <!-- Server Metadata -->
10      <div class="row overview__server-metadata">
11        <div class="column large-4">
12          <h3 class="bold h4">Server information</h3>
13        </div>
14        <div class="column large-8">
15          <ul class="overview__metadata-wrapper">
16            <li class="overview__metadata-block">
17              <p class="content-label">Model</p>
18              <p class="courier-bold">{{server_info.Model}}</p>
19            </li>
20            <li class="overview__metadata-block">
21              <p class="content-label">Manufacturer</p>
22              <p class="courier-bold">{{server_info.Manufacturer}}</p>
23            </li>
24            <li class="overview__metadata-block">
25              <p class="content-label">Firmware version</p>
26              <p class="courier-bold">{{server_firmware}}</p>
27            </li>
28            <li class="overview__metadata-block">
29              <p class="content-label">Serial number</p>
30              <p class="courier-bold">{{server_info.SerialNumber}}</p>
31            </li>
32          </ul>
33        </div>
34      </div>
35      <!-- BMC Metadata -->
36      <div class="row overview__server-metadata">
37        <div class="column large-4">
38          <h3 class="bold h4">BMC information</h3>
39        </div>
40        <div class="column large-8">
41          <ul class="overview__metadata-wrapper">
42            <li class="overview__metadata-block">
43              <p class="content-label">Hostname</p>
44              <p class="courier-bold overview__hostname">{{dataService.hostname}}</p>
45            </li>
46            <li class="overview__metadata-block">
47              <p class="content-label">IP addresses</p>
48              <p class="courier-bold" ng-repeat="ip_address in bmc_ip_addresses">{{ip_address}}</p>
49            </li>
50            <li class="overview__metadata-block">
51              <p class="content-label">Firmware Version</p>
52              <p class="courier-bold">{{bmc_firmware}}</p>
53            </li>
54            <li class="overview__metadata-block">
55              <p class="content-label">Mac address</p>
56              <p class="courier-bold">{{dataService.mac_address}}</p>
57            </li>
58          </ul>
59        </div>
60      </div>
61      <!-- Power metadata -->
62      <div class="row overview__server-metadata">
63        <div class="column large-4">
64          <h3 class="bold h4">Power information</h3>
65        </div>
66        <div class="column large-8">
67          <ul class="overview__metadata-wrapper">
68            <li class="overview__metadata-block">
69              <p class="content-label">Power Consumption</p>
70              <p class="courier-bold">{{power_consumption}}</p>
71            </li>
72            <li class="overview__metadata-block">
73              <p class="content-label">Power Cap</p>
74              <p class="courier-bold">{{power_cap}}</p>
75            </li>
76          </ul>
77        </div>
78      </div>
79      <!-- Power metadata -->
80    </div>
81    <div class="column large-4 no-padding">
82      <div class="quick-links">
83        <a href="#/server-health/event-log/high" class="quick-links__item quick-links__events event-log__events" ng-show="logs.length">
84          <p class="inline quick-links__event-copy">View {{logs.length}} high priority events</p><!-- link to event log filtered to the high priority events -->
85        </a>
86        <div class="quick-links__item no-icon">
87          <p class="inline quick-links__label">BMC time</p>
88          <p class="inline courier-bold float-right bmc-time">{{(bmc_time | date:'medium') + ' ' + tmz}}</p>
89        </div>
90        <div class="quick-links__item no-icon">
91          <p class="inline quick-links__label">Turn <span ng-if="dataService.LED_state == 'off'">on</span><span ng-if="dataService.LED_state == 'on'">off</span> server LED</p>
92          <div class="toggle inline float-right">
93            <input id="toggle__switch-round"
94                class="toggle-switch toggle-switch__round-flat"
95                type="checkbox"
96                tabindex="0"
97                ng-click="toggleLED()"
98                ng-checked="dataService.LED_state == 'on'"
99                ng-disabled="dataService.server_unreachable">
100            <label for="toggle__switch-round" tabindex="0">Server LED is <span class="led-switch__status">{{dataService.LED_state}}</span></label>
101          </div>
102        </div>
103        <a href="#/server-control/remote-console" class="no-icon quick-links__item">
104          <p class="inline quick-links__label">Serial over LAN console</p>
105          <span class="btn-pop-out inline float-right"></span>
106        </a>
107        <a href="#/configuration/network" class="quick-links__item">
108          <p class="inline quick-links__label">Edit network settings</p>
109        </a>
110      </div>
111    </div>
112  </section>
113  <section class="row">
114    <div class="column large-12 overview__event-log event-log__events" ng-show="logs.length">
115      <div class="page-header">
116        <h3 class="bold h4 inline">High priority events ({{logs.length}})</h3>
117        <a href="#/server-health/event-log/" class="inline float-right">View all event logs</a>
118      </div>
119
120      <!-- single event -->
121      <a href="#/server-health/event-log/high" ng-repeat="event in logs|orderBy:'-Id'|limitTo : 5">
122        <div class="row column event-log__single-event">
123          <div class="row">
124            <div class="column small-9 large-10 event-log__event-info" ng-click=""><!-- click will go to specific event in event log page-->
125              <p class="inline event__id">#{{event.Id}}</p>
126              <p class="inline event__priority high-priority">High</p>
127              <p class="inline event__severity high-priority">{{event.severity_code}}</p>
128              <p class="inline event__timestamp">{{(event.Timestamp | date:'medium') + ' ' + tmz}}</p>
129              <div>
130                <p class="inline event__description">{{getEventLogTitle(event)}}</p>
131              </div>
132            </div>
133            <div class="column small-1 large-1">
134              <button class="accord-trigger" aria-hidden="true"></button>
135            </div>
136          </div>
137        </div>
138      </a>
139    </div>
140
141    <div class="row column overview__event-log event-log__events" ng-show="!logs.length">
142      <div class="page-header">
143        <h3 class="bold h4">High priority events (0)</h3>
144      </div>
145      <p>There are no high priority events to display at this time.</p>
146    </div>
147  </section>
148</div>
149<!-- edit server name modal -->
150<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': edit_hostname}">
151  <div class="modal__upload" role="document">
152    <div class="screen-reader-offscreen modal-description">Edit hostname</div><!-- accessibility only; used for screen readers -->
153    <div class="page-header ">
154      <h1 class="modal-title h4"><span class="icon icon__info"><svg xmlns="http://www.w3.org/2000/svg"
155          viewBox="0 0 32 32"><path
156          d="M18 14h-6v2h1v6h-2v2h8v-2h-2z"/><circle cx="16" cy="10" r="2"/><path
157          d="M16 2C8.269 2 2 8.269 2 16s6.269 14 14 14 14-6.269 14-14S23.731 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12z"/></svg></span>
158        Edit hostname
159      </h1>
160    </div>
161    <div class="modal__content">
162      <p>The hostname is displayed in the header and can contain any characters up to a total of 64</p>
163      <form>
164        <label for="editServerName" class="hide"></label>
165        <input id="editServerName" class="modal__edit-server-name" maxlength="64" type="text" ng-model="char_count" ng-trim="false">
166        <p class="modal__char-count">{{64 - char_count.length}}/64</p>
167      </form>
168    </div>
169    <div class="modal__button-wrapper">
170      <button class="inline btn-secondary" ng-click="edit_hostname= false;">Cancel</button>
171      <button class="inline btn-primary" ng-click="saveHostname(char_count);">Save</button>
172    </div>
173  </div>
174</section>
175<div class="modal-overlay" tabindex="-1" ng-class="{'active': edit_hostname}"></div>
176