blob: 79c9359e2b95ec1cc8b507d1bd675760bdd77f79 [file] [log] [blame]
Michael Davisaeedf9e2017-04-06 14:35:56 -05001<div id="sensors">
2 <div class="row column">
3 <h1>Fan Speed Sensors</h1>
4 </div>
5 <section class="row column">
6 <div class="page-header">
7 <h2 class="inline h4">Sensors present in the system</h2>
8 <button class="inline btn-export float-right">Export</button>
9 </div>
10 </section>
11
12 <!-- Filters -->
13 <section class="row column">
14 <!-- search -->
15 <div class="content__search">
16 <label for="content__search-input">Sensors Search</label>
17 <input id="content__search-input" type="text" placeholder="Filter issues"/>
18 <input id="content__search-submit" type="submit" class="btn btn-secondary" value="Submit"/>
19 </div>
20 <div class="toggle-filter">
21 <button class="inline first btn-primary">All
22 </button>
23 <button class="inline " ng-click="togglehigh = !togglehigh"
24 ng-class="togglehigh ? 'btn-primary' : 'btn-secondary'">Critical
25 </button>
26 <button class="inline" ng-click="togglemed = !togglemed"
27 ng-class="togglemed ? 'btn-primary' : 'btn-secondary'">Warning
28 </button>
29 <button class="inline last" ng-click="togglelow = !togglelow"
30 ng-class="togglelow ? 'btn-primary' : 'btn-secondary'">Normal
31 </button>
32 </div>
33 </section> <!-- end filter -->
34
35 <section class="row column">
36 <div id="back-link">
Iftekharul Islamcd789502017-04-19 14:37:55 -050037 <a href="#/server-health/sensors-overview">Back to Sensor Overview</a>
Michael Davisaeedf9e2017-04-06 14:35:56 -050038 </div>
39 </section>
40
41 <section id="sensor__details" class="row column">
42 <div class="row column header-row">
Iftekharul Islamcd789502017-04-19 14:37:55 -050043 <div class="column small-10 large-11 header__actions-bar">
Michael Davisaeedf9e2017-04-06 14:35:56 -050044 <p class="inline priority-tag-circ high-priority" aria-label="High Priority"></p>
45 <p class="inline sensor__heading sensor__category">Fan speed (RPMs)</p>
46 <p class="inline sensor__heading middle">Reading</p>
47 <p class="inline float-right sensor__heading right">State</p>
48 </div>
49 <div class="column small-2 large-1 sensor__heading trigger-col"></div>
50 </div>
51
52 <!-- Sensor -->
53 <div class="row column accord-row" ng-class="{'active': sensors__metadatarow, 'selected': sensors__selected}">
54 <div class="row">
55 <div class="column small-10 large-11 sensor__info" ng-click="sensors__metadatarow = ! sensors__metadatarow">
56 <p class="inline priority-tag-circ high-priority" aria-label="High Priority"></p>
57 <p class="inline sensor__title">Fan Speed 1</p>
58 <p class="inline sensor__reading">6200 <span>rpms</span></p>
59 <p class="inline float-right sensor__critical-label">Critical</p>
60 </div>
61 <div class="column small-2 large-1">
62 <button class="accord-trigger" ng-class="{'active': sensors__metadatarow}" ng-click="sensors__metadatarow = ! sensors__metadatarow"></button>
63 </div>
64 </div>
65 <div class="row sensors__metadata-row" ng-class="{'active': sensors__metadatarow}">
66 <div class="column small-12">
67 <div class="threshold-chart__wrapper">
68 <span class="threshold__label low">Low</span>
69 <div class="threshold-chart">
70 <span class="threshold__marker thresh__high-critical" style="left: 90%;"><span class="threshold__value">6200 RPMs</span></span>
71 <span class="threshold thresh__low-critical"></span>
72 <span class="threshold thresh__low-warn"></span>
73 <span class="threshold thresh__normal"></span>
74 <span class="threshold thresh__high-warn"></span>
75 <span class="threshold thresh__high-critical"></span>
76 </div>
77 <span class="threshold__label high">High</span>
78 </div>
79 </div>
Iftekharul Islamcd789502017-04-19 14:37:55 -050080
81 <div class="column small-12 large-6">
82 <p class="h5 content-header">Associated Events</p>
83 <a href="#/overview/log">View 5 events related to Fan 1</a>
84 </div>
85 <div class="column small-12 large-6">
86 <p class="h5 content-header">Associated Hardware</p>
87 <a href="">Chassis0</a>
88 </div>
Michael Davisaeedf9e2017-04-06 14:35:56 -050089 </div>
90 </div>
91
92 <!-- Sensor -->
93 <div class="row column accord-row" ng-class="{'active': sensors__metadatarow2, 'selected': sensors__selected}">
94 <div class="row">
95 <div class="column small-10 large-11 sensor__info" ng-click="sensors__metadatarow2 = ! sensors__metadatarow2">
96 <p class="inline priority-tag-circ normal-priority" aria-label="Normal Priority"></p>
97 <p class="inline sensor__title">Fan Speed 2</p>
98 <p class="inline sensor__reading">4600 <span>rpms</span></p>
99 </div>
100 <div class="column small-2 large-1">
101 <button class="accord-trigger" ng-class="{'active': sensors__metadatarow2}" ng-click="sensors__metadatarow2 = ! sensors__metadatarow2"></button>
102 </div>
103 </div>
104 <div class="row sensors__metadata-row" ng-class="{'active': sensors__metadatarow2}">
105 <div class="column small-12">
106 <div class="threshold-chart__wrapper">
107 <span class="threshold__label low">Low</span>
108 <div class="threshold-chart">
109 <span class="threshold__marker thresh__normal" style="left: 40%;"><span class="threshold__value">4600 RPMs</span></span>
110 <span class="threshold thresh__low-critical"></span>
111 <span class="threshold thresh__low-warn"></span>
112 <span class="threshold thresh__normal"></span>
113 <span class="threshold thresh__high-warn"></span>
114 <span class="threshold thresh__high-critical"></span>
115 </div>
116 <span class="threshold__label high">High</span>
117 </div>
118 </div>
Iftekharul Islamcd789502017-04-19 14:37:55 -0500119
120 <div class="column small-12 large-6">
121 <p class="h5 content-header">Associated Events</p>
122 <a href="#/overview/log">View 5 events related to Fan 1</a>
123 </div>
124 <div class="column small-12 large-6">
125 <p class="h5 content-header">Associated Hardware</p>
126 <p>None</p>
127 </div>
Michael Davisaeedf9e2017-04-06 14:35:56 -0500128 </div>
129 </div>
130
131 <!-- Sensor -->
132 <div class="row column accord-row" ng-class="{'active': sensors__metadatarow3, 'selected': sensors__selected}">
133 <div class="row">
134 <div class="column small-10 large-11 sensor__info" ng-click="sensors__metadatarow3 = ! sensors__metadatarow3">
135 <p class="inline priority-tag-circ warn-priority" aria-label="Medium Priority"></p>
136 <p class="inline sensor__title">Fan Speed 3</p>
137 <p class="inline sensor__reading">1200 <span>rpms</span></p>
138 <p class="inline float-right sensor__warning-label">warning</p>
139 </div>
140 <div class="column small-2 large-1">
141 <button class="accord-trigger" ng-class="{'active': sensors__metadatarow3}"
142 ng-click="sensors__metadatarow3 = ! sensors__metadatarow3"></button>
143 </div>
144 </div>
145 <div class="row sensors__metadata-row" ng-class="{'active': sensors__metadatarow3}">
146 <div class="column small-12">
147 <div class="threshold-chart__wrapper">
148 <span class="threshold__label low">Low</span>
149 <div class="threshold-chart">
150 <span class="threshold__marker thresh__low-warn" style="left: 15%;"><span class="threshold__value">1200 RPMs</span></span>
151 <span class="threshold thresh__low-critical"></span>
152 <span class="threshold thresh__low-warn"></span>
153 <span class="threshold thresh__normal"></span>
154 <span class="threshold thresh__high-warn"></span>
155 <span class="threshold thresh__high-critical"></span>
156 </div>
157 <span class="threshold__label high">High</span>
158 </div>
159 </div>
Iftekharul Islamcd789502017-04-19 14:37:55 -0500160
161 <div class="column small-12 large-6">
162 <p class="h5 content-header">Associated Events</p>
163 <a href="#/overview/log">View 5 events related to Fan 1</a>
164 </div>
165 <div class="column small-12 large-6">
166 <p class="h5 content-header">Associated Hardware</p>
167 <a href="">Chassis0</a>
168 </div>
Michael Davisaeedf9e2017-04-06 14:35:56 -0500169 </div>
170 </div>
171 </section>
172 <paginate ng-include="paginate"></paginate>
173</div> <!-- end event log -->