Просмотр исходного кода

Add example that works without the website

Artur Paikin 9 лет назад
Родитель
Сommit
f0ed6a454e
2 измененных файлов с 30 добавлено и 3 удалено
  1. 24 0
      example/index.html
  2. 6 3
      website/src/uppy.ejs

+ 24 - 0
example/index.html

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>uppy</title>
+  </head>
+  <body>
+    <h1>Uppy is here</h1>
+    <button id="uppyModalOpener">Open Modal</button>
+    <link href="../dist/uppy.min.css" rel="stylesheet">
+    <script src="../dist/uppy.min.js"></script>
+    <script src="../dist/locales/ru_RU.min.js"></script>
+    <script>
+      var uppy = new Uppy.Core({locales: Uppy.locales.ru_RU, debug: true})
+        .use(Uppy.plugins.Modal, {trigger: '#uppyModalOpener'})
+        .use(Uppy.plugins.Dummy, {target: Uppy.plugins.Modal})
+        .run();
+    </script>
+
+    <script>
+      document.querySelector('#uppyModalOpener').click()
+    </script>
+  </body>
+</html>

+ 6 - 3
website/src/uppy.ejs

@@ -12,13 +12,16 @@ permalink: uppy/
   </head>
   <body>
     <h1>Uppy is here</h1>
+    <button id="uppyModalOpener">Open Modal</button>
     <link href="uppy.min.css" rel="stylesheet">
     <script src="uppy.min.js"></script>
     <script src="locales/ru_RU.min.js"></script>
     <script>
-      var uppy = new Uppy.Core({locales: Uppy.locales.ru_RU, debug: true});
-      uppy.use(Uppy.plugins.DragDrop, {target: 'body'});
-      uppy.run();
+      var uppy = new Uppy.Core({locales: Uppy.locales.ru_RU, debug: true})
+      // uppy.use(Uppy.plugins.DragDrop, {target: 'body'});
+        .use(Uppy.plugins.Modal, {trigger: '#uppyModalOpener'})
+        .use(Uppy.plugins.Dummy, {target: Uppy.plugins.Modal})
+        .run();
     </script>
   </body>
 </html>