First separation commit.

Added LICENSE, README.md, CONTRIBUTORS.md

src/bower_components/emby-webcomponents/imageuploader/imageuploader.js

@@ -0,0 +1,80 @@
+define(["dialogHelper", "connectionManager", "dom", "loading", "scrollHelper", "layoutManager", "globalize", "require", "emby-button", "emby-select", "formDialogStyle", "css!./style"], function(dialogHelper, connectionManager, dom, loading, scrollHelper, layoutManager, globalize, require) {
+    "use strict";
+
+    function onFileReaderError(evt) {
+        switch (loading.hide(), evt.target.error.code) {
+            case evt.target.error.NOT_FOUND_ERR:
+                require(["toast"], function(toast) {
+                    toast(globalize.translate("sharedcomponents#MessageFileReadError"))
+                });
+                break;
+            case evt.target.error.ABORT_ERR:
+                break;
+            default:
+                require(["toast"], function(toast) {
+                    toast(globalize.translate("sharedcomponents#MessageFileReadError"))
+                })
+        }
+    }
+
+    function setFiles(page, files) {
+        var file = files[0];
+        if (!file || !file.type.match("image.*")) return page.querySelector("#imageOutput").innerHTML = "", page.querySelector("#fldUpload").classList.add("hide"), void(currentFile = null);
+        currentFile = file;
+        var reader = new FileReader;
+        reader.onerror = onFileReaderError, reader.onloadstart = function() {
+            page.querySelector("#fldUpload").classList.add("hide")
+        }, reader.onabort = function() {
+            loading.hide(), console.log("File read cancelled")
+        }, reader.onload = function(theFile) {
+            return function(e) {
+                var html = ['<img style="max-width:100%;max-height:100%;" src="', e.target.result, '" title="', escape(theFile.name), '"/>'].join("");
+                page.querySelector("#imageOutput").innerHTML = html, page.querySelector("#fldUpload").classList.remove("hide")
+            }
+        }(file), reader.readAsDataURL(file)
+    }
+
+    function onSubmit(e) {
+        var file = currentFile;
+        if (!file) return !1;
+        if ("image/png" !== file.type && "image/jpeg" !== file.type && "image/jpeg" !== file.type) return !1;
+        loading.show();
+        var dlg = dom.parentWithClass(this, "dialog"),
+            imageType = dlg.querySelector("#selectImageType").value;
+        return connectionManager.getApiClient(currentServerId).uploadItemImage(currentItemId, imageType, file).then(function() {
+            dlg.querySelector("#uploadImage").value = "", loading.hide(), hasChanges = !0, dialogHelper.close(dlg)
+        }), e.preventDefault(), !1
+    }
+
+    function initEditor(page) {
+        page.querySelector("form").addEventListener("submit", onSubmit), page.querySelector("#uploadImage").addEventListener("change", function() {
+            setFiles(page, this.files)
+        }), page.querySelector(".btnBrowse").addEventListener("click", function() {
+            page.querySelector("#uploadImage").click()
+        })
+    }
+
+    function showEditor(options, resolve, reject) {
+        options = options || {}, require(["text!./imageuploader.template.html"], function(template) {
+            currentItemId = options.itemId, currentServerId = options.serverId;
+            var dialogOptions = {
+                removeOnClose: !0
+            };
+            layoutManager.tv ? dialogOptions.size = "fullscreen" : dialogOptions.size = "fullscreen-border";
+            var dlg = dialogHelper.createDialog(dialogOptions);
+            dlg.classList.add("formDialog"), dlg.innerHTML = globalize.translateDocument(template, "sharedcomponents"), layoutManager.tv && scrollHelper.centerFocus.on(dlg, !1), dlg.addEventListener("close", function() {
+                layoutManager.tv && scrollHelper.centerFocus.off(dlg, !1), loading.hide(), resolve(hasChanges)
+            }), dialogHelper.open(dlg), initEditor(dlg), dlg.querySelector("#selectImageType").value = options.imageType || "Primary", dlg.querySelector(".btnCancel").addEventListener("click", function() {
+                dialogHelper.close(dlg)
+            })
+        })
+    }
+    var currentItemId, currentServerId, currentFile, hasChanges = !1;
+    return {
+        show: function(options) {
+            return new Promise(function(resolve, reject) {
+                hasChanges = !1, showEditor(options, resolve, reject)
+            })
+        }
+    }
+});

src/bower_components/emby-webcomponents/imageuploader/imageuploader.template.html

@@ -0,0 +1,55 @@
+<div class="formDialogHeader">
+    <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1"><i class="md-icon">&#xE5C4;</i></button>
+    <h3 class="formDialogHeaderTitle">
+        ${HeaderUploadImage}
+    </h3>
+</div>
+
+<div class="formDialogContent">
+    <div class="dialogContentInner">
+
+        <form class="uploadItemImageForm" style="max-width: 100%;">
+
+            <div class="flex align-items-center" style="margin:1.5em 0;">
+                <h2 style="margin:0;">${HeaderAddUpdateImage}</h2>
+
+                <button is="emby-button" type="button" class="raised raised-mini btnBrowse" style="margin-left:1.5em;">
+                    <i class="md-icon">&#xE2C7;</i>
+                    <span>${Browse}</span>
+                </button>
+            </div>
+            <div>
+                <div class="imageEditor-dropZone fieldDescription">
+                    <div>${LabelDropImageHere}</div>
+                    <output id="imageOutput" class="flex align-items-center justify-content-center" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;"></output>
+                    <input type="file" accept="image/*" id="uploadImage" name="uploadImage" style="position: absolute;top:0;left:0;right:0;bottom:0;width:100%;opacity:0;" />
+                </div>
+                <div id="fldUpload" class="hide">
+                    <br />
+                    <div class="selectContainer">
+                        <select is="emby-select" id="selectImageType" name="selectImageType" label="${LabelImageType}">
+                            <option value="Primary">${Primary}</option>
+                            <option value="Art">${Art}</option>
+                            <option value="Backdrop">${Backdrop}</option>
+                            <option value="Banner">${Banner}</option>
+                            <option value="Box">${Box}</option>
+                            <option value="BoxRear">${BoxRear}</option>
+                            <option value="Disc">${Disc}</option>
+                            <option value="Logo">${Logo}</option>
+                            <option value="Menu">${Menu}</option>
+                            <option value="Screenshot">${Screenshot}</option>
+                            <option value="Thumb">${Thumb}</option>
+                        </select>
+                    </div>
+                    <button is="emby-button" type="submit" class="raised button-submit block">
+                        <span>${Upload}</span>
+                    </button>
+                </div>
+            </div>
+        </form>
+    </div>
+</div>
+
+
+
+

src/bower_components/emby-webcomponents/imageuploader/style.css

@@ -0,0 +1,17 @@
+.imageEditor-dropZone {
+    border: .2em dashed currentcolor;
+    -webkit-border-radius: .25em;
+    border-radius: .25em;
+    text-align: center;
+    position: relative;
+    height: 12em;
+    display: -webkit-box;
+    display: -webkit-flex;
+    display: flex;
+    -webkit-box-align: center;
+    -webkit-align-items: center;
+    align-items: center;
+    -webkit-box-pack: center;
+    -webkit-justify-content: center;
+    justify-content: center
+}