move emby-webcomponents to components and reflect paths

src/components/loadingdialog/loadingdialog.js

@@ -0,0 +1,101 @@
+define(['loading', 'events', 'dialogHelper', 'dom', 'layoutManager', 'scrollHelper', 'globalize', 'require', 'material-icons', 'emby-button', 'paper-icon-button-light', 'emby-input', 'formDialogStyle', 'flexStyles'], function (loading, events, dialogHelper, dom, layoutManager, scrollHelper, globalize, require) {
+    'use strict';
+
+    function showDialog(instance, options, template) {
+
+        var dialogOptions = {
+            removeOnClose: true,
+            scrollY: false
+        };
+
+        var enableTvLayout = layoutManager.tv;
+
+        if (enableTvLayout) {
+            dialogOptions.size = 'fullscreen';
+        }
+
+        var dlg = dialogHelper.createDialog(dialogOptions);
+
+        var configuredButtons = [];
+
+        dlg.classList.add('formDialog');
+
+        dlg.innerHTML = globalize.translateHtml(template, 'core');
+
+        dlg.classList.add('align-items-center');
+        dlg.classList.add('justify-items-center');
+
+        var formDialogContent = dlg.querySelector('.formDialogContent');
+        formDialogContent.style['flex-grow'] = 'initial';
+        formDialogContent.style['max-width'] = '50%';
+        formDialogContent.style['max-height'] = '60%';
+
+        if (enableTvLayout) {
+            scrollHelper.centerFocus.on(formDialogContent, false);
+            dlg.querySelector('.formDialogHeader').style.marginTop = '15%';
+        } else {
+            dlg.classList.add('dialog-fullscreen-lowres');
+        }
+
+        //dlg.querySelector('.btnCancel').addEventListener('click', function (e) {
+        //    dialogHelper.close(dlg);
+        //});
+
+        dlg.querySelector('.formDialogHeaderTitle').innerHTML = options.title;
+
+        dlg.querySelector('.text').innerHTML = options.text;
+
+        instance.dlg = dlg;
+
+        return dialogHelper.open(dlg).then(function () {
+
+            if (enableTvLayout) {
+                scrollHelper.centerFocus.off(dlg.querySelector('.formDialogContent'), false);
+            }
+
+            loading.hide();
+        });
+    }
+
+    function LoadingDialog(options) {
+
+        this.options = options;
+    }
+
+    LoadingDialog.prototype.show = function () {
+
+        var instance = this;
+        loading.show();
+
+        return new Promise(function (resolve, reject) {
+            require(['text!./../dialog/dialog.template.html'], function (template) {
+                showDialog(instance, instance.options, template);
+                resolve();
+            });
+        });
+    };
+
+    LoadingDialog.prototype.setTitle = function (title) {
+
+    };
+
+    LoadingDialog.prototype.setText = function (text) {
+
+    };
+
+    LoadingDialog.prototype.hide = function () {
+
+        if (this.dlg) {
+            dialogHelper.close(this.dlg);
+            this.dlg = null;
+        }
+    };
+
+    LoadingDialog.prototype.destroy = function () {
+
+        this.dlg = null;
+        this.options = null;
+    };
+
+    return LoadingDialog;
+});