1<div class="row column event-log__single-event"
2  ng-class="{'active': event.meta, 'selected': event.selected}">
3  <div class="row">
4    <div class="inline__confirm" ng-class="{active: event.confirm}">
5      <div class="inline__confirm-message">
6         <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this event</strong>?</p>
7      </div>
8      <div class="inline__confirm-buttons">
9        <button class="btn-primary" ng-click="accept(event)">Yes</button>
10        <button class="btn-primary" ng-click="event.confirm=false;">No</button>
11      </div>
12    </div>
13    <div class="row">
14      <div class="column small-1 large-2 event-log__col-check">
15        <label class="control-check">
16          <input type="checkbox" name="events__check" ng-click="event.selected= ! event.selected"
17            ng-checked="event.selected"/>
18          <span class="control__indicator"></span>
19        </label>
20      </div>
21      <div class="column small-9 large-10 event-log__event-info"
22        ng-click="event.meta = ! event.meta">
23        <p class="inline event__id">#{{event.Id}}</p>
24        <p class="inline event__priority event-resolved" ng-hide="event.Resolved == 0">Resolved</p>
25        <p class="inline event__priority" ng-class="{'low-priority': event.priority == 'Low', 'medium-priority': event.priority == 'Medium', 'high-priority': event.priority == 'High'}">{{event.priority}}</p>
26        <p class="inline event__severity" ng-class="{'low-priority': event.priority == 'Low', 'medium-priority': event.priority == 'Medium', 'high-priority': event.priority == 'High'}">{{event.severity_code}}</p>
27        <p class="event__timestamp">{{ event.Timestamp | localeDate : (tmz =='UTC') }}</p>
28        <div>
29          <p class="inline event__description">{{getTitle(event)}}</p>
30        </div>
31      </div>
32      <div class="column small-1 large-1">
33        <button class="accord-trigger" ng-class="{'active': event.meta}"
34          ng-click="event.meta = ! event.meta" aria-label="{{event.meta ? 'collapse' : 'expand'}}"></button>
35      </div>
36    </div>
37    <div class="row event__metadata-row" ng-class="{'active': event.meta}">
38      <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
39      <div class="column small-11 large-11 end">
40        <div class="event__metadata">{{getAdditionalData(event)}}
41        </div>
42        <div>
43          <div class="event__actions">
44            <button class="btn  btn-tertiary" clipboard text="copyText(event)" on-copied="copySuccess(event)" on-error="copyfailed(err)">
45              <icon file="icon-copy.svg"></icon>
46              <span ng-if="!event.copied">Copy</span>
47              <span ng-if="event.copied">Copied</span>
48            </button>
49            <button
50              class="btn  btn-tertiary"
51              ng-class="{'disabled': multiSelected}"
52              ng-click="event.confirm= ! event.confirm"
53              ng-disabled="multiSelected">
54                <icon file="icon-trashcan.svg"></icon>Delete
55            </button>
56            <button class="btn  btn-tertiary" ng-class="{'disabled': (event.Resolved == 1 || multiSelected)}" ng-click="resolveEvent(event)" ng-disabled="event.Resolved == 1 || multiSelected">
57              <icon file="icon-check.svg"></icon>Mark as resolved
58          </div>
59          <div class="event__related" ng-show="event.related_items.length">
60            <p class="inline event__related-label">Related items:</p>
61            <p class="event__related-item" ng-repeat="item in event.related_items">{{item}}</p>
62          </div>
63        </div>
64      </div>
65    </div>
66  </div>
67</div>
68