63f45d285d
Tables should look better on mobile now. Don't show table column selector on mobile sizes. Show more important columns on mobile.
82 lines
3.0 KiB
HTML
82 lines
3.0 KiB
HTML
<%inherit file="base.html"/>
|
|
<%!
|
|
from plexpy import helpers
|
|
%>
|
|
|
|
<%def name="headIncludes()">
|
|
<link rel="stylesheet" href="interfaces/default/css/plexwatch-tables.css">
|
|
<link rel="stylesheet" href="interfaces/default/css/dataTables.responsive.css">
|
|
<link rel="stylesheet" href="interfaces/default/css/dataTables.colVis.css">
|
|
</%def>
|
|
|
|
<%def name="body()">
|
|
|
|
<div class='container-fluid'>
|
|
<div class='row-fluid'>
|
|
<div class='span12'>
|
|
<div class='table-card-back'>
|
|
<div class="header-bar">
|
|
<h2><i class="fa fa-history"></i> History</h2>
|
|
</div>
|
|
<div class="colvis-button-bar">
|
|
</div>
|
|
</div>
|
|
|
|
<div class='table-card-back'>
|
|
<table class="display" id="history_table" width="100%">
|
|
<thead>
|
|
<tr>
|
|
<th class="all" align='left' id="time">Time</th>
|
|
<th class="min-tablet" align='left' id="friendly_name">User</th>
|
|
<th class="desktop" align='left' id="platform">Platform</th>
|
|
<th class="desktop" align='left' id="ip_address">IP Address</th>
|
|
<th class="all" align='left' id="title">Title</th>
|
|
<th class="min-tablet" align='left' id="started">Started</th>
|
|
<th class="desktop" align='left' id="paused_counter">Paused</th>
|
|
<th class="desktop" align='left' id="stopped">Stopped</th>
|
|
<th class="desktop" align='left' id="duration">Duration</th>
|
|
<th class="desktop" align='left' id="percent_complete"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
<div id="info-modal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="info-modal"
|
|
aria-hidden="true">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</%def>
|
|
|
|
|
|
<%def name="javascriptIncludes()">
|
|
|
|
<script src="interfaces/default/js/jquery.dataTables.min.js"></script>
|
|
<script src="interfaces/default/js/dataTables.colVis.js"></script>
|
|
<script src="interfaces/default/js/dataTables.responsive.js"></script>
|
|
<script src="interfaces/default/js/jquery.dataTables.bootstrap.pagination.integration.js"></script>
|
|
<script src="interfaces/default/js/moment-with-locale.js"></script>
|
|
<script src="interfaces/default/js/tables/history_table.js"></script>
|
|
<script>
|
|
$(document).ready(function() {
|
|
history_table_options.ajax = {
|
|
"url": "get_history",
|
|
type: "post",
|
|
data: function ( d ) {
|
|
return { 'json_data': JSON.stringify( d ) };
|
|
}
|
|
}
|
|
|
|
history_table = $('#history_table').DataTable(history_table_options);
|
|
|
|
var colvis = new $.fn.dataTable.ColVis( history_table );
|
|
$( colvis.button() ).appendTo('div.colvis-button-bar');
|
|
});
|
|
|
|
</script>
|
|
|
|
</%def>
|