Updated readme
fixed rending error on pod management page
This commit is contained in:
parent
c1f7981ed7
commit
b4275837bc
@ -4,42 +4,64 @@
|
||||
<meta charset="utf-8">
|
||||
<title>Jellypod</title>
|
||||
<style>
|
||||
.podcast-item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.podcast-table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.podcast-table th {
|
||||
text-align: left;
|
||||
padding: 0.75em;
|
||||
border-bottom: 2px solid rgba(255,255,255,0.2);
|
||||
font-weight: 600;
|
||||
}
|
||||
.podcast-table td {
|
||||
padding: 0.75em;
|
||||
border-bottom: 1px solid rgba(255,255,255,0.1);
|
||||
vertical-align: middle;
|
||||
}
|
||||
.podcast-item:last-child {
|
||||
.podcast-table tr:last-child td {
|
||||
border-bottom: none;
|
||||
}
|
||||
.podcast-image {
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
max-width: 50px;
|
||||
max-height: 50px;
|
||||
min-width: 50px;
|
||||
min-height: 50px;
|
||||
object-fit: cover;
|
||||
border-radius: 4px;
|
||||
margin-right: 1em;
|
||||
background: #333;
|
||||
flex-shrink: 0;
|
||||
.podcast-table tr:hover {
|
||||
background: rgba(255,255,255,0.05);
|
||||
}
|
||||
.podcast-info {
|
||||
flex: 1;
|
||||
.podcast-image {
|
||||
width: 50px !important;
|
||||
height: 50px !important;
|
||||
max-width: 50px !important;
|
||||
max-height: 50px !important;
|
||||
min-width: 50px !important;
|
||||
min-height: 50px !important;
|
||||
object-fit: cover !important;
|
||||
border-radius: 4px !important;
|
||||
background: #333 !important;
|
||||
display: block !important;
|
||||
}
|
||||
.col-image img {
|
||||
width: 50px !important;
|
||||
height: 50px !important;
|
||||
max-width: 50px !important;
|
||||
max-height: 50px !important;
|
||||
}
|
||||
.podcast-title {
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.25em;
|
||||
}
|
||||
.podcast-meta {
|
||||
font-size: 0.85em;
|
||||
opacity: 0.7;
|
||||
margin-top: 0.25em;
|
||||
}
|
||||
.podcast-actions {
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.col-image {
|
||||
width: 50px;
|
||||
}
|
||||
.col-actions {
|
||||
width: 100px;
|
||||
text-align: right;
|
||||
}
|
||||
.add-podcast-form {
|
||||
display: flex;
|
||||
@ -224,7 +246,7 @@
|
||||
return;
|
||||
}
|
||||
|
||||
var html = podcasts.map(function(podcast) {
|
||||
var rows = podcasts.map(function(podcast) {
|
||||
// Handle both PascalCase (C#) and camelCase (JSON) property names
|
||||
var episodeCount = (podcast.Episodes || podcast.episodes || []).length;
|
||||
var lastUpdated = podcast.LastUpdated || podcast.lastUpdated;
|
||||
@ -235,25 +257,36 @@
|
||||
|
||||
console.log('Jellypod: Rendering podcast:', podcastTitle, 'ID:', podcastId);
|
||||
|
||||
return '<div class="podcast-item" data-id="' + podcastId + '">' +
|
||||
'<img class="podcast-image" src="' + podcastImage + '" alt="" onerror="this.style.display=\'none\'">' +
|
||||
'<div class="podcast-info">' +
|
||||
return '<tr data-id="' + podcastId + '">' +
|
||||
'<td class="col-image">' +
|
||||
'<img class="podcast-image" src="' + podcastImage + '" alt="" style="width:50px;height:50px;max-width:50px;max-height:50px;object-fit:cover;" onerror="this.style.display=\'none\'">' +
|
||||
'</td>' +
|
||||
'<td>' +
|
||||
'<div class="podcast-title">' + escapeHtml(podcastTitle) + '</div>' +
|
||||
'<div class="podcast-meta">' +
|
||||
episodeCount + ' episodes | Updated: ' + lastUpdatedStr +
|
||||
'<div class="podcast-meta">' + episodeCount + ' episodes | Updated: ' + lastUpdatedStr + '</div>' +
|
||||
'</td>' +
|
||||
'<td class="col-actions">' +
|
||||
'<div class="podcast-actions">' +
|
||||
'<button is="emby-button" type="button" class="emby-button" onclick="refreshPodcast(\'' + podcastId + '\')" title="Refresh Feed">' +
|
||||
'<span class="material-icons">refresh</span>' +
|
||||
'</button>' +
|
||||
'<button is="emby-button" type="button" class="emby-button" onclick="deletePodcast(\'' + podcastId + '\')" title="Unsubscribe">' +
|
||||
'<span class="material-icons">delete</span>' +
|
||||
'</button>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'<div class="podcast-actions">' +
|
||||
'<button is="emby-button" type="button" class="emby-button" onclick="refreshPodcast(\'' + podcastId + '\')" title="Refresh Feed">' +
|
||||
'<span class="material-icons">refresh</span>' +
|
||||
'</button>' +
|
||||
'<button is="emby-button" type="button" class="emby-button" onclick="deletePodcast(\'' + podcastId + '\')" title="Unsubscribe">' +
|
||||
'<span class="material-icons">delete</span>' +
|
||||
'</button>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
'</td>' +
|
||||
'</tr>';
|
||||
}).join('');
|
||||
|
||||
var html = '<table class="podcast-table">' +
|
||||
'<thead><tr>' +
|
||||
'<th class="col-image"></th>' +
|
||||
'<th>Podcast</th>' +
|
||||
'<th class="col-actions">Actions</th>' +
|
||||
'</tr></thead>' +
|
||||
'<tbody>' + rows + '</tbody>' +
|
||||
'</table>';
|
||||
|
||||
container.innerHTML = html;
|
||||
console.log('Jellypod: Rendered HTML length:', html.length);
|
||||
}
|
||||
|
||||
@ -8,6 +8,14 @@ A Jellyfin plugin that adds podcast support to your media server.
|
||||
- Automatic episode downloads
|
||||
- Integration with Jellyfin's library system
|
||||
|
||||
## Screenshots
|
||||
|
||||
### Podcast Library
|
||||
|
||||
|
||||
### Plugin Settings
|
||||
|
||||
|
||||
## Installation
|
||||
|
||||
### Manual Installation
|
||||
|
||||
BIN
images/library.png
Normal file
BIN
images/library.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 192 KiB |
BIN
images/settings.png
Normal file
BIN
images/settings.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
Loading…
x
Reference in New Issue
Block a user