mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
display music videos on album page
This commit is contained in:
parent
84b60a8672
commit
2371161574
2 changed files with 40 additions and 3 deletions
|
@ -189,6 +189,12 @@
|
||||||
</div>
|
</div>
|
||||||
<div id="castContent" class="detailSectionContent"></div>
|
<div id="castContent" class="detailSectionContent"></div>
|
||||||
</div>
|
</div>
|
||||||
|
<div id="musicVideosCollapsible" style="display: none;" class="detailSection">
|
||||||
|
<div class="detailSectionHeader">
|
||||||
|
Music Videos
|
||||||
|
</div>
|
||||||
|
<div id="musicVideosContent" class="detailSectionContent"></div>
|
||||||
|
</div>
|
||||||
<div id="soundtracksCollapsible" style="display: none;" class="detailSection">
|
<div id="soundtracksCollapsible" style="display: none;" class="detailSection">
|
||||||
<div id="soundtracksHeader" class="detailSectionHeader">
|
<div id="soundtracksHeader" class="detailSectionHeader">
|
||||||
Soundtracks
|
Soundtracks
|
||||||
|
|
|
@ -171,6 +171,12 @@
|
||||||
renderSoundtracks(page, item);
|
renderSoundtracks(page, item);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
if (item.Type == "MusicAlbum") {
|
||||||
|
renderMusicVideos(page, item);
|
||||||
|
} else {
|
||||||
|
$('#musicVideosCollapsible', page).show();
|
||||||
|
}
|
||||||
|
|
||||||
renderThemeSongs(page, item);
|
renderThemeSongs(page, item);
|
||||||
renderThemeVideos(page, item);
|
renderThemeVideos(page, item);
|
||||||
renderCriticReviews(page, item, 1);
|
renderCriticReviews(page, item, 1);
|
||||||
|
@ -592,6 +598,29 @@
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
function renderMusicVideos(page, item) {
|
||||||
|
|
||||||
|
ApiClient.getItems(Dashboard.getCurrentUserId(), {
|
||||||
|
|
||||||
|
SortBy: "SortName",
|
||||||
|
SortOrder: "Ascending",
|
||||||
|
IncludeItemTypes: "MusicVideo",
|
||||||
|
Recursive: true,
|
||||||
|
Fields: "UserData,DisplayMediaType,ItemCounts,DateCreated"
|
||||||
|
|
||||||
|
}).done(function (result) {
|
||||||
|
if (result.Items.length) {
|
||||||
|
|
||||||
|
$('#musicVideosCollapsible', page).show();
|
||||||
|
|
||||||
|
$('#musicVideosContent', page).html(getVideosHtml(result.Items)).trigger('create');
|
||||||
|
} else {
|
||||||
|
$('#musicVideosCollapsible', page).hide();
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
function renderThemeVideos(page, item) {
|
function renderThemeVideos(page, item) {
|
||||||
|
|
||||||
ApiClient.getThemeVideos(Dashboard.getCurrentUserId(), item.Id).done(function (result) {
|
ApiClient.getThemeVideos(Dashboard.getCurrentUserId(), item.Id).done(function (result) {
|
||||||
|
@ -775,7 +804,9 @@
|
||||||
|
|
||||||
var cssClass = "posterItem smallBackdropPosterItem";
|
var cssClass = "posterItem smallBackdropPosterItem";
|
||||||
|
|
||||||
html += '<a class="' + cssClass + '" href="#" onclick="MediaPlayer.playById(\'' + item.Id + '\');">';
|
var href = "itemdetails.html?id=" + item.Id;
|
||||||
|
|
||||||
|
html += '<a class="' + cssClass + '" href="' + href + '" onclick="MediaPlayer.playById(\'' + item.Id + '\'); return false;">';
|
||||||
|
|
||||||
var imageTags = item.ImageTags || {};
|
var imageTags = item.ImageTags || {};
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue