1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
|
{#
/*
* Spring Signage Ltd - http://www.springsignage.com
* Copyright (C) 2015 Spring Signage Ltd
* (${FILE_NAME})
*/
#}
{% extends "authed.twig" %}
{% import "inline.twig" as inline %}
{% block actionMenu %}
<ul class="nav nav-pills pull-right">
<li class="btn btn-success btn-xs"><a class="XiboFormButton btns" title="{% trans "Export raw data to CSV" %}" href="{{ urlFor("auditLog.export.form") }}"><i class="fa fa-cloud-upload" aria-hidden="true"></i> {% trans "Export" %}</a></li>
<li class="btn btn-info btn-xs"><a class="btns" id="refreshLog" title="{% trans "Refresh the Log" %}" href="#"> <i class="fa fa-refresh" aria-hidden="true"></i> {% trans "Refresh" %}</a></li>
</ul>
{% endblock %}
{% block pageContent %}
<div class="widget">
<div class="widget-title">{% trans "Audit Log" %}</div>
<div class="widget-body">
<div class="XiboGrid" id="{{ random() }}" data-grid-name="auditView">
<div class="XiboFilter well">
<div class="FilterDiv" id="Filter">
<form class="form-inline">
{% set title %}{% trans "From Date" %}{% endset %}
{{ inline.date("fromDt", title) }}
{% set title %}{% trans "To Date" %}{% endset %}
{{ inline.date("toDt", title) }}
{% set title %}{% trans "User" %}{% endset %}
{{ inline.input("user", title) }}
{% set title %}{% trans "Entity" %}{% endset %}
{{ inline.input("entity", title) }}
</form>
</div>
</div>
<div class="XiboData">
<table id="logs" class="table table-striped">
<thead>
<tr>
<th>{% trans "ID" %}</th>
<th>{% trans "Date" %}</th>
<th>{% trans "User" %}</th>
<th>{% trans "Entity" %}</th>
<th>{% trans "Message" %}</th>
<th>{% trans "Object" %}</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
</div>
</div>
{% endblock %}
{% block javaScript %}
{% raw %}
<script type="text/x-handlebars-template" id="table-array-viewer">
<a class="arrayViewerToggle" href="#"><span class="fa fa-search"></span></a>
<table class="arrayViewer">
{{#each items}}
<tr>
<td>{{ @key }}</td>
<td>{{ this }}</td>
</tr>
{{/each}}
</table>
</script>
{% endraw %}
<script type="text/javascript">
$(document).ready(function() {
var arrayViewer = Handlebars.compile($("#table-array-viewer").html());
var table = $("#logs").DataTable({
"language": dataTablesLanguage,
serverSide: true, stateSave: true,
filter: false,
searchDelay: 3000,
"order": [[0, "desc"]],
ajax: {
url: "{{ urlFor("auditLog.search") }}",
"data": function (d) {
$.extend(d, $("#logs").closest(".XiboGrid").find(".FilterDiv form").serializeObject());
}
},
"columns": [
{"data": "logId"},
{"data": "logDate", "render": dataTableDateFromUnix},
{"data": "userName"},
{"data": "entity"},
{"data": "message"},
{
"data": function (data, type, row, meta) {
if (type != "display")
return "";
return arrayViewer({"items": data.objectAfter});
},
"sortable": false
}
]
});
table.on('draw', function (e, settings) {
dataTableDraw(e, settings);
$(".arrayViewerToggle").click(function () {
$(this).parent().find(".arrayViewer").toggle();
});
});
table.on('processing.dt', dataTableProcessing);
$("#refreshLog").click(function () {
table.ajax.reload();
});
});
</script>
{% endblock %}
|