1<loader loading="loading"></loader>
2<div class="overview">
3  <div class="row column">
4    <h1 class="inline">{{dataService.hostname}}</h1>
5    <button class="btn  btn-tertiary" ng-click="edit_hostname = !edit_hostname">Edit</button>
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          <h2 class="h3">Server information</h2>
13        </div>
14        <div class="column large-8">
15          <ul class="overview__metadata-wrapper">
16            <li class="overview__metadata-block">
17              <dl>
18                <dt class="content-label">Model</dt>
19                <dd class="courier-bold">{{server_info.Model}}</dd>
20              </dl>
21            </li>
22            <li class="overview__metadata-block">
23              <dl>
24                <dt class="content-label">Manufacturer</dt>
25                <dd class="courier-bold">{{server_info.Manufacturer}}</dd>
26              </dl>
27            </li>
28            <li class="overview__metadata-block">
29              <dl>
30                <dt class="content-label">Firmware version</dt>
31                <dd class="courier-bold">{{server_firmware}}</dd>
32              </dl>
33            </li>
34            <li class="overview__metadata-block">
35              <dl>
36                <dt class="content-label">Serial number</dt>
37                <dd class="courier-bold">{{server_info.SerialNumber}}</dd>
38              </dl>
39            </li>
40          </ul>
41        </div>
42      </div>
43      <!-- BMC Metadata -->
44      <div class="row overview__server-metadata">
45        <div class="column large-4">
46          <h2 class="h3">BMC information</h2>
47        </div>
48        <div class="column large-8">
49          <ul class="overview__metadata-wrapper">
50            <li class="overview__metadata-block">
51              <dl>
52                <dt class="content-label">Hostname</dt>
53                <dd class="courier-bold overview__hostname">{{dataService.hostname}}</dd>
54              </dl>
55            </li>
56            <li class="overview__metadata-block">
57              <dl>
58                <dt class="content-label">IP addresses</dt>
59                <dd class="courier-bold" ng-repeat="ip_address in bmc_ip_addresses">{{ip_address}}</dd>
60              </dl>
61            </li>
62            <li class="overview__metadata-block">
63              <dl>
64                <dt class="content-label">Firmware Version</dt>
65                <dd class="courier-bold">{{bmc_firmware}}</dd>
66              </dl>
67            </li>
68            <li class="overview__metadata-block">
69              <dl>
70                <dt class="content-label">Mac address</dt>
71                <dd class="courier-bold">{{dataService.mac_address}}</dd>
72              </dl>
73            </li>
74          </ul>
75        </div>
76      </div>
77      <!-- Power metadata -->
78      <div class="row overview__server-metadata">
79        <div class="column large-4">
80          <h2 class="h3">Power information</h2>
81        </div>
82        <div class="column large-8">
83          <ul class="overview__metadata-wrapper">
84            <li class="overview__metadata-block">
85              <dl>
86                <dt class="content-label">Power Consumption</dt>
87                <dd class="courier-bold">{{power_consumption}}</dd>
88              </dl>
89            </li>
90            <li class="overview__metadata-block">
91              <dl>
92                <dt class="content-label">Power Cap</dt>
93                <dd class="courier-bold">{{power_cap}}</dd>
94              </dl>
95            </li>
96          </ul>
97        </div>
98      </div>
99      <!-- Power metadata -->
100    </div>
101    <div class="column large-4 no-padding">
102      <div class="quick-links">
103        <a href="#/server-health/event-log/high" class="quick-links__item quick-links__events event-log__events"
104          ng-show="logs.length">
105          <!-- link to event log filtered to the high priority events -->
106          <p class="inline quick-links__event-copy">View {{logs.length}} high priority events</p>
107        </a>
108        <dl class="quick-links__item no-icon">
109          <dt class="inline quick-links__label">BMC time</dt>
110          <dd class="courier-bold bmc-time">{{ bmc_time | localeDate }}</dd>
111        </dl>
112        <div class="quick-links__item no-icon">
113          <p class="inline quick-links__label">Turn <span ng-if="dataService.LED_state == 'off'">on</span>
114            <span ng-if="dataService.LED_state == 'on'">off</span> server LED</p>
115          <div class="toggle-container">
116            <div class="toggle">
117              <input id="toggle__switch-round" class="toggle-switch toggle-switch__round-flat" type="checkbox"
118                tabindex="0" ng-click="toggleLED()" ng-checked="dataService.LED_state == 'on'"
119                ng-disabled="dataService.server_unreachable">
120              <label for="toggle__switch-round" tabindex="0">Server LED is <span
121                  class="uid-switch__status">{{dataService.LED_state}}</span></label>
122            </div>
123          <span>
124              {{ dataService.LED_state == 'on' ? "On" : "Off" }}
125          </span>
126        </div>
127      </div>
128        <a href="#/server-control/remote-console" class="no-icon quick-links__item">
129          <p class="inline quick-links__label">Serial over LAN console</p>
130          <icon file="icon-launch.svg" class="float-right"></icon>
131        </a>
132        <a href="#/configuration/network" class="quick-links__item">
133          <p class="inline quick-links__label">Edit network settings</p>
134        </a>
135        </d>
136      </div>
137  </section>
138  <section class="row">
139    <div class="column large-12 overview__event-log event-log__events" ng-show="logs.length">
140      <div class="page-header">
141        <div class="row">
142          <div class="column large-7 small-6">
143            <h2 class="h3">High priority events ({{logs.length}})</h2>
144          </div>
145          <div class="column large-5 small-6 no-padding">
146            <a href="#/server-health/event-log/" class="float-right">View all event logs</a>
147          </div>
148        </div>
149      </div>
150
151      <!-- single event -->
152      <a href="#/server-health/event-log/high" ng-repeat="event in logs|orderBy:'-Id'|limitTo : 5">
153        <div class="row column event-log__single-event">
154          <div class="row">
155            <!-- click will go to specific event in event log page-->
156            <div class="column small-10 large-11 event-log__event-info" ng-click="">
157              <div class="row">
158                <div class="column large-1 small-1">
159                  <p class="inline event__id">#{{event.Id}}</p>
160                </div>
161                <div class="column large-4 small-11">
162                  <p class="inline event__priority high-priority">High</p>
163                  <p class="inline event__severity high-priority">{{event.severity_code}}</p>
164                </div>
165                <div class="column large-7 large-offset-0 small-12 small-offset-1">
166                  <p class="inline event__timestamp">{{ event.Timestamp | localeDate }}</p>
167                </div>
168              </div>
169
170              <div class="row">
171                <div class="column large-12 small-12 small-offset-1">
172                  <p class="inline event__description">{{getEventLogTitle(event)}}</p>
173                </div>
174              </div>
175            </div>
176            <div class="column small-2 large-1">
177              <span class="accord-trigger" aria-hidden="true"></span>
178            </div>
179          </div>
180        </div>
181      </a>
182    </div>
183
184    <div class="row column overview__event-log event-log__events" ng-show="!logs.length">
185      <div class="page-header">
186        <h2 class="h3">High priority events (0)</h2>
187      </div>
188      <p>There are no high priority events to display at this time.</p>
189    </div>
190  </section>
191</div>
192<!-- edit server name modal -->
193<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog"
194  ng-class="{'active': edit_hostname}">
195  <div class="modal__upload" role="document">
196    <!-- accessibility only; used for screen readers -->
197    <div class="screen-reader-offscreen modal-description">Edit hostname</div>
198    <div class="page-header ">
199      <h2 class="modal-title">
200        <icon class="icon__info" file="icon-information.svg"></icon>Edit hostname
201      </h2>
202    </div>
203    <div class="modal__content">
204      <form name="edit_hostname_text">
205        <label for="editServerName">Hostname</label>
206        <p class="label__helper-text">Hostname must be less than 64 characters and must not contain spaces.</p>
207        <input id="editServerName" class="modal__edit-server-name" type="text" ng-model="newHostname" ng-trim="false"
208          name="hostname" ng-pattern="/^\S{0,64}$/" required autofocus />
209        <span class="modal__error" ng-show="edit_hostname_text.hostname.$error.pattern">Invalid format.
210          Remove spaces.</span>
211        <span class="modal__char-count"
212          ng-hide="edit_hostname_text.hostname.$error.pattern">{{0 + newHostname.length}}/64</span>
213      </form>
214    </div>
215    <div class="modal__button-wrapper">
216      <button class="btn  btn-secondary"
217        ng-click="edit_hostname= false; newHostname = dataService.hostname">Cancel</button>
218      <button class="btn  btn-primary" ng-click="saveHostname(newHostname);" ng-disabled="edit_hostname_text.$invalid"
219        ng-class="{'disabled' : edit_hostname_text.$invalid}">Save</button>
220    </div>
221  </div>
222</section>
223<div class="modal-overlay" tabindex="-1" ng-class="{'active': edit_hostname}"></div>