@things-factory/board-ui 7.0.1-rc.9 → 7.0.2

package/client/board-list/board-importer.ts

@@ -1,138 +0,0 @@
-import '@operato/board/ox-board-viewer.js'
-
-import { BoardViewer } from '@operato/board/ox-board-viewer.js'
-
-function setHighlightStyle(dropArea) {
-  var style = document.createElement('style')
-
-  style.type = 'text/css'
-  style.innerHTML = `.highlight_me {
-    background: orange;
-    cursor: pointer;
-  }`
-
-  dropArea.appendChild(style)
-}
-
-export default class BoardImporter {
-  static import(file, importer) {
-    let reader = new FileReader()
-    reader.readAsText(file)
-    reader.onloadend = () => {
-      try {
-        let model = JSON.parse(reader.result as any)
-        importer(file.name.replace(/\.[^/.]+$/, ''), model)
-      } catch (e) {
-        console.error('board import failed', e)
-      }
-    }
-  }
-
-  static preview(file) {
-    let reader = new FileReader()
-    reader.readAsText(file)
-    reader.onloadend = () => {
-      try {
-        let previewModel = JSON.parse(reader.result as any)
-
-        var preview = document.createElement('ox-board-viewer') as BoardViewer
-
-        preview.style.width = '100%'
-        preview.style.height = '80%'
-        preview.style.margin = '0'
-        preview.style.padding = '0'
-
-        // TODO how to hand over model to previewer
-        // preview.model = previewModel
-        // preview.provider = provider;
-
-        var buttons = document.createElement('div')
-
-        buttons.className = 'buttons'
-        buttons.innerHTML = `
-          <paper-button dialog-dismiss>Cancel</paper-button>
-          <paper-button dialog-confirm autofocus>Accept</paper-button>
-        `
-
-        var dialog = document.createElement('paper-dialog')
-
-        dialog.style.width = '100%'
-        dialog.style.height = '100%'
-        dialog.setAttribute('with-backdrop', 'true')
-        dialog.setAttribute('auto-fit-on-attach', 'true')
-        dialog.setAttribute('always-on-top', 'true')
-        dialog.addEventListener('iron-overlay-closed', () => {
-          dialog.parentNode!.removeChild(dialog)
-        })
-
-        dialog.appendChild(preview)
-        dialog.appendChild(buttons)
-        document.body.appendChild(dialog)
-
-        requestAnimationFrame(() => {
-          ;(dialog as any).open()
-        })
-      } catch (e) {
-        console.error('board preview failed', e)
-      }
-    }
-    // let url = 'YOUR URL HERE'
-    // let formData = new FormData()
-
-    // formData.append('file', file)
-
-    // fetch(url, {
-    //   method: 'POST',
-    //   body: formData
-    // })
-    //   .then(() => { /* Done. Inform the user */ })
-    //   .catch(() => { /* Error. Inform the user */ })
-  }
-
-  static set(dropArea, judge, importer) {
-    setHighlightStyle(dropArea)
-
-    var preventDefaults = e => {
-      if (!judge || judge()) {
-        e.preventDefault()
-        e.stopPropagation()
-      }
-    }
-
-    var highlight = e => {
-      if (!judge || judge()) {
-        dropArea.classList.add('highlight_me')
-      }
-    }
-
-    var unhighlight = e => {
-      if (!judge || judge()) {
-        dropArea.classList.remove('highlight_me')
-      }
-    }
-
-    ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(event => {
-      dropArea.addEventListener(event, preventDefaults, false)
-    })
-    ;['dragenter', 'dragover'].forEach(event => {
-      dropArea.addEventListener(event, highlight, false)
-    })
-    ;['dragleave', 'drop'].forEach(event => {
-      dropArea.addEventListener(event, unhighlight, false)
-    })
-
-    dropArea.addEventListener(
-      'drop',
-      e => {
-        if (!judge || judge()) {
-          let dt = e.dataTransfer
-          let files = dt.files
-
-          // [...files].forEach((file) => BoardImporter.preview(file))
-          ;[...files].forEach(file => BoardImporter.import(file, importer))
-        }
-      },
-      false
-    )
-  }
-}

