mirror of
https://github.com/jellyfin/jellyfin-web
synced 2025-03-30 19:56:21 +00:00
update channel view
This commit is contained in:
parent
0b7e7078bd
commit
cb3b17ee4a
9 changed files with 52 additions and 85 deletions
|
@ -1,31 +1,21 @@
|
||||||
<div id="pluginCatalogPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/ratingdialog,scripts/plugincatalogpage,jqmcheckbox">
|
<div id="pluginCatalogPage" data-role="page" class="page type-interior pluginConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Plugins" data-require="scripts/ratingdialog,scripts/plugincatalogpage,paper-toggle-button">
|
||||||
<div data-role="content">
|
<div data-role="content">
|
||||||
<div class="content-primary">
|
<div class="content-primary">
|
||||||
<br />
|
<div style="display: flex;align-items:center;">
|
||||||
<div>
|
<div>
|
||||||
<div style="display:inline-block;vertical-align:middle;">
|
<label class="selectLabel" for="selectSystem">${LabelDisplayPluginsFor}</label>
|
||||||
<fieldset data-role="controlgroup" data-type="horizontal">
|
<select id="selectSystem">
|
||||||
<legend>${LabelDisplayPluginsFor}</legend>
|
<option value="Server">${TabServer}</option>
|
||||||
<input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioServer" value="Server" data-mini="true">
|
<option value="MBClassic">${PluginTabAppClassic}</option>
|
||||||
<label for="radioServer">${TabServer}</label>
|
</select>
|
||||||
<input type="radio" name="radioPackageTypes" class="radioPackageTypes" id="radioClassic" value="MBClassic" data-mini="true">
|
|
||||||
<label for="radioClassic">${PluginTabAppClassic}</label>
|
|
||||||
</fieldset>
|
|
||||||
</div>
|
</div>
|
||||||
<div style="display:inline-block;vertical-align:bottom;" class="optionAdultContainer">
|
<div style="margin-left:auto;" class="optionAdultContainer">
|
||||||
<div style="margin-left:1em;">
|
<paper-toggle-button id="chkAdult">${OptionDisplayAdultContent}</paper-toggle-button>
|
||||||
<label for="chkAdult">${OptionDisplayAdultContent}</label>
|
|
||||||
<input id="chkAdult" type="checkbox" data-mini="true" data-inline="true" />
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<br />
|
<br />
|
||||||
<br />
|
<br />
|
||||||
<p style="display: none;">
|
|
||||||
<input class="chkPremiumFilter" type="checkbox" data-mini="true" data-inline="true" name="chkPremium" id="chkPremium" data-filter="IsPremium" />
|
|
||||||
<label for="chkPremium">Free Only</label>
|
|
||||||
</p>
|
|
||||||
<div id="noPlugins" class="hide">
|
<div id="noPlugins" class="hide">
|
||||||
<div style="text-align: center; margin: 10px;">${MessageNoAvailablePlugins}</div>
|
<div style="text-align: center; margin: 10px;">${MessageNoAvailablePlugins}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -446,9 +446,13 @@
|
||||||
|
|
||||||
title += collapsible.title || '';
|
title += collapsible.title || '';
|
||||||
title += '<span class="title-separator">–</span>';
|
title += '<span class="title-separator">–</span>';
|
||||||
title += (link.innerText || link.textContent).trim();
|
|
||||||
|
|
||||||
Dashboard.setPageTitle(title);
|
var secondaryTitle = (link.innerText || link.textContent).trim();
|
||||||
|
title += secondaryTitle;
|
||||||
|
|
||||||
|
var documentTitle = collapsible.title || secondaryTitle;
|
||||||
|
|
||||||
|
Dashboard.setPageTitle(title, documentTitle);
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
link.classList.remove('selectedSidebarLink');
|
link.classList.remove('selectedSidebarLink');
|
||||||
|
|
|
@ -12,8 +12,9 @@
|
||||||
query: {
|
query: {
|
||||||
SortBy: "SortName",
|
SortBy: "SortName",
|
||||||
SortOrder: "Ascending",
|
SortOrder: "Ascending",
|
||||||
|
IncludeItemTypes: "Trailer",
|
||||||
Recursive: true,
|
Recursive: true,
|
||||||
Fields: "PrimaryImageAspectRatio,SortName,SyncInfo",
|
Fields: "PrimaryImageAspectRatio,SortName,MediaSourceCount,SyncInfo",
|
||||||
ImageTypeLimit: 1,
|
ImageTypeLimit: 1,
|
||||||
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
|
EnableImageTypes: "Primary,Backdrop,Banner,Thumb",
|
||||||
StartIndex: 0,
|
StartIndex: 0,
|
||||||
|
@ -39,9 +40,9 @@
|
||||||
Dashboard.showLoadingMsg();
|
Dashboard.showLoadingMsg();
|
||||||
|
|
||||||
var query = getQuery(page);
|
var query = getQuery(page);
|
||||||
query.UserId = Dashboard.getCurrentUserId();
|
var userId = Dashboard.getCurrentUserId();
|
||||||
|
|
||||||
ApiClient.getJSON(ApiClient.getUrl('Trailers', query)).then(function (result) {
|
ApiClient.getItems(userId, query).then(function (result) {
|
||||||
|
|
||||||
// Scroll back up so they can see the results from the beginning
|
// Scroll back up so they can see the results from the beginning
|
||||||
window.scrollTo(0, 0);
|
window.scrollTo(0, 0);
|
||||||
|
|
|
@ -129,7 +129,7 @@
|
||||||
|
|
||||||
page.querySelector('.chkDisplayCollectionView').checked = user.Configuration.DisplayCollectionsView || false;
|
page.querySelector('.chkDisplayCollectionView').checked = user.Configuration.DisplayCollectionsView || false;
|
||||||
page.querySelector('.chkHidePlayedFromLatest').checked = user.Configuration.HidePlayedInLatest || false;
|
page.querySelector('.chkHidePlayedFromLatest').checked = user.Configuration.HidePlayedInLatest || false;
|
||||||
page.querySelector('.chkDisplayChannelsInline').checked = user.Configuration.DisplayChannelsInline || false;
|
page.querySelector('.chkDisplayChannelsInline').checked = !(user.Configuration.EnableChannelView || false);
|
||||||
|
|
||||||
$('#selectHomeSection1', page).val(displayPreferences.CustomPrefs.home0 || '');
|
$('#selectHomeSection1', page).val(displayPreferences.CustomPrefs.home0 || '');
|
||||||
$('#selectHomeSection2', page).val(displayPreferences.CustomPrefs.home1 || '');
|
$('#selectHomeSection2', page).val(displayPreferences.CustomPrefs.home1 || '');
|
||||||
|
@ -166,7 +166,7 @@
|
||||||
user.Configuration.DisplayCollectionsView = page.querySelector('.chkDisplayCollectionView').checked;
|
user.Configuration.DisplayCollectionsView = page.querySelector('.chkDisplayCollectionView').checked;
|
||||||
user.Configuration.HidePlayedInLatest = page.querySelector('.chkHidePlayedFromLatest').checked;
|
user.Configuration.HidePlayedInLatest = page.querySelector('.chkHidePlayedFromLatest').checked;
|
||||||
|
|
||||||
user.Configuration.DisplayChannelsInline = page.querySelector('.chkDisplayChannelsInline').checked;
|
user.Configuration.EnableChannelView = !page.querySelector('.chkDisplayChannelsInline').checked;
|
||||||
|
|
||||||
user.Configuration.LatestItemsExcludes = $(".chkIncludeInLatest", page).get().filter(function (i) {
|
user.Configuration.LatestItemsExcludes = $(".chkIncludeInLatest", page).get().filter(function (i) {
|
||||||
|
|
||||||
|
|
|
@ -247,21 +247,9 @@
|
||||||
|
|
||||||
var page = this;
|
var page = this;
|
||||||
|
|
||||||
$('.chkPremiumFilter', page).on('change', function () {
|
$('#selectSystem', page).on('change', function () {
|
||||||
|
|
||||||
if (this.checked) {
|
query.TargetSystems = this.value;
|
||||||
query.IsPremium = false;
|
|
||||||
} else {
|
|
||||||
query.IsPremium = null;
|
|
||||||
}
|
|
||||||
reloadList(page);
|
|
||||||
});
|
|
||||||
|
|
||||||
$('.radioPackageTypes', page).on('change', function () {
|
|
||||||
|
|
||||||
var val = $('.radioPackageTypes:checked', page).val();
|
|
||||||
|
|
||||||
query.TargetSystems = val;
|
|
||||||
reloadList(page);
|
reloadList(page);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -275,21 +263,6 @@
|
||||||
|
|
||||||
var page = this;
|
var page = this;
|
||||||
|
|
||||||
$(".radioPackageTypes", page).each(function () {
|
|
||||||
|
|
||||||
this.checked = this.value == query.TargetSystems;
|
|
||||||
|
|
||||||
}).checkboxradio('refresh');
|
|
||||||
|
|
||||||
// Reset form values using the last used query
|
|
||||||
$('.chkPremiumFilter', page).each(function () {
|
|
||||||
|
|
||||||
var filters = query.IsPremium || false;
|
|
||||||
|
|
||||||
this.checked = filters;
|
|
||||||
|
|
||||||
}).checkboxradio('refresh');
|
|
||||||
|
|
||||||
reloadList(page);
|
reloadList(page);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
|
|
@ -130,6 +130,7 @@
|
||||||
if (query.IncludeItemTypes == "MusicAlbum") {
|
if (query.IncludeItemTypes == "MusicAlbum") {
|
||||||
posterOptions.overlayText = false;
|
posterOptions.overlayText = false;
|
||||||
posterOptions.showParentTitle = true;
|
posterOptions.showParentTitle = true;
|
||||||
|
posterOptions.showTitle = true;
|
||||||
posterOptions.overlayPlayButton = true;
|
posterOptions.overlayPlayButton = true;
|
||||||
}
|
}
|
||||||
else if (query.IncludeItemTypes == "MusicArtist") {
|
else if (query.IncludeItemTypes == "MusicArtist") {
|
||||||
|
|
|
@ -1282,12 +1282,13 @@ var Dashboard = {
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
||||||
setPageTitle: function (title) {
|
setPageTitle: function (title, documentTitle) {
|
||||||
|
|
||||||
LibraryMenu.setTitle(title || 'Emby');
|
LibraryMenu.setTitle(title || 'Emby');
|
||||||
|
|
||||||
if (title) {
|
documentTitle = documentTitle || title;
|
||||||
document.title = title;
|
if (documentTitle) {
|
||||||
|
document.title = documentTitle;
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
|
@ -1,32 +1,30 @@
|
||||||
<div id="serverSecurityPage" data-role="page" class="page type-interior advancedConfigurationPage" data-require="jqmtable,scripts/serversecurity,detailtablecss">
|
<div id="serverSecurityPage" data-role="page" class="page type-interior advancedConfigurationPage" data-require="jqmtable,scripts/serversecurity,detailtablecss">
|
||||||
<div data-role="content">
|
<div data-role="content">
|
||||||
<div class="content-primary">
|
<div class="content-primary">
|
||||||
<div data-role="controlgroup" data-type="horizontal" class="localnav" data-mini="true">
|
<div class="detailSectionHeader">
|
||||||
<div class="detailSectionHeader" style="margin-top:2.5em;">
|
<h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
|
||||||
<h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
|
${HeaderApiKeys}
|
||||||
${HeaderApiKeys}
|
</h3>
|
||||||
</h3>
|
<paper-button raised class="btnNewKey submit mini" style="margin-left:1em;" title="${ButtonNew}">
|
||||||
<paper-button raised class="btnNewKey submit mini" style="margin-left:1em;" title="${ButtonNew}">
|
<iron-icon icon="add"></iron-icon>
|
||||||
<iron-icon icon="add"></iron-icon>
|
<span>${ButtonAdd}</span>
|
||||||
<span>${ButtonAdd}</span>
|
</paper-button>
|
||||||
</paper-button>
|
|
||||||
</div>
|
|
||||||
<p>${HeaderApiKeysHelp}</p>
|
|
||||||
<br />
|
|
||||||
<table data-role="table" data-mode="reflow" class="tblApiKeys stripedTable ui-responsive table-stroke" style="display: table;">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th></th>
|
|
||||||
<th>${HeaderApiKey}</th>
|
|
||||||
<th>${HeaderApp}</th>
|
|
||||||
<th>${HeaderDevice}</th>
|
|
||||||
<th>${HeaderUser}</th>
|
|
||||||
<th>${HeaderDateIssued}</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody class="resultBody"></tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
|
<p>${HeaderApiKeysHelp}</p>
|
||||||
|
<br />
|
||||||
|
<table data-role="table" data-mode="reflow" class="tblApiKeys stripedTable ui-responsive table-stroke" style="display: table;">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th></th>
|
||||||
|
<th>${HeaderApiKey}</th>
|
||||||
|
<th>${HeaderApp}</th>
|
||||||
|
<th>${HeaderDevice}</th>
|
||||||
|
<th>${HeaderUser}</th>
|
||||||
|
<th>${HeaderDateIssued}</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody class="resultBody"></tbody>
|
||||||
|
</table>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
|
@ -2,7 +2,6 @@
|
||||||
|
|
||||||
<div data-role="content">
|
<div data-role="content">
|
||||||
<div class="content-primary">
|
<div class="content-primary">
|
||||||
<br />
|
|
||||||
<div class="detailSectionHeader">
|
<div class="detailSectionHeader">
|
||||||
<h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
|
<h3 style="margin:.6em 0;vertical-align:middle;display:inline-block;">
|
||||||
<span style="vertical-align:middle;">${HeaderUsers}</span>
|
<span style="vertical-align:middle;">${HeaderUsers}</span>
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue