update season screen

dashboard-ui/bower_components/emby-webcomponents/emby-scrollbuttons/emby-scrollbuttons.css

@@ -1 +1 @@
-.emby-scrollbuttons-scroller{position:relative}.scrollbuttoncontainer{position:absolute;top:0;bottom:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:rgba(20,20,20,.5);z-index:1;font-size:3em;color:#fff;display:none;overflow:hidden}.emby-scrollbuttons-scroller:hover .scrollbuttoncontainer{display:-webkit-box;display:-webkit-flex;display:flex}.scrollbuttoncontainer:hover{background:rgba(20,20,20,.7)}.scrollbuttoncontainer-left{left:0}.scrollbuttoncontainer-right{right:0}.emby-scrollbuttons-scrollbutton{margin:0 -.275em;-webkit-transition:-webkit-transform 160ms ease-out;-o-transition:transform 160ms ease-out;transition:transform 160ms ease-out}.scrollbuttoncontainer:hover>.emby-scrollbuttons-scrollbutton{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.emby-scrollbuttons-scrollbutton:after{content:'';display:none!important}.emby-scrollbuttons-scrollbutton:focus{color:inherit!important}
+.emby-scrollbuttons-scroller{position:relative}.scrollbuttoncontainer{position:absolute;top:0;bottom:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center;background:rgba(20,20,20,.5);z-index:1;font-size:3em;color:#fff;display:none;overflow:hidden}.emby-scrollbuttons-scroller:hover .scrollbuttoncontainer{display:-webkit-box;display:-webkit-flex;display:flex}.scrollbuttoncontainer:hover{background:rgba(20,20,20,.7)}.scrollbuttoncontainer-left{left:0}.scrollbuttoncontainer-right{right:0}.emby-scrollbuttons-scrollbutton{margin:0 -.2em;-webkit-transition:-webkit-transform 160ms ease-out;-o-transition:transform 160ms ease-out;transition:transform 160ms ease-out}.scrollbuttoncontainer:hover>.emby-scrollbuttons-scrollbutton{-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.emby-scrollbuttons-scrollbutton:after{content:'';display:none!important}.emby-scrollbuttons-scrollbutton:focus{color:inherit!important}

dashboard-ui/bower_components/emby-webcomponents/itemhelper.js

@@ -1 +1 @@
-define(["apphost"],function(appHost){"use strict";function getDisplayName(item,options){if(!item)throw new Error("null item passed into getDisplayName");options=options||{},"Timer"===item.Type&&(item=item.ProgramInfo||item);var name=("Program"!==item.Type&&"Recording"!==item.Type||!item.IsSeries&&!item.EpisodeTitle?item.Name:item.EpisodeTitle)||"";if("TvChannel"===item.Type)return item.Number?item.Number+" "+name:name;if("Episode"===item.Type&&0===item.ParentIndexNumber)name=Globalize.translate("sharedcomponents#ValueSpecialEpisodeName",name);else if(("Episode"===item.Type||"Program"===item.Type)&&null!=item.IndexNumber&&null!=item.ParentIndexNumber&&options.includeIndexNumber!==!1){var displayIndexNumber=item.IndexNumber,number=displayIndexNumber;options.includeParentInfo!==!1&&(number="S"+item.ParentIndexNumber+", E"+number),item.IndexNumberEnd&&(displayIndexNumber=item.IndexNumberEnd,number+="-"+displayIndexNumber),number&&(name=name?number+" - "+name:number)}return name}function supportsAddingToCollection(item){var invalidTypes=["Person","Genre","MusicGenre","Studio","GameGenre","BoxSet","Playlist","UserView","CollectionFolder","Audio","TvChannel","Channel","Program","MusicAlbum","Timer","SeriesTimer"];return("Recording"!==item.Type||"Completed"===item.Status)&&(!item.CollectionType&&invalidTypes.indexOf(item.Type)===-1&&"Photo"!==item.MediaType)}function supportsAddingToPlaylist(item){return"Program"!==item.Type&&("TvChannel"!==item.Type&&("Timer"!==item.Type&&("SeriesTimer"!==item.Type&&("Photo"!==item.MediaType&&(("Recording"!==item.Type||"Completed"===item.Status)&&(item.MediaType||item.IsFolder||"Genre"===item.Type||"MusicGenre"===item.Type||"MusicArtist"===item.Type))))))}function canEdit(user,item){var itemType=item.Type;return"UserRootFolder"!==itemType&&"UserView"!==itemType&&("Program"!==itemType&&(("Recording"!==item.Type||"Completed"===item.Status)&&user.Policy.IsAdministrator))}function isLocalItem(item){return!(!item||!item.Id||0!==item.Id.indexOf("local"))}return{getDisplayName:getDisplayName,supportsAddingToCollection:supportsAddingToCollection,supportsAddingToPlaylist:supportsAddingToPlaylist,isLocalItem:isLocalItem,canIdentify:function(user,itemType){return!("Movie"!==itemType&&"Trailer"!==itemType&&"Series"!==itemType&&"Game"!==itemType&&"BoxSet"!==itemType&&"Person"!==itemType&&"Book"!==itemType&&"MusicAlbum"!==itemType&&"MusicArtist"!==itemType||!user.Policy.IsAdministrator)},canEdit:canEdit,canEditImages:function(user,item){var itemType=item.Type;return"Photo"!==item.MediaType&&("UserView"===itemType?!!user.Policy.IsAdministrator:("Recording"!==item.Type||"Completed"===item.Status)&&("Timer"!==itemType&&"SeriesTimer"!==itemType&&canEdit(user,item)))},canSync:function(user,item){return!(user&&!user.Policy.EnableContentDownloading)&&item.SupportsSync},canShare:function(user,item){return"Program"!==item.Type&&("TvChannel"!==item.Type&&("Timer"!==item.Type&&("SeriesTimer"!==item.Type&&(("Recording"!==item.Type||"Completed"===item.Status)&&(user.Policy.EnablePublicSharing&&appHost.supports("sharing"))))))},enableDateAddedDisplay:function(item){return!item.IsFolder&&item.MediaType&&"Program"!==item.Type&&"TvChannel"!==item.Type&&"Trailer"!==item.Type},canMarkPlayed:function(item){if("Program"===item.Type)return!1;if("Video"===item.MediaType&&"TvChannel"!==item.Type)return!0;if("Audio"===item.MediaType){if("AudioPodcast"===item.Type)return!0;if("AudioBook"===item.Type)return!0}return"Series"===item.Type||"Season"===item.Type||"BoxSet"===item.Type||"Game"===item.MediaType||"Book"===item.MediaType||"Recording"===item.MediaType},canRate:function(item){return"Program"!==item.Type&&"Timer"!==item.Type&&"SeriesTimer"!==item.Type}}});
+define(["apphost"],function(appHost){"use strict";function getDisplayName(item,options){if(!item)throw new Error("null item passed into getDisplayName");options=options||{},"Timer"===item.Type&&(item=item.ProgramInfo||item);var name=("Program"!==item.Type&&"Recording"!==item.Type||!item.IsSeries&&!item.EpisodeTitle?item.Name:item.EpisodeTitle)||"";if("TvChannel"===item.Type)return item.Number?item.Number+" "+name:name;if("Episode"===item.Type&&0===item.ParentIndexNumber)name=Globalize.translate("sharedcomponents#ValueSpecialEpisodeName",name);else if(("Episode"===item.Type||"Program"===item.Type)&&null!=item.IndexNumber&&null!=item.ParentIndexNumber&&options.includeIndexNumber!==!1){var displayIndexNumber=item.IndexNumber,number=displayIndexNumber,nameSeparator=" - ";options.includeParentInfo!==!1?number="S"+item.ParentIndexNumber+", E"+number:nameSeparator=". ",item.IndexNumberEnd&&(displayIndexNumber=item.IndexNumberEnd,number+="-"+displayIndexNumber),number&&(name=name?number+nameSeparator+name:number)}return name}function supportsAddingToCollection(item){var invalidTypes=["Person","Genre","MusicGenre","Studio","GameGenre","BoxSet","Playlist","UserView","CollectionFolder","Audio","TvChannel","Channel","Program","MusicAlbum","Timer","SeriesTimer"];return("Recording"!==item.Type||"Completed"===item.Status)&&(!item.CollectionType&&invalidTypes.indexOf(item.Type)===-1&&"Photo"!==item.MediaType)}function supportsAddingToPlaylist(item){return"Program"!==item.Type&&("TvChannel"!==item.Type&&("Timer"!==item.Type&&("SeriesTimer"!==item.Type&&("Photo"!==item.MediaType&&(("Recording"!==item.Type||"Completed"===item.Status)&&(item.MediaType||item.IsFolder||"Genre"===item.Type||"MusicGenre"===item.Type||"MusicArtist"===item.Type))))))}function canEdit(user,item){var itemType=item.Type;return"UserRootFolder"!==itemType&&"UserView"!==itemType&&("Program"!==itemType&&(("Recording"!==item.Type||"Completed"===item.Status)&&user.Policy.IsAdministrator))}function isLocalItem(item){return!(!item||!item.Id||0!==item.Id.indexOf("local"))}return{getDisplayName:getDisplayName,supportsAddingToCollection:supportsAddingToCollection,supportsAddingToPlaylist:supportsAddingToPlaylist,isLocalItem:isLocalItem,canIdentify:function(user,itemType){return!("Movie"!==itemType&&"Trailer"!==itemType&&"Series"!==itemType&&"Game"!==itemType&&"BoxSet"!==itemType&&"Person"!==itemType&&"Book"!==itemType&&"MusicAlbum"!==itemType&&"MusicArtist"!==itemType||!user.Policy.IsAdministrator)},canEdit:canEdit,canEditImages:function(user,item){var itemType=item.Type;return"Photo"!==item.MediaType&&("UserView"===itemType?!!user.Policy.IsAdministrator:("Recording"!==item.Type||"Completed"===item.Status)&&("Timer"!==itemType&&"SeriesTimer"!==itemType&&canEdit(user,item)))},canSync:function(user,item){return!(user&&!user.Policy.EnableContentDownloading)&&item.SupportsSync},canShare:function(user,item){return"Program"!==item.Type&&("TvChannel"!==item.Type&&("Timer"!==item.Type&&("SeriesTimer"!==item.Type&&(("Recording"!==item.Type||"Completed"===item.Status)&&(user.Policy.EnablePublicSharing&&appHost.supports("sharing"))))))},enableDateAddedDisplay:function(item){return!item.IsFolder&&item.MediaType&&"Program"!==item.Type&&"TvChannel"!==item.Type&&"Trailer"!==item.Type},canMarkPlayed:function(item){if("Program"===item.Type)return!1;if("Video"===item.MediaType&&"TvChannel"!==item.Type)return!0;if("Audio"===item.MediaType){if("AudioPodcast"===item.Type)return!0;if("AudioBook"===item.Type)return!0}return"Series"===item.Type||"Season"===item.Type||"BoxSet"===item.Type||"Game"===item.MediaType||"Book"===item.MediaType||"Recording"===item.MediaType},canRate:function(item){return"Program"!==item.Type&&"Timer"!==item.Type&&"SeriesTimer"!==item.Type}}});

dashboard-ui/bower_components/emby-webcomponents/listview/listview.css

@@ -1 +1 @@
-.listItemBody,.listItemButton,.listItemIcon,.listItemImage{display:inline-block;vertical-align:middle}.listItem,.listItemBody,.listItemButton{vertical-align:middle}.listItemBody,.listItemBodyText{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.listItem{background:0 0;border:0;outline:0!important;color:inherit;font-family:inherit;font-size:inherit;margin:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:left;padding:.25em 1.15em;cursor:pointer;overflow:hidden}.listItem-button{width:100%}.listItem-largeImage{padding:.5em!important}.listItemAside,.listItemIcon,.listItemImage{-webkit-flex-shrink:0;flex-shrink:0}.listItemButton{margin:0;-webkit-flex-shrink:0;flex-shrink:0;contain:layout style}.listViewDragHandle{margin-left:-.25em!important;touch-action:none}.listItemBody{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;padding:.8em 1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.listItemBody-noleftpadding{padding-left:0}.listItem-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.three-line{min-height:6.3em;padding-top:0;padding-bottom:0}.listItemBodyText{margin:0;padding:.25em 0}.listItemBodyText-nowrap{white-space:nowrap}.listItemImage{width:7.4vh;height:7.4vh;min-width:40px;min-height:40px;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;-webkit-flex-shrink:0;flex-shrink:0;background-position:center center;position:relative}.listItemImage-large{width:45vh;height:30vh;background-position:center center;margin-right:2%;margin-left:1%}.listItemIcon{width:1em!important;height:1em!important;font-size:143%;-webkit-border-radius:500px;border-radius:500px;padding:.5em;color:#fff}.listItemIcon:not(.listItemIcon-transparent){background-color:#52B54B}.listItemProgressBar{position:absolute;bottom:0;left:0;right:0}.listItem .secondary{color:#888}.listItem:focus .secondary{color:inherit!important}.listItem-focusscale{-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.listItem-focusscale:focus{-webkit-transform:scale(1.025,1.025);transform:scale(1.025,1.025)}.paperList{padding:.5em 0;margin:1em auto;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.paperList-clear{-webkit-box-shadow:none!important;box-shadow:none!important;background-color:transparent!important}.listItemMediaInfo{-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-right:1em}.listGroupHeader{margin:2em 0 1em}.listGroupHeader-first{margin-top:0}.listItemIndicators{right:.5vh;top:.5vh;position:absolute;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.listItem,.listItemBody,.listItemMediaInfo{display:-webkit-box;display:-webkit-flex;display:flex;contain:layout style}@media all and (max-width:50em){.listItem .criticRating,.listItem .endsAt{display:none!important}}.listItemCheckboxContainer{width:auto!important}
+.listItemBody,.listItemButton,.listItemIcon,.listItemImage{display:inline-block;vertical-align:middle}.listItem,.listItemBody,.listItemButton{vertical-align:middle}.listItemBody,.listItemBodyText{overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.listItem{background:0 0;border:0;outline:0!important;color:inherit;font-family:inherit;font-size:inherit;margin:0;-webkit-box-align:center;-webkit-align-items:center;align-items:center;text-align:left;padding:.25em 1em;cursor:pointer;overflow:hidden}.listItem[data-action=none]{cursor:default}.listItem-button{width:100%}.listItem-largeImage{padding:.5em .25em!important}.listItemAside,.listItemIcon,.listItemImage{-webkit-flex-shrink:0;flex-shrink:0}.listItemButton{margin:0;-webkit-flex-shrink:0;flex-shrink:0;contain:layout style}.listItemImage,.listItemIndicators{display:-webkit-box;display:-webkit-flex}.listViewDragHandle{margin-left:-.25em!important;touch-action:none}.listItemBody{-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;padding:.8em 1em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;justify-content:center}.listItemBody-noleftpadding{padding-left:0}.listItem-shaded:nth-child(even){background:#1c1c1c;background:rgba(30,30,30,.9)}.three-line{min-height:6.3em;padding-top:0;padding-bottom:0}.listItemBodyText{margin:0;padding:.25em 0}.listItemBodyText-nowrap{white-space:nowrap}.listItemImage{width:7.4vh;height:7.4vh;min-width:40px;min-height:40px;background-repeat:no-repeat;-webkit-background-size:contain;background-size:contain;-webkit-flex-shrink:0;flex-shrink:0;background-position:center center;position:relative;display:flex}.listItemImage-large{width:19.5vw;height:13vw;background-position:center center;margin-right:.5em}.listItemImageButton{-webkit-align-self:center;align-self:center;justify-self:center;margin:auto;color:rgba(255,255,255,.6);font-size:1.6em;border:.15em solid currentColor;padding:2px;background:rgba(0,0,0,.4);-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.listItemImageButton:hover{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}@media all and (max-width:50em){.listItemImage-large{width:36vw;height:24vw}.listItem-largeImage{padding-right:0!important}}@media all and (max-width:64em){.listItemImage-large{width:30vw;height:20vw;margin-right:0}.listItemImageButton{font-size:1.1em}}.listItemImage-large-tv{width:30vw!important;height:20vw!important}.listItemIcon{width:1em!important;height:1em!important;font-size:143%;-webkit-border-radius:500px;border-radius:500px;padding:.5em;color:#fff}.listItemIcon:not(.listItemIcon-transparent){background-color:#52B54B}.listItemProgressBar{position:absolute;bottom:0;left:0;right:0}.listItem .secondary{color:#888}.listItem:focus .secondary{color:inherit!important}.listItem-focusscale{-webkit-transition:-webkit-transform .2s ease-out;-o-transition:transform .2s ease-out;transition:transform .2s ease-out}.listItem-focusscale:focus{-webkit-transform:scale(1.025,1.025);transform:scale(1.025,1.025)}.paperList{padding:.5em 0;margin:1em auto;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2);box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 1px 5px 0 rgba(0,0,0,.12),0 3px 1px -2px rgba(0,0,0,.2)}.paperList-clear{-webkit-box-shadow:none!important;box-shadow:none!important;background-color:transparent!important}.listItemMediaInfo{-webkit-box-align:center;-webkit-align-items:center;align-items:center;margin-right:1em}.listGroupHeader{margin:2em 0 1em}.listGroupHeader-first{margin-top:0}.listItemIndicators{right:.5vh;top:.5vh;position:absolute;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center}.listItem,.listItemBody,.listItemMediaInfo{display:-webkit-box;display:-webkit-flex;display:flex;contain:layout style}@media all and (max-width:50em){.listItem .criticRating,.listItem .endsAt,.listItem-overview{display:none!important}}.listItemCheckboxContainer{width:auto!important}

dashboard-ui/bower_components/emby-webcomponents/strings/en-us.json

@@ -458,7 +458,9 @@
   "Transcoding": "Transcoding",
   "VideoCodecNotSupported": "Video codec not supported",
   "AudioCodecNotSupported": "Audio codec not supported",
+  "SubtitleCodecNotSupported": "Subtitle format not supported",
   "ContainerNotSupported": "Container not supported",
+  "VideoLevelNotSupported": "Video level not supported",
   "AudioBitrateNotSupported": "Audio bitrate not supported",
   "AudioChannelsNotSupported": "Audio channels not supported",
   "VideoResolutionNotSupported": "Video resolution not supported",

dashboard-ui/livetv.html

@@ -73,10 +73,6 @@
         <div is="emby-itemscontainer" id="items" class="itemsContainer vertical-wrap padded-left padded-right"></div>
     </div>
     <div class="pageTabContent" id="recordingsTab" data-index="3">
-        <div id="activeRecordings" class="verticalSection hide">
-            <h2 class="sectionTitle sectionTitle-cards padded-left">${HeaderActiveRecordings}</h2>
-            <div is="emby-itemscontainer" class="recordingItems itemsContainer padded-left padded-right"></div>
-        </div>
         <div id="latestRecordings" class="verticalSection hide">
             <div class="sectionTitleContainer padded-left">
                 <button type="button" is="emby-button" class="button-flat button-flat-mini sectionTitleTextButton more" data-type="latest">

dashboard-ui/scheduledtask.html

@@ -1,4 +1,4 @@
-<div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="jQuery,jqmpopup,scripts/scheduledtaskpage,emby-input,emby-button,emby-select">
+<div id="scheduledTaskPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks">
     <div>
         <div class="content-primary">
 
@@ -10,7 +10,7 @@
                     <h2 style="margin: .6em 0; vertical-align: middle; display: inline-block;">
                         ${HeaderTaskTriggers}
                     </h2>
-                    <button is="emby-button" type="button" class="raised btnInvite submit raised-mini" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}" onclick="ScheduledTaskPage.showAddTriggerPopup();">
+                    <button is="emby-button" type="button" class="raised btnAddTrigger submit raised-mini" style="margin-left: 1em;" title="${ButtonAddScheduledTaskTrigger}">
                         <i class="md-icon">add</i>
                         <span>${ButtonAdd}</span>
                     </button>
@@ -26,7 +26,7 @@
             </div>
             <div data-role="content">
                 <div class="selectContainer">
-                    <select is="emby-select" id="selectTriggerType" name="selectTriggerType" label="${LabelTriggerType}" onchange="ScheduledTaskPage.refreshTriggerFields(this.value);">
+                    <select is="emby-select" id="selectTriggerType" class="selectTriggerType" label="${LabelTriggerType}">
                         <option value="DailyTrigger">${OptionDaily}</option>
                         <option value="WeeklyTrigger">${OptionWeekly}</option>
                         <option value="IntervalTrigger">${OptionOnInterval}</option>

dashboard-ui/scheduledtasks.html

@@ -1,4 +1,4 @@
-<div id="scheduledTasksPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks" data-require="scripts/scheduledtaskspage">
+<div id="scheduledTasksPage" data-role="page" class="page type-interior scheduledTasksConfigurationPage" data-helpurl="https://github.com/MediaBrowser/Wiki/wiki/Scheduled%20tasks">
 
     <style>
         .taskProgressOuter {

dashboard-ui/scripts/livetvitems.js

@@ -1 +1 @@
-define(["cardBuilder","apphost","imageLoader","libraryMenu","libraryBrowser","loading","emby-itemscontainer"],function(cardBuilder,appHost,imageLoader,libraryMenu,libraryBrowser,loading){"use strict";return function(view,params){function getSavedQueryKey(){return libraryBrowser.getSavedQueryKey()}function reloadItems(page){loading.show();var promise="Recordings"==params.type?ApiClient.getLiveTvRecordings(query):"RecordingSeries"==params.type?ApiClient.getLiveTvRecordingSeries(query):"true"==params.IsAiring?ApiClient.getLiveTvRecommendedPrograms(query):ApiClient.getLiveTvPrograms(query);promise.then(function(result){function onNextPageClick(){query.StartIndex+=query.Limit,reloadItems(page)}function onPreviousPageClick(){query.StartIndex-=query.Limit,reloadItems(page)}window.scrollTo(0,0);var html="",pagingHtml=libraryBrowser.getQueryPagingHtml({startIndex:query.StartIndex,limit:query.Limit,totalRecordCount:result.TotalRecordCount,showLimit:!1});page.querySelector(".listTopPaging").innerHTML=pagingHtml,page.querySelector(".bottomPaging").innerHTML=pagingHtml,html=cardBuilder.getCardsHtml({items:result.Items,shape:query.IsMovie||"RecordingSeries"==params.type?"portrait":"auto",preferThumb:!query.IsMovie&&"RecordingSeries"!=params.type&&"auto",defaultShape:query.IsMovie||"RecordingSeries"==params.type?"portrait":"backdrop",inheritThumb:"Recordings"==params.type,context:"livetv",centerText:!0,overlayText:!1,showTitle:!0,showParentTitle:!query.IsMovie,showAirTime:"Recordings"!=params.type&&"RecordingSeries"!=params.type,showAirDateTime:"Recordings"!=params.type&&"RecordingSeries"!=params.type,overlayMoreButton:!0,showYear:query.IsMovie&&"Recordings"==params.type,showSeriesYear:"RecordingSeries"===params.type,coverImage:!0});var elem=page.querySelector(".itemsContainer");elem.innerHTML=html,imageLoader.lazyChildren(elem);var i,length,elems;for(elems=page.querySelectorAll(".btnNextPage"),i=0,length=elems.length;i<length;i++)elems[i].addEventListener("click",onNextPageClick);for(elems=page.querySelectorAll(".btnPreviousPage"),i=0,length=elems.length;i<length;i++)elems[i].addEventListener("click",onPreviousPageClick);libraryBrowser.saveQueryValues(getSavedQueryKey(),query),loading.hide()})}var query={UserId:Dashboard.getCurrentUserId(),StartIndex:0,Fields:"ChannelInfo,PrimaryImageAspectRatio",Limit:libraryBrowser.getDefaultPageSize()};"Recordings"==params.type?(query.IsInProgress=!1,params.groupid&&(query.GroupId=params.groupid)):"RecordingSeries"==params.type?(query.SortOrder="SortName",query.SortOrder="Ascending"):(query.HasAired=!1,query.SortBy="StartDate,SortName",query.SortOrder="Ascending"),view.addEventListener("viewbeforeshow",function(){query.ParentId=libraryMenu.getTopParentId();var page=this;"true"==params.IsMovie?query.IsMovie=!0:"false"==params.IsMovie&&(query.IsMovie=!1),"true"==params.IsSeries?query.IsSeries=!0:"false"==params.IsSeries&&(query.IsSeries=!1),"true"==params.IsNews?query.IsNews=!0:"false"==params.IsNews&&(query.IsNews=!1),"true"==params.IsSports?query.IsSports=!0:"false"==params.IsSports&&(query.IsSports=!1),"true"==params.IsKids?query.IsKids=!0:"false"==params.IsKids&&(query.IsKids=!1),"true"==params.IsAiring?query.IsAiring=!0:"false"==params.IsAiring&&(query.IsAiring=!1),"Recordings"==params.type?"true"==params.IsMovie?libraryMenu.setTitle(Globalize.translate("TabMovies")):"true"==params.IsSports?libraryMenu.setTitle(Globalize.translate("Sports")):"true"==params.IsKids?libraryMenu.setTitle(Globalize.translate("HeaderForKids")):libraryMenu.setTitle(Globalize.translate("TabRecordings")):"RecordingSeries"==params.type?libraryMenu.setTitle(Globalize.translate("TabShows")):"true"==params.IsMovie?libraryMenu.setTitle(Globalize.translate("TabMovies")):"true"==params.IsSports?libraryMenu.setTitle(Globalize.translate("Sports")):"true"==params.IsKids?libraryMenu.setTitle(Globalize.translate("HeaderForKids")):"true"==params.IsAiring?libraryMenu.setTitle(Globalize.translate("HeaderOnNow")):"true"==params.IsNews?libraryMenu.setTitle(Globalize.translate("News")):"true"==params.IsSeries?libraryMenu.setTitle(Globalize.translate("TabShows")):libraryMenu.setTitle(Globalize.translate("Programs"));var viewkey=getSavedQueryKey();libraryBrowser.loadSavedQueryValues(viewkey,query),reloadItems(page)})}});
+define(["cardBuilder","apphost","imageLoader","libraryMenu","libraryBrowser","loading","emby-itemscontainer"],function(cardBuilder,appHost,imageLoader,libraryMenu,libraryBrowser,loading){"use strict";return function(view,params){function getSavedQueryKey(){return libraryBrowser.getSavedQueryKey()}function reloadItems(page){loading.show();var promise="Recordings"==params.type?ApiClient.getLiveTvRecordings(query):"RecordingSeries"==params.type?ApiClient.getLiveTvRecordingSeries(query):"true"==params.IsAiring?ApiClient.getLiveTvRecommendedPrograms(query):ApiClient.getLiveTvPrograms(query);promise.then(function(result){function onNextPageClick(){query.StartIndex+=query.Limit,reloadItems(page)}function onPreviousPageClick(){query.StartIndex-=query.Limit,reloadItems(page)}window.scrollTo(0,0);var html="",pagingHtml=libraryBrowser.getQueryPagingHtml({startIndex:query.StartIndex,limit:query.Limit,totalRecordCount:result.TotalRecordCount,showLimit:!1});page.querySelector(".listTopPaging").innerHTML=pagingHtml,page.querySelector(".bottomPaging").innerHTML=pagingHtml,html=cardBuilder.getCardsHtml({items:result.Items,shape:query.IsMovie||"RecordingSeries"==params.type?"portrait":"auto",preferThumb:!query.IsMovie&&"RecordingSeries"!=params.type&&"auto",defaultShape:query.IsMovie||"RecordingSeries"==params.type?"portrait":"backdrop",inheritThumb:"Recordings"==params.type,context:"livetv",centerText:!0,overlayText:!1,showTitle:!0,showParentTitle:!query.IsMovie,showAirTime:"Recordings"!=params.type&&"RecordingSeries"!=params.type,showAirDateTime:"Recordings"!=params.type&&"RecordingSeries"!=params.type,overlayMoreButton:!0,showYear:query.IsMovie&&"Recordings"==params.type,showSeriesYear:"RecordingSeries"===params.type,coverImage:!0});var elem=page.querySelector(".itemsContainer");elem.innerHTML=html,imageLoader.lazyChildren(elem);var i,length,elems;for(elems=page.querySelectorAll(".btnNextPage"),i=0,length=elems.length;i<length;i++)elems[i].addEventListener("click",onNextPageClick);for(elems=page.querySelectorAll(".btnPreviousPage"),i=0,length=elems.length;i<length;i++)elems[i].addEventListener("click",onPreviousPageClick);libraryBrowser.saveQueryValues(getSavedQueryKey(),query),loading.hide()})}var query={UserId:Dashboard.getCurrentUserId(),StartIndex:0,Fields:"ChannelInfo,PrimaryImageAspectRatio",Limit:libraryBrowser.getDefaultPageSize()};"Recordings"==params.type?params.groupid&&(query.GroupId=params.groupid):"RecordingSeries"==params.type?(query.SortOrder="SortName",query.SortOrder="Ascending"):(query.HasAired=!1,query.SortBy="StartDate,SortName",query.SortOrder="Ascending"),view.addEventListener("viewbeforeshow",function(){query.ParentId=libraryMenu.getTopParentId();var page=this;"true"==params.IsMovie?query.IsMovie=!0:"false"==params.IsMovie&&(query.IsMovie=!1),"true"==params.IsSeries?query.IsSeries=!0:"false"==params.IsSeries&&(query.IsSeries=!1),"true"==params.IsNews?query.IsNews=!0:"false"==params.IsNews&&(query.IsNews=!1),"true"==params.IsSports?query.IsSports=!0:"false"==params.IsSports&&(query.IsSports=!1),"true"==params.IsKids?query.IsKids=!0:"false"==params.IsKids&&(query.IsKids=!1),"true"==params.IsAiring?query.IsAiring=!0:"false"==params.IsAiring&&(query.IsAiring=!1),"Recordings"==params.type?"true"==params.IsMovie?libraryMenu.setTitle(Globalize.translate("TabMovies")):"true"==params.IsSports?libraryMenu.setTitle(Globalize.translate("Sports")):"true"==params.IsKids?libraryMenu.setTitle(Globalize.translate("HeaderForKids")):libraryMenu.setTitle(Globalize.translate("TabRecordings")):"RecordingSeries"==params.type?libraryMenu.setTitle(Globalize.translate("TabShows")):"true"==params.IsMovie?libraryMenu.setTitle(Globalize.translate("TabMovies")):"true"==params.IsSports?libraryMenu.setTitle(Globalize.translate("Sports")):"true"==params.IsKids?libraryMenu.setTitle(Globalize.translate("HeaderForKids")):"true"==params.IsAiring?libraryMenu.setTitle(Globalize.translate("HeaderOnNow")):"true"==params.IsNews?libraryMenu.setTitle(Globalize.translate("News")):"true"==params.IsSeries?libraryMenu.setTitle(Globalize.translate("TabShows")):libraryMenu.setTitle(Globalize.translate("Programs"));var viewkey=getSavedQueryKey();libraryBrowser.loadSavedQueryValues(viewkey,query),reloadItems(page)})}});

dashboard-ui/shared.html

@@ -14,101 +14,155 @@
     <div class="header"><a class="logo" href="http://emby.media" style="text-decoration:none;font-size: 22px;" target="_blank"><img class="imgLogoIcon" src="css/images/logo.png"></a></div>
 
     <div id="itemBackdrop" class="itemBackdrop noBackdrop">
-        <div class="itemBackdropContent">
+        <div class="itemBackdropFader">
         </div>
     </div>
 
-    <div class="detailPageContent" style="position:relative;">
+    <div class="detailLogo"></div>
 
-        <div class="detailImageContainer">
+    <div class="detailPageContent padded-bottom-page">
-        </div>
-        <div class="primaryDetailsContainer">
-            <div class="detailNameContainer">
-                <div class="parentName"></div>
-                <h1 class="itemName"></h1>
-                <div class="desktopDetails itemMiscInfo" style="margin-top:.5em;">
 
-                </div>
+        <div class="detailPagePrimaryContainer padded-left padded-right">
+            <div class="detailImageContainer">
             </div>
-            <div class="desktopDetails" style="padding-top:5px;">
+            <div class="detailPagePrimaryContent">
 
-                <p class="artist"></p>
+                <div class="detailSection" style="margin-bottom: 0;">
-                <p class="itemGenres"></p>
-            </div>
-        </div>
-    </div>
 
-    <div class="mobileDetails" style="text-align:center;clear:both;">
+                    <h1 class="parentName" style="margin: .25em 0;"></h1>
-        <div style="height:10px;"></div>
+                    <h1 class="itemName" style="margin: .5em 0;"></h1>
-        <div class="itemMiscInfo">
-        </div>
-    </div>
 
-    <div style="padding-top:0;clear:both;">
+                    <div class="itemMiscInfo itemMiscInfo-primary" style="margin: 1em 0;">
-        <div class="detailPageContent">
 
-            <div class="detailSection">
+                    </div>
-                <div class="mobileDetails">
-                    <p class="artist"></p>
-                    <p class="itemGenres"></p>
-                </div>
-                <h2 class="tagline"></h2>
-                <p id="itemBirthday"></p>
-                <p id="itemBirthLocation"></p>
-                <p id="itemDeathDate"></p>
-                <p id="seriesAirTime"></p>
-                <p class="itemOverview topOverview"></p>
-            </div>
-            <div id="castCollapsible" style="display: none;" class="detailSection">
-                <h1 id="peopleHeader">
-                    ${HeaderCastCrew}
-                </h1>
-                <div id="castContent"></div>
-            </div>
 
-            <div class="detailSection photoInfo hide">
+                    <div class="itemMiscInfo itemMiscInfo-secondary" style="margin: 1em 0;">
-                <h1>
+
-                    ${HeaderPhotoInfo}
+                    </div>
-                </h1>
+
-                <div>
+                    <div class="detailSectionContent">
-                    <div class="photoInfoContent"></div>
+
-                </div>
+                        <p class="itemGenres"></p>
-            </div>
+                        <h1 class="tagline" style="margin-bottom: .7em;"></h1>
-            <div id="criticReviewsCollapsible" style="display: none;" class="detailSection">
+                        <p class="artist"></p>
-                <h1>
+                        <p class="overview"></p>
-                    ${HeaderAwardsAndReviews}
+                        <div class="mediaInfoIcons hide">
-                </h1>
+                        </div>
-                <div>
+                        <p id="itemBirthday"></p>
-                    <div id="criticReviewsContent"></div>
+                        <p id="itemBirthLocation"></p>
-                </div>
+                        <p id="itemDeathDate"></p>
-            </div>
+                        <p id="seriesAirTime"></p>
-            <div class="detailSection detailsSection">
-                <h1>
-                    ${HeaderDetails}
-                </h1>
-                <div>
-                    <div class="tabDetails">
-                        <p class="itemOverview bottomOverview"></p>
-                        <p id="players"></p>
                         <p class="itemExternalLinks"></p>
                         <p class="itemStudios"></p>
                         <p class="itemTags"></p>
+
+                        <div class="seriesRecordingEditor">
+
+                        </div>
                     </div>
                 </div>
             </div>
-
+        </div>
-            <div id="scenesCollapsible" style="display: none;" class="detailSection">
+        <div class="seriesTimerScheduleSection verticalSection detailVerticalSection hide" style="margin-top:-3em;">
-                <h1>
+            <h2 class="sectionTitle padded-left">
-                    ${HeaderScenes}
+                ${HeaderSchedule}
-                </h1>
+            </h2>
-                <div id="scenesContent"></div>
+            <div class="seriesTimerSchedule padded-left padded-right">
             </div>
+        </div>
+        <div class="collectionItems"></div>
+        <div class="nextUpSection verticalSection detailVerticalSection hide">
+            <h2 class="sectionTitle sectionTitle-cards padded-left">
+                ${HeaderNextUp}
+            </h2>
+            <div is="emby-itemscontainer" class="nextUpItems vertical-wrap padded-left padded-right"></div>
+        </div>
+        <div id="childrenCollapsible" class="hide verticalSection detailVerticalSection">
+            <h2 class="childrenSectionHeader sectionTitle sectionTitle-cards padded-left">
+                <span id="childrenTitle"></span>
+            </h2>
+            <div id="childrenContent">
+                <div is="emby-itemscontainer" class="childrenItemsContainer itemsContainer padded-left padded-right" style="text-align: left;"></div>
+            </div>
+        </div>
+        <div id="additionalPartsCollapsible" class="verticalSection detailVerticalSection hide">
+            <h2 class="sectionTitle sectionTitle-cards padded-left">
+                ${HeaderAdditionalParts}
+            </h2>
+            <div id="additionalPartsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
+        </div>
+        <div id="castCollapsible" class="verticalSection detailVerticalSection hide">
+            <h2 id="peopleHeader" class="sectionTitle sectionTitle-cards padded-left">
+                ${HeaderCastCrew}
+            </h2>
+            <div id="castContent" is="emby-itemscontainer" class="itemsContainer padded-left padded-right"></div>
+            <div class="padded-left">
+                <button is="emby-button" type="button" class="raised more morePeople hide">${ButtonMore}</button>
+            </div>
+        </div>
+        <div id="seriesScheduleSection" class="verticalSection detailVerticalSection hide">
+            <h1>
+                ${HeaderUpcomingOnTV}
+            </h1>
+            <div id="seriesScheduleList" is="emby-itemscontainer" class="itemsContainer vertical-list padded-left padded-right"></div>
+        </div>
 
-            <div class="detailSection audioVideoMediaInfo hide">
+        <div class="verticalSection detailVerticalSection photoInfo hide">
-                <h1>${HeaderMediaInfo}</h1>
+            <h2 class="sectionTitle padded-left">
-                <div>
+                ${HeaderPhotoInfo}
-                    <div id="mediaInfoContent" class="mediaInfoContent"></div>
+            </h2>
-                </div>
+            <div class="photoInfoContent padded-left padded-right"></div>
+        </div>
+
+        <div id="specialsCollapsible" class="verticalSection detailVerticalSection hide">
+            <h2 class="sectionTitle sectionTitle-cards padded-left">
+                ${HeaderSpecialFeatures}
+            </h2>
+            <div id="specialsContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
+        </div>
+        <div id="musicVideosCollapsible" class="verticalSection detailVerticalSection hide">
+            <h2 class="sectionTitle sectionTitle-cards padded-left">
+                ${HeaderMusicVideos}
+            </h2>
+            <div id="musicVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
+        </div>
+        <div id="moreFromSection" class="verticalSection detailVerticalSection hide">
+            <h2 class="moreFromHeader sectionTitle sectionTitle-cards padded-left"></h2>
+            <div id="moreFromItems"></div>
+        </div>
+        <div id="criticReviewsCollapsible" class="verticalSection detailVerticalSection hide">
+            <h2 class="sectionTitle padded-left">
+                ${HeaderAwardsAndReviews}
+            </h2>
+            <div class="padded-left padded-right">
+                <div id="criticReviewsContent"></div>
+            </div>
+        </div>
+
+        <div id="scenesCollapsible" class="verticalSection detailVerticalSection hide">
+            <h2 class="sectionTitle sectionTitle-cards padded-left">
+                ${HeaderScenes}
+            </h2>
+            <div is="emby-itemscontainer" id="scenesContent" class="itemsContainer padded-left padded-right"></div>
+        </div>
+        <div id="themeSongsCollapsible" class="verticalSection detailVerticalSection hide">
+            <h2 class="sectionTitle padded-left">
+                ${HeaderThemeSongs}
+            </h2>
+            <div id="themeSongsContent" is="emby-itemscontainer" class="padded-left padded-right"></div>
+        </div>
+
+        <div id="themeVideosCollapsible" class="verticalSection detailVerticalSection hide">
+            <h2 class="sectionTitle sectionTitle-cards padded-left">
+                ${HeaderThemeVideos}
+            </h2>
+            <div id="themeVideosContent" is="emby-itemscontainer" class="itemsContainer vertical-wrap padded-left padded-right"></div>
+        </div>
+
+        <div class="verticalSection detailVerticalSection audioVideoMediaInfo hide">
+            <h2 class="sectionTitle padded-left">${HeaderMediaInfo}</h2>
+            <div class="padded-left padded-right">
+                <div id="mediaInfoContent" class="mediaInfoContent"></div>
             </div>
         </div>
     </div>