T-Gander/jellyfin-plugin-mediacleaner
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Created custom styling for checkbox

Browse Source
This commit is contained in:
Thomas Gander
2026-02-16 18:38:33 -07:00
parent be5a58dcf1
commit 80a126fb30
3 changed files with 59 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
Jellyfin.Plugin.MediaCleaner/Pages/home.js
View File

@@ -66,22 +66,39 @@ const selectedMovies = new Set();
const selectedTvShows = new Set();
const createCheckbox = (mediaInfo = {}, state = []) => {
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.dataset.mediaInfo = JSON.stringify(mediaInfo) || '';
const container = document.createElement('div');
container.className = 'checkboxContainer';
container.style.marginBottom = 0;
checkbox.addEventListener('change', (e) => {
const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
if (checkbox.checked) {
state.add(mediaInfo);
} else {
state.delete(mediaInfo);
}
// Update UI or state — use console.log for debugging
console.log('selected:', Array.from(state));
});
const label = document.createElement('label');
label.className = 'emby-checkbox-label';
label.style.textAlign = 'center';
label.style.paddingLeft = '1.8em';
return checkbox;
const checkbox = document.createElement('input');
checkbox.type = 'checkbox';
checkbox.setAttribute('is', 'emby-checkbox');
checkbox.dataset.mediaInfo = JSON.stringify(mediaInfo) || '';
const span = document.createElement('span');
span.textContent = '';
label.appendChild(checkbox);
label.appendChild(span);
container.appendChild(label);
checkbox.addEventListener('change', (e) => {
const mediaInfo = checkbox.dataset.mediaInfo || '(no info)';
if (checkbox.checked) {
state.add(mediaInfo);
} else {
state.delete(mediaInfo);
}
// Update UI or state — use console.log for debugging
console.log('selected:', Array.from(state));
});
return container;
};
const populateTables = async () => {
@@ -100,8 +117,9 @@ const populateTables = async () => {
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(1);
cell1.innerHTML = moviesInfo[i].Name;
cell1.className = "table-text";
cell2.appendChild(createCheckbox(moviesInfo[i], selectedMovies));
cell2.className = "actions-cell";
cell2.className = "table-checkbox"
}
}
else{
@@ -110,6 +128,7 @@ const populateTables = async () => {
var cell1 = row.insertCell(0);
cell1.colSpan = columnCount;
cell1.innerHTML = "No stale movies found.";
cell1.className = "table-text";
}
if(seriesInfo.length > 0){
@@ -119,9 +138,11 @@ const populateTables = async () => {
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
cell1.innerHTML = seriesInfo[i].Name;
cell1.className = "table-text";
cell2.innerHTML = seriesInfo[i].Seasons.map(season => season.replace("Season ", "")).join(", ");
cell2.className = "table-text";
cell3.appendChild(createCheckbox(seriesInfo[i], selectedTvShows));
cell3.className = "actions-cell";
cell3.className = "table-checkbox"
}
}
else{
@@ -130,6 +151,7 @@ const populateTables = async () => {
var cell1 = row.insertCell(0);
cell1.colSpan = columnCount;
cell1.innerHTML = "No stale series found.";
cell1.className = "table-text";
}
};