mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
rework channel checking
This commit is contained in:
parent
655c9cb48f
commit
1ebce22276
6 changed files with 26 additions and 23 deletions
|
@ -11,9 +11,9 @@
|
||||||
<div class="content-primary">
|
<div class="content-primary">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
||||||
<a href="#" data-role="button" class="ui-btn-active">${TabBasics}</a>
|
<a href="#" data-role="button" class="ui-btn-active">${TabBasics}</a>
|
||||||
<a href="metadataimages.html" data-role="button">${TabCustomizations}</a>
|
<a href="metadataimages.html" data-role="button">${TabAdvanced}</a>
|
||||||
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
|
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
|
||||||
<a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a>
|
<a href="metadataadvanced.html" data-role="button">${TabOther}</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form id="metadataConfigurationForm">
|
<form id="metadataConfigurationForm">
|
||||||
|
|
|
@ -11,9 +11,9 @@
|
||||||
<div class="content-primary">
|
<div class="content-primary">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
||||||
<a href="metadata.html" data-role="button">${TabBasics}</a>
|
<a href="metadata.html" data-role="button">${TabBasics}</a>
|
||||||
<a href="metadataimages.html" data-role="button">${TabCustomizations}</a>
|
<a href="metadataimages.html" data-role="button">${TabAdvanced}</a>
|
||||||
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
|
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
|
||||||
<a href="#" data-role="button" class="ui-btn-active">${TabAdvanced}</a>
|
<a href="#" data-role="button" class="ui-btn-active">${TabOther}</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form id="advancedMetadataConfigurationForm">
|
<form id="advancedMetadataConfigurationForm">
|
||||||
|
|
|
@ -11,9 +11,9 @@
|
||||||
<div class="content-primary">
|
<div class="content-primary">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true" style="margin-bottom: 20px!important;">
|
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true" style="margin-bottom: 20px!important;">
|
||||||
<a href="metadata.html" data-role="button">${TabBasics}</a>
|
<a href="metadata.html" data-role="button">${TabBasics}</a>
|
||||||
<a href="#" data-role="button" class="ui-btn-active">${TabCustomizations}</a>
|
<a href="#" data-role="button" class="ui-btn-active">${TabAdvanced}</a>
|
||||||
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
|
<a href="metadatasubtitles.html" data-role="button">${TabSubtitles}</a>
|
||||||
<a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a>
|
<a href="metadataadvanced.html" data-role="button">${TabOther}</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="tabContent">
|
<div class="tabContent">
|
||||||
|
|
|
@ -11,9 +11,9 @@
|
||||||
<div class="content-primary">
|
<div class="content-primary">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
||||||
<a href="metadata.html" data-role="button">${TabBasics}</a>
|
<a href="metadata.html" data-role="button">${TabBasics}</a>
|
||||||
<a href="metadataimages.html" data-role="button">${TabCustomizations}</a>
|
<a href="metadataimages.html" data-role="button">${TabAdvanced}</a>
|
||||||
<a href="#" class="ui-btn-active" data-role="button">${TabSubtitles}</a>
|
<a href="#" class="ui-btn-active" data-role="button">${TabSubtitles}</a>
|
||||||
<a href="metadataadvanced.html" data-role="button">${TabAdvanced}</a>
|
<a href="metadataadvanced.html" data-role="button">${TabOther}</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form class="metadataSubtitlesForm">
|
<form class="metadataSubtitlesForm">
|
||||||
|
|
|
@ -166,7 +166,7 @@
|
||||||
|
|
||||||
SortBy: "DateCreated",
|
SortBy: "DateCreated",
|
||||||
SortOrder: "Descending",
|
SortOrder: "Descending",
|
||||||
Limit: screenWidth >= 2400 ? 21 : (screenWidth >= 1920 ? 15 : (screenWidth >= 1440 ? 12 : (screenWidth >= 800 ? 12 : 8))),
|
Limit: screenWidth >= 2400 ? 30 : (screenWidth >= 1920 ? 20 : (screenWidth >= 1440 ? 12 : (screenWidth >= 800 ? 12 : 8))),
|
||||||
Recursive: true,
|
Recursive: true,
|
||||||
Fields: "PrimaryImageAspectRatio",
|
Fields: "PrimaryImageAspectRatio",
|
||||||
Filters: "IsUnplayed,IsNotFolder",
|
Filters: "IsUnplayed,IsNotFolder",
|
||||||
|
|
|
@ -1,6 +1,6 @@
|
||||||
(function (window, document, $) {
|
(function (window, document, $) {
|
||||||
|
|
||||||
var itemCountsPromise;
|
var channelsPromise;
|
||||||
var liveTvInfoPromise;
|
var liveTvInfoPromise;
|
||||||
var itemsPromise;
|
var itemsPromise;
|
||||||
|
|
||||||
|
@ -10,7 +10,12 @@
|
||||||
SortBy: "SortName"
|
SortBy: "SortName"
|
||||||
|
|
||||||
});
|
});
|
||||||
itemCountsPromise = itemCountsPromise || ApiClient.getItemCounts(Dashboard.getCurrentUserId());
|
channelsPromise = channelsPromise || $.getJSON(ApiClient.getUrl("Channels", {
|
||||||
|
userId: Dashboard.getCurrentUserId(),
|
||||||
|
|
||||||
|
// We just want the total record count
|
||||||
|
limit: 0
|
||||||
|
}));
|
||||||
liveTvInfoPromise = liveTvInfoPromise || ApiClient.getLiveTvInfo();
|
liveTvInfoPromise = liveTvInfoPromise || ApiClient.getLiveTvInfo();
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -22,8 +27,6 @@
|
||||||
|
|
||||||
html += '<a class="desktopHomeLink headerButton headerButtonLeft" href="index.html"><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a>';
|
html += '<a class="desktopHomeLink headerButton headerButtonLeft" href="index.html"><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a>';
|
||||||
|
|
||||||
//html += '<a class="viewMenuRemoteControlButton" href="nowplaying.html" data-role="button" data-icon="play" data-inline="true" data-iconpos="notext" title="Now Playing">Remote Control</a>';
|
|
||||||
|
|
||||||
html += '<div class="viewMenuSecondary">';
|
html += '<div class="viewMenuSecondary">';
|
||||||
|
|
||||||
html += '<a href="nowplaying.html" class="headerButton headerButtonRight headerRemoteButton"><img src="css/images/remote.png" /></a>';
|
html += '<a href="nowplaying.html" class="headerButton headerButtonRight headerRemoteButton"><img src="css/images/remote.png" /></a>';
|
||||||
|
@ -69,7 +72,7 @@
|
||||||
return LibraryBrowser.getHref(item);
|
return LibraryBrowser.getHref(item);
|
||||||
}
|
}
|
||||||
|
|
||||||
function getViewsHtml(user, counts, items, liveTvInfo) {
|
function getViewsHtml(user, channelCount, items, liveTvInfo) {
|
||||||
|
|
||||||
var html = '';
|
var html = '';
|
||||||
|
|
||||||
|
@ -81,7 +84,7 @@
|
||||||
|
|
||||||
}).join('');
|
}).join('');
|
||||||
|
|
||||||
var showChannels = counts.ChannelCount;
|
var showChannels = channelCount;
|
||||||
var showLiveTv = liveTvInfo.EnabledUsers.indexOf(user.Id) != -1;
|
var showLiveTv = liveTvInfo.EnabledUsers.indexOf(user.Id) != -1;
|
||||||
|
|
||||||
if (showChannels || showLiveTv) {
|
if (showChannels || showLiveTv) {
|
||||||
|
@ -112,22 +115,24 @@
|
||||||
|
|
||||||
var userPromise = Dashboard.getCurrentUser();
|
var userPromise = Dashboard.getCurrentUser();
|
||||||
|
|
||||||
$.when(itemCountsPromise, itemsPromise, liveTvInfoPromise, userPromise).done(function (response1, response2, response3, response4) {
|
$.when(channelsPromise, itemsPromise, liveTvInfoPromise, userPromise).done(function (response1, response2, response3, response4) {
|
||||||
|
|
||||||
var counts = response1[0];
|
var channelCount = response1[0].TotalRecordCount;
|
||||||
var items = response2[0].Items;
|
var items = response2[0].Items;
|
||||||
var liveTvInfo = response3[0];
|
var liveTvInfo = response3[0];
|
||||||
var user = response4[0];
|
var user = response4[0];
|
||||||
|
|
||||||
var page = $.mobile.activePage;
|
var page = $.mobile.activePage;
|
||||||
|
|
||||||
var panel = getLibraryMenu(page, user, counts, items, liveTvInfo);
|
var panel = getLibraryMenu(user, channelCount, items, liveTvInfo);
|
||||||
|
|
||||||
|
updateLibraryNavLinks(page);
|
||||||
|
|
||||||
$(panel).panel('toggle');
|
$(panel).panel('toggle');
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
function getLibraryMenu(page, user, counts, items, liveTvInfo) {
|
function getLibraryMenu(user, channelCount, items, liveTvInfo) {
|
||||||
|
|
||||||
var panel = $('#libraryPanel');
|
var panel = $('#libraryPanel');
|
||||||
|
|
||||||
|
@ -140,7 +145,7 @@
|
||||||
html += '<p class="libraryPanelHeader"><a href="index.html" class="imageLink"><img src="css/images/mblogoicon.png" /><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a></p>';
|
html += '<p class="libraryPanelHeader"><a href="index.html" class="imageLink"><img src="css/images/mblogoicon.png" /><span>MEDIA</span><span class="mediaBrowserAccent">BROWSER</span></a></p>';
|
||||||
|
|
||||||
html += '<div style="margin: 0 -1em;">';
|
html += '<div style="margin: 0 -1em;">';
|
||||||
html += getViewsHtml(user, counts, items, liveTvInfo);
|
html += getViewsHtml(user, channelCount, items, liveTvInfo);
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
|
||||||
html += '</div>';
|
html += '</div>';
|
||||||
|
@ -150,8 +155,6 @@
|
||||||
panel = $('#libraryPanel').panel({}).trigger('create');
|
panel = $('#libraryPanel').panel({}).trigger('create');
|
||||||
}
|
}
|
||||||
|
|
||||||
updateLibraryNavLinks(page);
|
|
||||||
|
|
||||||
return panel;
|
return panel;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue