github/plexpy
1
0
Fork 0
mirror of https://github.com/Tautulli/Tautulli.git synced 2025-08-14 10:36:57 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

You can now click a graph point on the daily graph to view which items were viewed for that day.

Browse source
This commit is contained in:
Tim 2015-08-08 15:53:56 +02:00
commit 4588507426
5 changed files with 227 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

69
data/interfaces/default/history_table_modal.html Normal file
View file

@ -0,0 +1,69 @@
% if data:
<link rel="stylesheet" href="interfaces/default/css/dataTables.bootstrap.css">
<link rel="stylesheet" href="interfaces/default/css/plexpy-dataTables.css">
<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 ${data}
</span></strong>
</h4>
</div>
<div class="modal-body" id="modal-text">
<table class="display" id="history_table" 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="platform">Platform</th>
<th align='left' id="title">Title</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
<div class="modal-footer"></div>
</div>
</div>
<script src="interfaces/default/js/jquery.dataTables.min.js"></script>
<script src="interfaces/default/js/dataTables.bootstrap.min.js"></script>
<script src="interfaces/default/js/dataTables.bootstrap.pagination.js"></script>
<script src="interfaces/default/js/tables/history_table_modal.js"></script>
<script>
$(document).ready(function() {
history_table_modal_options.ajax = {
"url": "get_history",
type: "post",
data: function ( d ) {
return { 'json_data': JSON.stringify( d ),
'start_date': '${data}'
};
}
}
history_table = $('#history_table').DataTable(history_table_modal_options);
});
</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