bazarr/views/system.tpl

245 lines
7.2 KiB
Python
Raw Normal View History

2017-09-16 00:49:46 +00:00
<html>
<head>
<!DOCTYPE html>
2017-11-09 21:13:14 +00:00
<script src="{{base_url}}static/jquery/jquery-latest.min.js"></script>
<script src="{{base_url}}static/semantic/semantic.min.js"></script>
<script src="{{base_url}}static/jquery/tablesort.js"></script>
<link rel="stylesheet" href="{{base_url}}static/semantic/semantic.min.css">
2017-09-16 00:49:46 +00:00
2017-11-09 21:13:14 +00:00
<link rel="apple-touch-icon" sizes="120x120" href="{{base_url}}static/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="{{base_url}}static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="{{base_url}}static/favicon-16x16.png">
<link rel="manifest" href="{{base_url}}static/manifest.json">
<link rel="mask-icon" href="{{base_url}}static/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="{{base_url}}static/favicon.ico">
<meta name="msapplication-config" content="{{base_url}}static/browserconfig.xml">
2017-09-16 00:49:46 +00:00
<meta name="theme-color" content="#ffffff">
<title>System - Bazarr</title>
<style>
body {
background-color: #272727;
}
#fondblanc {
background-color: #ffffff;
border-radius: 0px;
box-shadow: 0px 0px 5px 5px #ffffff;
margin-top: 32px;
2017-10-16 23:27:19 +00:00
margin-bottom: 3em;
2017-09-16 00:49:46 +00:00
padding: 1em;
}
2017-12-13 17:42:09 +00:00
#logs {
margin-top: 4em;
}
2017-11-22 04:01:26 +00:00
.fast.backward, .backward, .forward, .fast.forward {
cursor: pointer;
}
.fast.backward, .backward, .forward, .fast.forward { pointer-events: auto; }
.fast.backward.disabled, .backward.disabled, .forward.disabled, .fast.forward.disabled { pointer-events: none; }
2017-09-16 00:49:46 +00:00
</style>
</head>
<body>
<div id='loader' class="ui page dimmer">
<div class="ui indeterminate text loader">Loading...</div>
</div>
2017-12-22 00:49:39 +00:00
% include('menu.tpl')
2017-09-16 00:49:46 +00:00
<div id="fondblanc" class="ui container">
2018-10-03 02:31:20 +00:00
<div class="ui basic icon buttons" style="float: right;">
<div id="shutdown" class="ui icon button" data-tooltip="Shutdown" data-inverted=""><i class="red power off icon"></i></div>
<div id="restart" class="ui icon button" data-tooltip="Restart" data-inverted=""><i class="redo alternate icon"></i></div>
</div>
2017-09-16 00:49:46 +00:00
<div class="ui top attached tabular menu">
2017-10-27 16:22:28 +00:00
<a class="tabs item active" data-tab="tasks">Tasks</a>
<a class="tabs item" data-tab="logs">Logs</a>
<a class="tabs item" data-tab="releases">Releases</a>
2017-09-16 00:49:46 +00:00
</div>
<div class="ui bottom attached tab segment active" data-tab="tasks">
2017-10-23 03:00:11 +00:00
<div class="content">
<table class="ui very basic selectable table">
<thead>
<tr>
<th>Name</th>
2017-11-20 03:38:06 +00:00
<th>Execution Frequency</th>
2017-10-23 03:00:11 +00:00
<th>Next Execution</th>
<th class="collapsing"></th>
2017-10-23 03:00:11 +00:00
</tr>
</thead>
<tbody>
%for task in task_list:
<tr>
<td>{{task[0]}}</td>
<td>{{task[1]}}</td>
<td>{{task[2]}}</td>
<td class="collapsing">
<div class="execute ui inverted basic compact icon" data-tooltip="Execute {{task[0]}}" data-inverted="" data-taskid='{{task[3]}}'>
<i class="ui black refresh icon"></i>
</div>
</td>
2017-10-23 03:00:11 +00:00
</tr>
%end
</tbody>
</table>
</div>
2017-09-16 00:49:46 +00:00
</div>
<div class="ui bottom attached tab segment" data-tab="logs">
<div class="ui left floated basic buttons">
<button id="refresh_log" class="ui button"><i class="refresh icon"></i>Refresh current page</button>
</div>
2017-12-13 17:42:09 +00:00
<div class="ui right floated basic buttons">
<button id="download_log" class="ui button"><i class="download icon"></i>Download log file</button>
<button id="empty_log" class="ui button"><i class="download icon"></i>Empty log file</button>
</div>
2017-10-16 23:27:19 +00:00
<div class="content">
2017-11-22 04:01:26 +00:00
<div id="logs"></div>
2018-07-13 12:15:44 +00:00
%try: page_size
%except NameError: page_size = "25"
2018-07-13 12:21:45 +00:00
%end
%if page_size != -1:
<div class="ui grid">
2017-11-22 04:01:26 +00:00
<div class="three column row">
<div class="column"></div>
<div class="center aligned column">
<i class="fast backward icon"></i>
<i class="backward icon"></i>
<span id="page"></span> / {{max_page}}
<i class="forward icon"></i>
<i class="fast forward icon"></i>
</div>
<div class="right floated right aligned column">Total records: {{row_count}}</div>
</div>
</div>
%end
2017-10-16 23:27:19 +00:00
</div>
2017-09-16 00:49:46 +00:00
</div>
<div class="ui bottom attached tab segment" data-tab="releases">
%for release in releases:
<h2 class="ui header">
%if release[0][1:] == bazarr_version:
{{release[0]}} <div class="ui green label">Current version</div>
%else:
{{release[0]}}
%end
</h2>
<div class="ui list">
%release_lines = release[1].split('\r\n')
%for i, release_line in enumerate(release_lines):
%if i == 0:
<div class="item">
<div><h4>{{release_line}}</h4></div>
<div class="list">
%else:
<div class="item">{{release_line}}</div>
%end
%end
</div>
</div>
</div>
%end
2017-09-16 00:49:46 +00:00
</div>
</div>
2017-12-22 00:49:39 +00:00
% include('footer.tpl')
2017-09-16 00:49:46 +00:00
</body>
</html>
<script>
$('.menu .item')
.tab()
;
2017-11-22 04:01:26 +00:00
function loadURL(page) {
$.ajax({
url: "{{base_url}}logs/" + page,
2017-11-22 15:37:50 +00:00
beforeSend: function() { $('#loader').addClass('active'); },
complete: function() { $('#loader').removeClass('active'); },
2017-11-22 04:01:26 +00:00
cache: false
}).done(function(data) {
$("#logs").html(data);
});
current_page = page;
2017-11-22 04:01:26 +00:00
$("#page").text(current_page);
if (current_page == 1) {
$(".backward, .fast.backward").addClass("disabled");
}
if (current_page == {{int(max_page)}}) {
$(".forward, .fast.forward").addClass("disabled");
}
if (current_page > 1 && current_page < {{int(max_page)}}) {
$(".backward, .fast.backward").removeClass("disabled");
$(".forward, .fast.forward").removeClass("disabled");
}
}
loadURL(1);
$('.backward').click(function(){
loadURL(current_page - 1);
})
$('.fast.backward').click(function(){
loadURL(1);
})
$('.forward').click(function(){
loadURL(current_page + 1);
})
$('.fast.forward').click(function(){
loadURL({{int(max_page)}});
})
$('#refresh_log').click(function(){
loadURL(current_page);
})
2017-12-13 17:42:09 +00:00
$('#download_log').click(function(){
window.location = '{{base_url}}bazarr.log';
})
$('#empty_log').click(function(){
window.location = '{{base_url}}emptylog';
})
2017-11-22 04:01:26 +00:00
$('.execute').click(function(){
window.location = '{{base_url}}execute/' + $(this).data("taskid");
2017-10-16 23:27:19 +00:00
})
2018-10-10 11:15:06 +00:00
$('a:not(.tabs), button:not(.cancel, #download_log), #restart').click(function(){
2017-09-16 00:49:46 +00:00
$('#loader').addClass('active');
})
2018-10-03 02:31:20 +00:00
$('#shutdown').click(function(){
$.ajax({
url: "{{base_url}}shutdown",
async: false
})
2018-10-10 11:15:06 +00:00
.always(function(){
2018-10-03 02:31:20 +00:00
document.open();
document.write('Bazarr has shutdown.');
document.close();
});
})
$('#restart').click(function(){
$.ajax({
url: "{{base_url}}restart",
2018-10-10 11:15:06 +00:00
async: true
2018-10-03 02:31:20 +00:00
})
.done(function(){
2018-10-10 11:15:06 +00:00
setTimeout(function(){ setInterval(ping, 2000); },8000);
2018-10-03 02:31:20 +00:00
});
})
2018-10-10 11:15:06 +00:00
function ping() {
$.ajax({
url: window.location.href,
success: function(result) {
window.location.reload();
}
});
}
2017-09-16 00:49:46 +00:00
</script>