move emby-webcomponents to components and reflect paths

src/components/prompt/nativeprompt.js

@@ -0,0 +1,28 @@
+define([], function () {
+    'use strict';
+
+    function replaceAll(str, find, replace) {
+
+        return str.split(find).join(replace);
+    }
+
+    return function (options) {
+
+        if (typeof options === 'string') {
+            options = {
+                label: '',
+                text: options
+            };
+        }
+
+        var label = replaceAll(options.label || '', '<br/>', '\n');
+
+        var result = prompt(label, options.text || '');
+
+        if (result) {
+            return Promise.resolve(result);
+        } else {
+            return Promise.reject(result);
+        }
+    };
+});

src/components/prompt/prompt.js

@@ -0,0 +1,104 @@
+define(['dialogHelper', 'layoutManager', 'scrollHelper', 'globalize', 'dom', 'require', 'material-icons', 'emby-button', 'paper-icon-button-light', 'emby-input', 'formDialogStyle'], function (dialogHelper, layoutManager, scrollHelper, globalize, dom, require) {
+    'use strict';
+
+    function setInputProperties(dlg, options) {
+        var txtInput = dlg.querySelector('#txtInput');
+
+        if (txtInput.label) {
+            txtInput.label(options.label || '');
+        } else {
+            txtInput.setAttribute('label', options.label || '');
+        }
+        txtInput.value = options.value || '';
+    }
+
+    function showDialog(options, template) {
+
+        var dialogOptions = {
+            removeOnClose: true,
+            scrollY: false
+        };
+
+        if (layoutManager.tv) {
+            dialogOptions.size = 'fullscreen';
+        }
+
+        var dlg = dialogHelper.createDialog(dialogOptions);
+
+        dlg.classList.add('formDialog');
+
+        dlg.innerHTML = globalize.translateHtml(template, 'core');
+
+        if (layoutManager.tv) {
+            scrollHelper.centerFocus.on(dlg.querySelector('.formDialogContent'), false);
+        } else {
+            dlg.querySelector('.dialogContentInner').classList.add('dialogContentInner-mini');
+            dlg.classList.add('dialog-fullscreen-lowres');
+        }
+
+        dlg.querySelector('.btnCancel').addEventListener('click', function (e) {
+            dialogHelper.close(dlg);
+        });
+
+        dlg.querySelector('.formDialogHeaderTitle').innerHTML = options.title || '';
+
+        if (options.description) {
+            dlg.querySelector('.fieldDescription').innerHTML = options.description;
+        } else {
+            dlg.querySelector('.fieldDescription').classList.add('hide');
+        }
+
+        setInputProperties(dlg, options);
+
+        var submitValue;
+
+        dlg.querySelector('form').addEventListener('submit', function (e) {
+
+            submitValue = dlg.querySelector('#txtInput').value;
+            e.preventDefault();
+            e.stopPropagation();
+
+            // Important, don't close the dialog until after the form has completed submitting, or it will cause an error in Chrome
+            setTimeout(function () {
+                dialogHelper.close(dlg);
+            }, 300);
+
+            return false;
+        });
+
+        dlg.querySelector('.submitText').innerHTML = options.confirmText || globalize.translate('ButtonOk');
+
+        dlg.style.minWidth = (Math.min(400, dom.getWindowSize().innerWidth - 50)) + 'px';
+
+        return dialogHelper.open(dlg).then(function () {
+
+            if (layoutManager.tv) {
+                scrollHelper.centerFocus.off(dlg.querySelector('.formDialogContent'), false);
+            }
+
+            var value = submitValue;
+
+            if (value) {
+                return value;
+            } else {
+                return Promise.reject();
+            }
+        });
+    }
+
+    return function (options) {
+
+        return new Promise(function (resolve, reject) {
+            require(['text!./prompt.template.html'], function (template) {
+
+                if (typeof options === 'string') {
+                    options = {
+                        title: '',
+                        text: options
+                    };
+                }
+                showDialog(options, template).then(resolve, reject);
+            });
+        });
+    };
+});

src/components/prompt/prompt.template.html

@@ -0,0 +1,25 @@
+<div class="formDialogHeader">
+    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1">
+        <i class="md-icon">&#xE5C4;</i>
+    </button>
+    <h3 class="formDialogHeaderTitle"></h3>
+</div>
+
+<div class="formDialogContent smoothScrollY">
+    <div class="dialogContentInner dialog-content-centered" style="padding-top:2em;">
+
+        <form>
+            <div class="inputContainer">
+                <input is="emby-input" type="text" id="txtInput" label="" />
+                <div class="fieldDescription"></div>
+            </div>
+
+            <div class="formDialogFooter">
+                <button is="emby-button" type="submit" class="raised btnSubmit block formDialogFooterItem button-submit">
+                    <span class="submitText"></span>
+                </button>
+            </div>
+
+        </form>
+    </div>
+</div>