update schedules direct page

dashboard-ui/css/card.css

@@ -55,11 +55,7 @@
 }
 
 .largeCardMargin .cardBox {
-    margin: 8px;
+    margin: 10px;
-}
-
-.mediumCardMargin .cardBox {
-    margin: 5px;
 }
 
 .defaultBackground .cardImage {

dashboard-ui/itemdetails.html

@@ -93,15 +93,6 @@
                 <a href="gamestudios.html">${TabStudios}</a>
             </div>
         </div>
-        <div id="gameSystemTabs" class="itemTabs" style="display: none;">
-            <div class="libraryViewNav scopedLibraryViewNav">
-                <a href="gamesrecommended.html">${TabSuggestions}</a>
-                <a href="games.html">${TabGames}</a>
-                <a href="gamesystems.html" class="ui-btn-active">${TabGameSystems}</a>
-                <a href="gamegenres.html">${TabGenres}</a>
-                <a href="gamestudios.html">${TabStudios}</a>
-            </div>
-        </div>
 
         <div id="itemBackdrop" class="itemBackdrop noBackdrop">
             <div class="itemBackdropContent">
@@ -230,19 +221,6 @@
                         <div id="criticReviewsContent" class="detailSectionContent"></div>
                     </div>
                 </div>
-                <div class="detailSection detailsSection">
-                    <div class="detailSectionHeader">
-                        ${HeaderDetails}
-                    </div>
-                    <div class="detailSectionContent" style="padding:0 1em;">
-                        <div class="tabDetails">
-                            <p id="players"></p>
-                            <p class="itemExternalLinks"></p>
-                            <p class="itemStudios"></p>
-                            <p class="itemTags"></p>
-                        </div>
-                    </div>
-                </div>
 
                 <div id="scenesCollapsible" style="display: none;" class="detailSection">
                     <div class="detailSectionHeader">
@@ -257,6 +235,19 @@
                     </div>
                     <div id="themeSongsContent" class="detailSectionContent"></div>
                 </div>
+                <div class="detailSection detailsSection">
+                    <div class="detailSectionHeader">
+                        ${HeaderDetails}
+                    </div>
+                    <div class="detailSectionContent" style="padding:0 1em;">
+                        <div class="tabDetails">
+                            <p id="players"></p>
+                            <p class="itemExternalLinks"></p>
+                            <p class="itemStudios"></p>
+                            <p class="itemTags"></p>
+                        </div>
+                    </div>
+                </div>
 
                 <div id="themeVideosCollapsible" style="display: none;" class="detailSection">
                     <div class="detailSectionHeader">

dashboard-ui/livetvguideprovider-scd.html

@@ -19,8 +19,13 @@
 
                     <h1>Schedules Direct</h1>
                     <p class="createAccountHelp"></p>
-                    <div style="background-color:rgba(82,181,75,.8);color:#fff;padding:.7em 1em;font-size:16px;border-radius:4px;">
+                    <div style="font-size:16px;">
-                        ${GuideProviderLoginStep}
+                        <div style="display:inline-block;background-color:rgba(82,181,75,.8);color:#fff;padding:2px 10px;font-size:20px;border-radius:1000px;vertical-align:middle;">
+                            1
+                        </div>
+                        <div style="display:inline-block;vertical-align:middle;margin-left:5px;">
+                            ${GuideProviderLogin}
+                        </div>
                     </div>
 
                     <form class="formLogin">
@@ -42,8 +47,13 @@
                     <br />
                     <br />
                     <br />
-                    <div style="background-color:rgba(82,181,75,.8);color:#fff;padding:.7em 1em;font-size:16px;border-radius:4px;">
+                    <div style="font-size:16px;">
-                        ${GuideProviderListingsStep}
+                        <div style="display:inline-block;background-color:rgba(82,181,75,.8);color:#fff;padding:2px 10px;font-size:20px;border-radius:1000px;vertical-align:middle;">
+                            2
+                        </div>
+                        <div style="display:inline-block;vertical-align:middle;margin-left:5px;">
+                            ${GuideProviderSelectListings}
+                        </div>
                     </div>
                     <form class="formListings">
                         <div>

dashboard-ui/scripts/favorites.js

@@ -76,7 +76,6 @@
                     preferThumb: section.preferThumb,
                     shape: section.shape,
                     overlayText: section.overlayText !== false,
-                    context: 'home-favorites',
                     showTitle: section.showTitle,
                     showParentTitle: section.showParentTitle,
                     lazy: true,

dashboard-ui/scripts/homenextup.js

@@ -12,7 +12,7 @@
         loadNextUp(page, 'home-nextup');
     }
 
