diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css index 2b3082e97..36907eeb7 100644 --- a/dashboard-ui/css/librarybrowser.css +++ b/dashboard-ui/css/librarybrowser.css @@ -638,7 +638,14 @@ a.itemTag:hover { .offlinePosterRibbon { background: rgb(255, 106, 0); - background: rgba(255, 106, 0, .85); +} + +.unairedPosterRibbon { + background: rgb(208, 107, 100); +} + +.missingPosterRibbon { + background: rgb(248, 58, 34); } .itemProgress { diff --git a/dashboard-ui/scripts/episodes.js b/dashboard-ui/scripts/episodes.js index 5687c5a19..68beb8274 100644 --- a/dashboard-ui/scripts/episodes.js +++ b/dashboard-ui/scripts/episodes.js @@ -180,18 +180,22 @@ $('#chkMissingEpisode', this).on('change', function () { - query.LocationTypes = this.checked ? "virtual" : null; + var futureChecked = $('#chkFutureEpisode', page).checked(); + + query.LocationTypes = this.checked || futureChecked ? "virtual" : null; + query.HasPremiereDate = this.checked || futureChecked ? true : null; query.MaxPremiereDate = this.checked ? getDateFormat(new Date()) : null; - query.HasPremiereDate = this.checked ? true : null; reloadItems(page); }); $('#chkFutureEpisode', this).on('change', function () { - query.LocationTypes = this.checked ? "virtual" : null; + var missingChecked = $('#chkMissingEpisode', page).checked(); + + query.LocationTypes = this.checked || missingChecked ? "virtual" : null; + query.HasPremiereDate = this.checked || missingChecked ? true : null; query.MinPremiereDate = this.checked ? getDateFormat(new Date()) : null; - query.HasPremiereDate = this.checked ? true : null; reloadItems(page); }); diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js index dd8327f12..802c9a081 100644 --- a/dashboard-ui/scripts/librarybrowser.js +++ b/dashboard-ui/scripts/librarybrowser.js @@ -21,7 +21,7 @@ loadSavedQueryValues: function (key, query) { var values = localStorage.getItem(key + '_' + Dashboard.getCurrentUserId()); - + if (values) { values = JSON.parse(values); @@ -250,7 +250,7 @@ html += ''; - if (item.LocationType == "Offline") { + if (item.LocationType == "Offline" || item.LocationType == "Virtual") { html += LibraryBrowser.getOfflineIndicatorHtml(item); } else { html += LibraryBrowser.getNewIndicatorHtml(item); @@ -793,7 +793,7 @@ html += ""; } - if (item.LocationType == "Offline") { + if (item.LocationType == "Offline" || item.LocationType == "Virtual") { html += LibraryBrowser.getOfflineIndicatorHtml(item); } else if (options.showNewIndicator !== false) { html += LibraryBrowser.getNewIndicatorHtml(item); @@ -836,16 +836,28 @@ return name; }, - getOfflineIndicatorHtml: function () { + getOfflineIndicatorHtml: function (item) { - return '