| Iftekharul Islam | 8947e70 | 2017-07-27 10:28:07 -0500 | [diff] [blame] | 1 | <div id="sensors"> |
| 2 | <div class="row column"> |
| 3 | <h1>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 | |
| 9 | </div> |
| 10 | </section> |
| 11 | <!-- Filters --> |
| 12 | <section class="row column"> |
| 13 | <!-- filters --> |
| 14 | <div class="event-log__filters"> |
| 15 | <!-- severity filter --> |
| 16 | <div class="dropdown__wrapper"> |
| 17 | <button class="dropdown__button" ng-click="severityFilter = severityFilter == true ? false : true;" |
| 18 | ng-class="{'active' : severityFilter}">All Severity |
| 19 | </button> |
| 20 | <ul class="dropdown__list multi-select inline" ng-show="severityFilter"> |
| 21 | <li> |
| 22 | <button>All severity (999)</button> |
| 23 | </li> |
| 24 | <li ng-click="dropdown_selectedHigh = !dropdown_selectedHigh; filterHigh = !filterHigh " |
| 25 | ng-class="{'active' : dropdown_selectedHigh, 'active' : filterHigh}"> |
| 26 | <button>High severity (999)</button> |
| 27 | </li> |
| 28 | <li ng-click="dropdown_selectedMed = !dropdown_selectedMed; filterMed = !filterMed" |
| 29 | ng-class="{'active' : dropdown_selectedMed, 'active' : filterMed}"> |
| 30 | <button>Medium severity (999)</button> |
| 31 | </li> |
| 32 | <li ng-click="dropdown_selectedLow = !dropdown_selectedLow; filterLow = !filterLow" |
| 33 | ng-class="{'active' : dropdown_selectedLow, 'active' : filterLow}"> |
| 34 | <button>Low severity (999)</button> |
| 35 | </li> |
| 36 | </ul> |
| 37 | </div> |
| 38 | <!-- date range --> |
| 39 | <div class="dropdown__wrapper"> |
| 40 | <button class="dropdown__button" ng-click="dateFilter = dateFilter == true ? false : true;" |
| 41 | ng-class="{'active' : dateFilter}">Date Range |
| 42 | </button> |
| 43 | <div class="dropdown__list dropdown__date row" ng-show="dateFilter"> |
| 44 | <div class="column small-6"> |
| 45 | <label>Start Date</label> |
| 46 | <input type="date"/> |
| 47 | </div> |
| 48 | <div class="column small-6"> |
| 49 | <label>End Date</label> |
| 50 | <input type="date"/> |
| 51 | </div> |
| 52 | </div> |
| 53 | </div> |
| 54 | <!-- Status filter --> |
| 55 | <div class="dropdown__wrapper"> |
| 56 | <button class="dropdown__button" ng-click="statusFilter = statusFilter == true ? false : true;" |
| 57 | ng-class="{'active' : statusFilter}">Status |
| 58 | </button> |
| 59 | <ul class="dropdown__list multi-select inline" ng-show="statusFilter"> |
| 60 | <li> |
| 61 | <button>All status (999)</button> |
| 62 | </li> |
| 63 | <li ng-click="dropdown_selectedResolved = !dropdown_selectedResolved; filterResolved = !filterResolved" |
| 64 | ng-class="{'active' : dropdown_selectedResolved, 'active' : filterResolved}"> |
| 65 | <button>Resolved issues (999)</button> |
| 66 | </li> |
| 67 | <li ng-click="dropdown_selectedUnresolved = !dropdown_selectedUnresolved; filterUnresolved = !filterUnresolved" |
| 68 | ng-class="{'active' : dropdown_selectedUnresolved, 'active' : filterUnresolved}"> |
| 69 | <button>Unresolved issues (999)</button> |
| 70 | </li> |
| 71 | </ul> |
| 72 | </div> |
| 73 | </div> |
| 74 | <!-- search --> |
| 75 | <div class="content__search"> |
| 76 | <label for="event__search">Event Log Search</label> |
| 77 | <input id="content__search-input" type="text" placeholder="Filter issues"/> |
| 78 | <input id="event__search-submit" type="submit" class="btn btn-secondary" value="Submit"/> |
| 79 | <div class="event__search-tag-wrapper row" |
| 80 | ng-show="filterUnresolved || filterResolved || filterHigh || filterMed || filterLow"> |
| 81 | <div class="column small-2 large-1 no-padding"> |
| 82 | <p class="inline label tag-filter-label">Filtered by: </p> |
| 83 | </div> |
| 84 | <div class="column small-10 large-11 "> |
| 85 | <button class="tag custom">Custom Tag</button> |
| 86 | <button class="tag event__high" ng-click="filterHigh = !filterHigh" ng-show="filterHigh">High |
| 87 | priority |
| 88 | </button> |
| 89 | <button class="tag event__medium" ng-click="filterMed = !filterMed" ng-show="filterMed">Medium |
| 90 | priority |
| 91 | </button> |
| 92 | <button class="tag event__low" ng-click="filterLow = !filterLow" ng-show="filterLow">Low priority |
| 93 | </button> |
| 94 | <button class="tag event__resolved" ng-click="filterUnresolved = !filterUnresolved" |
| 95 | ng-show="filterUnresolved">Unresolved issues |
| 96 | </button> |
| 97 | <button class="tag event__resolved" ng-click="filterResolved = !filterResolved" |
| 98 | ng-show="filterResolved">Resolved issues |
| 99 | </button> |
| 100 | </div> |
| 101 | </div> |
| 102 | </div> |
| 103 | </section> <!-- end filter --> |
| 104 | <section id="event-log__events" class="row column"> |
| 105 | <div id="header__actions-bar" class="row "> |
| 106 | <div class="column small-1 large-1 event-log__col-check"> |
| 107 | <label class="control-check"> |
| 108 | <input type="checkbox" name="events__check-all" ng-model="all"/> |
| 109 | <div class="control__indicator"></div> |
| 110 | </label> |
| 111 | </div> |
| 112 | <div class="column small-11 large-11 end col-logged-events"> |
| 113 | <!-- top bar confirmation - ADD ACTIVE CLASS TO DISPLAY--> |
| 114 | <div class="inline__confirm event__confirm" ng-class="{active: confirm}"> |
| 115 | <div class="inline__confirm-message"> |
| 116 | <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete 9 logs</strong>? |
| 117 | </p> |
| 118 | </div> |
| 119 | <div class="inline__confirm-buttons"> |
| 120 | <button class="btn-primary" ng-click="accept()">Yes</button> |
| 121 | <button class="btn-primary" ng-click="cancel()">No</button> |
| 122 | </div> |
| 123 | </div> |
| 124 | <p class="inline"><span class="event__select-count">999</span> Events are logged</p> |
| 125 | <!-- when logs are selected, this text changes to show how many logs are checked --> |
| 126 | <div class="event__actions"> |
| 127 | <button class="inline btn-delete" ng-show="event || all" ng-click="confirm= ! confirm"> |
| 128 | <img class="event__icon" src="assets/images/icon-trashcan.svg" alt="">Delete |
| 129 | </button> |
| 130 | <button class="inline btn-resolve" ng-show="event || all"> |
| 131 | <img class="event__icon" src="assets/images/icon-checklist.svg" alt="">Mark as resolved |
| 132 | </button> |
| 133 | <button class="inline btn-export">Export</button> |
| 134 | </div> |
| 135 | </div> |
| 136 | </div> |
| 137 | <!-- EVENT --> |
| 138 | <div class="row column accord-row" |
| 139 | ng-class="{'active': event__metadatarow, 'selected': event__selected}"> |
| 140 | <div class="row"> |
| 141 | <div class="inline__confirm" ng-class="{active: eventConfirm}"> |
| 142 | <div class="inline__confirm-message"> |
| 143 | <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this |
| 144 | event</strong>?</p> |
| 145 | </div> |
| 146 | <div class="inline__confirm-buttons"> |
| 147 | <button class="btn-primary" ng-click="accept()">Yes</button> |
| 148 | <button class="btn-primary" ng-click="cancel()">No</button> |
| 149 | </div> |
| 150 | </div> |
| 151 | <div class="column small-1 large-2 event-log__col-check"> |
| 152 | <label class="control-check"> |
| 153 | <input type="checkbox" name="event__check" ng-click="event__selected= ! event__selected" |
| 154 | ng-model="event" ng-checked="all"/> |
| 155 | <div class="control__indicator"></div> |
| 156 | </label> |
| 157 | </div> |
| 158 | <div class="column small-9 large-9 event-log__event-info" |
| 159 | ng-click="event__metadatarow = ! event__metadatarow"> |
| 160 | <p class="inline event__priority med-priority">Medium</p> |
| 161 | <p class="inline event__severity">warning</p> |
| 162 | <p class="inline event__description">org.open_power.Error.Host.Event.Event</p> |
| 163 | <div> |
| 164 | <p class="inline event__id">#00997</p> |
| 165 | <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div> |
| 166 | </div> |
| 167 | <div class="column small-1 large-1"> |
| 168 | <button class="accord-trigger" ng-class="{'active': event__metadatarow}" |
| 169 | ng-click="event__metadatarow = ! event__metadatarow"></button> |
| 170 | </div> |
| 171 | </div> |
| 172 | <div class="row event__metadata-row" ng-class="{'active': event__metadatarow}"> |
| 173 | <div class="column small-1 large-1 event-log__col-check"> </div> |
| 174 | <div class="column small-11 large-11 end"> |
| 175 | <div class="event__metadata">ESEL=00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 |
| 176 | 17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 |
| 177 | 00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 |
| 178 | 00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 |
| 179 | 00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 |
| 180 | 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 |
| 181 | 00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 |
| 182 | 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 |
| 183 | 00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 |
| 184 | 01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 |
| 185 | ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 |
| 186 | 20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 |
| 187 | 6e 00 00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71 |
| 188 | 56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00 |
| 189 | 00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01 |
| 190 | 00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d |
| 191 | 00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20 |
| 192 | 20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03 |
| 193 | b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00 |
| 194 | 00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01 |
| 195 | 00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03 |
| 196 | f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00 |
| 197 | 25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73 |
| 198 | 74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00 00 df 00 00 00 00 |
| 199 | 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df |
| 200 | b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17 |
| 201 | 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00 |
| 202 | 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00 |
| 203 | 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 |
| 204 | 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00 |
| 205 | 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 |
| 206 | 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7 |
| 207 | 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6 |
| 208 | 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01 |
| 209 | 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62 |
| 210 | 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00 |
| 211 | </div> |
| 212 | <div> |
| 213 | <div class="event__actions"> |
| 214 | <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg" |
| 215 | alt="">Copy |
| 216 | </button> |
| 217 | <button class="btn-delete" ng-click="eventConfirm= ! eventConfirm"><img class="event__icon" |
| 218 | src="assets/images/icon-trashcan.svg" |
| 219 | alt=""/>Delete |
| 220 | </button> |
| 221 | <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" |
| 222 | alt="">Resolved |
| 223 | </button> |
| 224 | </div> |
| 225 | <div class="event__related"> |
| 226 | <p class="inline event__related-label">Related items:</p> |
| 227 | <a href="" class="event__related-item">/org/openbmc/control/chassis0/</a> |
| 228 | <a href="" class="event__related-item">/org/openbmc/control/power0/</a> |
| 229 | <a href="" class="event__related-item">/org/openbmc/control/chassis0/</a> |
| 230 | <a href="" class="event__related-item">/org/openbmc/control/power0/</a> |
| 231 | </div> |
| 232 | </div> |
| 233 | </div> |
| 234 | </div> |
| 235 | </div> |
| 236 | <!-- EVENT --> |
| 237 | <div class="row column accord-row" |
| 238 | ng-class="{'active': event__metadatarow_2, 'selected': event__selected_2}"> |
| 239 | <div class="row"> |
| 240 | <div class="inline__confirm" ng-class="{active: eventConfirm2}"> |
| 241 | <div class="inline__confirm-message"> |
| 242 | <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this |
| 243 | event</strong>?</p> |
| 244 | </div> |
| 245 | <div class="inline__confirm-buttons"> |
| 246 | <button class="btn-primary" ng-click="accept()">Yes</button> |
| 247 | <button class="btn-primary" ng-click="cancel()">No</button> |
| 248 | </div> |
| 249 | </div> |
| 250 | <div class="column small-1 large-2 event-log__col-check"> |
| 251 | <label class="control-check"> |
| 252 | <input type="checkbox" name="events__check" ng-click="event__selected_2= ! event__selected_2" |
| 253 | ng-checked="all"/> |
| 254 | <div class="control__indicator"></div> |
| 255 | </label> |
| 256 | </div> |
| 257 | <div class="column small-9 large-9 event-log__event-info" |
| 258 | ng-click="event__metadatarow_2 = ! event__metadatarow_2"> |
| 259 | <p class="inline event__priority event-resolved">Resolved</p> |
| 260 | <p class="inline event__severity">emergency</p> |
| 261 | <p class="inline event__description">org.open_power.Error.Host.Event.Event</p> |
| 262 | <div> |
| 263 | <p class="inline event__id">#00996</p> |
| 264 | <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div> |
| 265 | </div> |
| 266 | <div class="column small-1 large-1"> |
| 267 | <button class="accord-trigger" ng-class="{'active': event__metadatarow_2}" |
| 268 | ng-click="event__metadatarow_2 = ! event__metadatarow_2"></button> |
| 269 | </div> |
| 270 | </div> |
| 271 | <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_2}"> |
| 272 | <div class="column small-1 large-1 event-log__col-check"> </div> |
| 273 | <div class="column small-11 large-11 end"> |
| 274 | <div class="event__metadata">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam |
| 275 | id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. |
| 276 | Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci |
| 277 | porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum |
| 278 | ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id |
| 279 | imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui |
| 280 | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui |
| 281 | posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum |
| 282 | id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a |
| 283 | pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit |
| 284 | amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor |
| 285 | accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui |
| 286 | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque |
| 287 | velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta |
| 288 | dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac |
| 289 | diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id |
| 290 | imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui |
| 291 | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui |
| 292 | posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum |
| 293 | id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a |
| 294 | pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit |
| 295 | amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor |
| 296 | accumsan tincidunt. |
| 297 | </div> |
| 298 | <div> |
| 299 | <div class="event__actions"> |
| 300 | <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg" |
| 301 | alt="">Copy |
| 302 | </button> |
| 303 | <button class="btn-delete" ng-click="eventConfirm2= ! eventConfirm2"><img |
| 304 | class="event__icon" |
| 305 | src="assets/images/icon-trashcan.svg" |
| 306 | alt="">Delete |
| 307 | </button> |
| 308 | <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" |
| 309 | alt="">Resolved |
| 310 | </button> |
| 311 | </div> |
| 312 | <div class="event__related"> |
| 313 | <p class="inline event__related-label">Related items:</p> |
| 314 | <p class="event__related-item">Attribute-1</p> |
| 315 | <p class="event__related-item">Attribute-2</p> |
| 316 | </div> |
| 317 | </div> |
| 318 | </div> |
| 319 | </div> |
| 320 | </div> |
| 321 | <!-- EVENT --> |
| 322 | <div class="row column accord-row" ng-class="{'active': event__metadatarow_1}"> |
| 323 | <div class="row"> |
| 324 | <div class="column small-1 large-2 event-log__col-check"> |
| 325 | <label class="control-check"> |
| 326 | <input type="checkbox" name="events__check" ng-checked="all"/> |
| 327 | <div class="control__indicator"></div> |
| 328 | </label> |
| 329 | </div> |
| 330 | <div class="column small-9 large-9 event-log__event-info" |
| 331 | ng-click="event__metadatarow_1 = ! event__metadatarow_1"> |
| 332 | <p class="inline event__priority high-priority">High</p> |
| 333 | <p class="inline event__severity">emergency</p> |
| 334 | <p class="inline event__description">Vestibulum ac diam sit amet quam vehicula aliquet quam id |
| 335 | dui</p> |
| 336 | <div> |
| 337 | <p class="inline event__id">#00995</p> |
| 338 | <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div> |
| 339 | </div> |
| 340 | <div class="column small-1 large-1"> |
| 341 | <button class="accord-trigger" ng-class="{'active': event__metadatarow_1}" |
| 342 | ng-click="event__metadatarow_1 = ! event__metadatarow_1"></button> |
| 343 | </div> |
| 344 | </div> |
| 345 | <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_1}"> |
| 346 | <div class="column small-1 large-1 event-log__col-check"> </div> |
| 347 | <div class="column small-11 large-11 end"> |
| 348 | <div class="event__metadata">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam |
| 349 | id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. |
| 350 | Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci |
| 351 | porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum |
| 352 | ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id |
| 353 | imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui |
| 354 | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui |
| 355 | posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum |
| 356 | id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a |
| 357 | pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit |
| 358 | amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor |
| 359 | accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui |
| 360 | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque |
| 361 | velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta |
| 362 | dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac |
| 363 | diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id |
| 364 | imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui |
| 365 | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui |
| 366 | posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum |
| 367 | id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a |
| 368 | pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit |
| 369 | amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor |
| 370 | accumsan tincidunt. |
| 371 | </div> |
| 372 | <div> |
| 373 | <div class="event__actions"> |
| 374 | <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg" |
| 375 | alt="">Copy |
| 376 | </button> |
| 377 | <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg" |
| 378 | alt="">Delete |
| 379 | </button> |
| 380 | <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" |
| 381 | alt="">Resolved |
| 382 | </button> |
| 383 | </div> |
| 384 | <div class="event__related"> |
| 385 | <p class="inline event__related-label">Related items:</p> |
| 386 | <p class="event__related-item">Attribute-1</p> |
| 387 | <p class="event__related-item">Attribute-2</p> |
| 388 | </div> |
| 389 | </div> |
| 390 | </div> |
| 391 | </div> |
| 392 | </div> |
| 393 | <!-- EVENT --> |
| 394 | <div class="row column accord-row"> |
| 395 | <div class="row"> |
| 396 | <div class="column small-1 large-2 event-log__col-check"> |
| 397 | <label class="control-check"> |
| 398 | <input type="checkbox" name="events__check" ng-checked="all"/> |
| 399 | <div class="control__indicator"></div> |
| 400 | </label> |
| 401 | </div> |
| 402 | <div class="column small-9 large-9 event-log__event-info"> |
| 403 | <p class="inline event__priority low-priority">Low</p> |
| 404 | <p class="inline event__severity">Informational</p> |
| 405 | <p class="inline event__description">org.open_power.Error.Host.Event.Event</p> |
| 406 | <div> |
| 407 | <p class="inline event__id">#00994</p> |
| 408 | <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div> |
| 409 | </div> |
| 410 | <div class="column small-1 large-1"> |
| 411 | <button class="accord-trigger"></button> |
| 412 | </div> |
| 413 | </div> |
| 414 | <div class="row event__metadata-row"> |
| 415 | <div class="column small-1 large-1 event-log__col-check"> </div> |
| 416 | <div class="column small-11 large-11 end"> |
| 417 | <div class="event__metadata"> |
| 418 | </div> |
| 419 | <div> |
| 420 | <div class="event__actions"> |
| 421 | <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg" |
| 422 | alt="">Copy |
| 423 | </button> |
| 424 | <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg" |
| 425 | alt="">Delete |
| 426 | </button> |
| 427 | <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" |
| 428 | alt="">Resolved |
| 429 | </button> |
| 430 | </div> |
| 431 | <div class="event__related"> |
| 432 | <p class="inline event__related-label">Related items:</p> |
| 433 | <p class="event__related-item">Attribute-1</p> |
| 434 | <p class="event__related-item">Attribute-2</p> |
| 435 | </div> |
| 436 | </div> |
| 437 | </div> |
| 438 | </div> |
| 439 | </div> |
| 440 | </section> |
| 441 | <paginate ng-include="paginate"></paginate> |
| 442 | </div> <!-- end event log --> |