-    function loadNextUp(page, context) {
+    function loadNextUp(page) {
 
         var limit = AppInfo.hasLowImageBandwidth ?
          16 :
@@ -48,7 +48,6 @@
                     showParentTitle: true,
                     lazy: true,
                     cardLayout: true,
-                    context: 'tv',
                     showDetailsMenu: true
                 });
 
@@ -60,7 +59,6 @@
                     showTitle: true,
                     showParentTitle: true,
                     overlayText: false,
-                    context: context,
                     lazy: true,
                     preferThumb: true,
                     showDetailsMenu: true,

dashboard-ui/scripts/homeupcoming.js

@@ -105,7 +105,6 @@
                 showTitle: true,
                 showPremiereDate: true,
                 preferThumb: true,
-                context: 'tv',
                 lazy: true,
                 showDetailsMenu: true,
                 centerText: true

dashboard-ui/scripts/itemdetailpage.js

@@ -181,29 +181,7 @@
 
     function getContext(item) {
 
-        // should return either movies, tv, music or games
+        return getParameterByName('context');
-        var context = getParameterByName('context');
-
-        if (context) {
-            return context;
-        }
-
-        if (item.Type == "Episode" || item.Type == "Series" || item.Type == "Season") {
-            return "tv";
-        }
-        if (item.Type == "Movie" || item.Type == "Trailer") {
-            return "movies";
-        }
-        if (item.Type == "Audio" || item.Type == "MusicAlbum" || item.Type == "MusicArtist" || item.Type == "MusicVideo") {
-            return "music";
-        }
-        if (item.MediaType == "Game") {
-            return "games";
-        }
-        if (item.Type == "BoxSet") {
-            return "boxsets";
-        }
-        return "";
     }
 
     function renderHeader(page, item, context) {
@@ -214,31 +192,12 @@
 
         var elem;
 
-        if (context == 'home') {
+        if (!context) {
-            elem = $('.homeTabs', page).show();
+            $(page).addClass('noSecondaryNavPage');
-            $('a', elem).removeClass('ui-btn-active');
+            LibraryMenu.setBackButtonVisible(true);
-            $('.lnkHomeHome', page).addClass('ui-btn-active');
+            LibraryMenu.setMenuButtonVisible(false);
         }
-        else if (context == 'home-nextup') {
+        if (context == 'photos' || context == 'photos-photos') {
-            elem = $('.homeTabs', page).show();
-            $('a', elem).removeClass('ui-btn-active');
-            $('.lnkHomeNextUp', page).addClass('ui-btn-active');
-        }
-        else if (context == 'home-favorites') {
-            elem = $('.homeTabs', page).show();
-            $('a', elem).removeClass('ui-btn-active');
-            $('.lnkHomeFavorites', page).addClass('ui-btn-active');
-        }
-        else if (context == 'home-upcoming') {
-            elem = $('.homeTabs', page).show();
-            $('a', elem).removeClass('ui-btn-active');
-            $('.lnkHomeUpcoming', page).addClass('ui-btn-active');
-        }
-        else if (context == 'home-latest') {
-            elem = $('.homeTabs', page).show();
-            $('a', elem).removeClass('ui-btn-active');
-        }
-        else if (context == 'photos' || context == 'photos-photos') {
             elem = $('.photoTabs', page).show();
             $('a', elem).removeClass('ui-btn-active');
 
@@ -265,43 +224,11 @@
                 $('.lnkMovies', page).addClass('ui-btn-active');
             }
         }
-        else if (context == 'channels') {
+        else if (context == 'tv') {
-            $(page).addClass('noSecondaryNavPage');
+            elem = $('#tvShowsTabs', page).show();
-            LibraryMenu.setBackButtonVisible(true);
-            LibraryMenu.setMenuButtonVisible(false);
         }
-        else if (item.Type == "MusicAlbum") {
+        else if (context == 'games') {
-            $('#albumTabs', page).show();
+            elem = $('#gameTabs', page).show();
-        }
-
-        else if (item.Type == "MusicVideo") {
-            $('#musicVideoTabs', page).show();
-        }
-
-        else if (item.Type == "Audio") {
-            $('#songTabs', page).show();
-        }
-
-        else if (item.Type == "ChannelVideoItem" || item.Type == "ChannelAudioItem" || item.Type == "ChannelFolderItem") {
-            $(page).addClass('noSecondaryNavPage');
-            LibraryMenu.setBackButtonVisible(true);
-            LibraryMenu.setMenuButtonVisible(false);
-        }
-
-        else if (item.Type == "BoxSet") {
-            $('#boxsetTabs', page).show();
-        }
-
-        else if (item.MediaType == "Game") {
-            $('#gameTabs', page).show();
-        }
-
-        else if (item.Type == "GameSystem") {
-            $('#gameSystemTabs', page).show();
-        }
-
-        else if (item.Type == "Episode" || item.Type == "Season" || item.Type == "Series") {
-            $('#tvShowsTabs', page).show();
         }
     }
 

dashboard-ui/scripts/registrationservices.js

@@ -1,4 +1,67 @@
-window.RegistrationServices = {
+(function () {
+
+    var supporterPlaybackKey = 'lastSupporterPlaybackMessage2';
+
+    function validatePlayback(deferred) {
+
+        Dashboard.getPluginSecurityInfo().done(function (pluginSecurityInfo) {
+
+            if (pluginSecurityInfo.IsMBSupporter) {
+                deferred.resolve();
+            } else {
+
+                var lastMessage = parseInt(appStorage.getItem(supporterPlaybackKey) || '0');
+
+                if (!lastMessage) {
+
+                    // Don't show on the very first playback attempt
+                    appStorage.setItem(supporterPlaybackKey, new Date().getTime());
+                    deferred.resolve();
+                }
+                else if ((new Date().getTime() - lastMessage) > 432000000) {
+
+                    showPlaybackOverlay(deferred);
+                } else {
+                    deferred.resolve();
+                }
+            }
+        });
+    }
+
+    function showPlaybackOverlay(deferred) {
+
+        require(['paperbuttonstyle']);
+
+        var html = '';
+        html += '<div class="supporterInfoOverlay" style="top: 0;left: 0;right: 0;bottom: 0;position: fixed;background-color:#1c1c1c;background-image: url(css/images/splash.jpg);background-position: center center;background-size: 100% 100%;background-repeat: no-repeat;z-index:1097;">';
+        html += '<div style="background:rgba(0,0,0,.82);top: 0;left: 0;right: 0;bottom: 0;position: fixed;z-index:1098;font-size:14px;">';
+        html += '<div class="readOnlyContent" style="margin:20px auto 0;color:#fff;padding:1em;">';
+
+        html += '<h1>' + Globalize.translate('HeaderTryCinemaMode') + '</h1>';
+
+        html += '<p>' + Globalize.translate('MessageDidYouKnowCinemaMode') + '</p>';
+        html += '<p>' + Globalize.translate('MessageDidYouKnowCinemaMode2') + '</p>';
+
+        html += '<br/>';
+
+        html += '<a class="clearLink" href="http://emby.media/donate" target="_blank"><paper-button raised class="submit block"><iron-icon icon="check"></iron-icon><span>' + Globalize.translate('ButtonBecomeSupporter') + '</span></paper-button></a>';
+        html += '<paper-button raised class="subdued block btnCancelSupporterInfo" style="background:#444;"><iron-icon icon="close"></iron-icon><span>' + Globalize.translate('ButtonClosePlayVideo') + '</span></paper-button>';
+
+        html += '</div>';
+        html += '</div>';
+        html += '</div>';
+
+        $(document.body).append(html);
+
+        $('.btnCancelSupporterInfo').on('click', function () {
+
+            $('.supporterInfoOverlay').remove();
+            appStorage.setItem(supporterPlaybackKey, new Date().getTime());
+            deferred.resolve();
+        });
+    }
+
+    window.RegistrationServices = {
 
         renderPluginInfo: function (page, pkg, pluginSecurityInfo) {
 
@@ -116,9 +179,20 @@
             $('.recurringSubscriptionCancellationHelp', page).html(Globalize.translate('LabelRecurringDonationCanBeCancelledHelp'));
         },
 
-    validateFeature: function () {
+        validateFeature: function (name) {
+
             var deferred = DeferredBuilder.Deferred();
+
+            if (name == 'playback') {
+                validatePlayback(deferred);
+            } else if (name == 'livetv') {
                 deferred.resolve();
+            } else {
+                deferred.resolve();
+            }
+
             return deferred.promise();
         }
     };
+
+})();

dashboard-ui/scripts/sections.js

@@ -129,7 +129,7 @@
         });
     }
 
-    function loadRecentlyAdded(elem, user, context) {
+    function loadRecentlyAdded(elem, user) {
 
         var limit = AppInfo.hasLowImageBandwidth ?
          16 :
@@ -161,7 +161,6 @@
                     items: items,
                     preferThumb: true,
                     shape: 'backdrop',
-                    context: context || 'home',
                     showUnplayedIndicator: false,
                     showChildCountIndicator: true,
                     lazy: true,
@@ -308,7 +307,6 @@
                     overlayText: screenWidth >= 800 && !cardLayout,
                     showTitle: true,
                     showParentTitle: true,
-                    context: 'home',
                     lazy: true,
                     cardLayout: cardLayout,
                     showDetailsMenu: true,
@@ -395,7 +393,7 @@
                 html += '<div>';
                 var text = Globalize.translate('HeaderLatestFromChannel').replace('{0}', channel.Name);
                 html += '<h1 style="display:inline-block; vertical-align:middle;" class="listHeader">' + text + '</h1>';
-                html += '<a href="channelitems.html?context=channels&id=' + channel.Id + '" class="clearLink" style="margin-left:2em;"><paper-button raised class="more mini"><span>' + Globalize.translate('ButtonMore') + '</span></paper-button></a>';
+                html += '<a href="channelitems.html?id=' + channel.Id + '" class="clearLink" style="margin-left:2em;"><paper-button raised class="more mini"><span>' + Globalize.translate('ButtonMore') + '</span></paper-button></a>';
                 html += '</div>';
 
                 html += '<div class="itemsContainer">';
@@ -405,7 +403,6 @@
                     defaultShape: 'square',
                     showTitle: true,
                     centerText: true,
-                    context: 'channels',
                     lazy: true,
                     showDetailsMenu: true,
                     overlayPlayButton: true
@@ -440,7 +437,7 @@
 
                 html += '<div>';
                 html += '<h1 style="display:inline-block; vertical-align:middle;" class="' + cssClass + '">' + Globalize.translate('HeaderLatestTvRecordings') + '</h1>';
-                html += '<a href="livetvrecordings.html?context=livetv" class="clearLink" style="margin-left:2em;"><paper-button raised class="more mini"><span>' + Globalize.translate('ButtonMore') + '</span></paper-button></a>';
+                html += '<a href="livetvrecordings.html" class="clearLink" style="margin-left:2em;"><paper-button raised class="more mini"><span>' + Globalize.translate('ButtonMore') + '</span></paper-button></a>';
                 html += '</div>';
             }
 

dashboard-ui/scripts/site.js

@@ -1660,7 +1660,6 @@ var AppInfo = {};
 
             if (isCordova) {
                 AppInfo.enableBottomTabs = true;
-                AppInfo.cardMargin = 'mediumCardMargin';
                 //AppInfo.enableSectionTransitions = true;
 
             } else {