Style fixes for tracker page

- Restore single search bar
- Restore cell borders
- Restore row highlighting on hover
- Utilize more vertical space
- Remove sorting arrows
This commit is contained in:
Chris Wilson
2020-07-25 02:07:52 -04:00
parent 789d0245cc
commit 3ea435c66c
5 changed files with 68 additions and 13 deletions

View File

@@ -2,12 +2,18 @@ window.addEventListener('load', () => {
const tables = $(".table").DataTable({
paging: false,
info: false,
scrollCollapse: true,
dom: "t",
// DO NOT use the scrollX or scrollY options. They cause DataTables to split the thead from
// the tbody and render two separate tables.
});
document.getElementById('search').addEventListener('keyup', (event) => {
tables.search(event.target.value);
console.info(tables.search());
tables.draw();
});
const update = () => {
const target = $("<div></div>");
const tracker = document.getElementById('tracker-wrapper').getAttribute('data-tracker');
@@ -32,6 +38,8 @@ window.addEventListener('load', () => {
setInterval(update, 30000);
window.addEventListener('resize', () => tables.draw());
$(".dataTables_scrollBody").scrollsync({
y_sync: true,
x_sync: true