Browse Source

dev example changed to spread import

Artur Paikin 8 years ago
parent
commit
42b2d41bf9
2 changed files with 34 additions and 16 deletions
  1. 5 3
      example/index.html
  2. 29 13
      example/main.js

+ 5 - 3
example/index.html

@@ -9,11 +9,13 @@
     <button id="uppyModalOpener">Open Modal</button>
     <link href="uppy.min.css" rel="stylesheet">
     <script src="bundle.js"></script>
+
+    <!--script src="uppy.min.js"></script-->
     <script>
+      // console.log(Uppy)
       // var uppy = new Uppy.Core({locales: Uppy.locales.ru_RU, debug: true})
-      //   .use(Uppy.plugins.Modal, {trigger: '#uppyModalOpener'})
-      //   .use(Uppy.plugins.Dashboard, {target: Uppy.plugins.Modal})
-      //   .use(Uppy.plugins.Dummy, {target: Uppy.plugins.Modal})
+      //   .use(Uppy.Dashboard, {trigger: '#uppyModalOpener'})
+      //   .use(Uppy.Dummy, {target: Uppy.Dashboard})
       //   .run();
       // document.querySelector('#uppyModalOpener').click()
     </script>

+ 29 - 13
example/main.js

@@ -1,17 +1,30 @@
-import Uppy from '../src/core/Core.js'
-import Dashboard from '../src/plugins/Dashboard/index.js'
-import Dummy from '../src/plugins/Dummy.js'
-import GoogleDrive from '../src/plugins/GoogleDrive/index.js'
-import ProgressBar from '../src/plugins/ProgressBar.js'
-import Tus10 from '../src/plugins/Tus10.js'
-import MetaData from '../src/plugins/MetaData.js'
-import Informer from '../src/plugins/Informer.js'
-import Webcam from '../src/plugins/Webcam/index.js'
+// import Uppy from '../src/core/Core.js'
+// import Core from '../src/index.js'
+// import Dashboard from '../src/plugins/Dashboard/index.js'
+// import Dummy from '../src/plugins/Dummy.js'
+// import GoogleDrive from '../src/plugins/GoogleDrive/index.js'
+// import ProgressBar from '../src/plugins/ProgressBar.js'
+// import Tus10 from '../src/plugins/Tus10.js'
+// import MetaData from '../src/plugins/MetaData.js'
+// import Informer from '../src/plugins/Informer.js'
+// import Webcam from '../src/plugins/Webcam/index.js'
 
+import { Core,
+         Dummy,
+         Dashboard,
+         GoogleDrive,
+         Webcam,
+        //  DragDrop,
+         ProgressBar,
+         Tus10,
+         MetaData,
+         Informer } from '../src/index.js'
+
+// import ru_RU from '../src/locales/ru_RU.js'
 // import MagicLog from '../src/plugins/MagicLog'
 
-const uppy = new Uppy({debug: true, autoProceed: false})
-  .use(Dashboard, {trigger: '#uppyModalOpener'})
+const uppy = new Core({debug: true, autoProceed: false})
+  .use(Dashboard, {trigger: '#uppyModalOpener', inline: false})
   .use(GoogleDrive, {target: Dashboard, host: 'http://ya.ru'})
   .use(Dummy, {target: Dashboard})
   .use(Webcam, {target: Dashboard})
@@ -21,11 +34,14 @@ const uppy = new Uppy({debug: true, autoProceed: false})
   .use(MetaData, {
     fields: [
       { id: 'resizeTo', name: 'Resize to', value: 1200, placeholder: 'specify future image size' },
-      { id: 'description', name: 'Description', value: '', placeholder: 'describe what the file is for' }
+      { id: 'description', name: 'Description', value: 'none', placeholder: 'describe what the file is for' }
     ]
   })
   // .use(MagicLog)
-
 uppy.run()
+// uppy.emit('informer', 'Smile!', 'info', 2000)
+uppy.on('core:success', (fileCount) => {
+  console.log(fileCount)
+})
 
 document.querySelector('#uppyModalOpener').click()