From 83d3fcb4e4dbf6ee87b38656ee25ebc806a46e64 Mon Sep 17 00:00:00 2001 From: ifedapoolarewaju Date: Mon, 4 Nov 2019 15:25:09 +0100 Subject: [PATCH] website: add facebook to dashboard example --- website/src/examples/dashboard/app.es6 | 9 +++++++++ website/src/examples/dashboard/app.html | 3 +++ website/src/examples/dashboard/index.ejs | 2 ++ .../layout/partials/frontpage-code-sample.html | 18 +++++++++--------- 4 files changed, 23 insertions(+), 9 deletions(-) diff --git a/website/src/examples/dashboard/app.es6 b/website/src/examples/dashboard/app.es6 index 6a9c7ec56..755d66157 100644 --- a/website/src/examples/dashboard/app.es6 +++ b/website/src/examples/dashboard/app.es6 @@ -5,6 +5,7 @@ const Dashboard = require('@uppy/dashboard') const GoogleDrive = require('@uppy/google-drive') const Dropbox = require('@uppy/dropbox') const Instagram = require('@uppy/instagram') +const Facebook = require('@uppy/facebook') const Url = require('@uppy/url') const Webcam = require('@uppy/webcam') const Tus = require('@uppy/tus') @@ -106,6 +107,14 @@ function uppySetOptions () { window.uppy.removePlugin(UrlInstance) } + const FacebookInstance = window.uppy.getPlugin('Facebook') + if (opts.Facebook && !FacebookInstance) { + uppy.use(Facebook, { target: Dashboard, companionUrl: COMPANION }) + } + if (!opts.Facebook && FacebookInstance) { + window.uppy.removePlugin(FacebookInstance) + } + const WebcamInstance = window.uppy.getPlugin('Webcam') if (opts.Webcam && !WebcamInstance) { window.uppy.use(Webcam, { target: Dashboard, companionUrl: COMPANION }) diff --git a/website/src/examples/dashboard/app.html b/website/src/examples/dashboard/app.html index 3c44c4c9c..faf3fedde 100644 --- a/website/src/examples/dashboard/app.html +++ b/website/src/examples/dashboard/app.html @@ -13,6 +13,7 @@
    • +
    • @@ -38,6 +39,7 @@ GoogleDrive: document.querySelector('#opts-GoogleDrive'), Dropbox: document.querySelector('#opts-Dropbox'), Instagram: document.querySelector('#opts-Instagram'), + Facebook: document.querySelector('#opts-Facebook'), Url: document.querySelector('#opts-Url'), autoProceed: document.querySelector('#opts-autoProceed'), restrictions: document.querySelector('#opts-restrictions'), @@ -50,6 +52,7 @@ GoogleDrive: true, Instagram: true, Dropbox: true, + Facebook: false, Url: true, autoProceed: false, restrictions: false, diff --git a/website/src/examples/dashboard/index.ejs b/website/src/examples/dashboard/index.ejs index 93d24e927..f38007a4e 100644 --- a/website/src/examples/dashboard/index.ejs +++ b/website/src/examples/dashboard/index.ejs @@ -27,6 +27,7 @@ const Dashboard = require('@uppy/dashboard') const GoogleDrive = require('@uppy/google-drive') const Dropbox = require('@uppy/dropbox') const Instagram = require('@uppy/instagram') +const Facebook = require('@uppy/facebook') const Webcam = require('@uppy/webcam') const Tus = require('@uppy/tus') @@ -57,6 +58,7 @@ const uppy = Uppy({ .use(GoogleDrive, { target: Dashboard, companionUrl: 'https://companion.uppy.io' }) .use(Dropbox, { target: Dashboard, companionUrl: 'https://companion.uppy.io' }) .use(Instagram, { target: Dashboard, companionUrl: 'https://companion.uppy.io' }) +.use(Facebook, { target: Dashboard, companionUrl: 'https://companion.uppy.io' }) .use(Webcam, { target: Dashboard }) .use(Tus, { endpoint: 'https://master.tus.io/files/' }) diff --git a/website/themes/uppy/layout/partials/frontpage-code-sample.html b/website/themes/uppy/layout/partials/frontpage-code-sample.html index 41ec1c415..9e68e01f2 100644 --- a/website/themes/uppy/layout/partials/frontpage-code-sample.html +++ b/website/themes/uppy/layout/partials/frontpage-code-sample.html @@ -1,22 +1,22 @@ 
    $ npm install @uppy/core @uppy/dashboard @uppy/instagram @uppy/tus
    -
    import Uppy from '@uppy/core'
-import Dashboard from '@uppy/dashboard'
-import Instagram from '@uppy/instagram'
-import Tus from '@uppy/tus'
+
    import Uppy from '@uppy/core'
+import Dashboard from '@uppy/dashboard'
+import Instagram from '@uppy/instagram'
+import Tus from '@uppy/tus'
 
 Uppy()
   .use(Dashboard, {
-    trigger: '#select-files',
+    trigger: '#select-files',
     showProgressDetails: true
   })
   .use(Instagram, {
     target: Dashboard,
-    companionUrl: 'https://companion.uppy.io'
+    companionUrl: 'https://companion.uppy.io'
   })
-  .use(Tus, { endpoint: 'https://master.tus.io/files/' })
-  .on('complete', (result) => {
-    console.log('Upload result:', result)
+  .use(Tus, { endpoint: 'https://master.tus.io/files/' })
+  .on('complete', (result) => {
+    console.log('Upload result:', result)
   })