jjkiers/cloudron-box
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Make eventlog entries expandable to show raw event data

Browse Source
This commit is contained in:
Johannes Zellner
2018-03-02 10:50:05 +01:00
parent 1fc7efef0d
commit 848a617f98
3 changed files with 21 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
webadmin/src/views/activity.html
View File

@@ -29,17 +29,22 @@
<table ng-hide="busy" class="table table-striped table-condensed table-hover">
<thead>
<tr>
<th class="col-md-2">Time</th>
<th class="col-md-1">Time</th>
<th class="col-md-3">Source</th>
<th class="col-md-7">Action</th>
<th class="col-md-2">Action</th>
<th class="col-md-6">Details</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="eventLog in eventLogs">
<tbody ng-repeat="eventLog in eventLogs">
<tr ng-click="showEventLogDetails(eventLog)" class="hand">
<td><span uib-tooltip="{{eventLog.creationTime}}" class="arrow">{{ eventLog.creationTime | prettyDate }}</span></td>
<td>{{ eventLog.source.username || eventLog.source.userId || eventLog.source.authType }} <span ng-show="eventLog.source.ip || eventLog.source.appId"> ({{ eventLog.source.ip || eventLog.source.appId }}) </span> </td>
<td>{{ eventLog | eventLogAction }}</td>
<td ng-bind-html="eventLog | eventLogDetails"></td>
</tr>
<tr ng-show="activeEventLog === eventLog">
<td colspan="4"><pre class="eventlog-details">{{ eventLog.data | json }}</pre></td>
</tr>
</tbody>
</table>
</div>

8
webadmin/src/views/activity.js
View File

@@ -4,7 +4,8 @@ angular.module('Application').controller('ActivityController', ['$scope', '$loca
$scope.config = Client.getConfig();
$scope.busy = false;
$scope.eventLogs = [ ];
$scope.eventLogs = [];
$scope.activeEventLog = null;
// TODO sync this with the eventlog filter
$scope.actions = [
@@ -70,6 +71,11 @@ angular.module('Application').controller('ActivityController', ['$scope', '$loca
fetchEventLogs();
};
$scope.showEventLogDetails = function (eventLog) {
if ($scope.activeEventLog === eventLog) $scope.activeEventLog = null;
else $scope.activeEventLog = eventLog;
};
Client.onReady(function () {
fetchEventLogs();
});