Migrated livetvsuggested.js to es6 module

package.json

@@ -206,6 +206,7 @@
           "src/controllers/playback/video/index.js",
           "src/controllers/searchpage.js",
           "src/controllers/livetvtuner.js",
+          "src/controllers/livetvsuggested.js",
           "src/controllers/livetvstatus.js",
           "src/controllers/shows/episodes.js",
           "src/controllers/shows/tvgenres.js",

src/controllers/livetv/livetvsuggested.js

@@ -1,35 +1,45 @@
-define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize', 'libraryBrowser', 'mainTabsManager', 'cardBuilder', 'apphost', 'imageLoader', 'scrollStyles', 'emby-itemscontainer', 'emby-tabs', 'emby-button'], function (layoutManager, userSettings, inputManager, loading, globalize, libraryBrowser, mainTabsManager, cardBuilder, appHost, imageLoader) {
+import layoutManager from 'layoutManager';
-    'use strict';
+import * as userSettings from 'userSettings';
+import inputManager from 'inputManager';
+import loading from 'loading';
+import globalize from 'globalize';
+import * as mainTabsManager from 'mainTabsManager';
+import cardBuilder from 'cardBuilder';
+import imageLoader from 'imageLoader';
+import 'scrollStyles';
+import 'emby-itemscontainer';
+import 'emby-tabs';
+import 'emby-button';
 
-    function enableScrollX() {
+function enableScrollX() {
     return !layoutManager.desktop;
-    }
+}
 
-    function getBackdropShape() {
+function getBackdropShape() {
     if (enableScrollX()) {
         return 'overflowBackdrop';
     }
     return 'backdrop';
-    }
+}
 
-    function getPortraitShape() {
+function getPortraitShape() {
     if (enableScrollX()) {
         return 'overflowPortrait';
     }
     return 'portrait';
-    }
+}
 
-    function getLimit() {
+function getLimit() {
     if (enableScrollX()) {
         return 12;
     }
 
     return 9;
-    }
+}
 
-    function loadRecommendedPrograms(page) {
+function loadRecommendedPrograms(page) {
     loading.show();
-        var limit = getLimit();
+    let limit = getLimit();
 
     if (enableScrollX()) {
         limit *= 2;
@@ -50,13 +60,13 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
         });
         loading.hide();
 
-            require(['autoFocuser'], function (autoFocuser) {
+        import('autoFocuser').then(({default: autoFocuser}) => {
             autoFocuser.autoFocus(page);
         });
     });
-    }
+}
 
-    function reload(page, enableFullRender) {
+function reload(page, enableFullRender) {
     if (enableFullRender) {
         loadRecommendedPrograms(page);
         ApiClient.getLiveTvPrograms({
@@ -127,10 +137,10 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
             });
         });
     }
-    }
+}
 
