Migration of tunerPicker to ES6 modules

package.json

@@ -172,6 +172,7 @@
           "src/components/tvproviders/schedulesdirect.js",
           "src/components/tvproviders/xmltv.js",
           "src/components/toast/toast.js",
+          "src/components/tunerPicker.js",
           "src/components/upnextdialog/upnextdialog.js",
           "src/components/viewContainer.js",
           "src/components/castSenderApi.js",

src/components/tunerPicker.js

@@ -1,14 +1,24 @@
-define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize', 'loading', 'browser', 'focusManager', 'scrollHelper', 'material-icons', 'formDialogStyle', 'emby-button', 'emby-itemscontainer', 'cardStyle'], function (dialogHelper, dom, layoutManager, connectionManager, globalize, loading, browser, focusManager, scrollHelper) {
+import dialogHelper from 'dialogHelper';
-    'use strict';
+import dom from 'dom';
+import layoutManager from 'layoutManager';
+import connectionManager from 'connectionManager';
+import globalize from 'globalize';
+import loading from 'loading';
+import browser from 'browser';
+import focusManager from 'focusManager';
+import scrollHelper from 'scrollHelper';
+import 'material-icons';
+import 'formDialogStyle';
+import 'emby-button';
+import 'emby-itemscontainer';
+import 'cardStyle';
 
-    browser = browser.default || browser;
+/*eslint prefer-const: "error"*/
-    loading = loading.default || loading;
-    focusManager = focusManager.default || focusManager;
 
-    var enableFocusTransform = !browser.slow && !browser.edge;
+const enableFocusTransform = !browser.slow && !browser.edge;
 
 function getEditorHtml() {
-        var html = '';
+    let html = '';
     html += '<div class="formDialogContent scrollY">';
     html += '<div class="dialogContentInner dialog-content-centered">';
     html += '<div class="loadingContent hide">';
@@ -23,12 +33,11 @@ define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize'
 }
 
 function getDeviceHtml(device) {
-        var padderClass;
+    let html = '';
-        var html = '';
+    let cssClass = 'card scalableCard';
-        var cssClass = 'card scalableCard';
+    const cardBoxCssClass = 'cardBox visualCardBox';
-        var cardBoxCssClass = 'cardBox visualCardBox';
     cssClass += ' backdropCard backdropCard-scalable';
-        padderClass = 'cardPadder-backdrop';
+    const padderClass = 'cardPadder-backdrop';
 
     // TODO move card creation code to Card component
 
@@ -79,9 +88,9 @@ define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize'
 }
 
 function renderDevices(view, devices) {
-        var i;
+    let i;
-        var length;
+    let length;
-        var html = '';
+    let html = '';
 
     for (i = 0, length = devices.length; i < length; i++) {
         html += getDeviceHtml(devices[i]);
@@ -94,7 +103,7 @@ define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize'
         view.querySelector('.devicesHeader').classList.add('hide');
     }
 
-        var elem = view.querySelector('.results');
+    const elem = view.querySelector('.results');
     elem.innerHTML = html;
 
     if (layoutManager.tv) {
@@ -117,7 +126,7 @@ define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize'
 
 function tunerPicker() {
     this.show = function (options) {
-            var dialogOptions = {
+        const dialogOptions = {
             removeOnClose: true,
             scrollY: false
         };
@@ -128,9 +137,9 @@ define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize'
             dialogOptions.size = 'small';
         }
 
-            var dlg = dialogHelper.createDialog(dialogOptions);
+        const dlg = dialogHelper.createDialog(dialogOptions);
         dlg.classList.add('formDialog');
-            var html = '';
+        let html = '';
         html += '<div class="formDialogHeader">';
         html += '<button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><span class="material-icons arrow_back"></span></button>';
         html += '<h3 class="formDialogHeaderTitle">';
@@ -142,12 +151,12 @@ define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize'
         dlg.querySelector('.btnCancel').addEventListener('click', function () {
             dialogHelper.close(dlg);
         });
-            var deviceResult;
+        let deviceResult;
         dlg.querySelector('.results').addEventListener('click', function (e) {
-                var tunerCard = dom.parentWithClass(e.target, 'card');
+            const tunerCard = dom.parentWithClass(e.target, 'card');
 
             if (tunerCard) {
-                    var deviceId = tunerCard.getAttribute('data-id');
+                const deviceId = tunerCard.getAttribute('data-id');
                 deviceResult = currentDevices.filter(function (d) {
                     return d.DeviceId === deviceId;
                 })[0];
@@ -159,7 +168,7 @@ define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize'
             scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
         }
 
-            var apiClient = connectionManager.getApiClient(options.serverId);
+        const apiClient = connectionManager.getApiClient(options.serverId);
         discoverDevices(dlg, apiClient);
 
         if (layoutManager.tv) {
@@ -176,6 +185,6 @@ define(['dialogHelper', 'dom', 'layoutManager', 'connectionManager', 'globalize'
     };
 }
 
-    var currentDevices = [];
+let currentDevices = [];
-    return tunerPicker;
+
-});
+export default tunerPicker;