move emby-webcomponents to components and reflect paths

2025-03-30 19:56:21 +00:00 · 2019-02-23 18:05:42 +00:00 · 2019-02-23 18:05:42 +00:00 · 6ddc62857d
commit 6ddc62857d
parent e91cbf8438
275 changed files with 20 additions and 20 deletions
--- a/src/components/dialog/dialog.js
+++ b/src/components/dialog/dialog.js
@ -0,0 +1,133 @@
+define(['dialogHelper', 'dom', 'layoutManager', 'scrollHelper', 'globalize', 'require', 'material-icons', 'emby-button', 'paper-icon-button-light', 'emby-input', 'formDialogStyle', 'flexStyles'], function (dialogHelper, dom, layoutManager, scrollHelper, globalize, require) {
+    'use strict';
+
+    function showDialog(options, template) {
+
+        var dialogOptions = {
+            removeOnClose: true,
+            scrollY: false
+        };
+
+        var enableTvLayout = layoutManager.tv;
+
+        if (enableTvLayout) {
+            dialogOptions.size = 'fullscreen';
+        }
+
+        var dlg = dialogHelper.createDialog(dialogOptions);
+
+        dlg.classList.add('formDialog');
+
+        dlg.innerHTML = globalize.translateHtml(template, 'core');
+
+        dlg.classList.add('align-items-center');
+        dlg.classList.add('justify-content-center');
+        var formDialogContent = dlg.querySelector('.formDialogContent');
+        formDialogContent.classList.add('no-grow');
+
+        if (enableTvLayout) {
+            formDialogContent.style['max-width'] = '50%';
+            formDialogContent.style['max-height'] = '60%';
+            scrollHelper.centerFocus.on(formDialogContent, false);
+        } else {
+            formDialogContent.style.maxWidth = (Math.min((options.buttons.length * 150) + 200, dom.getWindowSize().innerWidth - 50)) + 'px';
+            dlg.classList.add('dialog-fullscreen-lowres');
+        }
+
+        //dlg.querySelector('.btnCancel').addEventListener('click', function (e) {
+        //    dialogHelper.close(dlg);
+        //});
+
+        if (options.title) {
+            dlg.querySelector('.formDialogHeaderTitle').innerHTML = options.title || '';
+        } else {
+            dlg.querySelector('.formDialogHeaderTitle').classList.add('hide');
+        }
+
+        var displayText = options.html || options.text || '';
+        dlg.querySelector('.text').innerHTML = displayText;
+
+        if (!displayText) {
+            dlg.querySelector('.dialogContentInner').classList.add('hide');
+        }
+
+        var i, length;
+        var html = '';
+        var hasDescriptions = false;
+
+        for (i = 0, length = options.buttons.length; i < length; i++) {
+
+            var item = options.buttons[i];
+            var autoFocus = i === 0 ? ' autofocus' : '';
+
+            var buttonClass = 'btnOption raised formDialogFooterItem formDialogFooterItem-autosize';
+
+            if (item.type) {
+                buttonClass += ' button-' + item.type;
+            }
+
+            if (item.description) {
+                hasDescriptions = true;
+            }
+
+            if (hasDescriptions) {
+                buttonClass += ' formDialogFooterItem-vertical formDialogFooterItem-nomarginbottom';
+            }
+
+            html += '<button is="emby-button" type="button" class="' + buttonClass + '" data-id="' + item.id + '"' + autoFocus + '>' + item.name + '</button>';
+
+            if (item.description) {
+                html += '<div class="formDialogFooterItem formDialogFooterItem-autosize fieldDescription" style="margin-top:.25em!important;margin-bottom:1.25em!important;">' + item.description + '</div>';
+            }
+        }
+
+        dlg.querySelector('.formDialogFooter').innerHTML = html;
+
+        if (hasDescriptions) {
+            dlg.querySelector('.formDialogFooter').classList.add('formDialogFooter-vertical');
+        }
+
+        var dialogResult;
+        function onButtonClick() {
+            dialogResult = this.getAttribute('data-id');
+            dialogHelper.close(dlg);
+        }
+
+        var buttons = dlg.querySelectorAll('.btnOption');
+        for (i = 0, length = buttons.length; i < length; i++) {
+            buttons[i].addEventListener('click', onButtonClick);
+        }
+
+        return dialogHelper.open(dlg).then(function () {
+
+            if (enableTvLayout) {
+                scrollHelper.centerFocus.off(dlg.querySelector('.formDialogContent'), false);
+            }
+
+            if (dialogResult) {
+                return dialogResult;
+            } else {
+                return Promise.reject();
+            }
+        });
+    }
+
+    return function (text, title) {
+
+        var options;
+        if (typeof text === 'string') {
+            options = {
+                title: title,
+                text: text
+            };
+        } else {
+            options = text;
+        }
+
+        return new Promise(function (resolve, reject) {
+            require(['text!./dialog.template.html'], function (template) {
+                showDialog(options, template).then(resolve, reject);
+            });
+        });
+    };
+});