Browse Source

modify modal example

Artur Paikin 8 years ago
parent
commit
5f90d95c3c
1 changed files with 17 additions and 15 deletions
  1. 17 15
      website/src/examples/modal/app.es6

+ 17 - 15
website/src/examples/modal/app.es6

@@ -1,27 +1,29 @@
-import Uppy from '../../../../src/core/Core.js'
-// import Dummy from '../../../../src/plugins/Dummy'
-import Tus10 from '../../../../src/plugins/Tus10.js'
-import Dashboard from '../../../../src/plugins/Dashboard'
-import GoogleDrive from '../../../../src/plugins/GoogleDrive'
-import ProgressBar from '../../../../src/plugins/ProgressBar.js'
-import Webcam from '../../../../src/plugins/Webcam/index.js'
-import MetaData from '../../../../src/plugins/MetaData.js'
-import Informer from '../../../../src/plugins/Informer.js'
+import { Core,
+         Dashboard,
+         GoogleDrive,
+         Webcam,
+         Tus10,
+         MetaData,
+         Informer } from '../../../../src/index.js'
+
 import { UPPY_SERVER } from '../env'
 
-const uppy = new Uppy({debug: true, autoProceed: false})
+const uppy = new Core({debug: true, autoProceed: false})
 uppy
   .use(Dashboard, {trigger: '#uppyModalOpener'})
   .use(GoogleDrive, {target: Dashboard, host: UPPY_SERVER})
   .use(Webcam, {target: Dashboard})
-  // .use(Dummy, {target: Dashboard})
-  .use(Tus10, {endpoint: 'http://master.tus.io:8080/files/'})
-  .use(ProgressBar, {target: 'body'})
+  .use(Tus10, {endpoint: 'http://master.tus.io:8080/files/', resume: false})
   .use(Informer, {target: Dashboard})
   .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' }
     ]
   })
-  .run()
+
+uppy.run()
+
+uppy.on('core:success', (fileCount) => {
+  console.log('Yo, uploaded: ' + fileCount)
+})