diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/home.html b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
index 3e8b22e..3b7d39c 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/home.html
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/home.html
@@ -14,6 +14,7 @@
Name |
+
@@ -26,6 +27,7 @@
Seasons |
+
diff --git a/Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js b/Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js
index 1b3d261..0e689c3 100644
--- a/Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js
+++ b/Jellyfin.Plugin.MediaCleaner/Pages/media_cleaner_table.js
@@ -54,23 +54,23 @@ document.addEventListener('pageshow', async () => {
return response.json();
}
- const populateMoviesTable = () => {
- moviesTable.innerHTML = '';
+ const populateTables = () => {
+ var seriesTableBody = seriesTable.getElementsByTagName('tbody')[0];
+ seriesTableBody.replaceChildren();
+
+ var moviesTableBody = moviesTable.getElementsByTagName('tbody')[0];
+ moviesTableBody.replaceChildren();
for(let i = 0; i < moviesInfo.length; i++){
- var row = moviesTable.insertRow(-1);
+ var row = moviesTableBody.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = moviesInfo[i].Name;
cell2.innerHTML = "";
}
- }
-
- const populateSeriesTable = () => {
- seriesTable.innerHTML = '';
for(let i = 0; i < seriesInfo.length; i++){
- var row = seriesTable.insertRow(-1);
+ var row = seriesTableBody.insertRow(-1);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
@@ -86,6 +86,5 @@ document.addEventListener('pageshow', async () => {
await updateMediaCleanerState();
var moviesInfo = await getMediaCleanerMovieInfo();
var seriesInfo = await getMediaCleanerSeriesInfo();
- populateMoviesTable();
- populateSeriesTable();
+ populateTables();
});