Browse Source

Add image-editor to Dashboard example

Artur Paikin 4 years ago
parent
commit
7a3bc72a63
2 changed files with 13 additions and 2 deletions
  1. 8 0
      website/src/examples/dashboard/app.es6
  2. 5 2
      website/src/examples/dashboard/app.html

+ 8 - 0
website/src/examples/dashboard/app.es6

@@ -7,6 +7,7 @@ const Dropbox = require('@uppy/dropbox')
 const Instagram = require('@uppy/instagram')
 const Facebook = require('@uppy/facebook')
 const OneDrive = require('@uppy/onedrive')
+const ImageEditor = require('@uppy/image-editor')
 const Url = require('@uppy/url')
 const Webcam = require('@uppy/webcam')
 const ScreenCapture = require('@uppy/screen-capture')
@@ -146,6 +147,13 @@ function uppySetOptions () {
   } else {
     window.uppy.removePlugin(screenCaptureInstance)
   }
+
+  const imageEditorInstance = window.uppy.getPlugin('ImageEditor')
+  if (opts.ImageEditor && !imageEditorInstance) {
+    window.uppy.use(ImageEditor, { target: Dashboard })
+  } else {
+    window.uppy.removePlugin(imageEditorInstance)
+  }
 }
 
 function whenLocaleAvailable (localeName, callback) {

+ 5 - 2
website/src/examples/dashboard/app.html

@@ -7,6 +7,7 @@
     <li><label for="opts-autoProceed"><input type="checkbox" id="opts-autoProceed" checked/> Autoproceed</label></li>
     <li><label for="opts-restrictions"><input type="checkbox" id="opts-restrictions" checked/> Restrictions</label></li>
     <li><label for="opts-darkMode"><input type="checkbox" id="opts-darkMode" checked/> Dark Mode</label></li>
+    <li><label for="opts-imageEditor"><input type="checkbox" id="opts-imageEditor" checked/> Image Editor</label></li>
   </ul>
   <ul>
     <li><label for="opts-Webcam"><input type="checkbox" id="opts-Webcam" checked/> Webcam</label></li>
@@ -47,7 +48,8 @@
     Url: document.querySelector('#opts-Url'),
     autoProceed: document.querySelector('#opts-autoProceed'),
     restrictions: document.querySelector('#opts-restrictions'),
-    darkMode: document.querySelector('#opts-darkMode')
+    darkMode: document.querySelector('#opts-darkMode'),
+    imageEditor: document.querySelector('#opts-imageEditor')
   }
 
   var defaultOpts = {
@@ -62,7 +64,8 @@
     Url: true,
     autoProceed: false,
     restrictions: false,
-    darkMode: true
+    darkMode: true,
+    imageEditor: true
   }
 
   // try to get options from localStorage, if its empty, set to defaultOpts