update script dependencies

dashboard-ui/scripts/alphapicker.js

@@ -1,4 +1,4 @@
-(function (window, document, $) {
+define(['jQuery'], function ($) {
 
     function getPickerHtml() {
 
@@ -110,4 +110,4 @@
         return this.alphaValue('');
     };
 
-})(window, document, jQuery);
+});

dashboard-ui/scripts/appservices.js

@@ -1,4 +1,4 @@
-(function ($, document) {
+define(['jQuery'], function ($) {
 
     function reloadList(page) {
 
@@ -105,4 +105,4 @@
         reloadList(page);
     });
 
-})(jQuery, document);
+});

dashboard-ui/scripts/editorsidebar.js

@@ -1,4 +1,4 @@
-(function ($, document, window) {
+define(['jQuery'], function ($) {
 
     function getNode(item, folderState, selected) {
 
@@ -463,4 +463,4 @@
         setCurrentItemId: setCurrentItemId
     };
 
-})(jQuery, document, window);
+});

dashboard-ui/scripts/externalplayer.js

@@ -1,4 +1,4 @@
-define(['appSettings', 'paper-slider', 'paper-button'], function (appSettings) {
+define(['appSettings', 'jQuery', 'paper-slider', 'paper-button'], function (appSettings, $) {
 
     function getDeviceProfile(serverAddress, deviceId, item, startPositionTicks, maxBitrate, mediaSourceId, audioStreamIndex, subtitleStreamIndex) {
 

dashboard-ui/scripts/favorites.js

@@ -1,198 +1,197 @@
-(function ($, document) {
+define(['libraryBrowser'], function (libraryBrowser) {
-
+
-    function enableScrollX() {
+    function enableScrollX() {
-        return browserInfo.mobile && AppInfo.enableAppLayouts;
+        return browserInfo.mobile && AppInfo.enableAppLayouts;
-    }
+    }
-
+
-    function getThumbShape() {
+    function getThumbShape() {
-        return enableScrollX() ? 'overflowBackdrop' : 'backdrop';
+        return enableScrollX() ? 'overflowBackdrop' : 'backdrop';
-    }
+    }
-
+
-    function getPosterShape() {
+    function getPosterShape() {
-        return enableScrollX() ? 'overflowPortrait' : 'portrait';
+        return enableScrollX() ? 'overflowPortrait' : 'portrait';
-    }
+    }
-
+
-    function getSquareShape() {
+    function getSquareShape() {
-        return enableScrollX() ? 'overflowSquare' : 'square';
+        return enableScrollX() ? 'overflowSquare' : 'square';
-    }
+    }
-
+
-    function getSections() {
+    function getSections() {
-
+
-        return [
+        return [
-            { name: 'HeaderFavoriteMovies', types: "Movie", id: "favoriteMovies", shape: getPosterShape(), showTitle: false, overlayPlayButton: true },
+            { name: 'HeaderFavoriteMovies', types: "Movie", id: "favoriteMovies", shape: getPosterShape(), showTitle: false, overlayPlayButton: true },
-            { name: 'HeaderFavoriteShows', types: "Series", id: "favoriteShows", shape: getPosterShape(), showTitle: false, overlayPlayButton: true },
+            { name: 'HeaderFavoriteShows', types: "Series", id: "favoriteShows", shape: getPosterShape(), showTitle: false, overlayPlayButton: true },
-            { name: 'HeaderFavoriteEpisodes', types: "Episode", id: "favoriteEpisode", shape: getThumbShape(), preferThumb: false, showTitle: true, showParentTitle: true, overlayPlayButton: true },
+            { name: 'HeaderFavoriteEpisodes', types: "Episode", id: "favoriteEpisode", shape: getThumbShape(), preferThumb: false, showTitle: true, showParentTitle: true, overlayPlayButton: true },
-            { name: 'HeaderFavoriteGames', types: "Game", id: "favoriteGames", shape: getSquareShape(), preferThumb: false, showTitle: true },
+            { name: 'HeaderFavoriteGames', types: "Game", id: "favoriteGames", shape: getSquareShape(), preferThumb: false, showTitle: true },
-            { name: 'HeaderFavoriteArtists', types: "MusicArtist", id: "favoriteArtists", shape: getSquareShape(), preferThumb: false, showTitle: true, overlayText: false, showParentTitle: true, centerText: true, overlayPlayButton: true },
+            { name: 'HeaderFavoriteArtists', types: "MusicArtist", id: "favoriteArtists", shape: getSquareShape(), preferThumb: false, showTitle: true, overlayText: false, showParentTitle: true, centerText: true, overlayPlayButton: true },
-            { name: 'HeaderFavoriteAlbums', types: "MusicAlbum", id: "favoriteAlbums", shape: getSquareShape(), preferThumb: false, showTitle: true, overlayText: false, showParentTitle: true, centerText: true, overlayPlayButton: true },
+            { name: 'HeaderFavoriteAlbums', types: "MusicAlbum", id: "favoriteAlbums", shape: getSquareShape(), preferThumb: false, showTitle: true, overlayText: false, showParentTitle: true, centerText: true, overlayPlayButton: true },
-            { name: 'HeaderFavoriteSongs', types: "Audio", id: "favoriteSongs", shape: getSquareShape(), preferThumb: false, showTitle: true, overlayText: false, showParentTitle: true, centerText: true, overlayMoreButton: true, defaultAction: 'instantmix' }
+            { name: 'HeaderFavoriteSongs', types: "Audio", id: "favoriteSongs", shape: getSquareShape(), preferThumb: false, showTitle: true, overlayText: false, showParentTitle: true, centerText: true, overlayMoreButton: true, defaultAction: 'instantmix' }
-        ];
+        ];
-    }
+    }
-
+
     function loadSection(elem, userId, topParentId, section, isSingleSection) {
-
+
-        var screenWidth = $(window).width();
+        var screenWidth = window.innerWidth;
-
+
        var options = {
-        var options = {
+
-
+            SortBy: "SortName",
-            SortBy: "SortName",
+            SortOrder: "Ascending",
-            SortOrder: "Ascending",
+            Filters: "IsFavorite",
-            Filters: "IsFavorite",
+            Recursive: true,
-            Recursive: true,
+            Fields: "PrimaryImageAspectRatio,SyncInfo",
-            Fields: "PrimaryImageAspectRatio,SyncInfo",
+            CollapseBoxSetItems: false,
-            CollapseBoxSetItems: false,
+            ExcludeLocationTypes: "Virtual"
-            ExcludeLocationTypes: "Virtual"
+        };
-        };
+
-
+        if (topParentId) {
-        if (topParentId) {
+            options.ParentId = topParentId;
-            options.ParentId = topParentId;
+        }
-        }
+
-
+        if (!isSingleSection) {
-        if (!isSingleSection) {
+            options.Limit = screenWidth >= 1920 ? 10 : (screenWidth >= 1440 ? 8 : 6);
-            options.Limit = screenWidth >= 1920 ? 10 : (screenWidth >= 1440 ? 8 : 6);
+
-
+            if (enableScrollX()) {
-            if (enableScrollX()) {
+                options.Limit = 16;
-                options.Limit = 16;
+            }
-            }
+        }
-        }
+
-
+        var promise;
-        var promise;
+        if (section.types == 'MusicArtist') {
-        if (section.types == 'MusicArtist') {
+            promise = ApiClient.getArtists(userId, options);
-            promise = ApiClient.getArtists(userId, options);
+        } else {
-        } else {
+
-
+            options.IncludeItemTypes = section.types;
-            options.IncludeItemTypes = section.types;
+            promise = ApiClient.getItems(userId, options);
-            promise = ApiClient.getItems(userId, options);
+        }
-        }
+
-
+        return promise.then(function (result) {
-        return promise.then(function (result) {
+
-
+            var html = '';
-            var html = '';
+
-
+            if (result.Items.length) {
-            if (result.Items.length) {
+
-
+                html += '<div>';
-                html += '<div>';
+                html += '<h1 style="display:inline-block; vertical-align:middle;" class="listHeader">' + Globalize.translate(section.name) + '</h1>';
-                html += '<h1 style="display:inline-block; vertical-align:middle;" class="listHeader">' + Globalize.translate(section.name) + '</h1>';
+
-
+                if (result.TotalRecordCount > result.Items.length) {
-                if (result.TotalRecordCount > result.Items.length) {
+                    var href = "secondaryitems.html?type=" + section.types + "&filters=IsFavorite&titlekey=" + section.name;
-                    var href = "secondaryitems.html?type=" + section.types + "&filters=IsFavorite&titlekey=" + section.name;
+
-
+                    html += '<a class="clearLink" href="' + href + '" style="margin-left:2em;"><paper-button raised class="more mini">' + Globalize.translate('ButtonMore') + '</paper-button></a>';
-                    html += '<a class="clearLink" href="' + href + '" style="margin-left:2em;"><paper-button raised class="more mini">' + Globalize.translate('ButtonMore') + '</paper-button></a>';
+                }
-                }
+
-
+                html += '</div>';
-                html += '</div>';
+
-
+                if (enableScrollX()) {
-                if (enableScrollX()) {
+                    html += '<div class="itemsContainer hiddenScrollX">';
-                    html += '<div class="itemsContainer hiddenScrollX">';
+                } else {
-                } else {
+                    html += '<div class="itemsContainer">';
-                    html += '<div class="itemsContainer">';
+                }
-                }
+
-
+                html += libraryBrowser.getPosterViewHtml({
-                html += LibraryBrowser.getPosterViewHtml({
+                    items: result.Items,
-                    items: result.Items,
+                    preferThumb: section.preferThumb,
-                    preferThumb: section.preferThumb,
+                    shape: section.shape,
-                    shape: section.shape,
+                    overlayText: section.overlayText !== false,
-                    overlayText: section.overlayText !== false,
+                    showTitle: section.showTitle,
-                    showTitle: section.showTitle,
+                    showParentTitle: section.showParentTitle,
-                    showParentTitle: section.showParentTitle,
+                    lazy: true,
-                    lazy: true,
+                    showDetailsMenu: true,
-                    showDetailsMenu: true,
+                    centerText: section.centerText,
-                    centerText: section.centerText,
+                    overlayPlayButton: section.overlayPlayButton,
-                    overlayPlayButton: section.overlayPlayButton,
+                    overlayMoreButton: section.overlayMoreButton,
-                    overlayMoreButton: section.overlayMoreButton,
+                    context: 'home-favorites',
-                    context: 'home-favorites',
+                    defaultAction: section.defaultAction
-                    defaultAction: section.defaultAction
+                });
-                });
+
-
+                html += '</div>';
-                html += '</div>';
+            }
-            }
+
-
+            elem.innerHTML = html;
-            elem.innerHTML = html;
+            ImageLoader.lazyChildren(elem);
-            ImageLoader.lazyChildren(elem);
+            libraryBrowser.createCardMenus(elem);
-            $(elem).createCardMenus();
+        });
-        });
+    }
-    }
+
-
+    function loadSections(page, userId, topParentId, types) {
-    function loadSections(page, userId, topParentId, types) {
+
-
+        Dashboard.showLoadingMsg();
-        Dashboard.showLoadingMsg();
+
-
+        var sections = getSections();
-        var sections = getSections();
+
-
+        var sectionid = getParameterByName('sectionid');
-        var sectionid = getParameterByName('sectionid');
+
-
+        if (sectionid) {
-        if (sectionid) {
+            sections = sections.filter(function (s) {
-            sections = sections.filter(function (s) {
+
-
+                return s.id == sectionid;
-                return s.id == sectionid;
+            });
-            });
+        }
-        }
+
-
+        if (types) {
-        if (types) {
+            sections = sections.filter(function (s) {
-            sections = sections.filter(function (s) {
+
-
+                return types.indexOf(s.id) != -1;
-                return types.indexOf(s.id) != -1;
+            });
-            });
+        }
-        }
+
-
+        var i, length;
-        var i, length;
+
-
+        var elem = page.querySelector('.favoriteSections');
-        var elem = page.querySelector('.favoriteSections');
+
-
+        if (!elem.innerHTML) {
-        if (!elem.innerHTML) {
+            var html = '';
-            var html = '';
+            for (i = 0, length = sections.length; i < length; i++) {
-            for (i = 0, length = sections.length; i < length; i++) {
+
-
+                html += '<div class="homePageSection section' + sections[i].id + '"></div>';
-                html += '<div class="homePageSection section' + sections[i].id + '"></div>';
+            }
-            }
+
-
+            elem.innerHTML = html;
-            elem.innerHTML = html;
+        }
-        }
+
-
+        var promises = [];
-        var promises = [];
+
-
+        for (i = 0, length = sections.length; i < length; i++) {
-        for (i = 0, length = sections.length; i < length; i++) {
+
-
+            var section = sections[i];
-            var section = sections[i];
+
-
+            elem = page.querySelector('.section' + section.id);
-            elem = page.querySelector('.section' + section.id);
+
-
+            promises.push(loadSection(elem, userId, topParentId, section, sections.length == 1));
-            promises.push(loadSection(elem, userId, topParentId, section, sections.length == 1));
+        }
-        }
+
-
+        Promise.all(promises).then(function () {
-        Promise.all(promises).then(function () {
+            Dashboard.hideLoadingMsg();
-            Dashboard.hideLoadingMsg();
+
-
+            libraryBrowser.setLastRefreshed(page);
-            LibraryBrowser.setLastRefreshed(page);
+        });
-        });
+    }
-    }
+
-
+    function initHomePage() {
-    function initHomePage() {
+
-
+        if (window.HomePage) {
-        if (window.HomePage) {
+            window.HomePage.renderFavorites = function (page, tabContent) {
-            window.HomePage.renderFavorites = function (page, tabContent) {
+                if (libraryBrowser.needsRefresh(tabContent)) {
-                if (LibraryBrowser.needsRefresh(tabContent)) {
+                    loadSections(tabContent, Dashboard.getCurrentUserId());
-                    loadSections(tabContent, Dashboard.getCurrentUserId());
+                }
-                }
+            };
-            };
+        }
-        }
+    }
-    }
+
-
+    initHomePage();
-    initHomePage();
+
-
+    pageIdOn('pageinit', "indexPage", initHomePage);
-    pageIdOn('pageinit', "indexPage", initHomePage);
+
-
+    pageIdOn('pagebeforeshow', "favoritesPage", function () {
-    pageIdOn('pagebeforeshow', "favoritesPage", function () {
+
-
+        var page = this;
-        var page = this;
+
-
+        if (libraryBrowser.needsRefresh(page)) {
-        if (LibraryBrowser.needsRefresh(page)) {
+            loadSections(page, Dashboard.getCurrentUserId());
-            loadSections(page, Dashboard.getCurrentUserId());
+        }
-        }
+    });
-    });
+
-
+    window.FavoriteItems = {
-    window.FavoriteItems = {
+        render: loadSections
-        render: loadSections
+    };
-    };
+
-
+});
-})(jQuery, document);

dashboard-ui/scripts/htmlmediarenderer.js

@@ -1,4 +1,4 @@
-(function () {
+define(['jQuery'], function ($) {
 
     var supportsTextTracks;
     var hlsPlayer;
@@ -781,4 +781,4 @@
         };
     }
 
-})();
+});

dashboard-ui/scripts/librarybrowser.js

@@ -84,7 +84,7 @@
 
                     values = JSON.parse(values);
 
-                    return $.extend(query, values);
+                    return Object.assign(query, values);
                 }
 
                 return query;
@@ -492,7 +492,7 @@
 
                 if (window.location.href.toLowerCase().indexOf(url.toLowerCase()) != -1) {
 
-                    afterNavigate.call($($.mobile.activePage)[0]);
+                    afterNavigate.call($.mobile.activePage);
                 } else {
                     $(document).one('pagebeforeshow', '.page', afterNavigate);
                     Dashboard.navigate(url);
@@ -1581,7 +1581,7 @@
                 return !item.CollectionType && invalidTypes.indexOf(item.Type) == -1 && item.MediaType != 'Photo';
             },
 
-            enableSync: function(item, user) {
+            enableSync: function (item, user) {
                 if (AppInfo.isNativeApp && !Dashboard.capabilities().SupportsSync) {
                     return false;
                 }
@@ -2805,11 +2805,6 @@
 
             },
 
-            openViewPanel: function (btn, className) {
-
-                $('.' + className, jQuery(btn).parents('.page')).removeClass('hide').panel('toggle');
-            },
-
             getQueryPagingHtml: function (options) {
 
                 var startIndex = options.startIndex;
@@ -2862,14 +2857,6 @@
                         html += '<paper-icon-button class="btnSort" title="' + Globalize.translate('ButtonSort') + '" icon="sort-by-alpha"></paper-icon-button>';
                     }
 
-                    if (options.viewButton) {
-
-                        //html += '<paper-button raised class="subdued notext"><iron-icon icon="view-comfy"></iron-icon></paper-button>';
-                        var viewPanelClass = options.viewPanelClass || 'viewPanel';
-                        var title = options.viewIcon == 'filter-list' ? Globalize.translate('ButtonFilter') : Globalize.translate('ButtonMenu');
-                        html += '<paper-icon-button title="' + title + '" icon="' + (options.viewIcon || AppInfo.moreIcon) + '" onclick="LibraryBrowser.openViewPanel(this, \'' + viewPanelClass + '\');"></paper-icon-button>';
-                    }
-
                     if (options.filterButton) {
 
                         html += '<paper-icon-button class="btnFilter" title="' + Globalize.translate('ButtonFilter') + '" icon="filter-list"></paper-icon-button>';
@@ -2953,11 +2940,11 @@
 
                     // Seeing an issue in Firefox and IE where it's initially visible in the bottom right, then moves to the center
                     var delay = browserInfo.animate ? 0 : 100;
-                    setTimeout(function() {
+                    setTimeout(function () {
                         paperDialogHelper.open(dlg);
                     }, delay);
 
-                    $('.groupSortBy', dlg).on('iron-select', function () {
+                    dlg.querySelector('.groupSortBy').addEventListener('iron-select', function () {
 
                         var newValue = this.selected.replace('_', ',');
                         var changed = options.query.SortBy != newValue;
@@ -2970,7 +2957,7 @@
                         }
                     });
 
-                    $('.groupSortOrder', dlg).on('iron-select', function () {
+                    dlg.querySelector('.groupSortOrder').addEventListener('iron-select', function () {
 
                         var newValue = this.selected;
                         var changed = options.query.SortOrder != newValue;

dashboard-ui/scripts/livetvtunerprovider-hdhomerun.js

@@ -1,4 +1,4 @@
-(function ($, document, window) {
+define(['jQuery'], function ($) {
 
     function reload(page, providerId) {
 
@@ -75,4 +75,4 @@
         reload(page, providerId);
     });
 
-})(jQuery, document, window);
+});

dashboard-ui/scripts/livetvtunerprovider-m3u.js

@@ -1,4 +1,4 @@
-(function ($, document, window) {
+define(['jQuery'], function ($) {
 
     function reload(page, providerId) {
 
@@ -87,4 +87,4 @@
         reload(page, providerId);
     });
 
-})(jQuery, document, window);
+});

dashboard-ui/scripts/livetvtunerprovider-satip.js

@@ -1,4 +1,4 @@
-(function ($, document, window) {
+define(['jQuery'], function ($) {
 
     function reload(page, providerId) {
 
@@ -110,4 +110,4 @@
         reload(page, providerId);
     });
 
-})(jQuery, document, window);
+});

dashboard-ui/scripts/mediaplayer-video.js

@@ -1,4 +1,4 @@
-define(['appSettings'], function (appSettings) {
+define(['appSettings', 'jQuery'], function (appSettings, $) {
 
     function createVideoPlayer(self) {
 

dashboard-ui/scripts/mediaplayer.js

@@ -1598,7 +1598,7 @@ define(['appSettings', 'userSettings', 'appStorage'], function (appSettings, use
                 NowPlayingItem: state.NowPlayingItem
             };
 
-            info = $.extend(info, state.PlayState);
+            info = Object.assign(info, state.PlayState);
             console.log('repeat mode ' + info.RepeatMode);
             ApiClient.reportPlaybackProgress(info);
         }

dashboard-ui/scripts/nowplayingbar.js

@@ -1,4 +1,4 @@
-define([], function () {
+define(['jQuery'], function ($) {
 
     var currentPlayer;
 

dashboard-ui/scripts/playlistedit.js

@@ -1,4 +1,4 @@
-define(['appStorage'], function (appStorage) {
+define(['appStorage', 'jQuery'], function (appStorage, $) {
 
     var data = {};
     function getPageData() {

dashboard-ui/scripts/ratingdialog.js

@@ -1,4 +1,4 @@
-(function (window, document, $) {
+define(['jQuery'], function ($) {
 
     window.RatingDialog = function (page) {
 
@@ -136,4 +136,4 @@
         }
     };
 
-})(window, document, jQuery);
+});

dashboard-ui/scripts/sync.js

@@ -1,4 +1,4 @@
-define([], function () {
+define(['jQuery'], function ($) {
 
     var currentDialogOptions;
 

dashboard-ui/scripts/taskbutton.js

@@ -1,4 +1,4 @@
-define(['appStorage'], function (appStorage) {
+define(['appStorage', 'jQuery'], function (appStorage, $) {
 
     $.fn.taskButton = function (options) {