1
0
Fork 0
mirror of https://github.com/morpheus65535/bazarr synced 2024-12-24 16:52:06 +00:00
bazarr/views/systemlogs.html
Louis Vézina 83abf21687 WIP
2020-02-17 21:45:12 -05:00

151 lines
6.1 KiB
HTML

{% extends '_main.html' %}
{% block title %}Logs - Bazarr{% endblock %}
{% block bcleft %}
<div class="">
<button class="btn btn-outline" id="refresh_button">
<div><i class="fas fa-sync align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
<div class="align-bottom text-themecolor small text-center">Refresh</div>
</button>
<button class="btn btn-outline" id="download_button">
<div><i class="fas fa-download align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
<div class="align-bottom text-themecolor small text-center">Download</div>
</button>
<button class="btn btn-outline" id="empty_button">
<div><i class="fas fa-trash align-top text-themecolor text-center font-20" aria-hidden="true"></i></div>
<div class="align-bottom text-themecolor small text-center">Empty</div>
</button>
</div>
{% endblock bcleft %}
{% block bcright %}
<div class="d-flex m-t-5 justify-content-end">
<div class="dropdown">
<button type="button" class="btn btn-outline" data-toggle="dropdown">
<i class="fas fa-filter align-top text-themecolor text-center font-20" aria-hidden="true"></i>
<div class="align-bottom text-themecolor small text-center">Filter</div>
</button>
<div id="filter_menu" class="dropdown-menu dropdown-menu-right">
<a href="" class="dropdown-item"><i class="far fa-circle" style="color: black;"></i> All</a>
<a href="" class="dropdown-item"><i class="fas fa-info-circle" style="color: #1e90ff;"></i> Info</a>
<a href="" class="dropdown-item"><i class="fas fa-exclamation-circle" style="color: yellow;"></i> Warning</a>
<a href="" class="dropdown-item"><i class="fas fa-bug" style="color: red;"></i> Error</a>
<a href="" class="dropdown-item"><i class="fas fa-bug" style="color: black;"></i> Debug</a>
</div>
</div>
</div>
{% endblock bcright %}
{% block body %}
<div class="container-fluid">
<table id="logs" class="table table-striped" style="width:100%">
<thead>
<tr>
<th></th>
<th></th>
<th>Message:</th>
<th>Time:</th>
<th></th>
</tr>
</thead>
</table>
</div>
{% endblock body %}
{% block tail %}
<script>
$(document).ready(function () {
var table = $('#logs').DataTable( {
language: {
zeroRecords: 'No entries found in logs matching this log level.',
processing: "Loading Logs..."
},
paging: true,
lengthChange: false,
pageLength: {{ settings.general.page_size }},
searching: true,
search: {
regex: true
},
ordering: false,
processing: true,
serverSide: false,
ajax: "{{ url_for('api.systemlogs') }}",
columns: [
{
data: 1,
render: function (data) {
return $.trim(data);
}
},
{ data: 1,
render: function (data) {
var icon;
switch ($.trim(data)) {
case 'INFO':
icon = '"fas fa-info-circle" style="color: #1e90ff;"';
break;
case 'WARNING':
icon = '"fas fa-exclamation-circle" style="color: yellow;"';
break;
case 'ERROR':
icon = '"fas fa-bug" style="color: red;"';
break;
case 'DEBUG':
icon = '"fas fa-bug" style="color: black;"';
}
return '<i class=' + icon + '></i>';
}
},
{ data: 3,
render: function (data) {
return $.trim(data);
}
},
{ data: 0,
render: function (data) {
return '<div class="description" data-toggle="tooltip" data-title="' + $.trim(data) + '">' + moment($.trim(data), "DD/MM/YYYY hh:mm:ss").fromNow() + '</div>'
}
},
{ data: 4,
render: function (data) {
return $.trim(data);
}
}
],
columnDefs: [
{
"targets": [ 0 ],
"visible": false,
"searchable": true
},
{
"targets": [ 4 ],
"visible": false,
"searchable": false
}
]
});
$('#refresh_button').on('click', function() {
table.ajax.reload();
table.columns.adjust().draw(false);
})
$('#download_button').on('click', function(e) {
e.preventDefault();
window.location.href = "{{ url_for('download_log') }}";
})
$('#empty_button').on('click', function() {
$.ajax({
url: "{{ url_for('emptylog') }}"
}).done(function (data) {
table.ajax.reload();
table.columns.adjust().draw(false);
})
})
})
</script>
{% endblock tail %}