-    function renderItems(page, items, sectionClass, overlayButton, cardOptions) {
+function renderItems(page, items, sectionClass, overlayButton, cardOptions) {
-        var html = cardBuilder.getCardsHtml(Object.assign({
+    const html = cardBuilder.getCardsHtml(Object.assign({
         items: items,
         preferThumb: 'auto',
         inheritThumb: false,
@@ -149,12 +159,12 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
         showAirTime: true,
         showAirDateTime: true
     }, cardOptions || {}));
-        var elem = page.querySelector('.' + sectionClass);
+    const elem = page.querySelector('.' + sectionClass);
     elem.innerHTML = html;
     imageLoader.lazyChildren(elem);
-    }
+}
 
-    function getTabs() {
+function getTabs() {
     return [{
         name: globalize.translate('Programs')
     }, {
@@ -171,9 +181,9 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
         name: globalize.translate('ButtonSearch'),
         cssClass: 'searchTabButton'
     }];
-    }
+}
 
-    function setScrollClasses(elem, scrollX) {
+function setScrollClasses(elem, scrollX) {
     if (scrollX) {
         elem.classList.add('hiddenScrollX');
 
@@ -189,17 +199,17 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
         elem.classList.remove('scrollX');
         elem.classList.add('vertical-wrap');
     }
-    }
+}
 
-    function getDefaultTabIndex(folderId) {
+function getDefaultTabIndex(folderId) {
     if (userSettings.get('landing-' + folderId) === 'guide') {
         return 1;
     }
 
     return 0;
-    }
+}
 
-    return function (view, params) {
+export default function (view, params) {
     function enableFullRender() {
         return new Date().getTime() - lastFullRender > 3e5;
     }
@@ -209,7 +219,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
     }
 
     function onTabChange(evt) {
-            var previousTabController = tabControllers[parseInt(evt.detail.previousIndex)];
+        const previousTabController = tabControllers[parseInt(evt.detail.previousIndex)];
 
         if (previousTabController && previousTabController.onHide) {
             previousTabController.onHide();
@@ -227,7 +237,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
     }
 
     function getTabController(page, index, callback) {
-            var depends = [];
+        const depends = [];
 
         // TODO int is a little hard to read
         switch (index) {
@@ -258,18 +268,18 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
                 depends.push('scripts/searchtab');
         }
 
-            require(depends, function (controllerFactory) {
+        import(depends).then(({default: controllerFactory}) => {
-                var tabContent;
+            let tabContent;
 
-                if (index == 0) {
+            if (index === 0) {
-                    tabContent = view.querySelector(".pageTabContent[data-index='" + index + "']");
+                tabContent = view.querySelector('.pageTabContent[data-index=\'' + index + '\']');
                 self.tabContent = tabContent;
             }
 
-                var controller = tabControllers[index];
+            let controller = tabControllers[index];
 
             if (!controller) {
-                    tabContent = view.querySelector(".pageTabContent[data-index='" + index + "']");
+                tabContent = view.querySelector('.pageTabContent[data-index=\'' + index + '\']');
 
                 if (index === 0) {
                     controller = self;
@@ -305,7 +315,7 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
         getTabController(page, index, function (controller) {
             initialTabIndex = null;
 
-                if (renderedTabs.indexOf(index) == -1) {
+            if (renderedTabs.indexOf(index) === -1) {
                 if (index === 1) {
                     renderedTabs.push(index);
                 }
@@ -326,13 +336,13 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
         }
     }
 
-        var isViewRestored;
+    let isViewRestored;
-        var self = this;
+    const self = this;
-        var currentTabIndex = parseInt(params.tab || getDefaultTabIndex('livetv'));
+    let currentTabIndex = parseInt(params.tab || getDefaultTabIndex('livetv'));
-        var initialTabIndex = currentTabIndex;
+    let initialTabIndex = currentTabIndex;
-        var lastFullRender = 0;
+    let lastFullRender = 0;
     [].forEach.call(view.querySelectorAll('.sectionTitleTextButton-programs'), function (link) {
-            var href = link.href;
+        const href = link.href;
 
         if (href) {
             link.href = href + '&serverId=' + ApiClient.serverId();
@@ -340,16 +350,16 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
     });
 
     self.initTab = function () {
-            var tabContent = view.querySelector(".pageTabContent[data-index='0']");
+        const tabContent = view.querySelector('.pageTabContent[data-index=\'0\']');
-            var containers = tabContent.querySelectorAll('.itemsContainer');
+        const containers = tabContent.querySelectorAll('.itemsContainer');
 
-            for (var i = 0, length = containers.length; i < length; i++) {
+        for (let i = 0, length = containers.length; i < length; i++) {
             setScrollClasses(containers[i], enableScrollX());
         }
     };
 
     self.renderTab = function () {
-            var tabContent = view.querySelector(".pageTabContent[data-index='0']");
+        const tabContent = view.querySelector('.pageTabContent[data-index=\'0\']');
 
         if (enableFullRender()) {
             reload(tabContent, true);
@@ -359,9 +369,9 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
         }
     };
 
-        var currentTabController;
+    let currentTabController;
-        var tabControllers = [];
+    const tabControllers = [];
-        var renderedTabs = [];
+    const renderedTabs = [];
     view.addEventListener('viewbeforeshow', function (evt) {
         isViewRestored = evt.detail.isRestored;
         initTabs();
@@ -375,19 +385,18 @@ define(['layoutManager', 'userSettings', 'inputManager', 'loading', 'globalize',
 
         inputManager.on(window, onInputCommand);
     });
-        view.addEventListener('viewbeforehide', function (e) {
+    view.addEventListener('viewbeforehide', function () {
         if (currentTabController && currentTabController.onHide) {
             currentTabController.onHide();
         }
 
         inputManager.off(window, onInputCommand);
     });
-        view.addEventListener('viewdestroy', function (evt) {
+    view.addEventListener('viewdestroy', function () {
         tabControllers.forEach(function (tabController) {
             if (tabController.destroy) {
                 tabController.destroy();
             }
         });
     });
-    };
+}
-});