package/dist-client/board-list/board-importer.d.ts

@@ -1,6 +0,0 @@
-import '@operato/board/ox-board-viewer.js';
-export default class BoardImporter {
-    static import(file: any, importer: any): void;
-    static preview(file: any): void;
-    static set(dropArea: any, judge: any, importer: any): void;
-}

package/dist-client/board-list/board-importer.js

@@ -1,112 +0,0 @@
-import '@operato/board/ox-board-viewer.js';
-function setHighlightStyle(dropArea) {
-    var style = document.createElement('style');
-    style.type = 'text/css';
-    style.innerHTML = `.highlight_me {
-    background: orange;
-    cursor: pointer;
-  }`;
-    dropArea.appendChild(style);
-}
-export default class BoardImporter {
-    static import(file, importer) {
-        let reader = new FileReader();
-        reader.readAsText(file);
-        reader.onloadend = () => {
-            try {
-                let model = JSON.parse(reader.result);
-                importer(file.name.replace(/\.[^/.]+$/, ''), model);
-            }
-            catch (e) {
-                console.error('board import failed', e);
-            }
-        };
-    }
-    static preview(file) {
-        let reader = new FileReader();
-        reader.readAsText(file);
-        reader.onloadend = () => {
-            try {
-                let previewModel = JSON.parse(reader.result);
-                var preview = document.createElement('ox-board-viewer');
-                preview.style.width = '100%';
-                preview.style.height = '80%';
-                preview.style.margin = '0';
-                preview.style.padding = '0';
-                // TODO how to hand over model to previewer
-                // preview.model = previewModel
-                // preview.provider = provider;
-                var buttons = document.createElement('div');
-                buttons.className = 'buttons';
-                buttons.innerHTML = `
-          <paper-button dialog-dismiss>Cancel</paper-button>
-          <paper-button dialog-confirm autofocus>Accept</paper-button>
-        `;
-                var dialog = document.createElement('paper-dialog');
-                dialog.style.width = '100%';
-                dialog.style.height = '100%';
-                dialog.setAttribute('with-backdrop', 'true');
-                dialog.setAttribute('auto-fit-on-attach', 'true');
-                dialog.setAttribute('always-on-top', 'true');
-                dialog.addEventListener('iron-overlay-closed', () => {
-                    dialog.parentNode.removeChild(dialog);
-                });
-                dialog.appendChild(preview);
-                dialog.appendChild(buttons);
-                document.body.appendChild(dialog);
-                requestAnimationFrame(() => {
-                    ;
-                    dialog.open();
-                });
-            }
-            catch (e) {
-                console.error('board preview failed', e);
-            }
-        };
-        // let url = 'YOUR URL HERE'
-        // let formData = new FormData()
-        // formData.append('file', file)
-        // fetch(url, {
-        //   method: 'POST',
-        //   body: formData
-        // })
-        //   .then(() => { /* Done. Inform the user */ })
-        //   .catch(() => { /* Error. Inform the user */ })
-    }
-    static set(dropArea, judge, importer) {
-        setHighlightStyle(dropArea);
-        var preventDefaults = e => {
-            if (!judge || judge()) {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-        };
-        var highlight = e => {
-            if (!judge || judge()) {
-                dropArea.classList.add('highlight_me');
-            }
-        };
-        var unhighlight = e => {
-            if (!judge || judge()) {
-                dropArea.classList.remove('highlight_me');
-            }
-        };
-        ['dragenter', 'dragover', 'dragleave', 'drop'].forEach(event => {
-            dropArea.addEventListener(event, preventDefaults, false);
-        });
-        ['dragenter', 'dragover'].forEach(event => {
-            dropArea.addEventListener(event, highlight, false);
-        });
-        ['dragleave', 'drop'].forEach(event => {
-            dropArea.addEventListener(event, unhighlight, false);
-        });
-        dropArea.addEventListener('drop', e => {
-            if (!judge || judge()) {
-                let dt = e.dataTransfer;
-                let files = dt.files;
-                [...files].forEach(file => BoardImporter.import(file, importer));
-            }
-        }, false);
-    }
-}
-//# sourceMappingURL=board-importer.js.map

package/dist-client/board-list/board-importer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"board-importer.js","sourceRoot":"","sources":["../../client/board-list/board-importer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@operato/board/ox-board-viewer.js'\n\nimport { BoardViewer } from '@operato/board/ox-board-viewer.js'\n\nfunction setHighlightStyle(dropArea) {\n  var style = document.createElement('style')\n\n  style.type = 'text/css'\n  style.innerHTML = `.highlight_me {\n    background: orange;\n    cursor: pointer;\n  }`\n\n  dropArea.appendChild(style)\n}\n\nexport default class BoardImporter {\n  static import(file, importer) {\n    let reader = new FileReader()\n    reader.readAsText(file)\n    reader.onloadend = () => {\n      try {\n        let model = JSON.parse(reader.result as any)\n        importer(file.name.replace(/\\.[^/.]+$/, ''), model)\n      } catch (e) {\n        console.error('board import failed', e)\n      }\n    }\n  }\n\n  static preview(file) {\n    let reader = new FileReader()\n    reader.readAsText(file)\n    reader.onloadend = () => {\n      try {\n        let previewModel = JSON.parse(reader.result as any)\n\n        var preview = document.createElement('ox-board-viewer') as BoardViewer\n\n        preview.style.width = '100%'\n        preview.style.height = '80%'\n        preview.style.margin = '0'\n        preview.style.padding = '0'\n\n        // TODO how to hand over model to previewer\n        // preview.model = previewModel\n        // preview.provider = provider;\n\n        var buttons = document.createElement('div')\n\n        buttons.className = 'buttons'\n        buttons.innerHTML = `\n          <paper-button dialog-dismiss>Cancel</paper-button>\n          <paper-button dialog-confirm autofocus>Accept</paper-button>\n        `\n\n        var dialog = document.createElement('paper-dialog')\n\n        dialog.style.width = '100%'\n        dialog.style.height = '100%'\n        dialog.setAttribute('with-backdrop', 'true')\n        dialog.setAttribute('auto-fit-on-attach', 'true')\n        dialog.setAttribute('always-on-top', 'true')\n        dialog.addEventListener('iron-overlay-closed', () => {\n          dialog.parentNode!.removeChild(dialog)\n        })\n\n        dialog.appendChild(preview)\n        dialog.appendChild(buttons)\n        document.body.appendChild(dialog)\n\n        requestAnimationFrame(() => {\n          ;(dialog as any).open()\n        })\n      } catch (e) {\n        console.error('board preview failed', e)\n      }\n    }\n    // let url = 'YOUR URL HERE'\n    // let formData = new FormData()\n\n    // formData.append('file', file)\n\n    // fetch(url, {\n    //   method: 'POST',\n    //   body: formData\n    // })\n    //   .then(() => { /* Done. Inform the user */ })\n    //   .catch(() => { /* Error. Inform the user */ })\n  }\n\n  static set(dropArea, judge, importer) {\n    setHighlightStyle(dropArea)\n\n    var preventDefaults = e => {\n      if (!judge || judge()) {\n        e.preventDefault()\n        e.stopPropagation()\n      }\n    }\n\n    var highlight = e => {\n      if (!judge || judge()) {\n        dropArea.classList.add('highlight_me')\n      }\n    }\n\n    var unhighlight = e => {\n      if (!judge || judge()) {\n        dropArea.classList.remove('highlight_me')\n      }\n    }\n\n    ;['dragenter', 'dragover', 'dragleave', 'drop'].forEach(event => {\n      dropArea.addEventListener(event, preventDefaults, false)\n    })\n    ;['dragenter', 'dragover'].forEach(event => {\n      dropArea.addEventListener(event, highlight, false)\n    })\n    ;['dragleave', 'drop'].forEach(event => {\n      dropArea.addEventListener(event, unhighlight, false)\n    })\n\n    dropArea.addEventListener(\n      'drop',\n      e => {\n        if (!judge || judge()) {\n          let dt = e.dataTransfer\n          let files = dt.files\n\n          // [...files].forEach((file) => BoardImporter.preview(file))\n          ;[...files].forEach(file => BoardImporter.import(file, importer))\n        }\n      },\n      false\n    )\n  }\n}\n"]}