Selaa lähdekoodia

individual imports and meta viewport in example

Artur Paikin 8 vuotta sitten
vanhempi
commit
b3e20bc418
2 muutettua tiedostoa jossa 17 lisäystä ja 11 poistoa
  1. 1 0
      example/index.html
  2. 16 11
      example/main.js

+ 1 - 0
example/index.html

@@ -2,6 +2,7 @@
 <html>
 <html>
   <head>
   <head>
     <meta charset="utf-8">
     <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>uppy</title>
     <title>uppy</title>
   </head>
   </head>
   <body>
   <body>

+ 16 - 11
example/main.js

@@ -1,24 +1,29 @@
-import { Core,
-         Dummy,
-         Dashboard,
-         GoogleDrive,
-         Webcam,
-         Tus10,
-         MetaData,
-         Informer } from '../src/index.js'
+import Core from '../src/core/index.js'
+import Dummy from '../src/plugins/Dummy.js'
+import Dashboard from '../src/plugins/Dashboard'
+import GoogleDrive from '../src/plugins/GoogleDrive'
+import Webcam from '../src/plugins/Webcam'
+import Tus10 from '../src/plugins/Tus10'
+import MetaData from '../src/plugins/MetaData'
+import Informer from '../src/plugins/Informer'
+
+const PROTOCOL = location.protocol === 'https:' ? 'https' : 'http'
+const TUS_ENDPOINT = PROTOCOL + '://master.tus.io/files/'
 
 
 // import ru_RU from '../src/locales/ru_RU.js'
 // import ru_RU from '../src/locales/ru_RU.js'
 // import MagicLog from '../src/plugins/MagicLog'
 // import MagicLog from '../src/plugins/MagicLog'
 // import PersistentState from '../src/plugins/PersistentState'
 // import PersistentState from '../src/plugins/PersistentState'
 
 
+// const dummy = Dummy()
+// console.log(dummy.render())
+// document.body.appendChild(dummy.render())
+
 const uppy = new Core({debug: true, autoProceed: false})
 const uppy = new Core({debug: true, autoProceed: false})
-  // .use(FileInput, {text: 'Выбрать файл', pretty: true})
-  // .use(PersistentState)
   .use(Dashboard, {trigger: '#uppyModalOpener', inline: false})
   .use(Dashboard, {trigger: '#uppyModalOpener', inline: false})
   .use(GoogleDrive, {target: Dashboard, host: 'http://localhost:3020'})
   .use(GoogleDrive, {target: Dashboard, host: 'http://localhost:3020'})
   .use(Dummy, {target: Dashboard})
   .use(Dummy, {target: Dashboard})
   .use(Webcam, {target: Dashboard})
   .use(Webcam, {target: Dashboard})
-  .use(Tus10, {endpoint: 'https://tusd.tus.io/files/', resume: true})
+  .use(Tus10, {endpoint: TUS_ENDPOINT, resume: true})
   .use(Informer, {target: Dashboard})
   .use(Informer, {target: Dashboard})
   .use(MetaData, {
   .use(MetaData, {
     fields: [
     fields: [