Migration of toast and upnextdialog to ES6 modules

package.json

@@ -156,6 +156,8 @@
           "src/components/syncPlay/playbackPermissionManager.js",
           "src/components/syncPlay/syncPlayManager.js",
           "src/components/syncPlay/timeSyncManager.js",
+          "src/components/toast/toast.js",
+          "src/components/upnextdialog/upnextdialog.js",
           "src/controllers/session/addServer/index.js",
           "src/controllers/session/forgotPassword/index.js",
           "src/controllers/session/redeemPassword/index.js",

src/components/toast/toast.js

@@ -1,14 +1,13 @@
-define(['css!./toast'], function () {
+import 'css!./toast';
-    'use strict';
 
-    function remove(elem) {
+function remove(elem) {
 
     setTimeout(function () {
         elem.parentNode.removeChild(elem);
     }, 300);
-    }
+}
 
-    function animateRemove(elem) {
+function animateRemove(elem) {
 
     setTimeout(function () {
 
@@ -16,9 +15,9 @@ define(['css!./toast'], function () {
         remove(elem);
 
     }, 3300);
-    }
+}
 
-    return function (options) {
+export default function (options) {
 
     if (typeof options === 'string') {
         options = {
@@ -38,5 +37,4 @@ define(['css!./toast'], function () {
         animateRemove(elem);
 
     }, 300);
-    };
+}
-});

src/components/upnextdialog/upnextdialog.js

@@ -1,5 +1,17 @@
-define(['dom', 'playbackManager', 'connectionManager', 'events', 'mediaInfo', 'layoutManager', 'focusManager', 'globalize', 'itemHelper', 'css!./upnextdialog', 'emby-button', 'flexStyles'], function (dom, playbackManager, connectionManager, events, mediaInfo, layoutManager, focusManager, globalize, itemHelper) {
+import dom from 'dom';
-    'use strict';
+import playbackManager from 'playbackManager';
+import connectionManager from 'connectionManager';
+import events from 'events';
+import mediaInfo from 'mediaInfo';
+import layoutManager from 'layoutManager';
+import focusManager from 'focusManager';
+import globalize from 'globalize';
+import itemHelper from 'itemHelper';
+import 'css!./upnextdialog';
+import 'emby-button';
+import 'flexStyles';
+
+/* eslint-disable indent */
 
     var transitionEndEventName = dom.whichTransitionEvent();
 
@@ -289,14 +301,14 @@ define(['dom', 'playbackManager', 'connectionManager', 'events', 'mediaInfo', 'l
         instance._countdownTextTimeout = setInterval(setNextVideoText.bind(instance), 400);
     }
 
-    function UpNextDialog(options) {
+class UpNextDialog {
+    constructor(options) {
 
         this.options = options;
 
         init(this, options);
     }
-
+    show() {
-    UpNextDialog.prototype.show = function () {
 
         var elem = this.options.parent;
 
@@ -316,20 +328,20 @@ define(['dom', 'playbackManager', 'connectionManager', 'events', 'mediaInfo', 'l
         }
 
         startComingUpNextHideTimer(this);
-    };
+    }
-
+    hide() {
-    UpNextDialog.prototype.hide = function () {
 
         hideComingUpNext.call(this);
-    };
+    }
-
+    destroy() {
-    UpNextDialog.prototype.destroy = function () {
 
         hideComingUpNext.call(this);
 
         this.options = null;
         this.itemType = null;
-    };
+    }
+}
 
-    return UpNextDialog;
+export default UpNextDialog;
-});
+
+/* eslint-enable indent */