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