diff --git a/data/interfaces/default/css/tautulli.css b/data/interfaces/default/css/tautulli.css index ceb9b91c..aae10ac2 100644 --- a/data/interfaces/default/css/tautulli.css +++ b/data/interfaces/default/css/tautulli.css @@ -2941,6 +2941,12 @@ a .home-platforms-list-cover-face:hover max-width: 1750px; display: flow-root; } +.table-card-header.spaced { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + align-content: center; +} .table-card-back td { font-size: 12px; } @@ -2952,6 +2958,18 @@ a .home-platforms-list-cover-face:hover font-weight: bold; line-height: 34px; } +.info-bar { + display: inline; +} +.info-element { + display: inline-block; + border-radius: 1rem; + border: 0.2rem solid #242424; + padding: 0.7rem; + background-color: #3B3B3B; + font-style: italic; + color: #676767; +} .button-bar { float: right; } diff --git a/data/interfaces/default/js/tables/libraries.js b/data/interfaces/default/js/tables/libraries.js index b3e702a0..ee8aa488 100644 --- a/data/interfaces/default/js/tables/libraries.js +++ b/data/interfaces/default/js/tables/libraries.js @@ -202,6 +202,30 @@ libraries_list_table_options = { "searchable": false, "width": "10%", "className": "no-wrap" + }, + { + "targets": [11], + "data": "total_storage", + "createdCell": function (td, cellData, rowData, row, col) { + if (cellData !== null && cellData !== '') { + $(td).html(humanFileSize(cellData)); + } + }, + "searchable": false, + "width": "10%", + "className": "no-wrap" + }, + { + "targets": [12], + "data": "total_duration", + "createdCell": function (td, cellData, rowData, row, col) { + if (cellData !== null && cellData !== '') { + $(td).html(humanDuration(cellData)); + } + }, + "searchable": false, + "width": "10%", + "className": "no-wrap" } ], diff --git a/data/interfaces/default/js/tables/media_info_table.js b/data/interfaces/default/js/tables/media_info_table.js index f4d80d53..c27eadb3 100644 --- a/data/interfaces/default/js/tables/media_info_table.js +++ b/data/interfaces/default/js/tables/media_info_table.js @@ -224,6 +224,22 @@ media_info_table_options = { }, { "targets": [10], + "data": "duration", + "createdCell": function (td, cellData, rowData, row, col) { + if (cellData !== null && cellData !== '' && cellData !== 0) { + $(td).html(humanDuration(cellData)); + } else { + if (rowData['section_type'] != 'photo' && get_file_sizes != null) { + get_file_sizes = true; + } + } + }, + "width": "7%", + "className": "no-wrap", + "searchable": false + }, + { + "targets": [11], "data": "last_played", "createdCell": function (td, cellData, rowData, row, col) { if (cellData !== null && cellData !== '') { @@ -236,7 +252,7 @@ media_info_table_options = { "searchable": false }, { - "targets": [11], + "targets": [12], "data": "play_count", "createdCell": function (td, cellData, rowData, row, col) { if (cellData !== null && cellData !== '') { @@ -457,6 +473,7 @@ function childTableFormatMedia(rowData) { '