mirror of
https://github.com/Tautulli/Tautulli.git
synced 2025-07-10 15:32:38 -07:00
97 lines
4 KiB
HTML
97 lines
4 KiB
HTML
% if data:
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
|
|
<h4 class="modal-title" id="myModalLabel">
|
|
<strong><span id="modal_header_ip_address">
|
|
<i class="fa fa-history"></i> History for <span id="date-header">${data['start_date']}</span>
|
|
</span></strong>
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body" id="modal-text">
|
|
<table class="display history_table" id="history_table_modal" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th align="left" id="started">Started</th>
|
|
<th align="left" id="stopped">Stopped</th>
|
|
<th align="left" id="friendly_name">User</th>
|
|
<th align="left" id="player">Player</th>
|
|
<th align="left" id="title">Title</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<div class="modal-footer"></div>
|
|
</div>
|
|
</div>
|
|
<div class="modal fade" id="info-modal" tabindex="-1" role="dialog" aria-labelledby="info-modal">
|
|
</div>
|
|
<script src="${http_root}js/tables/history_table_modal.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
$('#date-header').html(moment('${data["start_date"]}','YYYY-MM-DD').format('ddd MMM Do YYYY'));
|
|
history_table_modal_options.ajax = {
|
|
url: 'get_history',
|
|
type: 'post',
|
|
data: function ( d ) {
|
|
return {
|
|
json_data: JSON.stringify(d),
|
|
grouping: false,
|
|
user_id: "${data['user_id']}",
|
|
start_date: "${data['start_date']}",
|
|
media_type: "${data.get('media_type')}",
|
|
transcode_decision: "${data.get('transcode_decision')}"
|
|
};
|
|
}
|
|
}
|
|
|
|
history_table = $('#history_table_modal').DataTable(history_table_modal_options);
|
|
|
|
clearSearchButton('history_table_modal', history_table);
|
|
|
|
// Move #info-modal to parent container
|
|
if (!($('#history-modal').next().is('#info-modal'))) {
|
|
$('#info-modal').appendTo($('#history-modal').parent());
|
|
}
|
|
$('#history-modal > #info-modal').remove();
|
|
|
|
$('#history-modal').css('z-index', '1050');
|
|
$('.modal-backdrop').not('.modal-backdrop-stack').css('z-index', '1049');
|
|
$('.modal-backdrop').not('.modal-backdrop-stack').addClass('modal-backdrop-stack');
|
|
|
|
$('#info-modal').on('show.bs.modal', function () {
|
|
// Fix position to match parent modal
|
|
var currentPadding = parseInt($('body').css('padding-right'));
|
|
$(this).children('.modal-dialog').css('left', -currentPadding / 2);
|
|
$('#history-modal').css('overflow-y', 'hidden');
|
|
setTimeout(function () {
|
|
$('#info-modal').css('z-index', '1060');
|
|
$('.modal-backdrop').not('.modal-backdrop-stack').css('z-index', '1059');
|
|
$('.modal-backdrop').not('.modal-backdrop-stack').addClass('modal-backdrop-stack');
|
|
}, 0);
|
|
});
|
|
$('#info-modal').on('hidden.bs.modal', function () {
|
|
$('body').addClass('modal-open');
|
|
$('#history-modal').css('overflow-y', 'auto');
|
|
});
|
|
});
|
|
</script>
|
|
% else:
|
|
<div class="modal-dialog" role="document">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<button type="button" class="close" data-dismiss="modal" aria-hidden="true"><i class="fa fa-remove"></i></button>
|
|
<h4 class="modal-title">
|
|
<strong><i class="fa fa-history"></i> History</strong>
|
|
</h4>
|
|
</div>
|
|
<div class="modal-body">
|
|
<h3>No data.</h3>
|
|
</div>
|
|
<div class="modal-footer"></div>
|
|
</div>
|
|
</div>
|
|
% endif
|