Make eventlog display work

This commit is contained in:
Johannes Zellner
2020-02-12 15:37:05 +01:00
parent fd72a00cfb
commit a92dc1ad73
3 changed files with 53 additions and 20 deletions

View File

@@ -96,21 +96,36 @@
<table class="table table-hover" style="margin: 0;">
<thead>
<tr>
<th class="col-md-2">Time</th>
<th class="col-md-3">Type</th>
<th class="col-md-7">Details</th>
<th style="width: 5%"><!-- Direction --></th>
<th style="width: 15%">Time</th>
<th style="width: 10%">Type</th>
<th style="width: 30%">From</th>
<th style="width: 30%">To</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="eventlog in activity.eventlogs">
<tr ng-click="showEventLogDetails(eventLog)" class="hand">
<td><span uib-tooltip="{{ eventlog.ts }}" class="arrow">{{ eventlog.ts }}</span></td>
<td>{{ eventlog.type }}</td>
<td ng-bind-html="eventlog.details"></td>
</tr>
<tr ng-show="activeEventLog === eventlog">
<td colspan="4"><pre class="eventlog-details">{{ eventlog.raw.data | json }}</pre></td>
</tr>
<tbody ng-show="activity.busy">
<tr>
<td colspan="5" class="text-center">
<i class="fa fa-circle-notch fa-spin"></i>
</td>
</tr>
</tbody>
<tbody ng-repeat="eventlog in activity.eventLogs" ng-hide="activity.busy">
<tr ng-click="activity.showEventLogDetails(eventlog)" class="hand">
<td class="no-wrap">
<i class="fas fa-upload" ng-show="eventlog.direction === 'outbound'" uib-tooltip="Outgoing"></i>
<i class="fas fa-download" ng-show="eventlog.direction === 'inbound'" uib-tooltip="Incoming"></i>
</td>
<td class="no-wrap"><span uib-tooltip="{{ eventlog.ts | prettyLongDate }}" class="arrow">{{ eventlog.ts | prettyDate }}</span></td>
<td>{{ eventlog.type }}</td>
<td class="elide-table-cell">{{ eventlog.mailFrom | prettyEmailAddresses }}</td>
<td class="elide-table-cell">{{ eventlog.rcptTo | prettyEmailAddresses }}</td>
</tr>
<tr ng-show="activity.activeEventLog === eventlog">
<td colspan="5">
<pre class="eventlog-details">{{ eventlog.details | json }}</pre>
</td>
</tr>
</tbody>
</table>